build ok,

03_source/cms_backend/package.json

@@ -19,8 +19,10 @@
     "re:build": "yarn clean && yarn install && yarn build",
     "re:build-npm": "npm run clean && npm install && npm run build",
     "tsc:dev": "yarn dev & yarn tsc:watch",
-    "tsc:watch": "tsc --noEmit --watch",
     "tsc:print": "npx tsc --showConfig",
+    "tsc:w": "npx nodemon --delay 3 --ext ts,tsx --exec \"yarn tsc\"",
+    "tsc:watch": "tsc --noEmit --watch",
+    "tsc": "tsc --noEmit",
     "migrate": "npx prisma migrate dev --skip-seed",
     "seed": "tsx ./prisma/seed.ts",
     "seed:w": "npx nodemon --ext \"ts,tsx,json\" -w prisma --exec \"yarn seed\"",

03_source/cms_backend/scripts/10_build.sh

@@ -2,11 +2,16 @@
 
 set -x
 
-yarn db:push
+rm -rf ./**/*Zone.Identifier
 
-npx nodemon --ext ts,tsx --exec "yarn tsc"
+# yarn db:push
+# npx nodemon --ext ts,tsx --exec "yarn tsc"
 
+set -ex
 
+yarn fm:fix
 
-# yarn build
+yarn tsc
+
+yarn build
 

03_source/cms_backend/src/_mock/_chat.ts

@@ -16,11 +16,7 @@ export const _contacts = () =>
     address: _mock.fullAddress(index),
     avatarUrl: _mock.image.avatar(index),
     phoneNumber: _mock.phoneNumber(index),
