@redneckz/wildless-cms-uni-blocks 0.14.699 → 0.14.701

package/mobile/src/ui-kit/DraftDialog/DraftDialog.tsx

@@ -0,0 +1,91 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
+import { type Task } from '../../api/RetailAPI/draftTasksKZO';
+import { useLeadFormStore } from '../../components/ApplicationLeadForm/useLeadFormStore';
+import { locationNavigator } from '../../external/locationNavigator';
+import { useSetter } from '../../hooks/useSetter';
+import { noop } from '../../utils/noop';
+import { Button } from '../Button/Button';
+import { Dialog } from '../DialogManager/Dialog';
+import { Heading } from '../Heading/Heading';
+import { DraftActionButton } from './DraftActionButton';
+import { parseDraftTask } from './parseDraftTask';
+import { creditCodesToProgrammIdMap, creditProgramCodeToProductIdMap } from './utils';
+
+export interface DraftDialogProps {
+  task: Task;
+  isFromLead?: boolean;
+  onClose?: () => void;
+}
+
+export const DraftDialog = JSX<DraftDialogProps>(function ({
+  task,
+  isFromLead = false,
+  onClose = noop,
+}) {
+  const leadFormStore = useLeadFormStore();
+  const saveForm = useSetter(leadFormStore, 'leadForm');
+  const navigator = locationNavigator();
+
+  const { participants, creditProgram, id: taskId } = task;
+
+  const programmId: string = creditProgramCodeToProductIdMap[creditProgram.code];
+  const isCredit = Boolean(creditCodesToProgrammIdMap[creditProgram.code]);
+  const nextStepLink = isCredit ? '/credit-lead' : '/credit-card-lead';
+
+  const { name, midname, id: participantId, profile } = participants[0];
+
+  const handleGoToDraft = useCallback(() => {
+    const taskFromDraft = parseDraftTask(task);
+    leadFormStore.participantId = participantId;
+    leadFormStore.taskId = taskId;
+    leadFormStore.profileId = profile?.id;
+    leadFormStore.programId = programmId;
+    saveForm(taskFromDraft);
+    navigator.assign(nextStepLink);
+  }, []);
+
+  const handleGoToNewTask = useCallback(() => {
+    navigator.assign(isCredit ? '/natural/loans/all-goals' : '/natural/creditcards/svoya');
+  }, []);
+
+  const handleGoToMainPage = useCallback(() => {
+    navigator.assign('/');
+  }, []);
+
+  const appeal = name && midname ? `${name} ${midname}, ` : '';
+
+  return (
+    <Dialog
+      className="my-6xl max-w-3xl w-full min-h-fit mx-auto rounded-lg py-0 px-5xl"
+      onClose={onClose}
+    >
+      <div className="flex flex-col gap-lg">
+        <Heading
+          className="whitespace-pre-wrap"
+          title={`${appeal}мы нашли черновик вашей заявки.\nПродолжите заполнение?`}
+          headingType="h5"
+        />
+        <DraftActionButton
+          title="Перейти к черновику"
+          icon="api/v1/wcms-file-storage/72d06937-5d8b-4996-9503-52389b93919e/file.svg"
+          description="Продолжайте заполнять заявку из черновика"
+          onClick={handleGoToDraft}
+        />
+        <DraftActionButton
+          title={isFromLead ? 'Продолжить заполнение текущей заявки' : 'Заполнить новую заявку'}
+          icon="api/v1/wcms-file-storage/796c3e8d-341a-480b-b52f-3aa5784ed623/file.svg"
+          onClick={isFromLead ? onClose : handleGoToNewTask}
+        />
+        <Button
+          type="button"
+          version="secondary"
+          className="w-full text-h5"
+          onClick={handleGoToMainPage}
+        >
+          Вернуться на главную
+        </Button>
+      </div>
+    </Dialog>
+  );
+});

package/mobile/src/ui-kit/DraftDialog/EmptyDraftDialog.tsx

