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

package/src/ui-kit/FormField/Fields/PaymentSystemField.tsx

@@ -1,40 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { useMemo, useState } from '@redneckz/uni-jsx/lib/hooks';
-import { useLocalStore } from '@redneckz/uni-jsx/lib/Store/useLocalStore';
-import { getPaymentSystems } from '../../../api/RetailAPI/getPaymentSystems';
-import { useAsyncEffect } from '../../../hooks/useAsyncEffect';
-import { RadioButtonGroupControl } from '../../RadioButtonGroup/RadioButtonGroupControl';
-import { type Option } from '../../Select/Option';
-import { type CustomFieldProps } from '../CustomFieldProps';
-
-const optionKey = (option: { key?: string } | undefined) => option?.key;
-
-export const PaymentSystemField = JSX<CustomFieldProps>(({ field, input }) => {
-  const [paymentSystemOptions, setPaymentSystemOptions] = useState<Option[]>([]);
-
-  const localStore = useLocalStore<{ programId: string }>();
-  useAsyncEffect(async () => {
-    const { programId } = localStore;
-    if (programId) {
-      const fetchedPaymentSystems = await getPaymentSystems(programId);
-      setPaymentSystemOptions(fetchedPaymentSystems ?? []);
-    }
-  }, []);
-
-  const items = useMemo(
-    () => paymentSystemOptions?.map((_) => ({ id: _.key, text: _.text })) ?? [],
-    [paymentSystemOptions],
-  );
-
-  return (
-    <RadioButtonGroupControl
-      label="Платежная система"
-      orientation="horizontal"
-      items={items}
-      {...field(input?.name ?? '', {
-        format: optionKey,
-        parse: (key?: string) => paymentSystemOptions?.find((_) => _.key === key),
-      })}
-    />
-  );
-});

package/src/ui-kit/FormField/Fields/PositionOrganizationField.tsx

@@ -1,18 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { useLeadFormData } from '../../../hooks/useLeadFormData';
-import { type CustomFieldProps } from '../CustomFieldProps';
-import { SelectField } from '../SelectField';
-
-export const PositionOrganizationField = JSX<CustomFieldProps>(({ field, input }) => {
-  const { data: positionOrganization } = useLeadFormData('POSITION');
-
-  return (
-    <SelectField
-      field={field}
-      source={positionOrganization}
-      label="Должность в организации"
-      fieldName="positionOrganization"
-      input={input}
-    />
-  );
-});

package/src/ui-kit/FormField/Fields/RegionRetailField.tsx

@@ -1,20 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { useLeadFormData } from '../../../hooks/useLeadFormData';
-import { type Option } from '../../Select/Option';
-import { SelectControl } from '../../Select/SelectControl';
-import { type CustomFieldProps } from '../CustomFieldProps';
-
-export const RegionRetailField = JSX<CustomFieldProps>(({ field, input }) => {
-  const { data: regions } = useLeadFormData('REGION_RF');
-  const formatRegions = regions?.map(({ key, value }) => ({ key, text: value }));
-
-  return (
-    <SelectControl
-      label="Регион"
-      placeholder="Выберите регион"
-      isSearch={true}
-      options={formatRegions as Option[]}
-      {...field(input?.name ?? '')}
-    />
-  );
-});

package/src/ui-kit/FormField/Fields/RetirementIncomeField.tsx

@@ -1,13 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { InputControl } from '../../Input/InputControl';
-import type { CustomFieldProps } from '../CustomFieldProps';
-
-export const RetirementIncomeField = JSX<CustomFieldProps>(({ field, input }) => (
-  <InputControl
-    label="Пенсионные доходы"
-    placeholder="Введите значение"
-    isInteger={true}
-    {...field(input?.name ?? '')}
-    {...input}
-  />
-));

package/src/ui-kit/FormField/Fields/SexField.tsx

