@redneckz/wildless-cms-uni-blocks 0.14.767 → 0.14.768

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

@@ -0,0 +1,80 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { useCallback, useState } from '@redneckz/uni-jsx/lib/hooks';
+import { noop } from '../../utils/noop';
+import { Button } from '../Button/Button';
+import { Dialog } from '../DialogManager/Dialog';
+import { useDocumentDialog } from '../DocumentDialog/useDocumentDialog';
+import { Heading } from '../Heading/Heading';
+import { Paragraph } from '../Paragraph/Paragraph';
+import { RadioButtonGroup } from '../RadioButtonGroup/RadioButtonGroup';
+
+export interface ConsentBkiDialogProps {
+  onSubmit?: (confirmStatus: string) => void;
+  onClose?: () => void;
+}
+
+const defaultConsentText = {
+  title: 'Подпишите согласие на запрос в БКИ',
+  description: 'Согласие на запрос в Бюро кредитных историй (БКИ) ускорит решение по кредиту',
+};
+
+const refuseConsentText = {
+  title: 'Вы уверены, что хотите отказаться от запроса в БКИ',
+  description: 'Согласие на запрос в Бюро кредитных историй (БКИ) повысит вероятность одобрения',
+};
+
+const ITEMS = [
+  { id: 'SIGNED', text: 'Подписать' },
+  { id: 'REFUSE', text: 'Отказаться' },
+];
+
+const CONSENT_BKI_ID = 2;
+
+export const ConsentBkiDialog = JSX<ConsentBkiDialogProps>(
+  ({ onSubmit = noop, onClose = noop }) => {
+    const [confirmStatus, setConfirmStatus] = useState('');
+    const [showRefuseContent, setShowRefuseContent] = useState(false);
+
+    const openDocument = useDocumentDialog(CONSENT_BKI_ID);
+
+    const handleSubmit = useCallback(() => {
+      onSubmit(confirmStatus);
+    }, [onSubmit, confirmStatus]);
+
+    const handleConfirmChange = useCallback((value: string) => {
+      setConfirmStatus(value);
+      if (value === 'REFUSE') {
+        setShowRefuseContent(true);
+      }
+    }, []);
+    const consentText = showRefuseContent ? refuseConsentText : defaultConsentText;
+
+    return (
+      <Dialog
+        className="my-6xl max-w-3xl w-full min-h-fit mx-auto rounded-lg px-5xl"
+        onClose={onClose}
+      >
+        <div className="flex flex-col gap-xl items-center">
+          <div role="button" onClick={openDocument}>
+            <Heading
+              className="text-center text-balance"
+              headingType="h2"
+              title={consentText.title}
+            />
+          </div>
+          <Paragraph align="text-center">{consentText.description}</Paragraph>
+          <RadioButtonGroup
+            className="whitespace-normal"
+            orientation="horizontal"
+            items={ITEMS}
+            value={confirmStatus}
+            onChange={handleConfirmChange}
+          />
+          <Button disabled={!confirmStatus} type="button" onClick={handleSubmit}>
+            Далее
+          </Button>
+        </div>
+      </Dialog>
+    );
+  },
+);

package/mobile/src/ui-kit/ConsentBkiDialog/useConsentBkiDialog.tsx

@@ -0,0 +1,45 @@
+import { updateUserProfile } from '../../api/RetailAPI/updateUserProfile';
+import { useDialog } from '../DialogManager/useDialog';
+import { VerifyPhoneDialog } from '../VerifyPhoneDialog/VerifyPhoneDialog';
+import { ConsentBkiDialog } from './ConsentBkiDialog';
+
+export const useConsentBkiDialog = (onClose: () => void) => {
+  const { open } = useDialog(ConsentBkiDialog);
+  const verifyPhoneDialog = useDialog(VerifyPhoneDialog);
+
+  const handleSuccessVerify = (profileId?: number) => async (smsCode?: string) => {
+    try {
+      if (profileId) {
+        await updateUserProfile({
+          profile: {
+            id: profileId,
+            consentBkiFlg: true,
+            smsConsentBki: smsCode,
+          },
+        });
+      }
+
+      onClose();
+    } catch (ex) {
+      console.log(ex);
+    }
+  };
+
+  const handleSubmitBkiConstent =
+    (phone?: string, profileId?: number) => async (confirmStatus: string) => {
+      if (confirmStatus === 'SIGNED' && phone) {
+        verifyPhoneDialog.open({
+          phone,
+          consents: ['согласие на запрос информации в БКИ'],
+          onSuccess: handleSuccessVerify(profileId),
+        });
+      } else {
+        onClose();
+      }
+    };
+
+  return {
+    open: (phone?: string, profileId?: number) =>
+      open({ onSubmit: handleSubmitBkiConstent(phone, profileId), onClose }),
+  };
+};

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

