add helloworld API endpoint for product module with test case

03_source/cms_backend/.gitignore

@@ -1,3 +1,7 @@
+**/*del
+**/*bak
+**/*copy*
+
 # Logs
 logs
 *.log

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/prisma/schema.prisma

@@ -1146,46 +1146,47 @@ model EventReview {
 
 // NOTE: need to consider with Event
 // mapped to IEventItem
+// a.k.a. PartyEvent party-event
 model EventItem {
   id             String        @id @default(uuid())
   createdAt      DateTime      @default(now())
   updatedAt      DateTime      @updatedAt
   //
-  sku            String
-  name           String
-  code           String
-  price          Float
-  taxes          Float
-  tags           String[]
-  sizes          String[]
-  publish        String
-  gender         String[]
-  coverUrl       String
-  images         String[]
-  colors         String[]
-  quantity       Int
-  category       String
   available      Int
-  totalSold      Int
+  category       String
+  code           String
+  colors         String[]
+  coverUrl       String
   description    String
+  gender         String[]
+  images         String[]
+  inventoryType  String
+  name           String
+  newLabel       Json
+  price          Float
+  priceSale      Float?
+  publish        String
+  quantity       Int
+  ratings        Json[]
+  saleLabel      Json
+  sizes          String[]
+  sku            String
+  subDescription String
+  tags           String[]
+  taxes          Float
   totalRatings   Float
   totalReviews   Int
-  inventoryType  String
+  totalSold      Int
-  subDescription String
-  priceSale      Float?
-  newLabel       Json
-  saleLabel      Json
-  ratings        Json[]
   //
-  eventDate      DateTime      @default(now())
-  joinMembers    Json[]
-  title          String
-  currency       String
-  duration_m     Float
   ageBottom      Float
   ageTop         Float
-  location       String
   avatar         String[]
+  currency       String
+  duration_m     Float
+  eventDate      DateTime      @default(now())
+  joinMembers    Json[]
+  location       String
+  title          String
   //
   reviews        EventReview[]
 }

03_source/cms_backend/scripts/10_build.sh

@@ -2,11 +2,17 @@
 
 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
+
+echo "done"

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/createProduct/route.ts

@@ -1,43 +0,0 @@
-// src/app/api/product/createProduct/route.ts
-// REQ0183 frontend product new
-//
-// PURPOSE:
-// create product to db
-//
-// RULES:
-// T.B.A.
-//
-
-import type { NextRequest } from 'next/server';
-
-import { STATUS, response, handleError } from 'src/utils/response';
-
-import { isDev } from 'src/constants';
-
-import prisma from '../../../lib/prisma';
-
-// ----------------------------------------------------------------------
-
-/** **************************************
- * POST - Products
- *************************************** */
-export async function POST(req: NextRequest) {
-  const { data } = await req.json();
-
-  try {
-    if (isDev) {
-      console.log({ data });
-    }
-
-    await prisma.productItem.create({ data });
-
-    if (isDev) {
-      console.log('create done');
-    }
-
-    return response({ hello: 'world' }, STATUS.OK);
-  } catch (error) {
-    console.log({ hello: 'world', data });
-    return handleError('Product - Create', error);
-  }
-}

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

@@ -1,51 +0,0 @@
-###
-
-POST http://localhost:7272/api/product/createProduct
-Content-Type: application/json
-
-{
-    "data": {
-        "available": 99,
-        "category": "T-shirts",
-        "code": "PD-12345",
-        "colors": [
-            "Red"
-        ],
-        "coverUrl": "",
-        "description": "this is description, 会員管理機能は、単なるデータ管理ツール以上の価値を持ちます。 企業は顧客の情報や動向を深く理解し、長期的な顧客関係の構築やロイヤルティの確立、そして迅速な市場変動への対応に直結します。 会員管理機能は、現代のビジネスにおいて企業の競争力を高める基盤として欠かせないものとなっています。",
-        "gender": [
-            "Men"
-        ],
-        "images": [
-            "data:image/png;base64,C",
-            "data:image/png;base64,C"
-        ],
-        "inventoryType": "test",
-        "name": "hello product",
-        "newLabel": {
-            "enabled": false,
-            "content": ""
-        },
-        "price": 99.99,
-        "priceSale": null,
-        "publish": "yes",
-        "quantity": 99,
-        "saleLabel": {
-            "enabled": false,
-            "content": ""
-        },
-        "sizes": [
-            "7"
-        ],
-        "sku": "SK-122345",
-        "subDescription": "this is test sub-description",
-        "tags": [
-            "Travel",
-            "Finance"
-        ],
-        "taxes": 0,
-        "totalRatings": 1,
-        "totalReviews": 1,
-        "totalSold": 1
-    }
-}

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

