@redneckz/wildless-cms-uni-blocks 0.16.1 → 0.16.2-credit

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

@@ -1,90 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { useCallback, useEffect, useRef, useState } from '@redneckz/uni-jsx/lib/hooks';
-
-type InputCodeProps = {
-  values: string[];
-  setValues: React.Dispatch<React.SetStateAction<string[]>>;
-  hasError?: boolean;
-};
-
-export const InputCode = JSX<InputCodeProps>(({ values, setValues, hasError }) => {
-  const [activeIndex, setActiveIndex] = useState(0);
-  const inputRefs = useRef<HTMLInputElement[]>([]);
-
-  useEffect(() => {
-    inputRefs.current?.[activeIndex]?.focus();
-  }, [activeIndex]);
-
-  const handleChange = useCallback(
-    (index: number) => (event: React.ChangeEvent<HTMLInputElement>) => {
-      const { value } = event.currentTarget;
-      const isLastIndex = index === values.length - 1;
-      const isMultipleCharacters = value.length > 1;
-      if (isLastIndex && isMultipleCharacters) {
-        return;
-      }
-      setValues(values.map((_, i) => (i === index ? value : _)));
-      setActiveIndex(index + 1);
-    },
-    [values],
-  );
-
-  const handleKeyDown = useCallback(
-    (currentIndex: number) => (event: React.KeyboardEvent<HTMLInputElement>) => {
-      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: React.ClipboardEvent<HTMLInputElement>) => {
-      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">Неверный код</div> : null}
-    </div>
-  );
-});
-
-const getInputStyle = (index: number, values: string[], hasError?: boolean) => {
-  const isInputEmpty = !values[index];
-
-  return `w-16 h-20 text-3xl text-center p-2 m-2 border ${
-    hasError && isInputEmpty ? 'border-error' : 'border-gray'
-  } 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-medium">{text}</Text>
-    </Button>
-  );
-});

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

@@ -1,83 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { useCallback, useState } from '@redneckz/uni-jsx/lib/hooks';
-import { useMemo } from 'react';
-import { Headline } from '../../components/Headline/Headline';
-import { Dialog } from '../DialogManager/Dialog';
-import { useDialogManager } from '../DialogManager/useDialogManager';
-import { LinkButton } from '../LinkButton/LinkButton';
-import { Loader } from '../Loader/Loader';
-import { RichText } from '../RichText/RichText';
-import { Timer } from '../TimerCircle/Timer';
-import { InputCode } from './InputCode';
-import { SubmitButton } from './SubmitButton';
-import { submitVerifyPhoneForm } from './submitVerifyPhoneForm';
-
-export interface VerifyPhoneDialogProps {
-  title?: string;
-  description?: string;
-  code?: boolean;
-  __html?: string;
-  codeLength?: number;
-  textButton?: string;
-}
-
-export const VerifyPhoneDialog = JSX<VerifyPhoneDialogProps>(
-  ({ title, description, __html, code = true, codeLength = 4, textButton = '' }) => {
-    const { close } = useDialogManager();
-
-    const [values, setValues] = useState(Array(codeLength).fill(''));
-    const [hasError, setHasError] = useState(false);
-    const [isLoading, setIsLoading] = useState(false);
-    const [timeNextReq, setTimeNextReq] = useState<number>(0);
-
-    const isValidCode = useMemo(() => values.every(Boolean), [values]);
-
-    const handleSubmit = useCallback(async () => {
-      setIsLoading(true);
-      const { success, expiresIn } = await submitVerifyPhoneForm(values.join(''));
-      setIsLoading(false);
-
-      setTimeNextReq(expiresIn as number);
-
-      if (success) {
-        close();
-      } else {
-        setHasError(true);
-      }
-    }, [values]);
-
-    return (
-      <Dialog className="my-6xl max-w-3xl w-full min-h-fit mx-auto rounded-lg">
-        <div className="flex flex-col gap-lg items-center rounded-md">
-          <Headline
-            className="w-full"
-            title={title}
-            description={description}
-            headlineVersion="S"
-            isEmbedded={true}
-          />
-          {code ? <InputCode values={values} setValues={setValues} hasError={hasError} /> : null}
-          {timeNextReq ? (
-            <div className="flex flex-row text-l font-light text-primary-main">
-              Получить новый код можно через
-              <Timer
-                className="text-primary-main ml-1"
-                time={timeNextReq}
-                setTime={setTimeNextReq}
-              />
-            </div>
-          ) : (
-            <LinkButton className="text-primary-main">Получить новый код</LinkButton>
-          )}
-
-          <RichText itemSize="list-s" __html={__html} />
-          {textButton ? (
-            <SubmitButton isDisabled={!isValidCode} onClick={handleSubmit} text={textButton} />
-          ) : null}
-
-          {isLoading ? <Loader blur={false} /> : null}
-        </div>
-      </Dialog>
-    );
-  },
-);

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

@@ -1,36 +0,0 @@
-export interface VerifyPhoneFormData {
-  smsText: string;
-  smsCodesSetName: {
-    key: string;
-  };
-}
-
-const SEND_CODE_URL = '/api/v1/sms/checkCode';
-
-export const submitVerifyPhoneForm = async (code: string) => {
-  const codeData: VerifyPhoneFormData = {
-    smsText: code,
-    smsCodesSetName: { key: 'AUTHENTICATION' },
-  };
-
-  const response = await fetch(SEND_CODE_URL, {
-    method: 'POST',
-    headers: {
-      'Content-Type': 'application/json',
-    },
-    body: JSON.stringify(codeData),
-  });
-
-  if (response.ok) {
-    const data = await response.json();
-
-    return {
-      success: true,
-      expiresIn: data.expires_in,
-    };
-  } else {
-    return {
-      success: false,
-    };
-  }
-};

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

@@ -1,11 +0,0 @@
-import { useDialogManager, type DialogOptions } from '../DialogManager/useDialogManager';
-import { VerifyPhoneDialog, type VerifyPhoneDialogProps } from './VerifyPhoneDialog';
-
-export const useVerifyPhoneDialog = (props: VerifyPhoneDialogProps) => {
-  const { open, close } = useDialogManager();
-
-  return {
-    open: (options: DialogOptions = {}) => open(<VerifyPhoneDialog {...props} />, options),
-    close,
-  };
-};

package/src/EventBus/useLatestEvent.ts

@@ -1,16 +0,0 @@
-import { useCallback, useEffect, useState } from '@redneckz/uni-jsx/lib/hooks';
-import { type EventBus } from './EventBus';
-
-export const useLatestEvent = <EM extends Record<string, any>, K extends keyof EM>(
-  eventBus: EventBus<EM>,
-  type: K,
-  initialEvent?: EM[K],
-): [EM[K] | null, (_: EM[K]) => void] => {
-  const [latestEvent, setLatestEvent] = useState<EM[K] | null>(initialEvent || null);
-
-  useEffect(() => eventBus.subscribe(type, (_) => setLatestEvent(_)), [eventBus, type]);
-
-  const fireEvent = useCallback((_: EM[K]) => eventBus.fire(type, _), [eventBus, type]);
-
-  return [latestEvent, fireEvent];
-};

package/src/api/DaDataAPI.ts

@@ -1,48 +0,0 @@
-import { getGeolocation } from '../utils/getGeolocation';
-
-interface DaDataSuggestion<T> {
-  value?: string;
-  unrestricted_value?: string;
-  data?: T;
-}
-
-interface DaDataAddress {
-  city?: string | null;
-}
-
-export interface DaDataResult {
-  suggestions?: DaDataSuggestion<DaDataAddress>[];
-}
-
-export function DaDataAPI(baseURL = '') {
-  async function getFetcherAddress() {
-    if (!('geolocation' in navigator)) {
-      return null;
-    }
-
-    try {
-      const coords = await getGeolocation();
-      const response = await fetch(`${baseURL}/geolocate`, {
-        method: 'POST',
-        mode: 'cors',
-        body: JSON.stringify({
-          lat: coords.latitude,
-          lon: coords.longitude,
-          count: 1,
-        }),
-      });
-
-      const data = (await response.json()) as DaDataResult;
-
-      return data?.suggestions?.[0]?.data?.city;
-    } catch (e) {
-      console.error(e);
-
-      return null;
-    }
-  }
-
-  return {
-    getFetcherAddress,
-  };
-}

package/src/api/FileStorage.ts

@@ -1,98 +0,0 @@
-const API_BASE_URI = '/api/v1';
-const WCMS_FILE_STORAGE_API_URI = '/wcms-file-storage';
-
-export type FileId = string;
-export type ProjectId = string | number;
-export type SearchParams = Record<string, string>;
-
-export interface FileMeta {
-  id?: FileId;
-  path?: string;
-  timestamp?: Date;
-  size?: number;
-}
-
-interface Meta {
-  publicId: string;
-  revision?: string | number;
-  projectId?: string;
-  name?: string;
-  description?: string;
-  size?: number;
-  responsible?: string;
-  timestamp?: string;
-}
-
-export interface SearchResult {
-  rows: FileMeta[];
-  total: number;
-}
-
-const fileStorageApi = process?.env?.NEXT_PUBLIC_FILE_STORAGE_URL
-  ? `${process.env.NEXT_PUBLIC_FILE_STORAGE_URL}/${API_BASE_URI}${WCMS_FILE_STORAGE_API_URI}`
-  : `${API_BASE_URI}${WCMS_FILE_STORAGE_API_URI}`;
-
-const toFileMeta = (meta: Meta): FileMeta => ({
-  id: meta.publicId,
-  path: meta.name || 'blank',
-  timestamp: meta.timestamp ? new Date(meta.timestamp) : undefined,
-  size: meta.size,
-});
-
-const parseNDJson = async <T>(response: Response): Promise<T[]> => {
-  return (await response.text())
-    .split('\n')
-    .filter(Boolean)
-    .map((_) => JSON.parse(_));
-};
-
-const parseTotalCount = (response: Response): number =>
-  parseInt(response.headers.get('x-total-count') || '0');
-
-const getById = async <T>(id: FileId): Promise<T | null> => {
-  try {
-    return fetch(`${fileStorageApi}/${id}/file`).then(async (response) => response.json());
-  } catch (e) {
-    console.error(e);
-
-    return null;
-  }
-};
-
-const getByName = async (projectId: ProjectId, name: string) => {
-  try {
-    return fetch(`${fileStorageApi}/project/${projectId}/file/${encodeURIComponent(name)}`).then(
-      async (response) => response.json(),
-    );
-  } catch (e) {
-    console.error(e);
-
-    return {};
-  }
-};
-
-const find = async (projectId: ProjectId, params?: SearchParams): Promise<SearchResult> => {
-  const response = await fetch(
-    `${fileStorageApi}/project/${projectId}/doc?${new URLSearchParams(params)}`,
-  );
-
-  try {
-    return {
-      rows: (await parseNDJson<Meta>(response)).map(toFileMeta),
-      total: parseTotalCount(response),
-    };
-  } catch (e) {
-    console.error(e);
-
-    return {
-      rows: [],
-      total: 0,
-    };
-  }
-};
-
-export const FileStorage = {
-  getById,
-  getByName,
-  find,
-};

package/src/components/ApplicationForm/getRegionUrl.tsx

@@ -1,4 +0,0 @@
-import { OUT_SERVICE_URL } from '../../ui-kit/FormField/constants';
-
-export const getRegionUrl = (typeForm?: string) =>
-  typeForm === 'OUTSERVICE' ? OUT_SERVICE_URL : undefined;

package/src/components/ApplicationForm/renderSubmitButton.tsx

@@ -1,9 +0,0 @@
-import { Button } from '../../ui-kit/Button/Button';
-import { style } from '../../utils/style';
-import { type SubmitButtonProps } from './ApplicationFormContent';
-
-export const renderSubmitButton = (button?: SubmitButtonProps, className?: string) => (
-  <Button className={style('w-full @xl:w-auto', className)} type="submit">
-    {button?.text ? button.text : 'Отправить заявку'}
-  </Button>
-);

package/src/components/ApplicationLeadForm/getFormatData.tsx

@@ -1,17 +0,0 @@
-import { type Option } from '../../ui-kit/Select/Option';
-import { type FormState } from './getInitialFormState';
-
-export const getFormatData = (data: FormState): Record<string, any> => {
-  const { region, ...usedData } = data;
-  const formatData = {
-    ...usedData,
-    ...getRegion(region),
-  };
-
-  return Object.fromEntries(
-    Object.entries(formatData as FormState)?.map(([k, v]) => [k, v?.key || v]),
-  );
-};
-
-const getRegion = (region?: Option): Record<string, string> =>
-  region?.key || region?.text ? { region: region?.text || region?.key } : {};

package/src/components/CarouselCard/CarouselCard.example.json

@@ -1,14 +0,0 @@
-{
-  "content": {
-    "version": "primary",
-    "padding": "",
-    "title": "Заголовок",
-    "description": "Описание",
-    "button": {
-      "href": "",
-      "text": "Подробнее",
-      "target": "_self",
-      "version": "primary"
-    }
-  }
-}

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

@@ -1,28 +0,0 @@
-import '../../setup-fixture';
-
-import { type LinkButtonProps } from '../../ui-kit/LinkButton/LinkButtonProps';
-import { CarouselCard } from './CarouselCard';
-import { type CarouselCardContent } from './CarouselCardContent';
-
-const button: LinkButtonProps = {
-  text: 'Подробнее',
-  href: '/credit-cards',
-  version: 'primary',
-};
-
-export const CARD: CarouselCardContent = {
-  title: 'Контакты и реквизиты',
-  description:
-    'АО «Россельхозбанк» занимает второе место в России по размеру филиальной сети — 66 филиалов во всех регионах страны',
-  button,
-  carouselVersion: 'normal',
-  version: 'primary',
-};
-
-export default {
-  default: (
-    <div className="@container container grid grid-cols-12">
-      <CarouselCard className="col-span-12" {...CARD} />
-    </div>
-  ),
-};

package/src/components/CarouselCard/CarouselCard.fixture.tsx

@@ -1,53 +0,0 @@
-import '../../setup-fixture';
-
-import { type LinkButtonProps } from '../../ui-kit/LinkButton/LinkButtonProps';
-import { CarouselCard } from './CarouselCard';
-import { type CarouselCardContent } from './CarouselCardContent';
-
-const button: LinkButtonProps = {
-  text: 'Подробнее',
-  href: '/credit-cards',
-  version: 'secondary',
-};
-
-export const CARD: CarouselCardContent = {
-  title: 'Хочешь попасть на практику в РСХБ?',
-  description: 'Стажировка в Россельхозбанке — это возможность реализовать смелые идеи и проекты.',
-  button,
-  carouselVersion: 'normal',
-  version: 'primary',
-};
-
-export const CARD_NEW: CarouselCardContent = {
-  title: 'РСХБ?',
-  description: 'Стажировка в Россельхозбанке — это возможность реализовать смелые идеи и проекты.',
-  button,
-  carouselVersion: 'normal',
-  version: 'primary',
-};
-
-export const CARD_MINI: CarouselCardContent = {
-  title: 'Хочешь попасть на практику в РСХБ?',
-  description: 'Стажировка в Россельхозбанке — это возможность реализовать смелые идеи и проекты.',
-  button,
-  carouselVersion: 'small',
-  version: 'primary',
-};
-
-export default {
-  default: (
-    <div className="@container container grid grid-cols-12">
-      <CarouselCard className="col-span-12" {...CARD} />
-    </div>
-  ),
-  new: (
-    <div className="@container container grid grid-cols-12">
-      <CarouselCard className="col-span-12" {...CARD_NEW} />
-    </div>
-  ),
-  mini: (
-    <div className="@container container grid grid-cols-12">
-      <CarouselCard className="col-span-4" {...CARD_MINI} />
-    </div>
-  ),
-};

package/src/components/CarouselCard/CarouselCard.tsx

@@ -1,47 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { BlockWrapper } from '../../ui-kit/BlockWrapper';
-import { renderButtonsSection } from '../../ui-kit/LinkButton/renderButtonsSection';
-import { type UniBlockProps } from '../../UniBlock/UniBlockProps';
-import { style } from '../../utils/style';
-import { Headline } from '../Headline/Headline';
-import { type CarouselCardContent } from './CarouselCardContent';
-import { titleSize } from './titleSize';
-
-export interface CarouselCardProps extends CarouselCardContent, UniBlockProps {}
-
-const layerBaseStyle = 'z-10 border border-solid w-full h-full';
-const layerStyle = style(layerBaseStyle, 'absolute hidden @xl:block border-transparent');
-
-export const CarouselCard = JSX<CarouselCardProps>(
-  ({ className, title, description, button, ...rest }) => (
-    <BlockWrapper
-      className={style('sm:pl-6xl sm:pb-4xl @container-normal', className)}
-      defaultPadding="p-0"
-      {...rest}
-    >
-      <div className="relative h-full">
-        <div className={style(layerStyle, 'top-9 right-12 bg-green-dark')} />
-        <div className={style(layerStyle, 'top-6 right-8 bg-green')} />
-        <div className={style(layerStyle, 'top-3 right-4 bg-green-light')} />
-        <div
-          className={style(
-            layerBaseStyle,
-            'relative p-xl sm:p-5xl bg-white border-transparent sm:border-green-more-light',
-          )}
-        >
-          <Headline
-            title={title}
-            description={description}
-            headlineVersion={titleSize}
-            align="text-left"
-            isEmbedded={true}
-          />
-          {renderButtonsSection([button], {
-            className: 'mt-m sm:mt-6xl sm:justify-center',
-            isVertical: true,
-          })}
-        </div>
-      </div>
-    </BlockWrapper>
-  ),
-);

package/src/components/CarouselCard/CarouselCard.ui.json

@@ -1 +0,0 @@
-{}

package/src/components/CarouselCard/CarouselCardContent.ts

@@ -1,13 +0,0 @@
-import { type HeadlineCommonProps } from '../../model/HeadlineType';
-import { type SizeVersion } from '../../model/SizeVersion';
-import { type LinkButtonContent } from '../../ui-kit/LinkButton/LinkButtonContent';
-import { type UniBlockContent } from '../../UniBlock/UniBlockProps';
-
-/**
- * @title Карточка карусели
- */
-export type CarouselCardContent = UniBlockContent &
-  HeadlineCommonProps & {
-    button?: LinkButtonContent;
-    carouselVersion?: SizeVersion;
-  };

package/src/components/CarouselCard/constants.ts

@@ -1,6 +0,0 @@
-import { type SizeVersion } from '../../model/SizeVersion';
-
-export const cardStyleMap: Record<SizeVersion, string> = {
-  normal: 'min-w-full justify-center items-center m-2xl col-span-12',
-  small: 'min-w-auto justify-center items-center m-4xl col-span-4',
-};

package/src/components/CarouselCard/titleSize.mobile.tsx

@@ -1 +0,0 @@
-export const titleSize = 'XS';

package/src/components/CarouselCard/titleSize.tsx

@@ -1 +0,0 @@
-export const titleSize = 'XS';

package/src/components/CarouselLinks/CarouselLinkButton.tsx

@@ -1,37 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { useLink } from '../../hooks/useLink';
-import { Img } from '../../ui-kit/Img/Img';
-import { style } from '../../utils/style';
-import { type CarouselLinkProps } from './CarouselLinksContent';
-
-export type CarouselLinkButtonProps = CarouselLinkProps & {
-  className?: string;
-};
-
-export const CarouselLinkButton = JSX<CarouselLinkButtonProps>(({ icon, ...linkProps }) => {
-  const link = useLink();
-  const { text, href, target, onClick } = link(linkProps);
-
-  const textStyle =
-    'font-light md:font-normal text-primary-text text-center text-xs md:text-sm whitespace-wrap';
-
-  return text ? (
-    <div className={style('p-3 rounded-lg bg-white text-secondary-text flex justify-center')}>
-      <a role="link" href={href} target={target} onClick={onClick}>
-        <div className="flex flex-col items-center gap-3 break-words max-w-[150px]">
-          {icon ? (
-            <Img
-              className="w-7 h-7 md:w-12 md:h-12"
-              image={{
-                ...icon,
-                iconVersion: icon?.iconVersion,
-              }}
-              alt={text}
-            />
-          ) : null}
-          <div className={textStyle}>{text}</div>
-        </div>
-      </a>
-    </div>
-  ) : null;
-});