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

package/src/components/CreditCardForm/CreditCardFormStatusTracker.tsx

@@ -1,61 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { useCallback, useEffect, useState } from '@redneckz/uni-jsx/lib/hooks';
-import { getTaskStatus, STATUS_TYPE } from '../../api/RetailAPI/getTaskStatus';
-import { sendSignalToProcess, type SignalType } from '../../api/RetailAPI/sendSignalToProcess';
-import { useInterval } from '../../hooks/useInterval';
-import { useRetailFormStore } from '../../hooks/useRetailFormStore';
-import { type VNode } from '../../model/VNode';
-import { FailedStatusContent } from './FailedStatusContent';
-import { PendingStatusContent } from './PendingStatusContent';
-import { ReworkStatusContent } from './ReworkStatusContent';
-import { SuccessStatusCardContent } from './SuccessStatusCardContent';
-
-const SIGNAL_TYPES: SignalType[] = [
-  'CREATE_APPLICATION_SHORT_SIGNAL',
-  'CREATE_APPLICATION_LOAN_V3_SIGNAL',
-];
-
-export const CreditCardFormStatusTracker = JSX(() => {
-  const [status, setStatus] = useState(STATUS_TYPE.process);
-  const { taskId } = useRetailFormStore();
-
-  useEffect(() => {
-    (async () => {
-      for (const signalType of SIGNAL_TYPES) {
-        await sendSignalToProcess({ signalType, taskId });
-      }
-    })();
-  }, [taskId]);
-
-  const trackStatus = useCallback(
-    async (stop: () => void) => {
-      const res = await getTaskStatus({ taskId });
-
-      if (res && res?.statusCd !== STATUS_TYPE.process) {
-        stop();
-        setStatus(res.statusCd);
-      }
-    },
-    [taskId],
-  );
-
-  useInterval(trackStatus, 30_000);
-
-  const handleExpire = useCallback(() => setStatus(STATUS_TYPE.rework), []);
-
-  return renderStatus(status, handleExpire);
-});
-
-const renderStatus = (status: STATUS_TYPE, handleExpire: () => void) => {
-  const statusesMap: Record<STATUS_TYPE, VNode> = {
-    IN_PROCESS: <PendingStatusContent onExpire={handleExpire} />,
-    CANCELLED: <FailedStatusContent />,
-    FAILED: <FailedStatusContent />,
-    DRAFT: <FailedStatusContent />,
-    APPROVED: <SuccessStatusCardContent />,
-    PRE_DECISION: <SuccessStatusCardContent />,
-    REVISION: <ReworkStatusContent />,
-  };
-
-  return statusesMap[status] || <ReworkStatusContent />;
-};

package/src/components/CreditCardForm/CreditCardFormStep.tsx

@@ -1,52 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { useCallback, useMemo } from '@redneckz/uni-jsx/lib/hooks';
-import { useForm } from '../../hooks/useForm/useForm';
-import { type SectionsRetailProps } from '../../model/InputSectionsType';
-import { type LeadFormState } from '../../services/retail/model/LeadFormState';
-import { calculateInputs } from '../../services/retail/utils/calculateInputs';
-import { getFormValidator } from '../../ui-kit/FormField/getObjectValidator';
-import { renderStep } from './renderStep';
-import { StepsNavigationButtons } from './StepsNavigationButtons';
-import { useCreditCardFormAPI } from './useCreditCardFormAPI';
-
-export interface CreditCardFormStepProps {
-  step: number;
-  sections: SectionsRetailProps[];
-  onNextStep: () => void;
-  onPrevStep: () => void;
-  onFinish?: () => void;
-}
-
-export const CreditCardFormStep = JSX<CreditCardFormStepProps>(
-  ({ step, sections, onPrevStep, onNextStep, onFinish }) => {
-    const inputs = useMemo(
-      () => sections?.flatMap((_: SectionsRetailProps) => _?.inputs || []),
-      [sections],
-    );
-
-    const formValidator = useCallback(
-      (formState: LeadFormState) =>
-        // TODO Слишком сложно
-        getFormValidator(calculateInputs((_) => formState[_])(inputs, step))(formState),
-      [inputs],
-    );
-
-    const [initialState, onSubmit, isSending] = useCreditCardFormAPI({
-      step,
-      onNextStep,
-      onFinish,
-    });
-
-    const [, { field, onSubmit: handleSubmit }] = useForm(initialState, {
-      formValidator,
-      onSubmit,
-    });
-
-    return (
-      <form onSubmit={handleSubmit} className="space-y-m">
-        {renderStep({ sections, field, step })}
-        <StepsNavigationButtons isSending={isSending} step={step} onPrevStep={onPrevStep} />
-      </form>
-    );
-  },
-);

