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

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

@@ -1,138 +0,0 @@
-/* eslint-disable max-lines-per-function */
-import { JSX } from '@redneckz/uni-jsx';
-import { useCallback, useEffect, useState } from '@redneckz/uni-jsx/lib/hooks';
-import { sendCode } from '../../api/RetailAPI/sendCode';
-import { Headline } from '../../components/Headline/Headline';
-import { formatPhone } from '../../utils/formatPhone';
-import { noop } from '../../utils/noop';
-import { Button } from '../Button/Button';
-import { ButtonTitle } from '../Button/ButtonTitle';
-import { CaptchaDialog } from '../CaptchaDialog/CaptchaDialog';
-import { Dialog } from '../DialogManager/Dialog';
-import { useDialog } from '../DialogManager/useDialog';
-import { Loader } from '../Loader/Loader';
-import { RichText } from '../RichText/RichText';
-import { Timer } from '../TimerCircle/Timer';
-import { useCountDownTimer } from '../TimerCircle/useCountDownTimer';
-import { InputCode } from './InputCode';
-import { SubmitButton } from './SubmitButton';
-import { useVerifyPhoneDialogSubmit } from './useVerifyPhoneDialogSubmit';
-
-export interface VerifyPhoneDialogProps {
-  phone: string;
-  code?: boolean;
-  withDescription?: boolean;
-  codeLength?: number;
-  consents?: string[];
-  onSuccess?: (smsCode?: string) => void;
-  onClose?: () => void;
-}
-
-export const VerifyPhoneDialog = JSX<VerifyPhoneDialogProps>(
-  ({
-    phone,
-    code = true,
-    withDescription = true,
-    codeLength = 4,
-    consents,
-    onSuccess = noop,
-    onClose = noop,
-  }) => {
-    const [values, setValues] = useState(Array(codeLength).fill(''));
-
-    const {
-      handleSubmit,
-      hasError,
-      errorText,
-      isLoading,
-      timeNextReq,
-      isSubmitButtonDisabled,
-      setTimeNextReq,
-      setIsTimerStarted,
-      setAttempts,
-    } = useVerifyPhoneDialogSubmit({ values, onSuccess });
-
-    const captchaDialog = useDialog(CaptchaDialog);
-
-    const phoneNumber = formatPhone(phone);
-
-    const restartTimer = useCountDownTimer({ seconds: timeNextReq, onTick: setTimeNextReq });
-
-    const handleSendCode = useCallback(async () => {
-      const isSuccessSendCode = await sendCode({
-        phoneNumber,
-        smsCodesSetName: { key: 'AUTHENTICATION' },
-      });
-
-      if (isSuccessSendCode) {
-        setAttempts(0);
-        setTimeNextReq(180);
-        restartTimer(180);
-        setIsTimerStarted(true);
-      } else {
-        captchaDialog.open({ phoneNumber, sendCode: handleSendCode });
-      }
-    }, [phoneNumber, restartTimer, onClose]);
-
-    useEffect(() => {
-      handleSendCode();
-    }, []);
-
-    return (
-      <Dialog
-        className="my-6xl max-w-3xl w-full min-h-fit mx-auto rounded-xl p-m"
-        onClose={onClose}
-      >
-        <div className="flex flex-col gap-xl items-center rounded-md">
-          <Headline
-            className="w-full"
-            title="Подтвердите номер телефона"
-            description={`Мы отправили код на ${phone}`}
-            headlineVersion="XS"
-            isEmbedded={true}
-            as="h6"
-          />
-          {code ? (
-            <InputCode
-              values={values}
-              setValues={setValues}
-              errorText={errorText}
-              hasError={hasError}
-            />
-          ) : null}
-          {renderText(timeNextReq, handleSendCode)}
-
-          {withDescription ? (
-            <RichText itemSize="list-s">
-              <span>Вводя код, я подтверждаю, что ознакомлен и подписываю: </span>
-              <ul>
-                {consents?.map((_, i) => (
-                  <li key={`${_}-${i}`}>{_}</li>
-                ))}
-              </ul>
-            </RichText>
-          ) : null}
-
-          {renderNextButton(isSubmitButtonDisabled, handleSubmit)}
-          {isLoading ? <Loader blur={false} /> : null}
-        </div>
-      </Dialog>
-    );
-  },
-);
-
-const renderNextButton = (isDisabled: boolean, onClick: () => void) => (
-  <SubmitButton text="Далее" isDisabled={isDisabled} onClick={onClick} />
-);
-
-const renderText = (timeNextReq: number, handleSendCode: () => void) =>
-  timeNextReq ? (
-    <div className="flex flex-row text-l font-light text-base">
-      Получить новый код можно через
-      <Timer className="ml-1" seconds={timeNextReq} />
-    </div>
-  ) : (
-    <Button embedded onClick={handleSendCode}>
-      <ButtonTitle>Получить новый код</ButtonTitle>
-    </Button>
-  );

