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

package/src/services/retail/utils/getOrganizationParams.ts

@@ -0,0 +1,132 @@
+/* eslint-disable complexity */
+import { EOrganizationActivityTypes } from '../model/EOrganizationActivityTypes';
+import { type DictionaryItem } from '../model/LeadFormData';
+
+export const getOrganizationActivityType = (
+  options: DictionaryItem[],
+  okved: string,
+): { key: string; text: string } | null => {
+  if (!okved) {
+    return null;
+  }
+  const getOptionByKey = getOptionOp(options);
+  const okvedType = +okved?.split('.')[0];
+  const secondOkvedType = +okved?.split('.')[1];
+
+  switch (okvedType) {
+    case 1:
+      return getOptionByKey(EOrganizationActivityTypes.AGRICULTURE);
+    case 35:
+      return getOptionByKey(EOrganizationActivityTypes.FUEL_AND_ENERGY);
+    case 41:
+    case 42:
+    case 43:
+      return getOptionByKey(EOrganizationActivityTypes.CONSTRUCTION);
+    case 46:
+    case 47:
+      return getOptionByKey(EOrganizationActivityTypes.TRADE);
+    case 55:
+    case 79:
+      return getOptionByKey(EOrganizationActivityTypes.TOURISM);
+    case 62:
+      return getOptionByKey(EOrganizationActivityTypes.TECHNOLOGY);
+    case 63:
+      return getOptionByKey(EOrganizationActivityTypes.CONSULTING_SERVICE);
+    case 64:
+      return getOptionByKey(EOrganizationActivityTypes.BANK);
+    case 65:
+      return getOptionByKey(EOrganizationActivityTypes.INSURER);
+    case 66:
+      return getOptionByKey(EOrganizationActivityTypes.FINANCIAL_INSTITUTIONS);
+    case 72:
+    case 74:
+      return getOptionByKey(EOrganizationActivityTypes.SCIENCE);
+    case 80:
+      return getOptionByKey(EOrganizationActivityTypes.SECURITY);
+    case 84: {
+      if (secondOkvedType < 22) {
+        return getOptionByKey(EOrganizationActivityTypes.GOVERNANCE);
+      }
+      if (secondOkvedType === 22) {
+        return getOptionByKey(EOrganizationActivityTypes.ARMY);
+      }
+
+      return getOptionByKey(EOrganizationActivityTypes.OTHER_SECTORS);
+    }
+    case 85:
+      return getOptionByKey(EOrganizationActivityTypes.EDUCATION);
+    case 86:
+      return getOptionByKey(EOrganizationActivityTypes.HEALTHCARE);
+    case 87:
+      return getOptionByKey(EOrganizationActivityTypes.SOCIAL_SPHERE);
+    default: {
+      if (okvedType >= 10 && okvedType <= 33) {
+        return getOptionByKey(EOrganizationActivityTypes.INDUSTRY);
+      }
+      if (okvedType >= 5 && okvedType <= 9) {
+        return getOptionByKey(EOrganizationActivityTypes.FUEL_AND_ENERGY);
+      }
+      if (okvedType >= 49 && okvedType <= 53) {
+        return getOptionByKey(EOrganizationActivityTypes.TRANSPORT);
+      }
+
+      return getOptionByKey(EOrganizationActivityTypes.OTHER_SECTORS);
+    }
+  }
+};
+
+export const getEmployeesNumberOption = (
+  options: DictionaryItem[] | null,
+  count?: number,
+): { key: string; text: string } | null => {
+  if (!count) {
+    return null;
+  }
+
+  const [option] = [options?.find((_) => count <= Number(_.description))].map((_) => ({
+    key: _?.key ?? '',
+    text: _?.value ?? '',
+  }));
+
+  return option;
+};
+
+export const getOrganizationKind = (
+  options: DictionaryItem[],
+  okopf: number,
+): { key: string; text: string } | null => {
+  const getOptionByKey = getOptionOp(options);
+
+  if ([40001, 40002, 71610].includes(okopf)) {
+    return getOptionByKey('FOREIGN');
+  }
+
+  return getOptionByKey('RUSSIAN');
+};
+
+export const getOrganizationType = (
+  options: DictionaryItem[],
+  okopf: number,
+  inn: string,
+): { key: string; text: string } | null => {
+  const getOptionByKey = getOptionOp(options);
+
+  if (inn === '7725114488') {
+    return getOptionByKey('RSHB');
+  }
+
+  if (okopf === 50102) {
+    return getOptionByKey('SOLE_TRADER');
+  }
+
+  if (okopf >= 75000 && okopf <= 75505 && okopf !== 75500) {
+    return getOptionByKey('BUDGETARY');
+  }
+
+  return getOptionByKey('COMMERCIAL');
+};
+
+const getOptionOp = (options: DictionaryItem[]) => (key: string) =>
+  options
+    .map((_) => ({ key: _.key as string, text: _.value as string }))
+    .find((_) => _.key === key) ?? null;