package/src/components/CreditCardForm/FailedStatusContent.tsx

@@ -1,10 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { CreditCardFormStatus } from './CreditCardFormStatus';
-
-export const FailedStatusContent = JSX(() => (
-  <CreditCardFormStatus
-    title="Благодарим Вас за ожидание"
-    description="В настоящий момент Банк не может одобрить Вашу заявку на кредит. Попробуйте подать заявку позже. Спасибо за обращение в АО «Россельхозбанк»."
-    buttonText="Вернуться на главную"
-  />
-));

package/src/components/CreditCardForm/PendingStatusContent.tsx

@@ -1,27 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { useRetailFormStore } from '../../hooks/useRetailFormStore';
-import { CreditCardFormStatus } from './CreditCardFormStatus';
-
-export const PendingStatusContent = JSX(({ onExpire }: { onExpire: () => void }) => {
-  const { statusInfo } = useRetailFormStore();
-
-  return (
-    <CreditCardFormStatus
-      interval={300}
-      title="Заявка успешно отправлена"
-      description="Не закрывайте окно, скоро сообщим результат"
-      sectionInfoTitle="Заявленные условия по кредиту"
-      sectionInfo={[
-        {
-          label: 'Название продукта',
-          description: 'Кредитная карта',
-        },
-        {
-          label: 'Категория',
-          description: statusInfo?.cardCategory,
-        },
-      ]}
-      onExpire={onExpire}
-    />
-  );
-});

package/src/components/CreditCardForm/ReworkStatusContent.tsx

@@ -1,46 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { useRetailFormStore } from '../../hooks/useRetailFormStore';
-import { CreditCardFormStatus } from './CreditCardFormStatus';
-
-export const ReworkStatusContent = JSX(() => {
-  const { statusInfo } = useRetailFormStore();
-
-  const isCourierDelivery = statusInfo?.methodObtain === 'courier';
-
-  const infoAdditional = isCourierDelivery
-    ? [
-        {
-          description: statusInfo?.deliveryAddress,
-        },
-      ]
-    : [
-        {
-          label: 'Регион',
-          description: statusInfo?.regionRetail,
-        },
-        {
-          label: 'Адрес',
-          description: statusInfo?.addressRetail,
-        },
-      ];
-
-  return (
-    <CreditCardFormStatus
-      title="Благодарим вас за ожидание, но нам требуется больше времени для принятия решения"
-      description={
-        isCourierDelivery
-          ? ''
-          : 'Посетите выбранное отделение банка с необходимыми документами и так завершите оформление кредита.'
-      }
-      sectionAdditionalTitle={isCourierDelivery ? 'Адрес доставки' : 'В отделении Банка'}
-      sectionInfoAdditional={infoAdditional}
-      sectionInfo={[
-        {
-          label: 'Основные документы:',
-          description: '- Паспорт РФ',
-        },
-      ]}
-      buttonText="Вернуться на главную"
-    />
-  );
-});

package/src/components/CreditCardForm/StepsNavigationButtons.tsx

@@ -1,27 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { Button } from '../../ui-kit/Button/Button';
-import { SubmitButton } from '../../ui-kit/Button/SubmitButton';
-
-export interface StepsNavigationButtonsProps {
-  step: number;
-  isSending: boolean;
-  onPrevStep?: () => void;
-}
-
-export const StepsNavigationButtons = JSX<StepsNavigationButtonsProps>(
-  ({ step, isSending, onPrevStep }) => {
-    const isFirstStep = step === 0;
-    const isFinalStep = step === 5;
-
-    return (
-      <div className="flex justify-between gap-m">
-        <Button version="secondary" disabled={isFirstStep} onClick={onPrevStep}>
-          Назад
-        </Button>
-        <SubmitButton isLoading={isSending}>
-          {isFinalStep ? 'Отправить заявку' : 'Далее'}
-        </SubmitButton>
-      </div>
-    );
-  },
-);