@@ -0,0 +1,35 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { useMobileMode } from '../../hooks/useMobileMode';
+import { Button } from '../Button/Button';
+import { Dialog } from '../DialogManager/Dialog';
+
+export interface DocumentDialogProps {
+  src: string;
+  onClose?: () => void;
+  onDocumentRead?: () => void;
+}
+
+// TODO Перенесено как есть из openDocument. Требует рефакторинга
+export const DocumentDialog = JSX<DocumentDialogProps>(({ src, onClose, onDocumentRead }) => {
+  const isMobileMode = useMobileMode();
+
+  return (
+    <Dialog className="my-6xl max-w-4xl mx-auto px-0 min-h-0 pb-0" onClose={onClose}>
+      {isMobileMode ? (
+        <img src={src} />
+      ) : (
+        <iframe src={`${src}#toolbar=0`} className="w-full h-[80vh]" id="iframe-dialog" />
+      )}
+      <Button
+        className="mx-auto mt-m"
+        type="button"
+        onClick={() => {
+          onDocumentRead?.();
+          onClose?.();
+        }}
+      >
+        Ознакомиться
+      </Button>
+    </Dialog>
+  );
+});

package/mobile/src/ui-kit/DocumentDialog/useDocumentDialog.ts

@@ -0,0 +1,18 @@
+import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
+import { feedbackById } from '../../api/RetailAPI/feedbackById';
+import { useMobileMode } from '../../hooks/useMobileMode';
+import type { Nullable } from '../../utils/Nullable';
+import { useDialog } from '../DialogManager/useDialog';
+import { DocumentDialog } from './DocumentDialog';
+
+export const useDocumentDialog = (docId: Nullable<number>, onDocumentRead?: () => void) => {
+  const { open } = useDialog(DocumentDialog);
+  const isMobileMode = useMobileMode();
+
+  return useCallback(async () => {
+    if (docId) {
+      const src = URL.createObjectURL(await feedbackById(docId, isMobileMode));
+      open({ src, onDocumentRead });
+    }
+  }, [open, docId, isMobileMode]);
+};

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

@@ -0,0 +1,34 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { Text } from '../../ui-kit/Text/Text';
+import { noop } from '../../utils/noop';
+import { type IconName } from '../Icon/IconProps';
+import { Img } from '../Img/Img';
+
+export interface DraftActionButtonProps {
+  title: string;
+  icon: IconName;
+  description?: string;
+  onClick?: () => void;
+}
+
+export const DraftActionButton = JSX<DraftActionButtonProps>(
+  ({ title, icon, description, onClick = noop }) => (
+    <button
+      className="flex gap-lg items-center border border-gray/30 rounded-xl cursor-pointer p-4 hover:border-green"
+      type="button"
+      onClick={onClick}
+    >
+      <Img image={{ icon, iconVersion: 'normal' }} width="78" height="78" />
+      <div className="flex flex-col items-start gap-xs md:w-72 md:mr-lg">
+        <Text font="font-medium" size="text-s">
+          {title}
+        </Text>
+        {description ? (
+          <Text color="text-secondary-text" size="text-xs">
+            {description}
+          </Text>
+        ) : null}
+      </div>
+    </button>
+  ),
+);

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