package/src/services/retail/utils/getUpdateUserProfile.ts

@@ -0,0 +1,45 @@
+import { type UpdateUserProfileBody } from '../../../api/RetailAPI/updateUserProfile';
+import { formatDate, formatPhone } from '../external/utils';
+import { type LeadFormState } from '../model/LeadFormState';
+
+// TODO Не должно быть импортов из бизнес-слоя в API слой. Только наоборот.
+
+export const getUpdateUserProfileData = (
+  profileId: number,
+  formData: LeadFormState,
+): UpdateUserProfileBody => {
+  const {
+    name = '',
+    surname = '',
+    middleName = '',
+    limitedBirthday = '',
+    phone = '',
+    email = '',
+    processPersonalDataFlg,
+    consentProviderFlg,
+    consentPfrFlg,
+    consentPhotoFlg,
+    consentAssignmentClaimsFlg,
+    consentCollectionFlg,
+    consentInformFlg,
+  } = formData;
+
+  return {
+    profile: {
+      id: profileId,
+      name,
+      surname,
+      midname: middleName,
+      birthDate: limitedBirthday && formatDate(limitedBirthday, true),
+      email,
+      phone: formatPhone(phone),
+      processPersonalDataFlg: Boolean(processPersonalDataFlg),
+      consentProviderFlg: Boolean(consentProviderFlg),
+      consentPfrFlg: Boolean(consentPfrFlg),
+      consentPhotoFlg: Boolean(consentPhotoFlg),
+      consentAssignmentClaimsFlg: Boolean(consentAssignmentClaimsFlg),
+      consentCollectionFlg: Boolean(consentCollectionFlg),
+      consentInformFlg: Boolean(consentInformFlg),
+    },
+  };
+};

package/src/ui-kit/CaptchaDialog/CaptchaDialog.fixture.tsx

@@ -0,0 +1,11 @@
+import '../../setup-fixture';
+
+import { CaptchaDialog } from './CaptchaDialog';
+
+export default {
+  default: (
+    <div>
+      <CaptchaDialog phoneNumber="+79999999999" />
+    </div>
+  ),
+};

package/src/ui-kit/CaptchaDialog/CaptchaDialog.tsx