@@ -0,0 +1,8 @@
+###
+
+PATCH http://localhost:7272/api/product/delete
+Content-Type: application/json
+
+{
+  "productId" :"e99f09a7-dd88-49d5-b1c8-1daf80c2d7b06"
+}

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

@@ -1,44 +0,0 @@
-// src/app/api/product/deleteProduct/route.ts
-//
-// PURPOSE:
-// delete product from db by id
-//
-// RULES:
-// T.B.A.
-
-import type { NextRequest } from 'next/server';
-
-import { logger } from 'src/utils/logger';
-import { STATUS, response, handleError } from 'src/utils/response';
-
-import prisma from '../../../lib/prisma';
-
-// ----------------------------------------------------------------------
-
-/** **************************************
- * handle Delete Products
- *************************************** */
-export async function DELETE(req: NextRequest) {
-  try {
-    const { searchParams } = req.nextUrl;
-
-    // RULES: productId must exist
-    const productId = searchParams.get('productId');
-    if (!productId) {
-      return response({ message: 'Product ID is required!' }, STATUS.BAD_REQUEST);
-    }
-
-    // NOTE: productId confirmed exist, run below
-    const product = await prisma.productItem.delete({ where: { id: productId } });
-
-    if (!product) {
-      return response({ message: 'Product not found!' }, STATUS.NOT_FOUND);
-    }
-
-    logger('[Product] details', product.id);
-
-    return response({ product }, STATUS.OK);
-  } catch (error) {
-    return handleError('Product - Get details', error);
-  }
-}

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

@@ -1,3 +0,0 @@
-###
-
-DELETE http://localhost:7272/api/product/deleteProduct?productId=e99f09a7-dd88-49d5-b1c8-1daf80c2d7b06

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/helloworld/route.ts

@@ -0,0 +1,16 @@
+import type { NextRequest, NextResponse } from 'next/server';
+
+import { STATUS, response, handleError } from 'src/utils/response';
+
+/**
+ ***************************************
+ * GET - helloworld
+ ***************************************
+ */
+export async function GET(req: NextRequest, res: NextResponse) {
+  try {
+    return response({ helloworld: 'product' }, STATUS.OK);
+  } catch (error) {
+    return handleError('Helloworld - Get all', error);
+  }
+}

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

@@ -0,0 +1,4 @@
+###
+GET /api/product/helloworld HTTP/1.1
+Host: localhost:7272
+

03_source/cms_backend/src/app/api/product/image/upload/route.ts

@@ -1,30 +0,0 @@
-// src/app/api/product/image/upload/route.ts
-//
-// PURPOSE:
-// handle upload product image
-//
-// RULES:
-// T.B.A.
-
-import type { NextRequest } from 'next/server';
-
-import { STATUS, response, handleError } from 'src/utils/response';
-
-// import prisma from '../../../lib/prisma';
-
-// ----------------------------------------------------------------------
-
-/** **************************************
- * GET - Products
- *************************************** */
-export async function POST(req: NextRequest) {
-  try {
-    const { data } = await req.json();
-    console.log('helloworld');
-
-    return response({ hello: 'world' }, STATUS.OK);
-  } catch (error) {
-    console.log({ hello: 'world' });
-    return handleError('Product - store product image', error);
-  }
-}

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/product/saveProduct/route.ts