package/src/components/CreditCardForm/SuccessStatusCardContent.tsx

@@ -1,45 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { useRetailFormStore, type StatusInfoState } from '../../hooks/useRetailFormStore';
-import { formatDate } from '../../utils/formatDate';
-import { CreditCardFormStatus } from './CreditCardFormStatus';
-
-export const SuccessStatusCardContent = JSX(() => {
-  const { statusInfo } = useRetailFormStore();
-
-  return (
-    <CreditCardFormStatus
-      title="Банк одобрил вам кредит"
-      description="Обратитесь в отделение банка, чтобы завершить оформление и получит ваш кредит"
-      sectionInfo={getSectionInfo(statusInfo)}
-      buttonText="Вернуться на главную"
-    />
-  );
-});
-
-const getSectionInfo = (statusInfo: StatusInfoState | null) => {
-  const sectionInfo = [
-    {
-      label: 'Название продукта',
-      description: 'Кредитная карта',
-    },
-    {
-      label: 'Категория',
-      description: statusInfo?.cardCategory,
-    },
-  ];
-
-  if (statusInfo?.deliveryAddress && statusInfo?.deliveryDate) {
-    return sectionInfo.concat([
-      {
-        label: 'Адрес доставки',
-        description: statusInfo?.deliveryAddress,
-      },
-      {
-        label: 'Дата доставки',
-        description: formatDate(statusInfo?.deliveryDate),
-      },
-    ]);
-  }
-
-  return sectionInfo;
-};

package/src/components/CreditCardForm/creditCardFormStepsData.tsx

@@ -1,12 +0,0 @@
-import {
-  COMMON_RETAIL_CONTENT,
-  CREDIT_CARD_CONTENT,
-  DELIVERY_CREDIT_CARD_CONTENT,
-} from '../../services/retail/content';
-import { type CreditCardSectionsProps } from './CreditCardFormContent';
-
-export const stepsSectionsMap: CreditCardSectionsProps[][] = [
-  CREDIT_CARD_CONTENT,
-  ...COMMON_RETAIL_CONTENT,
-  DELIVERY_CREDIT_CARD_CONTENT,
-];

package/src/components/CreditCardForm/formStateMap.tsx

@@ -1,88 +0,0 @@
-import { type LeadFormState } from '../../services/retail/model/LeadFormState';
-
-export const formStateMap: Partial<LeadFormState>[] = [
-  {
-    paymentSystem: { key: '', text: '' },
-    currency: '810',
-    codeWord: '',
-  },
-  {
-    surname: '',
-    name: '',
-    middleName: '',
-    sex: '',
-    limitedBirthday: undefined,
-    birthPlace: '',
-    phone: '',
-    email: '',
-    dulSerie: undefined,
-    dulNumber: undefined,
-    dulIssueDate: undefined,
-    dulSubdivisionCode: '',
-    dulIssuedBy: '',
-    addressRegistration: {
-      fullAddress: '',
-      fiasCode: '',
-    },
-    participantDateRegistration: undefined,
-    addressFact: {
-      fullAddress: '',
-      fiasCode: '',
-    },
-    housing: undefined,
-    methodObtain: 'office',
-    addressCourier: {
-      fullAddress: '',
-      fiasCode: '',
-    },
-  },
-  {
-    amountWorkers: { key: '', text: '' },
-    beginDate: undefined,
-    employerActivities: { key: '', text: '' },
-    employerOrganization: { key: '', text: '' },
-    employment: { key: '', text: '' },
-    experience5Years: undefined,
-    inn: undefined,
-    jobsNumber: undefined,
-    lastJobExperience: undefined,
-    legalForm: '',
-    organization: { key: '', text: '' },
-    organizationAddress: {
-      fullAddress: '',
-      fiasCode: '',
-    },
-    organizationName: '',
-    organizationPhone: '',
-    partInBusiness: undefined,
-    positionOrganization: { key: '', text: '' },
-  },
-  {
-    familyStatus: { key: '', text: '' },
-    familyMembers: undefined,
-    dependents: undefined,
-    confirmationIncome: { key: '', text: '' },
-    wages: undefined,
-    mandatoryPayments: undefined,
-    snils: '',
-    armyIdFlg: false,
-  },
-  {
-    disablePeopleFlg: false,
-    bankruptcyFlg: false,
-    shareholderFlg: false,
-    legalEntityName: '',
-    creditInRshbCd: undefined,
-  },
-  {
-    regionRetail: { key: '', text: '' },
-    addressRetail: { key: '', text: '' },
-    bankEmployeeCode: undefined,
-    addressCourier: {
-      fullAddress: '',
-      fiasCode: '',
-    },
-    methodObtain: 'office',
-    deliveryDate: undefined,
-  },
-];