@@ -1,36 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { useEffect } from '@redneckz/uni-jsx/lib/hooks';
-import { getGenderFromName } from '../../../api/RetailAPI/getGenderFromName';
-import { type RadioButtonItem } from '../../RadioButtonGroup/RadioButtonGroup';
-import { RadioButtonGroupControl } from '../../RadioButtonGroup/RadioButtonGroupControl';
-import { type CustomFieldProps } from '../CustomFieldProps';
-
-export const SEX_TYPES: RadioButtonItem[] = [
-  { id: 'male', text: 'Мужской' },
-  { id: 'female', text: 'Женский' },
-];
-
-export const SexField = JSX<CustomFieldProps>(({ field, input }) => {
-  const name = field('name')?.value;
-  const { value: selectedSex, onChange: changeSex } = field('sex');
-
-  useEffect(() => {
-    if (name && !selectedSex) {
-      (async () => {
-        const gender = await getGenderFromName(name as string);
-        if (gender) {
-          changeSex?.(gender);
-        }
-      })();
-    }
-  }, []);
-
-  return (
-    <RadioButtonGroupControl
-      label="Пол"
-      orientation="horizontal"
-      items={SEX_TYPES}
-      {...field(input?.name ?? '')}
-    />
-  );
-});

package/src/ui-kit/FormField/Fields/ShareholderFlgField.tsx

@@ -1,10 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { CheckboxWithError } from '../../Checkbox/CheckboxWithError';
-import { type CustomFieldProps } from '../CustomFieldProps';
-
-export const ShareholderFlgField = JSX<CustomFieldProps>(({ field, input }) => (
-  <CheckboxWithError
-    text="Я являюсь акционером / участником / членом / пайщиком / вкладчиком с долей участия более 20% уставного капитала юридического лица"
-    {...field(input?.name ?? '')}
-  />
-));

package/src/ui-kit/FormField/Fields/SnilsField.tsx

@@ -1,7 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { InputSnilsControl } from '../../Input/InputSnilsControl';
-import { type CustomFieldProps } from '../CustomFieldProps';
-
-export const SnilsField = JSX<CustomFieldProps>(({ field, input }) => (
-  <InputSnilsControl label="СНИЛС" maxLength={14} {...field(input?.name ?? '')} {...input} />
-));

package/src/ui-kit/FormField/Fields/TotalIncomeField.tsx

@@ -1,13 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { InputControl } from '../../Input/InputControl';
-import { type CustomFieldProps } from '../CustomFieldProps';
-
-export const TotalIncomeField = JSX<CustomFieldProps>(({ field, input }) => (
-  <InputControl
-    label="Совокупный официальный доход в месяц после вычета налогов (зарплата, премии)"
-    placeholder="Введите значение"
-    isInteger={true}
-    {...field(input?.name ?? '')}
-    {...input}
-  />
-));

package/src/ui-kit/FormField/Fields/WagesField.tsx

@@ -1,13 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { InputControl } from '../../Input/InputControl';
-import type { CustomFieldProps } from '../CustomFieldProps';
-
-export const WagesField = JSX<CustomFieldProps>(({ field, input }) => (
-  <InputControl
-    label="Совокупный доход в месяц после вычета налогов (зарплата, премии)"
-    placeholder="Введите значение"
-    isInteger={true}
-    {...field(input?.name ?? '')}
-    {...input}
-  />
-));

package/src/ui-kit/FormField/SelectField.tsx

@@ -1,42 +0,0 @@
-import { type DictionaryItem } from '../../services/retail/model/LeadFormData';
-import { UniBlock } from '../../UniBlock/UniBlock';
-import { type UniBlockProps } from '../../UniBlock/UniBlockProps';
-import { type Option } from '../Select/Option';
-import { SelectControl } from '../Select/SelectControl';
-import { type CustomFieldProps } from './CustomFieldProps';
-
-export interface SelectFieldProps extends CustomFieldProps, UniBlockProps {
-  source?: DictionaryItem[];
-  label: string;
-  fieldName: string;
-  placeholder?: string;
-  isSearch?: boolean;
-  disabled?: boolean;
-}
-
-export const SelectField = UniBlock<SelectFieldProps>(
-  ({
-    field,
-    source,
-    fieldName,
-    placeholder = 'Выберите из списка',
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    options,
-    ...rest
-  }) => {
-    const leadOptions: Option[] =
-      source?.map((_: DictionaryItem) => ({
-        key: _.key || '',
-        text: _.value,
-      })) || [];
-
-    return (
-      <SelectControl
-        placeholder={placeholder}
-        options={leadOptions}
-        {...field(fieldName)}
-        {...rest}
-      />
-    );
-  },
-);

package/src/ui-kit/FormField/isEsiaAuthorize.ts