@@ -1,129 +0,0 @@
-// src/app/api/product/saveProduct/route.ts
-//
-// PURPOSE:
-// save product to db by id
-//
-// RULES:
-// T.B.A.
-
-import type { NextRequest } from 'next/server';
-
-import { STATUS, response, handleError } from 'src/utils/response';
-
-import prisma from '../../../lib/prisma';
-
-// ----------------------------------------------------------------------
-
-/** **************************************
- * GET - Products
- *************************************** */
-export async function PUT(req: NextRequest) {
-  // logger('[Product] list', products.length);
-  const { data } = await req.json();
-
-  try {
-    const products = await prisma.productItem.updateMany({
-      data: {
-        name: data.name,
-        sku: data.sku,
-        code: data.code,
-        price: data.price,
-        taxes: data.taxes,
-        tags: data.tags,
-        sizes: data.sizes,
-        publish: data.publish,
-        gender: data.gender,
-        coverUrl: data.coverUrl,
-        images: data.images,
-        colors: data.colors,
-        quantity: data.quantity,
-        category: data.category,
-        available: data.available,
-        totalSold: data.totalSold,
-        description: data.description,
-        totalRatings: data.totalRatings,
-        totalReviews: data.totalReviews,
-        inventoryType: data.inventoryType,
-        subDescription: data.subDescription,
-        priceSale: data.priceSale,
-        //
-        newLabel: {
-          content: data.newLabel?.content || '',
-          enabled: data.newLabel?.enabled ?? false,
-        },
-        saleLabel: {
-          content: data.saleLabel?.content || '',
-          enabled: data.saleLabel?.enabled ?? false,
-        },
-        ratings: {
-          set: data.ratings.map((rating: { name: string; starCount: number; reviewCount: number }) => ({
-            name: rating.name,
-            starCount: rating.starCount,
-            reviewCount: rating.reviewCount,
-          })),
-        },
-      },
-      where: { id: data.id },
-    });
-
-    return response({ data }, STATUS.OK);
-  } catch (error) {
-    console.log({ data });
-    return handleError('Product - Get list', error);
-  }
-}
-
-export type IProductItem = {
-  id: string;
-  sku: string;
-  name: string;
-  code: string;
-  price: number;
-  taxes: number;
-  tags: string[];
-  sizes: string[];
-  publish: string;
-  gender: string[];
-  coverUrl: string;
-  images: string[];
-  colors: string[];
-  quantity: number;
-  category: string;
-  available: number;
-  totalSold: number;
-  description: string;
-  totalRatings: number;
-  totalReviews: number;
-  // createdAt: IDateValue;
-  inventoryType: string;
-  subDescription: string;
-  priceSale: number | null;
-  // reviews: IProductReview[];
-  newLabel: {
-    content: string;
-    enabled: boolean;
-  };
-  saleLabel: {
-    content: string;
-    enabled: boolean;
-  };
-  ratings: {
-    name: string;
-    starCount: number;
-    reviewCount: number;
-  }[];
-};
-
-export type IDateValue = string | number | null;
-
-export type IProductReview = {
-  id: string;
-  name: string;
-  rating: number;
-  comment: string;
-  helpful: number;
-  avatarUrl: string;
-  postedAt: IDateValue;
-  isPurchased: boolean;
-  attachments?: string[];
-};

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

@@ -1,51 +0,0 @@
-###
-
-PUT  http://localhost:7272/api/product/createProduct
-Content-Type: application/json
-
-{
-    "data": {
-        "available": 99,
-        "category": "T-shirts",
-        "code": "PD-12345",
-        "colors": [
-            "Red"
-        ],
-        "coverUrl": "",
-        "description": "this is description, 会員管理機能は、単なるデータ管理ツール以上の価値を持ちます。 企業は顧客の情報や動向を深く理解し、長期的な顧客関係の構築やロイヤルティの確立、そして迅速な市場変動への対応に直結します。 会員管理機能は、現代のビジネスにおいて企業の競争力を高める基盤として欠かせないものとなっています。",
-        "gender": [
-            "Men"
-        ],
-        "images": [
-            "data:image/png;base64,C",
-            "data:image/png;base64,C"
-        ],
-        "inventoryType": "test",
-        "name": "hello product",
-        "newLabel": {
-            "enabled": false,
-            "content": ""
-        },
-        "price": 99.99,
-        "priceSale": null,
-        "publish": "yes",
-        "quantity": 99,
-        "saleLabel": {
-            "enabled": false,
-            "content": ""
-        },
-        "sizes": [
-            "7"
-        ],
-        "sku": "SK-122345",
-        "subDescription": "this is test sub-description",
-        "tags": [
-            "Travel",
-            "Finance"
-        ],
-        "taxes": 0,
-        "totalRatings": 1,
-        "totalReviews": 1,
-        "totalSold": 1
-    }
-}

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

@@ -3,11 +3,11 @@ import type { NextRequest } from 'next/server';
 import { logger } from 'src/utils/logger';
 import { STATUS, response, handleError } from 'src/utils/response';
 
-import { _products } from 'src/_mock/_product';
+import { getProductBySkuOrName } from 'src/app/services/product.service';
 
 // ----------------------------------------------------------------------
 