package/mobile/src/ui-kit/VerifyPhoneDialog/useVerifyPhoneDialogSubmit.tsx

@@ -1,59 +0,0 @@
-import { useCallback, useEffect, useState } from '@redneckz/uni-jsx/lib/hooks';
-import { useBool } from '@redneckz/uni-jsx/lib/hooks/useBool';
-import { checkCode } from '../../api/RetailAPI/checkCode';
-
-type useVerifyPhoneDialogSubmitProps = {
-  values: string[];
-  onSuccess?: (smsCode?: string) => void;
-};
-
-export const useVerifyPhoneDialogSubmit = ({
-  values,
-  onSuccess,
-}: useVerifyPhoneDialogSubmitProps) => {
-  const [errorText, setErrorText] = useState('');
-  const [isLoading, { setTrue: startLoading, setFalse: endLoading }] = useBool(false);
-  const [timeNextReq, setTimeNextReq] = useState(0);
-  const [isTimerStarted, setIsTimerStarted] = useState(false);
-  const [attempts, setAttempts] = useState(0);
-
-  const resetError = useCallback(() => setErrorText(''), []);
-
-  const isTimeExpired = Boolean(timeNextReq === 0 && isTimerStarted);
-  const isSubmitButtonDisabled = attempts > 2 || isTimeExpired || !values.every(Boolean);
-
-  const handleSubmit = useCallback(async () => {
-    try {
-      setIsTimerStarted(false);
-      setTimeNextReq(0);
-      setAttempts((_) => _ + 1);
-      startLoading();
-      await checkCode({
-        smsText: values.join(''),
-        smsCodesSetName: { key: 'AUTHENTICATION' },
-      });
-      resetError();
-      await onSuccess?.(values.join(''));
-    } catch {
-      setErrorText(attempts > 1 ? 'Исчерпан лимит ввода смс-кода' : 'Неверный код');
-    } finally {
-      endLoading();
-    }
-  }, [values, attempts]);
-
-  useEffect(() => {
-    setErrorText(isTimeExpired ? 'Код просрочен' : '');
-  }, [isTimeExpired]);
-
-  return {
-    handleSubmit,
-    hasError: Boolean(errorText),
-    errorText,
-    isLoading,
-    timeNextReq,
-    isSubmitButtonDisabled,
-    setTimeNextReq,
-    setIsTimerStarted,
-    setAttempts,
-  };
-};

package/src/api/RetailAPI/StatusType.ts

@@ -1 +0,0 @@
-export type StatusType = 'OK' | 'ERROR';

package/src/api/RetailAPI/checkCaptcha.ts

@@ -1,10 +0,0 @@
-import { doRequest } from './doRequest';
-
-export type CapchaTextType = {
-  captchaText: string;
-};
-
-export const checkCaptcha = (body: CapchaTextType) =>
-  doRequest('/sms/checkCaptcha', 'POST', body)
-    .then((res) => res.text())
-    .then((text) => text !== 'ERROR');

package/src/api/RetailAPI/checkCode.ts

@@ -1,24 +0,0 @@
-import { fetchRetailJSON } from './doRequest';
-
-export type CheckCodeBody = {
-  smsText: string;
-  smsCodesSetName: {
-    key: 'AUTHENTICATION' | 'SEND_TASK';
-  };
-};
-
-export type CheckCodeResponse = {
-  access_token: string;
-  expires_in: number;
-  refresh_token: string;
-};
-
-export const checkCode = async (body: CheckCodeBody) =>
-  fetchRetailJSON<CheckCodeResponse>('/sms/checkCode', 'POST', body).then(saveToken);
-
-const saveToken = (data: CheckCodeResponse | null) => {
-  if (data) {
-    globalThis.sessionStorage.setItem('accessToken', data.access_token);
-    globalThis.sessionStorage.setItem('refreshToken', data.refresh_token);
-  }
-};