@@ -1,6 +0,0 @@
-import { type FormFieldRegisterer } from '../../hooks/useForm/useForm';
-
-const ESIA_FIELD_NAME = 'esiaAccountTypeCd';
-
-export const isEsiaAuthorize = (field: FormFieldRegisterer<any>, name: string) =>
-  Boolean(field(ESIA_FIELD_NAME)?.value?.key) && field(name).value;

package/src/ui-kit/FormField/updateOrganizationFields.ts

@@ -1,41 +0,0 @@
-import { type DaDataSuggestion } from '../../api/dadataHints/dadataHintsType';
-import { type FormFieldRegisterer } from '../../hooks/useForm/useForm';
-import { type CreditFormDictionarySlice } from '../../hooks/useRetailFormStore';
-import {
-  getEmployeesNumberOption,
-  getOrganizationActivityType,
-  getOrganizationKind,
-  getOrganizationType,
-} from '../../services/retail/utils/getOrganizationParams';
-import { getAddressFromDaDataItem } from './Fields/AddressField';
-
-export const updateOrganizationFields = (
-  store: CreditFormDictionarySlice,
-  field: FormFieldRegisterer<any>,
-  item: DaDataSuggestion,
-) => {
-  const { okved, okopf, inn } = getOrganizationRequisites(item);
-
-  field?.('legalForm')?.onChange?.(item.data?.opf?.short);
-
-  field?.('organizationAddress')?.onChange?.(
-    getAddressFromDaDataItem(item.data?.address as DaDataSuggestion),
-  );
-
-  const organizationData = {
-    amountWorkers: getEmployeesNumberOption(store?.amountWorkers, item.data?.employee_count),
-    employerActivities: getOrganizationActivityType(store?.employerActivities ?? [], okved),
-    organization: getOrganizationType(store?.organization ?? [], okopf, inn),
-    employerOrganization: getOrganizationKind(store?.employerOrganization ?? [], okopf),
-  };
-
-  for (const fieldName in organizationData) {
-    organizationData[fieldName] && field?.(fieldName)?.onChange?.(organizationData[fieldName]);
-  }
-};
-
-const getOrganizationRequisites = (item: DaDataSuggestion) => ({
-  inn: item.data?.inn ?? '',
-  okopf: Number(item.data?.opf?.code),
-  okved: item.data?.okved ?? '',
-});

package/src/ui-kit/Input/InputPopup.tsx

@@ -1,60 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { useEffect, useState } from '@redneckz/uni-jsx/lib/hooks';
-import { type DaDataSuggestion } from '../../api/dadataHints/dadataHintsType';
-import { style } from '../../utils/style';
-import { type PreventableEventWithTarget } from '../PreventableEvent';
-
-export interface InputPopupProps {
-  options: Array<DaDataSuggestion>;
-  container: HTMLDivElement;
-  onChange: (e: DaDataSuggestion) => void;
-  value?: string;
-}
-
-const ARROW_DOWN_KEYBOARD_KEY_CODE = 'ArrowDown';
-const ARROW_UP_KEYBOARD_KEY_CODE = 'ArrowUp';
-const ENTER_KEYBOARD_KEY_CODE = 'Enter';
-const INITIAL_LIST_ITEM_ACTIVE = -1;
-
-export const InputPopup = JSX<InputPopupProps>(({ options, container, onChange }) => {
-  const [listItemActive, setListItemActive] = useState<number>(INITIAL_LIST_ITEM_ACTIVE);
-
-  const onKeyDownHandler = (ev: PreventableEventWithTarget & { key: string }): void => {
-    const hintsListMaxIndex = options.length - 1;
-
-    if (ev.key === ARROW_DOWN_KEYBOARD_KEY_CODE) {
-      setListItemActive(listItemActive < hintsListMaxIndex ? listItemActive + 1 : 0);
-    } else if (ev.key === ARROW_UP_KEYBOARD_KEY_CODE) {
-      setListItemActive(listItemActive > 0 ? listItemActive - 1 : hintsListMaxIndex);
-    } else if (ev.key === ENTER_KEYBOARD_KEY_CODE && options[listItemActive]) {
-      ev.preventDefault();
-      onChange(options[listItemActive]);
-    }
-  };
-
-  useEffect(() => {
-    container.addEventListener('keydown', onKeyDownHandler);
-
-    return () => container.removeEventListener('keydown', onKeyDownHandler);
-  }, [listItemActive]);
-
-  return (
-    <div
-      className="bg-white text-l overflow-y-auto overflow-x-hidden rounded-md shadow-2xl"
-      role="list"
-    >
-      {options?.map((item, key) => (
-        <div
-          key={key.toString()}
-          className={style('flex px-m py-s cursor-pointer hover:bg-main-divider pr-5xl relative', {
-            'bg-main-divider': listItemActive === key,
-          })}
-          role="listitem"
-          onMouseDown={() => onChange(item)}
-        >
-          <span className="min-h-6">{item.processedValue}</span>
-        </div>
-      ))}
-    </div>
-  );
-});