@@ -0,0 +1,47 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
+import { locationNavigator } from '../../external/locationNavigator';
+import { noop } from '../../utils/noop';
+import { Button } from '../Button/Button';
+import { Dialog } from '../DialogManager/Dialog';
+import { Heading } from '../Heading/Heading';
+import { Paragraph } from '../Paragraph/Paragraph';
+
+export interface EmptyDraftDialogProps {
+  onClose?: () => void;
+}
+
+export const EmptyDraftDialog = JSX<EmptyDraftDialogProps>(function ({ onClose = noop }) {
+  const navigator = locationNavigator();
+
+  const handleGoNewTask = useCallback(() => {
+    navigator.assign('/natural/loans/all-goals');
+  }, []);
+
+  const handleGoMainPage = useCallback(() => {
+    navigator.assign('/');
+  }, []);
+
+  return (
+    <Dialog
+      className="my-6xl max-w-3xl w-full min-h-fit mx-auto rounded-lg py-0 px-5xl"
+      onClose={onClose}
+    >
+      <div className="flex flex-col gap-lg">
+        <Heading className="text-center" title="Заявки не найдены" headingType="h3" />
+        <Paragraph size="text-l" align="text-center">
+          По данному номеру не найдено незавершенных заявок. Вы можете заполнить новую заявку или
+          вернуться на главную страницу
+        </Paragraph>
+
+        <Button type="button" className="w-full" onClick={handleGoNewTask}>
+          Заполнить новую заявку
+        </Button>
+
+        <Button type="button" version="secondary" className="w-full" onClick={handleGoMainPage}>
+          Вернуться на главную
+        </Button>
+      </div>
+    </Dialog>
+  );
+});

package/mobile/src/ui-kit/DraftDialog/parseDraftTask.ts

@@ -0,0 +1,123 @@
+/* eslint-disable max-lines-per-function */
+import { type Task } from '../../api/RetailAPI/draftTasksKZO';
+import { type LeadFormState } from '../../components/ApplicationLeadForm/LeadFormState';
+import {
+  getParticipantAddresses,
+  getParticipantContacts,
+  getParticipantGender,
+  getParticipantIncomes,
+  getSelectValue,
+} from './utils';
+
+export const parseDraftTask = (task: Task): LeadFormState => {
+  const participant = task.participants[0];
+
+  const { loanAmount: moneyValue, creditPeriod: monthsValue, paymentTypeCd } = task;
+
+  const {
+    currencyCode: currency,
+    paymentSystemTypeCd: paymentSystem,
+    classCard: cardCategory,
+    codeWord,
+    birthDate: limitedBirthday,
+    midname: middleName,
+    name,
+    surname,
+    birthPlace,
+    dulIssueDate: dulIssueDateField,
+    dulIssuedBy,
+    dulNumber,
+    dulSerie,
+    dulSubdivisionCode,
+    educationLevelCd: education,
+    registrationDate: participantDateRegistration,
+    houseTypeCd: housing,
+    genderCd,
+    participantContacts = [],
+    participantAddresses = [],
+    employmentContractDate: beginDate,
+    employmentTypeCd: employment,
+    organizationName,
+    organizationInn: inn,
+    organizationActivityTypeCd: employerActivities,
+    organizationTypeCd: organization,
+    organizationKindCd: employerOrganization,
+    employeesNumberCd: amountWorkers,
+    opf: legalForm,
+    seniority: generalSeniority,
+    generalSeniority: experience5Years,
+    jobsNumber,
+    lastWorkDuration: lastJobExperience,
+    positionCd: positionOrganization,
+    maritalStatusCd: familyStatus,
+    childrenDependents: children,
+    totalDependents: familyMembers,
+    otherDependents: dependents,
+    militaryStatusCd: conscription,
+    participantIncomes,
+    snils,
+    armyIdFlg,
+    bankruptcyFlg,
+    shareholderFlg,
+    nameLegalEntity: legalEntityName,
+    creditInRshbCd,
+    payrollCardRshbFlg: isInsurance,
+    consentInsuranceFlg: isSalaryClient,
+  } = participant;
+
+  return {
+    currency: currency?.key,
+    paymentSystem,
+    cardCategory: getSelectValue(cardCategory),
+    codeWord,
+    limitedBirthday,
+    middleName,
+    name,
+    surname,
+    birthPlace,
+    dulIssueDateField,
+    dulIssuedBy,
+    dulNumber,
+    dulSerie,
+    dulSubdivisionCode,
+    education: getSelectValue(education),
+    participantDateRegistration,
+    housing: getSelectValue(housing),
+    beginDate,
+    employment: getSelectValue(employment),
+    organizationName,
+    inn,
+    employerActivities: getSelectValue(employerActivities),
+    organization: getSelectValue(organization),
+    employerOrganization: getSelectValue(employerOrganization),
+    amountWorkers: getSelectValue(amountWorkers),
+    legalForm,
+    generalSeniority: generalSeniority?.toString(),
+    experience5Years: experience5Years?.toString(),
+    jobsNumber: jobsNumber?.toString(),
+    lastJobExperience: lastJobExperience?.toString(),
+    positionOrganization: getSelectValue(positionOrganization),
+    familyStatus: getSelectValue(familyStatus),
+    children: children?.toString(),
+    familyMembers: familyMembers?.toString(),
+    dependents: dependents?.toString(),
+    conscription: getSelectValue(conscription),
+    snils,
+    armyIdFlg,
+    bankruptcyFlg,
+    shareholderFlg,
+    legalEntityName,
+    creditInRshbCd: getSelectValue(creditInRshbCd),
+    calculator: {
+      isInsurance,
+      isSalaryClient,
+      moneyValue,
+      monthsValue,
+      isAnnuity: paymentTypeCd?.key === 'ANNUITY',
+    },
+    ...getParticipantIncomes(participantIncomes),
+    ...getParticipantAddresses(participantAddresses),
+    ...getParticipantContacts(participantContacts),
+    ...getParticipantGender(genderCd),
+  };
+};

