;
type?: 'info' | 'success' | 'error';
text?: string;
@@ -30,6 +30,7 @@ interface ConfirmationModalProps {
modal?: string;
modalBox?: string;
};
+ children?: React.ReactNode;
}
const ConfirmationModal = ({
@@ -40,6 +41,7 @@ const ConfirmationModal = ({
primaryButton,
secondaryButton,
className,
+ children,
}: ConfirmationModalProps) => {
const closeModalHandler = () => {
ref.current?.close();
@@ -90,6 +92,8 @@ const ConfirmationModal = ({
{text ?? 'Apakah anda yakin ingin melakukan hal ini?'}
+ {children && {children}
}
+
{secondaryButton && secondaryButton.text && (
),
- cell: ({ row }) => (
-
-
-
- ),
+ cell: ({ row }) => {
+ const isCheckboxDisabled =
+ !row.getCanSelect() ||
+ row.original.approval.action === 'APPROVED' ||
+ row.original.approval.action === 'REJECTED';
+
+ return (
+
+
+
+ );
+ },
},
{
header: '#',
@@ -214,21 +245,55 @@ const TransferToLayingsTable = () => {
{
accessorKey: 'flock_source',
header: 'Flock Asal',
- cell: (props) => props.row.original.flock_source.name,
+ cell: (props) => props.row.original.from_project_flock.flock_name,
},
{
accessorKey: 'flock_destination',
header: 'Flock Tujuan',
- cell: (props) => props.row.original.flock_destination.name,
+ cell: (props) => props.row.original.to_project_flock.flock_name,
},
{
- accessorKey: 'quantity',
+ accessorKey: 'usage_qty',
header: 'Kuantitas',
+ cell: (props) => props.getValue() ?? props.row.original.pending_usage_qty,
},
{
- accessorKey: 'reason',
+ accessorKey: 'notes',
header: 'Alasan Transfer',
},
+ {
+ header: 'Status',
+ cell: (props) => {
+ const isLatestApprovalRejected =
+ props.row.original.approval.action === 'REJECTED';
+ let latestApprovalStepName = props.row.original.approval.step_name;
+
+ let pillBadgeColor: 'yellow' | 'green' | 'gray' | 'red' = 'gray';
+
+ switch (latestApprovalStepName.toLowerCase()) {
+ case 'pengajuan':
+ pillBadgeColor = 'yellow';
+ break;
+
+ case 'disetujui':
+ pillBadgeColor = 'green';
+ break;
+ }
+
+ if (isLatestApprovalRejected) {
+ pillBadgeColor = 'red';
+ latestApprovalStepName = 'Ditolak';
+ }
+
+ return (
+
+ );
+ },
+ },
{
header: 'Aksi',
cell: (props) => {
@@ -237,7 +302,7 @@ const TransferToLayingsTable = () => {
const currentRowRelativeIndex =
currentPageRows.findIndex((r) => r.id === props.row.id) + 1;
- const isLast2Rows = currentRowRelativeIndex > currentPageSize - 2;
+ const isLast2Rows = currentRowRelativeIndex > currentPageSize - 3;
const approveClickHandler = () => {
setSelectedTransferToLaying(props.row.original);
@@ -268,7 +333,7 @@ const TransferToLayingsTable = () => {
return (
<>
- {currentPageSize > 2 && (
+ {currentPageSize > 3 && (
{
)}
- {currentPageSize <= 2 && (
+ {currentPageSize <= 3 && (
{
},
];
+ const tableEnableRowSelectionHandler: (
+ row: Row
+ ) => boolean = (row) => {
+ return (
+ row.original.approval.action !== 'APPROVED' &&
+ row.original.approval.action !== 'REJECTED'
+ );
+ };
+
const bulkApproveClickHandler = () => {
approveModal.openModal();
};
@@ -309,27 +383,31 @@ const TransferToLayingsTable = () => {
const confirmationModalDeleteClickHandler = async () => {
setIsDeleteLoading(true);
- await TransferToLayingApi.delete(selectedTransferToLaying?.id as number);
- refreshTransferToLayings();
+ try {
+ await TransferToLayingApi.delete(selectedTransferToLaying?.id as number);
- deleteModal.closeModal();
- toast.success('Berhasil menghapus data transfer ke laying!');
- setIsDeleteLoading(false);
+ toast.success('Berhasil menghapus data transfer ke laying!');
+ refreshTransferToLayings();
+ } catch (error) {
+ toast.success('Gagal menghapus data transfer ke laying!');
+ } finally {
+ deleteModal.closeModal();
+ setIsDeleteLoading(false);
+ }
};
- const confirmationModalApproveClickHandler = async () => {
+ const confirmationModalApproveClickHandler = async (notes: string) => {
setIsApproveLoading(true);
- const bulkApproveResponse =
- await TransferToLayingApi.bulkApprove(selectedRowIds);
+ const bulkApproveResponse = await TransferToLayingApi.bulkApprove(
+ selectedRowIds,
+ notes
+ );
if (isResponseSuccess(bulkApproveResponse)) {
refreshTransferToLayings();
approveModal.closeModal();
- // TODO: remove console.log
- console.log('Approved data:', selectedRowIds);
-
toast.success(
`Berhasil approve ${selectedRowIds.length} data transfer ke laying!`
);
@@ -346,19 +424,18 @@ const TransferToLayingsTable = () => {
setIsApproveLoading(false);
};
- const confirmationModalRejectClickHandler = async () => {
+ const confirmationModalRejectClickHandler = async (notes: string) => {
setIsRejectLoading(true);
- const bulkRejectResponse =
- await TransferToLayingApi.bulkReject(selectedRowIds);
+ const bulkRejectResponse = await TransferToLayingApi.bulkReject(
+ selectedRowIds,
+ notes
+ );
if (isResponseSuccess(bulkRejectResponse)) {
refreshTransferToLayings();
rejectModal.closeModal();
- // TODO: remove console.log
- console.log('Rejected data:', selectedRowIds);
-
toast.success(
`Berhasil reject ${selectedRowIds.length} data transfer ke laying!`
);
@@ -559,6 +636,7 @@ const TransferToLayingsTable = () => {
setSorting={setSorting}
rowSelection={rowSelection}
setRowSelection={setRowSelection}
+ enableRowSelection={tableEnableRowSelectionHandler}
className={{
containerClassName: cn({
'mb-20':
@@ -592,7 +670,7 @@ const TransferToLayingsTable = () => {
}}
/>
- {
}}
/>
- `Kuantitas maksimal ${max}!`
+ )
+ .required('Kuantitas wajib diisi!'),
+
+ maxQuantity: Yup.number().min(1).required(), // internal helper field
+ })
+ )
+ .min(1, 'Minimal 1 kandang terisi!')
+ .required('Kandang wajib diisi!'),
+
+ flockDestinationKandangs: Yup.array()
.of(
Yup.object({
kandang: Yup.object({
@@ -81,3 +116,122 @@ export const UpdateTransferToLayingFormSchema = TransferToLayingFormSchema;
export type TransferToLayingFormValues = Yup.InferType<
typeof TransferToLayingFormSchema
>;
+
+export const getTransferToLayingFormInitialValues = (
+ initialValues?: TransferToLaying
+): TransferToLayingFormValues => {
+ return {
+ transfer_date: initialValues?.transfer_date
+ ? formatDate(initialValues.transfer_date, 'YYYY-MM-DD')
+ : '',
+ flockSource: initialValues?.from_project_flock
+ ? {
+ value: initialValues?.from_project_flock.id,
+ label: initialValues?.from_project_flock.flock_name,
+ }
+ : undefined,
+ flockDestination: initialValues?.to_project_flock
+ ? {
+ value: initialValues?.to_project_flock.id,
+ label: initialValues?.to_project_flock.flock_name,
+ }
+ : undefined,
+ totalQuantity:
+ initialValues?.usage_qty ?? initialValues?.pending_usage_qty ?? undefined,
+
+ flockSourceKandangs: initialValues?.sources
+ ? initialValues.sources.map((sourceKandang) => ({
+ kandang: {
+ value: sourceKandang.source_project_flock_kandang.kandang.id,
+ label: sourceKandang.source_project_flock_kandang.kandang.name,
+ },
+ quantity: sourceKandang.qty,
+ }))
+ : [],
+
+ flockDestinationKandangs: initialValues?.targets
+ ? initialValues.targets.map((targetKandang) => ({
+ kandang: {
+ value: targetKandang.target_project_flock_kandang.kandang.id,
+ label: targetKandang.target_project_flock_kandang.kandang.name,
+ },
+ quantity: targetKandang.qty,
+ }))
+ : [],
+
+ reason: initialValues?.notes ?? undefined,
+ };
+};
+
+export const getFilledTransferToLayingFormInitialValues = async (
+ initialValues?: TransferToLaying
+): Promise => {
+ const mappedFlockSourceKandangsAvailableQty =
+ await TransferToLayingApi.getMappedFlockKandangsAvailability(
+ initialValues?.from_project_flock.id as number
+ );
+
+ const formattedFlockSourceKandangs = initialValues?.sources
+ ? initialValues.sources.map((sourceKandang) => ({
+ kandang: {
+ value: sourceKandang.source_project_flock_kandang.kandang.id,
+ label: sourceKandang.source_project_flock_kandang.kandang.name,
+ },
+ quantity: sourceKandang.qty,
+ maxQuantity:
+ (mappedFlockSourceKandangsAvailableQty &&
+ mappedFlockSourceKandangsAvailableQty[
+ sourceKandang.source_project_flock_kandang.id
+ ].available_qty) ??
+ 0,
+ }))
+ : [];
+
+ let maxTotalQuantity = 0;
+ formattedFlockSourceKandangs.forEach((item) => {
+ maxTotalQuantity += item.maxQuantity;
+ });
+
+ return {
+ transfer_date: initialValues?.transfer_date
+ ? formatDate(initialValues.transfer_date, 'YYYY-MM-DD')
+ : '',
+ flockSource: initialValues?.from_project_flock
+ ? {
+ value: initialValues?.from_project_flock.id,
+ label: initialValues?.from_project_flock.flock_name,
+ }
+ : undefined,
+ flockDestination: initialValues?.to_project_flock
+ ? {
+ value: initialValues?.to_project_flock.id,
+ label: initialValues?.to_project_flock.flock_name,
+ }
+ : undefined,
+ totalQuantity:
+ initialValues?.usage_qty ?? initialValues?.pending_usage_qty ?? undefined,
+ maxTotalQuantity: maxTotalQuantity,
+
+ flockSourceKandangs: formattedFlockSourceKandangs,
+
+ flockDestinationKandangs: initialValues?.targets
+ ? initialValues.targets.map((targetKandang) => ({
+ kandang: {
+ value: targetKandang.target_project_flock_kandang.kandang.id,
+ label: targetKandang.target_project_flock_kandang.kandang.name,
+ },
+ quantity: targetKandang.qty,
+
+ // maxQuantity:
+ // targetKandang.target_project_flock_kandang.kandang.capacity,
+
+ // TODO: integrate this to real API kandang capacity
+ maxQuantity:
+ targetKandang.target_project_flock_kandang.kandang.capacity ??
+ Infinity,
+ }))
+ : [],
+
+ reason: initialValues?.notes ?? undefined,
+ };
+};
diff --git a/src/components/pages/production/transfer-to-laying/form/TransferToLayingForm.tsx b/src/components/pages/production/transfer-to-laying/form/TransferToLayingForm.tsx
index def2cde8..16885062 100644
--- a/src/components/pages/production/transfer-to-laying/form/TransferToLayingForm.tsx
+++ b/src/components/pages/production/transfer-to-laying/form/TransferToLayingForm.tsx
@@ -1,6 +1,6 @@
'use client';
-import { useCallback, useEffect, useMemo, useState } from 'react';
+import { useCallback, useEffect, useState } from 'react';
import { useRouter } from 'next/navigation';
import { useFormik } from 'formik';
import { toast } from 'react-hot-toast';
@@ -8,16 +8,23 @@ import useSWR from 'swr';
import { Icon } from '@iconify/react';
import Button from '@/components/Button';
-import TextInput from '@/components/input/TextInput';
import SelectInput, {
OptionType,
- // useSelect,
+ useSelect,
} from '@/components/input/SelectInput';
import TextArea from '@/components/input/TextArea';
import { useModal } from '@/components/Modal';
import ConfirmationModal from '@/components/modal/ConfirmationModal';
+import DateInput from '@/components/input/DateInput';
+import NumberInput from '@/components/input/NumberInput';
+import ConfirmationModalWithNotes from '@/components/modal/ConfirmationModalWithNotes';
+import ApprovalSteps, {
+ formatGroupedApprovalsToApprovalSteps,
+} from '@/components/pages/ApprovalSteps';
import {
+ getFilledTransferToLayingFormInitialValues,
+ getTransferToLayingFormInitialValues,
TransferToLayingFormSchema,
TransferToLayingFormValues,
UpdateTransferToLayingFormSchema,
@@ -31,6 +38,8 @@ import {
import { cn } from '@/lib/helper';
import { TransferToLayingApi } from '@/services/api/production/transfer-to-laying';
+import { ProjectFlock } from '@/types/api/production/project-flock';
+import { TRANSFER_TO_LAYING_APPROVAL_LINE } from '@/config/approval-line';
interface TransferToLayingFormProps {
type?: 'add' | 'edit' | 'detail';
@@ -55,11 +64,23 @@ const TransferToLayingForm = ({
const [isApproveLoading, setIsApproveLoading] = useState(false);
const [isRejectLoading, setIsRejectLoading] = useState(false);
+ const { data: approvalHistory, isLoading: isLoadingApprovalHistory } = useSWR(
+ type === 'detail' && initialValues ? [String(initialValues.id)] : null,
+ ([id]: string[]) => TransferToLayingApi.getApprovalHistory(Number(id))
+ );
+
const createTransferToLayingHandler = useCallback(
async (payload: CreateTransferToLayingPayload) => {
- console.log('Create transfer to laying:', { payload });
+ const createTransferToLayingRes =
+ await TransferToLayingApi.create(payload);
- toast.success('Berhasil menambahkan data transfer ke laying!');
+ if (isResponseError(createTransferToLayingRes)) {
+ setFormErrorMessage(createTransferToLayingRes.message);
+ return;
+ }
+
+ toast.success(createTransferToLayingRes?.message as string);
+ router.push('/production/transfer-to-laying');
},
[router]
);
@@ -69,46 +90,30 @@ const TransferToLayingForm = ({
transferToLayingId: number,
payload: UpdateTransferToLayingPayload
) => {
- console.log(
- `Update transfer to laying with ID of ${transferToLayingId}:`,
- { payload }
+ const updateKandangRes = await TransferToLayingApi.update(
+ transferToLayingId,
+ payload
);
- toast.success('Berhasil mengubah data transfer ke laying!');
+ if (updateKandangRes?.status === 'error') {
+ setFormErrorMessage(updateKandangRes.message);
+ return;
+ }
+
+ toast.success(updateKandangRes?.message as string);
+ router.refresh();
+ router.push('/production/transfer-to-laying');
},
[router]
);
- const formikInitialValues = useMemo(() => {
- return {
- transfer_date: initialValues?.transfer_date ?? '',
- flockSource: initialValues?.flock_source
- ? {
- value: initialValues?.flock_source.id,
- label: initialValues?.flock_source.name,
- }
- : undefined,
- flockDestination: initialValues?.flock_destination
- ? {
- value: initialValues?.flock_destination.id,
- label: initialValues?.flock_destination.name,
- }
- : undefined,
- totalQuantity: initialValues?.quantity ?? undefined,
+ // const formikInitialValues = useMemo(() => {
+ // return getTransferToLayingFormInitialValues(initialValues);
+ // }, [initialValues]);
- kandangs: initialValues?.kandangs
- ? initialValues.kandangs.map((kandang) => ({
- kandang: {
- value: kandang.kandang.id,
- label: kandang.kandang.name,
- },
- quantity: kandang.quantity,
- }))
- : [],
-
- reason: initialValues?.reason ?? undefined,
- };
- }, [initialValues]);
+ const [formikInitialValues, setFormikInitialValues] = useState(
+ getTransferToLayingFormInitialValues()
+ );
const formik = useFormik({
initialValues: formikInitialValues,
@@ -117,23 +122,23 @@ const TransferToLayingForm = ({
? UpdateTransferToLayingFormSchema
: TransferToLayingFormSchema,
onSubmit: async (values) => {
- console.log({ values });
-
setFormErrorMessage('');
const transferToLayingPayload: CreateTransferToLayingPayload = {
transfer_date: values.transfer_date as string,
- flock_source_id: values.flockSource?.value as number,
- flock_destination_id: values.flockDestination?.value as number,
+ source_project_flock_id: values.flockSource?.value as number,
+ target_project_flock_id: values.flockDestination?.value as number,
totalQuantity: values.totalQuantity as number,
- kandangs: values.kandangs?.map((kandang) => ({
- kandang_id: kandang.kandang.value,
- quantity: kandang.quantity,
- })) as {
- kandang_id: number;
- quantity: number;
- }[],
+ source_kandangs: values.flockSourceKandangs?.map((kandang) => ({
+ project_flock_kandang_id: kandang.kandang.value,
+ quantity: parseFloat(kandang.quantity as string),
+ })) as CreateTransferToLayingPayload['source_kandangs'],
+
+ target_kandangs: values.flockDestinationKandangs?.map((kandang) => ({
+ project_flock_kandang_id: kandang.kandang.value,
+ quantity: parseFloat(kandang.quantity as string),
+ })) as CreateTransferToLayingPayload['target_kandangs'],
reason: values.reason as string,
};
@@ -154,7 +159,11 @@ const TransferToLayingForm = ({
});
const { setValues: formikSetValues, values: formikValues } = formik;
- const { kandangs: kandangsValue } = formikValues;
+ const {
+ flockSourceKandangs: flockSourceKandangsValue,
+ flockDestinationKandangs: flockDestinationKandangsValue,
+ totalQuantity,
+ } = formikValues;
const deleteTransferToLayingClickHandler = () => {
deleteModal.openModal();
@@ -172,24 +181,32 @@ const TransferToLayingForm = ({
const confirmationModalDeleteClickHandler = async () => {
setIsDeleteLoading(true);
- // TODO: delete data and integrate to real API
- deleteModal.closeModal();
- toast.success('Berhasil menghapus data transfer ke laying!');
+ try {
+ await TransferToLayingApi.delete(initialValues?.id as number);
- setIsDeleteLoading(false);
+ toast.success('Berhasil menghapus data transfer ke laying!');
+ router.push('/production/transfer-to-laying');
+ } catch (error) {
+ toast.success('Gagal menghapus data transfer ke laying!');
+ } finally {
+ deleteModal.closeModal();
+ setIsDeleteLoading(false);
+ }
};
- const confirmationModalApproveClickHandler = async () => {
+ const confirmationModalApproveClickHandler = async (notes: string) => {
setIsApproveLoading(true);
const approveResponse = await TransferToLayingApi.approve(
- initialValues?.id as number
+ initialValues?.id as number,
+ notes
);
if (isResponseSuccess(approveResponse)) {
approveModal.closeModal();
toast.success('Berhasil approve data transfer ke laying!');
+ router.push('/production/transfer-to-laying');
} else {
approveModal.closeModal();
@@ -199,17 +216,19 @@ const TransferToLayingForm = ({
setIsApproveLoading(false);
};
- const confirmationModalRejectClickHandler = async () => {
+ const confirmationModalRejectClickHandler = async (notes: string) => {
setIsRejectLoading(true);
const rejectResponse = await TransferToLayingApi.reject(
- initialValues?.id as number
+ initialValues?.id as number,
+ notes
);
if (isResponseSuccess(rejectResponse)) {
rejectModal.closeModal();
toast.success('Berhasil reject data transfer ke laying!');
+ router.push('/production/transfer-to-laying');
} else {
rejectModal.closeModal();
@@ -219,49 +238,47 @@ const TransferToLayingForm = ({
setIsRejectLoading(false);
};
- const isRepeaterInputError = (
- column: keyof TransferToLayingFormValues['kandangs'][0],
+ // flock source
+ const isFlockSourceKandangsRepeaterInputError = (
+ column: keyof TransferToLayingFormValues['flockSourceKandangs'][0],
idx: number
) => {
return (
- formik.touched.kandangs?.[idx]?.[column] &&
+ formik.touched.flockSourceKandangs?.[idx]?.[column] &&
Boolean(
- formik.errors.kandangs?.[idx] instanceof Object &&
- formik.errors.kandangs?.[idx]?.[column]
+ formik.errors.flockSourceKandangs?.[idx] instanceof Object &&
+ formik.errors.flockSourceKandangs?.[idx]?.[column]
)
);
};
- const repeaterInputErrorMessage = (
- column: keyof TransferToLayingFormValues['kandangs'][0],
+ const flockSourceKandangsRepeaterInputErrorMessage = (
+ column: keyof TransferToLayingFormValues['flockSourceKandangs'][0],
idx: number
) => {
- return (formik.errors.kandangs?.[idx] as Record)?.[column];
+ return (
+ formik.errors.flockSourceKandangs?.[idx] as Record
+ )?.[column];
};
- // TODO: remove dummy data and use real data
- // Flock Source
- // const {
- // inputValue: flockSourceInputValue,
- // setInputValue: setFlockSourceInputValue,
- // options: flockSourceOptions,
- // isLoadingOptions: isLoadingFlockSourceOptions,
- // } = useSelect('/transfer-to-laying/production/get-flock-source', 'id', 'name');
-
- // TODO: remove this dummy data
- const { data: flockSources, isLoading: isLoadingFlockSourceOptions } = useSWR(
- 'test',
- () => TransferToLayingApi.getFlockSource()
+ const {
+ setInputValue: setFlockSourceInputValue,
+ options: flockSourceOptions,
+ isLoadingOptions: isLoadingFlockSourceOptions,
+ rawData: flockSources,
+ } = useSelect(
+ '/production/project-flocks',
+ 'id',
+ 'flock_name',
+ 'search',
+ {
+ category: 'GROWING',
+ }
);
- const flockSourceOptions = isResponseSuccess(flockSources)
- ? flockSources?.data.map((flockSource) => ({
- value: flockSource.id,
- label: flockSource.name,
- }))
- : [];
-
- const flockSourceChangeHandler = (val: OptionType | OptionType[] | null) => {
+ const flockSourceChangeHandler = async (
+ val: OptionType | OptionType[] | null
+ ) => {
// Get flock source data for total quantity and kandang
const flockSource =
isResponseSuccess(flockSources) && val !== null
@@ -272,21 +289,38 @@ const TransferToLayingForm = ({
// Set total quantity and kandangs
if (flockSource) {
+ const mappedFlockKandangsAvailableQty =
+ await TransferToLayingApi.getMappedFlockKandangsAvailability(
+ flockSource.id
+ );
+
const formattedKandangs = flockSource.kandangs.map((item) => ({
kandang: {
- value: item.kandang.id,
- label: item.kandang.name,
+ value: item.project_flock_kandang_id,
+ label: item.name,
},
quantity: '',
- maxQuantity: item.quantity,
+ maxQuantity:
+ (mappedFlockKandangsAvailableQty &&
+ mappedFlockKandangsAvailableQty[item.project_flock_kandang_id]
+ .available_qty) ??
+ 0,
}));
- formik.setFieldValue('totalQuantity', flockSource.totalQuantity);
- formik.setFieldValue('maxTotalQuantity', flockSource.totalQuantity);
- formik.setFieldValue('kandangs', formattedKandangs);
+ let maxTotalQuantity = 0;
+ // flockSource.kandangs.forEach((item) => {
+ // maxTotalQuantity += item.capacity;
+ // });
+ formattedKandangs.forEach((item) => {
+ maxTotalQuantity += item.maxQuantity;
+ });
+
+ formik.setFieldValue('totalQuantity', '');
+ formik.setFieldValue('maxTotalQuantity', maxTotalQuantity);
+ formik.setFieldValue('flockSourceKandangs', formattedKandangs);
} else {
formik.setFieldValue('totalQuantity', undefined);
- formik.setFieldValue('kandangs', undefined);
+ formik.setFieldValue('flockSourceKandangs', undefined);
formik.setFieldValue('reason', '');
}
@@ -294,52 +328,137 @@ const TransferToLayingForm = ({
formik.setFieldValue('flockSource', val);
};
- // TODO: remove dummy data and use real data
- // Flock Destination
- // const {
- // inputValue: flockDestinationInputValue,
- // setInputValue: setFlockDestinationInputValue,
- // options: flockDestinationOptions,
- // isLoadingOptions: isLoadingFlockDestinationOptions,
- // } = useSelect('/transfer-to-laying/production/get-flock-destination', 'id', 'name');
+ // flock destination
+ const isFlockDestinationKandangsRepeaterInputError = (
+ column: keyof TransferToLayingFormValues['flockDestinationKandangs'][0],
+ idx: number
+ ) => {
+ return (
+ formik.touched.flockDestinationKandangs?.[idx]?.[column] &&
+ Boolean(
+ formik.errors.flockDestinationKandangs?.[idx] instanceof Object &&
+ formik.errors.flockDestinationKandangs?.[idx]?.[column]
+ )
+ );
+ };
+
+ const flockDestinationKandangsRepeaterInputErrorMessage = (
+ column: keyof TransferToLayingFormValues['flockDestinationKandangs'][0],
+ idx: number
+ ) => {
+ return (
+ formik.errors.flockDestinationKandangs?.[idx] as Record
+ )?.[column];
+ };
- // TODO: remove this dummy data
const {
- data: flockDestinations,
- isLoading: isLoadingFlockDestinationOptions,
- } = useSWR('test', () => TransferToLayingApi.getFlockSource());
-
- const flockDestinationOptions = isResponseSuccess(flockDestinations)
- ? flockDestinations?.data.map((flockDestination) => ({
- value: flockDestination.id,
- label: flockDestination.name,
- }))
- : [];
+ setInputValue: setFlockDestinationInputValue,
+ options: flockDestinationOptions,
+ isLoadingOptions: isLoadingFlockDestinationOptions,
+ rawData: flockDestinations,
+ } = useSelect(
+ '/production/project-flocks',
+ 'id',
+ 'flock_name',
+ 'search',
+ {
+ category: 'LAYING',
+ }
+ );
const flockDestinationChangeHandler = (
val: OptionType | OptionType[] | null
) => {
+ // Get flock destination data for total quantity and kandang
+ const flockDestination =
+ isResponseSuccess(flockDestinations) && val !== null
+ ? flockDestinations.data.find(
+ (item) => item.id === (val as OptionType).value
+ )
+ : undefined;
+
+ // Set total quantity and kandangs
+ if (flockDestination) {
+ const formattedKandangs = flockDestination.kandangs.map((item) => ({
+ kandang: {
+ value: item.project_flock_kandang_id,
+ label: item.name,
+ },
+ quantity: '',
+
+ // TODO: integrate this later to real kandang capacity API
+ // maxQuantity: item.capacity ?? 0,
+ maxQuantity: item.capacity ?? Infinity,
+ }));
+
+ formik.setFieldValue('flockDestinationKandangs', formattedKandangs);
+ }
+
formik.setFieldTouched('flockDestination', true);
formik.setFieldValue('flockDestination', val);
};
+ const isShowApproveRejectButton =
+ initialValues &&
+ initialValues?.approval?.step_number === 1 &&
+ initialValues?.approval.action !== 'REJECTED';
+
+ const isShowDeleteButton =
+ initialValues &&
+ initialValues?.approval.action !== 'REJECTED' &&
+ initialValues?.approval.action !== 'APPROVED';
+
+ const isShowEditButton = isShowDeleteButton;
+
+ useEffect(() => {
+ const getFilledInitialValues = async () => {
+ if (initialValues) {
+ const filledInitialValues =
+ await getFilledTransferToLayingFormInitialValues(initialValues);
+
+ setFormikInitialValues(filledInitialValues);
+ }
+ };
+
+ getFilledInitialValues();
+ }, [initialValues, setFormikInitialValues]);
+
useEffect(() => {
formikSetValues(formikInitialValues);
}, [formikSetValues, formikInitialValues]);
useEffect(() => {
// calculate total quantity if kandangs quantity change
- if (kandangsValue && kandangsValue.length > 0) {
+ if (flockSourceKandangsValue && flockSourceKandangsValue.length > 0) {
let newTotalQuantity = 0;
- kandangsValue.forEach((item) => {
- newTotalQuantity += item.quantity as number;
+ flockSourceKandangsValue.forEach((item) => {
+ newTotalQuantity += parseFloat(item.quantity as string);
});
formik.setFieldValue('totalQuantity', newTotalQuantity);
formik.validateField('totalQuantity');
}
- }, [formikSetValues, kandangsValue]);
+ }, [formikSetValues, flockSourceKandangsValue]);
+
+ useEffect(() => {
+ // calculate total quantity if kandangs quantity change
+ if (
+ flockDestinationKandangsValue &&
+ flockDestinationKandangsValue.length > 0
+ ) {
+ let destinationKandangsTotalQuantity = 0;
+
+ flockDestinationKandangsValue.forEach((item) => {
+ destinationKandangsTotalQuantity += parseFloat(item.quantity as string);
+ });
+
+ if (
+ destinationKandangsTotalQuantity > parseFloat(String(totalQuantity))
+ ) {
+ }
+ }
+ }, [formikSetValues, flockDestinationKandangsValue]);
return (
<>
@@ -361,30 +480,56 @@ const TransferToLayingForm = ({
-
+ {type === 'detail' &&
+ initialValues &&
+ !isLoadingApprovalHistory &&
+ isResponseSuccess(approvalHistory) && (
+
+ )}
+
+
{type === 'detail' && (
<>
-
+ {isShowApproveRejectButton && (
+
+ {/* TODO: apply RBAC */}
+
-
+
+
+ )}
)}
@@ -395,13 +540,12 @@ const TransferToLayingForm = ({
className='w-full flex flex-col gap-6'
>
-
-
-
+
- | Kandang |
+ Kandang Flock Asal |
Kuantitas |
- {(!formik.values.kandangs ||
- formik.values.kandangs.length === 0) && (
+ {(!formik.values.flockSourceKandangs ||
+ formik.values.flockSourceKandangs.length === 0) && (
|
@@ -496,8 +639,8 @@ const TransferToLayingForm = ({
|
)}
- {formik.values.kandangs &&
- formik.values.kandangs.map((kandang, idx) => (
+ {formik.values.flockSourceKandangs &&
+ formik.values.flockSourceKandangs.map((kandang, idx) => (
|
-
| |
+
+
+
+
+
+ | Kandang Flock Tujuan |
+ Kuantitas |
+
+
+
+
+ {(!formik.values.flockDestinationKandangs ||
+ formik.values.flockDestinationKandangs.length === 0) && (
+
+ |
+
+ Pilih flock tujuan terlebih dahulu!
+
+ |
+
+ )}
+
+ {formik.values.flockDestinationKandangs &&
+ formik.values.flockDestinationKandangs.map(
+ (kandang, idx) => (
+
+ |
+
+ |
+
+
+
+ |
+
+ )
+ )}
+
+
+
+ {formErrorMessage && (
+
+
+ {formErrorMessage}
+
+ )}
+
{type !== 'add' && (
-
+ {isShowDeleteButton && (
+
+ )}
- {type !== 'edit' && (
+ {type !== 'edit' && isShowEditButton && (
-
- {formErrorMessage && (
-
-
- {formErrorMessage}
-
- )}
@@ -650,7 +867,7 @@ const TransferToLayingForm = ({
{type === 'detail' && (
<>
-
-
= {
- code: 200,
- status: 'success',
- message: 'Successfully get all transfer to laying data!',
- meta: {
- page: 1,
- limit: 10,
- total_pages: 1,
- total_results: 8,
- },
- data: [
- {
- id: 201,
- transfer_date: '2025-10-10',
- flock_source: { id: 1, name: 'Flock A' },
- flock_destination: { id: 10, name: 'Laying House 1' },
- quantity: 1200,
- kandangs: [
- {
- kandang: {
- id: 11,
- capacity: 1000,
- name: 'KDG-11',
- status: 'ACTIVE',
- location: {
- id: 101,
- name: 'Farm Alpha',
- address: 'Jl. Raya Alpha No. 1',
- area: { id: 1001, name: 'Area Utara' },
- },
- pic: {
- id: 501,
- id_user: 501,
- email: 'rina@farm.co',
- name: 'Rina Setiawan',
- },
- created_user: {
- id: 9001,
- id_user: 9001,
- email: 'admin@farm.co',
- name: 'System Admin',
- },
- created_at: '2025-09-01T08:00:00Z',
- updated_at: '2025-10-01T08:00:00Z',
- },
- quantity: 600,
- },
- {
- kandang: {
- id: 12,
- capacity: 1000,
- name: 'KDG-12',
- status: 'ACTIVE',
- location: {
- id: 101,
- name: 'Farm Alpha',
- address: 'Jl. Raya Alpha No. 1',
- area: { id: 1001, name: 'Area Utara' },
- },
- pic: {
- id: 502,
- id_user: 502,
- email: 'budi@farm.co',
- name: 'Budi Hartono',
- },
- created_user: {
- id: 9002,
- id_user: 9002,
- email: 'ops@farm.co',
- name: 'Ops Bot',
- },
- created_at: '2025-08-25T08:00:00Z',
- updated_at: '2025-09-20T08:00:00Z',
- },
- quantity: 600,
- },
- ],
- reason: 'Start laying cycle',
- created_user: {
- id: 9100,
- id_user: 9100,
- email: 'planner@farm.co',
- name: 'Planning',
- },
- created_at: '2025-10-10T06:00:00Z',
- updated_at: '2025-10-10T06:00:00Z',
- },
- {
- id: 202,
- transfer_date: '2025-10-11',
- flock_source: { id: 2, name: 'Flock B' },
- flock_destination: { id: 10, name: 'Laying House 1' },
- quantity: 950,
- kandangs: [
- {
- kandang: {
- id: 13,
- capacity: 1000,
- name: 'KDG-13',
- status: 'ACTIVE',
- location: {
- id: 102,
- name: 'Farm Beta',
- address: 'Jl. Melati 2',
- area: { id: 1002, name: 'Area Selatan' },
- },
- pic: {
- id: 503,
- id_user: 503,
- email: 'sari@farm.co',
- name: 'Sari Wulandari',
- },
- created_user: {
- id: 9003,
- id_user: 9003,
- email: 'system@farm.co',
- name: 'System',
- },
- created_at: '2025-09-05T08:00:00Z',
- updated_at: '2025-10-02T08:00:00Z',
- },
- quantity: 500,
- },
- {
- kandang: {
- id: 14,
- capacity: 1000,
- name: 'KDG-14',
- status: 'MAINTENANCE',
- location: {
- id: 102,
- name: 'Farm Beta',
- address: 'Jl. Melati 2',
- area: { id: 1002, name: 'Area Selatan' },
- },
- pic: {
- id: 504,
- id_user: 504,
- email: 'agus@farm.co',
- name: 'Agus Pratama',
- },
- created_user: {
- id: 9003,
- id_user: 9003,
- email: 'system@farm.co',
- name: 'System',
- },
- created_at: '2025-07-15T08:00:00Z',
- updated_at: '2025-09-15T08:00:00Z',
- },
- quantity: 450,
- },
- ],
- reason: 'Capacity balancing',
- created_user: {
- id: 9101,
- id_user: 9101,
- email: 'planner@farm.co',
- name: 'Planning',
- },
- created_at: '2025-10-11T06:00:00Z',
- updated_at: '2025-10-11T06:00:00Z',
- },
- {
- id: 203,
- transfer_date: '2025-10-12',
- flock_source: { id: 3, name: 'Flock C' },
- flock_destination: { id: 11, name: 'Laying House 2' },
- quantity: 1100,
- kandangs: [
- {
- kandang: {
- id: 21,
- capacity: 1000,
- name: 'KDG-21',
- status: 'ACTIVE',
- location: {
- id: 103,
- name: 'Farm Gamma',
- address: 'Dusun Gamma',
- area: { id: 1003, name: 'Area Timur' },
- },
- pic: {
- id: 505,
- id_user: 505,
- email: 'dewi@farm.co',
- name: 'Dewi Lestari',
- },
- created_user: {
- id: 9004,
- id_user: 9004,
- email: 'ops@farm.co',
- name: 'Ops Bot',
- },
- created_at: '2025-09-10T08:00:00Z',
- updated_at: '2025-10-05T08:00:00Z',
- },
- quantity: 700,
- },
- {
- kandang: {
- id: 22,
- capacity: 1000,
- name: 'KDG-22',
- status: 'ACTIVE',
- location: {
- id: 103,
- name: 'Farm Gamma',
- address: 'Dusun Gamma',
- area: { id: 1003, name: 'Area Timur' },
- },
- pic: {
- id: 506,
- id_user: 506,
- email: 'hadi@farm.co',
- name: 'Hadi Santoso',
- },
- created_user: {
- id: 9004,
- id_user: 9004,
- email: 'ops@farm.co',
- name: 'Ops Bot',
- },
- created_at: '2025-09-12T08:00:00Z',
- updated_at: '2025-10-06T08:00:00Z',
- },
- quantity: 400,
- },
- ],
- reason: 'Align age group',
- created_user: {
- id: 9102,
- id_user: 9102,
- email: 'scheduler@farm.co',
- name: 'Scheduler',
- },
- created_at: '2025-10-12T06:00:00Z',
- updated_at: '2025-10-12T06:00:00Z',
- },
- {
- id: 204,
- transfer_date: '2025-10-13',
- flock_source: { id: 1, name: 'Flock A' },
- flock_destination: { id: 12, name: 'Laying House 3' },
- quantity: 800,
- kandangs: [
- {
- kandang: {
- id: 15,
- capacity: 1000,
- name: 'KDG-15',
- status: 'ACTIVE',
- location: {
- id: 101,
- name: 'Farm Alpha',
- address: 'Jl. Raya Alpha No. 1',
- area: { id: 1001, name: 'Area Utara' },
- },
- pic: {
- id: 507,
- id_user: 507,
- email: 'nadia@farm.co',
- name: 'Nadia Putri',
- },
- created_user: {
- id: 9001,
- id_user: 9001,
- email: 'admin@farm.co',
- name: 'System Admin',
- },
- created_at: '2025-08-01T08:00:00Z',
- updated_at: '2025-09-28T08:00:00Z',
- },
- quantity: 800,
- },
- ],
- reason: 'Open capacity in LH3',
- created_user: {
- id: 9103,
- id_user: 9103,
- email: 'opslead@farm.co',
- name: 'Ops Lead',
- },
- created_at: '2025-10-13T06:00:00Z',
- updated_at: '2025-10-13T06:00:00Z',
- },
- {
- id: 205,
- transfer_date: '2025-10-14',
- flock_source: { id: 4, name: 'Flock D' },
- flock_destination: { id: 11, name: 'Laying House 2' },
- quantity: 650,
- kandangs: [
- {
- kandang: {
- id: 23,
- capacity: 1000,
- name: 'KDG-23',
- status: 'ACTIVE',
- location: {
- id: 104,
- name: 'Farm Delta',
- address: 'Jl. Delta 4',
- area: { id: 1004, name: 'Area Barat' },
- },
- pic: {
- id: 508,
- id_user: 508,
- email: 'yoga@farm.co',
- name: 'Yoga Prabowo',
- },
- created_user: {
- id: 9005,
- id_user: 9005,
- email: 'ops@farm.co',
- name: 'Ops Bot',
- },
- created_at: '2025-09-20T08:00:00Z',
- updated_at: '2025-10-10T08:00:00Z',
- },
- quantity: 350,
- },
- {
- kandang: {
- id: 24,
- capacity: 1000,
- name: 'KDG-24',
- status: 'ACTIVE',
- location: {
- id: 104,
- name: 'Farm Delta',
- address: 'Jl. Delta 4',
- area: { id: 1004, name: 'Area Barat' },
- },
- pic: {
- id: 509,
- id_user: 509,
- email: 'mega@farm.co',
- name: 'Mega Anggraini',
- },
- created_user: {
- id: 9005,
- id_user: 9005,
- email: 'ops@farm.co',
- name: 'Ops Bot',
- },
- created_at: '2025-09-21T08:00:00Z',
- updated_at: '2025-10-10T08:00:00Z',
- },
- quantity: 300,
- },
- ],
- reason: 'Fill remaining LH2 slots',
- created_user: {
- id: 9104,
- id_user: 9104,
- email: 'scheduler@farm.co',
- name: 'Scheduler',
- },
- created_at: '2025-10-14T06:00:00Z',
- updated_at: '2025-10-14T06:00:00Z',
- },
- {
- id: 206,
- transfer_date: '2025-10-15',
- flock_source: { id: 2, name: 'Flock B' },
- flock_destination: { id: 12, name: 'Laying House 3' },
- quantity: 720,
- kandangs: [
- {
- kandang: {
- id: 16,
- capacity: 1000,
- name: 'KDG-16',
- status: 'ACTIVE',
- location: {
- id: 102,
- name: 'Farm Beta',
- address: 'Jl. Melati 2',
- area: { id: 1002, name: 'Area Selatan' },
- },
- pic: {
- id: 510,
- id_user: 510,
- email: 'rizky@farm.co',
- name: 'Rizky Maulana',
- },
- created_user: {
- id: 9003,
- id_user: 9003,
- email: 'system@farm.co',
- name: 'System',
- },
- created_at: '2025-08-12T08:00:00Z',
- updated_at: '2025-10-01T08:00:00Z',
- },
- quantity: 420,
- },
- {
- kandang: {
- id: 17,
- capacity: 1000,
- name: 'KDG-17',
- status: 'ACTIVE',
- location: {
- id: 102,
- name: 'Farm Beta',
- address: 'Jl. Melati 2',
- area: { id: 1002, name: 'Area Selatan' },
- },
- pic: {
- id: 511,
- id_user: 511,
- email: 'tia@farm.co',
- name: 'Tia Safitri',
- },
- created_user: {
- id: 9003,
- id_user: 9003,
- email: 'system@farm.co',
- name: 'System',
- },
- created_at: '2025-08-18T08:00:00Z',
- updated_at: '2025-10-01T08:00:00Z',
- },
- quantity: 300,
- },
- ],
- reason: 'Stage-by-stage transfer',
- created_user: {
- id: 9105,
- id_user: 9105,
- email: 'opslead@farm.co',
- name: 'Ops Lead',
- },
- created_at: '2025-10-15T06:00:00Z',
- updated_at: '2025-10-15T06:00:00Z',
- },
- {
- id: 207,
- transfer_date: '2025-10-16',
- flock_source: { id: 5, name: 'Flock E' },
- flock_destination: { id: 10, name: 'Laying House 1' },
- quantity: 500,
- kandangs: [
- {
- kandang: {
- id: 18,
- capacity: 1000,
- name: 'KDG-18',
- status: 'ACTIVE',
- location: {
- id: 105,
- name: 'Farm Epsilon',
- address: 'Kp. Epsilon',
- area: { id: 1005, name: 'Area Tengah' },
- },
- pic: {
- id: 512,
- id_user: 512,
- email: 'lukas@farm.co',
- name: 'Lukas Aditya',
- },
- created_user: {
- id: 9006,
- id_user: 9006,
- email: 'ops@farm.co',
- name: 'Ops Bot',
- },
- created_at: '2025-09-01T08:00:00Z',
- updated_at: '2025-10-12T08:00:00Z',
- },
- quantity: 250,
- },
- {
- kandang: {
- id: 19,
- capacity: 1000,
- name: 'KDG-19',
- status: 'ACTIVE',
- location: {
- id: 105,
- name: 'Farm Epsilon',
- address: 'Kp. Epsilon',
- area: { id: 1005, name: 'Area Tengah' },
- },
- pic: {
- id: 513,
- id_user: 513,
- email: 'maya@farm.co',
- name: 'Maya Kartika',
- },
- created_user: {
- id: 9006,
- id_user: 9006,
- email: 'ops@farm.co',
- name: 'Ops Bot',
- },
- created_at: '2025-09-03T08:00:00Z',
- updated_at: '2025-10-12T08:00:00Z',
- },
- quantity: 250,
- },
- ],
- reason: 'Trial batch',
- created_user: {
- id: 9106,
- id_user: 9106,
- email: 'planner@farm.co',
- name: 'Planning',
- },
- created_at: '2025-10-16T06:00:00Z',
- updated_at: '2025-10-16T06:00:00Z',
- },
- {
- id: 208,
- transfer_date: '2025-10-17',
- flock_source: { id: 6, name: 'Flock F' },
- flock_destination: { id: 13, name: 'Laying House 4' },
- quantity: 1300,
- kandangs: [
- {
- kandang: {
- id: 25,
- capacity: 1000,
- name: 'KDG-25',
- status: 'ACTIVE',
- location: {
- id: 106,
- name: 'Farm Zeta',
- address: 'Jl. Zeta 6',
- area: { id: 1006, name: 'Area Tenggara' },
- },
- pic: {
- id: 514,
- id_user: 514,
- email: 'rara@farm.co',
- name: 'Rara Pertiwi',
- },
- created_user: {
- id: 9007,
- id_user: 9007,
- email: 'ops@farm.co',
- name: 'Ops Bot',
- },
- created_at: '2025-09-07T08:00:00Z',
- updated_at: '2025-10-13T08:00:00Z',
- },
- quantity: 700,
- },
- {
- kandang: {
- id: 26,
- capacity: 1000,
- name: 'KDG-26',
- status: 'ACTIVE',
- location: {
- id: 106,
- name: 'Farm Zeta',
- address: 'Jl. Zeta 6',
- area: { id: 1006, name: 'Area Tenggara' },
- },
- pic: {
- id: 515,
- id_user: 515,
- email: 'doni@farm.co',
- name: 'Doni Firmansyah',
- },
- created_user: {
- id: 9007,
- id_user: 9007,
- email: 'ops@farm.co',
- name: 'Ops Bot',
- },
- created_at: '2025-09-09T08:00:00Z',
- updated_at: '2025-10-13T08:00:00Z',
- },
- quantity: 600,
- },
- ],
- reason: 'Open new house',
- created_user: {
- id: 9107,
- id_user: 9107,
- email: 'scheduler@farm.co',
- name: 'Scheduler',
- },
- created_at: '2025-10-17T06:00:00Z',
- updated_at: '2025-10-17T06:00:00Z',
- },
- ],
-};
-
-// TODO: delete this dummy data
-const FLOCK_SOURCE_DUMMY_DATA: BaseApiResponse = {
- code: 200,
- status: 'success',
- message: 'Get all projectflocks successfully',
- meta: {
- page: 1,
- limit: 10,
- total_pages: 1,
- total_results: 2,
- },
- data: [
- {
- id: 2,
- name: 'Flock Banten',
- totalQuantity: 300,
- kandangs: [
- {
- kandang: {
- id: 3,
- capacity: 1000,
- name: 'Cikaum 1',
- status: 'ACTIVE',
- location: {
- id: 1,
- name: 'Singaparna',
- address: 'Tasik',
- area: {
- id: 1,
- name: 'test area',
- },
- },
- pic: {
- id: 1,
- id_user: 1,
- email: 'admin@mbugroup.id',
- name: 'Super Admin',
- },
- },
- quantity: 100,
- },
- {
- kandang: {
- id: 4,
- capacity: 1000,
- name: 'Cikaum 2',
- status: 'ACTIVE',
- location: {
- id: 1,
- name: 'Singaparna',
- address: 'Tasik',
- area: {
- id: 1,
- name: 'test area',
- },
- },
- pic: {
- id: 1,
- id_user: 1,
- email: 'admin@mbugroup.id',
- name: 'Super Admin',
- },
- },
- quantity: 150,
- },
- {
- kandang: {
- id: 5,
- capacity: 1000,
- name: 'Cikaum 3',
- status: 'ACTIVE',
- location: {
- id: 1,
- name: 'Singaparna',
- address: 'Tasik',
- area: {
- id: 1,
- name: 'test area',
- },
- },
- pic: {
- id: 1,
- id_user: 1,
- email: 'admin@mbugroup.id',
- name: 'Super Admin',
- },
- },
- quantity: 50,
- },
- ],
- },
-
- {
- id: 3,
- name: 'Flock Priangan',
- totalQuantity: 200,
- kandangs: [
- {
- kandang: {
- id: 3,
- capacity: 1000,
- name: 'Cikaum 1',
- status: 'ACTIVE',
- location: {
- id: 1,
- name: 'Singaparna',
- address: 'Tasik',
- area: {
- id: 1,
- name: 'Priangan',
- },
- },
- pic: {
- id: 1,
- id_user: 1,
- email: 'admin@mbugroup.id',
- name: 'Super Admin',
- },
- },
- quantity: 100,
- },
- {
- kandang: {
- id: 4,
- capacity: 1000,
- name: 'Cikaum 2',
- status: 'ACTIVE',
- location: {
- id: 1,
- name: 'Singaparna',
- address: 'Tasik',
- area: {
- id: 1,
- name: 'test area',
- },
- },
- pic: {
- id: 1,
- id_user: 1,
- email: 'admin@mbugroup.id',
- name: 'Super Admin',
- },
- },
- quantity: 100,
- },
- ],
- },
- ],
-};
+import { httpClient } from '@/services/http/client';
+import { ProjectFlockAvailableQuantity } from '@/types/api/production/project-flock';
+import { isResponseSuccess } from '@/lib/api-helper';
export class TransferToLayingService extends BaseApiService<
TransferToLaying,
@@ -764,133 +20,190 @@ export class TransferToLayingService extends BaseApiService<
super(basePath);
}
- // TODO: remove dummy data and integrate to real API
- override async getAllFetcher(
- endpoint: string
- ): Promise> {
- // return await httpClientFetcher>(endpoint);
-
- await sleep(750);
-
- return GET_ALL_TRANSFER_TO_LAYING_DUMMY_DATA;
- }
-
- // TODO: remove dummy data and integrate to real API
- async getFlockSource(): Promise<
- BaseApiResponse | undefined
- > {
- try {
- // const getFlockSourcePath = `${this.basePath}/${flockSourcePath}`;
- // const getSingleRes = await httpClient(getFlockSourcePath);
- // return getSingleRes;
-
- await sleep(500);
-
- return FLOCK_SOURCE_DUMMY_DATA;
- } catch (error) {
- // if (axios.isAxiosError>(error)) {
- // return error.response?.data;
- // }
-
- return undefined;
- }
- }
-
- // TODO: remove dummy data and integrate to real API
async approve(
- id: number
- ): Promise | undefined> {
+ id: number,
+ notes?: string
+ ): Promise | undefined> {
try {
- await sleep(750);
+ const approveRes = await httpClient>(
+ `${this.basePath}/approvals`,
+ {
+ method: 'POST',
+ body: {
+ action: 'APPROVED',
+ approvable_ids: [id],
+ notes: notes,
+ },
+ }
+ );
- return {
- code: 200,
- status: 'success',
- message: 'Berhasil approve data transfer ke laying!',
- data: {
- message: 'Berhasil approve data transfer ke laying!',
- },
- };
+ return approveRes;
} catch (error) {
- // if (axios.isAxiosError>(error)) {
- // return error.response?.data;
- // }
+ if (axios.isAxiosError>(error)) {
+ return error.response?.data;
+ }
return undefined;
}
}
- // TODO: remove dummy data and integrate to real API
async bulkApprove(
- ids: number[]
- ): Promise | undefined> {
+ ids: number[],
+ notes?: string
+ ): Promise | undefined> {
try {
- await sleep(750);
+ const approveRes = await httpClient>(
+ `${this.basePath}/approvals`,
+ {
+ method: 'POST',
+ body: {
+ action: 'APPROVED',
+ approvable_ids: ids,
+ notes: notes,
+ },
+ }
+ );
- return {
- code: 200,
- status: 'success',
- message: 'Berhasil approve data transfer ke laying!',
- data: {
- message: 'Berhasil approve data transfer ke laying!',
- },
- };
+ return approveRes;
} catch (error) {
- // if (axios.isAxiosError>(error)) {
- // return error.response?.data;
- // }
+ if (axios.isAxiosError>(error)) {
+ return error.response?.data;
+ }
return undefined;
}
}
- // TODO: remove dummy data and integrate to real API
async reject(
- id: number
- ): Promise | undefined> {
+ id: number,
+ notes?: string
+ ): Promise | undefined> {
try {
- await sleep(750);
+ const rejectRes = await httpClient>(
+ `${this.basePath}/approvals`,
+ {
+ method: 'POST',
+ body: {
+ action: 'REJECTED',
+ approvable_ids: [id],
+ notes: notes,
+ },
+ }
+ );
- return {
- code: 200,
- status: 'success',
- message: 'Berhasil reject data transfer ke laying!',
- data: {
- message: 'Berhasil reject data transfer ke laying!',
- },
- };
+ return rejectRes;
} catch (error) {
- // if (axios.isAxiosError>(error)) {
- // return error.response?.data;
- // }
+ if (axios.isAxiosError>(error)) {
+ return error.response?.data;
+ }
return undefined;
}
}
- // TODO: remove dummy data and integrate to real API
async bulkReject(
- ids: number[]
- ): Promise | undefined> {
+ ids: number[],
+ notes?: string
+ ): Promise | undefined> {
try {
- await sleep(750);
+ const rejectRes = await httpClient>(
+ `${this.basePath}/approvals`,
+ {
+ method: 'POST',
+ body: {
+ action: 'REJECTED',
+ approvable_ids: ids,
+ notes: notes,
+ },
+ }
+ );
- return {
- code: 200,
- status: 'success',
- message: 'Berhasil reject data transfer ke laying!',
- data: {
- message: 'Berhasil reject data transfer ke laying!',
- },
- };
+ return rejectRes;
} catch (error) {
- // if (axios.isAxiosError>(error)) {
- // return error.response?.data;
- // }
+ if (axios.isAxiosError>(error)) {
+ return error.response?.data;
+ }
+
+ return undefined;
+ }
+ }
+
+ async getAvailabelQty(projectFlockId: number) {
+ try {
+ const availableQtyRes = await httpClient<
+ BaseApiResponse
+ >(`${this.basePath}/project-flocks/${projectFlockId}/available-qty`);
+
+ return availableQtyRes;
+ } catch (error) {
+ if (
+ axios.isAxiosError>(
+ error
+ )
+ ) {
+ return error.response?.data;
+ }
+
+ return undefined;
+ }
+ }
+
+ async getMappedFlockKandangsAvailability(projectFlockId: number) {
+ try {
+ const flockAvailableQty = await this.getAvailabelQty(projectFlockId);
+
+ const flockKandangsAvailableQty = isResponseSuccess(flockAvailableQty)
+ ? flockAvailableQty.data.kandangs
+ : [];
+
+ const mappedFlockKandangsAvailableQty: Record<
+ number,
+ (typeof flockKandangsAvailableQty)[0]
+ > = {};
+
+ flockKandangsAvailableQty.forEach((item) => {
+ if (!mappedFlockKandangsAvailableQty[item.project_flock_kandang_id]) {
+ mappedFlockKandangsAvailableQty[item.project_flock_kandang_id] = item;
+ }
+ });
+
+ return mappedFlockKandangsAvailableQty;
+ } catch (error) {
+ return undefined;
+ }
+ }
+
+ async getApprovalHistory(
+ transferToLayingId: number,
+ group: boolean = true,
+ page: number = 1,
+ limit: number = 10
+ ) {
+ try {
+ const approvalHistoryRes = await httpClient(
+ '/approvals',
+ {
+ query: {
+ module_name: 'TRANSFER_TO_LAYINGS',
+ module_id: transferToLayingId,
+ group_step_number: group ? 'true' : 'false',
+ page,
+ limit,
+ },
+ }
+ );
+
+ return approvalHistoryRes;
+ } catch (error) {
+ if (axios.isAxiosError(error)) {
+ return error.response?.data;
+ }
return undefined;
}
}
}
-export const TransferToLayingApi = new TransferToLayingService('');
+export const TransferToLayingApi = new TransferToLayingService(
+ '/production/transfer_layings'
+);
diff --git a/src/types/api/master-data/flock.d.ts b/src/types/api/master-data/flock.d.ts
index daa7babf..e0dcfda4 100644
--- a/src/types/api/master-data/flock.d.ts
+++ b/src/types/api/master-data/flock.d.ts
@@ -12,15 +12,3 @@ export type CreateFlockPayload = {
};
export type UpdateFlockPayload = CreateFlockPayload;
-
-// ---------------------------------------
-// TODO: adjust this later after Transfer to Laying API done
-import { BaseKandang } from '@/types/api/master-data/kandang';
-
-export type FlockWithKandangs = BaseFlock & {
- totalQuantity: number;
- kandangs: {
- kandang: BaseKandang;
- quantity: number;
- }[];
-};
diff --git a/src/types/api/master-data/kandang.d.ts b/src/types/api/master-data/kandang.d.ts
index eafa0334..c9c14882 100644
--- a/src/types/api/master-data/kandang.d.ts
+++ b/src/types/api/master-data/kandang.d.ts
@@ -10,6 +10,7 @@ export type BaseKandang = {
capacity: number;
pic: BaseUser;
project_flock_kandang_id?: number;
+ capacity: number;
};
export type Kandang = BaseMetadata & BaseKandang;
diff --git a/src/types/api/production/project-flock.d.ts b/src/types/api/production/project-flock.d.ts
index 15f60af9..9e6e7c3c 100644
--- a/src/types/api/production/project-flock.d.ts
+++ b/src/types/api/production/project-flock.d.ts
@@ -8,6 +8,7 @@ import { BaseApproval, BaseMetadata } from '@/types/api/api-general';
export type BaseProjectFlock = {
id: number;
name: string;
+ flock_name: string;
status: string;
flock?: Flock;
flock_i?: number;
@@ -21,7 +22,9 @@ export type BaseProjectFlock = {
location_id: number;
period: number;
kandang_ids: number[];
- kandangs: Kandang[];
+ kandangs: (Kandang & {
+ project_flock_kandang_id: number;
+ })[];
approval: BaseApproval;
};
@@ -48,3 +51,13 @@ export type ProjectFlockApprovalPayload = {
action: 'APPROVED' | 'REJECTED';
approvable_ids: number[];
};
+
+export type ProjectFlockAvailableQuantity = {
+ project_flock_id: number;
+ flock_name: string;
+ category: 'LAYING' | 'GROWING';
+ kandangs: {
+ project_flock_kandang_id: number;
+ available_qty: number;
+ }[];
+};
diff --git a/src/types/api/production/transfer-to-laying.d.ts b/src/types/api/production/transfer-to-laying.d.ts
index 77d35d8f..deafda8a 100644
--- a/src/types/api/production/transfer-to-laying.d.ts
+++ b/src/types/api/production/transfer-to-laying.d.ts
@@ -1,34 +1,88 @@
-import { BaseApiResponse, BaseMetadata, flags } from '@/types/api/api-general';
-import { Kandang } from '@/types/api/master-data/kandang';
+import {
+ BaseApiResponse,
+ BaseMetadata,
+ CreatedUser,
+ flags,
+} from '@/types/api/api-general';
+import { BaseKandang, Kandang } from '@/types/api/master-data/kandang';
+import { WarehouseType } from '@/types/api/master-data/warehouse';
export type BaseTransferToLaying = {
id: number;
+ transfer_number: string;
transfer_date: string;
- flock_source: {
+ notes: string;
+ from_project_flock: {
id: number;
- name: string;
+ flock_name: string;
+ category: 'GROWING' | 'LAYING';
};
- flock_destination: {
+ to_project_flock: {
id: number;
- name: string;
+ flock_name: string;
+ category: 'GROWING' | 'LAYING';
};
- quantity: number;
- kandangs: {
- kandang: Kandang;
- quantity: number;
+ pending_usage_qty: number | null;
+ usage_qty: number | null;
+
+ sources: {
+ source_project_flock_kandang: {
+ id: number;
+ kandang: Omit;
+ };
+ qty: number;
+ product_warehouse: {
+ product: {
+ id: number;
+ name: string;
+ };
+ warehouse: {
+ id: number;
+ name: string;
+ type: WarehouseType;
+ };
+ };
}[];
- reason: string;
+
+ targets: {
+ target_project_flock_kandang: {
+ id: number;
+ kandang: Omit;
+ };
+ qty: number;
+ product_warehouse: {
+ product: {
+ id: number;
+ name: string;
+ };
+ warehouse: {
+ id: number;
+ name: string;
+ type: WarehouseType;
+ };
+ };
+ }[];
+
+ created_by: number;
+ created_user: CreatedUser;
+ created_at: string;
+
+ approval: BaseApproval;
};
export type TransferToLaying = BaseMetadata & BaseTransferToLaying;
export type CreateTransferToLayingPayload = {
transfer_date: string;
- flock_source_id: number;
- flock_destination_id: number;
+ source_project_flock_id: number;
+ target_project_flock_id: number;
totalQuantity: number;
- kandangs: {
- kandang_id: number;
+ source_kandangs: {
+ project_flock_kandang_id: number;
+ quantity: number;
+ }[];
+ target_kandangs: {
+ project_flock_kandang_id: number;
quantity: number;
}[];
reason: string;