package/src/ui-kit/Input/useInputPopup.tsx

@@ -1,106 +0,0 @@
-import { useCallback, useEffect, useMemo, useRef, useState } from '@redneckz/uni-jsx/lib/hooks';
-import { getDaDataHints } from '../../api/dadataHints/dadataHints';
-import { type DaDataSuggestion } from '../../api/dadataHints/dadataHintsType';
-import { hintsListsOptions } from '../../api/dadataHints/hintsListsOptions';
-import { debounce } from '../../utils/debounce';
-import { usePopupManager } from '../PopupManager/usePopupManager';
-import { InputPopup } from './InputPopup';
-
-interface InputPopupOptions {
-  isOpen?: boolean;
-  name: string;
-  value?: string;
-  daDataQueryPrefix?: string;
-  onChange: (e: string) => void;
-  onDaDataChange?: (e: DaDataSuggestion) => void;
-}
-
-// eslint-disable-next-line max-lines-per-function
-export function useInputPopup({
-  isOpen,
-  value,
-  name,
-  onChange,
-  onDaDataChange,
-  daDataQueryPrefix,
-}: InputPopupOptions) {
-  const prevInputValue = useRef(value);
-  const currentInputValue = useRef(value);
-  const [hintsList, setHintsList] = useState<Array<DaDataSuggestion>>([]);
-  const popup = usePopupManager();
-
-  const defaultHintsListOptions = hintsListsOptions[name];
-
-  const close = useCallback(() => {
-    currentInputValue.current = value;
-    popup.close();
-  }, [value]);
-
-  const handleChange = useCallback(
-    (option: DaDataSuggestion) => {
-      close();
-      currentInputValue.current = option.processedValue;
-      onChange?.(option.processedValue);
-      onDaDataChange?.(option);
-    },
-    [close, onChange],
-  );
-
-  const inputRef = useRef<HTMLDivElement | null>(null);
-
-  const getHintsList = useMemo(
-    () => async (searchValue: string) => {
-      if (!defaultHintsListOptions) {
-        return;
-      }
-      const result = await getDaDataHints({
-        url: defaultHintsListOptions.url,
-        responseItemHandler: defaultHintsListOptions.responseItemHandler,
-        requestData: {
-          ...defaultHintsListOptions?.requestData,
-        },
-        query: searchValue,
-        queryPrefix: daDataQueryPrefix,
-      });
-      if (result?.length) {
-        setHintsList(result);
-      }
-    },
-    [daDataQueryPrefix],
-  );
-
-  const debouncedGetHintsList = useMemo(() => debounce(getHintsList, 300), [getHintsList]);
-
-  useEffect(() => {
-    if (!isOpen || !inputRef.current || currentInputValue.current === value) {
-      close();
-
-      return;
-    }
-
-    const inputElement = inputRef.current;
-    const { top, left, width, height } = inputElement.getBoundingClientRect();
-
-    if (value && prevInputValue.current !== value) {
-      debouncedGetHintsList(value);
-
-      prevInputValue.current = value;
-    }
-
-    popup.open({
-      popup: (
-        <InputPopup
-          options={hintsList}
-          container={inputElement}
-          value={value}
-          onChange={handleChange}
-        />
-      ),
-      top: top + globalThis.scrollY + height,
-      left,
-      width,
-    });
-  }, [isOpen, hintsList, value, handleChange]);
-
-  return inputRef;
-}

package/src/ui-kit/VerifyPhoneDialog/InputCode.tsx

