@redneckz/wildless-cms-uni-blocks 0.14.877 → 0.14.879

package/src/retail/api/dadataHints/dadataHints.ts

@@ -2,19 +2,29 @@ import { type DaDataSuggestion, type ListRequestOption } from './dadataHintsType
 
 const DEFAULT_HINTS_COUNT = 10;
 
-const defaultResponseItemHandler = (item?: DaDataSuggestion): string => item?.value || '';
+const defaultResponseItemHandler = (item?: DaDataSuggestion) => ({
+  value: item?.value || '',
+});
 
 const getResponseHandler =
-  (itemHandler: (item?: DaDataSuggestion) => string) =>
+  (
+    itemHandler: (item?: DaDataSuggestion) => {
+      value: string;
+      additionalValue?: string;
+    },
+    responseFilter?: (item?: DaDataSuggestion) => boolean,
+  ) =>
   (response: { suggestions: Array<DaDataSuggestion> }) => {
     const responseData: Array<DaDataSuggestion> = response?.suggestions || [];
+    const filteredData = responseFilter ? responseData.filter(responseFilter) : responseData;
 
-    return responseData.map((item) => {
-      const value = itemHandler(item);
+    return filteredData.map((item) => {
+      const data = itemHandler(item);
 
       return {
         ...item,
-        processedValue: value,
+        processedValue: data.value,
+        additionalValue: data.additionalValue,
       };
     });
   };
@@ -26,8 +36,9 @@ export const getDaDataHints = (options: ListRequestOption): Promise<Array<DaData
     queryPrefix,
     requestData = {},
     responseItemHandler = defaultResponseItemHandler,
+    responseFilter,
   } = options;
-  const responseHandler = getResponseHandler(responseItemHandler);
+  const responseHandler = getResponseHandler(responseItemHandler, responseFilter);
   const queryPrefixValue = queryPrefix ? `${queryPrefix}, ` : '';
   const combinedQuery = `${queryPrefixValue}${query}`;
 

package/src/retail/api/dadataHints/dadataHintsType.ts

@@ -1,11 +1,11 @@
 import { type Nullable } from '@redneckz/uni-jsx/lib/utils/ts/Nullable';
-import { type HintOption } from './hintsListsOptions';
 
 export interface DaDataSuggestion {
   value: string;
   unrestricted_value: string;
   data: DaDataResponseItem;
   processedValue: string;
+  additionalValue?: string;
 }
 
 type DaDataGender = 'MALE' | 'FEMALE' | 'UNKNOWN';
@@ -74,6 +74,13 @@ export interface ListRequestOption {
   url: string;
   query?: string;
   queryPrefix?: string;
-  requestData?: HintOption['requestData'];
-  responseItemHandler?: (item?: DaDataSuggestion) => string;
+  requestData?: {
+    parts?: string[];
+    gender?: string;
+  };
+  responseItemHandler?: (item?: DaDataSuggestion) => {
+    value: string;
+    additionalValue?: string;
+  };
+  responseFilter?: (item?: DaDataSuggestion) => boolean;
 }

package/src/retail/api/dadataHints/hintsListsOptions.ts

@@ -1,4 +1,4 @@
-import { type DaDataSuggestion } from './dadataHintsType';
+import { type DaDataSuggestion, type ListRequestOption } from './dadataHintsType';
 
 const NAME_HINTS_LIST_OPTIONS = {
   url: 'suggest/fio',
@@ -34,23 +34,39 @@ const PASSPORT_FMS_HINTS_LIST_OPTIONS = {
 
 const PASSPORT_CODE_HINTS_LIST_OPTIONS = {
   url: 'suggest/fms_unit',
-  responseItemHandler: (item?: DaDataSuggestion) => item?.data?.code?.replace('-', '') || '',
+  responseItemHandler: (item?: DaDataSuggestion) => ({
+    value: item?.data?.code || '',
+    additionalValue: item?.data?.name,
+  }),
 };
 
 const ORGANIZATION_NAME_HINTS_LIST_OPTIONS = {
   url: 'suggest/party',
+  responseItemHandler: (item?: DaDataSuggestion) => {
+    const inn = item?.data?.inn;
+    const address = item?.data?.address?.value || '';
+    const additionalValue = address ? `${inn} ${address}` : inn;
+
+    return {
+      value: item?.value || '',
+      additionalValue,
+    };
+  },
 };
 
 const ORGANIZATION_INN_HINTS_LIST_OPTIONS = {
   url: 'suggest/party',
-  responseItemHandler: (item?: DaDataSuggestion) => item?.data?.inn || '',
+  responseItemHandler: (item?: DaDataSuggestion) => ({
+    value: item?.data?.inn || '',
+  }),
 };
 
 const ADDRESS_HINTS_LIST_OPTIONS = {
   url: 'suggest/address',
+  responseFilter: (item?: DaDataSuggestion) => Boolean(item?.data?.postal_code),
 };
 
-export type HintsListOptions = Record<string, HintOption>;
+export type HintsListOptions = Record<string, ListRequestOption>;
 
 export const hintsListsOptions: HintsListOptions = {
   name: NAME_HINTS_LIST_OPTIONS,
@@ -66,12 +82,3 @@ export const hintsListsOptions: HintsListOptions = {
   organizationAddress: ADDRESS_HINTS_LIST_OPTIONS,
   addressCourier: ADDRESS_HINTS_LIST_OPTIONS,
 };
-
-export type HintOption = {
-  url: string;
-  requestData?: {
-    parts?: string[];
-    gender?: string;
-  };
-  responseItemHandler?: (item?: DaDataSuggestion) => string;
-};

package/src/retail/api/esiaRequestProfile.ts

@@ -1,4 +1,4 @@
-import { saveToken, type CheckCodeResponse } from './checkCode';
+import { type CheckCodeResponse } from './checkCode';
 import { fetchRetailJSON } from './doRequest';
 
 export type EsiaRequestProfileBody = {
@@ -86,8 +86,4 @@ export type EsiaRequestProfileResponse = CheckCodeResponse & {
 };
 
 export const esiaRequestProfile = (body: EsiaRequestProfileBody) =>
-  fetchRetailJSON<EsiaRequestProfileResponse>('/esia/requestProfile', 'POST', body).then((res) => {
-    saveToken(res);
-
-    return res;
-  });
+  fetchRetailJSON<EsiaRequestProfileResponse>('/esia/requestProfile', 'POST', body);

package/src/retail/api/updateUserTask.ts

@@ -117,6 +117,7 @@ export type Participant = {
   latinFirstname?: string;
   latinSurname?: string;
   latinName?: string;
+  residentOtherCountry?: boolean;
 };
 
 export type MarketingInfo = {
@@ -126,6 +127,7 @@ export type MarketingInfo = {
   utm_content?: Nullable<string>;
   utm_term?: Nullable<string>;
   bannerId?: Nullable<string>;
+  userId?: Nullable<string>;
 };
 
 export type UpdateUserTaskBody = {

package/src/retail/components/CheckboxWithDoc/CheckboxWithDoc.tsx

@@ -5,6 +5,7 @@ import { ButtonTitle } from '../../../ui-kit/Button/ButtonTitle';
 import { Checkbox } from '../../../ui-kit/Checkbox/Checkbox';
 import { type CheckboxProps } from '../../../ui-kit/Checkbox/CheckboxProps';
 import { renderErrorText } from '../../../ui-kit/Input/renderErrorText';
+import { Loader } from '../../../ui-kit/Loader/Loader';
 import { useDocumentDialog } from '../DocumentDialog/useDocumentDialog';
 
 interface CheckboxWithDocProps extends CheckboxProps {
@@ -13,7 +14,7 @@ interface CheckboxWithDocProps extends CheckboxProps {
 
 export const CheckboxWithDoc = JSX<CheckboxWithDocProps>(
   ({ className, error, docId, ...props }) => {
-    const openDocument = useDocumentDialog(docId, () => props.onChange?.(true));
+    const { openDocument, isLoading } = useDocumentDialog(docId, () => props.onChange?.(true));
 
     return (
       <div className={className}>
@@ -22,6 +23,7 @@ export const CheckboxWithDoc = JSX<CheckboxWithDocProps>(
           {docId ? (
             <Button embedded onClick={openDocument}>
               <ButtonTitle>Ознакомиться</ButtonTitle>
+              {isLoading ? <Loader blur={false} size="extraSmall" position="static" /> : null}
             </Button>
           ) : null}
         </div>

package/src/retail/components/DaDataInputControl/DaDataInputControl.tsx

@@ -1,4 +1,5 @@
 import { JSX } from '@redneckz/uni-jsx';
+import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
 import { useBool } from '@redneckz/uni-jsx/lib/hooks/useBool';
 import { type InputProps } from '../../../ui-kit/Input/InputProps';
 import { InputWrapper } from '../../../ui-kit/Input/InputWrapper';
@@ -20,6 +21,7 @@ export const DaDataInputControl = JSX<DaDataInputProps>(
     name = '',
     daDataQueryPrefix,
     dadata = false,
+    type,
     ...rest
   }) => {
     const [isOpen, { setFalse: close, setTrue: open }] = useBool();
@@ -33,10 +35,22 @@ export const DaDataInputControl = JSX<DaDataInputProps>(
       onDaDataChange,
     });
 
+    const handleChange = useCallback(
+      (e?: string) => {
+        let formattedValue = e ?? '';
+
+        if (type === 'number') {
+          formattedValue = formattedValue.replace(/^0+(?=\d)/, '');
+        }
+        onChange?.(formattedValue);
+      },
+      [onChange],
+    );
+
     return (
       <InputWrapper
         value={value}
-        onChange={onChange}
+        onChange={handleChange}
         inputRef={inputRef}
         isOpen={isOpen}
         onOpen={open}

package/src/retail/components/DaDataInputControl/InputPopup.tsx

@@ -47,13 +47,16 @@ export const InputPopup = JSX<InputPopupProps>(({ options, container, onChange }
       {options?.map((item, key) => (
         <div
           key={key.toString()}
-          className={style('flex px-m py-s cursor-pointer hover:bg-main-divider pr-5xl relative', {
+          className={style('px-m py-xs cursor-pointer hover:bg-main-divider relative', {
             'bg-main-divider': listItemActive === key,
           })}
           role="listitem"
           onMouseDown={() => onChange(item)}
         >
-          <span className="min-h-6">{item.processedValue}</span>
+          <p>{item.processedValue}</p>
+          {item.additionalValue ? (
+            <p className="text-xs text-secondary-text">{item.additionalValue}</p>
+          ) : null}
         </div>
       ))}
     </div>

package/src/retail/components/DaDataInputControl/useInputPopup.tsx

@@ -57,6 +57,7 @@ export function useInputPopup({
       const result = await getDaDataHints({
         url: defaultHintsListOptions.url,
         responseItemHandler: defaultHintsListOptions.responseItemHandler,
+        responseFilter: defaultHintsListOptions.responseFilter,
         requestData: {
           ...defaultHintsListOptions?.requestData,
         },

package/src/retail/components/DocumentDialog/DocumentDialog.tsx

@@ -13,7 +13,7 @@ export const DocumentDialog = JSX<DocumentDialogProps>(({ src, onClose, onDocume
   const isMobileMode = useMobileMode();
 
   return (
-    <Dialog className="my-6xl max-w-4xl mx-auto px-0 min-h-0 pb-0 z-[101]" onClose={onClose}>
+    <Dialog className="mt-xl max-w-4xl mx-auto px-0 min-h-0 pb-0" onClose={onClose}>
       {isMobileMode ? (
         <img src={src} />
       ) : (

package/src/retail/components/DocumentDialog/useDocumentDialog.ts

@@ -1,4 +1,5 @@
 import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
+import { useBool } from '@redneckz/uni-jsx/lib/hooks/useBool';
 import { type Nullable } from '@redneckz/uni-jsx/lib/utils/ts/Nullable';
 import { useMobileMode } from '../../../hooks/useMobileMode';
 import { useDialog } from '../../../ui-kit/DialogManager/useDialog';
@@ -6,13 +7,21 @@ import { feedbackById } from '../../api/feedbackById';
 import { DocumentDialog } from './DocumentDialog';
 
 export const useDocumentDialog = (docId: Nullable<number>, onDocumentRead?: () => void) => {
+  const [isLoading, { setTrue: startLoading, setFalse: endLoading }] = useBool(false);
   const { open } = useDialog(DocumentDialog);
   const isMobileMode = useMobileMode();
 
-  return useCallback(async () => {
-    if (docId) {
+  const openDocument = useCallback(async () => {
+    if (docId && !isLoading) {
+      startLoading();
       const src = URL.createObjectURL(await feedbackById(docId, isMobileMode));
       open({ src, onDocumentRead });
+      endLoading();
     }
-  }, [open, docId, isMobileMode]);
+  }, [open, docId, isMobileMode, isLoading]);
+
+  return {
+    openDocument,
+    isLoading,
+  };
 };

package/src/retail/components/Fields/BirthPlaceField.tsx

@@ -6,6 +6,7 @@ import { DaDataInputControl } from '../DaDataInputControl/DaDataInputControl';
 export const BirthPlaceField = JSX<CustomFieldProps>(({ field, input }) => (
   <DaDataInputControl
     label="Место рождения"
+    maxLength={100}
     {...field(input?.name ?? '')}
     {...input}
     disabled={isEsiaAuthorize(field, input)}

package/src/retail/components/Fields/ChildrenField.tsx

@@ -7,6 +7,7 @@ export const ChildrenField = JSX<CustomFieldProps>(({ field, input }) => (
     label="Количество детей до 18 лет"
     placeholder="Введите значение"
     isInteger={true}
+    type="number"
     {...field(input?.name ?? '')}
     {...input}
   />

package/src/retail/components/Fields/CodeWordField.tsx

@@ -3,5 +3,10 @@ import { type CustomFieldProps } from '../../../ui-kit/FormField/CustomFieldProp
 import { DaDataInputControl } from '../DaDataInputControl/DaDataInputControl';
 
 export const CodeWordField = JSX<CustomFieldProps>(({ field, input }) => (
-  <DaDataInputControl label="Кодовое слово" {...field(input?.name ?? '')} {...input} />
+  <DaDataInputControl
+    label="Кодовое слово"
+    maxLength={20}
+    {...field(input?.name ?? '')}
+    {...input}
+  />
 ));

package/src/retail/components/Fields/DependentsField.tsx

@@ -8,6 +8,7 @@ export const DependentsField = JSX<CustomFieldProps>(({ field, input }) => (
     placeholder="За исключением детей до 18 лет"
     isInteger={true}
     maxLength={2}
+    type="number"
     {...field(input?.name ?? '')}
     {...input}
   />

package/src/retail/components/Fields/DulIssueDateField.tsx

@@ -17,6 +17,7 @@ export const DulIssueDateField = JSX<CustomFieldProps>(({ field, input }) => {
       {...field(input?.name ?? '')}
       disabled={isEsiaAuthorize(field, input)}
       minDate={startDulIssueDate}
+      maxDate={new Date()}
     />
   );
 });

package/src/retail/components/Fields/DulIssuedByField.tsx

@@ -10,13 +10,14 @@ export const DulIssuedByField = JSX<CustomFieldProps>(({ field, input }) => {
     field('dulSubdivisionCode');
 
   const onDaDataChange = useCallback((item: DaDataSuggestion) => {
-    changeDulSubdivisionCode?.(item?.data?.code?.replace('-', ''));
+    changeDulSubdivisionCode?.(item?.data?.code);
   }, []);
 
   return (
     <DaDataInputControl
       disabled={isEsiaAuthorize(field, input)}
       label="Кем выдан"
+      maxLength={200}
       {...input}
       {...field(input?.name ?? '')}
       onDaDataChange={onDaDataChange}

package/src/retail/components/Fields/DulSubdivisionCodeField.tsx

@@ -1,23 +1,41 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
+import { useCallback, useEffect } from '@redneckz/uni-jsx/lib/hooks';
 import { type CustomFieldProps } from '../../../ui-kit/FormField/CustomFieldProps';
+import { normalizeWithMask } from '../../../utils/normalizeWithMask';
 import { type DaDataSuggestion } from '../../api/dadataHints/dadataHintsType';
 import { isEsiaAuthorize } from '../../utils/isEsiaAuthorize';
 import { DaDataInputControl } from '../DaDataInputControl/DaDataInputControl';
 
+const MAX_LENGTH = 7;
+
 export const DulSubdivisionCodeField = JSX<CustomFieldProps>(({ field, input }) => {
   const onDaDataChange = useCallback((item: DaDataSuggestion) => {
     field?.('dulIssuedBy')?.onChange?.(item?.data?.name);
   }, []);
 
+  const handleChange = useCallback((v: string) => {
+    const formattedValue = v.replace(/[^\d-]/g, '');
+
+    formattedValue.length <= MAX_LENGTH &&
+      field?.('dulSubdivisionCode')?.onChange?.(normalizeWithMask(formattedValue, '___-___'));
+  }, []);
+
+  useEffect(() => {
+    const value = field?.('dulSubdivisionCode')?.value as string;
+
+    if (value) {
+      handleChange(value);
+    }
+  }, []);
+
   return (
     <DaDataInputControl
       disabled={isEsiaAuthorize(field, input)}
       label="Код подразделения"
-      isInteger={true}
-      maxLength={6}
       {...input}
       {...field(input?.name ?? '')}
+      placeholder="___-___"
+      onChange={handleChange}
       onDaDataChange={onDaDataChange}
     />
   );

package/src/retail/components/Fields/EmailField.tsx

@@ -2,6 +2,11 @@ import { JSX } from '@redneckz/uni-jsx';
 import { type CustomFieldProps } from '../../../ui-kit/FormField/CustomFieldProps';
 import { DaDataInputControl } from '../DaDataInputControl/DaDataInputControl';
 
-export const EmailField = JSX<CustomFieldProps>(({ field, input }) => {
-  return <DaDataInputControl label="Электронная почта" {...field(input?.name ?? '')} {...input} />;
-});
+export const EmailField = JSX<CustomFieldProps>(({ field, input }) => (
+  <DaDataInputControl
+    label="Электронная почта"
+    maxLength={50}
+    {...field(input?.name ?? '')}
+    {...input}
+  />
+));

package/src/retail/components/Fields/Experience5YearsField.tsx

@@ -17,8 +17,8 @@ export const Experience5YearsField = JSX<CustomFieldProps>(({ field, input }) =>
 
   return (
     <DaDataInputControl
-      label="Стаж"
-      placeholder="За последние 5 лет"
+      label="Стаж за последние 5 лет"
+      placeholder="Количество лет"
       type="number"
       {...field(input?.name ?? '')}
       {...input}

package/src/retail/components/Fields/FamilyMembersField.tsx

@@ -7,8 +7,8 @@ export const FamilyMembersField = JSX<CustomFieldProps>(({ field, input }) => {
   const { value, onChange } = field(input?.name ?? '');
   const familyStatusKey = field('familyStatus')?.value?.key;
   const adultsCount = familyStatusKey === 'MARRIED' ? 2 : 1;
-  const childrenCount = Number(field('children')?.value);
-  const dependentsCount = Number(field('dependents')?.value);
+  const childrenCount = Number(field('children')?.value || 0);
+  const dependentsCount = Number(field('dependents')?.value || 0);
   const totalCount = adultsCount + childrenCount + dependentsCount;
 
   useEffect(() => {

package/src/retail/components/Fields/GeneralSeniorityField.tsx

@@ -1,16 +1,33 @@
 import { JSX } from '@redneckz/uni-jsx';
+import { useEffect, useState } from '@redneckz/uni-jsx/lib/hooks';
 import { type CustomFieldProps } from '../../../ui-kit/FormField/CustomFieldProps';
 import { isEsiaAuthorize } from '../../utils/isEsiaAuthorize';
 import { DaDataInputControl } from '../DaDataInputControl/DaDataInputControl';
 
-export const GeneralSeniorityField = JSX<CustomFieldProps>(({ field, input }) => (
-  <DaDataInputControl
-    label="Общий стаж"
-    type="number"
-    maxLength={2}
-    placeholder="Количество лет"
-    {...field(input?.name ?? '')}
-    {...input}
-    disabled={isEsiaAuthorize(field, input)}
-  />
-));
+export const GeneralSeniorityField = JSX<CustomFieldProps>(({ field, input }) => {
+  const [errorDate, setErrorDate] = useState('');
+  const lastJobExperience = Number(field('lastJobExperience')?.value);
+  const currentDate = Number(field('generalSeniority')?.value);
+
+  useEffect(() => {
+    setErrorDate(
+      currentDate && currentDate < lastJobExperience
+        ? 'Укажите не меньше, чем число в поле «Стаж на последнем рабочем месте»'
+        : '',
+    );
+  }, [lastJobExperience, currentDate]);
+
+  return (
+    <DaDataInputControl
+      label="Общий стаж"
+      type="number"
+      maxLength={2}
+      placeholder="Количество лет"
+      isInteger={true}
+      {...field(input?.name ?? '')}
+      {...input}
+      error={errorDate || field('generalSeniority')?.error}
+      disabled={isEsiaAuthorize(field, input)}
+    />
+  );
+});

package/src/retail/components/Fields/JobsNumberField.tsx

@@ -7,6 +7,7 @@ export const JobsNumberField = JSX<CustomFieldProps>(({ field, input }) => (
   <DaDataInputControl
     label="Количество мест работы за последние 5 лет"
     placeholder="Количество мест"
+    type="number"
     isInteger={true}
     maxLength={2}
     {...field(input?.name ?? '')}

package/src/retail/components/Fields/LastJobExperienceField.tsx

@@ -9,6 +9,7 @@ export const LastJobExperienceField = JSX<CustomFieldProps>(({ field, input }) =
     placeholder="Количество лет"
     type="number"
     maxLength={2}
+    isInteger={true}
     {...field(input?.name ?? '')}
     {...input}
     disabled={isEsiaAuthorize(field, input)}

package/src/retail/components/Fields/LegalFormField.tsx

@@ -5,6 +5,7 @@ import { DaDataInputControl } from '../DaDataInputControl/DaDataInputControl';
 export const LegalFormField = JSX<CustomFieldProps>(({ field, input }) => (
   <DaDataInputControl
     label="ОПФ"
+    maxLength={20}
     placeholder="ООО, ПАО  и др."
     {...field(input?.name ?? '')}
     {...input}

package/src/retail/components/Fields/MandatoryPaymentsField.tsx

@@ -7,6 +7,8 @@ export const MandatoryPaymentsField = JSX<CustomFieldProps>(({ field, input }) =
     label="Обязательные выплаты"
     placeholder="Введите значение"
     isInteger={true}
+    type="number"
+    maxLength={10}
     {...field(input?.name ?? '')}
     {...input}
   />

package/src/retail/components/Fields/MiddleNameField.tsx

@@ -18,7 +18,7 @@ export const MiddleNameField = JSX<CustomFieldProps>(({ field, input }) => {
   return (
     <DaDataInputControl
       label="Отчество (Обязательно, при наличии)"
-      maxLength={60}
+      maxLength={40}
       disabled={isEsiaAuthorize(field, input)}
       {...field(input?.name ?? '')}
       {...input}

package/src/retail/components/Fields/NameField.tsx

@@ -18,7 +18,7 @@ export const NameField = JSX<CustomFieldProps>(({ field, input }) => {
   return (
     <DaDataInputControl
       label="Имя"
-      maxLength={60}
+      maxLength={40}
       disabled={isEsiaAuthorize(field, input)}
       {...field(input?.name ?? '')}
       {...input}

package/src/retail/components/Fields/RetirementIncomeField.tsx

@@ -7,6 +7,8 @@ export const RetirementIncomeField = JSX<CustomFieldProps>(({ field, input }) =>
     label="Пенсионные доходы"
     placeholder="Введите значение"
     isInteger={true}
+    type="number"
+    maxLength={10}
     {...field(input?.name ?? '')}
     {...input}
   />

package/src/retail/components/Fields/SurnameField.tsx

@@ -18,7 +18,7 @@ export const SurnameField = JSX<CustomFieldProps>(({ field, input }) => {
   return (
     <DaDataInputControl
       label="Фамилия"
-      maxLength={60}
+      maxLength={40}
       disabled={isEsiaAuthorize(field, input)}
       {...field(input?.name ?? '')}
       {...input}

package/src/retail/components/Fields/WagesField.tsx

@@ -8,6 +8,8 @@ export const WagesField = JSX<CustomFieldProps>(({ field, input }) => (
     label="Совокупный доход в месяц после вычета налогов (зарплата, премии)"
     placeholder="Введите значение"
     isInteger={true}
+    type="number"
+    maxLength={10}
     {...field(input?.name ?? '')}
     {...input}
     disabled={isEsiaAuthorize(field, input)}

package/src/retail/components/VerifyPhoneDialog/VerifyPhoneDialog.tsx

@@ -19,9 +19,12 @@ import { sendCode } from '../../api/sendCode';
 import { CaptchaDialog } from '../CaptchaDialog/CaptchaDialog';
 import { InputCode } from './InputCode';
 import { SubmitButton } from './SubmitButton';
-import { useVerifyPhoneDialogSubmit } from './useVerifyPhoneDialogSubmit';
+import {
+  TIME_TO_RESEND,
+  useVerifyPhoneDialogSubmit,
+  type SmsCodeStore,
+} from './useVerifyPhoneDialogSubmit';
 
-export const TIME_TO_RESEND = 180;
 const CODE_LENGTH = 4;
 
 export interface VerifyPhoneDialogProps extends OnCloseProps {
@@ -31,13 +34,6 @@ export interface VerifyPhoneDialogProps extends OnCloseProps {
   onSuccess?: (smsCode?: string) => void;
 }
 
-export interface SmsCodeStore {
-  smsCode: {
-    sendTime?: number;
-    attempts?: number;
-  };
-}
-
 export const VerifyPhoneDialog = JSX<VerifyPhoneDialogProps>(
   ({ phone, withDescription = true, consents, onSuccess = noop, onClose = noop }) => {
     const [values, setValues] = useState(Array(CODE_LENGTH).fill(''));

package/src/retail/components/VerifyPhoneDialog/useVerifyPhoneDialogSubmit.tsx

@@ -2,13 +2,21 @@ import { useCallback, useEffect, useState } from '@redneckz/uni-jsx/lib/hooks';
 import { useBool } from '@redneckz/uni-jsx/lib/hooks/useBool';
 import { useSessionStore } from '@redneckz/uni-jsx/lib/Store/useSessionStore';
 import { checkCode } from '../../api/checkCode';
-import { TIME_TO_RESEND, type SmsCodeStore } from './VerifyPhoneDialog';
+
+export const TIME_TO_RESEND = 180;
 
 type useVerifyPhoneDialogSubmitProps = {
   values: string[];
   onSuccess?: (smsCode?: string) => void;
 };
 
+export interface SmsCodeStore {
+  smsCode: {
+    sendTime?: number;
+    attempts?: number;
+  };
+}
+
 export const useVerifyPhoneDialogSubmit = ({
   values,
   onSuccess,