-export const runtime = 'edge';
+// export const runtime = 'edge';
 
 /** **************************************
  * GET - Search products
@@ -21,12 +21,9 @@ export async function GET(req: NextRequest) {
       return response({ results: [] }, STATUS.OK);
     }
 
-    const products = _products();
+    const results = await getProductBySkuOrName(query);
 
-    // Accept search by name or sku
+    logger('[Product] search-results', results?.length);
-    const results = products.filter(({ name, sku }) => name.toLowerCase().includes(query) || sku?.toLowerCase().includes(query));
-
-    logger('[Product] search-results', results.length);
 
     return response({ results }, STATUS.OK);
   } catch (error) {

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

@@ -0,0 +1,8 @@
+###
+GET http://localhost:7272/api/product/search?query=B
+
+###
+GET http://localhost:7272/api/product/search?query=Classic
+
+###
+GET http://localhost:7272/api/product/search?query=zzzzzz

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

@@ -1,10 +1,10 @@
 ###
 
-PUT  http://localhost:7272/api/product/createProduct
+PUT  http://localhost:7272/api/product/update
 Content-Type: application/json
 
 {
-    "data": {
+    "productData": {
         "available": 99,
         "category": "T-shirts",
         "code": "PD-12345",
@@ -30,6 +30,7 @@ Content-Type: application/json
         "priceSale": null,
         "publish": "yes",
         "quantity": 99,
+        "ratings":[],
         "saleLabel": {
             "enabled": false,
             "content": ""

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

@@ -68,9 +68,7 @@ type UpdateProduct = {
 
 async function listProducts(): Promise<ProductItem[]> {
   return prisma.productItem.findMany({
-    include: {
+    include: { reviews: true },
-      reviews: true,
-    },
   });
 }
 
@@ -82,32 +80,16 @@ async function getProduct(productId: string): Promise<ProductItem | null> {
   });
 }
 
-async function createProduct(createForm: CreateProduct) {
+async function getProductBySkuOrName(searchText: string): Promise<ProductItem[] | null> {
-  //   return prisma.productItem.create({
+  return prisma.productItem.findMany({
-  //     data: {
+    where: { OR: [{ sku: { contains: searchText, mode: 'insensitive' } }, { name: { contains: searchText, mode: 'insensitive' } }] },
-  //       ...createForm,
+    include: { reviews: true },
-  //       code: createForm.code || '',
+    //
-  //       taxes: createForm.taxes || 0,
+  });
-  //       tags: createForm.tags || [],
+}
-  //       sizes: createForm.sizes || [],
+
-  //       gender: createForm.gender || [],
+async function createProduct(productData: any) {
-  //       colors: createForm.colors || [],
+  return await prisma.productItem.create({ data: productData });
-  //       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) {
@@ -121,4 +103,4 @@ async function deleteProduct(productId: string) {
   return prisma.productItem.delete({ where: { id: productId } });
 }
 
-export { getProduct, listProducts, createProduct, updateProduct, deleteProduct, type CreateProduct, type UpdateProduct };
+export { getProduct, listProducts, createProduct, updateProduct, deleteProduct, getProductBySkuOrName, type CreateProduct, type 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/cms_backend/tsconfig.json

@@ -34,9 +34,8 @@
     "node_modules",
     ".next",
     //
-    "**/* copy *.tsx",
+    "**/* copy *.*",
-    "**/* copy.tsx",
+    "**/* copy.*",
-    "**/*.bak",
     "**/*.bak",
     "**/*.bug",
     "**/*.del",

03_source/frontend/.gitignore

@@ -2,7 +2,6 @@
 **/*bak
 **/*copy*
 
-
 # Logs
 logs
 *.log

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,15 @@
 #!/usr/bin/env bash
 
+set -x
+
+rm -rf ./**/*Zone.Identifier
+
+set -ex
+
+yarn fm:fix
+
+yarn tsc
+
 yarn build
+
+echo "done"

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';
@@ -100,7 +99,9 @@ export async function createProduct(productData: IProductItem) {
    * Work on server
    */
   const data = { productData };
-  await axiosInstance.post(endpoints.product.create, data);
+  const {
+    data: { id },
+  } = await axiosInstance.post(endpoints.product.create, data);
 
   /**
    * Work in local
@@ -110,7 +111,7 @@ export async function createProduct(productData: IProductItem) {
     (currentData: any) => {
       const currentProducts: IProductItem[] = currentData?.products;
 
-      const products = [...currentProducts, productData];
+      const products = [...currentProducts, { ...productData, id }];
 
       return { ...currentData, products };
     },

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';
 
 // ----------------------------------------------------------------------