@@ -0,0 +1,75 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
+import { type Task } from '../../api/RetailAPI/draftTasksKZO';
+import { locationNavigator } from '../../external/locationNavigator';
+import { useRetailFormStore } from '../../hooks/useRetailFormStore';
+import { formatDate } from '../../utils/formatDate';
+import { noop } from '../../utils/noop';
+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 retailFormStore = useRetailFormStore();
+  const navigator = locationNavigator();
+
+  const { participants, creditProgram, createdDate = '', id: taskId } = task;
+
+  const programmId: string = creditProgramCodeToProductIdMap[creditProgram.code];
+  const isCredit = Boolean(creditCodesToProgrammIdMap[creditProgram.code]);
+  const nextStepLink = isCredit ? '/credit-lead' : '/credit-card-lead';
+
+  const { id: participantId, profile } = participants[0];
+
+  const handleGoToDraft = useCallback(() => {
+    const taskFromDraft = parseDraftTask(task);
+    retailFormStore.participantId = participantId;
+    retailFormStore.taskId = taskId;
+    retailFormStore.profileId = profile?.id;
+    retailFormStore.programId = programmId;
+    retailFormStore.leadForm = taskFromDraft;
+    navigator.assign(nextStepLink);
+  }, []);
+
+  const handleGoToNewTask = useCallback(() => {
+    navigator.assign(isCredit ? '/natural/loans/all-goals' : '/natural/creditcards/svoya');
+  }, []);
+
+  return (
+    <Dialog className="my-6xl max-w-4xl w-full min-h-fit mx-auto rounded-xl py-0" onClose={onClose}>
+      <div className="flex flex-col gap-lg items-center mt-xs md:mt-0 mx-6xl">
+        <Heading
+          className="whitespace-pre-wrap text-center"
+          title="Нашли черновик вашей заявки"
+          headingType="h5"
+        />
+        <div className="flex flex-col gap-m max-w-lg">
+          <DraftActionButton
+            title="Продолжить заполнение черновика"
+            icon="BankColorIcon"
+            description={createdDate ? `Черновик от ${formatDate(new Date(createdDate))}` : ''}
+            onClick={handleGoToDraft}
+          />
+          <DraftActionButton
+            title={isFromLead ? 'Продолжить заполнение текущей заявки' : 'Создать новую заявку'}
+            icon="NewLoanIcon"
+            description="На получение кредита"
+            onClick={isFromLead ? onClose : handleGoToNewTask}
+          />
+        </div>
+      </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,129 @@
+/* eslint-disable max-lines-per-function */
+import { type Task } from '../../api/RetailAPI/draftTasksKZO';
+import { type LeadFormState } from '../../services/retail/model/LeadFormState';
+import {
+  EMPLOYMENT_TYPE,
+  getParticipantAddresses,
+  getParticipantContacts,
+  getParticipantGender,
+  getParticipantIncomes,
+  getSelectValue,
+  INCOME_CERTIFICATE,
+} from './utils';
+
+export const parseDraftTask = (task: Task): LeadFormState => {
+  const participant = task.participants[0];
+  const {
+    classCard: cardCategory,
+    codeWord,
+    paymentSystemTypeCd: paymentSystem,
+    currencyCode: currency,
+  } = task;
+
+  const { loanAmount: moneyValue, creditPeriod: monthsValue, paymentTypeCd } = task;
+
+  const {
+    birthDate: limitedBirthday,
+    midname: middleName,
+    name,
+    surname,
+    birthPlace,
+    dulIssueDate: dulIssueDate,
+    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,
+    incomeCertificateCd,
+  } = participant;
+
+  return {
+    currency: currency?.key,
+    paymentSystem: getSelectValue(paymentSystem),
+    cardCategory: getSelectValue(cardCategory),
+    codeWord,
+    limitedBirthday,
+    middleName,
+    name,
+    surname,
+    birthPlace,
+    dulIssueDate,
+    dulIssuedBy,
+    dulNumber,
+    dulSerie,
+    dulSubdivisionCode,
+    education: getSelectValue(education),
+    participantDateRegistration,
+    housing: getSelectValue(housing),
+    beginDate,
+    employment: getSelectValue(employment, EMPLOYMENT_TYPE),
+    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),
+    confirmationIncome: getSelectValue(incomeCertificateCd, INCOME_CERTIFICATE),
+    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,162 @@
+/* eslint-disable camelcase */
+import { type Participant } from '../../api/RetailAPI/updateUserTask';
+import { countIncomeAverage } from '../../services/retail/adaptors/getFamilyStatusAndIncomeData';
+import { type DictionaryItem } from '../../services/retail/model/LeadFormData';
+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 EMPLOYMENT_TYPE = {
+  WORK: 'Работаю',
+  RETIREE: 'Пенсионер',
+};
+
+export const INCOME_CERTIFICATE = {
+  BANK_STATEMENT: 'Получаю зарплату на счет/карту в РСХБ',
+  BANK_STATEMENT_PENS: 'Получаю пенсию на счет/карту в РСХБ',
+  PFR_CERTIFICATE: 'Получаю зарплату на счет/карту в другом банке',
+  OTHER: 'Другое',
+};
+
+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 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;
+  const incomeAverage = countIncomeAverage(wages, retirementIncome);
+
+  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?: DictionaryItem,
+  map?: Record<string, string>,
+): Option | undefined => {
+  return option?.key
+    ? {
+        key: option.key,
+        text: map ? map[option.key] : option.value,
+      }
+    : undefined;
+};