-    status:
+    status: ([0, 1, 6, 12].includes(index) && 'online') || ([3, 8, 14].includes(index) && 'offline') || ([4, 10, 16].includes(index) && 'busy') || 'always',
-      ([0, 1, 6, 12].includes(index) && 'online') ||
-      ([3, 8, 14].includes(index) && 'offline') ||
-      ([4, 10, 16].includes(index) && 'busy') ||
-      'always',
   }));
 
 export const _conversations = () => {

03_source/cms_backend/src/_mock/_kanban.ts

@@ -6,8 +6,7 @@ import { _tags } from './assets';
 
 // ----------------------------------------------------------------------
 
-const generateAttachments = () =>
+const generateAttachments = () => Array.from({ length: 20 }, (_, index) => _mock.image.cover(index));
-  Array.from({ length: 20 }, (_, index) => _mock.image.cover(index));
 
 const generateAssignees = () =>
   Array.from({ length: 20 }, (_, index) => ({
@@ -68,24 +67,14 @@ const createTask = (index: number, status: string) => {
     assignee: assignedUser.slice(0, index),
     description: _mock.description(index),
     due: [fAdd({ days: index + 1 }), fAdd({ days: index + 2 })],
-    priority:
+    priority: ([1, 3].includes(index) && PRIORITY_LEVEL.hight) || ([2, 4].includes(index) && PRIORITY_LEVEL.medium) || PRIORITY_LEVEL.low,
-      ([1, 3].includes(index) && PRIORITY_LEVEL.hight) ||
+    attachments: (index === 1 && attachmentList.slice(11, 15)) || (index === 5 && attachmentList.slice(4, 9)) || [],
-      ([2, 4].includes(index) && PRIORITY_LEVEL.medium) ||
-      PRIORITY_LEVEL.low,
-    attachments:
-      (index === 1 && attachmentList.slice(11, 15)) ||
-      (index === 5 && attachmentList.slice(4, 9)) ||
-      [],
     status,
   };
 };
 
 const tasks = () => ({
-  [COLUMN_IDS.id1]: [
+  [COLUMN_IDS.id1]: [createTask(1, COLUMN_NAMES.name1), createTask(2, COLUMN_NAMES.name1), createTask(3, COLUMN_NAMES.name1)],
-    createTask(1, COLUMN_NAMES.name1),
-    createTask(2, COLUMN_NAMES.name1),
-    createTask(3, COLUMN_NAMES.name1),
-  ],
   [COLUMN_IDS.id2]: [createTask(4, COLUMN_NAMES.name2), createTask(5, COLUMN_NAMES.name2)],
   [COLUMN_IDS.id3]: [],
   [COLUMN_IDS.id4]: [createTask(6, COLUMN_NAMES.name4)],

03_source/cms_backend/src/_mock/_mail.ts

@@ -28,20 +28,11 @@ export const _mails = () =>
   Array.from({ length: 9 }, (_, index) => {
     const files = _files();
 
-    const attachments =
+    const attachments = (index === 1 && files.slice(0, 2)) || (index === 2 && files.slice(0, 4)) || (index === 5 && files.slice(4, 10)) || [];
-      (index === 1 && files.slice(0, 2)) ||
-      (index === 2 && files.slice(0, 4)) ||
-      (index === 5 && files.slice(4, 10)) ||
-      [];
 
-    const folder =
+    const folder = ([1, 2].includes(index) && 'spam') || ([3, 4].includes(index) && 'sent') || 'inbox';
-      ([1, 2].includes(index) && 'spam') || ([3, 4].includes(index) && 'sent') || 'inbox';
 
-    const labelIds =
+    const labelIds = (index === 1 && ['promotions', 'forums']) || (index === 2 && ['forums']) || (index === 5 && ['social']) || [];
-      (index === 1 && ['promotions', 'forums']) ||
-      (index === 2 && ['forums']) ||
-      (index === 5 && ['social']) ||
-      [];
 
     const from = {
       name: _mock.fullName(index),

03_source/cms_backend/src/_mock/_mock.ts

@@ -78,11 +78,8 @@ export const _mock = {
     avatar: (index: number) => `${CONFIG.basePath}/assets/images/avatar/avatar-${index + 1}.webp`,
     travel: (index: number) => `${CONFIG.basePath}/assets/images/travel/travel-${index + 1}.webp`,
     course: (index: number) => `${CONFIG.basePath}/assets/images/course/course-${index + 1}.webp`,
-    company: (index: number) =>
+    company: (index: number) => `${CONFIG.basePath}/assets/images/company/company-${index + 1}.webp`,
-      `${CONFIG.basePath}/assets/images/company/company-${index + 1}.webp`,
+    product: (index: number) => `${CONFIG.basePath}/assets/images/m-product/product-${index + 1}.webp`,
-    product: (index: number) =>
+    portrait: (index: number) => `${CONFIG.basePath}/assets/images/portrait/portrait-${index + 1}.webp`,
-      `${CONFIG.basePath}/assets/images/m-product/product-${index + 1}.webp`,
-    portrait: (index: number) =>
-      `${CONFIG.basePath}/assets/images/portrait/portrait-${index + 1}.webp`,
   },
 };

03_source/cms_backend/src/_mock/_product.ts

@@ -3,16 +3,7 @@ import { _tags } from './assets';
 
 // ----------------------------------------------------------------------
 
-const COLORS = [
+const COLORS = ['#FF4842', '#1890FF', '#FFC0CB', '#00AB55', '#FFC107', '#7F00FF', '#000000', '#FFFFFF'];
-  '#FF4842',
-  '#1890FF',
-  '#FFC0CB',
-  '#00AB55',
-  '#FFC107',
-  '#7F00FF',
-  '#000000',
-  '#FFFFFF',
-];
 
 const DESCRIPTION = `
 <h6>Specifications</h6>
@@ -93,8 +84,7 @@ const DESCRIPTION = `
 
 `;
 
-const generateAttachments = () =>
+const generateAttachments = () => Array.from({ length: 20 }, (_, index) => _mock.image.product(index));
-  Array.from({ length: 20 }, (_, index) => _mock.image.product(index));
 
 const generateReviews = () => {
   const attachments = generateAttachments();
@@ -108,11 +98,7 @@ const generateReviews = () => {
     rating: _mock.number.rating(index),
     avatarUrl: _mock.image.avatar(index),
     helpful: _mock.number.nativeL(index),
-    attachments:
+    attachments: (index === 1 && attachments.slice(0, 1)) || (index === 3 && attachments.slice(2, 4)) || (index === 5 && attachments.slice(5, 8)) || [],
-      (index === 1 && attachments.slice(0, 1)) ||
-      (index === 3 && attachments.slice(2, 4)) ||
-      (index === 5 && attachments.slice(5, 8)) ||
-      [],
   }));
 };
 
@@ -192,7 +178,6 @@ export const _products = () =>
       newLabel: { enabled: [1, 2, 3].includes(index), content: 'NEW' },
       saleLabel: { enabled: [4, 5].includes(index), content: 'SALE' },
       sizes: ['6', '7', '8', '8.5', '9', '9.5', '10', '10.5', '11', '11.5', '12', '13'],
-      subDescription:
+      subDescription: 'Featuring the original ripple design inspired by Japanese bullet trains, the Nike Air Max 97 lets you push your style full-speed ahead.',
-        'Featuring the original ripple design inspired by Japanese bullet trains, the Nike Air Max 97 lets you push your style full-speed ahead.',
     };
   });

03_source/cms_backend/src/_mock/assets.ts

@@ -1,9 +1,6 @@
 // ----------------------------------------------------------------------
 
-export const _id = Array.from(
+export const _id = Array.from({ length: 40 }, (_, index) => `e99f09a7-dd88-49d5-b1c8-1daf80c2d7b${index + 1}`);
-  { length: 40 },
-  (_, index) => `e99f09a7-dd88-49d5-b1c8-1daf80c2d7b${index + 1}`
-);
 
 // ----------------------------------------------------------------------
 
@@ -37,36 +34,24 @@ export const _booleans = [
 // ----------------------------------------------------------------------
 
 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,
+  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,
-  60.62, 79.81, 93.68, 47.44, 76.24, 92.87, 72.91, 20.54, 94.25, 37.51,
+  94.25, 37.51,
 ];
 
-export const _ratings = [
+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];
-  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 = [
+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];
-  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,
+  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,
-  52.0, 6.8, 95.3, 26.6, 69.9, 92.1, 46.2, 85.6,
 ];
 
-export const _nativeS = [
+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];
-  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 = [
+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];
-  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,
+  9911, 1947, 9124, 6984, 8488, 2034, 3364, 8401, 8996, 5271, 8478, 1139, 8061, 3035, 6733, 3952, 2405, 3127, 6843, 4672, 6995, 6053, 5192, 9686,
-  2405, 3127, 6843, 4672, 6995, 6053, 5192, 9686,
 ];
 
 export const _fullAddress = [

03_source/cms_backend/src/app/api/AccessLog/detail/route.ts

@@ -11,7 +11,7 @@ import type { NextRequest } from 'next/server';
 import { STATUS, response, handleError } from 'src/utils/response';
 
 // import { AccessLogService } from '../../../../modules/AccessLog/AccessLog.service';
-import { getAccessLogById } from 'src/app/services/AccessLog.service';
+import { getAccessLogById } from 'src/app/services/access-log.service';
 
 // ----------------------------------------------------------------------
 

03_source/cms_backend/src/app/api/AccessLog/route.ts

@@ -2,7 +2,7 @@ import type { NextRequest, NextResponse } from 'next/server';
 
 import { STATUS, response, handleError } from 'src/utils/response';
 
-import { listAccessLogs } from 'src/app/services/AccessLog.service';
+import { listAccessLogs } from 'src/app/services/access-log.service';
 
 // import prisma from '../../lib/prisma';
 

03_source/cms_backend/src/app/api/AppLog/route.ts

@@ -2,7 +2,7 @@ import type { NextRequest, NextResponse } from 'next/server';
 
 import { STATUS, response, handleError } from 'src/utils/response';
 
-import { listAppLogs, deleteAppLog, createNewAppLog } from 'src/app/services/AppLog.service';
+import { listAppLogs, deleteAppLog, createNewAppLog } from 'src/app/services/app-log.service';
 
 // import prisma from '../../lib/prisma';
 

03_source/cms_backend/src/app/api/auth/me/route.ts

@@ -8,7 +8,7 @@ import { STATUS, response, handleError } from 'src/utils/response';
 
 import { JWT_SECRET } from 'src/_mock/_auth';
 import { getUserById } from 'src/app/services/user.service';
-import { createAccessLog } from 'src/app/services/AccessLog.service';
+import { createAccessLog } from 'src/app/services/access-log.service';
 
 import { flattenNextjsRequest } from '../sign-in/flattenNextjsRequest';
 

03_source/cms_backend/src/app/api/auth/sign-in/route.ts

@@ -4,7 +4,7 @@ import { sign } from 'src/utils/jwt';
 import { STATUS, response, handleError } from 'src/utils/response';
 
 import { JWT_SECRET, JWT_EXPIRES_IN } from 'src/_mock/_auth';
-import { createAccessLog } from 'src/app/services/AccessLog.service';
+import { createAccessLog } from 'src/app/services/access-log.service';
 
 import prisma from '../../../lib/prisma';
 import { flattenNextjsRequest } from './flattenNextjsRequest';

03_source/cms_backend/src/app/api/event/details/route.ts

@@ -12,7 +12,7 @@ import { STATUS, response, handleError } from 'src/utils/response';
 
 import { L_INFO, L_ERROR } from 'src/constants';
 import { getEvent } from 'src/app/services/eventItem.service';
-import { createAppLog } from 'src/app/services/AppLog.service';
+import { createAppLog } from 'src/app/services/app-log.service';
 
 // ----------------------------------------------------------------------
 

03_source/cms_backend/src/app/api/helloworld/detail/route.ts

@@ -11,7 +11,7 @@ import type { NextRequest } from 'next/server';
 import { STATUS, response, handleError } from 'src/utils/response';
 
 import { L_INFO, L_ERROR } from 'src/constants';
-import { createAppLog } from 'src/app/services/AppLog.service';
+import { createAppLog } from 'src/app/services/app-log.service';
 
 import prisma from '../../../lib/prisma';
 import { flattenNextjsRequest } from '../../auth/sign-in/flattenNextjsRequest';

03_source/cms_backend/src/app/api/invoice/search/route.ts

@@ -24,9 +24,7 @@ export async function GET(req: NextRequest) {
     const products = _products();
 
     // Accept search by name or sku
-    const results = products.filter(
+    const results = products.filter(({ name, sku }) => name.toLowerCase().includes(query) || sku?.toLowerCase().includes(query));
-      ({ name, sku }) => name.toLowerCase().includes(query) || sku?.toLowerCase().includes(query)
-    );
 
     logger('[Product] search-results', results.length);
 

03_source/cms_backend/src/app/api/kanban/route.ts

@@ -25,13 +25,8 @@ const ENDPOINTS = {
 };
 
 function loggerData(action?: string, value?: unknown) {
-  const columnsWithTasks = boardData.columns.map(
+  const columnsWithTasks = boardData.columns.map((col) => `${col.name} (${boardData.tasks[col.id].length} tasks)`);
-    (col) => `${col.name} (${boardData.tasks[col.id].length} tasks)`
+  logger('[Kanban] get-board', `columns (${boardData.columns.length}): ${JSON.stringify(columnsWithTasks, null, 2)}`);
-  );
-  logger(
-    '[Kanban] get-board',
-    `columns (${boardData.columns.length}): ${JSON.stringify(columnsWithTasks, null, 2)}`
-  );
   if (value || action) {
     logger(`[Kanban] ${action}`, value);
   }
@@ -126,9 +121,7 @@ async function updateColumn(req: NextRequest) {
 
   // Find and update the specified column.
   updateBoardData({
-    columns: boardData.columns.map((col) =>
+    columns: boardData.columns.map((col) => (col.id === columnId ? { ...col, name: columnName } : col)),
-      col.id === columnId ? { ...col, name: columnName } : col
-    ),
   });
 
   loggerData('updated-column', columnName);
@@ -222,9 +215,7 @@ async function updateTask(req: NextRequest) {
   updateBoardData({
     tasks: {
       ...boardData.tasks,
-      [columnId]: boardData.tasks[columnId].map((task) =>
+      [columnId]: boardData.tasks[columnId].map((task) => (task.id === taskData.id ? { ...task, ...taskData } : task)),
-        task.id === taskData.id ? { ...task, ...taskData } : task
-      ),
     },
   });
 

03_source/cms_backend/src/app/api/mail/list/route.ts

@@ -31,10 +31,7 @@ export async function GET(req: NextRequest) {
     }
 
     // Get filtered mails
-    const filteredMails =
+    const filteredMails = label.type === 'custom' ? mails.filter((mail) => mail.labelIds.includes(labelId!)) : filterMailsByLabelId(mails, labelId);
-      label.type === 'custom'
-        ? mails.filter((mail) => mail.labelIds.includes(labelId!))
-        : filterMailsByLabelId(mails, labelId);
 
     logger(`[Mail] label-[${labelId}]`, filteredMails.length);
 

03_source/cms_backend/src/app/api/order/search/route.ts

@@ -24,9 +24,7 @@ export async function GET(req: NextRequest) {
     const products = _products();
 
     // Accept search by name or sku
-    const results = products.filter(
+    const results = products.filter(({ name, sku }) => name.toLowerCase().includes(query) || sku?.toLowerCase().includes(query));
-      ({ name, sku }) => name.toLowerCase().includes(query) || sku?.toLowerCase().includes(query)
-    );
 
     logger('[Product] search-results', results.length);
 

03_source/cms_backend/src/app/api/pagination/route.ts

@@ -47,9 +47,7 @@ export async function GET(req: NextRequest) {
         products: paginatedProducts,
         totalPages,
         totalItems,
-        categoryOptions: Array.from(
+        categoryOptions: Array.from(new Set(_products.map(({ category: c_category }) => c_category))), // Remove duplicate categories
-          new Set(_products.map(({ category: c_category }) => c_category))
-        ), // Remove duplicate categories
       },
       STATUS.OK
     );
@@ -70,9 +68,7 @@ function paginateProducts(products: Products, page: number, perPage: number) {
 function filterProducts(products: Products, searchQuery: string, category: string) {
   return products.filter(({ id, name, category: prodCategory }) => {
     // Accept search by id or name
-    const matchesSearch = searchQuery
+    const matchesSearch = searchQuery ? id.includes(searchQuery) || name.toLowerCase().includes(searchQuery) : true;
-      ? id.includes(searchQuery) || name.toLowerCase().includes(searchQuery)
-      : true;
     const matchesCategory = category ? prodCategory === category : true;
 
     return matchesSearch && matchesCategory;

03_source/cms_backend/src/app/api/post/search/route.ts

@@ -24,10 +24,7 @@ export async function GET(req: NextRequest) {
     const posts = _posts();
 
     // Accept search by title or description
-    const results = posts.filter(
+    const results = posts.filter(({ title, description }) => title.toLowerCase().includes(query) || description?.toLowerCase().includes(query));
-      ({ title, description }) =>
-        title.toLowerCase().includes(query) || description?.toLowerCase().includes(query)
-    );
 
     logger('[Post] search-results', results.length);
 

03_source/cms_backend/src/app/api/product/create/route.ts

@@ -15,6 +15,8 @@ import { STATUS, response, handleError } from 'src/utils/response';
 import { isDev } from 'src/constants';
 
 import prisma from '../../../lib/prisma';
+import { createProduct } from 'src/app/services/product.service';
+// import { createProduct } from 'src/app/services/product.service';
 
 // ----------------------------------------------------------------------
 
@@ -29,13 +31,14 @@ export async function POST(req: NextRequest) {
       console.log({ productData });
     }
 
-    await prisma.productItem.create({ data: productData });
+    const created = await createProduct(productData);
+    // const created = await prisma.productItem.create({ data: productData });
 
     if (isDev) {
       console.log('create done');
     }
 
-    return response({ hello: 'world' }, STATUS.OK);
+    return response(created, STATUS.OK);
   } catch (error) {
     console.log({ hello: 'world', productData });
     return handleError('Product - Create', error);

03_source/cms_backend/src/app/api/product/create/test.http

@@ -1,10 +1,10 @@
 ###
 
-POST http://localhost:7272/api/product/createProduct
+POST http://localhost:7272/api/product/create
 Content-Type: application/json
 
 {
-    "data": {
+    "productData": {
         "available": 99,
         "category": "T-shirts",
         "code": "PD-12345",

03_source/cms_backend/src/app/api/product/details/route.ts

@@ -15,7 +15,7 @@ import { STATUS, response, handleError } from 'src/utils/response';
 
 import { L_INFO, L_ERROR } from 'src/constants';
 import { getProduct } from 'src/app/services/product.service';
-import { createAppLog } from 'src/app/services/AppLog.service';
+import { createAppLog } from 'src/app/services/app-log.service';
 
 import { flattenNextjsRequest } from '../../auth/sign-in/flattenNextjsRequest';
 

03_source/cms_backend/src/app/api/product/list/route.ts

@@ -11,7 +11,7 @@ import type { NextRequest } from 'next/server';
 import { STATUS, response, handleError } from 'src/utils/response';
 
 import { L_INFO, L_ERROR } from 'src/constants';
-import { createAppLog } from 'src/app/services/AppLog.service';
+import { createAppLog } from 'src/app/services/app-log.service';
 import { listProducts } from 'src/app/services/product.service';
 
 import { flattenNextjsRequest } from '../../auth/sign-in/flattenNextjsRequest';

03_source/cms_backend/src/app/api/user/changeToAdmin/route.ts

@@ -4,7 +4,7 @@ import type { NextRequest } from 'next/server';
 
 import { STATUS, response, handleError } from 'src/utils/response';
 
-import { changeToAdmin } from 'src/app/services/userItem.service';
+import { changeToAdmin } from 'src/app/services/user-item.service';
 
 /**
  ***************************************

03_source/cms_backend/src/app/api/user/changeToUser/route.ts

@@ -4,7 +4,7 @@ import type { NextRequest } from 'next/server';
 
 import { STATUS, response, handleError } from 'src/utils/response';
 
-import { changeToUser } from 'src/app/services/userItem.service';
+import { changeToUser } from 'src/app/services/user-item.service';
 
 /**
  ***************************************

03_source/cms_backend/src/app/api/user/checkAdmin/route.ts

@@ -2,7 +2,7 @@ import type { NextRequest, NextResponse } from 'next/server';
 
 import { STATUS, response, handleError } from 'src/utils/response';
 
-import { isAdmin } from 'src/app/services/userItem.service';
+import { isAdmin } from 'src/app/services/user-item.service';
 
 // import prisma from '../../lib/prisma';
 

03_source/cms_backend/src/app/api/user/helloworld/route.ts

@@ -2,7 +2,7 @@ import type { NextRequest, NextResponse } from 'next/server';
 
 import { STATUS, response, handleError } from 'src/utils/response';
 
-import { isAdmin } from 'src/app/services/userItem.service';
+import { isAdmin } from 'src/app/services/user-item.service';
 
 // import prisma from '../../lib/prisma';
 

03_source/cms_backend/src/app/api/user/list/route.ts

@@ -3,7 +3,7 @@
 import { logger } from 'src/utils/logger';
 import { STATUS, response, handleError } from 'src/utils/response';
 
-import { listUsers } from 'src/app/services/userItem.service';
+import { listUsers } from 'src/app/services/user-item.service';
 
 // ----------------------------------------------------------------------
 

03_source/cms_backend/src/app/api/user/route.ts

@@ -2,7 +2,7 @@ import type { NextRequest, NextResponse } from 'next/server';
 
 import { STATUS, response, handleError } from 'src/utils/response';
 
-import { listUsers, deleteUser, updateUser, createNewUser } from 'src/app/services/userItem.service';
+import { listUsers, deleteUser, updateUser, createNewUser } from 'src/app/services/user-item.service';
 
 // import prisma from '../../lib/prisma';
 

03_source/cms_backend/src/app/api/user/search/route.ts

@@ -24,9 +24,7 @@ export async function GET(req: NextRequest) {
     const products = _products();
 
     // Accept search by name or sku
-    const results = products.filter(
+    const results = products.filter(({ name, sku }) => name.toLowerCase().includes(query) || sku?.toLowerCase().includes(query));
-      ({ name, sku }) => name.toLowerCase().includes(query) || sku?.toLowerCase().includes(query)
-    );
 
     logger('[Product] search-results', results.length);
 

03_source/cms_backend/src/app/services/product.service.ts

@@ -82,32 +82,8 @@ async function getProduct(productId: string): Promise<ProductItem | null> {
   });
 }
 
-async function createProduct(createForm: CreateProduct) {
+async function createProduct(productData: any) {
-  //   return prisma.productItem.create({
+  return await prisma.productItem.create({ data: productData });
-  //     data: {
-  //       ...createForm,
-  //       code: createForm.code || '',
-  //       taxes: createForm.taxes || 0,
-  //       tags: createForm.tags || [],
-  //       sizes: createForm.sizes || [],
-  //       gender: createForm.gender || [],
-  //       colors: createForm.colors || [],
-  //       category: createForm.category || '',
-  //       quantity: createForm.quantity || 0,
-  //       available: createForm.available || 0,
-  //       coverUrl: createForm.coverUrl || '',
-  //       images: createForm.images || [],
-  //       description: createForm.description || '',
-  //       subDescription: createForm.subDescription || '',
-  //       publish: createForm.publish || 'published',
-  //       totalSold: createForm.totalSold || 0,
-  //       totalRatings: createForm.totalRatings || 0,
-  //       totalReviews: createForm.totalReviews || 0,
-  //       inventoryType: createForm.inventoryType || '',
-  //       ratings: createForm.ratings || [],
-  //       reviews: createForm.reviews || [],
-  //     },
-  //   });
 }
 
 async function updateProduct(productId: string, updateForm: UpdateProduct) {

03_source/cms_backend/src/global-config.ts

@@ -13,8 +13,7 @@ type ConfigType = {
 
 export const CONFIG: ConfigType = {
   appVersion: packageJson.version,
-  basePath:
+  basePath: process.env.NODE_ENV === 'production' ? process.env.PRODUCTION_API : process.env.DEV_API,
-    process.env.NODE_ENV === 'production' ? process.env.PRODUCTION_API : process.env.DEV_API,
   cors: {
     /**
      * [] = allow all origins

03_source/cms_backend/src/utils/hash.ts

@@ -2,7 +2,6 @@ import bcrypt from 'bcrypt';
 
 const generateHash = async (password: string) => bcrypt.hash(password, await bcrypt.genSalt(10));
 
-const validatePassword = async (password: string, hash: string) =>
+const validatePassword = async (password: string, hash: string) => bcrypt.compare(password, hash as string);
-  bcrypt.compare(password, hash as string);
 
 export { generateHash, validatePassword };

03_source/cms_backend/src/utils/logger.ts

@@ -40,11 +40,7 @@ export function logger(label: string, value: unknown, breakLine: boolean = false
     if (value === null || value === undefined) {
       formattedValue = String(value);
     } else if (type === 'object') {
-      formattedValue = JSON.stringify(
+      formattedValue = JSON.stringify(value, null, breakLine || JSON.stringify(value).length > 50 ? 2 : 0);
-        value,
-        null,
-        breakLine || JSON.stringify(value).length > 50 ? 2 : 0
-      );
     } else {
       formattedValue = String(value);
     }

03_source/cms_backend/src/utils/set-date.ts

@@ -15,10 +15,8 @@ export function setDate(now: Date, options: { days?: number; hours?: number; min
   return new Date(`${year}-${month}-${days ?? today} ${hours}:${minutes}`).toJSON();
 }
 
-export const subHours = (
+export const subHours = (value: number, option: 'years' | 'months' | 'days' | 'hours' | 'minutes' | 'seconds' | 'milliseconds') =>
-  value: number,
+  dayjs().subtract(value, option).format();
-  option: 'years' | 'months' | 'days' | 'hours' | 'minutes' | 'seconds' | 'milliseconds'
-) => dayjs().subtract(value, option).format();
 
 // years,
 // months,
@@ -38,15 +36,7 @@ export type DurationProps = {
   milliseconds?: number;
 };
 
-export function fSub({
+export function fSub({ years = 0, months = 0, days = 0, hours = 0, minutes = 0, seconds = 0, milliseconds = 0 }: DurationProps) {
-  years = 0,
-  months = 0,
-  days = 0,
-  hours = 0,
-  minutes = 0,
-  seconds = 0,
-  milliseconds = 0,
-}: DurationProps) {
   const result = dayjs()
     .subtract(
       dayjs.duration({
@@ -64,15 +54,7 @@ export function fSub({
   return result;
 }
 
-export function fAdd({
+export function fAdd({ years = 0, months = 0, days = 0, hours = 0, minutes = 0, seconds = 0, milliseconds = 0 }: DurationProps) {
-  years = 0,
-  months = 0,
-  days = 0,
-  hours = 0,
-  minutes = 0,
-  seconds = 0,
-  milliseconds = 0,
-}: DurationProps) {
   const result = dayjs()
     .add(
       dayjs.duration({

03_source/frontend/package.json

@@ -21,8 +21,10 @@
     "re:build": "yarn clean && yarn install && yarn build",
     "re:build-npm": "npm run clean && npm install && npm run build",
     "tsc:dev": "yarn dev & yarn tsc:watch",
-    "tsc:w": "tsc --noEmit --watch",
+    "tsc:print": "npx tsc --showConfig",
-    "tsc:print": "npx tsc --showConfig"
+    "tsc:w": "npx nodemon --delay 3 --ext ts,tsx --exec \"yarn tsc\"",
+    "tsc:watch": "tsc --noEmit --watch",
+    "tsc": "tsc --noEmit"
   },
   "engines": {
     "node": ">=20"

03_source/frontend/scripts/10_build.sh

@@ -1,3 +1,13 @@
 #!/usr/bin/env bash
 
+set -x
+
+rm -rf ./**/*Zone.Identifier
+
+set -ex
+
+yarn fm:fix
+
+yarn tsc
+
 yarn build

03_source/frontend/src/_mock/_calendar.ts

@@ -1,4 +1,4 @@
-import { info, error, primary, success, warning, secondary } from 'src/theme/core';
+import { error, info, primary, secondary, success, warning } from 'src/theme/core';
 
 // ----------------------------------------------------------------------
 

03_source/frontend/src/_mock/_files.ts

@@ -1,5 +1,5 @@
 import { _mock } from './_mock';
-import { _tags, _fileNames } from './assets';
+import { _fileNames, _tags } from './assets';
 
 // ----------------------------------------------------------------------
 

03_source/frontend/src/_mock/_invoice.ts

@@ -1,8 +1,7 @@
-import { fSub, fAdd } from 'src/utils/format-time';
+import { fAdd, fSub } from 'src/utils/format-time';
-
 import { _mock } from './_mock';
-import { _tags } from './assets';
 import { _addressBooks } from './_others';
+import { _tags } from './assets';
 
 // ----------------------------------------------------------------------
 

03_source/frontend/src/_mock/_mock.ts

@@ -1,36 +1,34 @@
-import { fSub } from 'src/utils/format-time';
-
 import { CONFIG } from 'src/global-config';
-
+import { fSub } from 'src/utils/format-time';
 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,
+  _courseNames,
+  _descriptions,
+  _emails,
+  _eventNames,
+  _fileNames,
+  _firstNames,
+  _fullAddress,
+  _fullNames,
+  _id,
+  _jobTitles,
+  _lastNames,
+  _nativeL,
+  _nativeM,
+  _nativeS,
+  _percents,
+  _phoneNumbers,
+  _postTitles,
+  _prices,
+  _productNames,
+  _ratings,
+  _roles,
+  _sentences,
+  _taskNames,
+  _tourNames,
 } from './assets';
 
 // ----------------------------------------------------------------------

03_source/frontend/src/_mock/_overview.ts

@@ -1,7 +1,5 @@
-import { today } from 'src/utils/format-time';
-
 import { CONFIG } from 'src/global-config';
-
+import { today } from 'src/utils/format-time';
 import { _mock } from './_mock';
 
 // APP

03_source/frontend/src/actions/product.ts

@@ -1,4 +1,3 @@
-//
 // src/actions/product.ts
 //
 import { useMemo } from 'react';

03_source/frontend/src/assets/icons/plan-starter-icon.tsx

@@ -1,8 +1,6 @@
 import type { SvgIconProps } from '@mui/material/SvgIcon';
-
-import { memo } from 'react';
-
 import SvgIcon from '@mui/material/SvgIcon';
+import { memo } from 'react';
 
 // ----------------------------------------------------------------------
 

03_source/frontend/src/assets/illustrations/server-error-illustration.tsx

@@ -1,11 +1,7 @@
 import type { SvgIconProps } from '@mui/material/SvgIcon';
-
-import { memo } from 'react';
-
 import SvgIcon from '@mui/material/SvgIcon';
-
+import { memo } from 'react';
 import { CONFIG } from 'src/global-config';
-
 import { BackgroundShape } from './background-shape';
 
 // ----------------------------------------------------------------------

03_source/frontend/src/auth/components/form-divider.tsx

@@ -1,6 +1,5 @@
-import type { Theme, SxProps } from '@mui/material/styles';
-
 import Divider from '@mui/material/Divider';
+import type { SxProps, Theme } from '@mui/material/styles';
 
 // ----------------------------------------------------------------------
 

03_source/frontend/src/auth/components/form-head.tsx

@@ -1,5 +1,4 @@
 import type { BoxProps } from '@mui/material/Box';
-
 import Box from '@mui/material/Box';
 import Typography from '@mui/material/Typography';
 

03_source/frontend/src/auth/components/form-resend-code.tsx

@@ -1,5 +1,4 @@
 import type { BoxProps } from '@mui/material/Box';
-
 import Box from '@mui/material/Box';
 import Link from '@mui/material/Link';
 

03_source/frontend/src/auth/components/form-return-link.tsx

@@ -1,10 +1,7 @@
 import type { LinkProps } from '@mui/material/Link';
-
 import Link from '@mui/material/Link';
-
-import { RouterLink } from 'src/routes/components';
-
 import { Iconify } from 'src/components/iconify';
+import { RouterLink } from 'src/routes/components';
 
 // ----------------------------------------------------------------------
 

03_source/frontend/src/auth/components/form-socials.tsx

@@ -1,8 +1,6 @@
 import type { BoxProps } from '@mui/material/Box';
-
 import Box from '@mui/material/Box';
 import IconButton from '@mui/material/IconButton';
-
 import { Iconify } from 'src/components/iconify';
 
 // ----------------------------------------------------------------------

03_source/frontend/src/auth/components/sign-up-terms.tsx

@@ -1,5 +1,4 @@
 import type { BoxProps } from '@mui/material/Box';
-
 import Box from '@mui/material/Box';
 import Link from '@mui/material/Link';
 

03_source/frontend/src/auth/context/amplify/action.tsx

@@ -1,20 +1,19 @@
 import type {
-  SignUpInput,
-  SignInInput,
-  ConfirmSignUpInput,
-  ResetPasswordInput,
-  ResendSignUpCodeInput,
   ConfirmResetPasswordInput,
+  ConfirmSignUpInput,
+  ResendSignUpCodeInput,
+  ResetPasswordInput,
+  SignInInput,
+  SignUpInput,
 } from 'aws-amplify/auth';
-
 import {
-  signIn as _signIn,
-  signUp as _signUp,
-  signOut as _signOut,
-  confirmSignUp as _confirmSignUp,
-  resetPassword as _resetPassword,
-  resendSignUpCode as _resendSignUpCode,
   confirmResetPassword as _confirmResetPassword,
+  confirmSignUp as _confirmSignUp,
+  resendSignUpCode as _resendSignUpCode,
+  resetPassword as _resetPassword,
+  signIn as _signIn,
+  signOut as _signOut,
+  signUp as _signUp,
 } from 'aws-amplify/auth';
 
 // ----------------------------------------------------------------------

03_source/frontend/src/auth/context/amplify/auth-provider.tsx

@@ -1,14 +1,11 @@
 import { Amplify } from 'aws-amplify';
-import { useSetState } from 'minimal-shared/hooks';
-import { useMemo, useEffect, useCallback } from 'react';
 import { fetchAuthSession, fetchUserAttributes } from 'aws-amplify/auth';
-
+import { useSetState } from 'minimal-shared/hooks';
-import axios from 'src/lib/axios';
+import { useCallback, useEffect, useMemo } from 'react';
 import { CONFIG } from 'src/global-config';
-
+import axios from 'src/lib/axios';
-import { AuthContext } from '../auth-context';
-
 import type { AuthState } from '../../types';
+import { AuthContext } from '../auth-context';
 
 // ----------------------------------------------------------------------
 

03_source/frontend/src/auth/context/auth-context.tsx

@@ -1,5 +1,4 @@
 import { createContext } from 'react';
-
 import type { AuthContextValue } from '../types';
 
 // ----------------------------------------------------------------------

03_source/frontend/src/auth/context/auth0/auth-provider.tsx

@@ -1,11 +1,8 @@
 import type { AppState } from '@auth0/auth0-react';
-
+import { Auth0Provider, useAuth0 } from '@auth0/auth0-react';
-import { useAuth0, Auth0Provider } from '@auth0/auth0-react';
+import { useCallback, useEffect, useMemo, useState } from 'react';
-import { useMemo, useState, useEffect, useCallback } from 'react';
-
-import axios from 'src/lib/axios';
 import { CONFIG } from 'src/global-config';
-
+import axios from 'src/lib/axios';
 import { AuthContext } from '../auth-context';
 
 // ----------------------------------------------------------------------

03_source/frontend/src/auth/context/firebase/action.ts

@@ -1,16 +1,15 @@
-import { doc, setDoc, collection } from 'firebase/firestore';
 import {
-  signOut as _signOut,
+  createUserWithEmailAndPassword as _createUserWithEmailAndPassword,
-  signInWithPopup as _signInWithPopup,
-  GoogleAuthProvider as _GoogleAuthProvider,
   GithubAuthProvider as _GithubAuthProvider,
-  TwitterAuthProvider as _TwitterAuthProvider,
+  GoogleAuthProvider as _GoogleAuthProvider,
   sendEmailVerification as _sendEmailVerification,
   sendPasswordResetEmail as _sendPasswordResetEmail,
   signInWithEmailAndPassword as _signInWithEmailAndPassword,
-  createUserWithEmailAndPassword as _createUserWithEmailAndPassword,
+  signInWithPopup as _signInWithPopup,
+  signOut as _signOut,
+  TwitterAuthProvider as _TwitterAuthProvider,
 } from 'firebase/auth';
-
+import { collection, doc, setDoc } from 'firebase/firestore';
 import { AUTH, FIRESTORE } from 'src/lib/firebase';
 
 // ----------------------------------------------------------------------

03_source/frontend/src/auth/context/firebase/auth-provider.tsx

@@ -1,14 +1,11 @@
-import { doc, getDoc } from 'firebase/firestore';
 import { onAuthStateChanged } from 'firebase/auth';
+import { doc, getDoc } from 'firebase/firestore';
 import { useSetState } from 'minimal-shared/hooks';
-import { useMemo, useEffect, useCallback } from 'react';
+import { useCallback, useEffect, useMemo } from 'react';
-
 import axios from 'src/lib/axios';
 import { AUTH, FIRESTORE } from 'src/lib/firebase';
-
-import { AuthContext } from '../auth-context';
-
 import type { AuthState } from '../../types';
+import { AuthContext } from '../auth-context';
 
 // ----------------------------------------------------------------------
 

03_source/frontend/src/auth/context/jwt/action.ts

@@ -1,7 +1,6 @@
 import axios, { endpoints } from 'src/lib/axios';
-
-import { setSession } from './utils';
 import { JWT_STORAGE_KEY } from './constant';
+import { setSession } from './utils';
 
 // ----------------------------------------------------------------------
 

03_source/frontend/src/auth/context/jwt/auth-provider.tsx

@@ -1,13 +1,10 @@
 import { useSetState } from 'minimal-shared/hooks';
-import { useMemo, useEffect, useCallback } from 'react';
+import { useCallback, useEffect, useMemo } from 'react';
-
 import axios, { endpoints } from 'src/lib/axios';
-
-import { JWT_STORAGE_KEY } from './constant';
-import { AuthContext } from '../auth-context';
-import { setSession, isValidToken } from './utils';
-
 import type { AuthState } from '../../types';
+import { AuthContext } from '../auth-context';
+import { JWT_STORAGE_KEY } from './constant';
+import { isValidToken, setSession } from './utils';
 
 // ----------------------------------------------------------------------
 

03_source/frontend/src/auth/context/jwt/utils.ts

@@ -1,7 +1,5 @@
-import { paths } from 'src/routes/paths';
-
 import axios from 'src/lib/axios';
-
+import { paths } from 'src/routes/paths';
 import { JWT_STORAGE_KEY } from './constant';
 
 // ----------------------------------------------------------------------

03_source/frontend/src/auth/context/supabase/action.tsx

@@ -1,15 +1,13 @@
 import type {
   AuthError,
   AuthResponse,
-  UserResponse,
   AuthTokenResponsePassword,
   SignInWithPasswordCredentials,
   SignUpWithPasswordCredentials,
+  UserResponse,
 } from '@supabase/supabase-js';
-
-import { paths } from 'src/routes/paths';
-
 import { supabase } from 'src/lib/supabase';
+import { paths } from 'src/routes/paths';
 
 // ----------------------------------------------------------------------
 

03_source/frontend/src/auth/context/supabase/auth-provider.tsx

@@ -1,12 +1,9 @@
 import { useSetState } from 'minimal-shared/hooks';
-import { useMemo, useEffect, useCallback } from 'react';
+import { useCallback, useEffect, useMemo } from 'react';
-
 import axios from 'src/lib/axios';
 import { supabase } from 'src/lib/supabase';
-
-import { AuthContext } from '../auth-context';
-
 import type { AuthState } from '../../types';
+import { AuthContext } from '../auth-context';
 
 // ----------------------------------------------------------------------
 

03_source/frontend/src/auth/guard/auth-guard.tsx

@@ -1,12 +1,8 @@
-import { useState, useEffect } from 'react';
+import { useEffect, useState } from 'react';
-
-import { paths } from 'src/routes/paths';
-import { useRouter, usePathname } from 'src/routes/hooks';
-
-import { CONFIG } from 'src/global-config';
-
 import { SplashScreen } from 'src/components/loading-screen';
-
+import { CONFIG } from 'src/global-config';
+import { usePathname, useRouter } from 'src/routes/hooks';
+import { paths } from 'src/routes/paths';
 import { useAuthContext } from '../hooks';
 
 // ----------------------------------------------------------------------

03_source/frontend/src/auth/guard/guest-guard.tsx

@@ -1,11 +1,7 @@
-import { useState, useEffect } from 'react';
+import { useEffect, useState } from 'react';
-
-import { useSearchParams } from 'src/routes/hooks';
-
-import { CONFIG } from 'src/global-config';
-
 import { SplashScreen } from 'src/components/loading-screen';
-
+import { CONFIG } from 'src/global-config';
+import { useSearchParams } from 'src/routes/hooks';
 import { useAuthContext } from '../hooks';
 
 // ----------------------------------------------------------------------

03_source/frontend/src/auth/guard/role-based-guard.tsx

@@ -1,13 +1,9 @@
-import type { Theme, SxProps } from '@mui/material/styles';
-
-import { m } from 'framer-motion';
-
 import Container from '@mui/material/Container';
+import type { SxProps, Theme } from '@mui/material/styles';
 import Typography from '@mui/material/Typography';
-
+import { m } from 'framer-motion';
 import { ForbiddenIllustration } from 'src/assets/illustrations';
-
+import { MotionContainer, varBounce } from 'src/components/animate';
-import { varBounce, MotionContainer } from 'src/components/animate';
 
 // ----------------------------------------------------------------------
 

03_source/frontend/src/auth/hooks/use-auth-context.ts

@@ -1,5 +1,4 @@
 import { use } from 'react';
-
 import { AuthContext } from '../context/auth-context';
 
 // ----------------------------------------------------------------------

03_source/frontend/src/auth/view/amplify/amplify-reset-password-view.tsx

@@ -1,20 +1,15 @@
-import { z as zod } from 'zod';
-import { useForm } from 'react-hook-form';
 import { zodResolver } from '@hookform/resolvers/zod';
-
 import Box from '@mui/material/Box';
 import Button from '@mui/material/Button';
-
+import { useForm } from 'react-hook-form';
-import { paths } from 'src/routes/paths';
-import { useRouter } from 'src/routes/hooks';
-
 import { PasswordIcon } from 'src/assets/icons';
-
+import { Field, Form } from 'src/components/hook-form';
-import { Form, Field } from 'src/components/hook-form';
+import { useRouter } from 'src/routes/hooks';
-
+import { paths } from 'src/routes/paths';
-import { resetPassword } from '../../context/amplify';
+import { z as zod } from 'zod';
 import { FormHead } from '../../components/form-head';
 import { FormReturnLink } from '../../components/form-return-link';
+import { resetPassword } from '../../context/amplify';
 
 // ----------------------------------------------------------------------
 

03_source/frontend/src/auth/view/amplify/amplify-sign-in-view.tsx

@@ -1,27 +1,23 @@
-import { z as zod } from 'zod';
-import { useState } from 'react';
-import { useForm } from 'react-hook-form';
-import { useBoolean } from 'minimal-shared/hooks';
 import { zodResolver } from '@hookform/resolvers/zod';
-
-import Box from '@mui/material/Box';
-import Link from '@mui/material/Link';
 import Alert from '@mui/material/Alert';
+import Box from '@mui/material/Box';
 import Button from '@mui/material/Button';
 import IconButton from '@mui/material/IconButton';
 import InputAdornment from '@mui/material/InputAdornment';
-
+import Link from '@mui/material/Link';
-import { paths } from 'src/routes/paths';
+import { useBoolean } from 'minimal-shared/hooks';
-import { useRouter } from 'src/routes/hooks';
+import { useState } from 'react';
-import { RouterLink } from 'src/routes/components';
+import { useForm } from 'react-hook-form';
-
+import { Field, Form } from 'src/components/hook-form';
 import { Iconify } from 'src/components/iconify';
-import { Form, Field } from 'src/components/hook-form';
+import { RouterLink } from 'src/routes/components';
-
+import { useRouter } from 'src/routes/hooks';
-import { useAuthContext } from '../../hooks';
+import { paths } from 'src/routes/paths';
-import { getErrorMessage } from '../../utils';
+import { z as zod } from 'zod';
 import { FormHead } from '../../components/form-head';
 import { signInWithPassword } from '../../context/amplify';
+import { useAuthContext } from '../../hooks';
+import { getErrorMessage } from '../../utils';
 
 // ----------------------------------------------------------------------
 

03_source/frontend/src/auth/view/amplify/amplify-sign-up-view.tsx

@@ -1,27 +1,23 @@
-import { z as zod } from 'zod';
-import { useState } from 'react';
-import { useForm } from 'react-hook-form';
-import { useBoolean } from 'minimal-shared/hooks';
 import { zodResolver } from '@hookform/resolvers/zod';
-
-import Box from '@mui/material/Box';
-import Link from '@mui/material/Link';
 import Alert from '@mui/material/Alert';
+import Box from '@mui/material/Box';
 import Button from '@mui/material/Button';
 import IconButton from '@mui/material/IconButton';
 import InputAdornment from '@mui/material/InputAdornment';
-
+import Link from '@mui/material/Link';
-import { paths } from 'src/routes/paths';
+import { useBoolean } from 'minimal-shared/hooks';
-import { useRouter } from 'src/routes/hooks';
+import { useState } from 'react';
-import { RouterLink } from 'src/routes/components';
+import { useForm } from 'react-hook-form';
-
+import { Field, Form } from 'src/components/hook-form';
 import { Iconify } from 'src/components/iconify';
-import { Form, Field } from 'src/components/hook-form';
+import { RouterLink } from 'src/routes/components';
-
+import { useRouter } from 'src/routes/hooks';
-import { getErrorMessage } from '../../utils';
+import { paths } from 'src/routes/paths';
-import { signUp } from '../../context/amplify';
+import { z as zod } from 'zod';
 import { FormHead } from '../../components/form-head';
 import { SignUpTerms } from '../../components/sign-up-terms';
+import { signUp } from '../../context/amplify';
+import { getErrorMessage } from '../../utils';
 
 // ----------------------------------------------------------------------
 

03_source/frontend/src/auth/view/amplify/amplify-update-password-view.tsx

@@ -1,25 +1,20 @@
-import { z as zod } from 'zod';
-import { useCallback } from 'react';
-import { useForm } from 'react-hook-form';
 import { zodResolver } from '@hookform/resolvers/zod';
-import { useBoolean, useCountdownSeconds } from 'minimal-shared/hooks';
-
 import Box from '@mui/material/Box';
 import Button from '@mui/material/Button';
 import IconButton from '@mui/material/IconButton';
 import InputAdornment from '@mui/material/InputAdornment';
-
+import { useBoolean, useCountdownSeconds } from 'minimal-shared/hooks';
-import { paths } from 'src/routes/paths';
+import { useCallback } from 'react';
-import { useRouter, useSearchParams } from 'src/routes/hooks';
+import { useForm } from 'react-hook-form';
-
 import { SentIcon } from 'src/assets/icons';
-
+import { Field, Form } from 'src/components/hook-form';
 import { Iconify } from 'src/components/iconify';
-import { Form, Field } from 'src/components/hook-form';
+import { useRouter, useSearchParams } from 'src/routes/hooks';
-
+import { paths } from 'src/routes/paths';
+import { z as zod } from 'zod';
 import { FormHead } from '../../components/form-head';
-import { FormReturnLink } from '../../components/form-return-link';
 import { FormResendCode } from '../../components/form-resend-code';
+import { FormReturnLink } from '../../components/form-return-link';
 import { resetPassword, updatePassword } from '../../context/amplify';
 
 // ----------------------------------------------------------------------

03_source/frontend/src/auth/view/amplify/amplify-verify-view.tsx

@@ -1,22 +1,17 @@
-import { z as zod } from 'zod';
-import { useCallback } from 'react';
-import { useForm } from 'react-hook-form';
 import { zodResolver } from '@hookform/resolvers/zod';
-import { useCountdownSeconds } from 'minimal-shared/hooks';
-
 import Box from '@mui/material/Box';
 import Button from '@mui/material/Button';
-
+import { useCountdownSeconds } from 'minimal-shared/hooks';
-import { paths } from 'src/routes/paths';
+import { useCallback } from 'react';
-import { useRouter, useSearchParams } from 'src/routes/hooks';
+import { useForm } from 'react-hook-form';
-
 import { EmailInboxIcon } from 'src/assets/icons';
-
+import { Field, Form } from 'src/components/hook-form';
-import { Form, Field } from 'src/components/hook-form';
+import { useRouter, useSearchParams } from 'src/routes/hooks';
-
+import { paths } from 'src/routes/paths';
+import { z as zod } from 'zod';
 import { FormHead } from '../../components/form-head';
-import { FormReturnLink } from '../../components/form-return-link';
 import { FormResendCode } from '../../components/form-resend-code';
+import { FormReturnLink } from '../../components/form-return-link';
 import { confirmSignUp, resendSignUpCode } from '../../context/amplify';
 
 // ----------------------------------------------------------------------

03_source/frontend/src/auth/view/auth-demo/centered/centered-reset-password-view.tsx

@@ -1,16 +1,11 @@
-import { z as zod } from 'zod';
-import { useForm } from 'react-hook-form';
 import { zodResolver } from '@hookform/resolvers/zod';
-
 import Box from '@mui/material/Box';
 import Button from '@mui/material/Button';
-
+import { useForm } from 'react-hook-form';
-import { paths } from 'src/routes/paths';
-
 import { PasswordIcon } from 'src/assets/icons';
-
+import { Field, Form } from 'src/components/hook-form';
-import { Form, Field } from 'src/components/hook-form';
+import { paths } from 'src/routes/paths';
-
+import { z as zod } from 'zod';
 import { FormHead } from '../../../components/form-head';
 import { FormReturnLink } from '../../../components/form-return-link';
 

03_source/frontend/src/auth/view/auth-demo/centered/centered-sign-in-view.tsx

@@ -1,24 +1,20 @@
-import { z as zod } from 'zod';
-import { useForm } from 'react-hook-form';
-import { useBoolean } from 'minimal-shared/hooks';
 import { zodResolver } from '@hookform/resolvers/zod';
-
 import Box from '@mui/material/Box';
-import Link from '@mui/material/Link';
 import Button from '@mui/material/Button';
 import IconButton from '@mui/material/IconButton';
 import InputAdornment from '@mui/material/InputAdornment';
-
+import Link from '@mui/material/Link';
-import { paths } from 'src/routes/paths';
+import { useBoolean } from 'minimal-shared/hooks';
-import { RouterLink } from 'src/routes/components';
+import { useForm } from 'react-hook-form';
-
-import { Iconify } from 'src/components/iconify';
-import { Form, Field } from 'src/components/hook-form';
 import { AnimateLogoRotate } from 'src/components/animate';
-
+import { Field, Form } from 'src/components/hook-form';
+import { Iconify } from 'src/components/iconify';
+import { RouterLink } from 'src/routes/components';
+import { paths } from 'src/routes/paths';
+import { z as zod } from 'zod';
+import { FormDivider } from '../../../components/form-divider';
 import { FormHead } from '../../../components/form-head';
 import { FormSocials } from '../../../components/form-socials';
-import { FormDivider } from '../../../components/form-divider';
 
 // ----------------------------------------------------------------------
 

03_source/frontend/src/auth/view/auth-demo/centered/centered-sign-up-view.tsx

@@ -1,24 +1,20 @@
-import { z as zod } from 'zod';
-import { useForm } from 'react-hook-form';
-import { useBoolean } from 'minimal-shared/hooks';
 import { zodResolver } from '@hookform/resolvers/zod';
-
 import Box from '@mui/material/Box';
-import Link from '@mui/material/Link';
 import Button from '@mui/material/Button';
 import IconButton from '@mui/material/IconButton';
 import InputAdornment from '@mui/material/InputAdornment';
-
+import Link from '@mui/material/Link';
-import { paths } from 'src/routes/paths';
+import { useBoolean } from 'minimal-shared/hooks';
-import { RouterLink } from 'src/routes/components';
+import { useForm } from 'react-hook-form';
-
-import { Iconify } from 'src/components/iconify';
-import { Form, Field } from 'src/components/hook-form';
 import { AnimateLogoRotate } from 'src/components/animate';
-
+import { Field, Form } from 'src/components/hook-form';
+import { Iconify } from 'src/components/iconify';
+import { RouterLink } from 'src/routes/components';
+import { paths } from 'src/routes/paths';
+import { z as zod } from 'zod';
+import { FormDivider } from '../../../components/form-divider';
 import { FormHead } from '../../../components/form-head';
 import { FormSocials } from '../../../components/form-socials';
-import { FormDivider } from '../../../components/form-divider';
 import { SignUpTerms } from '../../../components/sign-up-terms';
 
 // ----------------------------------------------------------------------

03_source/frontend/src/auth/view/auth-demo/centered/centered-update-password-view.tsx

@@ -1,20 +1,15 @@
-import { z as zod } from 'zod';
-import { useForm } from 'react-hook-form';
-import { useBoolean } from 'minimal-shared/hooks';
 import { zodResolver } from '@hookform/resolvers/zod';
-
 import Box from '@mui/material/Box';
 import Button from '@mui/material/Button';
 import IconButton from '@mui/material/IconButton';
 import InputAdornment from '@mui/material/InputAdornment';
-
+import { useBoolean } from 'minimal-shared/hooks';
-import { paths } from 'src/routes/paths';
+import { useForm } from 'react-hook-form';
-
 import { SentIcon } from 'src/assets/icons';
-
+import { Field, Form } from 'src/components/hook-form';
 import { Iconify } from 'src/components/iconify';
-import { Form, Field } from 'src/components/hook-form';
+import { paths } from 'src/routes/paths';
-
+import { z as zod } from 'zod';
 import { FormHead } from '../../../components/form-head';
 import { FormResendCode } from '../../../components/form-resend-code';
 import { FormReturnLink } from '../../../components/form-return-link';

03_source/frontend/src/auth/view/auth-demo/centered/centered-verify-view.tsx

@@ -1,16 +1,11 @@
-import { z as zod } from 'zod';
-import { useForm } from 'react-hook-form';
 import { zodResolver } from '@hookform/resolvers/zod';
-
 import Box from '@mui/material/Box';
 import Button from '@mui/material/Button';
-
+import { useForm } from 'react-hook-form';
-import { paths } from 'src/routes/paths';
-
 import { EmailInboxIcon } from 'src/assets/icons';
-
+import { Field, Form } from 'src/components/hook-form';
-import { Form, Field } from 'src/components/hook-form';
+import { paths } from 'src/routes/paths';
-
+import { z as zod } from 'zod';
 import { FormHead } from '../../../components/form-head';
 import { FormResendCode } from '../../../components/form-resend-code';
 import { FormReturnLink } from '../../../components/form-return-link';

03_source/frontend/src/auth/view/auth-demo/split/split-reset-password-view.tsx

@@ -1,16 +1,11 @@
-import { z as zod } from 'zod';
-import { useForm } from 'react-hook-form';
 import { zodResolver } from '@hookform/resolvers/zod';
-
 import Box from '@mui/material/Box';
 import Button from '@mui/material/Button';
-
+import { useForm } from 'react-hook-form';
-import { paths } from 'src/routes/paths';
-
 import { PasswordIcon } from 'src/assets/icons';
-
+import { Field, Form } from 'src/components/hook-form';
-import { Form, Field } from 'src/components/hook-form';
+import { paths } from 'src/routes/paths';
-
+import { z as zod } from 'zod';
 import { FormHead } from '../../../components/form-head';
 import { FormReturnLink } from '../../../components/form-return-link';
 

03_source/frontend/src/auth/view/auth-demo/split/split-sign-in-view.tsx

@@ -1,23 +1,19 @@
-import { z as zod } from 'zod';
-import { useForm } from 'react-hook-form';
-import { useBoolean } from 'minimal-shared/hooks';
 import { zodResolver } from '@hookform/resolvers/zod';
-
 import Box from '@mui/material/Box';
-import Link from '@mui/material/Link';
 import Button from '@mui/material/Button';
 import IconButton from '@mui/material/IconButton';
 import InputAdornment from '@mui/material/InputAdornment';
-
+import Link from '@mui/material/Link';
-import { paths } from 'src/routes/paths';
+import { useBoolean } from 'minimal-shared/hooks';
-import { RouterLink } from 'src/routes/components';
+import { useForm } from 'react-hook-form';
-
+import { Field, Form } from 'src/components/hook-form';
 import { Iconify } from 'src/components/iconify';
-import { Form, Field } from 'src/components/hook-form';
+import { RouterLink } from 'src/routes/components';
-
+import { paths } from 'src/routes/paths';
+import { z as zod } from 'zod';
+import { FormDivider } from '../../../components/form-divider';
 import { FormHead } from '../../../components/form-head';
 import { FormSocials } from '../../../components/form-socials';
-import { FormDivider } from '../../../components/form-divider';
 
 // ----------------------------------------------------------------------
 

03_source/frontend/src/auth/view/auth-demo/split/split-sign-up-view.tsx

@@ -1,22 +1,18 @@
-import { z as zod } from 'zod';
-import { useForm } from 'react-hook-form';
-import { useBoolean } from 'minimal-shared/hooks';
 import { zodResolver } from '@hookform/resolvers/zod';
-
 import Box from '@mui/material/Box';
-import Link from '@mui/material/Link';
 import Button from '@mui/material/Button';
 import IconButton from '@mui/material/IconButton';
 import InputAdornment from '@mui/material/InputAdornment';
-
+import Link from '@mui/material/Link';
-import { paths } from 'src/routes/paths';
+import { useBoolean } from 'minimal-shared/hooks';
-import { RouterLink } from 'src/routes/components';
+import { useForm } from 'react-hook-form';
-
+import { Field, Form } from 'src/components/hook-form';
 import { Iconify } from 'src/components/iconify';
-import { Form, Field } from 'src/components/hook-form';
+import { RouterLink } from 'src/routes/components';
-
+import { paths } from 'src/routes/paths';
-import { FormHead } from '../../../components/form-head';
+import { z as zod } from 'zod';
 import { FormDivider } from '../../../components/form-divider';
+import { FormHead } from '../../../components/form-head';
 import { FormSocials } from '../../../components/form-socials';
 import { SignUpTerms } from '../../../components/sign-up-terms';
 

03_source/frontend/src/auth/view/auth-demo/split/split-update-password-view.tsx

@@ -1,20 +1,15 @@
-import { z as zod } from 'zod';
-import { useForm } from 'react-hook-form';
-import { useBoolean } from 'minimal-shared/hooks';
 import { zodResolver } from '@hookform/resolvers/zod';
-
 import Box from '@mui/material/Box';
 import Button from '@mui/material/Button';
 import IconButton from '@mui/material/IconButton';
 import InputAdornment from '@mui/material/InputAdornment';
-
+import { useBoolean } from 'minimal-shared/hooks';
-import { paths } from 'src/routes/paths';
+import { useForm } from 'react-hook-form';
-
 import { SentIcon } from 'src/assets/icons';
-
+import { Field, Form } from 'src/components/hook-form';
 import { Iconify } from 'src/components/iconify';
-import { Form, Field } from 'src/components/hook-form';
+import { paths } from 'src/routes/paths';
-
+import { z as zod } from 'zod';
 import { FormHead } from '../../../components/form-head';
 import { FormResendCode } from '../../../components/form-resend-code';
 import { FormReturnLink } from '../../../components/form-return-link';

03_source/frontend/src/auth/view/auth-demo/split/split-verify-view.tsx

@@ -1,19 +1,14 @@
-import { z as zod } from 'zod';
-import { useForm } from 'react-hook-form';
 import { zodResolver } from '@hookform/resolvers/zod';
-
 import Box from '@mui/material/Box';
 import Button from '@mui/material/Button';
-
+import { useForm } from 'react-hook-form';
-import { paths } from 'src/routes/paths';
-
 import { EmailInboxIcon } from 'src/assets/icons';
-
+import { Field, Form } from 'src/components/hook-form';
-import { Form, Field } from 'src/components/hook-form';
+import { paths } from 'src/routes/paths';
-
+import { z as zod } from 'zod';
 import { FormHead } from '../../../components/form-head';
-import { FormReturnLink } from '../../../components/form-return-link';
 import { FormResendCode } from '../../../components/form-resend-code';
+import { FormReturnLink } from '../../../components/form-return-link';
 
 // ----------------------------------------------------------------------
 

03_source/frontend/src/auth/view/auth0/auth0-sign-in-view.tsx

@@ -1,14 +1,11 @@
-import { useCallback } from 'react';
 import { useAuth0 } from '@auth0/auth0-react';
-
 import Box from '@mui/material/Box';
 import Button from '@mui/material/Button';
 import Divider from '@mui/material/Divider';
 import Typography from '@mui/material/Typography';
-
+import { useCallback } from 'react';
-import { useSearchParams } from 'src/routes/hooks';
-
 import { CONFIG } from 'src/global-config';
+import { useSearchParams } from 'src/routes/hooks';
 
 // ----------------------------------------------------------------------
 

03_source/frontend/src/auth/view/firebase/firebase-reset-password-view.tsx

@@ -1,20 +1,15 @@
-import { z as zod } from 'zod';
-import { useForm } from 'react-hook-form';
 import { zodResolver } from '@hookform/resolvers/zod';
-
 import Box from '@mui/material/Box';
 import Button from '@mui/material/Button';
-
+import { useForm } from 'react-hook-form';
-import { paths } from 'src/routes/paths';
-import { useRouter } from 'src/routes/hooks';
-
 import { PasswordIcon } from 'src/assets/icons';
-
+import { Field, Form } from 'src/components/hook-form';
-import { Form, Field } from 'src/components/hook-form';
+import { useRouter } from 'src/routes/hooks';
-
+import { paths } from 'src/routes/paths';
+import { z as zod } from 'zod';
 import { FormHead } from '../../components/form-head';
-import { sendPasswordResetEmail } from '../../context/firebase';
 import { FormReturnLink } from '../../components/form-return-link';
+import { sendPasswordResetEmail } from '../../context/firebase';
 
 // ----------------------------------------------------------------------
 

03_source/frontend/src/auth/view/firebase/firebase-sign-in-view.tsx

@@ -1,34 +1,30 @@
-import { z as zod } from 'zod';
-import { useState } from 'react';
-import { useForm } from 'react-hook-form';
-import { useBoolean } from 'minimal-shared/hooks';
 import { zodResolver } from '@hookform/resolvers/zod';
-
-import Box from '@mui/material/Box';
-import Link from '@mui/material/Link';
 import Alert from '@mui/material/Alert';
+import Box from '@mui/material/Box';
 import Button from '@mui/material/Button';
 import IconButton from '@mui/material/IconButton';
 import InputAdornment from '@mui/material/InputAdornment';
-
+import Link from '@mui/material/Link';
-import { paths } from 'src/routes/paths';
+import { useBoolean } from 'minimal-shared/hooks';
-import { useRouter } from 'src/routes/hooks';
+import { useState } from 'react';
-import { RouterLink } from 'src/routes/components';
+import { useForm } from 'react-hook-form';
-
+import { Field, Form } from 'src/components/hook-form';
 import { Iconify } from 'src/components/iconify';
-import { Form, Field } from 'src/components/hook-form';
+import { RouterLink } from 'src/routes/components';
-
+import { useRouter } from 'src/routes/hooks';
-import { useAuthContext } from '../../hooks';
+import { paths } from 'src/routes/paths';
-import { getErrorMessage } from '../../utils';
+import { z as zod } from 'zod';
-import { FormHead } from '../../components/form-head';
 import { FormDivider } from '../../components/form-divider';
+import { FormHead } from '../../components/form-head';
 import { FormSocials } from '../../components/form-socials';
 import {
-  signInWithGoogle,
   signInWithGithub,
-  signInWithTwitter,
+  signInWithGoogle,
   signInWithPassword,
+  signInWithTwitter,
 } from '../../context/firebase';
+import { useAuthContext } from '../../hooks';
+import { getErrorMessage } from '../../utils';
 
 // ----------------------------------------------------------------------
 

03_source/frontend/src/auth/view/firebase/firebase-sign-up-view.tsx

@@ -1,34 +1,30 @@
-import { z as zod } from 'zod';
-import { useState } from 'react';
-import { useForm } from 'react-hook-form';
-import { useBoolean } from 'minimal-shared/hooks';
 import { zodResolver } from '@hookform/resolvers/zod';
-
-import Box from '@mui/material/Box';
-import Link from '@mui/material/Link';
 import Alert from '@mui/material/Alert';
+import Box from '@mui/material/Box';
 import Button from '@mui/material/Button';
 import IconButton from '@mui/material/IconButton';
 import InputAdornment from '@mui/material/InputAdornment';
-
+import Link from '@mui/material/Link';
-import { paths } from 'src/routes/paths';
+import { useBoolean } from 'minimal-shared/hooks';
-import { useRouter } from 'src/routes/hooks';
+import { useState } from 'react';
-import { RouterLink } from 'src/routes/components';
+import { useForm } from 'react-hook-form';
-
+import { Field, Form } from 'src/components/hook-form';
 import { Iconify } from 'src/components/iconify';
-import { Form, Field } from 'src/components/hook-form';
+import { RouterLink } from 'src/routes/components';
-
+import { useRouter } from 'src/routes/hooks';
-import { getErrorMessage } from '../../utils';
+import { paths } from 'src/routes/paths';
-import { FormHead } from '../../components/form-head';
+import { z as zod } from 'zod';
 import { FormDivider } from '../../components/form-divider';
+import { FormHead } from '../../components/form-head';
 import { FormSocials } from '../../components/form-socials';
 import { SignUpTerms } from '../../components/sign-up-terms';
 import {
-  signUp,
   signInWithGithub,
   signInWithGoogle,
   signInWithTwitter,
+  signUp,
 } from '../../context/firebase';
+import { getErrorMessage } from '../../utils';
 
 // ----------------------------------------------------------------------
 

03_source/frontend/src/auth/view/firebase/firebase-verify-view.tsx

@@ -1,7 +1,5 @@
-import { paths } from 'src/routes/paths';
-
 import { EmailInboxIcon } from 'src/assets/icons';
-
+import { paths } from 'src/routes/paths';
 import { FormHead } from '../../components/form-head';
 import { FormReturnLink } from '../../components/form-return-link';
 

03_source/frontend/src/auth/view/jwt/jwt-sign-in-view.tsx

@@ -1,27 +1,23 @@
-import { z as zod } from 'zod';
-import { useState } from 'react';
-import { useForm } from 'react-hook-form';
-import { useBoolean } from 'minimal-shared/hooks';
 import { zodResolver } from '@hookform/resolvers/zod';
-
-import Box from '@mui/material/Box';
-import Link from '@mui/material/Link';
 import Alert from '@mui/material/Alert';
+import Box from '@mui/material/Box';
 import Button from '@mui/material/Button';
 import IconButton from '@mui/material/IconButton';
 import InputAdornment from '@mui/material/InputAdornment';
-
+import Link from '@mui/material/Link';
-import { paths } from 'src/routes/paths';
+import { useBoolean } from 'minimal-shared/hooks';
-import { useRouter } from 'src/routes/hooks';
+import { useState } from 'react';
-import { RouterLink } from 'src/routes/components';
+import { useForm } from 'react-hook-form';
-
+import { Field, Form } from 'src/components/hook-form';
 import { Iconify } from 'src/components/iconify';
-import { Form, Field } from 'src/components/hook-form';
+import { RouterLink } from 'src/routes/components';
-
+import { useRouter } from 'src/routes/hooks';
-import { useAuthContext } from '../../hooks';
+import { paths } from 'src/routes/paths';
-import { getErrorMessage } from '../../utils';
+import { z as zod } from 'zod';
 import { FormHead } from '../../components/form-head';
 import { signInWithPassword } from '../../context/jwt';
+import { useAuthContext } from '../../hooks';
+import { getErrorMessage } from '../../utils';
 
 // ----------------------------------------------------------------------
 

03_source/frontend/src/auth/view/jwt/jwt-sign-up-view.tsx

@@ -1,28 +1,24 @@
-import { z as zod } from 'zod';
-import { useState } from 'react';
-import { useForm } from 'react-hook-form';
-import { useBoolean } from 'minimal-shared/hooks';
 import { zodResolver } from '@hookform/resolvers/zod';
-
-import Box from '@mui/material/Box';
-import Link from '@mui/material/Link';
 import Alert from '@mui/material/Alert';
+import Box from '@mui/material/Box';
 import Button from '@mui/material/Button';
 import IconButton from '@mui/material/IconButton';
 import InputAdornment from '@mui/material/InputAdornment';
-
+import Link from '@mui/material/Link';
-import { paths } from 'src/routes/paths';
+import { useBoolean } from 'minimal-shared/hooks';
-import { useRouter } from 'src/routes/hooks';
+import { useState } from 'react';
-import { RouterLink } from 'src/routes/components';
+import { useForm } from 'react-hook-form';
-
+import { Field, Form } from 'src/components/hook-form';
 import { Iconify } from 'src/components/iconify';
-import { Form, Field } from 'src/components/hook-form';
+import { RouterLink } from 'src/routes/components';
-
+import { useRouter } from 'src/routes/hooks';
+import { paths } from 'src/routes/paths';
+import { z as zod } from 'zod';
+import { FormHead } from '../../components/form-head';
+import { SignUpTerms } from '../../components/sign-up-terms';
 import { signUp } from '../../context/jwt';
 import { useAuthContext } from '../../hooks';
 import { getErrorMessage } from '../../utils';
-import { FormHead } from '../../components/form-head';
-import { SignUpTerms } from '../../components/sign-up-terms';
 
 // ----------------------------------------------------------------------
 

03_source/frontend/src/auth/view/supabase/supabase-reset-password-view.tsx

@@ -1,20 +1,15 @@
-import { z as zod } from 'zod';
-import { useForm } from 'react-hook-form';
 import { zodResolver } from '@hookform/resolvers/zod';
-
 import Box from '@mui/material/Box';
 import Button from '@mui/material/Button';
-
+import { useForm } from 'react-hook-form';
-import { paths } from 'src/routes/paths';
-import { useRouter } from 'src/routes/hooks';
-
 import { PasswordIcon } from 'src/assets/icons';
-
+import { Field, Form } from 'src/components/hook-form';
-import { Form, Field } from 'src/components/hook-form';
+import { useRouter } from 'src/routes/hooks';
-
+import { paths } from 'src/routes/paths';
+import { z as zod } from 'zod';
 import { FormHead } from '../../components/form-head';
-import { resetPassword } from '../../context/supabase';
 import { FormReturnLink } from '../../components/form-return-link';
+import { resetPassword } from '../../context/supabase';
 
 // ----------------------------------------------------------------------
 

03_source/frontend/src/auth/view/supabase/supabase-sign-in-view.tsx

@@ -1,27 +1,23 @@
-import { z as zod } from 'zod';
-import { useState } from 'react';
-import { useForm } from 'react-hook-form';
-import { useBoolean } from 'minimal-shared/hooks';
 import { zodResolver } from '@hookform/resolvers/zod';
-
-import Box from '@mui/material/Box';
-import Link from '@mui/material/Link';
 import Alert from '@mui/material/Alert';
+import Box from '@mui/material/Box';
 import Button from '@mui/material/Button';
 import IconButton from '@mui/material/IconButton';
 import InputAdornment from '@mui/material/InputAdornment';
-
+import Link from '@mui/material/Link';
-import { paths } from 'src/routes/paths';
+import { useBoolean } from 'minimal-shared/hooks';
-import { useRouter } from 'src/routes/hooks';
+import { useState } from 'react';
-import { RouterLink } from 'src/routes/components';
+import { useForm } from 'react-hook-form';
-
+import { Field, Form } from 'src/components/hook-form';
 import { Iconify } from 'src/components/iconify';
-import { Form, Field } from 'src/components/hook-form';
+import { RouterLink } from 'src/routes/components';
-
+import { useRouter } from 'src/routes/hooks';
-import { useAuthContext } from '../../hooks';
+import { paths } from 'src/routes/paths';
-import { getErrorMessage } from '../../utils';
+import { z as zod } from 'zod';
 import { FormHead } from '../../components/form-head';
 import { signInWithPassword } from '../../context/supabase';
+import { useAuthContext } from '../../hooks';
+import { getErrorMessage } from '../../utils';
 
 // ----------------------------------------------------------------------
 

03_source/frontend/src/auth/view/supabase/supabase-sign-up-view.tsx

@@ -1,27 +1,23 @@
-import { z as zod } from 'zod';
-import { useState } from 'react';
-import { useForm } from 'react-hook-form';
-import { useBoolean } from 'minimal-shared/hooks';
 import { zodResolver } from '@hookform/resolvers/zod';
-
-import Box from '@mui/material/Box';
-import Link from '@mui/material/Link';
 import Alert from '@mui/material/Alert';
+import Box from '@mui/material/Box';
 import Button from '@mui/material/Button';
 import IconButton from '@mui/material/IconButton';
 import InputAdornment from '@mui/material/InputAdornment';
-
+import Link from '@mui/material/Link';
-import { paths } from 'src/routes/paths';
+import { useBoolean } from 'minimal-shared/hooks';
-import { useRouter } from 'src/routes/hooks';
+import { useState } from 'react';
-import { RouterLink } from 'src/routes/components';
+import { useForm } from 'react-hook-form';
-
+import { Field, Form } from 'src/components/hook-form';
 import { Iconify } from 'src/components/iconify';
-import { Form, Field } from 'src/components/hook-form';
+import { RouterLink } from 'src/routes/components';
-
+import { useRouter } from 'src/routes/hooks';
-import { getErrorMessage } from '../../utils';
+import { paths } from 'src/routes/paths';
-import { signUp } from '../../context/supabase';
+import { z as zod } from 'zod';
 import { FormHead } from '../../components/form-head';
 import { SignUpTerms } from '../../components/sign-up-terms';
+import { signUp } from '../../context/supabase';
+import { getErrorMessage } from '../../utils';
 
 // ----------------------------------------------------------------------
 

03_source/frontend/src/auth/view/supabase/supabase-update-password-view.tsx

@@ -1,26 +1,21 @@
-import { z as zod } from 'zod';
-import { useState } from 'react';
-import { useForm } from 'react-hook-form';
-import { useBoolean } from 'minimal-shared/hooks';
 import { zodResolver } from '@hookform/resolvers/zod';
-
-import Box from '@mui/material/Box';
 import Alert from '@mui/material/Alert';
+import Box from '@mui/material/Box';
 import Button from '@mui/material/Button';
 import IconButton from '@mui/material/IconButton';
 import InputAdornment from '@mui/material/InputAdornment';
-
+import { useBoolean } from 'minimal-shared/hooks';
-import { paths } from 'src/routes/paths';
+import { useState } from 'react';
-import { useRouter } from 'src/routes/hooks';
+import { useForm } from 'react-hook-form';
-
 import { NewPasswordIcon } from 'src/assets/icons';
-
+import { Field, Form } from 'src/components/hook-form';
 import { Iconify } from 'src/components/iconify';
-import { Form, Field } from 'src/components/hook-form';
+import { useRouter } from 'src/routes/hooks';
-
+import { paths } from 'src/routes/paths';
-import { getErrorMessage } from '../../utils';
+import { z as zod } from 'zod';
 import { FormHead } from '../../components/form-head';
 import { updatePassword } from '../../context/supabase';
+import { getErrorMessage } from '../../utils';
 
 // ----------------------------------------------------------------------
 

03_source/frontend/src/auth/view/supabase/supabase-verify-view.tsx

@@ -1,7 +1,5 @@
-import { paths } from 'src/routes/paths';
-
 import { EmailInboxIcon } from 'src/assets/icons';
-
+import { paths } from 'src/routes/paths';
 import { FormHead } from '../../components/form-head';
 import { FormReturnLink } from '../../components/form-return-link';
 

03_source/frontend/src/components/animate/animate-border.tsx

@@ -1,19 +1,16 @@
 import type { BoxProps } from '@mui/material/Box';
-import type { Theme, SxProps, CSSObject } from '@mui/material/styles';
+import Box from '@mui/material/Box';
-
+import type { CSSObject, SxProps, Theme } from '@mui/material/styles';
-import { mergeClasses } from 'minimal-shared/utils';
+import { useTheme } from '@mui/material/styles';
-import { useRef, useState, useEffect } from 'react';
 import {
   m,
-  useTransform,
-  useMotionValue,
   useAnimationFrame,
   useMotionTemplate,
+  useMotionValue,
+  useTransform,
 } from 'framer-motion';
-
+import { mergeClasses } from 'minimal-shared/utils';
-import Box from '@mui/material/Box';
+import { useEffect, useRef, useState } from 'react';
-import { useTheme } from '@mui/material/styles';
-
 import { createClasses } from 'src/theme/create-classes';
 
 // ----------------------------------------------------------------------

03_source/frontend/src/components/animate/animate-count-up.tsx

@@ -1,10 +1,8 @@
-import type { UseInViewOptions } from 'framer-motion';
 import type { TypographyProps } from '@mui/material/Typography';
-
-import { useRef, useEffect } from 'react';
-import { m, animate, useInView, useTransform, useMotionValue } from 'framer-motion';
-
 import Typography from '@mui/material/Typography';
+import type { UseInViewOptions } from 'framer-motion';
+import { animate, m, useInView, useMotionValue, useTransform } from 'framer-motion';
+import { useEffect, useRef } from 'react';
 
 // ----------------------------------------------------------------------