@@ -0,0 +1,77 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { useCallback, useEffect, useState } from '@redneckz/uni-jsx/lib/hooks';
+import { useBool } from '@redneckz/uni-jsx/lib/hooks/useBool';
+import { checkCaptcha } from '../../api/RetailAPI/checkCaptcha';
+import { createCaptcha } from '../../api/RetailAPI/createCaptcha';
+import { Button } from '../Button/Button';
+import { SubmitButton } from '../Button/SubmitButton';
+import { Dialog } from '../DialogManager/Dialog';
+import { Icon } from '../Icon/Icon';
+import { Input } from '../Input/Input';
+import { Loader } from '../Loader/Loader';
+import { Logo } from '../Logo/Logo';
+
+export interface CaptchaDialogProps {
+  phoneNumber: string;
+  sendCode?: () => void;
+  onClose?: () => void;
+}
+
+export const CaptchaDialog = JSX<CaptchaDialogProps>(({ phoneNumber, sendCode, onClose }) => {
+  const [captcha, setCaptcha] = useState('');
+  const [code, setCode] = useState('');
+  const [hasError, setHasError] = useState(false);
+  const [isLoading, { setTrue: startLoading, setFalse: endLoading }] = useBool(false);
+
+  const handleCheckCaptcha = useCallback(async () => {
+    startLoading();
+    const isValidCode = await checkCaptcha({ captchaText: code });
+
+    if (isValidCode) {
+      onClose?.();
+      sendCode?.();
+    } else {
+      setHasError(true);
+    }
+    endLoading();
+  }, [code, sendCode]);
+
+  const handleCreateCaptcha = useCallback(() => {
+    (async () => setCaptcha(URL.createObjectURL(await createCaptcha(phoneNumber))))();
+  }, []);
+
+  useEffect(handleCreateCaptcha, []);
+
+  return (
+    <Dialog
+      className="my-6xl max-w-lg w-full min-h-fit mx-auto rounded-lg"
+      head={<Logo />}
+      onClose={onClose}
+    >
+      <div className="flex flex-col gap-lg items-center rounded-md">
+        <div className="flex h-36 w-72">
+          <img className="grow" src={captcha}></img>
+          <Button className="w-8" embedded onClick={handleCreateCaptcha}>
+            <Icon iconVersion="normal" name="RefreshIcon" />
+          </Button>
+        </div>
+        <Input
+          className="w-[300px]"
+          onChange={setCode}
+          value={code}
+          placeholder="Введите код с картинки"
+        />
+        {hasError ? <div className="text-error">Неверный код</div> : null}
+        <div className="flex w-[310px] justify-between">
+          <Button version="secondary" onClick={close}>
+            Вернуться
+          </Button>
+          <SubmitButton version="secondary" disabled={!code} onClick={handleCheckCaptcha}>
+            Отправить
+          </SubmitButton>
+        </div>
+        {isLoading ? <Loader blur={false} /> : null}
+      </div>
+    </Dialog>
+  );
+});

package/src/ui-kit/Checkbox/CheckboxWithDoc.tsx

@@ -0,0 +1,31 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { Button } from '../Button/Button';
+import { ButtonTitle } from '../Button/ButtonTitle';
+import { useDocumentDialog } from '../DocumentDialog/useDocumentDialog';
+import { renderErrorText } from '../Input/renderErrorText';
+import { Checkbox } from './Checkbox';
+import { type CheckboxProps } from './CheckboxProps';
+
+interface CheckboxWithDocProps extends CheckboxProps {
+  docId?: number;
+}
+
+export const CheckboxWithDoc = JSX<CheckboxWithDocProps>(
+  ({ className, error, docId, ...props }) => {
+    const openDocument = useDocumentDialog(docId, () => props.onChange?.(true));
+
+    return (
+      <div className={className}>
+        <div className="flex flex-wrap gap-x-m">
+          <Checkbox {...props} />
+          {docId ? (
+            <Button embedded onClick={openDocument}>
+              <ButtonTitle>Ознакомиться</ButtonTitle>
+            </Button>
+          ) : null}
+        </div>
+        {renderErrorText(error)}
+      </div>
+    );
+  },
+);

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

@@ -0,0 +1,7 @@
+import '../../setup-fixture';
+
+import { ConsentBkiDialog } from './ConsentBkiDialog';
+
+export default {
+  default: <ConsentBkiDialog />,
+};

package/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/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/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/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/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/src/ui-kit/DraftDialog/DraftDialog.fixture.mobile.tsx

@@ -0,0 +1,26 @@
+import { DraftDialog } from './DraftDialog';
+
+export default {
+  default: (
+    <div className="flex justify-center">
+      <DraftDialog
+        task={{
+          id: 1,
+          creditProgram: { code: '1', name: 'test' },
+          participants: [
+            {
+              name: 'Кирилл',
+              midname: 'Сергеевич',
+              id: 1,
+              profile: { id: 1 },
+              roleCd: {
+                value: '1',
+                key: '1',
+              },
+            },
+          ],
+        }}
+      />
+    </div>
+  ),
+};

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

@@ -0,0 +1,27 @@
+import { DraftDialog } from './DraftDialog';
+
+export default {
+  default: (
+    <div className="flex justify-center">
+      <DraftDialog
+        task={{
+          id: 1,
+          createdDate: '2024-08-12T13:06:48.607038',
+          creditProgram: { code: '1', name: 'test' },
+          participants: [
+            {
+              name: 'Кирилл',
+              midname: 'Сергеевич',
+              id: 1,
+              profile: { id: 1 },
+              roleCd: {
+                value: '1',
+                key: '1',
+              },
+            },
+          ],
+        }}
+      />
+    </div>
+  ),
+};

package/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>
+  );
+});