package/src/components/CreditCardForm/getCreditCardFormTaskData.ts

@@ -1,76 +0,0 @@
-import { type Participant, type UpdateUserTaskBody } from '../../api/RetailAPI/updateUserTask';
-import { locationNavigator } from '../../external/locationNavigator';
-import { getAdditionalInfoData } from '../../services/retail/adaptors/getAdditionalInfoData';
-import { getCardOptionsData } from '../../services/retail/adaptors/getCardOptionsData';
-import { getEmploymentData } from '../../services/retail/adaptors/getEmploymentData';
-import { getFamilyStatusAndIncomeData } from '../../services/retail/adaptors/getFamilyStatusAndIncomeData';
-import { getPersonalInfoData } from '../../services/retail/adaptors/getPersonalInfoData';
-import { type LeadFormState } from '../../services/retail/model/LeadFormState';
-import {
-  getDeliveryCreditCardData,
-  getDeliveryData,
-  getOfficeCode,
-} from './getDeliveryCreditCardData';
-
-type getCreditCardFormTaskDataProps = {
-  participantId: number;
-  taskId: number;
-  profileId: number;
-  formData: LeadFormState;
-  step?: number;
-};
-
-export const getCreditCardFormTaskData = ({
-  participantId,
-  taskId,
-  profileId,
-  formData,
-  step = 0,
-}: getCreditCardFormTaskDataProps): UpdateUserTaskBody => {
-  const navigator = locationNavigator();
-
-  return {
-    sendToBank: true,
-    taskKind: 'UNITED',
-    task: {
-      taskSource: navigator.origin,
-      id: taskId,
-      ...getOfficeCode(formData),
-      authorizedAgentId: formData?.bankEmployeeCode,
-      participants: [
-        {
-          id: participantId,
-          profile: {
-            id: profileId,
-          },
-          roleCd: {
-            key: 'BORROWER',
-            value: 'Заемщик',
-          },
-          ...getCurrentStepData(step, formData),
-        },
-      ],
-      ...getCardOptionsData(formData),
-      ...getDeliveryData(formData),
-    },
-  };
-};
-
-const getCurrentStepData = (step: number, formData: LeadFormState): Partial<Participant> => {
-  switch (step) {
-    case 0:
-      return {};
-    case 1:
-      return getPersonalInfoData(formData);
-    case 2:
-      return getEmploymentData(formData);
-    case 3:
-      return getFamilyStatusAndIncomeData(formData);
-    case 4:
-      return getAdditionalInfoData(formData);
-    case 5:
-      return getDeliveryCreditCardData(formData);
-    default:
-      return {};
-  }
-};

package/src/components/CreditCardForm/getDeliveryCreditCardData.ts

