@redneckz/wildless-cms-uni-blocks 0.14.700 → 0.14.702

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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redneckz/wildless-cms-uni-blocks",
-  "version": "0.14.700",
+  "version": "0.14.702",
   "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/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;
+};

package/src/api/RetailAPI/updateUserTask.ts

@@ -52,12 +52,12 @@ export type Participant = {
   midname?: string;
   name?: string;
   surname?: string;
-  profile?: {
+  profile: {
     id: number;
   };
   armyIdFlg?: boolean;
   birthPlace?: string;
-  childrenDependents?: number;
+  childrenDependents?: string;
   genderCd?: Option;
   dulIssueDate?: string;
   dulIssuedBy?: string;
@@ -68,13 +68,13 @@ export type Participant = {
   employeesNumberCd?: Option;
   employmentContractDate?: string;
   employmentTypeCd?: Option;
-  generalSeniority?: number;
+  generalSeniority?: string;
   homeMatchFlg?: boolean;
   houseTypeCd?: Option;
   incomeCertificateCd?: Option;
   initiateBankruptcyFlg?: boolean;
-  jobsNumber?: number;
-  lastWorkDuration?: number;
+  jobsNumber?: string;
+  lastWorkDuration?: string;
   maritalStatusCd?: Option;
   militaryStatusCd?: Option;
   organizationActivityTypeCd?: Option;
@@ -82,7 +82,7 @@ export type Participant = {
   organizationKindCd?: Option;
   organizationName?: string;
   organizationTypeCd?: Option;
-  otherDependents?: number;
+  otherDependents?: string;
   ownershipShare?: string;
   opf?: string;
   participantAddresses?: ParticipantAddress[];
@@ -94,14 +94,14 @@ export type Participant = {
   seniority?: string;
   seniorityInterruptionsFlg?: boolean;
   snils?: string;
-  totalDependents?: number;
+  totalDependents?: string;
   bankruptcyFlg?: boolean;
   shareholderFlg?: boolean;
   nameLegalEntity?: string;
   creditInRshbCd?: Option;
   participantContacts?: Array<{
     contactTypeCd: {
-      key: 'EMAIL' | 'MAIN_PHONE';
+      key: 'EMAIL' | 'MAIN_PHONE' | 'ORGANIZATION_PHONE';
     };
     value: string;
   }>;

package/src/components/ApplicationLeadForm/LeadFormState.ts

@@ -84,9 +84,9 @@ export interface LeadFormState extends FormConsents, FormStateDeliveryType {
   legalForm?: string;
   organizationName?: string;
   generalSeniority?: string;
-  lastJobExperience?: number;
-  experience5Years?: number;
-  jobsNumber?: number;
+  lastJobExperience?: string;
+  experience5Years?: string;
+  jobsNumber?: string;
   organizationAddress?: Address;
   beginDate?: Date | string;
   addressFact?: Address;
@@ -105,9 +105,9 @@ export interface LeadFormState extends FormConsents, FormStateDeliveryType {
   consentAssignmentClaimsFlg?: boolean;
   consentCollectionFlg?: boolean;
   familyStatus?: Option;
-  children?: number;
-  familyMembers?: number;
-  dependents?: number;
+  children?: string;
+  familyMembers?: string;
+  dependents?: string;
   totalIncome?: number;
   expenses?: number;
   snils?: string;