package/src/api/RetailAPI/createCaptcha.ts

@@ -1,6 +0,0 @@
-import { doRequest } from './doRequest';
-
-export const createCaptcha = (phoneNumber: string) =>
-  doRequest(`/sms/createCaptcha?phoneNumber=${encodeURIComponent(phoneNumber)}`, 'GET').then(
-    async (res) => (res ? await res.blob() : new Blob()),
-  );

package/src/api/RetailAPI/createDraftTask.ts

@@ -1,23 +0,0 @@
-import { fetchRetailJSON } from './doRequest';
-
-export type CreateDraftTaskBody = {
-  profileId: number;
-  programId: string;
-};
-
-export type CreateDraftTaskResponse = {
-  taskId: number;
-  participantId: number;
-};
-
-export const createDraftTask = async (
-  body: CreateDraftTaskBody,
-): Promise<CreateDraftTaskResponse> => {
-  const res = await fetchRetailJSON<CreateDraftTaskResponse>(
-    '/user-data/createDraftTask',
-    'POST',
-    body,
-  );
-
-  return res || ({} as CreateDraftTaskResponse);
-};

package/src/api/RetailAPI/createUserProfile.ts

@@ -1,15 +0,0 @@
-import { fetchRetailJSON } from './doRequest';
-
-export interface RetailUserProfile {
-  id?: number;
-  phone?: string;
-}
-
-interface CreateUserProfileType {
-  profile: RetailUserProfile;
-}
-
-export const createUserProfile = (body: CreateUserProfileType) =>
-  fetchRetailJSON<CreateUserProfileType>('/public-data/createUserProfile', 'POST', body).then(
-    (res) => res?.profile?.id || null,
-  );

package/src/api/RetailAPI/doRequest.ts

@@ -1,45 +0,0 @@
-import { RETAIL_API_BASE_URI } from '../apiBaseUrl';
-import { getTraceId } from './getTraceId';
-
-export const fetchRetailJSON = async <R>(
-  url: string,
-  method: 'POST' | 'GET' | 'PUT',
-  body?: any,
-): Promise<R | null> => {
-  try {
-    const response = await doRequest(url, method, body);
-
-    return response.json();
-  } catch (err) {
-    console.error(err);
-
-    return null;
-  }
-};
-
-export async function doRequest(
-  url: string,
-  method: 'POST' | 'GET' | 'PUT',
-  body?: any,
-): Promise<Response> {
-  const traceId = getTraceId();
-
-  return globalThis?.fetch?.(`${RETAIL_API_BASE_URI}${url}`, {
-    method,
-    headers: {
-      'Content-Type': 'application/json',
-      'X-B3-Sampled': '1',
-      'X-B3-Spanid': traceId,
-      'X-B3-Traceid': traceId,
-      ...getAuthorizationHeaders(),
-    },
-    credentials: 'include',
-    body: body ? JSON.stringify(body) : null,
-  });
-}
-
-const getAuthorizationHeaders = () => {
-  const token = sessionStorage.getItem('accessToken');
-
-  return token ? { Authorization: `Bearer ${token}` } : null;
-};

package/src/api/RetailAPI/draftTasksKZO.ts

@@ -1,39 +0,0 @@
-import { type Option } from '../../ui-kit/Select/Option';
-import { fetchRetailJSON } from './doRequest';
-import { type Participant, type PaymentType } from './updateUserTask';
-
-export type Task = {
-  currencyCode?: { key: string };
-  paymentSystemTypeCd?: Option;
-  classCard?: Option;
-  codeWord?: string;
-  courierDeliveryFlg?: boolean;
-  createdDate?: string;
-  creditPeriod?: number;
-  creditProgram: {
-    code: string;
-    name: string;
-  };
-  deliveryComment?: string;
-  deliveryDate?: string;
-  deliveryTimeCd?: {
-    value: string;
-  };
-  id: number;
-  loanAmount?: number;
-  office?: {
-    id: string;
-  };
-  participants: Participant[];
-  paymentTypeCd?: PaymentType;
-};
-
-type DraftTaskKZOResponse = {
-  tasks: Array<Task>;
-};
-
-export const draftTasksKZO = async (): Promise<DraftTaskKZOResponse['tasks']> => {
-  const res = await fetchRetailJSON<DraftTaskKZOResponse>('/user-data/draftTasksKZO', 'GET');
-
-  return res?.tasks || [];
-};