@@ -1,43 +0,0 @@
-import { type LeadFormState } from '../../services/retail/model/LeadFormState';
-import { dateToISO } from '../../utils/dateToISO';
-import { getParticipantAddresses } from '../CreditForm/utils';
-
-export const getDeliveryData = (formData: LeadFormState) => {
-  const { methodObtain, deliveryDate = '' } = formData;
-
-  const isCourierDelivery = methodObtain === 'courier';
-
-  return isCourierDelivery
-    ? {
-        courierDeliveryFlg: isCourierDelivery,
-        deliveryDate: dateToISO(deliveryDate.toString().replace(/(GMT)[+-]\d{4}/, 'GMT+0000')),
-        deliveryTimeCd: { value: 'TIME_2' },
-        //TODO временный хардкод для тестирования, не забыть удалить
-        office: { id: '3' },
-      }
-    : {};
-};
-
-export const getOfficeCode = (formData: LeadFormState) => {
-  const { addressRetail, methodObtain } = formData;
-
-  const isOfficeObtain = addressRetail?.key && methodObtain === 'office';
-
-  return isOfficeObtain
-    ? {
-        office: { id: addressRetail.key },
-      }
-    : {};
-};
-
-export const getDeliveryCreditCardData = (formData: LeadFormState) => {
-  const { addressCourier, methodObtain } = formData;
-
-  const isCourierDelivery = methodObtain === 'courier';
-
-  return isCourierDelivery
-    ? {
-        participantAddresses: getParticipantAddresses({ addressCourier }),
-      }
-    : {};
-};

package/src/components/CreditCardForm/getInitialFormState.tsx

@@ -1,25 +0,0 @@
-import { type LeadFormState } from '../../services/retail/model/LeadFormState';
-import { formStateMap } from './formStateMap';
-
-export const getInitialFormState = (
-  step: number,
-  formState: LeadFormState | null,
-): LeadFormState => ({
-  ...formStateMap[step],
-  ...formState,
-  limitedBirthday: transformStringToData(formState?.limitedBirthday as string),
-  dulIssueDate: transformStringToData(formState?.dulIssueDate as string),
-  participantDateRegistration: transformStringToData(
-    formState?.participantDateRegistration as string,
-  ),
-  beginDate: transformStringToData(formState?.beginDate as string),
-  deliveryDate: transformStringToData(formState?.deliveryDate as string),
-});
-
-const transformStringToData = (text?: string) => {
-  try {
-    return text ? new Date(text) : undefined;
-  } catch (_) {
-    return undefined;
-  }
-};

package/src/components/CreditCardForm/renderInputs.tsx

@@ -1,18 +0,0 @@
-import { type FormFieldRegisterer } from '../../hooks/useForm/useForm';
-import { InputRetailCardMap, InputsRetailMap } from '../../services/retail/inputs';
-import { type LeadFormState } from '../../services/retail/model/LeadFormState';
-import { type FieldRetailDef } from '../../services/retail/model/RetailFormContent';
-import { getField } from '../../ui-kit/FormField/getField';
-
-export interface RenderInputsProps {
-  inputs: FieldRetailDef[];
-  field: FormFieldRegisterer<LeadFormState>;
-  params?: Record<string, any>;
-}
-
-const InputsMap = { ...InputsRetailMap, ...InputRetailCardMap };
-
-export const renderInputs = ({ field, inputs, params }: RenderInputsProps) =>
-  inputs.map(
-    getField<FieldRetailDef>(field, params, InputsMap),
-  );

package/src/components/CreditCardForm/renderStep.tsx

@@ -1,32 +0,0 @@
-import { type FormFieldRegisterer } from '../../hooks/useForm/useForm';
-import { type LeadFormState } from '../../services/retail/model/LeadFormState';
-import { calculateInputs, type GetValue } from '../../services/retail/utils/calculateInputs';
-import { inputColumnStyles } from '../../ui-kit/FormField/inputColumnStyle';
-import { renderTitle } from '../../ui-kit/FormField/renderTitle';
-import { style } from '../../utils/style';
-import { type CreditCardSectionsProps } from './CreditCardFormContent';
-import { renderInputs } from './renderInputs';
-
-export interface StepProps {
-  sections?: CreditCardSectionsProps[];
-  field: FormFieldRegisterer<LeadFormState>;
-  step: number;
-  params?: Record<string, any>;
-}
-
-export const renderStep = ({ sections, field, step, params }: StepProps) =>
-  sections?.map(({ inputs: origInputs = [], columns, title }, i) => {
-    const inputs = calculateInputs(getValue(field))(origInputs, step);
-
-    return (
-      <div key={`section-${i}`} className={style(inputColumnStyles(columns), 'grid gap-x-m')}>
-        {renderTitle(title)}
-        {renderInputs({ field, inputs, params })}
-      </div>
-    );
-  });
-
-const getValue =
-  (field: FormFieldRegisterer<LeadFormState>): GetValue =>
-  (name) =>
-    field(name)?.value;

