import { defineStore } from 'pinia'; import { ref } from 'vue'; // NOTE at type import { QuotationPayload, EmployeeWorker } from 'src/stores/quotations/types'; import { useQuotationStore } from 'stores/quotations'; export const useQuotationForm = defineStore('form-quotation', () => { const quotationStore = useQuotationStore(); const defaultFormData: QuotationPayload = { productServiceList: [ { vat: 0, pricePerUnit: 0, discount: 0, amount: 0, productId: '', workId: '', serviceId: '', }, ], urgent: false, customerBranchId: '', worker: [], workerCount: 0, payBillDate: new Date(), paySplit: [], paySplitCount: 0, payCondition: 'Full', dueDate: new Date(), documentReceivePoint: '', contactTel: '', contactName: '', workName: '', actorName: '', status: 'CREATED', }; const resetFormData = structuredClone(defaultFormData); const currentFormData = ref(structuredClone(resetFormData)); function isFormDataDifferent() { const { ...resetData } = resetFormData; const { ...currData } = currentFormData.value; return JSON.stringify(resetData) !== JSON.stringify(currData); } function resetForm(clean = false) { if (clean) { currentFormData.value = structuredClone(defaultFormData); resetFormData = structuredClone(defaultFormData); return; } currentFormData.value = structuredClone(resetFormData); } async function assignFormData(id: string) {} function submiQuotationt() {} function injectNewEmployee(data: EmployeeWorker) { currentFormData.value.worker.push({ alienReferencNumber: data.alienReferencNumber, documentExpireDate: data.documentExpireDate, lastNameEN: data.lastNameEN, lastName: data.lastName, middleNameEN: data.middleNameEN, middleName: data.middleName, firstNameEN: data.firstNameEN, firstName: data.firstName, namePrefix: data.namePrefix, nationality: data.nationality, gender: data.gender, dateOfBirth: data.dateOfBirth, }); } return { currentFormData, injectNewEmployee, isFormDataDifferent, resetForm, assignFormData, submiQuotationt, }; });