package/mobile/src/ui-kit/DraftDialog/useDraftDialog.tsx

@@ -0,0 +1,21 @@
+import { type Task } from '../../api/RetailAPI/draftTasksKZO';
+import { useDialog } from '../DialogManager/useDialog';
+import { DraftDialog } from './DraftDialog';
+import { EmptyDraftDialog } from './EmptyDraftDialog';
+
+type useDraftDialogOpenProps = {
+  task?: Task;
+  isFromLead?: boolean;
+  onClose?: () => void;
+};
+
+export const useDraftDialog = () => {
+  const { open: openDraftDialog } = useDialog(DraftDialog);
+  const { open: openEmptyDraftDialog } = useDialog(EmptyDraftDialog);
+
+  return {
+    open: ({ task, isFromLead, onClose }: useDraftDialogOpenProps) => {
+      task ? openDraftDialog({ task, isFromLead, onClose }) : openEmptyDraftDialog({});
+    },
+  };
+};

package/mobile/src/ui-kit/DraftDialog/utils.ts

@@ -0,0 +1,148 @@
+/* eslint-disable camelcase */
+import { type LeadProps } from '../../api/RetailAPI/model/LeadFormData';
+import { type Participant } from '../../api/RetailAPI/updateUserTask';
+import { type Option } from '../Select/Option';
+
+export const enum EContactType {
+  MainPhone = 'MAIN_PHONE',
+  SecondPhone = 'SECOND_PHONE',
+  HomePhoneFact = 'HOME_PHONE_FACT',
+  HomePhoneReg = 'HOME_PHONE_REG',
+  OrganizationPhone = 'ORGANIZATION_PHONE',
+  EMail = 'EMAIL',
+}
+
+export const enum EAddressType {
+  REGISTRATION = 'REGISTRATION',
+  RESIDENTAL = 'RESIDENTAL',
+  WORK = 'WORK',
+}
+
+export const enum EIncomesType {
+  INCOME_AVERAGE = 'INCOME_AVERAGE',
+  MANDATORY_PAYMENTS = 'MANDATORY_PAYMENTS',
+  ADDITIONAL_INCOME = 'ADDITIONAL_INCOME',
+  OTHER_INCOME = 'OTHER_INCOME',
+  OTHER_PAYMENTS = 'OTHER_PAYMENTS',
+  RENTAL_INCOME = 'RENTAL_INCOME',
+  WAGES = 'WAGES',
+  RETIREMENT_INCOME = 'RETIREMENT_INCOME',
+}
+
+export const creditCodesToProgrammIdMap = {
+  credit_cash: '10',
+  credit_cash_single_doc: '28',
+  credit_mcx: '39',
+  family_offer_credit: '41',
+  gas_engine_fuel: '33',
+  pension_credit: '12',
+  ref_credit: '11',
+  ref_credit_single_doc: '29',
+  self_employed: '34',
+  summer_cash: '35',
+  summer_cash_pens: '36',
+};
+
+export const cardCodesToProgrammIdMap = {
+  amur_card: '14',
+  owner_card: '13',
+  travel_card: '15',
+};
+
+export const creditProgramCodeToProductIdMap = {
+  ...creditCodesToProgrammIdMap,
+  ...cardCodesToProgrammIdMap,
+};
+
+export const getParticipantIncomes = (participantIncomes: Participant['participantIncomes']) => {
+  const wages = participantIncomes?.find(
+    (contact) => contact.incomeTypeCd.key === EIncomesType.WAGES,
+  )?.value;
+  const mandatoryPayments = participantIncomes?.find(
+    (contact) => contact.incomeTypeCd.key === EIncomesType.MANDATORY_PAYMENTS,
+  )?.value;
+  const incomeAverage = participantIncomes?.find(
+    (contact) => contact.incomeTypeCd.key === EIncomesType.INCOME_AVERAGE,
+  )?.value;
+  const additionalIncome = participantIncomes?.find(
+    (contact) => contact.incomeTypeCd.key === EIncomesType.ADDITIONAL_INCOME,
+  )?.value;
+  const otherIncome = participantIncomes?.find(
+    (contact) => contact.incomeTypeCd.key === EIncomesType.OTHER_INCOME,
+  )?.value;
+  const otherPayments = participantIncomes?.find(
+    (contact) => contact.incomeTypeCd.key === EIncomesType.OTHER_PAYMENTS,
+  )?.value;
+  const rentalIncome = participantIncomes?.find(
+    (contact) => contact.incomeTypeCd.key === EIncomesType.RENTAL_INCOME,
+  )?.value;
+  const retirementIncome = participantIncomes?.find(
+    (contact) => contact.incomeTypeCd.key === EIncomesType.RETIREMENT_INCOME,
+  )?.value;
+
+  return {
+    wages,
+    mandatoryPayments,
+    incomeAverage,
+    additionalIncome,
+    otherIncome,
+    otherPayments,
+    rentalIncome,
+    retirementIncome,
+  };
+};
+
+export const getParticipantAddresses = (
+  participantAddresses: Participant['participantAddresses'],
+) => {
+  const addressRegistration = participantAddresses?.find(
+    (address) => address.addressType.key === EAddressType.REGISTRATION,
+  );
+  const addressFact = participantAddresses?.find(
+    (address) => address.addressType.key === EAddressType.RESIDENTAL,
+  );
+  const organizationAddress = participantAddresses?.find(
+    (address) => address.addressType.key === EAddressType.WORK,
+  );
+
+  return {
+    addressRegistration,
+    addressFact,
+    organizationAddress,
+  };
+};
+
+export const getParticipantContacts = (participantContacts: Participant['participantContacts']) => {
+  const email = participantContacts?.find(
+    (contact) => contact.contactTypeCd.key === EContactType.EMail,
+  )?.value;
+  const phone = participantContacts?.find(
+    (contact) => contact.contactTypeCd.key === EContactType.MainPhone,
+  )?.value;
+  const organizationPhone = participantContacts?.find(
+    (contact) => contact.contactTypeCd.key === EContactType.OrganizationPhone,
+  )?.value;
+
+  return {
+    email,
+    phone,
+    organizationPhone,
+  };
+};
+
+export const getParticipantGender = (gender: Participant['genderCd']) => {
+  return gender?.key
+    ? {
+        sex: gender.key === 'MAN' ? 'male' : 'female',
+      }
+    : null;
+};
+
+export const getSelectValue = (option?: LeadProps): Option | undefined => {
+  return option?.key
+    ? {
+        key: option.key,
+        text: option.value,
+      }
+    : undefined;
+};

