From c3c1bbbe9678d69e2b4b1acbc85eb73c32b47934 Mon Sep 17 00:00:00 2001
From: rstubryan <restubumirr@gmail.com>
Date: Mon, 8 Dec 2025 08:57:57 +0700
Subject: [PATCH 01/36] feat(FE-326): Add egg weight field to recording forms

---
 .../recording/form/RecordingForm.schema.ts    |  8 ++++
 .../recording/form/RecordingForm.tsx          | 40 ++++++++++++++++++-
 src/types/api/production/recording.d.ts       |  2 +
 3 files changed, 49 insertions(+), 1 deletion(-)

diff --git a/src/components/pages/production/recording/form/RecordingForm.schema.ts b/src/components/pages/production/recording/form/RecordingForm.schema.ts
index 4d72e053..99496843 100644
--- a/src/components/pages/production/recording/form/RecordingForm.schema.ts
+++ b/src/components/pages/production/recording/form/RecordingForm.schema.ts
@@ -32,6 +32,7 @@ type RecordingLayingFormSchemaType = RecordingGrowingFormSchemaType & {
   eggs: {
     product_warehouse_id: number;
     qty: number | string;
+    weight: number | string;
   }[];
 };
 
@@ -62,6 +63,7 @@ export type DepletionSchema = {
 export type EggSchema = {
   product_warehouse_id: number;
   qty: number | string;
+  weight: number | string;
 };
 
 const BodyWeightObjectSchema: Yup.ObjectSchema<BodyWeightSchema> = Yup.object({
@@ -109,6 +111,10 @@ const EggObjectSchema: Yup.ObjectSchema<EggSchema> = Yup.object({
     .required('Jumlah telur wajib diisi!')
     .min(1, 'Jumlah telur tidak boleh 0!')
     .typeError('Jumlah telur harus berupa angka!'),
+  weight: Yup.number()
+    .required('Berat telur wajib diisi!')
+    .min(1, 'Berat telur minimal 1 gram!')
+    .typeError('Berat telur harus berupa angka!'),
 });
 
 export const RecordingGrowingFormSchema: Yup.ObjectSchema<RecordingGrowingFormSchemaType> =
@@ -295,10 +301,12 @@ export const getRecordingLayingFormInitialValues = (
   eggs: initialValues?.eggs?.map((egg: CreateEggPayload) => ({
     product_warehouse_id: egg.product_warehouse_id,
     qty: egg.qty,
+    weight: egg.weight,
   })) ?? [
     {
       product_warehouse_id: 0,
       qty: '',
+      weight: '',
     },
   ],
 });
diff --git a/src/components/pages/production/recording/form/RecordingForm.tsx b/src/components/pages/production/recording/form/RecordingForm.tsx
index 43ffc98b..582e8e78 100644
--- a/src/components/pages/production/recording/form/RecordingForm.tsx
+++ b/src/components/pages/production/recording/form/RecordingForm.tsx
@@ -181,6 +181,10 @@ const RecordingForm = ({ type = 'add', initialValues }: RecordingFormProps) => {
         eggs: (values.eggs ?? []).map((egg) => ({
           product_warehouse_id: egg.product_warehouse_id,
           qty: Number(egg.qty) || 0,
+          weight:
+            typeof egg.weight === 'number'
+              ? egg.weight
+              : parseFloat(String(egg.weight)) || 0,
         })),
       };
     },
@@ -1148,7 +1152,7 @@ const RecordingForm = ({ type = 'add', initialValues }: RecordingFormProps) => {
 
           if (hasSameDayRecording) {
             toast.error(
-              `Recording untuk hari ${nextDayRecording.next_day} sudah ada. 
+              `Recording untuk hari ${nextDayRecording.next_day} sudah ada.
               Tidak bisa membuat recording duplikat, mohon perbarui recording yang sudah ada terlebih dahulu.`
             );
             return;
@@ -1485,6 +1489,14 @@ const RecordingForm = ({ type = 'add', initialValues }: RecordingFormProps) => {
     [formik]
   );
 
+  const handleEggWeightChangeWrapper = useCallback(
+    (idx: number) => (e: React.ChangeEvent<HTMLInputElement>) => {
+      const value = parseFloat(e.target.value) || 0;
+      formik.setFieldValue(`eggs.${idx}.weight`, value);
+    },
+    [formik]
+  );
+
   const removeEgg = (idx: number) => {
     const updatedEggs = (
       formik.values as RecordingLayingFormValues
@@ -2688,6 +2700,32 @@ const RecordingForm = ({ type = 'add', initialValues }: RecordingFormProps) => {
                                 placeholder='Masukkan jumlah telur'
                               />
                             </div>
+                            <div className='flex flex-col gap-1'>
+                              <NumberInput
+                                required
+                                name={`eggs.${idx}.weight`}
+                                value={egg.weight ?? ''}
+                                onChange={handleEggWeightChangeWrapper(idx)}
+                                onBlur={formik.handleBlur}
+                                decimalScale={0}
+                                allowNegative={false}
+                                thousandSeparator=','
+                                decimalSeparator='.'
+                                isError={
+                                  isRepeaterInputError('eggs', 'weight', idx)
+                                    .isError
+                                }
+                                errorMessage={
+                                  isRepeaterInputError('eggs', 'weight', idx)
+                                    .errorMessage
+                                }
+                                readOnly={type === 'detail'}
+                                className={{
+                                  wrapper: 'w-full min-w-24',
+                                }}
+                                placeholder='Masukkan berat telur (gram)...'
+                              />
+                            </div>
                           </td>
                           {(type as 'add' | 'edit' | 'detail') !== 'detail' && (
                             <td>
diff --git a/src/types/api/production/recording.d.ts b/src/types/api/production/recording.d.ts
index e7b28f47..46579509 100644
--- a/src/types/api/production/recording.d.ts
+++ b/src/types/api/production/recording.d.ts
@@ -53,6 +53,7 @@ export type RecordingEgg = {
   recording_id: number;
   product_warehouse_id: number;
   qty: number;
+  weight: number;
   created_by: User;
   product_warehouse: ProductWarehouse;
   gradings?: {
@@ -129,6 +130,7 @@ export type CreateGradingRecordingPayload = {
 export type CreateEggPayload = {
   product_warehouse_id: number;
   qty: number;
+  weight: number;
 };
 
 export type CreateLayingRecordingPayload = CreateGrowingRecordingPayload & {

From df3f3422145677d8469d39a73a2097492d342aba Mon Sep 17 00:00:00 2001
From: rstubryan <restubumirr@gmail.com>
Date: Mon, 8 Dec 2025 10:07:00 +0700
Subject: [PATCH 02/36] chore(CVE): update Next.js version to ^15.5.7 in
 package.json and package-lock.json

---
 package-lock.json | 92 ++++++++++++++++++++++++++---------------------
 package.json      |  2 +-
 2 files changed, 52 insertions(+), 42 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index ec1316ae..535bb986 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -15,7 +15,7 @@
         "clsx": "^2.1.1",
         "formik": "^2.4.6",
         "moment": "^2.30.1",
-        "next": "15.5.3",
+        "next": "^15.5.7",
         "react": "19.1.0",
         "react-day-picker": "^9.11.1",
         "react-dom": "19.1.0",
@@ -1082,9 +1082,9 @@
       }
     },
     "node_modules/@next/env": {
-      "version": "15.5.3",
-      "resolved": "https://registry.npmjs.org/@next/env/-/env-15.5.3.tgz",
-      "integrity": "sha512-RSEDTRqyihYXygx/OJXwvVupfr9m04+0vH8vyy0HfZ7keRto6VX9BbEk0J2PUk0VGy6YhklJUSrgForov5F9pw==",
+      "version": "15.5.7",
+      "resolved": "https://registry.npmjs.org/@next/env/-/env-15.5.7.tgz",
+      "integrity": "sha512-4h6Y2NyEkIEN7Z8YxkA27pq6zTkS09bUSYC0xjd0NpwFxjnIKeZEeH591o5WECSmjpUhLn3H2QLJcDye3Uzcvg==",
       "license": "MIT"
     },
     "node_modules/@next/eslint-plugin-next": {
@@ -1098,9 +1098,9 @@
       }
     },
     "node_modules/@next/swc-darwin-arm64": {
-      "version": "15.5.3",
-      "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-15.5.3.tgz",
-      "integrity": "sha512-nzbHQo69+au9wJkGKTU9lP7PXv0d1J5ljFpvb+LnEomLtSbJkbZyEs6sbF3plQmiOB2l9OBtN2tNSvCH1nQ9Jg==",
+      "version": "15.5.7",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-15.5.7.tgz",
+      "integrity": "sha512-IZwtxCEpI91HVU/rAUOOobWSZv4P2DeTtNaCdHqLcTJU4wdNXgAySvKa/qJCgR5m6KI8UsKDXtO2B31jcaw1Yw==",
       "cpu": [
         "arm64"
       ],
@@ -1114,9 +1114,9 @@
       }
     },
     "node_modules/@next/swc-darwin-x64": {
-      "version": "15.5.3",
-      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-15.5.3.tgz",
-      "integrity": "sha512-w83w4SkOOhekJOcA5HBvHyGzgV1W/XvOfpkrxIse4uPWhYTTRwtGEM4v/jiXwNSJvfRvah0H8/uTLBKRXlef8g==",
+      "version": "15.5.7",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-15.5.7.tgz",
+      "integrity": "sha512-UP6CaDBcqaCBuiq/gfCEJw7sPEoX1aIjZHnBWN9v9qYHQdMKvCKcAVs4OX1vIjeE+tC5EIuwDTVIoXpUes29lg==",
       "cpu": [
         "x64"
       ],
@@ -1130,9 +1130,9 @@
       }
     },
     "node_modules/@next/swc-linux-arm64-gnu": {
-      "version": "15.5.3",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-15.5.3.tgz",
-      "integrity": "sha512-+m7pfIs0/yvgVu26ieaKrifV8C8yiLe7jVp9SpcIzg7XmyyNE7toC1fy5IOQozmr6kWl/JONC51osih2RyoXRw==",
+      "version": "15.5.7",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-15.5.7.tgz",
+      "integrity": "sha512-NCslw3GrNIw7OgmRBxHtdWFQYhexoUCq+0oS2ccjyYLtcn1SzGzeM54jpTFonIMUjNbHmpKpziXnpxhSWLcmBA==",
       "cpu": [
         "arm64"
       ],
@@ -1146,9 +1146,9 @@
       }
     },
     "node_modules/@next/swc-linux-arm64-musl": {
-      "version": "15.5.3",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-15.5.3.tgz",
-      "integrity": "sha512-u3PEIzuguSenoZviZJahNLgCexGFhso5mxWCrrIMdvpZn6lkME5vc/ADZG8UUk5K1uWRy4hqSFECrON6UKQBbQ==",
+      "version": "15.5.7",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-15.5.7.tgz",
+      "integrity": "sha512-nfymt+SE5cvtTrG9u1wdoxBr9bVB7mtKTcj0ltRn6gkP/2Nu1zM5ei8rwP9qKQP0Y//umK+TtkKgNtfboBxRrw==",
       "cpu": [
         "arm64"
       ],
@@ -1162,9 +1162,9 @@
       }
     },
     "node_modules/@next/swc-linux-x64-gnu": {
-      "version": "15.5.3",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-15.5.3.tgz",
-      "integrity": "sha512-lDtOOScYDZxI2BENN9m0pfVPJDSuUkAD1YXSvlJF0DKwZt0WlA7T7o3wrcEr4Q+iHYGzEaVuZcsIbCps4K27sA==",
+      "version": "15.5.7",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-15.5.7.tgz",
+      "integrity": "sha512-hvXcZvCaaEbCZcVzcY7E1uXN9xWZfFvkNHwbe/n4OkRhFWrs1J1QV+4U1BN06tXLdaS4DazEGXwgqnu/VMcmqw==",
       "cpu": [
         "x64"
       ],
@@ -1178,9 +1178,9 @@
       }
     },
     "node_modules/@next/swc-linux-x64-musl": {
-      "version": "15.5.3",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-15.5.3.tgz",
-      "integrity": "sha512-9vWVUnsx9PrY2NwdVRJ4dUURAQ8Su0sLRPqcCCxtX5zIQUBES12eRVHq6b70bbfaVaxIDGJN2afHui0eDm+cLg==",
+      "version": "15.5.7",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-15.5.7.tgz",
+      "integrity": "sha512-4IUO539b8FmF0odY6/SqANJdgwn1xs1GkPO5doZugwZ3ETF6JUdckk7RGmsfSf7ws8Qb2YB5It33mvNL/0acqA==",
       "cpu": [
         "x64"
       ],
@@ -1194,9 +1194,9 @@
       }
     },
     "node_modules/@next/swc-win32-arm64-msvc": {
-      "version": "15.5.3",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-15.5.3.tgz",
-      "integrity": "sha512-1CU20FZzY9LFQigRi6jM45oJMU3KziA5/sSG+dXeVaTm661snQP6xu3ykGxxwU5sLG3sh14teO/IOEPVsQMRfA==",
+      "version": "15.5.7",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-15.5.7.tgz",
+      "integrity": "sha512-CpJVTkYI3ZajQkC5vajM7/ApKJUOlm6uP4BknM3XKvJ7VXAvCqSjSLmM0LKdYzn6nBJVSjdclx8nYJSa3xlTgQ==",
       "cpu": [
         "arm64"
       ],
@@ -1210,9 +1210,9 @@
       }
     },
     "node_modules/@next/swc-win32-x64-msvc": {
-      "version": "15.5.3",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-15.5.3.tgz",
-      "integrity": "sha512-JMoLAq3n3y5tKXPQwCK5c+6tmwkuFDa2XAxz8Wm4+IVthdBZdZGh+lmiLUHg9f9IDwIQpUjp+ysd6OkYTyZRZw==",
+      "version": "15.5.7",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-15.5.7.tgz",
+      "integrity": "sha512-gMzgBX164I6DN+9/PGA+9dQiwmTkE4TloBNx8Kv9UiGARsr9Nba7IpcBRA1iTV9vwlYnrE3Uy6I7Aj6qLjQuqw==",
       "cpu": [
         "x64"
       ],
@@ -1855,6 +1855,7 @@
       "resolved": "https://registry.npmjs.org/@types/react/-/react-19.2.2.tgz",
       "integrity": "sha512-6mDvHUFSjyT2B2yeNx2nUgMxh9LtOWvkhIU3uePn2I2oyNymUAX1NIsdgviM4CH+JSrp2D2hsMvJOkxY+0wNRA==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "csstype": "^3.0.2"
       }
@@ -1924,6 +1925,7 @@
       "integrity": "sha512-BnOroVl1SgrPLywqxyqdJ4l3S2MsKVLDVxZvjI1Eoe8ev2r3kGDo+PcMihNmDE+6/KjkTubSJnmqGZZjQSBq/g==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@typescript-eslint/scope-manager": "8.46.2",
         "@typescript-eslint/types": "8.46.2",
@@ -2447,6 +2449,7 @@
       "integrity": "sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "bin": {
         "acorn": "bin/acorn"
       },
@@ -3060,7 +3063,8 @@
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz",
       "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==",
-      "license": "MIT"
+      "license": "MIT",
+      "peer": true
     },
     "node_modules/daisyui": {
       "version": "5.3.10",
@@ -3516,6 +3520,7 @@
       "integrity": "sha512-t5aPOpmtJcZcz5UJyY2GbvpDlsK5E8JqRqoKtfiKE3cNh437KIqfJr3A3AKf5k64NPx6d0G3dno6XDY05PqPtw==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@eslint-community/eslint-utils": "^4.8.0",
         "@eslint-community/regexpp": "^4.12.1",
@@ -3689,6 +3694,7 @@
       "integrity": "sha512-whOE1HFo/qJDyX4SnXzP4N6zOWn79WhnCUY/iDR0mPfQZO8wcYE4JClzI2oZrhBnnMUCBCHZhO6VQyoBU95mZA==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@rtsao/scc": "^1.1.0",
         "array-includes": "^3.1.9",
@@ -5654,12 +5660,12 @@
       "license": "MIT"
     },
     "node_modules/next": {
-      "version": "15.5.3",
-      "resolved": "https://registry.npmjs.org/next/-/next-15.5.3.tgz",
-      "integrity": "sha512-r/liNAx16SQj4D+XH/oI1dlpv9tdKJ6cONYPwwcCC46f2NjpaRWY+EKCzULfgQYV6YKXjHBchff2IZBSlZmJNw==",
+      "version": "15.5.7",
+      "resolved": "https://registry.npmjs.org/next/-/next-15.5.7.tgz",
+      "integrity": "sha512-+t2/0jIJ48kUpGKkdlhgkv+zPTEOoXyr60qXe68eB/pl3CMJaLeIGjzp5D6Oqt25hCBiBTt8wEeeAzfJvUKnPQ==",
       "license": "MIT",
       "dependencies": {
-        "@next/env": "15.5.3",
+        "@next/env": "15.5.7",
         "@swc/helpers": "0.5.15",
         "caniuse-lite": "^1.0.30001579",
         "postcss": "8.4.31",
@@ -5672,14 +5678,14 @@
         "node": "^18.18.0 || ^19.8.0 || >= 20.0.0"
       },
       "optionalDependencies": {
-        "@next/swc-darwin-arm64": "15.5.3",
-        "@next/swc-darwin-x64": "15.5.3",
-        "@next/swc-linux-arm64-gnu": "15.5.3",
-        "@next/swc-linux-arm64-musl": "15.5.3",
-        "@next/swc-linux-x64-gnu": "15.5.3",
-        "@next/swc-linux-x64-musl": "15.5.3",
-        "@next/swc-win32-arm64-msvc": "15.5.3",
-        "@next/swc-win32-x64-msvc": "15.5.3",
+        "@next/swc-darwin-arm64": "15.5.7",
+        "@next/swc-darwin-x64": "15.5.7",
+        "@next/swc-linux-arm64-gnu": "15.5.7",
+        "@next/swc-linux-arm64-musl": "15.5.7",
+        "@next/swc-linux-x64-gnu": "15.5.7",
+        "@next/swc-linux-x64-musl": "15.5.7",
+        "@next/swc-win32-arm64-msvc": "15.5.7",
+        "@next/swc-win32-x64-msvc": "15.5.7",
         "sharp": "^0.34.3"
       },
       "peerDependencies": {
@@ -6167,6 +6173,7 @@
       "resolved": "https://registry.npmjs.org/react/-/react-19.1.0.tgz",
       "integrity": "sha512-FS+XFBNvn3GTAWq26joslQgWNoFu08F4kl0J4CgdNKADkdSGXQyTCnKteIAJy96Br6YbpEU1LSzV5dYtjMkMDg==",
       "license": "MIT",
+      "peer": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -6197,6 +6204,7 @@
       "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.1.0.tgz",
       "integrity": "sha512-Xs1hdnE+DyKgeHJeJznQmYMIBG3TKIHJJT95Q58nHLSrElKlGQqDTR2HQ9fx5CN/Gk6Vh/kupBTDLU11/nDk/g==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "scheduler": "^0.26.0"
       },
@@ -7083,6 +7091,7 @@
       "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "engines": {
         "node": ">=12"
       },
@@ -7250,6 +7259,7 @@
       "integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
       "dev": true,
       "license": "Apache-2.0",
+      "peer": true,
       "bin": {
         "tsc": "bin/tsc",
         "tsserver": "bin/tsserver"
diff --git a/package.json b/package.json
index 7396d49d..85485ee3 100644
--- a/package.json
+++ b/package.json
@@ -18,7 +18,7 @@
     "clsx": "^2.1.1",
     "formik": "^2.4.6",
     "moment": "^2.30.1",
-    "next": "15.5.3",
+    "next": "^15.5.7",
     "react": "19.1.0",
     "react-day-picker": "^9.11.1",
     "react-dom": "19.1.0",

From 86a0faaa52f9464bb3033413ca3d70595dfdd983 Mon Sep 17 00:00:00 2001
From: rstubryan <restubumirr@gmail.com>
Date: Mon, 8 Dec 2025 10:09:21 +0700
Subject: [PATCH 03/36] chore(ci): clean up .gitlab-ci.yml by removing
 unnecessary whitespace

---
 .gitlab-ci.yml | 2 --
 1 file changed, 2 deletions(-)

diff --git a/.gitlab-ci.yml b/.gitlab-ci.yml
index 91da62b9..c37bfd35 100644
--- a/.gitlab-ci.yml
+++ b/.gitlab-ci.yml
@@ -140,7 +140,6 @@ deploy:dev:
   environment:
     name: development
     url: https://dev-lti-erp.mbugroup.id
-    
 # ====== PRODUCTION ======
 # build:production:
 #   <<: *build_template
@@ -163,4 +162,3 @@ deploy:dev:
 #   environment:
 #     name: production
 
-

From 3a7f1f48121aba5955c270ea29d4c7324ff1a978 Mon Sep 17 00:00:00 2001
From: rstubryan <restubumirr@gmail.com>
Date: Mon, 8 Dec 2025 14:42:39 +0700
Subject: [PATCH 04/36] refactor(FE-311): remove transport_total field and
 update approval actions

---
 .gitignore                                    |  3 +
 package-lock.json                             | 92 ++++++++++---------
 package.json                                  |  2 +-
 .../order/PurchaseOrderAcceptApprovalForm.tsx | 60 +-----------
 .../form/order/PurchaseOrderForm.schema.ts    | 32 +++----
 .../purchase/order/PurchaseOrderDetail.tsx    |  1 +
 src/types/api/purchase/purchase.d.ts          |  4 +-
 7 files changed, 73 insertions(+), 121 deletions(-)

diff --git a/.gitignore b/.gitignore
index d86875dd..7d6264e6 100644
--- a/.gitignore
+++ b/.gitignore
@@ -42,3 +42,6 @@ next-env.d.ts
 
 # idea
 .idea
+
+# claude
+.claude
\ No newline at end of file
diff --git a/package-lock.json b/package-lock.json
index ec1316ae..d73a1b22 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -15,7 +15,7 @@
         "clsx": "^2.1.1",
         "formik": "^2.4.6",
         "moment": "^2.30.1",
-        "next": "15.5.3",
+        "next": "15.5.7",
         "react": "19.1.0",
         "react-day-picker": "^9.11.1",
         "react-dom": "19.1.0",
@@ -1082,9 +1082,9 @@
       }
     },
     "node_modules/@next/env": {
-      "version": "15.5.3",
-      "resolved": "https://registry.npmjs.org/@next/env/-/env-15.5.3.tgz",
-      "integrity": "sha512-RSEDTRqyihYXygx/OJXwvVupfr9m04+0vH8vyy0HfZ7keRto6VX9BbEk0J2PUk0VGy6YhklJUSrgForov5F9pw==",
+      "version": "15.5.7",
+      "resolved": "https://registry.npmjs.org/@next/env/-/env-15.5.7.tgz",
+      "integrity": "sha512-4h6Y2NyEkIEN7Z8YxkA27pq6zTkS09bUSYC0xjd0NpwFxjnIKeZEeH591o5WECSmjpUhLn3H2QLJcDye3Uzcvg==",
       "license": "MIT"
     },
     "node_modules/@next/eslint-plugin-next": {
@@ -1098,9 +1098,9 @@
       }
     },
     "node_modules/@next/swc-darwin-arm64": {
-      "version": "15.5.3",
-      "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-15.5.3.tgz",
-      "integrity": "sha512-nzbHQo69+au9wJkGKTU9lP7PXv0d1J5ljFpvb+LnEomLtSbJkbZyEs6sbF3plQmiOB2l9OBtN2tNSvCH1nQ9Jg==",
+      "version": "15.5.7",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-15.5.7.tgz",
+      "integrity": "sha512-IZwtxCEpI91HVU/rAUOOobWSZv4P2DeTtNaCdHqLcTJU4wdNXgAySvKa/qJCgR5m6KI8UsKDXtO2B31jcaw1Yw==",
       "cpu": [
         "arm64"
       ],
@@ -1114,9 +1114,9 @@
       }
     },
     "node_modules/@next/swc-darwin-x64": {
-      "version": "15.5.3",
-      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-15.5.3.tgz",
-      "integrity": "sha512-w83w4SkOOhekJOcA5HBvHyGzgV1W/XvOfpkrxIse4uPWhYTTRwtGEM4v/jiXwNSJvfRvah0H8/uTLBKRXlef8g==",
+      "version": "15.5.7",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-15.5.7.tgz",
+      "integrity": "sha512-UP6CaDBcqaCBuiq/gfCEJw7sPEoX1aIjZHnBWN9v9qYHQdMKvCKcAVs4OX1vIjeE+tC5EIuwDTVIoXpUes29lg==",
       "cpu": [
         "x64"
       ],
@@ -1130,9 +1130,9 @@
       }
     },
     "node_modules/@next/swc-linux-arm64-gnu": {
-      "version": "15.5.3",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-15.5.3.tgz",
-      "integrity": "sha512-+m7pfIs0/yvgVu26ieaKrifV8C8yiLe7jVp9SpcIzg7XmyyNE7toC1fy5IOQozmr6kWl/JONC51osih2RyoXRw==",
+      "version": "15.5.7",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-15.5.7.tgz",
+      "integrity": "sha512-NCslw3GrNIw7OgmRBxHtdWFQYhexoUCq+0oS2ccjyYLtcn1SzGzeM54jpTFonIMUjNbHmpKpziXnpxhSWLcmBA==",
       "cpu": [
         "arm64"
       ],
@@ -1146,9 +1146,9 @@
       }
     },
     "node_modules/@next/swc-linux-arm64-musl": {
-      "version": "15.5.3",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-15.5.3.tgz",
-      "integrity": "sha512-u3PEIzuguSenoZviZJahNLgCexGFhso5mxWCrrIMdvpZn6lkME5vc/ADZG8UUk5K1uWRy4hqSFECrON6UKQBbQ==",
+      "version": "15.5.7",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-15.5.7.tgz",
+      "integrity": "sha512-nfymt+SE5cvtTrG9u1wdoxBr9bVB7mtKTcj0ltRn6gkP/2Nu1zM5ei8rwP9qKQP0Y//umK+TtkKgNtfboBxRrw==",
       "cpu": [
         "arm64"
       ],
@@ -1162,9 +1162,9 @@
       }
     },
     "node_modules/@next/swc-linux-x64-gnu": {
-      "version": "15.5.3",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-15.5.3.tgz",
-      "integrity": "sha512-lDtOOScYDZxI2BENN9m0pfVPJDSuUkAD1YXSvlJF0DKwZt0WlA7T7o3wrcEr4Q+iHYGzEaVuZcsIbCps4K27sA==",
+      "version": "15.5.7",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-15.5.7.tgz",
+      "integrity": "sha512-hvXcZvCaaEbCZcVzcY7E1uXN9xWZfFvkNHwbe/n4OkRhFWrs1J1QV+4U1BN06tXLdaS4DazEGXwgqnu/VMcmqw==",
       "cpu": [
         "x64"
       ],
@@ -1178,9 +1178,9 @@
       }
     },
     "node_modules/@next/swc-linux-x64-musl": {
-      "version": "15.5.3",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-15.5.3.tgz",
-      "integrity": "sha512-9vWVUnsx9PrY2NwdVRJ4dUURAQ8Su0sLRPqcCCxtX5zIQUBES12eRVHq6b70bbfaVaxIDGJN2afHui0eDm+cLg==",
+      "version": "15.5.7",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-15.5.7.tgz",
+      "integrity": "sha512-4IUO539b8FmF0odY6/SqANJdgwn1xs1GkPO5doZugwZ3ETF6JUdckk7RGmsfSf7ws8Qb2YB5It33mvNL/0acqA==",
       "cpu": [
         "x64"
       ],
@@ -1194,9 +1194,9 @@
       }
     },
     "node_modules/@next/swc-win32-arm64-msvc": {
-      "version": "15.5.3",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-15.5.3.tgz",
-      "integrity": "sha512-1CU20FZzY9LFQigRi6jM45oJMU3KziA5/sSG+dXeVaTm661snQP6xu3ykGxxwU5sLG3sh14teO/IOEPVsQMRfA==",
+      "version": "15.5.7",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-15.5.7.tgz",
+      "integrity": "sha512-CpJVTkYI3ZajQkC5vajM7/ApKJUOlm6uP4BknM3XKvJ7VXAvCqSjSLmM0LKdYzn6nBJVSjdclx8nYJSa3xlTgQ==",
       "cpu": [
         "arm64"
       ],
@@ -1210,9 +1210,9 @@
       }
     },
     "node_modules/@next/swc-win32-x64-msvc": {
-      "version": "15.5.3",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-15.5.3.tgz",
-      "integrity": "sha512-JMoLAq3n3y5tKXPQwCK5c+6tmwkuFDa2XAxz8Wm4+IVthdBZdZGh+lmiLUHg9f9IDwIQpUjp+ysd6OkYTyZRZw==",
+      "version": "15.5.7",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-15.5.7.tgz",
+      "integrity": "sha512-gMzgBX164I6DN+9/PGA+9dQiwmTkE4TloBNx8Kv9UiGARsr9Nba7IpcBRA1iTV9vwlYnrE3Uy6I7Aj6qLjQuqw==",
       "cpu": [
         "x64"
       ],
@@ -1855,6 +1855,7 @@
       "resolved": "https://registry.npmjs.org/@types/react/-/react-19.2.2.tgz",
       "integrity": "sha512-6mDvHUFSjyT2B2yeNx2nUgMxh9LtOWvkhIU3uePn2I2oyNymUAX1NIsdgviM4CH+JSrp2D2hsMvJOkxY+0wNRA==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "csstype": "^3.0.2"
       }
@@ -1924,6 +1925,7 @@
       "integrity": "sha512-BnOroVl1SgrPLywqxyqdJ4l3S2MsKVLDVxZvjI1Eoe8ev2r3kGDo+PcMihNmDE+6/KjkTubSJnmqGZZjQSBq/g==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@typescript-eslint/scope-manager": "8.46.2",
         "@typescript-eslint/types": "8.46.2",
@@ -2447,6 +2449,7 @@
       "integrity": "sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "bin": {
         "acorn": "bin/acorn"
       },
@@ -3060,7 +3063,8 @@
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz",
       "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==",
-      "license": "MIT"
+      "license": "MIT",
+      "peer": true
     },
     "node_modules/daisyui": {
       "version": "5.3.10",
@@ -3516,6 +3520,7 @@
       "integrity": "sha512-t5aPOpmtJcZcz5UJyY2GbvpDlsK5E8JqRqoKtfiKE3cNh437KIqfJr3A3AKf5k64NPx6d0G3dno6XDY05PqPtw==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@eslint-community/eslint-utils": "^4.8.0",
         "@eslint-community/regexpp": "^4.12.1",
@@ -3689,6 +3694,7 @@
       "integrity": "sha512-whOE1HFo/qJDyX4SnXzP4N6zOWn79WhnCUY/iDR0mPfQZO8wcYE4JClzI2oZrhBnnMUCBCHZhO6VQyoBU95mZA==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@rtsao/scc": "^1.1.0",
         "array-includes": "^3.1.9",
@@ -5654,12 +5660,12 @@
       "license": "MIT"
     },
     "node_modules/next": {
-      "version": "15.5.3",
-      "resolved": "https://registry.npmjs.org/next/-/next-15.5.3.tgz",
-      "integrity": "sha512-r/liNAx16SQj4D+XH/oI1dlpv9tdKJ6cONYPwwcCC46f2NjpaRWY+EKCzULfgQYV6YKXjHBchff2IZBSlZmJNw==",
+      "version": "15.5.7",
+      "resolved": "https://registry.npmjs.org/next/-/next-15.5.7.tgz",
+      "integrity": "sha512-+t2/0jIJ48kUpGKkdlhgkv+zPTEOoXyr60qXe68eB/pl3CMJaLeIGjzp5D6Oqt25hCBiBTt8wEeeAzfJvUKnPQ==",
       "license": "MIT",
       "dependencies": {
-        "@next/env": "15.5.3",
+        "@next/env": "15.5.7",
         "@swc/helpers": "0.5.15",
         "caniuse-lite": "^1.0.30001579",
         "postcss": "8.4.31",
@@ -5672,14 +5678,14 @@
         "node": "^18.18.0 || ^19.8.0 || >= 20.0.0"
       },
       "optionalDependencies": {
-        "@next/swc-darwin-arm64": "15.5.3",
-        "@next/swc-darwin-x64": "15.5.3",
-        "@next/swc-linux-arm64-gnu": "15.5.3",
-        "@next/swc-linux-arm64-musl": "15.5.3",
-        "@next/swc-linux-x64-gnu": "15.5.3",
-        "@next/swc-linux-x64-musl": "15.5.3",
-        "@next/swc-win32-arm64-msvc": "15.5.3",
-        "@next/swc-win32-x64-msvc": "15.5.3",
+        "@next/swc-darwin-arm64": "15.5.7",
+        "@next/swc-darwin-x64": "15.5.7",
+        "@next/swc-linux-arm64-gnu": "15.5.7",
+        "@next/swc-linux-arm64-musl": "15.5.7",
+        "@next/swc-linux-x64-gnu": "15.5.7",
+        "@next/swc-linux-x64-musl": "15.5.7",
+        "@next/swc-win32-arm64-msvc": "15.5.7",
+        "@next/swc-win32-x64-msvc": "15.5.7",
         "sharp": "^0.34.3"
       },
       "peerDependencies": {
@@ -6167,6 +6173,7 @@
       "resolved": "https://registry.npmjs.org/react/-/react-19.1.0.tgz",
       "integrity": "sha512-FS+XFBNvn3GTAWq26joslQgWNoFu08F4kl0J4CgdNKADkdSGXQyTCnKteIAJy96Br6YbpEU1LSzV5dYtjMkMDg==",
       "license": "MIT",
+      "peer": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -6197,6 +6204,7 @@
       "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.1.0.tgz",
       "integrity": "sha512-Xs1hdnE+DyKgeHJeJznQmYMIBG3TKIHJJT95Q58nHLSrElKlGQqDTR2HQ9fx5CN/Gk6Vh/kupBTDLU11/nDk/g==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "scheduler": "^0.26.0"
       },
@@ -7083,6 +7091,7 @@
       "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "engines": {
         "node": ">=12"
       },
@@ -7250,6 +7259,7 @@
       "integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
       "dev": true,
       "license": "Apache-2.0",
+      "peer": true,
       "bin": {
         "tsc": "bin/tsc",
         "tsserver": "bin/tsserver"
diff --git a/package.json b/package.json
index 7396d49d..4b9fdac7 100644
--- a/package.json
+++ b/package.json
@@ -18,7 +18,7 @@
     "clsx": "^2.1.1",
     "formik": "^2.4.6",
     "moment": "^2.30.1",
-    "next": "15.5.3",
+    "next": "15.5.7",
     "react": "19.1.0",
     "react-day-picker": "^9.11.1",
     "react-dom": "19.1.0",
diff --git a/src/components/pages/purchase/form/order/PurchaseOrderAcceptApprovalForm.tsx b/src/components/pages/purchase/form/order/PurchaseOrderAcceptApprovalForm.tsx
index 79762da9..0a10b1cd 100644
--- a/src/components/pages/purchase/form/order/PurchaseOrderAcceptApprovalForm.tsx
+++ b/src/components/pages/purchase/form/order/PurchaseOrderAcceptApprovalForm.tsx
@@ -64,7 +64,6 @@ const PurchaseOrderAcceptApprovalForm = ({
       | 'expedition_vendor_id'
       | 'received_qty'
       | 'transport_per_item'
-      | 'transport_total'
   ): { isError: boolean; errorMessage: string } => {
     const touchedItem = formik.touched.items?.[idx];
     const errorItem = formik.errors.items?.[idx] as
@@ -163,6 +162,7 @@ const PurchaseOrderAcceptApprovalForm = ({
     validateOnBlur: true,
     onSubmit: async (values) => {
       const payload: CreateAcceptApprovalRequestPayload = {
+        action: 'APPROVED',
         notes: values.notes || '',
         items:
           values.items?.map((formItem) => {
@@ -181,10 +181,6 @@ const PurchaseOrderAcceptApprovalForm = ({
                 typeof formItem.transport_per_item === 'string'
                   ? parseFloat(formItem.transport_per_item) || 0
                   : formItem.transport_per_item || 0,
-              transport_total:
-                typeof formItem.transport_total === 'string'
-                  ? parseFloat(formItem.transport_total) || 0
-                  : formItem.transport_total || 0,
             };
           }) || [],
       };
@@ -241,7 +237,6 @@ const PurchaseOrderAcceptApprovalForm = ({
           expedition_vendor_id: 0,
           received_qty: '',
           transport_per_item: '',
-          transport_total: '',
         };
       });
       formik.setFieldValue('items', updatedItems);
@@ -301,7 +296,7 @@ const PurchaseOrderAcceptApprovalForm = ({
   // ===== PURCHASE ITEM OPERATIONS =====
   const handlePurchaseItemChange = (
     idx: number,
-    field: 'received_qty' | 'transport_per_item' | 'transport_total',
+    field: 'received_qty' | 'transport_per_item',
     value: string | number
   ) => {
     const numValue = typeof value === 'string' ? parseFloat(value) || 0 : value;
@@ -318,26 +313,6 @@ const PurchaseOrderAcceptApprovalForm = ({
           : parseFloat(
               formik.values.items?.[idx]?.transport_per_item as string
             ) || 0;
-
-      if (receivedQty > 0 && transportPerItem >= 0) {
-        const calculatedTransportTotal = receivedQty * transportPerItem;
-        formik.setFieldValue(
-          `items.${idx}.transport_total`,
-          calculatedTransportTotal
-        );
-      }
-    }
-
-    if (field === 'transport_total') {
-      const receivedQty =
-        parseFloat(formik.values.items?.[idx]?.received_qty as string) || 0;
-      if (receivedQty > 0 && numValue >= 0) {
-        const calculatedTransportPerItem = numValue / receivedQty;
-        formik.setFieldValue(
-          `items.${idx}.transport_per_item`,
-          calculatedTransportPerItem
-        );
-      }
     }
   };
 
@@ -657,37 +632,6 @@ const PurchaseOrderAcceptApprovalForm = ({
                         }}
                       />
                     </td>
-                    <td>
-                      <NumberInput
-                        required
-                        name={`items.${idx}.transport_total`}
-                        value={formItem?.transport_total || ''}
-                        onChange={(e) =>
-                          handlePurchaseItemChange(
-                            idx,
-                            'transport_total',
-                            e.target.value
-                          )
-                        }
-                        onBlur={formik.handleBlur}
-                        placeholder='Masukkan total transport'
-                        allowNegative={false}
-                        decimalScale={2}
-                        thousandSeparator=','
-                        decimalSeparator='.'
-                        inputPrefix={'Rp'}
-                        isError={
-                          isRepeaterInputError(idx, 'transport_total').isError
-                        }
-                        errorMessage={
-                          isRepeaterInputError(idx, 'transport_total')
-                            .errorMessage
-                        }
-                        className={{
-                          wrapper: 'min-w-40 md:min-w-52 lg:min-w-64',
-                        }}
-                      />
-                    </td>
                   </tr>
                 );
               })}
diff --git a/src/components/pages/purchase/form/order/PurchaseOrderForm.schema.ts b/src/components/pages/purchase/form/order/PurchaseOrderForm.schema.ts
index 96836bc6..c7da956d 100644
--- a/src/components/pages/purchase/form/order/PurchaseOrderForm.schema.ts
+++ b/src/components/pages/purchase/form/order/PurchaseOrderForm.schema.ts
@@ -23,10 +23,12 @@ type PurchaseRequestStaffApprovalFormSchemaType = {
 };
 
 type PurchaseRequestManagerApprovalFormSchemaType = {
+  action: 'APPROVED' | 'REJECTED';
   notes: string | null;
 };
 
 type PurchaseRequestAcceptApprovalFormSchemaType = {
+  action: 'APPROVED' | 'REJECTED';
   notes: string | null;
   items: {
     purchase_item?: {
@@ -45,7 +47,6 @@ type PurchaseRequestAcceptApprovalFormSchemaType = {
     expedition_vendor_id: number;
     received_qty: number | string;
     transport_per_item: number | string;
-    transport_total: number | string;
   }[];
 };
 
@@ -83,7 +84,6 @@ export type PurchaseAcceptApprovalItemSchema = {
   expedition_vendor_id: number;
   received_qty: number | string;
   transport_per_item: number | string;
-  transport_total: number | string;
 };
 
 export type PurchaseDeleteItemsSchema = {
@@ -152,6 +152,10 @@ const PurchaseStaffApprovalItemObjectSchema: Yup.ObjectSchema<PurchaseStaffAppro
 
 const PurchaseManagerApprovalObjectSchema: Yup.ObjectSchema<PurchaseRequestManagerApprovalFormSchemaType> =
   Yup.object({
+    action: Yup.mixed<'APPROVED' | 'REJECTED'>()
+      .oneOf(['APPROVED', 'REJECTED'], 'Action harus APPROVED atau REJECTED')
+      .required('Action wajib diisi!')
+      .default('APPROVED'),
     notes: Yup.string().nullable().default(null),
   });
 
@@ -230,20 +234,6 @@ const PurchaseAcceptApprovalItemObjectSchema: Yup.ObjectSchema<PurchaseAcceptApp
         }
       )
       .typeError('Biaya transport per item harus berupa angka!'),
-    transport_total: Yup.mixed<string | number>()
-      .required('Total biaya transport wajib diisi!')
-      .test(
-        'is-valid-transport-total',
-        'Total biaya transport harus berupa angka lebih dari atau sama dengan 0!',
-        function (value) {
-          if (value === '' || value === null || value === undefined)
-            return false;
-          const numValue =
-            typeof value === 'string' ? parseFloat(value) : value;
-          return !isNaN(numValue) && numValue >= 0;
-        }
-      )
-      .typeError('Total biaya transport harus berupa angka!'),
   });
 
 export const PurchaseRequestStaffApprovalFormSchema: Yup.ObjectSchema<PurchaseRequestStaffApprovalFormSchemaType> =
@@ -368,6 +358,7 @@ export const PurchaseRequestManagerApprovalFormDefaultValues = (
   purchase?: Purchase
 ): PurchaseRequestManagerApprovalFormSchemaType => {
   return {
+    action: 'APPROVED',
     notes: purchase?.notes ?? null,
   };
 };
@@ -378,6 +369,10 @@ export type PurchaseRequestManagerApprovalFormValues = Yup.InferType<
 
 export const PurchaseRequestAcceptApprovalFormSchema: Yup.ObjectSchema<PurchaseRequestAcceptApprovalFormSchemaType> =
   Yup.object({
+    action: Yup.mixed<'APPROVED' | 'REJECTED'>()
+      .oneOf(['APPROVED', 'REJECTED'], 'Action harus APPROVED atau REJECTED')
+      .required('Action wajib diisi!')
+      .default('APPROVED'),
     notes: Yup.string().nullable().default(null),
     items: Yup.array()
       .of(PurchaseAcceptApprovalItemObjectSchema)
@@ -388,6 +383,7 @@ export const PurchaseRequestAcceptApprovalFormSchema: Yup.ObjectSchema<PurchaseR
 
 export const PurchaseRequestAcceptApprovalFormInitialValues: PurchaseRequestAcceptApprovalFormSchemaType =
   {
+    action: 'APPROVED',
     notes: '',
     items: [
       {
@@ -399,7 +395,6 @@ export const PurchaseRequestAcceptApprovalFormInitialValues: PurchaseRequestAcce
         expedition_vendor_id: 0,
         received_qty: '',
         transport_per_item: '',
-        transport_total: '',
       },
     ],
   };
@@ -408,6 +403,7 @@ export const PurchaseRequestAcceptApprovalFormDefaultValues = (
   purchase?: Purchase
 ): PurchaseRequestAcceptApprovalFormSchemaType => {
   return {
+    action: 'APPROVED',
     notes: purchase?.notes ?? null,
     items: purchase?.items
       ? purchase.items.map((item) => ({
@@ -419,7 +415,6 @@ export const PurchaseRequestAcceptApprovalFormDefaultValues = (
           expedition_vendor_id: 0,
           received_qty: '',
           transport_per_item: '',
-          transport_total: '',
         }))
       : [
           {
@@ -431,7 +426,6 @@ export const PurchaseRequestAcceptApprovalFormDefaultValues = (
             expedition_vendor_id: 0,
             received_qty: '',
             transport_per_item: '',
-            transport_total: '',
           },
         ],
   };
diff --git a/src/components/pages/purchase/order/PurchaseOrderDetail.tsx b/src/components/pages/purchase/order/PurchaseOrderDetail.tsx
index 2f3bbfb0..194e9534 100644
--- a/src/components/pages/purchase/order/PurchaseOrderDetail.tsx
+++ b/src/components/pages/purchase/order/PurchaseOrderDetail.tsx
@@ -925,6 +925,7 @@ const PurchaseOrderDetail = ({
           color: 'success',
           onClick: async (notes) => {
             const payload: CreateManagerApprovalRequestPayload = {
+              action: 'APPROVED',
               notes: notes || null,
             };
 
diff --git a/src/types/api/purchase/purchase.d.ts b/src/types/api/purchase/purchase.d.ts
index 56cbd810..d075f6fe 100644
--- a/src/types/api/purchase/purchase.d.ts
+++ b/src/types/api/purchase/purchase.d.ts
@@ -42,7 +42,6 @@ export type PurchaseItem = {
   expedition_vendor_name?: string | null;
   received_qty?: number | null;
   transport_per_item?: number | null;
-  transport_total?: number | null;
 };
 
 export type BasePurchase = {
@@ -103,10 +102,12 @@ export type UpdateStaffApprovalRequestPayload = {
 };
 
 export type CreateManagerApprovalRequestPayload = {
+  action: 'APPROVED' | 'REJECTED';
   notes?: string | null;
 };
 
 export type CreateAcceptApprovalRequestPayload = {
+  action: 'APPROVED' | 'REJECTED';
   notes?: string;
   items: {
     purchase_item_id: number;
@@ -117,7 +118,6 @@ export type CreateAcceptApprovalRequestPayload = {
     expedition_vendor_id: number;
     received_qty: number;
     transport_per_item: number;
-    transport_total: number;
   }[];
 };
 

From f5663b82aae925b8b6e7225a28b3729a7fb5e335 Mon Sep 17 00:00:00 2001
From: rstubryan <restubumirr@gmail.com>
Date: Mon, 8 Dec 2025 14:43:53 +0700
Subject: [PATCH 05/36] refactor(ci): clean up .gitlab-ci.yml by removing
 unnecessary whitespace

---
 .gitlab-ci.yml | 2 --
 1 file changed, 2 deletions(-)

diff --git a/.gitlab-ci.yml b/.gitlab-ci.yml
index 91da62b9..c37bfd35 100644
--- a/.gitlab-ci.yml
+++ b/.gitlab-ci.yml
@@ -140,7 +140,6 @@ deploy:dev:
   environment:
     name: development
     url: https://dev-lti-erp.mbugroup.id
-    
 # ====== PRODUCTION ======
 # build:production:
 #   <<: *build_template
@@ -163,4 +162,3 @@ deploy:dev:
 #   environment:
 #     name: production
 
-

From 68874a1c14afb00dbef269b7e170edfc184a1ead Mon Sep 17 00:00:00 2001
From: rstubryan <restubumirr@gmail.com>
Date: Mon, 8 Dec 2025 17:42:23 +0700
Subject: [PATCH 06/36] feat(FE-311): Use latest_approval for purchase
 approvals

---
 .../purchase/order/PurchaseOrderDetail.tsx    | 26 +++++++++----------
 src/types/api/purchase/purchase.d.ts          |  1 +
 2 files changed, 14 insertions(+), 13 deletions(-)

diff --git a/src/components/pages/purchase/order/PurchaseOrderDetail.tsx b/src/components/pages/purchase/order/PurchaseOrderDetail.tsx
index 194e9534..c2310e42 100644
--- a/src/components/pages/purchase/order/PurchaseOrderDetail.tsx
+++ b/src/components/pages/purchase/order/PurchaseOrderDetail.tsx
@@ -156,9 +156,9 @@ const PurchaseOrderDetail = ({
   }, [goodsReceiptItems]);
 
   const approvalStep = useMemo(() => {
-    if (!initialValues?.approval) return null;
-    return initialValues.approval.step_number;
-  }, [initialValues?.approval]);
+    if (!initialValues?.latest_approval) return null;
+    return initialValues.latest_approval.step_number;
+  }, [initialValues?.latest_approval]);
 
   const {
     approvals,
@@ -166,7 +166,7 @@ const PurchaseOrderDetail = ({
     rawDataApprovals,
     refresh: refreshApprovals,
   } = useApprovalSteps({
-    latestApproval: initialValues?.approval,
+    latestApproval: initialValues?.latest_approval,
     approvalLines: PURCHASE_ORDER_APPROVAL_LINE,
     moduleName: 'PURCHASES',
     moduleId: initialValues?.id?.toString() ?? '',
@@ -180,16 +180,16 @@ const PurchaseOrderDetail = ({
     approvalStep !== null && approvalStep >= 1 && approvalStep <= 3;
 
   const canDeleteItems = useMemo(() => {
-    if (!initialValues?.approval) return false;
+    if (!initialValues?.latest_approval) return false;
 
-    const currentStep = initialValues.approval.step_number;
+    const currentStep = initialValues.latest_approval.step_number;
 
     const hasReachedStep5 = rawDataApprovals?.some(
       (approval) => approval.step_number === 5
     );
 
     return currentStep === 3 && !hasReachedStep5;
-  }, [initialValues?.approval, rawDataApprovals]);
+  }, [initialValues?.latest_approval, rawDataApprovals]);
 
   const handleApprovalClick = () => {
     if (!approvalStep) return;
@@ -222,18 +222,18 @@ const PurchaseOrderDetail = ({
   };
 
   const canShowPurchaseOrderInvoice = useMemo(() => {
-    if (!initialValues?.approval) return false;
+    if (!initialValues?.latest_approval) return false;
 
-    const currentStep = initialValues.approval.step_number;
+    const currentStep = initialValues.latest_approval.step_number;
     return currentStep >= 3;
-  }, [initialValues?.approval]);
+  }, [initialValues?.latest_approval]);
 
   const canShowPenerimaanBarang = useMemo(() => {
-    if (!initialValues?.approval) return false;
+    if (!initialValues?.latest_approval) return false;
 
-    const currentStep = initialValues.approval.step_number;
+    const currentStep = initialValues.latest_approval.step_number;
     return currentStep === 5;
-  }, [initialValues?.approval]);
+  }, [initialValues?.latest_approval]);
 
   const totalBeforeTax = useMemo(() => {
     return purchaseOrderItems.reduce(
diff --git a/src/types/api/purchase/purchase.d.ts b/src/types/api/purchase/purchase.d.ts
index d075f6fe..94611eff 100644
--- a/src/types/api/purchase/purchase.d.ts
+++ b/src/types/api/purchase/purchase.d.ts
@@ -62,6 +62,7 @@ export type BasePurchase = {
   warehouse?: Warehouse;
   items?: PurchaseItem[];
   approval?: BaseApproval;
+  latest_approval?: BaseApproval;
 };
 
 export type Purchase = BaseMetadata & BasePurchase;

From c7911f01f2f61c3fa8f50c9bbd0e43fd16f64b1d Mon Sep 17 00:00:00 2001
From: rstubryan <restubumirr@gmail.com>
Date: Mon, 8 Dec 2025 17:43:44 +0700
Subject: [PATCH 07/36] refactor(FE-311): Remove Total Transport header from
 approval form

---
 .../purchase/form/order/PurchaseOrderAcceptApprovalForm.tsx   | 4 ----
 1 file changed, 4 deletions(-)

diff --git a/src/components/pages/purchase/form/order/PurchaseOrderAcceptApprovalForm.tsx b/src/components/pages/purchase/form/order/PurchaseOrderAcceptApprovalForm.tsx
index 0a10b1cd..d610acfe 100644
--- a/src/components/pages/purchase/form/order/PurchaseOrderAcceptApprovalForm.tsx
+++ b/src/components/pages/purchase/form/order/PurchaseOrderAcceptApprovalForm.tsx
@@ -361,10 +361,6 @@ const PurchaseOrderAcceptApprovalForm = ({
                   Transport/Item
                   <span className='text-error'>*</span>
                 </th>
-                <th>
-                  Total Transport
-                  <span className='text-error'>*</span>
-                </th>
               </tr>
             </thead>
             <tbody>

From ce75eb25d753a6836304f0341727ef23382931f0 Mon Sep 17 00:00:00 2001
From: rstubryan <restubumirr@gmail.com>
Date: Mon, 8 Dec 2025 17:55:22 +0700
Subject: [PATCH 08/36] refactor(FE-311): Show previous values only in edit
 mode

---
 .../order/PurchaseOrderStaffApprovalForm.tsx    | 17 ++++++++++++++---
 1 file changed, 14 insertions(+), 3 deletions(-)

diff --git a/src/components/pages/purchase/form/order/PurchaseOrderStaffApprovalForm.tsx b/src/components/pages/purchase/form/order/PurchaseOrderStaffApprovalForm.tsx
index 791e2592..f0519381 100644
--- a/src/components/pages/purchase/form/order/PurchaseOrderStaffApprovalForm.tsx
+++ b/src/components/pages/purchase/form/order/PurchaseOrderStaffApprovalForm.tsx
@@ -719,7 +719,10 @@ const PurchaseOrderStaffApprovalForm = ({
                                           'min-w-52 md:min-w-72 lg:min-w-80',
                                       }}
                                       bottomLabel={
-                                        'Previous: ' + purchaseItem.product.name
+                                        type === 'edit'
+                                          ? 'Previous: ' +
+                                            purchaseItem.product.name
+                                          : undefined
                                       }
                                     />
                                   </td>
@@ -819,7 +822,11 @@ const PurchaseOrderStaffApprovalForm = ({
                                       thousandSeparator=','
                                       decimalSeparator='.'
                                       inputPrefix={'Rp'}
-                                      bottomLabel={`Previous: Rp${formatNumber(initialValues?.items?.find((item) => item.id === purchaseItem.id)?.price || 0, 'id-ID', 2, 2)}`}
+                                      bottomLabel={
+                                        type === 'edit'
+                                          ? `Previous: Rp${formatNumber(initialValues?.items?.find((item) => item.id === purchaseItem.id)?.price || 0, 'id-ID', 2, 2)}`
+                                          : undefined
+                                      }
                                       isError={
                                         isRepeaterInputError(
                                           formItemIndex,
@@ -857,7 +864,11 @@ const PurchaseOrderStaffApprovalForm = ({
                                       thousandSeparator=','
                                       decimalSeparator='.'
                                       inputPrefix={'Rp'}
-                                      bottomLabel={`Previous: Rp${formatNumber(initialValues?.items?.find((item) => item.id === purchaseItem.id)?.total_price || 0, 'id-ID', 2, 2)}`}
+                                      bottomLabel={
+                                        type === 'edit'
+                                          ? `Previous: Rp${formatNumber(initialValues?.items?.find((item) => item.id === purchaseItem.id)?.total_price || 0, 'id-ID', 2, 2)}`
+                                          : undefined
+                                      }
                                       isError={
                                         isRepeaterInputError(
                                           formItemIndex,

From a7d884b5f007e4d4ff29259ead7100cd79049fa3 Mon Sep 17 00:00:00 2001
From: rstubryan <restubumirr@gmail.com>
Date: Mon, 8 Dec 2025 18:14:38 +0700
Subject: [PATCH 09/36] refactor(FE-311): Use latest_approval instead of
 approval

---
 .../order/PurchaseOrderStaffApprovalForm.tsx     | 16 ++++++++--------
 src/types/api/purchase/purchase.d.ts             |  1 -
 2 files changed, 8 insertions(+), 9 deletions(-)

diff --git a/src/components/pages/purchase/form/order/PurchaseOrderStaffApprovalForm.tsx b/src/components/pages/purchase/form/order/PurchaseOrderStaffApprovalForm.tsx
index f0519381..bc718eb6 100644
--- a/src/components/pages/purchase/form/order/PurchaseOrderStaffApprovalForm.tsx
+++ b/src/components/pages/purchase/form/order/PurchaseOrderStaffApprovalForm.tsx
@@ -61,7 +61,7 @@ const PurchaseOrderStaffApprovalForm = ({
       return 'add';
     }
 
-    const currentStep = initialValues?.approval?.step_number || 1;
+    const currentStep = initialValues?.latest_approval?.step_number || 1;
 
     switch (currentStep) {
       case 1:
@@ -77,7 +77,7 @@ const PurchaseOrderStaffApprovalForm = ({
         // Step 4+ (Penerimaan Barang dan selesai), tidak boleh edit kalau sudah disetujui
         return 'edit';
     }
-  }, [rawDataApprovals, propType, initialValues?.approval?.step_number]);
+  }, [rawDataApprovals, propType, initialValues?.latest_approval?.step_number]);
 
   const router = useRouter();
   const searchParams = useSearchParams();
@@ -93,16 +93,16 @@ const PurchaseOrderStaffApprovalForm = ({
 
   // ===== UTILITY FUNCTIONS =====
   const canUpdatePurchaseItems = useMemo(() => {
-    if (!initialValues?.approval) return false;
+    if (!initialValues?.latest_approval) return false;
 
-    const currentStep = initialValues.approval.step_number;
+    const currentStep = initialValues.latest_approval.step_number;
     return currentStep >= 3;
-  }, [initialValues?.approval]);
+  }, [initialValues?.latest_approval]);
 
   const canShowDeleteAddButtons = useMemo(() => {
-    if (!initialValues?.approval) return false;
+    if (!initialValues?.latest_approval) return false;
 
-    const currentStep = initialValues.approval.step_number;
+    const currentStep = initialValues.latest_approval.step_number;
 
     // Step 2 (Staff Purchase) dengan mode 'add' tidak boleh add/delete items
     // User hanya boleh input harga dan total harga untuk items yang sudah ada
@@ -112,7 +112,7 @@ const PurchaseOrderStaffApprovalForm = ({
 
     // Step 3 (Manager Purchase) boleh add/delete items
     return currentStep === 3;
-  }, [initialValues?.approval, type]);
+  }, [initialValues?.latest_approval, type]);
 
   const isRepeaterInputError = (
     idx: number,
diff --git a/src/types/api/purchase/purchase.d.ts b/src/types/api/purchase/purchase.d.ts
index 94611eff..93d6e610 100644
--- a/src/types/api/purchase/purchase.d.ts
+++ b/src/types/api/purchase/purchase.d.ts
@@ -61,7 +61,6 @@ export type BasePurchase = {
   location?: Location;
   warehouse?: Warehouse;
   items?: PurchaseItem[];
-  approval?: BaseApproval;
   latest_approval?: BaseApproval;
 };
 

From 512ad5175eb9d981d1400c74a10e7a19615754ff Mon Sep 17 00:00:00 2001
From: rstubryan <restubumirr@gmail.com>
Date: Mon, 8 Dec 2025 18:37:58 +0700
Subject: [PATCH 10/36] refactor(FE-311): Default received_qty and remove
 transport_total

---
 .../purchase/form/order/PurchaseOrderAcceptApprovalForm.tsx  | 2 +-
 src/components/pages/purchase/order/PurchaseOrderDetail.tsx  | 5 -----
 2 files changed, 1 insertion(+), 6 deletions(-)

diff --git a/src/components/pages/purchase/form/order/PurchaseOrderAcceptApprovalForm.tsx b/src/components/pages/purchase/form/order/PurchaseOrderAcceptApprovalForm.tsx
index d610acfe..ab2b373a 100644
--- a/src/components/pages/purchase/form/order/PurchaseOrderAcceptApprovalForm.tsx
+++ b/src/components/pages/purchase/form/order/PurchaseOrderAcceptApprovalForm.tsx
@@ -235,7 +235,7 @@ const PurchaseOrderAcceptApprovalForm = ({
           vehicle_number: item.vehicle_number || '',
           expedition_vendor: null,
           expedition_vendor_id: 0,
-          received_qty: '',
+          received_qty: item.total_qty || '',
           transport_per_item: '',
         };
       });
diff --git a/src/components/pages/purchase/order/PurchaseOrderDetail.tsx b/src/components/pages/purchase/order/PurchaseOrderDetail.tsx
index c2310e42..2ca16480 100644
--- a/src/components/pages/purchase/order/PurchaseOrderDetail.tsx
+++ b/src/components/pages/purchase/order/PurchaseOrderDetail.tsx
@@ -544,11 +544,6 @@ const PurchaseOrderDetail = ({
       accessorKey: 'transport_per_item',
       cell: (props) => formatCurrency(props.getValue() as number),
     },
-    {
-      header: 'Transport Total',
-      accessorKey: 'transport_total',
-      cell: (props) => formatCurrency(props.getValue() as number),
-    },
   ];
 
   const summaryData = [

From b464432581a70e978e6f6c71addf615643cb8deb Mon Sep 17 00:00:00 2001
From: rstubryan <restubumirr@gmail.com>
Date: Mon, 8 Dec 2025 18:49:17 +0700
Subject: [PATCH 11/36] chore(FE): Add .claude to .gitignore

---
 .gitignore | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/.gitignore b/.gitignore
index d86875dd..e47b8ec3 100644
--- a/.gitignore
+++ b/.gitignore
@@ -42,3 +42,6 @@ next-env.d.ts
 
 # idea
 .idea
+
+# claude
+.claude

From 5deca5739fffed9f15a668cbb4c4dfde132945d5 Mon Sep 17 00:00:00 2001
From: rstubryan <restubumirr@gmail.com>
Date: Mon, 8 Dec 2025 20:08:35 +0700
Subject: [PATCH 12/36] refactor(FE-318): Add egg weight column and separate
 inputs

---
 .../recording/form/RecordingForm.tsx          | 114 +++++++++---------
 1 file changed, 60 insertions(+), 54 deletions(-)

diff --git a/src/components/pages/production/recording/form/RecordingForm.tsx b/src/components/pages/production/recording/form/RecordingForm.tsx
index 582e8e78..f9314a9d 100644
--- a/src/components/pages/production/recording/form/RecordingForm.tsx
+++ b/src/components/pages/production/recording/form/RecordingForm.tsx
@@ -2599,6 +2599,15 @@ const RecordingForm = ({ type = 'add', initialValues }: RecordingFormProps) => {
                           <span className='text-error'>*</span>
                         </span>
                       </th>
+                      <th>
+                        Berat (gram)
+                        <span
+                          className='tooltip tooltip-error tooltip-bottom '
+                          data-tip='required'
+                        >
+                          <span className='text-error'>*</span>
+                        </span>
+                      </th>
                       {(type as 'add' | 'edit' | 'detail') !== 'detail' && (
                         <th>Action</th>
                       )}
@@ -2674,58 +2683,55 @@ const RecordingForm = ({ type = 'add', initialValues }: RecordingFormProps) => {
                             />
                           </td>
                           <td>
-                            <div className='flex flex-col gap-1'>
-                              <NumberInput
-                                required
-                                name={`eggs.${idx}.qty`}
-                                value={egg.qty ?? ''}
-                                onChange={handleEggQtyChangeWrapper(idx)}
-                                onBlur={formik.handleBlur}
-                                decimalScale={0}
-                                allowNegative={false}
-                                thousandSeparator=','
-                                decimalSeparator='.'
-                                isError={
-                                  isRepeaterInputError('eggs', 'qty', idx)
-                                    .isError
-                                }
-                                errorMessage={
-                                  isRepeaterInputError('eggs', 'qty', idx)
-                                    .errorMessage
-                                }
-                                readOnly={type === 'detail'}
-                                className={{
-                                  wrapper: 'w-full min-w-24',
-                                }}
-                                placeholder='Masukkan jumlah telur'
-                              />
-                            </div>
-                            <div className='flex flex-col gap-1'>
-                              <NumberInput
-                                required
-                                name={`eggs.${idx}.weight`}
-                                value={egg.weight ?? ''}
-                                onChange={handleEggWeightChangeWrapper(idx)}
-                                onBlur={formik.handleBlur}
-                                decimalScale={0}
-                                allowNegative={false}
-                                thousandSeparator=','
-                                decimalSeparator='.'
-                                isError={
-                                  isRepeaterInputError('eggs', 'weight', idx)
-                                    .isError
-                                }
-                                errorMessage={
-                                  isRepeaterInputError('eggs', 'weight', idx)
-                                    .errorMessage
-                                }
-                                readOnly={type === 'detail'}
-                                className={{
-                                  wrapper: 'w-full min-w-24',
-                                }}
-                                placeholder='Masukkan berat telur (gram)...'
-                              />
-                            </div>
+                            <NumberInput
+                              required
+                              name={`eggs.${idx}.qty`}
+                              value={egg.qty ?? ''}
+                              onChange={handleEggQtyChangeWrapper(idx)}
+                              onBlur={formik.handleBlur}
+                              decimalScale={0}
+                              allowNegative={false}
+                              thousandSeparator=','
+                              decimalSeparator='.'
+                              isError={
+                                isRepeaterInputError('eggs', 'qty', idx).isError
+                              }
+                              errorMessage={
+                                isRepeaterInputError('eggs', 'qty', idx)
+                                  .errorMessage
+                              }
+                              readOnly={type === 'detail'}
+                              className={{
+                                wrapper: 'w-full min-w-24',
+                              }}
+                              placeholder='Masukkan jumlah telur'
+                            />
+                          </td>
+                          <td>
+                            <NumberInput
+                              required
+                              name={`eggs.${idx}.weight`}
+                              value={egg.weight ?? ''}
+                              onChange={handleEggWeightChangeWrapper(idx)}
+                              onBlur={formik.handleBlur}
+                              decimalScale={0}
+                              allowNegative={false}
+                              thousandSeparator=','
+                              decimalSeparator='.'
+                              isError={
+                                isRepeaterInputError('eggs', 'weight', idx)
+                                  .isError
+                              }
+                              errorMessage={
+                                isRepeaterInputError('eggs', 'weight', idx)
+                                  .errorMessage
+                              }
+                              readOnly={type === 'detail'}
+                              className={{
+                                wrapper: 'w-full min-w-24',
+                              }}
+                              placeholder='Masukkan berat telur (gram)...'
+                            />
                           </td>
                           {(type as 'add' | 'edit' | 'detail') !== 'detail' && (
                             <td>
@@ -2908,7 +2914,7 @@ const RecordingForm = ({ type = 'add', initialValues }: RecordingFormProps) => {
                   >
                     Submit
                   </Button>
-                  {isLayingCategory && (
+                  {/*{isLayingCategory && (
                     <Tooltip
                       content={
                         hasConsumableEggs
@@ -2979,7 +2985,7 @@ const RecordingForm = ({ type = 'add', initialValues }: RecordingFormProps) => {
                         Next Step: Grading
                       </Button>
                     </Tooltip>
-                  )}
+                  )}*/}
                 </div>
               )}
             </div>

From 305b8e5005d47a1b8f86eb9eab9790db1a906d79 Mon Sep 17 00:00:00 2001
From: rstubryan <restubumirr@gmail.com>
Date: Mon, 8 Dec 2025 20:12:18 +0700
Subject: [PATCH 13/36] refactor(FE-319): Remove Grading-Telur step from
 RECORDINGS workflow

---
 src/config/approval-line.ts | 18 +++---------------
 src/config/constant.ts      |  4 ----
 2 files changed, 3 insertions(+), 19 deletions(-)

diff --git a/src/config/approval-line.ts b/src/config/approval-line.ts
index 3af866c6..48b1268b 100644
--- a/src/config/approval-line.ts
+++ b/src/config/approval-line.ts
@@ -51,14 +51,10 @@ export const MARKETING_APPROVAL_LINE: ApprovalLine = [
 export const RECORDING_APPROVAL_LINE: ApprovalLine = [
   {
     step_number: 1,
-    step_name: 'Grading-Telur',
-  },
-  {
-    step_number: 2,
     step_name: 'Pengajuan',
   },
   {
-    step_number: 3,
+    step_number: 2,
     step_name: 'Disetujui',
   },
 ] as const;
@@ -66,14 +62,10 @@ export const RECORDING_APPROVAL_LINE: ApprovalLine = [
 export const GROWING_RECORDING_APPROVAL_LINE: ApprovalLine = [
   {
     step_number: 1,
-    step_name: 'Grading-Telur',
-  },
-  {
-    step_number: 2,
     step_name: 'Pengajuan',
   },
   {
-    step_number: 3,
+    step_number: 2,
     step_name: 'Disetujui',
   },
 ] as const;
@@ -81,14 +73,10 @@ export const GROWING_RECORDING_APPROVAL_LINE: ApprovalLine = [
 export const LAYING_RECORDING_APPROVAL_LINE: ApprovalLine = [
   {
     step_number: 1,
-    step_name: 'Grading-Telur',
-  },
-  {
-    step_number: 2,
     step_name: 'Pengajuan',
   },
   {
-    step_number: 3,
+    step_number: 2,
     step_name: 'Disetujui',
   },
 ] as const;
diff --git a/src/config/constant.ts b/src/config/constant.ts
index dc36025b..d4e08942 100644
--- a/src/config/constant.ts
+++ b/src/config/constant.ts
@@ -261,10 +261,6 @@ export const APPROVAL_WORKFLOWS = [
   {
     key: 'RECORDINGS',
     steps: [
-      {
-        step_number: 1,
-        step_name: 'Grading-Telur',
-      },
       {
         step_number: 2,
         step_name: 'Pengajuan',

From 2e6a724b2f2361268fb86cbe29e91edc19cc396b Mon Sep 17 00:00:00 2001
From: rstubryan <restubumirr@gmail.com>
Date: Mon, 8 Dec 2025 20:13:10 +0700
Subject: [PATCH 14/36] refactor(FE-319): Use approval step 2 and remove
 grading button

---
 .../recording/form/RecordingForm.tsx          | 74 +------------------
 1 file changed, 1 insertion(+), 73 deletions(-)

diff --git a/src/components/pages/production/recording/form/RecordingForm.tsx b/src/components/pages/production/recording/form/RecordingForm.tsx
index f9314a9d..f6058d70 100644
--- a/src/components/pages/production/recording/form/RecordingForm.tsx
+++ b/src/components/pages/production/recording/form/RecordingForm.tsx
@@ -112,7 +112,7 @@ const RecordingForm = ({ type = 'add', initialValues }: RecordingFormProps) => {
     return (
       recording?.approval?.action === 'APPROVED' &&
       recording?.approval?.step_name === 'Disetujui' &&
-      recording?.approval?.step_number === 3
+      recording?.approval?.step_number === 2
     );
   }, []);
 
@@ -2914,78 +2914,6 @@ const RecordingForm = ({ type = 'add', initialValues }: RecordingFormProps) => {
                   >
                     Submit
                   </Button>
-                  {/*{isLayingCategory && (
-                    <Tooltip
-                      content={
-                        hasConsumableEggs
-                          ? 'Lanjut ke proses grading untuk telur konsumsi baik'
-                          : 'Hanya bisa melanjutkan ke grading jika ada Telur Konsumsi Baik'
-                      }
-                      position='left'
-                      color={hasConsumableEggs ? 'info' : 'warning'}
-                    >
-                      <Button
-                        type='button'
-                        color='info'
-                        className='px-4'
-                        isLoading={formik.isSubmitting}
-                        disabled={
-                          hasExceededStock ||
-                          !formik.isValid ||
-                          formik.isSubmitting ||
-                          !hasConsumableEggs
-                        }
-                        onClick={async () => {
-                          if (!formik.isValid) {
-                            await formik.validateForm();
-                            return;
-                          }
-
-                          setRecordingFormErrorMessage('');
-                          formik.setSubmitting(true);
-
-                          try {
-                            if (isLayingCategory) {
-                              const layingValues =
-                                formik.values as RecordingLayingFormValues;
-                              const layingPayload =
-                                createLayingPayload(layingValues);
-
-                              const recordingData =
-                                await createRecordingHandlerWithRedirect(
-                                  layingPayload as CreateLayingRecordingPayload,
-                                  true
-                                );
-
-                              if (recordingData?.id) {
-                                toast.success(
-                                  'Recording berhasil disimpan! Mengalihkan ke form Grading...'
-                                );
-                                setTimeout(() => {
-                                  router.push(
-                                    `/production/recording/grading/add?recording_id=${recordingData.id}`
-                                  );
-                                }, 1000);
-                              }
-                            }
-                          } catch {
-                            toast.error(
-                              'Gagal membuat recording. Silakan coba lagi.'
-                            );
-                          } finally {
-                            formik.setSubmitting(false);
-                          }
-                        }}
-                      >
-                        <Icon
-                          icon='material-symbols:egg'
-                          width={24}
-                          height={24}
-                        />
-                        Next Step: Grading
-                      </Button>
-                    </Tooltip>
-                  )}*/}
                 </div>
               )}
             </div>

From 545af8267a93cc3ad738dc6e5fb6dbb3d8ffed42 Mon Sep 17 00:00:00 2001
From: rstubryan <restubumirr@gmail.com>
Date: Mon, 8 Dec 2025 23:33:34 +0700
Subject: [PATCH 15/36] feat(FE-319): Refactor recording types and simplify
 payloads

---
 src/types/api/production/recording.d.ts | 46 +++----------------------
 1 file changed, 4 insertions(+), 42 deletions(-)

diff --git a/src/types/api/production/recording.d.ts b/src/types/api/production/recording.d.ts
index 46579509..9bed7685 100644
--- a/src/types/api/production/recording.d.ts
+++ b/src/types/api/production/recording.d.ts
@@ -9,8 +9,7 @@ export type ProductionMetrics = {
   cum_intake: number;
   fcr_value: number;
   total_chick_qty: number;
-  daily_depletion_rate?: number;
-  cum_depletion?: number;
+  cum_depletion: number;
 };
 
 export type BaseRecording = {
@@ -18,43 +17,33 @@ export type BaseRecording = {
   project_flock_kandang_id: number;
   record_datetime: string;
   day: number;
-  created_by: User;
+  project_flock_category?: 'GROWING' | 'LAYING';
 } & ProductionMetrics;
 
 export type RecordingBW = {
-  id: number;
-  recording_id: number;
   avg_weight: number;
   qty: number;
   total_weight: number;
 };
 
 export type RecordingDepletion = {
-  id: number;
-  recording_id: number;
   product_warehouse_id: number;
   qty: number;
   product_warehouse: ProductWarehouse;
 };
 
 export type RecordingStock = {
-  id: number;
-  recording_id: number;
   product_warehouse_id: number;
   usage_amount?: number;
-  usage_qty: number;
-  qty: number;
   pending_qty: number;
   product_warehouse: ProductWarehouse;
 };
 
 export type RecordingEgg = {
   id: number;
-  recording_id: number;
   product_warehouse_id: number;
   qty: number;
   weight: number;
-  created_by: User;
   product_warehouse: ProductWarehouse;
   gradings?: {
     grade: string;
@@ -72,19 +61,12 @@ export type GradingEgg = {
 
 export type Recording = BaseMetadata &
   BaseRecording & {
-    project_flock_category?: 'GROWING' | 'LAYING';
     approval?: BaseApproval;
-    egg_grading_status?: string | null;
-    egg_grading_pending_qty?: number | null;
-    egg_grading_completed_qty?: number | null;
+    created_user: User;
     body_weights?: RecordingBW[];
     depletions?: RecordingDepletion[];
     stocks?: RecordingStock[];
     eggs?: RecordingEgg[];
-    recording_bws?: RecordingBW[];
-    recording_depletions?: RecordingDepletion[];
-    recording_stocks?: RecordingStock[];
-    recording_eggs?: RecordingEgg[];
     grading_eggs?: GradingEgg[];
   };
 
@@ -109,24 +91,6 @@ export type CreateGrowingRecordingPayload = {
   }[];
 };
 
-export type CreateGradingPayload = {
-  eggs_grading: {
-    recording_egg_id: number;
-    grade: string;
-    qty: number;
-  }[];
-};
-
-export type UpdateGradingPayload = CreateGradingPayload;
-
-export type CreateGradingRecordingPayload = {
-  eggs_grading: {
-    recording_egg_id: number;
-    grade: string;
-    qty: number;
-  }[];
-};
-
 export type CreateEggPayload = {
   product_warehouse_id: number;
   qty: number;
@@ -139,11 +103,9 @@ export type CreateLayingRecordingPayload = CreateGrowingRecordingPayload & {
 
 export type CreateRecordingPayload =
   | CreateGrowingRecordingPayload
-  | CreateLayingRecordingPayload
-  | CreateGradingRecordingPayload;
+  | CreateLayingRecordingPayload;
 
 export type UpdateGrowingRecordingPayload = CreateGrowingRecordingPayload;
 export type UpdateLayingRecordingPayload = CreateLayingRecordingPayload;
-export type UpdateGradingRecordingPayload = CreateGradingRecordingPayload;
 
 export type UpdateRecordingPayload = CreateRecordingPayload;

From 7c4bd81364108bfce196bc1a7e0dc438295e41f4 Mon Sep 17 00:00:00 2001
From: rstubryan <restubumirr@gmail.com>
Date: Mon, 8 Dec 2025 23:34:01 +0700
Subject: [PATCH 16/36] feat(FE-319): Remove recording grading feature

---
 .../production/recording/grading/add/page.tsx |   49 -
 .../recording/grading/detail/edit/page.tsx    |   53 -
 .../recording/grading/detail/page.tsx         |   52 -
 .../production/recording/grading/layout.tsx   |   11 -
 .../recording/grading/form/GradingForm.tsx    | 1050 -----------------
 src/services/api/production.ts                |   24 -
 6 files changed, 1239 deletions(-)
 delete mode 100644 src/app/production/recording/grading/add/page.tsx
 delete mode 100644 src/app/production/recording/grading/detail/edit/page.tsx
 delete mode 100644 src/app/production/recording/grading/detail/page.tsx
 delete mode 100644 src/app/production/recording/grading/layout.tsx
 delete mode 100644 src/components/pages/production/recording/grading/form/GradingForm.tsx

diff --git a/src/app/production/recording/grading/add/page.tsx b/src/app/production/recording/grading/add/page.tsx
deleted file mode 100644
index 9b918d98..00000000
--- a/src/app/production/recording/grading/add/page.tsx
+++ /dev/null
@@ -1,49 +0,0 @@
-'use client';
-
-import { useRouter, useSearchParams } from 'next/navigation';
-import useSWR from 'swr';
-import GradingForm from '@/components/pages/production/recording/grading/form/GradingForm';
-import { RecordingApi } from '@/services/api/production';
-import { isResponseSuccess } from '@/lib/api-helper';
-
-const AddGrading = () => {
-  const router = useRouter();
-  const searchParams = useSearchParams();
-
-  const recordingId = searchParams.get('recording_id');
-
-  const { data: recording, isLoading: isLoadingRecording } = useSWR(
-    recordingId && recordingId !== 'new' ? [recordingId] : null,
-    ([id]) => RecordingApi.getSingle(parseInt(id))
-  );
-
-  if (
-    recordingId &&
-    recordingId !== 'new' &&
-    !isLoadingRecording &&
-    (!recording || !isResponseSuccess(recording))
-  ) {
-    router.replace('/404');
-    return;
-  }
-
-  return (
-    <div className='w-full p-4 flex flex-row justify-center'>
-      {recordingId && recordingId !== 'new' && isLoadingRecording && (
-        <span className='loading loading-spinner loading-xl' />
-      )}
-      {(!recordingId ||
-        recordingId === 'new' ||
-        (!isLoadingRecording && recording && isResponseSuccess(recording))) && (
-        <GradingForm
-          type='add'
-          initialValues={
-            isResponseSuccess(recording) ? recording.data?.eggs?.[0] : undefined
-          }
-        />
-      )}
-    </div>
-  );
-};
-
-export default AddGrading;
diff --git a/src/app/production/recording/grading/detail/edit/page.tsx b/src/app/production/recording/grading/detail/edit/page.tsx
deleted file mode 100644
index 0a65f528..00000000
--- a/src/app/production/recording/grading/detail/edit/page.tsx
+++ /dev/null
@@ -1,53 +0,0 @@
-'use client';
-
-import { useRouter, useSearchParams } from 'next/navigation';
-import useSWR from 'swr';
-import GradingForm from '@/components/pages/production/recording/grading/form/GradingForm';
-import { RecordingApi } from '@/services/api/production';
-import { isResponseSuccess } from '@/lib/api-helper';
-
-const EditGrading = () => {
-  const router = useRouter();
-  const searchParams = useSearchParams();
-
-  const recordingId = searchParams.get('recordingId');
-  const gradingId = searchParams.get('gradingId');
-
-  const { data: recording, isLoading: isLoadingRecording } = useSWR(
-    recordingId ? [recordingId] : null,
-    ([id]) => RecordingApi.getSingle(parseInt(id))
-  );
-
-  if (!recordingId) {
-    router.back();
-
-    return (
-      <div className='w-full flex flex-row justify-center items-center p-4'>
-        <span className='loading loading-spinner loading-xl' />
-      </div>
-    );
-  }
-
-  if (!isLoadingRecording && (!recording || !isResponseSuccess(recording))) {
-    router.replace('/404');
-    return;
-  }
-
-  return (
-    <div className='w-full p-4 flex flex-row justify-center'>
-      {isLoadingRecording && (
-        <span className='loading loading-spinner loading-xl' />
-      )}
-      {!isLoadingRecording && recording && isResponseSuccess(recording) && (
-        <GradingForm
-          type='edit'
-          initialValues={recording.data.eggs?.find(
-            (egg) => egg.id === parseInt(gradingId || '0')
-          )}
-        />
-      )}
-    </div>
-  );
-};
-
-export default EditGrading;
diff --git a/src/app/production/recording/grading/detail/page.tsx b/src/app/production/recording/grading/detail/page.tsx
deleted file mode 100644
index 6a5fbcba..00000000
--- a/src/app/production/recording/grading/detail/page.tsx
+++ /dev/null
@@ -1,52 +0,0 @@
-'use client';
-
-import { useRouter, useSearchParams } from 'next/navigation';
-import useSWR from 'swr';
-import GradingForm from '@/components/pages/production/recording/grading/form/GradingForm';
-import { RecordingApi } from '@/services/api/production';
-import { isResponseSuccess } from '@/lib/api-helper';
-
-const DetailGrading = () => {
-  const router = useRouter();
-  const searchParams = useSearchParams();
-
-  const gradingId = searchParams.get('gradingId');
-
-  const { data: grading, isLoading: isLoadingGrading } = useSWR(
-    gradingId ? [gradingId] : null,
-    ([id]) => RecordingApi.getSingle(parseInt(id))
-  );
-
-  if (!gradingId) {
-    router.back();
-
-    return (
-      <div className='w-full flex flex-row justify-center items-center p-4'>
-        <span className='loading loading-spinner loading-xl' />
-      </div>
-    );
-  }
-
-  if (!isLoadingGrading && (!grading || !isResponseSuccess(grading))) {
-    router.replace('/404');
-    return;
-  }
-
-  return (
-    <div className='w-full p-4 flex flex-row justify-center'>
-      {isLoadingGrading && (
-        <span className='loading loading-spinner loading-xl' />
-      )}
-      {!isLoadingGrading && grading && isResponseSuccess(grading) && (
-        <GradingForm
-          type='detail'
-          initialValues={grading.data.eggs?.find(
-            (egg) => egg.id === parseInt(gradingId)
-          )}
-        />
-      )}
-    </div>
-  );
-};
-
-export default DetailGrading;
diff --git a/src/app/production/recording/grading/layout.tsx b/src/app/production/recording/grading/layout.tsx
deleted file mode 100644
index 7220dfa1..00000000
--- a/src/app/production/recording/grading/layout.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import SuspenseHelper from '@/components/helper/SuspenseHelper';
-
-const Layout = ({
-  children,
-}: Readonly<{
-  children: React.ReactNode;
-}>) => {
-  return <SuspenseHelper>{children}</SuspenseHelper>;
-};
-
-export default Layout;
diff --git a/src/components/pages/production/recording/grading/form/GradingForm.tsx b/src/components/pages/production/recording/grading/form/GradingForm.tsx
deleted file mode 100644
index 417c6356..00000000
--- a/src/components/pages/production/recording/grading/form/GradingForm.tsx
+++ /dev/null
@@ -1,1050 +0,0 @@
-'use client';
-
-import { useMemo, useState, useEffect, useCallback } from 'react';
-import { useRouter, useSearchParams } from 'next/navigation';
-import { useFormik } from 'formik';
-import { Icon } from '@iconify/react';
-
-import Button from '@/components/Button';
-import NumberInput from '@/components/input/NumberInput';
-import SelectInput, { OptionType } from '@/components/input/SelectInput';
-import CheckboxInput from '@/components/input/CheckboxInput';
-import ConfirmationModal from '@/components/modal/ConfirmationModal';
-import Card from '@/components/Card';
-import Badge from '@/components/Badge';
-
-import {
-  CreateGradingPayload,
-  UpdateGradingPayload,
-  RecordingEgg,
-  GradingEgg,
-  Recording,
-} from '@/types/api/production/recording';
-import { ProjectFlockKandang } from '@/types/api/production/project-flock-kandang';
-import { type BaseApiResponse } from '@/types/api/api-general';
-
-import {
-  RecordingGradingFormSchema,
-  RecordingGradingFormValues,
-  UpdateRecordingGradingFormSchema,
-  getRecordingGradingFormInitialValues,
-} from '@/components/pages/production/recording/form/RecordingForm.schema';
-
-import { cn, formatDate } from '@/lib/helper';
-import toast from 'react-hot-toast';
-import { isResponseError } from '@/lib/api-helper';
-
-import {
-  RecordingApi,
-  ProjectFlockKandangApi,
-} from '@/services/api/production';
-
-import { useModal } from '@/components/Modal';
-import useSWR from 'swr';
-
-// INTERFACES & PROPS
-interface GradingFormProps {
-  type?: 'add' | 'edit' | 'detail';
-  initialValues?: RecordingEgg & {
-    grading_eggs?: GradingEgg[];
-    gradings?: { grade: string; qty: number }[];
-  };
-}
-
-const GradingForm = ({ type = 'add', initialValues }: GradingFormProps) => {
-  // HOOKS & ROUTER
-  const router = useRouter();
-  const searchParams = useSearchParams();
-  const recordingId = searchParams.get('recording_id');
-
-  // STATE MANAGEMENT
-  const [selectedGradingItems, setSelectedGradingItems] = useState<number[]>(
-    []
-  );
-  const [gradingFormErrorMessage, setGradingFormErrorMessage] = useState('');
-  const [isDeleteLoading, setIsDeleteLoading] = useState(false);
-  const deleteModal = useModal();
-
-  // API DATA FETCHING
-  const recordingUrl = useMemo(() => {
-    const recordingIdToUse = recordingId;
-    if (!recordingIdToUse) return null;
-    return `${RecordingApi.basePath}/${recordingIdToUse}`;
-  }, [recordingId]);
-
-  const { data: recordingData } = useSWR(
-    recordingUrl,
-    recordingUrl ? RecordingApi.getAllFetcher : null
-  );
-
-  // DATA PROCESSING
-  const recording =
-    recordingData?.status === 'success'
-      ? (recordingData.data as unknown as Recording)
-      : undefined;
-
-  const projectFlockKandangUrl = useMemo(() => {
-    if (!recording?.project_flock_kandang_id) return null;
-    return `${ProjectFlockKandangApi.basePath}/${recording.project_flock_kandang_id}`;
-  }, [recording?.project_flock_kandang_id]);
-
-  const { data: projectFlockKandangData } = useSWR(
-    projectFlockKandangUrl,
-    projectFlockKandangUrl ? ProjectFlockKandangApi.getAllFetcher : null
-  );
-
-  const projectFlockKandang =
-    projectFlockKandangData?.status === 'success'
-      ? (projectFlockKandangData.data as unknown as ProjectFlockKandang)
-      : undefined;
-
-  const konsumsiBaikEggData = useMemo(() => {
-    if (!recording?.eggs) return null;
-
-    const konsumsiBaikEgg = recording.eggs.find((egg: RecordingEgg) =>
-      egg.product_warehouse?.product?.name
-        ?.toLowerCase()
-        .includes('konsumsi baik')
-    );
-
-    return konsumsiBaikEgg || null;
-  }, [recording]);
-
-  const totalKonsumsiBaikEggs = konsumsiBaikEggData?.qty || 0;
-  const konsumsiBaikEggId = konsumsiBaikEggData?.id;
-
-  const isDataLoading =
-    !recording ||
-    (totalKonsumsiBaikEggs === 0 &&
-      recording?.project_flock_category === 'LAYING');
-
-  // FORM HANDLERS
-  const createGradingHandler = useCallback(
-    async (payload: CreateGradingPayload) => {
-      const res = (await RecordingApi.createGrading(payload)) as
-        | BaseApiResponse<unknown>
-        | undefined;
-
-      if (!res || isResponseError(res)) {
-        setGradingFormErrorMessage(res?.message || 'Failed to add Grading');
-        return;
-      }
-
-      toast.success(res?.message || 'Successfully added Grading!');
-      router.push('/production/recording');
-    },
-    [router]
-  );
-
-  const updateGradingHandler = useCallback(
-    async (gradingId: number, payload: UpdateGradingPayload) => {
-      const res = (await RecordingApi.updateGrading(gradingId, payload)) as
-        | BaseApiResponse<unknown>
-        | undefined;
-
-      if (!res || isResponseError(res)) {
-        setGradingFormErrorMessage(res?.message || 'Failed to update Grading');
-        return;
-      }
-      toast.success(res?.message || 'Successfully updated Grading!');
-      router.refresh();
-      router.push('/production/recording');
-    },
-    [router]
-  );
-
-  const deleteRecordingClickHandler = useCallback(() => {
-    deleteModal.openModal();
-  }, [deleteModal]);
-
-  const confirmationModalDeleteClickHandler = useCallback(async () => {
-    if (!initialValues?.id) return;
-
-    setIsDeleteLoading(true);
-    try {
-      const res = (await RecordingApi.deleteGrading(initialValues.id)) as
-        | BaseApiResponse<unknown>
-        | undefined;
-
-      if (!res || isResponseError(res)) {
-        setGradingFormErrorMessage(res?.message || 'Failed to delete Grading');
-        return;
-      }
-      deleteModal.closeModal();
-      toast.success(res?.message || 'Successfully delete Grading!');
-      router.push('/production/recording');
-    } catch {
-      setGradingFormErrorMessage('Failed to delete Grading');
-    } finally {
-      setIsDeleteLoading(false);
-    }
-  }, [deleteModal, initialValues?.id, router]);
-
-  // FORMIK SETUP
-  const formikInitialValues = useMemo(() => {
-    let recordingEggId: number | undefined = konsumsiBaikEggId;
-
-    if (!recordingEggId && initialValues?.id) {
-      recordingEggId = initialValues.id;
-    }
-
-    if (!recordingEggId) {
-      recordingEggId = parseInt(recordingId || '0') || 0;
-    }
-
-    let gradingData: {
-      recording_egg_id: number;
-      grade: string;
-      qty: number;
-    }[] = [];
-
-    if (initialValues?.grading_eggs && initialValues.grading_eggs.length > 0) {
-      gradingData = initialValues.grading_eggs.map((grading: GradingEgg) => ({
-        recording_egg_id: recordingEggId,
-        grade: grading.grade,
-        qty: grading.qty,
-      }));
-    } else if (initialValues?.gradings && initialValues.gradings.length > 0) {
-      gradingData = initialValues.gradings.map(
-        (grading: { grade: string; qty: number }) => ({
-          recording_egg_id: recordingEggId,
-          grade: grading.grade,
-          qty: grading.qty,
-        })
-      );
-    }
-
-    return getRecordingGradingFormInitialValues({
-      recording_egg_id: recordingEggId,
-      eggs_grading: gradingData,
-    });
-  }, [initialValues, recordingId, konsumsiBaikEggId]);
-
-  const formik = useFormik<RecordingGradingFormValues>({
-    initialValues: formikInitialValues,
-    enableReinitialize: true,
-    validationSchema: (() => {
-      return type === 'edit'
-        ? UpdateRecordingGradingFormSchema
-        : RecordingGradingFormSchema;
-    })(),
-    validateOnChange: true,
-    validateOnBlur: true,
-    onSubmit: async (values) => {
-      const gradingPayload = {
-        eggs_grading: (values.eggs_grading ?? []).map((grading) => ({
-          recording_egg_id: grading.recording_egg_id,
-          grade: grading.grade,
-          qty: grading.qty || 0,
-        })),
-      };
-
-      switch (type) {
-        case 'add':
-          await createGradingHandler(gradingPayload as CreateGradingPayload);
-          break;
-        case 'edit':
-          await updateGradingHandler(
-            initialValues?.id as number,
-            gradingPayload as UpdateGradingPayload
-          );
-          break;
-      }
-    },
-  });
-
-  const currentGradingTotal = useMemo(() => {
-    return (formik.values.eggs_grading || []).reduce((total, grading) => {
-      return total + (Number(grading.qty) || 0);
-    }, 0);
-  }, [formik.values.eggs_grading]);
-
-  const isGradingExceedsAvailable = currentGradingTotal > totalKonsumsiBaikEggs;
-  const isGradingIncomplete =
-    currentGradingTotal < totalKonsumsiBaikEggs && totalKonsumsiBaikEggs > 0;
-  const hasUserStartedGrading = currentGradingTotal > 0;
-
-  // GRADING HANDLERS
-  const addGrading = () => {
-    let recordingEggId: number | undefined = konsumsiBaikEggId;
-
-    if (!recordingEggId && initialValues?.id) {
-      recordingEggId = initialValues.id;
-    }
-
-    if (!recordingEggId) {
-      recordingEggId = parseInt(recordingId || '0') || 0;
-    }
-
-    const newGrading = [
-      ...(formik.values.eggs_grading || []),
-      {
-        recording_egg_id: recordingEggId,
-        grade: '',
-        qty: '',
-      },
-    ];
-    formik.setFieldValue('eggs_grading', newGrading);
-  };
-
-  const handleGradingGradeChangeWrapper = useCallback(
-    (idx: number) => (selectedOption: OptionType | OptionType[] | null) => {
-      const option = selectedOption as OptionType | null;
-      formik.setFieldValue(`eggs_grading.${idx}.grade`, option?.label || '');
-    },
-    [formik]
-  );
-
-  const handleGradingQtyChangeWrapper = useCallback(
-    (idx: number) => (e: React.ChangeEvent<HTMLInputElement>) => {
-      const value = parseFloat(e.target.value) || 0;
-      formik.setFieldValue(`eggs_grading.${idx}.qty`, value);
-    },
-    [formik]
-  );
-
-  const removeGrading = (idx: number) => {
-    const updatedGrading = formik.values.eggs_grading?.filter(
-      (_, i) => i !== idx
-    );
-    formik.setFieldValue('eggs_grading', updatedGrading);
-  };
-
-  const removeSelectedGrading = () => {
-    const updatedGrading = formik.values.eggs_grading?.filter(
-      (_, idx) => !selectedGradingItems.includes(idx)
-    );
-    formik.setFieldValue('eggs_grading', updatedGrading);
-    setSelectedGradingItems([]);
-  };
-
-  // VALIDATION HELPERS
-  const isRepeaterInputError = (
-    arrayName: 'eggs_grading',
-    column: string,
-    idx: number
-  ) => {
-    const touched = formik.touched as Record<string, unknown>;
-    const errors = formik.errors as Record<string, unknown>;
-
-    if (!touched[arrayName] || !Array.isArray(touched[arrayName])) {
-      return {
-        isError: false,
-        errorMessage: '',
-      };
-    }
-
-    const touchedField = (touched[arrayName] as unknown[])?.[idx] as Record<
-      string,
-      unknown
-    >;
-    const errorField = (errors[arrayName] as unknown[])?.[idx] as Record<
-      string,
-      unknown
-    >;
-
-    return {
-      isError: touchedField && Boolean(errorField?.[column]),
-      errorMessage:
-        touchedField && errorField?.[column]
-          ? (errorField[column] as string)
-          : '',
-    };
-  };
-
-  // EFFECTS
-  useEffect(() => {
-    if (isDataLoading) {
-      toast.dismiss('grading-exceeds');
-      toast.dismiss('grading-incomplete');
-      return;
-    }
-
-    if (isGradingExceedsAvailable && currentGradingTotal > 0) {
-      toast.error(
-        `Total grading (${currentGradingTotal}) melebihi telur yang tersedia (${totalKonsumsiBaikEggs})!`,
-        {
-          id: 'grading-exceeds',
-          duration: 3000,
-        }
-      );
-      toast.dismiss('grading-incomplete');
-    } else if (isGradingIncomplete && hasUserStartedGrading) {
-      toast.error(
-        `Total grading (${currentGradingTotal}) tidak sama dengan total telur konsumsi baik yang tersedia (${totalKonsumsiBaikEggs})! Semua telur harus digrading.`,
-        {
-          id: 'grading-incomplete',
-          duration: 3000,
-        }
-      );
-      toast.dismiss('grading-exceeds');
-    } else {
-      toast.dismiss('grading-exceeds');
-      toast.dismiss('grading-incomplete');
-    }
-  }, [
-    isDataLoading,
-    isGradingExceedsAvailable,
-    isGradingIncomplete,
-    hasUserStartedGrading,
-    currentGradingTotal,
-    totalKonsumsiBaikEggs,
-  ]);
-
-  useEffect(() => {
-    if (
-      konsumsiBaikEggId &&
-      formik.values.eggs_grading &&
-      formik.values.eggs_grading.length === 0
-    ) {
-      formik.setFieldValue('eggs_grading', [
-        { recording_egg_id: konsumsiBaikEggId, grade: '', qty: '' },
-      ]);
-    }
-  }, [konsumsiBaikEggId, formik.values.eggs_grading.length]);
-
-  return (
-    <>
-      <section className='w-full'>
-        <header className='flex flex-col gap-4'>
-          <Button
-            href='/production/recording'
-            variant='link'
-            className='w-fit p-0 text-primary'
-          >
-            <Icon icon='uil:arrow-left' width={24} height={24} />
-            Kembali
-          </Button>
-          <h1 className='text-2xl font-bold text-center'>
-            {type === 'add' && 'Tambah Grading'}
-            {type === 'edit' && 'Edit Grading'}
-            {type === 'detail' && 'Detail Grading'}
-          </h1>
-        </header>
-
-        <form
-          onSubmit={formik.handleSubmit}
-          className='w-full mt-8 flex flex-col gap-6'
-        >
-          {/* Basic Info Card */}
-          <Card
-            title='Informasi Recording'
-            className={{
-              wrapper: 'w-full mb-6 shadow-sm',
-              body: 'p-6',
-            }}
-          >
-            <div className='grid grid-cols-2 md:grid-cols-4 gap-4 mb-6'>
-              {/* Status Approval */}
-              {recording?.approval && (
-                <div>
-                  <span className='text-sm text-gray-600'>Status Approval</span>
-                  <div className='mt-1'>
-                    <Badge
-                      variant='soft'
-                      color={
-                        recording.approval.action === 'APPROVED'
-                          ? 'success'
-                          : recording.approval.action === 'REJECTED'
-                            ? 'error'
-                            : recording.approval.action === 'UPDATED'
-                              ? 'warning'
-                              : 'info'
-                      }
-                      className={{
-                        badge: 'whitespace-nowrap font-semibold text-xs px-2',
-                      }}
-                    >
-                      {(() => {
-                        const actionText = (() => {
-                          switch (recording.approval.action) {
-                            case 'APPROVED':
-                              return 'Disetujui';
-                            case 'REJECTED':
-                              return 'Ditolak';
-                            case 'CREATED':
-                              return 'Dibuat';
-                            case 'UPDATED':
-                              return 'Diperbarui';
-                            default:
-                              return recording.approval.action;
-                          }
-                        })();
-
-                        const stepName = recording.approval.step_name;
-
-                        if (stepName === actionText) {
-                          return stepName;
-                        }
-
-                        return `${stepName} - ${actionText}`;
-                      })()}
-                    </Badge>
-                  </div>
-                </div>
-              )}
-              {/* Recording Info */}
-              <div>
-                <span className='text-sm text-gray-600'>Lokasi</span>
-                <p className='font-semibold'>
-                  {projectFlockKandang?.project_flock?.location?.name || '-'}
-                </p>
-              </div>
-              <div>
-                <span className='text-sm text-gray-600'>Project Flock</span>
-                <p className='font-semibold'>
-                  {projectFlockKandang?.project_flock?.flock_name || '-'}
-                </p>
-              </div>
-              <div>
-                <span className='text-sm text-gray-600'>Kandang</span>
-                <p className='font-semibold'>
-                  {projectFlockKandang?.kandang?.name || '-'}
-                </p>
-              </div>
-              <div>
-                <span className='text-sm text-gray-600'>Tanggal Recording</span>
-                <p className='font-semibold'>
-                  {recording
-                    ? formatDate(recording.record_datetime, 'DD MMMM YYYY')
-                    : '-'}
-                </p>
-              </div>
-              <div>
-                <span className='text-sm text-gray-600'>Hari</span>
-                <p className='font-semibold'>Hari ke-{recording?.day || '-'}</p>
-              </div>
-              <div>
-                <span className='text-sm text-gray-600'>Kategori</span>
-                <p className='font-semibold'>
-                  <Badge
-                    variant='soft'
-                    color={
-                      recording?.project_flock_category === 'LAYING'
-                        ? 'info'
-                        : 'warning'
-                    }
-                    size='sm'
-                  >
-                    {recording?.project_flock_category || '-'}
-                  </Badge>
-                </p>
-              </div>
-              <div>
-                <span className='text-sm text-gray-600'>Periode</span>
-                <p className='font-semibold'>
-                  <Badge
-                    variant='soft'
-                    color='neutral'
-                    size='sm'
-                    className={{
-                      badge: 'whitespace-nowrap font-semibold text-xs px-2',
-                    }}
-                  >
-                    Periode {projectFlockKandang?.project_flock?.period || '-'}
-                  </Badge>
-                </p>
-              </div>
-            </div>
-
-            <div
-              className={
-                type === 'detail'
-                  ? 'space-y-6'
-                  : 'grid grid-cols-1 md:grid-cols-2 gap-6'
-              }
-            >
-              {/* Additional Recording Info */}
-              <div className='bg-blue-50 rounded-lg p-4 border border-blue-200'>
-                <div className='flex items-center justify-between mb-3'>
-                  <div className='bg-blue-100 rounded-full p-2'>
-                    <Icon
-                      icon='material-symbols:info'
-                      width={20}
-                      height={20}
-                      className='text-blue-600'
-                    />
-                  </div>
-                  <span className='text-xs text-blue-600 font-medium uppercase tracking-wide'>
-                    Detail Recording
-                  </span>
-                </div>
-                <div className='space-y-2'>
-                  <div>
-                    <p className='text-xs text-gray-600'>Area</p>
-                    <p className='font-semibold text-blue-900'>
-                      {projectFlockKandang?.project_flock?.area?.name || '-'}
-                    </p>
-                  </div>
-                  <div>
-                    <p className='text-xs text-gray-600'>Status Kandang</p>
-                    <p className='font-semibold text-blue-900'>
-                      {projectFlockKandang?.kandang?.status || '-'}
-                    </p>
-                  </div>
-                </div>
-              </div>
-
-              {/* Total Telur Konsumsi Baik Info */}
-              <div
-                className={`rounded-lg p-4 border-2 ${
-                  isDataLoading
-                    ? 'bg-gray-50 border-gray-200'
-                    : isGradingExceedsAvailable
-                      ? 'bg-red-50 border-red-200'
-                      : isGradingIncomplete && hasUserStartedGrading
-                        ? 'bg-yellow-50 border-yellow-200'
-                        : 'bg-green-50 border-green-200'
-                }`}
-              >
-                <div className='flex items-center justify-between mb-3'>
-                  <div>
-                    <p className='text-sm font-medium text-gray-600 mb-1'>
-                      Total Telur Konsumsi Baik
-                    </p>
-                    <div className='flex items-baseline gap-2'>
-                      <p className='text-2xl font-bold text-gray-900'>
-                        {isDataLoading ? (
-                          <span className='loading loading-spinner loading-sm'></span>
-                        ) : (
-                          totalKonsumsiBaikEggs
-                        )}{' '}
-                        <span className='text-sm text-gray-500 font-medium'>
-                          telur
-                        </span>
-                      </p>
-                    </div>
-                  </div>
-                  <div
-                    className={`rounded-full p-2 ${
-                      isDataLoading
-                        ? 'bg-gray-100'
-                        : isGradingExceedsAvailable
-                          ? 'bg-red-100'
-                          : isGradingIncomplete && hasUserStartedGrading
-                            ? 'bg-yellow-100'
-                            : 'bg-green-100'
-                    }`}
-                  >
-                    <Icon
-                      icon={
-                        isDataLoading
-                          ? 'material-symbols:hourglass-empty'
-                          : isGradingExceedsAvailable
-                            ? 'material-symbols:error'
-                            : isGradingIncomplete && hasUserStartedGrading
-                              ? 'material-symbols:warning'
-                              : 'material-symbols:check-circle'
-                      }
-                      width={20}
-                      height={20}
-                      className={
-                        isDataLoading
-                          ? 'text-gray-500'
-                          : isGradingExceedsAvailable
-                            ? 'text-red-600'
-                            : isGradingIncomplete && hasUserStartedGrading
-                              ? 'text-yellow-600'
-                              : 'text-green-600'
-                      }
-                    />
-                  </div>
-                </div>
-
-                {/* Progress Bar */}
-                <div className='space-y-2'>
-                  <div className='flex items-center justify-between text-sm'>
-                    <span className='text-gray-600'>Total yang digrading:</span>
-                    <span
-                      className={`font-semibold ${
-                        isDataLoading
-                          ? 'text-gray-500'
-                          : isGradingExceedsAvailable
-                            ? 'text-red-600'
-                            : isGradingIncomplete && hasUserStartedGrading
-                              ? 'text-yellow-600'
-                              : 'text-green-600'
-                      }`}
-                    >
-                      {isDataLoading ? (
-                        <span className='loading loading-spinner loading-xs'></span>
-                      ) : (
-                        `${currentGradingTotal} / ${totalKonsumsiBaikEggs}`
-                      )}
-                    </span>
-                  </div>
-                  <div className='w-full bg-gray-200 rounded-full h-2 overflow-hidden'>
-                    <div
-                      className={`h-full transition-all duration-300 ${
-                        isDataLoading
-                          ? 'bg-gray-400'
-                          : isGradingExceedsAvailable
-                            ? 'bg-red-500'
-                            : isGradingIncomplete && hasUserStartedGrading
-                              ? 'bg-yellow-500'
-                              : 'bg-green-500'
-                      }`}
-                      style={{
-                        width: isDataLoading
-                          ? '0%'
-                          : `${Math.min((currentGradingTotal / totalKonsumsiBaikEggs) * 100, 100)}%`,
-                      }}
-                    />
-                  </div>
-                  {!isDataLoading && isGradingExceedsAvailable && (
-                    <div className='flex items-center gap-1 text-xs text-red-600 mt-1'>
-                      <Icon
-                        icon='material-symbols:warning'
-                        width={12}
-                        height={12}
-                      />
-                      <span>Melebihi batas tersedia</span>
-                    </div>
-                  )}
-                  {!isDataLoading &&
-                    isGradingIncomplete &&
-                    hasUserStartedGrading && (
-                      <div className='flex items-center gap-1 text-xs text-yellow-600 mt-1'>
-                        <Icon
-                          icon='material-symbols:info'
-                          width={12}
-                          height={12}
-                        />
-                        <span>
-                          Grading belum lengkap, semua telur harus digrading
-                        </span>
-                      </div>
-                    )}
-                  {isDataLoading && (
-                    <div className='flex items-center gap-1 text-xs text-gray-500 mt-1'>
-                      <Icon
-                        icon='material-symbols:hourglass-empty'
-                        width={12}
-                        height={12}
-                      />
-                      <span>Memuat data telur konsumsi baik...</span>
-                    </div>
-                  )}
-                </div>
-              </div>
-            </div>
-          </Card>
-
-          {/* Grading Table */}
-          <Card
-            title='Grading Telur'
-            className={{
-              wrapper: 'w-full mb-4 shadow',
-              title: 'mb-4',
-            }}
-          >
-            <div className='overflow-x-auto'>
-              <table className='table'>
-                <thead>
-                  <tr>
-                    {type !== 'detail' && (
-                      <th>
-                        <CheckboxInput
-                          name='select-all-grading'
-                          checked={
-                            formik.values.eggs_grading?.length ===
-                              selectedGradingItems.length &&
-                            formik.values.eggs_grading?.length > 0
-                          }
-                          onChange={(
-                            e: React.ChangeEvent<HTMLInputElement>
-                          ) => {
-                            if (e.target.checked) {
-                              setSelectedGradingItems(
-                                formik.values.eggs_grading?.map(
-                                  (_, idx) => idx
-                                ) ?? []
-                              );
-                            } else {
-                              setSelectedGradingItems([]);
-                            }
-                          }}
-                          classNames={{
-                            wrapper: 'flex justify-center',
-                            checkbox: 'checkbox checkbox-sm',
-                          }}
-                        />
-                      </th>
-                    )}
-                    <th>
-                      Grade
-                      <span
-                        className='tooltip tooltip-error tooltip-bottom z-[9999]'
-                        data-tip='required'
-                      >
-                        <span className='text-error'>*</span>
-                      </span>
-                    </th>
-                    <th>
-                      Jumlah
-                      <span
-                        className='tooltip tooltip-error tooltip-bottom z-[9999]'
-                        data-tip='required'
-                      >
-                        <span className='text-error'>*</span>
-                      </span>
-                    </th>
-                    {type !== 'detail' && <th>Action</th>}
-                  </tr>
-                </thead>
-                <tbody>
-                  {formik.values.eggs_grading?.map((grading, idx) => (
-                    <tr key={`grading-${idx}`}>
-                      {type !== 'detail' && (
-                        <td className='!align-middle'>
-                          <CheckboxInput
-                            name={`grading-${idx}`}
-                            checked={selectedGradingItems.includes(idx)}
-                            onChange={(
-                              e: React.ChangeEvent<HTMLInputElement>
-                            ) => {
-                              if (e.target.checked) {
-                                setSelectedGradingItems([
-                                  ...selectedGradingItems,
-                                  idx,
-                                ]);
-                              } else {
-                                setSelectedGradingItems(
-                                  selectedGradingItems.filter((i) => i !== idx)
-                                );
-                              }
-                            }}
-                            classNames={{
-                              wrapper: 'flex justify-center',
-                              checkbox: 'checkbox checkbox-sm',
-                            }}
-                          />
-                        </td>
-                      )}
-                      <td>
-                        <SelectInput
-                          required
-                          value={
-                            grading.grade
-                              ? { value: grading.grade, label: grading.grade }
-                              : null
-                          }
-                          onChange={handleGradingGradeChangeWrapper(idx)}
-                          options={[
-                            { value: 'Grade A', label: 'Grade A' },
-                            { value: 'Grade B', label: 'Grade B' },
-                            { value: 'Grade C', label: 'Grade C' },
-                            { value: 'Grade D', label: 'Grade D' },
-                          ]}
-                          placeholder='Pilih Grade'
-                          isError={
-                            isRepeaterInputError('eggs_grading', 'grade', idx)
-                              .isError
-                          }
-                          errorMessage={
-                            isRepeaterInputError('eggs_grading', 'grade', idx)
-                              .errorMessage
-                          }
-                          isDisabled={type === 'detail'}
-                          className={{
-                            wrapper: 'w-full min-w-32',
-                          }}
-                          isSearchable={false}
-                          isClearable={type !== 'detail'}
-                        />
-                      </td>
-                      <td>
-                        <NumberInput
-                          required
-                          name={`eggs_grading.${idx}.qty`}
-                          value={grading.qty}
-                          onChange={handleGradingQtyChangeWrapper(idx)}
-                          onBlur={formik.handleBlur}
-                          decimalScale={0}
-                          allowNegative={false}
-                          thousandSeparator=','
-                          decimalSeparator='.'
-                          isError={
-                            isRepeaterInputError('eggs_grading', 'qty', idx)
-                              .isError ||
-                            (!isDataLoading &&
-                              (isGradingExceedsAvailable ||
-                                (isGradingIncomplete && hasUserStartedGrading)))
-                          }
-                          errorMessage={
-                            isRepeaterInputError('eggs_grading', 'qty', idx)
-                              .errorMessage ||
-                            (!isDataLoading && isGradingExceedsAvailable
-                              ? `Total grading melebihi telur yang tersedia (${totalKonsumsiBaikEggs})`
-                              : !isDataLoading &&
-                                  isGradingIncomplete &&
-                                  hasUserStartedGrading
-                                ? `Total grading (${currentGradingTotal}) harus sama dengan total telur konsumsi baik (${totalKonsumsiBaikEggs})`
-                                : undefined)
-                          }
-                          readOnly={type === 'detail'}
-                          className={{
-                            wrapper: 'w-full min-w-24',
-                          }}
-                          placeholder='Masukkan jumlah telur'
-                        />
-                      </td>
-                      {type !== 'detail' && (
-                        <td>
-                          <div className='flex items-center'>
-                            <Button
-                              type='button'
-                              color='error'
-                              onClick={() => removeGrading(idx)}
-                            >
-                              <Icon
-                                icon='mdi:trash-can'
-                                width={24}
-                                height={24}
-                              />
-                            </Button>
-                          </div>
-                        </td>
-                      )}
-                    </tr>
-                  ))}
-                </tbody>
-              </table>
-            </div>
-            {type !== 'detail' && (
-              <div className='flex justify-center items-center mt-4 gap-4'>
-                {selectedGradingItems.length > 0 && (
-                  <Button
-                    type='button'
-                    color='error'
-                    onClick={removeSelectedGrading}
-                    disabled={selectedGradingItems.length === 0}
-                    className='w-fit'
-                  >
-                    <Icon icon='mdi:trash-can' width={24} height={24} />
-                    Hapus Terpilih ({selectedGradingItems.length})
-                  </Button>
-                )}
-                <Button
-                  type='button'
-                  color='success'
-                  onClick={addGrading}
-                  className='w-fit'
-                >
-                  <Icon icon='ic:round-plus' width={24} height={24} />
-                  Tambah Grading
-                </Button>
-              </div>
-            )}
-          </Card>
-
-          {/* Action buttons */}
-          <div className='flex flex-row justify-between gap-2 flex-wrap'>
-            {type !== 'add' && (
-              <div className='flex flex-row justify-start gap-2'>
-                {deleteRecordingClickHandler && (
-                  <Button
-                    type='button'
-                    color='error'
-                    onClick={deleteRecordingClickHandler}
-                    className='px-4'
-                  >
-                    <Icon
-                      icon='material-symbols:delete-outline-rounded'
-                      width={24}
-                      height={24}
-                      className='justify-start text-sm'
-                    />
-                    Delete
-                  </Button>
-                )}
-                {type !== 'edit' && initialValues && (
-                  <Button
-                    type='button'
-                    color='warning'
-                    href={`/production/recording/grading/edit/?gradingId=${initialValues.id}`}
-                    className='px-4'
-                  >
-                    <Icon
-                      icon='material-symbols:edit-outline'
-                      width={24}
-                      height={24}
-                      className='justify-start text-sm'
-                    />
-                    Edit
-                  </Button>
-                )}
-              </div>
-            )}
-            {type !== 'detail' && (
-              <div
-                className={cn('flex flex-row justify-end gap-2', {
-                  'w-full': type === 'add',
-                })}
-              >
-                <Button
-                  type='reset'
-                  color='warning'
-                  className='px-4'
-                  onClick={(e) => {
-                    formik.handleReset(e);
-                    formik.validateForm();
-                  }}
-                >
-                  Reset
-                </Button>
-                <Button
-                  type='submit'
-                  color='primary'
-                  className='px-4'
-                  isLoading={formik.isSubmitting}
-                  disabled={
-                    !formik.isValid ||
-                    formik.isSubmitting ||
-                    isDataLoading ||
-                    isGradingExceedsAvailable ||
-                    (isGradingIncomplete && hasUserStartedGrading)
-                  }
-                >
-                  Submit
-                </Button>
-              </div>
-            )}
-          </div>
-          {gradingFormErrorMessage && (
-            <div role='alert' className='alert alert-error'>
-              <Icon
-                icon='material-symbols:error-outline'
-                width={24}
-                height={24}
-              />
-              <span>{gradingFormErrorMessage}</span>
-            </div>
-          )}
-        </form>
-      </section>
-
-      {/* ===== MODALS ===== */}
-      {type !== 'add' && (
-        <>
-          <ConfirmationModal
-            ref={deleteModal.ref}
-            type='error'
-            text='Apakah anda yakin ingin menghapus data Grading ini?'
-            secondaryButton={{
-              text: 'Tidak',
-            }}
-            primaryButton={{
-              text: 'Ya',
-              color: 'error',
-              isLoading: isDeleteLoading,
-              onClick: confirmationModalDeleteClickHandler,
-            }}
-          />
-        </>
-      )}
-    </>
-  );
-};
-
-export default GradingForm;
diff --git a/src/services/api/production.ts b/src/services/api/production.ts
index 4266f6b7..ea06615a 100644
--- a/src/services/api/production.ts
+++ b/src/services/api/production.ts
@@ -9,8 +9,6 @@ import {
   CreateRecordingPayload,
   Recording,
   UpdateRecordingPayload,
-  CreateGradingPayload,
-  UpdateGradingPayload,
   NextDayRecording,
 } from '@/types/api/production/recording';
 import { ProjectFlockKandang } from '@/types/api/production/project-flock-kandang';
@@ -64,28 +62,6 @@ export class RecordingService extends BaseApiService<
     });
   }
 
-  async createGrading(
-    payload: CreateGradingPayload
-  ): Promise<BaseApiResponse<unknown> | undefined> {
-    return await this.customRequest<BaseApiResponse<unknown>>('gradings', {
-      method: 'POST',
-      payload,
-    });
-  }
-
-  async updateGrading(
-    gradingId: number,
-    payload: UpdateGradingPayload
-  ): Promise<BaseApiResponse<unknown> | undefined> {
-    return await this.customRequest<BaseApiResponse<unknown>>(
-      `gradings/${gradingId}`,
-      {
-        method: 'PUT',
-        payload,
-      }
-    );
-  }
-
   async deleteGrading(
     gradingId: number
   ): Promise<BaseApiResponse<unknown> | undefined> {

From c3835d51286f370142327459931f324e0595af94 Mon Sep 17 00:00:00 2001
From: rstubryan <restubumirr@gmail.com>
Date: Mon, 8 Dec 2025 23:35:12 +0700
Subject: [PATCH 17/36] refactor(FE-319): Renumber RECORDINGS approval workflow
 steps

---
 src/config/constant.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/config/constant.ts b/src/config/constant.ts
index d4e08942..2786e951 100644
--- a/src/config/constant.ts
+++ b/src/config/constant.ts
@@ -262,11 +262,11 @@ export const APPROVAL_WORKFLOWS = [
     key: 'RECORDINGS',
     steps: [
       {
-        step_number: 2,
+        step_number: 1,
         step_name: 'Pengajuan',
       },
       {
-        step_number: 3,
+        step_number: 2,
         step_name: 'Disetujui',
       },
     ],

From 012fe800bcdf141f0c18e71a9c8f60bf7aa469f5 Mon Sep 17 00:00:00 2001
From: rstubryan <restubumirr@gmail.com>
Date: Mon, 8 Dec 2025 23:35:55 +0700
Subject: [PATCH 18/36] refactor(FE-318,319): Remove laying grading checks and
 simplify approval

---
 .../production/recording/RecordingTable.tsx   | 133 ++++--------------
 1 file changed, 27 insertions(+), 106 deletions(-)

diff --git a/src/components/pages/production/recording/RecordingTable.tsx b/src/components/pages/production/recording/RecordingTable.tsx
index 6cf254e7..27b2d5c6 100644
--- a/src/components/pages/production/recording/RecordingTable.tsx
+++ b/src/components/pages/production/recording/RecordingTable.tsx
@@ -35,28 +35,22 @@ const RowOptionsMenu = ({
   deleteClickHandler,
   approveClickHandler,
   rejectClickHandler,
-  isGradingCompleted,
 }: {
   type: 'dropdown' | 'collapse';
   props: CellContext<Recording, unknown>;
   deleteClickHandler: () => void;
   approveClickHandler: () => void;
   rejectClickHandler: () => void;
-  isGradingCompleted: (recording: Recording) => boolean;
 }) => {
-  const isLayingCategory =
-    props.row.original.project_flock_category === 'LAYING';
-
   const isRecordingApproved = (recording: Recording) => {
     return (
       recording.approval?.action === 'APPROVED' &&
-      recording.approval?.step_name === 'Disetujui' &&
-      recording.approval?.step_number === 3
+      recording.approval?.step_number === 2 &&
+      recording.approval?.step_name === 'Disetujui'
     );
   };
 
   const isApproved = isRecordingApproved(props.row.original);
-  const isGradingDone = isGradingCompleted(props.row.original);
 
   return (
     <RowOptionsMenuWrapper type={type}>
@@ -78,7 +72,7 @@ const RowOptionsMenu = ({
         <Icon icon='mdi:pencil-outline' width={16} height={16} />
         Edit
       </Button>
-      {!isApproved && !(isLayingCategory && !isGradingDone) && (
+      {!isApproved && (
         <Button
           onClick={approveClickHandler}
           variant='ghost'
@@ -89,7 +83,7 @@ const RowOptionsMenu = ({
           Approve
         </Button>
       )}
-      {!isApproved && !(isLayingCategory && !isGradingDone) && (
+      {!isApproved && (
         <Button
           onClick={rejectClickHandler}
           variant='ghost'
@@ -370,7 +364,7 @@ const RecordingTable = () => {
   const [isDeleteLoading, setIsDeleteLoading] = useState(false);
   const [isApproveLoading, setIsApproveLoading] = useState(false);
   const [isRejectLoading, setIsRejectLoading] = useState(false);
-  const [approvalNotes, setApprovalNotes] = useState('');
+  const [, setApprovalNotes] = useState('');
 
   const singleDeleteModal = useModal();
   const approveModal = useModal();
@@ -386,33 +380,10 @@ const RecordingTable = () => {
     RecordingApi.getAllFetcher
   );
 
-  const isRecordingFullyApproved = useCallback(
-    (recording: Recording): boolean => {
-      return (
-        recording.approval?.action === 'APPROVED' &&
-        recording.approval?.step_name === 'Disetujui' &&
-        Number(recording.approval?.step_number) === 3
-      );
-    },
-    []
-  );
-
-  const isRecordingApproved = useCallback(
-    (recording: Recording) => {
-      return isRecordingFullyApproved(recording);
-    },
-    [isRecordingFullyApproved]
-  );
-
-  const isGradingCompleted = useCallback((recording: Recording): boolean => {
-    if (recording.project_flock_category !== 'LAYING') {
-      return true;
-    }
-
+  const isRecordingApproved = useCallback((recording: Recording): boolean => {
     return (
-      recording.egg_grading_status === 'COMPLETED' ||
-      (recording.approval?.action === 'UPDATED' &&
-        recording.approval?.step_number === 2)
+      recording.approval?.action === 'APPROVED' &&
+      recording.approval?.step_name === 'Disetujui'
     );
   }, []);
 
@@ -506,19 +477,9 @@ const RecordingTable = () => {
     if (!isResponseSuccess(recordings) || !recordings.data) return [];
     return selectedRowIds.filter((id) => {
       const recording = recordings.data.find((r) => r.id === id);
-      if (!recording || isRecordingApproved(recording)) return false;
-
-      if (recording.project_flock_category === 'GROWING') {
-        return true;
-      }
-
-      if (recording.project_flock_category === 'LAYING') {
-        return isGradingCompleted(recording);
-      }
-
-      return false;
+      return recording && !isRecordingApproved(recording);
     });
-  }, [selectedRowIds, recordings, isRecordingApproved, isGradingCompleted]);
+  }, [selectedRowIds, recordings, isRecordingApproved]);
 
   useEffect(() => {
     if (isResponseSuccess(recordings) && recordings.data) {
@@ -530,14 +491,7 @@ const RecordingTable = () => {
             (r) => r.id === parseInt(rowId)
           );
           if (recording && !isRecordingApproved(recording)) {
-            if (recording.project_flock_category === 'GROWING') {
-              newSelection[rowId] = true;
-            } else if (
-              recording.project_flock_category === 'LAYING' &&
-              isGradingCompleted(recording)
-            ) {
-              newSelection[rowId] = true;
-            }
+            newSelection[rowId] = true;
           }
         }
       });
@@ -548,13 +502,7 @@ const RecordingTable = () => {
         setRowSelection(newSelection);
       }
     }
-  }, [
-    recordings,
-    rowSelection,
-    isRecordingApproved,
-    isGradingCompleted,
-    setRowSelection,
-  ]);
+  }, [recordings, rowSelection, isRecordingApproved, setRowSelection]);
 
   return (
     <div className='w-full p-0 sm:p-4'>
@@ -640,40 +588,28 @@ const RecordingTable = () => {
             id: 'select',
             header: ({ table }) => {
               const allRows = table.getRowModel().rows;
-
-              const selectableGrowingRows = allRows.filter((row) => {
+              const selectableRows = allRows.filter((row) => {
                 const recording = row.original;
-                return (
-                  recording.project_flock_category === 'GROWING' &&
-                  !isRecordingApproved(recording)
-                );
+                return !isRecordingApproved(recording);
               });
 
-              const hasNoSelectableGrowing = selectableGrowingRows.length === 0;
+              const hasNoSelectableRows = selectableRows.length === 0;
 
-              const handleSelectAllGrowing = () => {
-                const isAllSelected = selectableGrowingRows.every((row) =>
+              const handleSelectAll = () => {
+                const isAllSelected = selectableRows.every((row) =>
                   row.getIsSelected()
                 );
 
-                allRows.forEach((row) => {
-                  const recording = row.original;
-                  if (
-                    recording.project_flock_category === 'GROWING' &&
-                    !isRecordingApproved(recording)
-                  ) {
-                    row.toggleSelected(!isAllSelected);
-                  } else if (recording.project_flock_category === 'LAYING') {
-                    row.toggleSelected(false);
-                  }
+                selectableRows.forEach((row) => {
+                  row.toggleSelected(!isAllSelected);
                 });
               };
 
-              const isAllGrowingSelected =
-                selectableGrowingRows.length > 0 &&
-                selectableGrowingRows.every((row) => row.getIsSelected());
+              const isAllSelected =
+                selectableRows.length > 0 &&
+                selectableRows.every((row) => row.getIsSelected());
 
-              const isSomeGrowingSelected = selectableGrowingRows.some((row) =>
+              const isSomeSelected = selectableRows.some((row) =>
                 row.getIsSelected()
               );
 
@@ -681,33 +617,20 @@ const RecordingTable = () => {
                 <div className='w-full flex flex-row justify-center'>
                   <CheckboxInput
                     name='allRow'
-                    checked={isAllGrowingSelected}
-                    indeterminate={
-                      isSomeGrowingSelected && !isAllGrowingSelected
-                    }
-                    onChange={handleSelectAllGrowing}
-                    disabled={hasNoSelectableGrowing}
+                    checked={isAllSelected}
+                    indeterminate={isSomeSelected && !isAllSelected}
+                    onChange={handleSelectAll}
+                    disabled={hasNoSelectableRows}
                   />
                 </div>
               );
             },
             cell: ({ row }) => {
-              const isApproved = isRecordingApproved(row.original);
-              const isLayingCategory =
-                row.original.project_flock_category === 'LAYING';
-
-              if (isLayingCategory) {
-                return null;
-              }
-
-              const isDisabled = !row.getCanSelect() || isApproved;
-
               return (
                 <div>
                   <CheckboxInput
                     name='row'
                     checked={row.getIsSelected()}
-                    disabled={isDisabled}
                     indeterminate={row.getIsSomeSelected()}
                     onChange={row.getToggleSelectedHandler()}
                   />
@@ -883,7 +806,6 @@ const RecordingTable = () => {
                         deleteClickHandler={deleteClickHandler}
                         approveClickHandler={approveClickHandler}
                         rejectClickHandler={rejectClickHandler}
-                        isGradingCompleted={isGradingCompleted}
                       />
                     </RowDropdownOptions>
                   )}
@@ -896,7 +818,6 @@ const RecordingTable = () => {
                         deleteClickHandler={deleteClickHandler}
                         approveClickHandler={approveClickHandler}
                         rejectClickHandler={rejectClickHandler}
-                        isGradingCompleted={isGradingCompleted}
                       />
                     </RowCollapseOptions>
                   )}

From 6ee5bc3f1b27af872b72ce494dab1585eaa78e64 Mon Sep 17 00:00:00 2001
From: rstubryan <restubumirr@gmail.com>
Date: Mon, 8 Dec 2025 23:37:20 +0700
Subject: [PATCH 19/36] refactor(FE-318,319): Remove egg grading schema and UI
 logic

---
 .../recording/form/RecordingForm.schema.ts    |  53 ----
 .../recording/form/RecordingForm.tsx          | 226 +++---------------
 2 files changed, 38 insertions(+), 241 deletions(-)

diff --git a/src/components/pages/production/recording/form/RecordingForm.schema.ts b/src/components/pages/production/recording/form/RecordingForm.schema.ts
index 99496843..30013001 100644
--- a/src/components/pages/production/recording/form/RecordingForm.schema.ts
+++ b/src/components/pages/production/recording/form/RecordingForm.schema.ts
@@ -4,7 +4,6 @@ import {
   CreateGrowingRecordingPayload,
   CreateLayingRecordingPayload,
   CreateEggPayload,
-  CreateGradingPayload,
 } from '@/types/api/production/recording';
 
 type RecordingGrowingFormSchemaType = {
@@ -36,14 +35,6 @@ type RecordingLayingFormSchemaType = RecordingGrowingFormSchemaType & {
   }[];
 };
 
-type RecordingGradingFormSchemaType = {
-  eggs_grading: {
-    recording_egg_id: number;
-    grade: string;
-    qty: number | string;
-  }[];
-};
-
 export type BodyWeightSchema = {
   weight: number | string;
   avg_weight: number | string;
@@ -196,30 +187,6 @@ export const UpdateRecordingLayingFormSchema = RecordingLayingFormSchema.shape({
     .required('Project Flock Kandang wajib diisi!'),
 });
 
-export const RecordingGradingFormSchema: Yup.ObjectSchema<RecordingGradingFormSchemaType> =
-  Yup.object({
-    eggs_grading: Yup.array()
-      .of(
-        Yup.object({
-          recording_egg_id: Yup.number()
-            .required('Recording Egg ID wajib diisi!')
-            .min(1, 'Recording Egg ID minimal 1!')
-            .typeError('Recording Egg ID harus berupa angka!'),
-          grade: Yup.string()
-            .required('Grade telur wajib diisi!')
-            .typeError('Grade telur harus berupa string!'),
-          qty: Yup.number()
-            .required('Jumlah telur wajib diisi!')
-            .min(1, 'Jumlah telur minimal 1!')
-            .typeError('Jumlah telur harus berupa angka!'),
-        })
-      )
-      .min(1, 'Minimal harus ada 1 data grading telur!')
-      .required('Data grading telur wajib diisi!'),
-  });
-
-export const UpdateRecordingGradingFormSchema = RecordingGradingFormSchema;
-
 export type RecordingGrowingFormValues = Yup.InferType<
   typeof RecordingGrowingFormSchema
 >;
@@ -228,10 +195,6 @@ export type RecordingLayingFormValues = Yup.InferType<
   typeof RecordingLayingFormSchema
 >;
 
-export type RecordingGradingFormValues = Yup.InferType<
-  typeof RecordingGradingFormSchema
->;
-
 type RecordingFormData = Partial<Recording> & {
   body_weights?: CreateGrowingRecordingPayload['body_weights'];
   stocks?: CreateGrowingRecordingPayload['stocks'] | Recording['stocks'];
@@ -310,19 +273,3 @@ export const getRecordingLayingFormInitialValues = (
     },
   ],
 });
-
-export const getRecordingGradingFormInitialValues = (
-  initialValues?: Partial<CreateGradingPayload> & { recording_egg_id?: number }
-): RecordingGradingFormValues => ({
-  eggs_grading: initialValues?.eggs_grading?.map((grading) => ({
-    recording_egg_id: grading.recording_egg_id,
-    grade: grading.grade,
-    qty: grading.qty,
-  })) ?? [
-    {
-      recording_egg_id: initialValues?.recording_egg_id ?? 0,
-      grade: '',
-      qty: '',
-    },
-  ],
-});
diff --git a/src/components/pages/production/recording/form/RecordingForm.tsx b/src/components/pages/production/recording/form/RecordingForm.tsx
index f6058d70..ca2ae8ba 100644
--- a/src/components/pages/production/recording/form/RecordingForm.tsx
+++ b/src/components/pages/production/recording/form/RecordingForm.tsx
@@ -16,7 +16,6 @@ import CheckboxInput from '@/components/input/CheckboxInput';
 import ConfirmationModal from '@/components/modal/ConfirmationModal';
 import ConfirmationModalWithNotes from '@/components/modal/ConfirmationModalWithNotes';
 import { useModal } from '@/components/Modal';
-import Tooltip from '@/components/Tooltip';
 
 import {
   ProjectFlockKandangApi,
@@ -98,9 +97,7 @@ const RecordingForm = ({ type = 'add', initialValues }: RecordingFormProps) => {
   const [recordingFormErrorMessage, setRecordingFormErrorMessage] =
     useState('');
   const [isDeleteLoading, setIsDeleteLoading] = useState(false);
-  const [newRecordingData, setNewRecordingData] = useState<Recording | null>(
-    null
-  );
+  const [, setNewRecordingData] = useState<Recording | null>(null);
   const [nextDayRecording, setNextDayRecording] =
     useState<NextDayRecording | null>(null);
 
@@ -111,18 +108,7 @@ const RecordingForm = ({ type = 'add', initialValues }: RecordingFormProps) => {
   const isRecordingApproved = useCallback((recording?: Recording) => {
     return (
       recording?.approval?.action === 'APPROVED' &&
-      recording?.approval?.step_name === 'Disetujui' &&
-      recording?.approval?.step_number === 2
-    );
-  }, []);
-
-  const hasGradingData = useCallback((recording?: Recording) => {
-    if (!recording || !recording.eggs) return false;
-    return recording.eggs.some(
-      (egg) =>
-        egg.gradings &&
-        egg.gradings.length > 0 &&
-        egg.gradings.some((grading) => grading.qty > 0)
+      recording?.approval?.step_name === 'Disetujui'
     );
   }, []);
 
@@ -207,35 +193,6 @@ const RecordingForm = ({ type = 'add', initialValues }: RecordingFormProps) => {
     [router]
   );
 
-  const createRecordingHandlerWithRedirect = useCallback(
-    async (
-      payload: CreateGrowingRecordingPayload | CreateLayingRecordingPayload,
-      redirectToGrading: boolean = false
-    ) => {
-      const res = await RecordingApi.create(payload);
-      if (isResponseError(res)) {
-        setRecordingFormErrorMessage(res.message);
-        return null;
-      }
-
-      toast.success(res?.message as string);
-
-      if (res?.status === 'success' && res.data) {
-        setNewRecordingData(res.data);
-        return res.data;
-      }
-
-      if (redirectToGrading) {
-        toast.error(
-          'Gagal mendapatkan ID recording. Silakan coba dari halaman list.'
-        );
-        router.push('/production/recording');
-      }
-      return null;
-    },
-    [router]
-  );
-
   const updateRecordingHandler = useCallback(
     async (
       recordingId: number,
@@ -654,7 +611,6 @@ const RecordingForm = ({ type = 'add', initialValues }: RecordingFormProps) => {
         const hasPakanFlag = product.product.flags?.includes('PAKAN');
         const hasOvkFlag = product.product.flags?.includes('OVK');
 
-        // Only include products that are in the same location as the selected kandang
         if (hasPakanFlag || hasOvkFlag) {
           options.push({
             value: product.id,
@@ -694,7 +650,6 @@ const RecordingForm = ({ type = 'add', initialValues }: RecordingFormProps) => {
       depletionProductsData.data.forEach((product) => {
         const productName = product.product.name;
 
-        // Filter for depletion-related products (culling, mati, afkir)
         if (
           productName.toLowerCase().includes('culling') ||
           productName.toLowerCase().includes('mati') ||
@@ -736,7 +691,6 @@ const RecordingForm = ({ type = 'add', initialValues }: RecordingFormProps) => {
       eggProductsData.data.forEach((product) => {
         const productName = product.product.name;
 
-        // Filter for egg-related products
         if (
           productName.toLowerCase().includes('telur') ||
           productName.toLowerCase().includes('egg') ||
@@ -1023,54 +977,6 @@ const RecordingForm = ({ type = 'add', initialValues }: RecordingFormProps) => {
     );
   }, [formik.values.stocks, getStockUsageError, type]);
 
-  const hasConsumableEggs = useMemo(() => {
-    if (!isLayingCategory) return false;
-    const layingValues = formik.values as RecordingLayingFormValues;
-    if (!layingValues.eggs || layingValues.eggs.length === 0) return false;
-
-    return layingValues.eggs.some((egg) => {
-      if (!egg.product_warehouse_id || Number(egg.qty) <= 0) return false;
-
-      const product = eggProducts.find(
-        (opt) => opt.value === egg.product_warehouse_id
-      );
-
-      if (!product) return false;
-
-      const productName = product.label.toLowerCase();
-      return (
-        productName.includes('konsumsi') &&
-        productName.includes('baik') &&
-        Number(egg.qty) > 0
-      );
-    });
-  }, [isLayingCategory, formik.values, eggProducts]);
-
-  const hasConsumableEggsInRecording = useCallback((recording?: Recording) => {
-    if (!recording || !recording.eggs || recording.eggs.length === 0)
-      return false;
-
-    return recording.eggs.some((egg) => {
-      if (!egg.product_warehouse || !egg.product_warehouse.product)
-        return false;
-      if (Number(egg.qty) <= 0) return false;
-
-      const productName = egg.product_warehouse.product.name.toLowerCase();
-      return (
-        productName.includes('konsumsi') &&
-        productName.includes('baik') &&
-        Number(egg.qty) > 0
-      );
-    });
-  }, []);
-
-  const hasConsumableEggsInCurrentRecording = useMemo(() => {
-    return (
-      hasConsumableEggsInRecording(initialValues) ||
-      hasConsumableEggsInRecording(newRecordingData || undefined)
-    );
-  }, [initialValues, newRecordingData, hasConsumableEggsInRecording]);
-
   const isRepeaterInputError = (
     arrayName: 'body_weights' | 'stocks' | 'depletions' | 'eggs',
     column: string,
@@ -1282,7 +1188,6 @@ const RecordingForm = ({ type = 'add', initialValues }: RecordingFormProps) => {
     setIsRejectLoading(false);
   };
 
-  // Body Weights Handlers
   const addBodyWeight = () => {
     const newBodyWeights = [
       ...(formik.values.body_weights || []),
@@ -1401,7 +1306,6 @@ const RecordingForm = ({ type = 'add', initialValues }: RecordingFormProps) => {
     setSelectedBodyWeights([]);
   };
 
-  // Stocks Handlers
   const addStock = () => {
     const newStocks = [
       ...(formik.values.stocks || []),
@@ -1434,7 +1338,6 @@ const RecordingForm = ({ type = 'add', initialValues }: RecordingFormProps) => {
     setSelectedStocks([]);
   };
 
-  // Depletions Handlers
   const addDepletion = () => {
     const newDepletions = [
       ...(formik.values.depletions || []),
@@ -1469,7 +1372,6 @@ const RecordingForm = ({ type = 'add', initialValues }: RecordingFormProps) => {
     setSelectedDepletions([]);
   };
 
-  // Eggs Handlers
   const addEgg = () => {
     const newEggs = [
       ...((formik.values as RecordingLayingFormValues).eggs || []),
@@ -1581,47 +1483,37 @@ const RecordingForm = ({ type = 'add', initialValues }: RecordingFormProps) => {
               Kembali
             </Button>
 
-            {type === 'detail' &&
-              !isRecordingApproved(initialValues) &&
-              (!isLayingCategory || hasGradingData(initialValues)) && (
-                <div className='flex flex-row gap-2'>
-                  <Button
-                    variant='outline'
-                    color='success'
-                    onClick={() => {
-                      setApprovalNotes('');
-                      approveModal.openModal();
-                    }}
-                    isLoading={isApproveLoading}
-                    className='w-full sm:w-fit'
-                  >
-                    <Icon
-                      icon='material-symbols:check'
-                      width={24}
-                      height={24}
-                    />
-                    Approve
-                  </Button>
+            {type === 'detail' && !isRecordingApproved(initialValues) && (
+              <div className='flex flex-row gap-2'>
+                <Button
+                  variant='outline'
+                  color='success'
+                  onClick={() => {
+                    setApprovalNotes('');
+                    approveModal.openModal();
+                  }}
+                  isLoading={isApproveLoading}
+                  className='w-full sm:w-fit'
+                >
+                  <Icon icon='material-symbols:check' width={24} height={24} />
+                  Approve
+                </Button>
 
-                  <Button
-                    variant='outline'
-                    color='error'
-                    onClick={() => {
-                      setApprovalNotes('');
-                      rejectModal.openModal();
-                    }}
-                    isLoading={isRejectLoading}
-                    className='w-full sm:w-fit'
-                  >
-                    <Icon
-                      icon='material-symbols:close'
-                      width={24}
-                      height={24}
-                    />
-                    Reject
-                  </Button>
-                </div>
-              )}
+                <Button
+                  variant='outline'
+                  color='error'
+                  onClick={() => {
+                    setApprovalNotes('');
+                    rejectModal.openModal();
+                  }}
+                  isLoading={isRejectLoading}
+                  className='w-full sm:w-fit'
+                >
+                  <Icon icon='material-symbols:close' width={24} height={24} />
+                  Reject
+                </Button>
+              </div>
+            )}
           </div>
 
           <h1 className='text-2xl font-bold text-center'>
@@ -1928,7 +1820,7 @@ const RecordingForm = ({ type = 'add', initialValues }: RecordingFormProps) => {
                   {formik.values.body_weights?.map((bw, idx) => (
                     <tr key={`body-weight-${idx}`}>
                       {(type as 'add' | 'edit' | 'detail') !== 'detail' && (
-                        <td className='!align-middle'>
+                        <td className='align-middle!'>
                           <CheckboxInput
                             name={`body-weight-${idx}`}
                             checked={selectedBodyWeights.includes(idx)}
@@ -2178,7 +2070,7 @@ const RecordingForm = ({ type = 'add', initialValues }: RecordingFormProps) => {
                   {formik.values.stocks?.map((stock, idx) => (
                     <tr key={`stock-${idx}`}>
                       {(type as 'add' | 'edit' | 'detail') !== 'detail' && (
-                        <td className='!align-middle'>
+                        <td className='align-middle!'>
                           <CheckboxInput
                             name={`stock-${idx}`}
                             checked={selectedStocks.includes(idx)}
@@ -2398,7 +2290,7 @@ const RecordingForm = ({ type = 'add', initialValues }: RecordingFormProps) => {
                   {formik.values.depletions?.map((depletion, idx) => (
                     <tr key={`depletion-${idx}`}>
                       {(type as 'add' | 'edit' | 'detail') !== 'detail' && (
-                        <td className='!align-middle'>
+                        <td className='align-middle!'>
                           <CheckboxInput
                             name={`depletion-${idx}`}
                             checked={selectedDepletions.includes(idx)}
@@ -2618,7 +2510,7 @@ const RecordingForm = ({ type = 'add', initialValues }: RecordingFormProps) => {
                       (egg, idx) => (
                         <tr key={`egg-${idx}`}>
                           {(type as 'add' | 'edit' | 'detail') !== 'detail' && (
-                            <td className='!align-middle'>
+                            <td className='align-middle!'>
                               <CheckboxInput
                                 name={`egg-${idx}`}
                                 checked={selectedEggs.includes(idx)}
@@ -2823,46 +2715,6 @@ const RecordingForm = ({ type = 'add', initialValues }: RecordingFormProps) => {
             </div>
             {/* Right side actions */}
             <div className='flex flex-col sm:flex-row sm:justify-end gap-2 w-full sm:w-auto'>
-              {type === 'detail' && isLayingCategory && (
-                <Tooltip
-                  content={
-                    hasConsumableEggsInCurrentRecording
-                      ? 'Lanjut ke proses grading untuk telur konsumsi baik'
-                      : 'Hanya bisa melanjutkan ke grading jika ada Telur Konsumsi Baik'
-                  }
-                  position='left'
-                  color={
-                    hasConsumableEggsInCurrentRecording ? 'info' : 'warning'
-                  }
-                >
-                  <Button
-                    type='button'
-                    color='primary'
-                    disabled={!hasConsumableEggsInCurrentRecording}
-                    className='w-full sm:w-auto'
-                    onClick={() => {
-                      const recordingId =
-                        newRecordingData?.id || initialValues?.id;
-                      if (recordingId) {
-                        router.push(
-                          `/production/recording/grading/add?recording_id=${recordingId}`
-                        );
-                      } else {
-                        toast.error(
-                          'Recording ID tidak ditemukan. Silakan refresh halaman.'
-                        );
-                      }
-                    }}
-                  >
-                    <Icon icon='material-symbols:egg' width={24} height={24} />
-                    {hasGradingData(initialValues) ||
-                    hasGradingData(newRecordingData || undefined)
-                      ? 'Edit Grading'
-                      : 'Lanjut ke Grading'}
-                  </Button>
-                </Tooltip>
-              )}
-
               {type === 'edit' && (
                 <div className='flex flex-col sm:flex-row gap-2 w-full sm:w-auto'>
                   <Button
@@ -2951,8 +2803,7 @@ const RecordingForm = ({ type = 'add', initialValues }: RecordingFormProps) => {
 
           {/* Approve Confirmation Modal */}
           {(type as 'add' | 'edit' | 'detail') === 'detail' &&
-            !isRecordingApproved(initialValues) &&
-            (!isLayingCategory || hasGradingData(initialValues)) && (
+            !isRecordingApproved(initialValues) && (
               <ConfirmationModalWithNotes
                 ref={approveModal.ref}
                 type='success'
@@ -2974,8 +2825,7 @@ const RecordingForm = ({ type = 'add', initialValues }: RecordingFormProps) => {
 
           {/* Reject Confirmation Modal */}
           {(type as 'add' | 'edit' | 'detail') === 'detail' &&
-            !isRecordingApproved(initialValues) &&
-            (!isLayingCategory || hasGradingData(initialValues)) && (
+            !isRecordingApproved(initialValues) && (
               <ConfirmationModalWithNotes
                 ref={rejectModal.ref}
                 type='error'

From a45de4fb131580d73be9725a83be50983129ed19 Mon Sep 17 00:00:00 2001
From: rstubryan <restubumirr@gmail.com>
Date: Tue, 9 Dec 2025 09:58:15 +0700
Subject: [PATCH 20/36] refactor(FE-311): Remove grand_total and due_date from
 purchases

---
 .../pages/purchase/PurchaseTable.tsx          | 15 +----------
 .../purchase/order/PurchaseOrderDetail.tsx    | 25 ++++++-------------
 src/types/api/purchase/purchase.d.ts          |  3 +--
 3 files changed, 9 insertions(+), 34 deletions(-)

diff --git a/src/components/pages/purchase/PurchaseTable.tsx b/src/components/pages/purchase/PurchaseTable.tsx
index bf59d5ee..a77e1158 100644
--- a/src/components/pages/purchase/PurchaseTable.tsx
+++ b/src/components/pages/purchase/PurchaseTable.tsx
@@ -16,7 +16,7 @@ import RowDropdownOptions from '@/components/table/RowDropdownOptions';
 import RowCollapseOptions from '@/components/table/RowCollapseOptions';
 import RowOptionsMenuWrapper from '@/components/table/RowOptionsMenuWrapper';
 
-import { cn, formatDate, formatCurrency } from '@/lib/helper';
+import { cn, formatDate } from '@/lib/helper';
 import { isResponseSuccess } from '@/lib/api-helper';
 
 import { useTableFilter } from '@/services/hooks/useTableFilter';
@@ -136,14 +136,6 @@ const PurchaseTable = () => {
           ? formatDate(props.row.original.po_date, 'DD MMM YYYY')
           : '-',
     },
-    {
-      accessorKey: 'due_date',
-      header: 'Jatuh Tempo',
-      cell: (props) =>
-        props.row.original.due_date
-          ? formatDate(props.row.original.due_date, 'DD MMM YYYY')
-          : '-',
-    },
     {
       header: 'Aging',
       cell: (props) => {
@@ -156,11 +148,6 @@ const PurchaseTable = () => {
         return `${diffDays} hari`;
       },
     },
-    {
-      accessorKey: 'grand_total',
-      header: 'Total (Rp.)',
-      cell: (props) => formatCurrency(props.row.original.grand_total),
-    },
     {
       header: 'Aksi',
       cell: (props) => {
diff --git a/src/components/pages/purchase/order/PurchaseOrderDetail.tsx b/src/components/pages/purchase/order/PurchaseOrderDetail.tsx
index 2ca16480..cf7805fb 100644
--- a/src/components/pages/purchase/order/PurchaseOrderDetail.tsx
+++ b/src/components/pages/purchase/order/PurchaseOrderDetail.tsx
@@ -642,7 +642,7 @@ const PurchaseOrderDetail = ({
             <div className='space-y-4'>
               <div className='group'>
                 <div className='flex items-start'>
-                  <span className='font-medium text-gray-600 min-w-[140px] flex-shrink-0'>
+                  <span className='font-medium text-gray-600 min-w-[140px] shrink-0'>
                     Area
                   </span>
                   <span className='text-gray-900 ml-3 break-all'>
@@ -652,7 +652,7 @@ const PurchaseOrderDetail = ({
               </div>
               <div className='group'>
                 <div className='flex items-start'>
-                  <span className='font-medium text-gray-600 min-w-[140px] flex-shrink-0'>
+                  <span className='font-medium text-gray-600 min-w-[140px] shrink-0'>
                     Lokasi
                   </span>
                   <span className='text-gray-900 ml-3 break-all'>
@@ -666,7 +666,7 @@ const PurchaseOrderDetail = ({
               </div>
               <div className='group'>
                 <div className='flex items-start'>
-                  <span className='font-medium text-gray-600 min-w-[140px] flex-shrink-0'>
+                  <span className='font-medium text-gray-600 min-w-[140px] shrink-0'>
                     Gudang
                   </span>
                   <span className='text-gray-900 ml-3 break-all'>
@@ -680,7 +680,7 @@ const PurchaseOrderDetail = ({
             <div className='space-y-4'>
               <div className='group'>
                 <div className='flex items-start'>
-                  <span className='font-medium text-gray-600 min-w-[140px] flex-shrink-0'>
+                  <span className='font-medium text-gray-600 min-w-[140px] shrink-0'>
                     Nama Vendor
                   </span>
                   <span className='text-gray-900 font-medium ml-3 break-all'>
@@ -691,7 +691,7 @@ const PurchaseOrderDetail = ({
               </div>
               <div className='group'>
                 <div className='flex items-start'>
-                  <span className='font-medium text-gray-600 min-w-[140px] flex-shrink-0'>
+                  <span className='font-medium text-gray-600 min-w-[140px] shrink-0'>
                     Kategori Vendor
                   </span>
                   <span className='text-gray-900 ml-3 break-all'>
@@ -701,18 +701,7 @@ const PurchaseOrderDetail = ({
               </div>
               <div className='group'>
                 <div className='flex items-start'>
-                  <span className='font-medium text-gray-600 min-w-[140px] flex-shrink-0'>
-                    Tgl. Jatuh Tempo
-                  </span>
-                  <span className='text-gray-900 ml-3 break-all'>
-                    : {formatDate(purchaseData.due_date, 'D MMM YYYY')} (
-                    {purchaseData.credit_term} hari)
-                  </span>
-                </div>
-              </div>
-              <div className='group'>
-                <div className='flex items-start'>
-                  <span className='font-medium text-gray-600 min-w-[140px] flex-shrink-0'>
+                  <span className='font-medium text-gray-600 min-w-[140px] shrink-0'>
                     Nomor
                   </span>
                   <span className='text-gray-900 ml-3 break-all'>
@@ -722,7 +711,7 @@ const PurchaseOrderDetail = ({
               </div>
               <div className='group'>
                 <div className='flex items-start'>
-                  <span className='font-medium text-gray-600 min-w-[140px] flex-shrink-0'>
+                  <span className='font-medium text-gray-600 min-w-[140px] shrink-0'>
                     Nomor PO
                   </span>
                   <div className='ml-3'>
diff --git a/src/types/api/purchase/purchase.d.ts b/src/types/api/purchase/purchase.d.ts
index 93d6e610..50221bfa 100644
--- a/src/types/api/purchase/purchase.d.ts
+++ b/src/types/api/purchase/purchase.d.ts
@@ -51,9 +51,8 @@ export type BasePurchase = {
   po_document_path?: string | null;
   po_date: string;
   supplier: Supplier;
-  credit_term: number;
+  credit_term?: number;
   due_date: string;
-  grand_total: number;
   notes?: string | null;
   deleted_at?: string | null;
   created_by: number;

From 8e80d668fa178ceda849879ab67d334b5f4a186b Mon Sep 17 00:00:00 2001
From: rstubryan <restubumirr@gmail.com>
Date: Tue, 9 Dec 2025 10:13:48 +0700
Subject: [PATCH 21/36] refactor(FE-311): Remove credit_term from purchase
 request data and UI

---
 .../request/PurchaseRequestForm.schema.ts     |  6 --
 .../form/request/PurchaseRequestForm.tsx      | 79 +------------------
 .../purchase/order/PurchaseOrderInvoice.tsx   |  3 -
 src/types/api/purchase/purchase.d.ts          |  2 -
 4 files changed, 2 insertions(+), 88 deletions(-)

diff --git a/src/components/pages/purchase/form/request/PurchaseRequestForm.schema.ts b/src/components/pages/purchase/form/request/PurchaseRequestForm.schema.ts
index 414371c3..05167715 100644
--- a/src/components/pages/purchase/form/request/PurchaseRequestForm.schema.ts
+++ b/src/components/pages/purchase/form/request/PurchaseRequestForm.schema.ts
@@ -7,7 +7,6 @@ type PurchaseRequestFormSchemaType = {
     label: string;
   } | null;
   supplier_id: number;
-  credit_term: number;
   area?: {
     value: number;
     label: string;
@@ -78,10 +77,6 @@ export const PurchaseRequestFormSchema: Yup.ObjectSchema<PurchaseRequestFormSche
       value: Yup.number().min(1).required(),
       label: Yup.string().required(),
     }).nullable(),
-    credit_term: Yup.number()
-      .required('Jangka waktu kredit wajib diisi!')
-      .min(0, 'Jangka waktu kredit tidak boleh kurang dari 0!')
-      .typeError('Jangka waktu kredit wajib diisi!'),
     supplier_id: Yup.number()
       .required('Supplier wajib dipilih!')
       .min(1, 'Supplier wajib dipilih!')
@@ -124,7 +119,6 @@ export const getPurchaseRequestFormInitialValues = (
       }
     : null,
   supplier_id: initialValues?.supplier?.id ?? 0,
-  credit_term: initialValues?.credit_term ?? 0,
   area: initialValues?.area
     ? {
         value: initialValues.area.id,
diff --git a/src/components/pages/purchase/form/request/PurchaseRequestForm.tsx b/src/components/pages/purchase/form/request/PurchaseRequestForm.tsx
index 396ce7bb..e532ad2a 100644
--- a/src/components/pages/purchase/form/request/PurchaseRequestForm.tsx
+++ b/src/components/pages/purchase/form/request/PurchaseRequestForm.tsx
@@ -185,10 +185,6 @@ const PurchaseRequestForm = ({
           typeof values.supplier_id === 'string'
             ? parseInt(values.supplier_id) || 0
             : values.supplier_id || 0,
-        credit_term:
-          typeof values.credit_term === 'string'
-            ? parseInt(values.credit_term) || 0
-            : values.credit_term || 0,
         notes: values.notes || '',
         items: (values.items || []).map((item) => ({
           warehouse_id: Number(item.warehouse_id) || 0,
@@ -342,27 +338,6 @@ const PurchaseRequestForm = ({
   };
 
   // ===== UTILITY FUNCTIONS =====
-  const updateCreditTermBasedOnSupplier = useCallback(
-    (supplierId: number) => {
-      if (supplierId > 0 && isResponseSuccess(supplierRawData)) {
-        const supplierData = supplierRawData.data.find(
-          (s: Supplier) => s.id === supplierId
-        );
-        if (supplierData?.due_date) {
-          formik.setFieldTouched('credit_term', false);
-          formik.setFieldValue('credit_term', supplierData.due_date.toString());
-        } else {
-          formik.setFieldTouched('credit_term', false);
-          formik.setFieldValue('credit_term', '');
-        }
-      } else {
-        formik.setFieldTouched('credit_term', false);
-        formik.setFieldValue('credit_term', '');
-      }
-    },
-    [supplierRawData]
-  );
-
   const resetPurchaseItems = useCallback(() => {
     if (formik.values.items) {
       formik.values.items.forEach((_, idx) => {
@@ -377,16 +352,6 @@ const PurchaseRequestForm = ({
   }, []);
 
   // ===== SIDE EFFECTS =====
-  useEffect(() => {
-    if (formik.values.supplier_id && Number(formik.values.supplier_id) > 0) {
-      updateCreditTermBasedOnSupplier(Number(formik.values.supplier_id));
-      resetPurchaseItems();
-    } else {
-      formik.setFieldTouched('credit_term', false);
-      formik.setFieldValue('credit_term', '');
-      resetPurchaseItems();
-    }
-  }, [formik.values.supplier_id]);
 
   // ===== FORM HANDLERS =====
   const handleSupplierChange = useCallback(
@@ -402,23 +367,6 @@ const PurchaseRequestForm = ({
     []
   );
 
-  const handleCreditTermChange = useCallback(
-    (e: React.ChangeEvent<HTMLInputElement>) => {
-      const value = e.target.value;
-
-      formik.setFieldTouched('credit_term', true);
-      formik.setFieldValue('credit_term', value);
-    },
-    []
-  );
-
-  const handleCreditTermBlur = useCallback(
-    (e: React.FocusEvent<HTMLInputElement>) => {
-      formik.handleBlur(e);
-    },
-    [formik]
-  );
-
   const handleAreaChange = useCallback(
     (val: OptionType | OptionType[] | null) => {
       const area = val as OptionType | null;
@@ -499,7 +447,7 @@ const PurchaseRequestForm = ({
               body: 'flex flex-col gap-6',
             }}
           >
-            <div className={'grid grid-cols-1 md:grid-cols-2 gap-6'}>
+            <div className={'grid grid-cols-1 md:grid-cols-3 gap-6'}>
               <SelectInput
                 required
                 label='Vendor'
@@ -518,29 +466,6 @@ const PurchaseRequestForm = ({
                 isClearable
               />
 
-              <NumberInput
-                required={!!formik.values.supplier_id}
-                label='Jatuh tempo (hari)'
-                name='credit_term'
-                value={formik.values.credit_term || ''}
-                onChange={handleCreditTermChange}
-                onBlur={handleCreditTermBlur}
-                isError={
-                  formik.touched.credit_term &&
-                  Boolean(formik.errors.credit_term)
-                }
-                errorMessage={formik.errors.credit_term as string}
-                readOnly={type === 'detail' || !formik.values.supplier_id}
-                disabled={type === 'detail' || !formik.values.supplier_id}
-                allowNegative={false}
-                decimalScale={0}
-                placeholder={
-                  !formik.values.supplier_id
-                    ? 'Pilih Vendor terlebih dahulu'
-                    : 'Masukkan jumlah hari jatuh tempo'
-                }
-              />
-
               <SelectInput
                 label='Area'
                 placeholder='Pilih Area...'
@@ -565,7 +490,7 @@ const PurchaseRequestForm = ({
                 isClearable={type !== 'detail'}
               />
 
-              <div className={'col-span-2'}>
+              <div className={'md:col-span-3'}>
                 <TextInput
                   label='Notes'
                   name='notes'
diff --git a/src/components/pages/purchase/order/PurchaseOrderInvoice.tsx b/src/components/pages/purchase/order/PurchaseOrderInvoice.tsx
index 36aea9c7..3ee48623 100644
--- a/src/components/pages/purchase/order/PurchaseOrderInvoice.tsx
+++ b/src/components/pages/purchase/order/PurchaseOrderInvoice.tsx
@@ -309,9 +309,6 @@ const PurchaseOrderInvoice = ({ data }: PurchaseOrderInvoiceProps) => {
                     {purchaseData?.supplier?.alias || ''})
                   </Text>
                   <Text>{purchaseData?.supplier?.category || '-'}</Text>
-                  <Text>
-                    Credit Term: {purchaseData?.credit_term || 0} hari
-                  </Text>
                   <Text>
                     Due Date:{' '}
                     {purchaseData?.due_date
diff --git a/src/types/api/purchase/purchase.d.ts b/src/types/api/purchase/purchase.d.ts
index 50221bfa..e596187a 100644
--- a/src/types/api/purchase/purchase.d.ts
+++ b/src/types/api/purchase/purchase.d.ts
@@ -51,7 +51,6 @@ export type BasePurchase = {
   po_document_path?: string | null;
   po_date: string;
   supplier: Supplier;
-  credit_term?: number;
   due_date: string;
   notes?: string | null;
   deleted_at?: string | null;
@@ -67,7 +66,6 @@ export type Purchase = BaseMetadata & BasePurchase;
 
 export type CreatePurchaseRequestPayload = {
   supplier_id: number;
-  credit_term: number;
   notes?: string | null;
   items: {
     warehouse_id: number;

From 429f5ffb629e36ceb44c02f5f01f092a2f400a1d Mon Sep 17 00:00:00 2001
From: rstubryan <restubumirr@gmail.com>
Date: Wed, 10 Dec 2025 13:30:40 +0700
Subject: [PATCH 22/36] feat(FE-311): Add rejection modals and accept handler

---
 .../purchase/order/PurchaseOrderDetail.tsx    | 91 +++++++++++++++++++
 src/types/api/purchase/purchase.d.ts          |  2 +-
 2 files changed, 92 insertions(+), 1 deletion(-)

diff --git a/src/components/pages/purchase/order/PurchaseOrderDetail.tsx b/src/components/pages/purchase/order/PurchaseOrderDetail.tsx
index cf7805fb..eb01aec7 100644
--- a/src/components/pages/purchase/order/PurchaseOrderDetail.tsx
+++ b/src/components/pages/purchase/order/PurchaseOrderDetail.tsx
@@ -27,6 +27,7 @@ import PurchaseOrderInvoice from '@/components/pages/purchase/order/PurchaseOrde
 
 import Card from '@/components/Card';
 import {
+  CreateAcceptApprovalRequestPayload,
   CreateManagerApprovalRequestPayload,
   CreateStaffApprovalRequestPayload,
   Purchase,
@@ -88,6 +89,8 @@ const PurchaseOrderDetail = ({
   const staffApprovalModal = useModal();
   const staffRejectionModal = useModal();
   const acceptApprovalModal = useModal();
+  const acceptRejectionModal = useModal();
+  const managerRejectionModal = useModal();
   const editModal = useModal();
   const penerimaanBarangModal = useModal();
   const deleteModal = useModal();
@@ -216,6 +219,12 @@ const PurchaseOrderDetail = ({
       case 1:
         staffRejectionModal.openModal();
         break;
+      case 2:
+        managerRejectionModal.openModal();
+        break;
+      case 3:
+        acceptRejectionModal.openModal();
+        break;
       default:
         break;
     }
@@ -296,6 +305,33 @@ const PurchaseOrderDetail = ({
     [initialValues?.id, searchParams, refetchData]
   );
 
+  const createAcceptApprovalHandler = useCallback(
+    async (payload: CreateAcceptApprovalRequestPayload) => {
+      const purchaseRequestId = searchParams.get('purchaseId')
+        ? parseInt(searchParams.get('purchaseId')!)
+        : initialValues?.id || 1;
+
+      if (!purchaseRequestId) {
+        toast.error('Purchase Request ID is required');
+        return;
+      }
+
+      const res = await PurchaseApi.acceptApproval.create(
+        purchaseRequestId,
+        payload
+      );
+
+      if (isResponseError(res)) {
+        toast.error(res.message);
+        return;
+      }
+      toast.success(res?.message as string);
+      refreshApprovals();
+      refetchData?.();
+    },
+    [initialValues?.id, searchParams, refreshApprovals, refetchData]
+  );
+
   // ===== MODAL HANDLERS =====
   const handleStaffApprovalModalClose = useCallback(() => {
     refreshApprovals();
@@ -1026,6 +1062,61 @@ const PurchaseOrderDetail = ({
         }}
       />
 
+      {/* Accept Rejection Modal */}
+      <ConfirmationModalWithNotes
+        ref={acceptRejectionModal.ref}
+        type='error'
+        text='Apakah Anda yakin ingin menolak (reject) penerimaan barang ini?'
+        placeholder='(Opsional) Masukkan alasan penolakan...'
+        rows={4}
+        closeOnBackdrop
+        primaryButton={{
+          text: 'Ya, Tolak',
+          color: 'error',
+          onClick: async (notes) => {
+            const payload: CreateAcceptApprovalRequestPayload = {
+              action: 'REJECTED',
+              notes: notes || null,
+              items: [],
+            };
+
+            await createAcceptApprovalHandler(payload);
+            await refetchData?.();
+            acceptRejectionModal.closeModal();
+          },
+        }}
+        secondaryButton={{
+          text: 'Batal',
+        }}
+      />
+
+      {/* Manager Rejection Modal */}
+      <ConfirmationModalWithNotes
+        ref={managerRejectionModal.ref}
+        type='error'
+        text='Apakah Anda yakin ingin menolak (reject) approval manajer untuk permintaan pembelian ini?'
+        placeholder='(Opsional) Masukkan alasan penolakan...'
+        rows={4}
+        closeOnBackdrop
+        primaryButton={{
+          text: 'Ya, Tolak',
+          color: 'error',
+          onClick: async (notes) => {
+            const payload: CreateManagerApprovalRequestPayload = {
+              action: 'REJECTED',
+              notes: notes || null,
+            };
+
+            await createManagerApprovalHandler(payload);
+            await refetchData?.();
+            managerRejectionModal.closeModal();
+          },
+        }}
+        secondaryButton={{
+          text: 'Batal',
+        }}
+      />
+
       {/* Delete Confirmation Modal */}
       <ConfirmationModal
         ref={deleteModal.ref}
diff --git a/src/types/api/purchase/purchase.d.ts b/src/types/api/purchase/purchase.d.ts
index e596187a..2dcde2d9 100644
--- a/src/types/api/purchase/purchase.d.ts
+++ b/src/types/api/purchase/purchase.d.ts
@@ -105,7 +105,7 @@ export type CreateManagerApprovalRequestPayload = {
 
 export type CreateAcceptApprovalRequestPayload = {
   action: 'APPROVED' | 'REJECTED';
-  notes?: string;
+  notes?: string | null;
   items: {
     purchase_item_id: number;
     received_date: string;

From 7be32326a9cc21c876db3ee85adfe40bf2a60e6c Mon Sep 17 00:00:00 2001
From: rstubryan <restubumirr@gmail.com>
Date: Wed, 10 Dec 2025 13:56:13 +0700
Subject: [PATCH 23/36] feat(FE-311): Disable approval actions when rejected

---
 .../purchase/form/order/PurchaseOrderAcceptApprovalForm.tsx  | 5 ++++-
 .../purchase/form/order/PurchaseOrderStaffApprovalForm.tsx   | 4 +++-
 src/components/pages/purchase/order/PurchaseOrderDetail.tsx  | 5 ++++-
 3 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/src/components/pages/purchase/form/order/PurchaseOrderAcceptApprovalForm.tsx b/src/components/pages/purchase/form/order/PurchaseOrderAcceptApprovalForm.tsx
index ab2b373a..15106c5e 100644
--- a/src/components/pages/purchase/form/order/PurchaseOrderAcceptApprovalForm.tsx
+++ b/src/components/pages/purchase/form/order/PurchaseOrderAcceptApprovalForm.tsx
@@ -52,6 +52,8 @@ const PurchaseOrderAcceptApprovalForm = ({
   const [purchaseOrderFormErrorMessage, setPurchaseOrderFormErrorMessage] =
     useState('');
 
+  const isRejected = initialValues?.latest_approval?.action === 'REJECTED';
+
   // ===== UTILITY FUNCTIONS =====
   const isRepeaterInputError = (
     idx: number,
@@ -672,7 +674,8 @@ const PurchaseOrderAcceptApprovalForm = ({
               disabled={
                 !formik.isValid ||
                 formik.isSubmitting ||
-                hasQuantityExceededErrors
+                hasQuantityExceededErrors ||
+                isRejected
               }
             >
               Submit
diff --git a/src/components/pages/purchase/form/order/PurchaseOrderStaffApprovalForm.tsx b/src/components/pages/purchase/form/order/PurchaseOrderStaffApprovalForm.tsx
index bc718eb6..94998a37 100644
--- a/src/components/pages/purchase/form/order/PurchaseOrderStaffApprovalForm.tsx
+++ b/src/components/pages/purchase/form/order/PurchaseOrderStaffApprovalForm.tsx
@@ -79,6 +79,8 @@ const PurchaseOrderStaffApprovalForm = ({
     }
   }, [rawDataApprovals, propType, initialValues?.latest_approval?.step_number]);
 
+  const isRejected = initialValues?.latest_approval?.action === 'REJECTED';
+
   const router = useRouter();
   const searchParams = useSearchParams();
   const deleteModal = useModal();
@@ -1142,7 +1144,7 @@ const PurchaseOrderStaffApprovalForm = ({
                 color='primary'
                 className='px-4'
                 isLoading={formik.isSubmitting}
-                disabled={!formik.isValid || formik.isSubmitting}
+                disabled={!formik.isValid || formik.isSubmitting || isRejected}
               >
                 Submit
               </Button>
diff --git a/src/components/pages/purchase/order/PurchaseOrderDetail.tsx b/src/components/pages/purchase/order/PurchaseOrderDetail.tsx
index eb01aec7..859c6671 100644
--- a/src/components/pages/purchase/order/PurchaseOrderDetail.tsx
+++ b/src/components/pages/purchase/order/PurchaseOrderDetail.tsx
@@ -180,7 +180,10 @@ const PurchaseOrderDetail = ({
   });
 
   const showApprovalButton =
-    approvalStep !== null && approvalStep >= 1 && approvalStep <= 3;
+    approvalStep !== null &&
+    approvalStep >= 1 &&
+    approvalStep <= 3 &&
+    initialValues?.latest_approval?.action !== 'REJECTED';
 
   const canDeleteItems = useMemo(() => {
     if (!initialValues?.latest_approval) return false;

From 83d76f7de479b33b7d162031858249129d8a8d5d Mon Sep 17 00:00:00 2001
From: ValdiANS <rvdans002@gmail.com>
Date: Wed, 10 Dec 2025 16:57:20 +0700
Subject: [PATCH 24/36] fix: set isLoadingUser in useAuth hook

---
 src/components/helper/RequireAuth.tsx | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/components/helper/RequireAuth.tsx b/src/components/helper/RequireAuth.tsx
index 22b22b03..8fc604ab 100644
--- a/src/components/helper/RequireAuth.tsx
+++ b/src/components/helper/RequireAuth.tsx
@@ -45,6 +45,10 @@ const RequireAuth = ({ children }: RequireAuthProps) => {
     }
   }, [userErrorResponse, setUser]);
 
+  useEffect(() => {
+    setIsLoadingUser(isLoadingUserResponse);
+  }, [isLoadingUserResponse]);
+
   if (
     (isLoadingUserResponse && !userResponse && !userErrorResponse) ||
     (!userResponse && !userErrorResponse)

From 017b081832d31f9e764e6ba5ed0756d96f7553ab Mon Sep 17 00:00:00 2001
From: ValdiANS <rvdans002@gmail.com>
Date: Wed, 10 Dec 2025 16:57:45 +0700
Subject: [PATCH 25/36] fix: redirect to SSO if user isnt exist and show
 loading state if still loading user

---
 src/app/page.tsx | 25 +++++++++++++++++++------
 1 file changed, 19 insertions(+), 6 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 2f22f5aa..cc933d52 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,17 +2,30 @@
 
 import { useEffect } from 'react';
 import { useRouter } from 'next/navigation';
+import { useAuth } from '@/services/hooks/useAuth';
+import { redirectToSSO } from '@/lib/auth-helper';
 
 export default function Home() {
+  const { user, isLoadingUser } = useAuth();
+
   const router = useRouter();
 
   useEffect(() => {
     router.replace('/dashboard');
-  }, [router]);
+  }, [user, isLoadingUser]);
 
-  return (
-    <main className='w-full h-full min-h-screen flex flex-row justify-center items-center'>
-      <span className='loading loading-spinner loading-lg'></span>
-    </main>
-  );
+  if (isLoadingUser) {
+    return (
+      <main className='w-full h-full min-h-screen flex flex-row justify-center items-center'>
+        <span className='loading loading-spinner loading-lg'></span>
+      </main>
+    );
+  }
+
+  if (!isLoadingUser && !user) {
+    redirectToSSO();
+    return;
+  }
+
+  return null;
 }

From 30ab48e426205fb7dace57aafaaa4444cfa839d9 Mon Sep 17 00:00:00 2001
From: ValdiANS <rvdans002@gmail.com>
Date: Wed, 10 Dec 2025 17:07:44 +0700
Subject: [PATCH 26/36] fix: redirect to dashboard if pathname is in root path

---
 src/app/page.tsx | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index cc933d52..05140daf 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,7 +1,7 @@
 'use client';
 
 import { useEffect } from 'react';
-import { useRouter } from 'next/navigation';
+import { usePathname, useRouter } from 'next/navigation';
 import { useAuth } from '@/services/hooks/useAuth';
 import { redirectToSSO } from '@/lib/auth-helper';
 
@@ -9,10 +9,11 @@ export default function Home() {
   const { user, isLoadingUser } = useAuth();
 
   const router = useRouter();
+  const pathname = usePathname();
 
-  useEffect(() => {
+  if (pathname === '/') {
     router.replace('/dashboard');
-  }, [user, isLoadingUser]);
+  }
 
   if (isLoadingUser) {
     return (

From cfaac1482084d6d66360910090fb83b56ba6d7be Mon Sep 17 00:00:00 2001
From: ValdiANS <rvdans002@gmail.com>
Date: Wed, 10 Dec 2025 17:15:23 +0700
Subject: [PATCH 27/36] chore: return loading text if all condition unmet

---
 src/app/page.tsx | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 05140daf..0330b478 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,6 +1,5 @@
 'use client';
 
-import { useEffect } from 'react';
 import { usePathname, useRouter } from 'next/navigation';
 import { useAuth } from '@/services/hooks/useAuth';
 import { redirectToSSO } from '@/lib/auth-helper';
@@ -28,5 +27,5 @@ export default function Home() {
     return;
   }
 
-  return null;
+  return <>Loading...</>;
 }

From 3826b8ea536eca03748c4cf09bc5e747d1dc6f56 Mon Sep 17 00:00:00 2001
From: ValdiANS <rvdans002@gmail.com>
Date: Wed, 10 Dec 2025 17:31:06 +0700
Subject: [PATCH 28/36] feat: set trailingSlash to true

---
 next.config.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/next.config.ts b/next.config.ts
index c781a8ac..b2d25eb6 100644
--- a/next.config.ts
+++ b/next.config.ts
@@ -3,6 +3,7 @@ import type { NextConfig } from 'next';
 const nextConfig: NextConfig = {
   output: 'export',
   images: { unoptimized: true },
+  trailingSlash: true,
 };
 
 export default nextConfig;

From 4f595c7cad66d574d75c5c2cc48b856643b6a880 Mon Sep 17 00:00:00 2001
From: ValdiANS <rvdans002@gmail.com>
Date: Wed, 10 Dec 2025 17:31:21 +0700
Subject: [PATCH 29/36] chore: wrap router.replace in useEffect

---
 src/app/page.tsx | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 0330b478..9fe5b724 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,5 +1,6 @@
 'use client';
 
+import { useEffect } from 'react';
 import { usePathname, useRouter } from 'next/navigation';
 import { useAuth } from '@/services/hooks/useAuth';
 import { redirectToSSO } from '@/lib/auth-helper';
@@ -10,9 +11,11 @@ export default function Home() {
   const router = useRouter();
   const pathname = usePathname();
 
-  if (pathname === '/') {
-    router.replace('/dashboard');
-  }
+  useEffect(() => {
+    if (pathname === '/') {
+      router.replace('/dashboard');
+    }
+  }, [pathname]);
 
   if (isLoadingUser) {
     return (

From 6340a5e519f369b716164428ed0112a5ada3a1fc Mon Sep 17 00:00:00 2001
From: ValdiANS <rvdans002@gmail.com>
Date: Wed, 10 Dec 2025 18:09:10 +0700
Subject: [PATCH 30/36] fix: export dynamic

---
 src/app/closing/page.tsx | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/app/closing/page.tsx b/src/app/closing/page.tsx
index acaa3ee8..6c5896c9 100644
--- a/src/app/closing/page.tsx
+++ b/src/app/closing/page.tsx
@@ -8,4 +8,6 @@ const Closing = () => {
   );
 };
 
+export const dynamic = 'force-static';
+
 export default Closing;

From 280fffe6a543ed65b2b4acfd7df0db9f20f5d812 Mon Sep 17 00:00:00 2001
From: ValdiANS <rvdans002@gmail.com>
Date: Wed, 10 Dec 2025 18:09:21 +0700
Subject: [PATCH 31/36] fix: add use-client

---
 src/app/expense/page.tsx | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/app/expense/page.tsx b/src/app/expense/page.tsx
index d6b00286..1e018879 100644
--- a/src/app/expense/page.tsx
+++ b/src/app/expense/page.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import ExpensesTable from '@/components/pages/expense/ExpensesTable';
 
 const Expense = () => {

From 720ff2128f3248c5243d7c8a523f9d53c23bf578 Mon Sep 17 00:00:00 2001
From: ValdiANS <rvdans002@gmail.com>
Date: Wed, 10 Dec 2025 18:09:30 +0700
Subject: [PATCH 32/36] fix: add use-client and export dynamic

---
 src/app/marketing/page.tsx | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/app/marketing/page.tsx b/src/app/marketing/page.tsx
index 99a80b64..c0f4f53b 100644
--- a/src/app/marketing/page.tsx
+++ b/src/app/marketing/page.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import MarketingTable from '@/components/pages/marketing/MarketingTable';
 
 const Marketing = () => {
@@ -7,4 +9,7 @@ const Marketing = () => {
     </div>
   );
 };
+
+export const dynamic = 'force-static';
+
 export default Marketing;

From f939f4b0fbb6a0f98b28dea967ba8aad19157eda Mon Sep 17 00:00:00 2001
From: ValdiANS <rvdans002@gmail.com>
Date: Wed, 10 Dec 2025 18:10:08 +0700
Subject: [PATCH 33/36] fix: return children only if userResponse success and
 user is set

---
 src/components/helper/RequireAuth.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/helper/RequireAuth.tsx b/src/components/helper/RequireAuth.tsx
index 8fc604ab..6d1f050b 100644
--- a/src/components/helper/RequireAuth.tsx
+++ b/src/components/helper/RequireAuth.tsx
@@ -15,7 +15,7 @@ interface RequireAuthProps {
 }
 
 const RequireAuth = ({ children }: RequireAuthProps) => {
-  const { setUser, setIsLoadingUser } = useAuth();
+  const { user, setUser, setIsLoadingUser } = useAuth();
 
   const {
     data: userResponse,
@@ -78,7 +78,7 @@ const RequireAuth = ({ children }: RequireAuthProps) => {
     );
   }
 
-  return <>{isResponseSuccess(userResponse) && children}</>;
+  return <>{isResponseSuccess(userResponse) && user && children}</>;
 };
 
 export default RequireAuth;

From 37f59f94703ab48fab29874be8269a6b2143097d Mon Sep 17 00:00:00 2001
From: ValdiANS <rvdans002@gmail.com>
Date: Wed, 10 Dec 2025 18:50:58 +0700
Subject: [PATCH 34/36] fix: remove unnecessary code

---
 src/app/closing/page.tsx   | 2 --
 src/app/expense/page.tsx   | 2 --
 src/app/marketing/page.tsx | 4 ----
 3 files changed, 8 deletions(-)

diff --git a/src/app/closing/page.tsx b/src/app/closing/page.tsx
index 6c5896c9..acaa3ee8 100644
--- a/src/app/closing/page.tsx
+++ b/src/app/closing/page.tsx
@@ -8,6 +8,4 @@ const Closing = () => {
   );
 };
 
-export const dynamic = 'force-static';
-
 export default Closing;
diff --git a/src/app/expense/page.tsx b/src/app/expense/page.tsx
index 1e018879..d6b00286 100644
--- a/src/app/expense/page.tsx
+++ b/src/app/expense/page.tsx
@@ -1,5 +1,3 @@
-'use client';
-
 import ExpensesTable from '@/components/pages/expense/ExpensesTable';
 
 const Expense = () => {
diff --git a/src/app/marketing/page.tsx b/src/app/marketing/page.tsx
index c0f4f53b..c30ee501 100644
--- a/src/app/marketing/page.tsx
+++ b/src/app/marketing/page.tsx
@@ -1,5 +1,3 @@
-'use client';
-
 import MarketingTable from '@/components/pages/marketing/MarketingTable';
 
 const Marketing = () => {
@@ -10,6 +8,4 @@ const Marketing = () => {
   );
 };
 
-export const dynamic = 'force-static';
-
 export default Marketing;

From 4356bd8803efe20617285e77029df0595803bdc2 Mon Sep 17 00:00:00 2001
From: ValdiANS <rvdans002@gmail.com>
Date: Wed, 10 Dec 2025 21:43:05 +0700
Subject: [PATCH 35/36] fix: remove redirectToSSO

---
 src/app/page.tsx | 5 -----
 1 file changed, 5 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 9fe5b724..9cc0177d 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -25,10 +25,5 @@ export default function Home() {
     );
   }
 
-  if (!isLoadingUser && !user) {
-    redirectToSSO();
-    return;
-  }
-
   return <>Loading...</>;
 }

From 9628ee88adf4aa8cc1765e7f0256b1d02a466cd1 Mon Sep 17 00:00:00 2001
From: ValdiANS <rvdans002@gmail.com>
Date: Wed, 10 Dec 2025 21:47:58 +0700
Subject: [PATCH 36/36] chore: add condition for redirecting to SSO

---
 src/components/helper/RequireAuth.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/components/helper/RequireAuth.tsx b/src/components/helper/RequireAuth.tsx
index 6d1f050b..65adf48c 100644
--- a/src/components/helper/RequireAuth.tsx
+++ b/src/components/helper/RequireAuth.tsx
@@ -37,13 +37,16 @@ const RequireAuth = ({ children }: RequireAuthProps) => {
 
   // Explicitly handle 401 redirect from the component level
   useEffect(() => {
-    if (userErrorResponse?.response?.status === 401) {
+    if (
+      isResponseError(userResponse) &&
+      userErrorResponse?.response?.status === 401
+    ) {
       // Clear cache to prevent stale data from rendering children
       // mutate('/sso/userinfo', undefined, { revalidate: false }); // Optional: if using global mutate
       setUser(undefined);
       redirectToSSO();
     }
-  }, [userErrorResponse, setUser]);
+  }, [userErrorResponse, setUser, userResponse]);
 
   useEffect(() => {
     setIsLoadingUser(isLoadingUserResponse);