@@ -1,89 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { useCallback, useEffect, useRef, useState } from '@redneckz/uni-jsx/lib/hooks';
-import { getValidStyle } from '../Input/getValidStyle';
-import { type PreventableEvent } from '../PreventableEvent';
-
-type InputCodeProps = {
-  values: string[];
-  setValues: (_: string[]) => void;
-  hasError?: boolean;
-  errorText?: string;
-};
-
-export const InputCode = JSX<InputCodeProps>(({ values, setValues, hasError, errorText }) => {
-  const [activeIndex, setActiveIndex] = useState(0);
-  const inputRefs = useRef<HTMLInputElement[]>([]);
-
-  useEffect(() => {
-    inputRefs.current?.[activeIndex]?.focus();
-  }, [activeIndex]);
-
-  const handleChange = useCallback(
-    (index: number) => (event: PreventableEvent & { currentTarget: { value: string } }) => {
-      const { value } = event.currentTarget;
-      const oneValue = value.slice(0, 1);
-      setValues(values.map((_, i) => (i === index ? oneValue : _)));
-      setActiveIndex(index + 1);
-    },
-    [values],
-  );
-
-  const handleKeyDown = useCallback(
-    (currentIndex: number) => (event: PreventableEvent & { key: string }) => {
-      const { key } = event;
-      if (key === 'Backspace' && !values[currentIndex]) {
-        const previousIndex = currentIndex > 0 ? currentIndex - 1 : values.length - 1;
-        const updatedValues = values.map((value, index) => (index === previousIndex ? '' : value));
-        setValues(updatedValues);
-        setActiveIndex(previousIndex);
-      }
-    },
-    [values],
-  );
-
-  const handlePaste = useCallback(
-    (event: PreventableEvent & { clipboardData: { getData: (v: string) => string } }) => {
-      event.preventDefault();
-      const pastedData = event.clipboardData.getData('text');
-      const updatedValues = values.map((_, idx) => (idx < pastedData.length ? pastedData[idx] : _));
-      setValues(updatedValues);
-      setActiveIndex(updatedValues.length - 1);
-    },
-    [values],
-  );
-
-  return (
-    <div className="flex flex-col gap-2 text-center">
-      <div>
-        {values.map((value, index) => (
-          <input
-            key={index}
-            type="number"
-            maxLength={1}
-            value={value}
-            onChange={handleChange(index)}
-            onPaste={handlePaste}
-            ref={(ref) => {
-              if (!inputRefs.current) {
-                inputRefs.current = [];
-              }
-              inputRefs.current[index] = ref as HTMLInputElement;
-            }}
-            onFocus={(event) => event.target.select()}
-            onKeyDown={handleKeyDown(index)}
-            className={getInputStyle(index, values, hasError)}
-          />
-        ))}
-      </div>
-      {hasError ? <div className="text-error">{errorText}</div> : null}
-    </div>
-  );
-});
-
-const getInputStyle = (index: number, values: string[], hasError = false) => {
-  const isInputEmpty = !values[index];
-
-  return `w-16 sm:w-20 h-24 text-5xl text-center p-md m-2 border ${getValidStyle(
-    !hasError || !isInputEmpty,
-  )} rounded-md caret-transparent outline-none`;
-};

package/src/ui-kit/VerifyPhoneDialog/SubmitButton.tsx

@@ -1,17 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { Button } from '../Button/Button';
-import { Text } from '../Text/Text';
-
-interface SubmitButtonProps {
-  isDisabled: boolean;
-  onClick: () => void;
-  text?: string;
-}
-
-export const SubmitButton = JSX<SubmitButtonProps>(({ isDisabled, onClick, text }) => {
-  return (
-    <Button type="button" onClick={onClick} disabled={isDisabled}>
-      <Text font="font-normal">{text}</Text>
-    </Button>
-  );
-});

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

@@ -1,20 +0,0 @@
-import '../../setup-fixture';
-
-import { DialogManager } from '../../ui-kit/DialogManager/DialogManager';
-import { VerifyPhoneDialog } from './VerifyPhoneDialog';
-
-const consents = [
-  'соглашение о порядке использования простой электронной подписи,',
-  'согласие на обработку персональных данных,',
-  'предоставление и подписание прочих согласий Банка,',
-  'согласие на запрос в ПФР',
-];
-
-export default {
-  default: (
-    <div>
-      <VerifyPhoneDialog phone="+71234567890" consents={consents} />
-      <DialogManager />
-    </div>
-  ),
-};