package/mobile/src/ui-kit/FormField/Fields/CardCategoryField.tsx

@@ -10,7 +10,7 @@ export const CardCategoryField = JSX<CustomFieldProps>(({ field, input }) => {
   const [cardTypes, setCardTypes] = useState<CardTypeData[]>([]);
   const [programId] = useLocalStorage<string>('programId');
   const { value: selectedCardCategory, onChange: cardCategoryChange } = field('cardCategory');
-  const selectedPaymentSystem = field('paymentSystem').value;
+  const selectedPaymentSystem = field('paymentSystem')?.value?.type;
 
   useEffect(() => {
     if (selectedPaymentSystem && programId) {

package/mobile/src/ui-kit/FormField/Fields/PaymentSystemField.tsx

@@ -1,8 +1,8 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { useEffect, useState } from '@redneckz/uni-jsx/lib/hooks';
+import { useCallback, useEffect, useState } from '@redneckz/uni-jsx/lib/hooks';
 import { getPaymentSystems } from '../../../api/RetailAPI/getPaymentSystems';
+import { type PaymentSystem } from '../../../api/RetailAPI/updateUserTask';
 import { useLocalStorage } from '../../../hooks/useLocalStorage';
-import { type RadioButtonItem } from '../../RadioButtonGroup/RadioButtonGroup';
 import { RadioButtonGroupControl } from '../../RadioButtonGroup/RadioButtonGroupControl';
 import { type CustomFieldProps } from '../CustomFieldProps';
 import { validatorObj } from '../getObjectValidator';
@@ -12,7 +12,7 @@ export const PaymentSystemField = JSX<CustomFieldProps>(({ field, input }) => {
   const { value, onChange } = field('paymentSystem');
   const [programId] = useLocalStorage<string>('programId');
 
-  const [paymentSystemOptions, setPaymentSystemOptions] = useState<RadioButtonItem[]>([]);
+  const [paymentSystemOptions, setPaymentSystemOptions] = useState<PaymentSystem[]>([]);
 
   useEffect(() => {
     if (programId) {
@@ -23,14 +23,22 @@ export const PaymentSystemField = JSX<CustomFieldProps>(({ field, input }) => {
     }
   }, []);
 
+  const handleChange = useCallback(
+    (type: string) => onChange?.(paymentSystemOptions?.find((_) => _.type === type)),
+    [paymentSystemOptions, onChange],
+  );
+
   return (
     <RadioButtonGroupControl
       label="Платежная система"
       orientation="horizontal"
-      items={paymentSystemOptions}
-      value={value}
-      onChange={(_) => onChange?.(_)}
+      items={formatPaymentSystems(paymentSystemOptions)}
       {...getValidation(field('paymentSystem'), validatorObj.paymentSystem, input?.required)}
+      value={value?.type}
+      onChange={handleChange}
     />
   );
 });
+
+const formatPaymentSystems = (paymentSystems: PaymentSystem[]) =>
+  paymentSystems?.map((_) => ({ id: _.type, text: _.name })) ?? [];

package/mobile/src/ui-kit/FormField/getObjectValidator.tsx

@@ -33,14 +33,14 @@ export const validatorObj: Record<string, Validator> = {
   birthday: defaultValidator('Укажите дату рождения'),
   limitedBirthday: limitedBirthdayValidator(),
   birthPlace: defaultValidator('Укажите место рождения'),
-  education: defaultValidator('Выберите ваше образование'),
-  housing: defaultValidator('Выберите тип жилья'),
-  employment: defaultValidator('Выберите информацию о трудоустройстве'),
-  organization: defaultValidator('Выберите тип организации'),
-  amountWorkers: defaultValidator('Выберите информацию о количестве сотрудников'),
-  employerActivities: defaultValidator('Выберите вид деятельности организации'),
-  employerOrganization: defaultValidator('Выберите вид организации'),
-  positionOrganization: defaultValidator('Выберите вашу должность'),
+  education: defaultSelectValidator('Выберите ваше образование'),
+  housing: defaultSelectValidator('Выберите тип жилья'),
+  employment: defaultSelectValidator('Выберите информацию о трудоустройстве'),
+  organization: defaultSelectValidator('Выберите тип организации'),
+  amountWorkers: defaultSelectValidator('Выберите информацию о количестве сотрудников'),
+  employerActivities: defaultSelectValidator('Выберите вид деятельности организации'),
+  employerOrganization: defaultSelectValidator('Выберите вид организации'),
+  positionOrganization: defaultSelectValidator('Выберите вашу должность'),
   dulSerie: serieValidator('Укажите серию паспорта'),
   dulNumber: numberValidator('Укажите номер паспорта'),
   dulIssueDateField: defaultValidator('Укажите дату выдачи паспорта'),
@@ -76,7 +76,7 @@ export const validatorObj: Record<string, Validator> = {
   consentPfrFlg: agreementValidator,
   consentOthersFlg: agreementValidator,
   consentInformFlg: agreementValidator,
-  familyStatus: defaultValidator('Выберите семейное положение'),
+  familyStatus: defaultSelectValidator('Выберите семейное положение'),
   children: lengthStringValidator(2, 'Укажите количество детей'),
   familyMembers: lengthStringValidator(2, 'Укажите количество членов семьи'),
   dependents: lengthStringValidator(2, 'Укажите количество иждивенцев'),
@@ -102,7 +102,7 @@ export const validatorObj: Record<string, Validator> = {
   addressRetail: defaultSelectValidator('Выберите адрес банка'),
   addressMatch: defaultValidator(),
   codeWord: codeWordValidator('Необходимо ввести кодовое слово'),
-  confirmationIncome: defaultValidator(),
+  confirmationIncome: defaultSelectValidator(),
   deliveryDate: defaultValidator('Укажите дату доставки'),
   addressCourier: addressDaDataValidator(),
   cardCategory: defaultValidator('Укажите категорию карты'),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redneckz/wildless-cms-uni-blocks",
-  "version": "0.14.699",
+  "version": "0.14.701",
   "private": false,
   "license": "MIT",
   "author": "ЦК",

package/src/api/RetailAPI/draftTasksKZO.ts

@@ -0,0 +1,33 @@
+import { fetchRetailJSON } from './doRequest';
+import { type Participant, type PaymentType } from './updateUserTask';
+
+export type Task = {
+  courierDeliveryFlg?: boolean;
+  creditPeriod?: number;
+  creditProgram: {
+    code: string;
+    name: string;
+  };
+  deliveryComment?: string;
+  deliveryDate?: string;
+  deliveryTimeCd?: {
+    value: string;
+  };
+  id: number;
+  loanAmount?: number;
+  office?: {
+    id: string;
+  };
+  participants: Participant[];
+  paymentTypeCd?: PaymentType;
+};
+
+type DraftTaskKZOResponse = {
+  tasks: Array<Task>;
+};
+
+export const draftTasksKZO = async (): Promise<DraftTaskKZOResponse['tasks']> => {
+  const res = await fetchRetailJSON<DraftTaskKZOResponse>('/user-data/draftTasksKZO', 'GET');
+
+  return res?.tasks || [];
+};

package/src/api/RetailAPI/getLastTaskStatus.ts

@@ -0,0 +1,21 @@
+import { fetchRetailJSON } from './doRequest';
+
+type GetLastTaskStatusBody = {
+  profileId: number;
+  programId: string;
+};
+
+type GetLastTaskStatusResponse = {
+  statusCd: string;
+  taskId: number;
+};
+
+export const getLastTaskStatus = async (body: GetLastTaskStatusBody): Promise<number | null> => {
+  const res = await fetchRetailJSON<GetLastTaskStatusResponse>(
+    '/user-data/getLastStatus',
+    'POST',
+    body,
+  );
+
+  return res?.statusCd === 'DRAFT' ? res?.taskId : null;
+};

package/src/api/RetailAPI/getPaymentSystems.ts

@@ -1,10 +1,8 @@
 import { fetchRetailJSON } from './doRequest';
+import { type PaymentSystem } from './updateUserTask';
 
 type PaymentSystemResponse = {
-  paymentSystems?: {
-    name: string;
-    type: string;
-  }[];
+  paymentSystems?: PaymentSystem[];
 };
 
 export const getPaymentSystems = async (creditProgramId: string) => {
@@ -16,10 +14,5 @@ export const getPaymentSystems = async (creditProgramId: string) => {
     },
   );
 
-  return (
-    data?.paymentSystems?.map((paymentSystem) => ({
-      id: paymentSystem.type,
-      text: paymentSystem.name,
-    })) ?? []
-  );
+  return data?.paymentSystems || [];
 };

package/src/api/RetailAPI/getTaskById.ts

@@ -0,0 +1,12 @@
+import { fetchRetailJSON } from './doRequest';
+import { type Task } from './draftTasksKZO';
+
+type GetTaskByIdBody = {
+  taskId: number;
+};
+
+export const getTaskById = async (body: GetTaskByIdBody): Promise<Task | undefined> => {
+  const res = await fetchRetailJSON<Task>('/user-data/getTaskById', 'POST', body);
+
+  return res || undefined;
+};