package/src/components/CreditCardForm/useCreditCardFormAPI.tsx

@@ -1,78 +0,0 @@
-import { useCallback, useMemo } from '@redneckz/uni-jsx/lib/hooks';
-import { useBool } from '@redneckz/uni-jsx/lib/hooks/useBool';
-import { updateUserTask } from '../../api/RetailAPI/updateUserTask';
-import { useRetailFormStore } from '../../hooks/useRetailFormStore';
-import { type LeadFormState } from '../../services/retail/model/LeadFormState';
-import { getCreditCardFormTaskData } from './getCreditCardFormTaskData';
-import { getInitialFormState } from './getInitialFormState';
-
-interface CreditFormApiProps {
-  step: number;
-  onNextStep: () => void;
-  onFinish?: () => void;
-}
-
-export const useCreditCardFormAPI = ({
-  step,
-  onNextStep,
-  onFinish,
-}: CreditFormApiProps): [LeadFormState, (formData: LeadFormState) => void, boolean] => {
-  const [isSending, { setTrue: startSending, setFalse: endSending }] = useBool(false);
-  const isFinalStep = step === 5;
-
-  const retailFormStore = useRetailFormStore();
-
-  const initialState = useMemo(
-    () => getInitialFormState(step, retailFormStore.leadForm),
-    [step, retailFormStore.leadForm],
-  );
-  const resetForm = useCallback(
-    (response: Response) => {
-      const { leadForm } = retailFormStore;
-      if (isFinalStep && response.ok && leadForm) {
-        retailFormStore.statusInfo = {
-          regionRetail: leadForm?.regionRetail?.text,
-          addressRetail: leadForm?.addressRetail?.text,
-          deliveryAddress: leadForm?.addressCourier?.fullAddress,
-          cardCategory: leadForm?.cardCategory?.text,
-          deliveryDate: leadForm?.deliveryDate,
-          methodObtain: leadForm?.methodObtain,
-        };
-        retailFormStore.leadForm = initialState;
-      }
-    },
-    [isFinalStep, initialState],
-  );
-
-  const handleSubmit = useCallback(
-    async (formData: LeadFormState) => {
-      startSending();
-      retailFormStore.leadForm = formData;
-
-      try {
-        const { taskId, profileId, participantId } = retailFormStore;
-        if (taskId && profileId && participantId) {
-          const response = await updateUserTask(
-            getCreditCardFormTaskData({
-              participantId,
-              taskId,
-              profileId,
-              step,
-              formData: formData as any,
-            }),
-          );
-          resetForm(response);
-        }
-
-        isFinalStep ? onFinish?.() : onNextStep();
-      } catch (ex) {
-        // Do nothing
-      } finally {
-        endSending();
-      }
-    },
-    [isFinalStep, resetForm],
-  );
-
-  return [initialState, handleSubmit, isSending];
-};

package/src/components/CreditForm/CreditForm.fixture.mobile.tsx

@@ -1,26 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { useAsyncEffect } from '../../hooks/useAsyncEffect';
-import { mockLocalStorage } from '../../services/retail/mockLocalStorage';
-import '../../setup-fixture';
-import { DialogManager } from '../../ui-kit/DialogManager/DialogManager';
-import { PopupManager } from '../../ui-kit/PopupManager/PopupManager';
-import { CreditForm } from './CreditForm';
-
-export default {
-  default: JSX(() => {
-    useAsyncEffect(async () => await mockLocalStorage(), []);
-
-    return (
-      <div>
-        <CreditForm
-          className="col-span-12"
-          programsSource={{
-            $ref: '/wcms-resources/products-credit-calc-data.json',
-          }}
-        />
-        <PopupManager />
-        <DialogManager />
-      </div>
-    );
-  }),
-};