@redneckz/wildless-cms-uni-blocks 0.15.342 → 0.16.3-isr

package/src/hooks/useForm/useForm.ts

@@ -0,0 +1,98 @@
+import { useCallback, useRef } from '@redneckz/uni-jsx/lib/hooks';
+import { useBool } from '@redneckz/uni-jsx/lib/hooks/useBool';
+import { type ControlProps } from '../../ui-kit/ControlProps';
+import { type PreventableEvent } from '../../ui-kit/PreventableEvent';
+import { type ValidationInfo } from '../../validation/validator';
+import { type FieldOptions } from './FieldOptions';
+import { type FormOptions } from './FormOptions';
+import { useFormValidator } from './useFormValidator';
+import { useNormalizedFormState } from './useNormalizedFormState';
+
+export interface FieldProps<V> extends ControlProps<V> {
+  isDirty?: boolean;
+  errors?: ValidationInfo;
+  error?: ValidationInfo[0];
+}
+
+export type FormFieldRegisterer<FormState> = <N extends keyof FormState, V = FormState[N]>(
+  fieldName: N,
+  options?: FieldOptions<V, FormState[N]>,
+) => FieldProps<V extends undefined ? FormState[N] : V>;
+
+export interface FormOperators<FormState extends Record<string, any>> {
+  errors: ValidationInfo;
+  field: FormFieldRegisterer<FormState>;
+  update: (_: FormState) => void;
+  reset: () => void;
+  onSubmit?: (ev: PreventableEvent) => void;
+}
+
+export function useForm<FormState extends Record<string, any>>(
+  initialState: FormState,
+  { resetOnSubmit, formValidator, normalizer, onChange, onSubmit }: FormOptions<FormState> = {},
+): [FormState, FormOperators<FormState>] {
+  const [formState, setFormState] = useNormalizedFormState<FormState>(
+    initialState,
+    normalizer,
+    onChange,
+  );
+
+  const [isDirtyForm, { setTrue: markAsDirty, setFalse: markAsClean }] = useBool(false);
+  const dirtyFieldsMap = useRef<Record<string, boolean>>({});
+
+  const [fieldValidatorsMap, { isValid, errors }] = useFormValidator(formState, formValidator);
+
+  const field: FormFieldRegisterer<FormState> = useCallback(
+    (fieldName, options = {}) => {
+      const { parse, format, onChange: onFieldChange } = options;
+      const value = formState[fieldName];
+      const isDirty = isDirtyForm || dirtyFieldsMap.current?.[String(fieldName)];
+      const fieldValidator = options?.validator ?? fieldValidatorsMap[fieldName];
+      const fieldErrors: ValidationInfo = isDirty && fieldValidator ? fieldValidator(value) : [];
+
+      return {
+        value: format ? (format(value) as any) : value,
+        isDirty,
+        errors: fieldValidator && fieldErrors, // TODO Костыль
+        error: fieldErrors[0],
+        onChange: (_) => {
+          dirtyFieldsMap.current ||= {};
+          dirtyFieldsMap.current[String(fieldName)] = true;
+          const fieldVal = parse ? parse(_) : _;
+          onFieldChange?.(fieldVal as FormState[typeof fieldName]);
+          setFormState((prev) => ({ ...prev, [fieldName]: fieldVal }));
+        },
+      };
+    },
+    [formState, isDirtyForm, fieldValidatorsMap, setFormState],
+  );
+
+  const update = useCallback(
+    (_: FormState) => {
+      dirtyFieldsMap.current = _;
+      setFormState(_);
+    },
+    [setFormState],
+  );
+
+  const reset = useCallback(() => {
+    dirtyFieldsMap.current = {};
+    markAsClean();
+    setFormState(initialState);
+  }, [initialState, setFormState]);
+
+  const handleSubmit = useCallback(
+    (ev: PreventableEvent) => {
+      ev.preventDefault();
+      if (isValid) {
+        resetOnSubmit && reset();
+        onSubmit?.(formState, ev);
+      } else {
+        markAsDirty();
+      }
+    },
+    [resetOnSubmit, formState, isValid, reset, onSubmit],
+  );
+
+  return [formState, { errors, field, update, reset, onSubmit: handleSubmit }];
+}

package/src/hooks/useForm/useFormValidator.ts

@@ -0,0 +1,24 @@
+import { useMemo } from '@redneckz/uni-jsx/lib/hooks';
+import { objectValidator } from '../../validation/objectValidator';
+import { isValidationSuccess, type ValidationInfo } from '../../validation/validator';
+import type { FieldValidatorsMap, FormValidator } from './FormOptions';
+
+const EMPTY_VALIDATORS_MAP: FieldValidatorsMap<any> = {};
+const NO_ERRORS = [];
+
+export function useFormValidator<FormState extends Record<string, any>>(
+  formState: FormState,
+  formValidator: FormValidator<FormState> | undefined,
+): [FieldValidatorsMap<FormState>, { isValid: boolean; errors: ValidationInfo }] {
+  const validatorsMap = useMemo(
+    () => formValidator?.(formState) ?? EMPTY_VALIDATORS_MAP,
+    [formValidator, formState],
+  );
+  const errors = useMemo(
+    () => objectValidator(validatorsMap)(formState) ?? NO_ERRORS,
+    [validatorsMap, formState],
+  );
+  const isValid = isValidationSuccess(errors);
+
+  return [validatorsMap, { isValid, errors }];
+}

package/src/hooks/useForm/useNormalizedFormState.ts

@@ -0,0 +1,37 @@
+import { useCallback, useEffect, useState } from '@redneckz/uni-jsx/lib/hooks';
+import { shallowCompare } from './shallowCompare';
+
+export function useNormalizedFormState<FormState extends Record<string, any>>(
+  initialState: FormState,
+  normalizer?: (_: FormState) => FormState,
+  onChange?: (_: FormState) => void,
+): [FormState, (_: FormState | ((prev: FormState) => FormState)) => void] {
+  const [formState, setFormStateUnsafe] = useState<FormState>(initialState);
+
+  const setFormState = useCallback(
+    (_: FormState | ((prevState: FormState) => FormState)) =>
+      setFormStateUnsafe((prevState) => {
+        const rawState = _ instanceof Function ? _(prevState) : _;
+        const normalizedState = normalizer ? normalizer(rawState) : rawState;
+
+        const hasChangedWithNormalization = !shallowCompare(rawState, normalizedState);
+        const nextState = hasChangedWithNormalization ? normalizedState : rawState;
+
+        const hasChanged = !shallowCompare(prevState, nextState);
+        if (hasChanged) {
+          onChange?.(nextState);
+        }
+
+        return nextState;
+      }),
+    [normalizer, onChange],
+  );
+
+  useEffect(() => {
+    if (normalizer) {
+      setFormStateUnsafe(normalizer);
+    }
+  }, [normalizer]);
+
+  return [formState, setFormState];
+}

package/src/hooks/useInterval.ts

@@ -0,0 +1,18 @@
+import { useCallback, useEffect, useRef } from '@redneckz/uni-jsx/lib/hooks';
+
+export const useInterval = (handler: (stop: () => void) => void, period: number) => {
+  const timer = useRef<any | null>(null);
+  const stop = useCallback(() => clearInterval(timer.current as number), []);
+  const start = useCallback(() => {
+    stop();
+    timer.current = setInterval(() => handler(stop), period);
+  }, [handler, period, stop]);
+
+  useEffect(() => {
+    start();
+
+    return stop;
+  }, [start, stop]);
+
+  return { start, stop };
+};

package/src/hooks/useJSONRef/fetchRefs.ts

@@ -1,4 +1,4 @@
-import { type JSONNode } from '@redneckz/json-ref';
+import { type JSONNode } from '@redneckz/json-op';
 import { fetchJSONUnsafe } from '../../utils/fetchJSON';
 import { unique } from '../../utils/unique';
 

package/src/hooks/useJSONRef/resolveBlockProps.ts

@@ -1,4 +1,5 @@
-import { resolveRefSync, type JSONNode } from '@redneckz/json-ref';
+import { type JSONNode } from '@redneckz/json-op';
+import { resolveRefSync } from '@redneckz/json-ref';
 
 export const resolveBlockProps = <C>(content: C, fallback?: Record<string, unknown>): C =>
   resolveRefSync(content as JSONNode, (_) => fallback?.[_] as JSONNode) as C;

package/src/hooks/useJSONRef/useJSONRef.ts

@@ -1,17 +1,35 @@
-import { collectRef, type JSONNode } from '@redneckz/json-ref';
+import { type JSONNode } from '@redneckz/json-op';
+import { collectRef } from '@redneckz/json-ref';
 import { useEffect, useState } from '@redneckz/uni-jsx/lib/hooks';
 import { fetchRefs } from './fetchRefs';
 import { resolveBlockProps } from './resolveBlockProps';
 
+type RefsMap = Record<string, JSONNode>;
+
 export const useJSONRef = <C>(content: C, fallback?: Record<string, unknown>): C => {
   const refs = collectRef(content as JSONNode);
 
-  const [refsMap, setRefsMap] = useState<Record<string, JSONNode>>({});
+  const [refsMap, setRefsMap] = useState<RefsMap>({});
   useEffect(() => {
-    if (refs.length) {
-      fetchRefs(refs).then(setRefsMap);
-    }
+    resolveRefs(refs).then(setRefsMap);
   }, [refs.join()]);
 
   return refs.length ? resolveBlockProps(content, { ...fallback, ...refsMap }) : content;
 };
+
+const resolveRefs = async (refs: string[], parentRefsMap: RefsMap = {}): Promise<RefsMap> => {
+  if (refs.length) {
+    const refsMap = await fetchRefs(refs);
+    const unionRefsMap = { ...parentRefsMap, ...refsMap };
+
+    const additRefs = Object.entries(refsMap).flatMap(([, v]) => collectRef(v));
+
+    if (additRefs.length) {
+      return resolveRefs(additRefs, unionRefsMap);
+    }
+
+    return unionRefsMap;
+  }
+
+  return parentRefsMap;
+};

package/src/hooks/useLink.ts

@@ -1,47 +1,44 @@
-import { type LinkProps } from '../model/LinkProps';
+import { env } from '../Env';
+import { handlerDecorator } from '../external/handlerDecorator';
+import { useRouter } from '../external/useRouter';
+import { type LinkProps, type Target } from '../model/LinkProps';
 import { useDialogManager } from '../ui-kit/DialogManager/useDialogManager';
 import { type PreventableEvent } from '../ui-kit/PreventableEvent';
+import { adjustBase } from '../utils/adjustBase';
 import { adjustHref } from '../utils/adjustHref';
-import { isLocalURL } from '../utils/url';
-import { handlerDecorator } from './handlerDecorator';
-import { useRouter } from './useRouter';
+import { getBasePath } from '../utils/getBasePath';
+import { hasPrefix, isLocalURL } from '../utils/url';
 
-interface Clickable {
+export interface Clickable {
   onClick(ev?: PreventableEvent): void;
 }
 
-interface UseLinkParams {
-  isRemote?: boolean;
-  basePath?: string;
-}
-
-export function useLink(params: UseLinkParams = {}) {
-  const { isRemote, basePath } = params;
-
+export function useLink() {
   const router = useRouter();
   const { closeAll } = useDialogManager();
 
-  return <L extends Partial<LinkProps & Clickable>>(props: L): L & Clickable => ({
-    ...props,
-    href: isRemote && !basePath ? props.href : adjustHref(router)(props.href, basePath),
-    'aria-label': props.text,
-    onClick: handlerDecorator(handleHref(props)),
-  });
-
-  function handleHref({ href, target, onClick }: Partial<LinkProps & Clickable>) {
-    return (ev?: PreventableEvent) => {
-      onClick && onClick(ev);
-
-      if (!href || isRemote || !isLocalURL(href, target)) {
-        // Default routing
-        return;
-      }
-
-      closeAll();
-
-      // Client routing
-      ev?.preventDefault();
-      router.push(href);
+  return <L extends Partial<LinkProps & Clickable>>(props: L): L & Clickable => {
+    const href = adjustHref(router)(props.href);
+
+    return {
+      ...props,
+      href,
+      'aria-label': props.text,
+      onClick: handlerDecorator((ev?: PreventableEvent) => {
+        props.onClick?.(ev);
+
+        const basePath = getBasePath(env.SITE_URL);
+        if (isClientRouting(href, props.target, basePath)) {
+          closeAll();
+          ev?.preventDefault();
+          router.push(adjustBase(href, basePath));
+        }
+      }),
     };
-  }
+  };
 }
+
+const isClientRouting = (href: string | undefined, target?: Target, basePath?: string) =>
+  isLocalURL(href, target) &&
+  !env.SUB_PORTALS?.split(',')?.some(hasPrefix(href)) &&
+  hasPrefix(href)(basePath || '/');

package/src/hooks/useLocalStorage.ts

@@ -0,0 +1,25 @@
+import { useCallback, useState } from '@redneckz/uni-jsx/lib/hooks';
+import { safeJsonParse } from '../utils/safeJsonParse';
+
+export function useLocalStorage<T>(
+  key: string,
+): [T | null, (value: T | null | ((oldValue: T | null) => T | null)) => void] {
+  const initialValue = globalThis.localStorage?.getItem(key);
+  const [storedValue, setStoredValue] = useState<T | null>(
+    initialValue ? safeJsonParse(initialValue) : null,
+  );
+
+  const setValue = useCallback(
+    (value: T | null | ((oldValue: T | null) => T | null)) => {
+      setStoredValue((oldValue) => {
+        const newValue = value instanceof Function ? value(oldValue) : value;
+        globalThis.localStorage?.setItem(key, JSON.stringify(newValue));
+
+        return newValue;
+      });
+    },
+    [key],
+  );
+
+  return [storedValue, setValue];
+}

package/src/hooks/useLocation.ts

@@ -1,54 +1,33 @@
-import { useCallback, useEffect } from '@redneckz/uni-jsx/lib/hooks';
+import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
 import { useAsyncData } from '@redneckz/uni-jsx/lib/hooks/useAsyncData';
-import { defaultEventBus } from '../EventBus/defaultEventBus';
-import { useLatestEvent } from '../EventBus/useLatestEvent';
-import { fetchJSONUnsafe, type FetchJSONUnsafeType } from '../utils/fetchJSON';
+import { useLocalStore } from '@redneckz/uni-jsx/lib/Store/useLocalStore';
+import { API_BASE_URI } from '../api/apiBaseUrl';
+import { fetchJSON } from '../utils/fetchJSON';
 import { type Region } from './useRegions';
 
-const REGION_URL = '/api/v1/region';
-const LOCATION_STORAGE_KEY = 'location';
-
-export function useLocation(defaultLocation = 'Москва'): [Region, (_: Region) => void] {
-  const [currentLocation, fireCurrentLocation] = useLatestEvent(
-    defaultEventBus,
-    'location',
-    restoreLocation() ?? { name: defaultLocation },
-  );
-
-  const selectCurrentLocation = useCallback((_: Region) => {
-    storeLocation(_);
-    fireCurrentLocation(_);
-  }, []);
-
-  const { data } = useAsyncData(
-    hasStoredLocation() ? null : REGION_URL,
-    fetchJSONUnsafe as FetchJSONUnsafeType<Region>,
-  );
-  useEffect(() => {
-    if (data && !hasStoredLocation()) {
-      fireCurrentLocation(data);
-    }
-  }, [data]);
+const REGION_URL = `${API_BASE_URI}/region`;
 
-  return [currentLocation ?? { name: defaultLocation }, selectCurrentLocation];
+interface LocationStore {
+  location: Region;
 }
 
-const hasStoredLocation = () => Boolean(globalThis.localStorage?.getItem(LOCATION_STORAGE_KEY));
-
-const restoreLocation = (): Region | null => {
-  try {
-    const data = globalThis.localStorage?.getItem(LOCATION_STORAGE_KEY);
-
-    return data && JSON.parse(data);
-  } catch (ex) {
-    return null;
-  }
-};
-
-const storeLocation = (_: Region) => {
-  try {
-    globalThis.localStorage?.setItem(LOCATION_STORAGE_KEY, JSON.stringify(_));
-  } catch (ex) {
-    // Do nothing
-  }
-};
+export function useLocation(defaultLocation = 'Москва'): Region {
+  const locationStore = useLocalStore<LocationStore>();
+
+  return locationStore.location ?? { name: defaultLocation };
+}
+
+export function useDefaultLocation(defaultLocation = 'Москва') {
+  const locationStore = useLocalStore<LocationStore>();
+
+  const preselectLocation = useCallback(async () => {
+    if (!locationStore.location) {
+      const region = await fetchJSON<Region>(REGION_URL);
+      locationStore.location = region ?? { name: defaultLocation };
+    }
+  }, [locationStore, defaultLocation]);
+
+  useAsyncData(REGION_URL, preselectLocation);
+
+  return locationStore;
+}

package/src/hooks/useMobileMode.ts

@@ -0,0 +1,27 @@
+import { useEffect, useState } from '@redneckz/uni-jsx/lib/hooks';
+import { INITIAL_MOBILE_MODE } from './initialMobileMode';
+
+const MOBILE_WIDTH = 1024;
+const MOBILE_QUERY = `(max-width: ${MOBILE_WIDTH}px)`;
+
+export const useMobileMode = () => {
+  const [isMobileMode, setMobileMode] = useState(INITIAL_MOBILE_MODE);
+
+  useEffect(() => {
+    const mqList = globalThis.matchMedia?.(MOBILE_QUERY);
+    const mqHandler = () => {
+      setMobileMode(Boolean(mqList?.matches));
+    };
+
+    mqList?.addEventListener('change', mqHandler);
+    if (mqList?.matches) {
+      setMobileMode(true);
+    }
+
+    return () => {
+      mqList?.removeEventListener('change', mqHandler);
+    };
+  }, []);
+
+  return isMobileMode;
+};

package/src/hooks/useOnEscape.ts

@@ -0,0 +1,14 @@
+import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
+import { useEventListener } from '@redneckz/uni-jsx/lib/hooks/useEventListener';
+
+export function useOnEscape(handler: () => any) {
+  const escapeHandler = useCallback(
+    ({ key }: { key: string }) => {
+      if (key === 'Escape') {
+        handler();
+      }
+    },
+    [handler],
+  );
+  useEventListener(globalThis.document, 'keydown', escapeHandler);
+}

package/src/hooks/useRegions.ts

@@ -1,17 +1,24 @@
 import { useAsyncData } from '@redneckz/uni-jsx/lib/hooks/useAsyncData';
+import { API_BASE_URI } from '../api/apiBaseUrl';
 import { fetchJSONUnsafe, type FetchJSONUnsafeType } from '../utils/fetchJSON';
 
-const REGIONS_URL = '/api/v1/regions';
+const REGIONS_URL = `${API_BASE_URI}/regions`;
 
 export interface Region {
   id?: number;
   code?: string;
   name?: string;
   slug?: string;
+  localities?: string[];
+  region?: string;
+  branches?: string[];
 }
 
-export function useRegions(): Region[] {
-  const { data } = useAsyncData(REGIONS_URL, fetchJSONUnsafe as FetchJSONUnsafeType<Region[]>);
+const EMPTY_REGIONS: Region[] = [];
 
-  return Array.isArray(data) ? data : [];
+// TODO Почему url можно менять? Разве смысл не в инкапсуляции api url. Тоже под рефакторинг попадает
+export function useRegions(url: string = REGIONS_URL): Region[] {
+  const { data } = useAsyncData(url, fetchJSONUnsafe as FetchJSONUnsafeType<Region[]>);
+
+  return Array.isArray(data) ? data : EMPTY_REGIONS;
 }

package/src/hooks/useSetter.ts

@@ -0,0 +1,16 @@
+import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
+import type { Nullable } from '@redneckz/uni-jsx/lib/utils/ts/Nullable';
+
+export const useSetter = <T, K extends keyof T>(target: T, key: K) =>
+  useCallback(
+    (value: Nullable<T[K]> | ((oldValue: Nullable<T[K]>) => Nullable<T[K]>)) => {
+      const newValue = value instanceof Function ? value(target[key]) : value;
+
+      if (newValue !== null && newValue !== undefined) {
+        target[key] = newValue;
+      } else {
+        delete target[key];
+      }
+    },
+    [target, key],
+  );

package/src/icons/AlarmIcon.svg

@@ -0,0 +1,3 @@
+<svg title="Предупреждение" viewBox="0 0 96 78" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M95.0082 68.229L53.7619 3.11976C51.1336 -1.03992 44.8654 -1.03992 42.2371 3.11976L0.990576 68.229C-1.73915 72.486 1.49549 78 6.75258 78H89.3466C94.503 78 97.7382 72.486 95.0082 68.229ZM47.9995 68.4222C44.9665 68.4222 42.4391 66.0036 42.4391 63.1008C42.4391 60.1986 44.9665 57.7797 47.9995 57.7797C51.0325 57.7797 53.5598 60.1986 53.5598 63.1008C53.5598 66.0036 51.0325 68.4222 47.9995 68.4222ZM51.9422 49.46C51.8413 51.2983 50.0212 52.6526 47.9995 52.6526C45.8761 52.6526 44.1577 51.2982 44.0568 49.46L42.0351 25.564C41.8327 22.5652 44.5625 19.9529 47.9995 19.9529C51.4365 19.9529 54.1663 22.5652 53.9639 25.564L51.9422 49.46Z" fill="#FFCB05"/>
+</svg>

package/src/icons/BankColorIcon.svg

@@ -0,0 +1 @@
+<svg title="Банк (в цвете)" viewBox="0 0 78 78" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.16 24.724h57.877v2.181c.005.27-.04.538-.134.788-.094.251-.234.48-.413.673a1.925 1.925 0 0 1-.626.451c-.235.106-.488.16-.743.161H12.085c-.51 0-1-.214-1.361-.595a2.09 2.09 0 0 1-.564-1.436v-2.223z" fill="#B5E2FF"/><path fill="#42AB44" d="M10.164 24.779h57.873v1.017H10.164z"/><mask id="a" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="10" y="59" width="59" height="6"><path d="M11.106 59.657h55.997c.249 0 .487.107.663.298.176.19.274.449.274.718v3.572H10.168v-3.572c0-.27.099-.528.275-.718a.903.903 0 0 1 .663-.298z" fill="#fff"/></mask><g mask="url(#a)"><path d="M11.106 59.657h55.997c.249 0 .487.107.663.298.176.19.274.449.274.718v3.572H10.168v-3.572c0-.27.099-.528.275-.718a.903.903 0 0 1 .663-.298z" fill="#B5E2FF"/><path d="M75.094 64.248h-46.88l5.81-4.583h41.07v4.583z" fill="#42AB44"/></g><mask id="b" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="6" y="64" width="67" height="5"><path d="M7.122 64.252h63.96c.285 0 .557.107.758.297.2.191.314.45.314.719v3.572H6.05v-3.572a.99.99 0 0 1 .313-.719c.201-.19.474-.297.758-.297z" fill="#fff"/></mask><g mask="url(#b)"><path d="M7.122 64.252h63.96c.285 0 .557.107.758.297.2.191.314.45.314.719v3.572H6.05v-3.572a.99.99 0 0 1 .313-.719c.201-.19.474-.297.758-.297z" fill="#B5E2FF"/><path d="M6.066 64.252h49.467l-5.81 4.583H6.065v-4.583z" fill="url(#c)"/></g><path d="M63.653 28.992H14.547v30.673h49.106V28.992z" fill="#050304"/><path d="M63.653 28.992H14.547v30.673h49.106V28.992z" fill="url(#d)"/><mask id="e" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="6" y="9" width="67" height="16"><path d="M39.095 9 6.07 23.563v.408c-.007.2.062.394.19.54a.703.703 0 0 0 .496.243h64.676c.19 0 .373-.08.507-.222a.78.78 0 0 0 .21-.536v-.408L39.096 9z" fill="#fff"/></mask><g mask="url(#e)"><path d="M39.095 9 6.07 23.563v.408c-.007.2.062.394.19.54a.703.703 0 0 0 .496.243h64.676c.19 0 .373-.08.507-.222a.78.78 0 0 0 .21-.536v-.408L39.096 9z" fill="#D8F0FF"/><path d="M39.095 9 6.07 23.563v.408c-.007.2.062.394.19.54a.703.703 0 0 0 .496.243h64.676c.19 0 .373-.08.507-.222a.78.78 0 0 0 .21-.536v-.408L39.096 9z" fill="url(#f)"/><path d="M80.922 24.726H44.833l17.156-13.532h18.933v13.532z" fill="#fff"/></g><path d="m39.098 12.655 18.66 8.227a.186.186 0 0 1 .088.085.202.202 0 0 1 .018.124.194.194 0 0 1-.058.11.176.176 0 0 1-.11.047H20.499a.176.176 0 0 1-.11-.048.201.201 0 0 1-.04-.233.186.186 0 0 1 .087-.085l18.662-8.227z" fill="#B5E2FF"/><path fill-rule="evenodd" clip-rule="evenodd" d="m40.655 13.342-1.561-.689-18.662 8.227a.186.186 0 0 0-.087.085.202.202 0 0 0-.018.124c.007.043.028.081.058.11.031.028.07.045.11.047h3.123a.178.178 0 0 1-.11-.047.2.2 0 0 1-.04-.233.186.186 0 0 1 .087-.086l17.1-7.538z" fill="#0057D6"/><path fill-rule="evenodd" clip-rule="evenodd" d="M14.547 28.972h4.567v30.672h-4.567V28.972zm14.89 0h4.566v30.672h-4.567V28.972zm19.396 0h-4.566v30.672h4.566V28.972zm10.253 0h4.567v30.672h-4.567V28.972z" fill="#D8F0FF"/><path fill-rule="evenodd" clip-rule="evenodd" d="M14.547 28.972h4.567v30.672h-4.567V28.972zm14.89 0h4.566v30.672h-4.567V28.972zm19.396 0h-4.566v30.672h4.566V28.972zm10.253 0h4.567v30.672h-4.567V28.972z" fill="url(#g)"/><path d="M19.114 28.97h-4.567v2.862l4.567 1.997V28.97zM34 28.97h-4.566v2.862L34 33.83V28.97zM48.832 28.97h-4.566v2.862l4.566 1.997V28.97zM63.653 28.97h-4.567v2.862l4.567 1.997V28.97z" fill="#42AB44"/><path d="M40.986 50.096h-3.779v9.547h3.78v-9.547z" fill="#050304"/><path d="M25.505 46.897v-3.9a1.23 1.23 0 0 0-1.231-1.22 1.23 1.23 0 0 0-1.231 1.22v3.9h2.462zM55.193 46.897v-3.9a1.23 1.23 0 0 0-1.231-1.22 1.23 1.23 0 0 0-1.232 1.22v3.9h2.463z" fill="#42AB44"/><defs><linearGradient id="c" x1="6.066" y1="64.252" x2="42.868" y2="64.252" gradientUnits="userSpaceOnUse"><stop stop-color="#FEFFCF"/><stop offset="1" stop-color="#FFE7DA"/></linearGradient><linearGradient id="d" x1="50.531" y1="48.927" x2="48.271" y2="30.6" gradientUnits="userSpaceOnUse"><stop stop-color="#0057D6"/><stop offset="1" stop-color="#0057D6" stop-opacity="0"/></linearGradient><linearGradient id="f" x1="39.111" y1="9" x2="45.19" y2="26.689" gradientUnits="userSpaceOnUse"><stop stop-color="#FEFFCF"/><stop offset=".474" stop-color="#FFE7DA"/><stop offset="1" stop-color="#FFE7DA" stop-opacity="0"/></linearGradient><linearGradient id="g" x1="39.1" y1="50.395" x2="29.551" y2="27.42" gradientUnits="userSpaceOnUse"><stop stop-color="#FFE7DA"/><stop offset="1" stop-color="#FFE7DA" stop-opacity="0"/></linearGradient></defs></svg>

package/src/icons/BriefcaseIcon.svg

@@ -1,6 +1,6 @@
 <svg title="Портфель" isInverse="true" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M21.3698 14L21.7098 10.43C21.9698 7.99 21.2698 6 16.9998 6H6.99983C2.72983 6 2.02983 7.99 2.29983 10.43L3.04983 18.43C3.25983 20.39 3.97983 22 7.99983 22H15.9998C20.0198 22 20.7398 20.39 20.9498 18.43" stroke="#000000" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M8 6V5.2C8 3.43 8 2 11.2 2H12.8C16 2 16 3.43 16 5.2V6" stroke="#000000" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M21.3698 14L21.7098 10.43C21.9698 7.99 21.2698 6 16.9998 6H6.99983C2.72983 6 2.02983 7.99 2.29983 10.43L3.04983 18.43C3.25983 20.39 3.97983 22 7.99983 22H15.9998C20.0198 22 20.7398 20.39 20.9498 18.43" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M8 6V5.2C8 3.43 8 2 11.2 2H12.8C16 2 16 3.43 16 5.2V6" stroke="currentColor"  stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M14 13V14C14 14.01 14 14.01 14 14.02C14 15.11 13.99 16 12 16C10.02 16 10 15.12 10 14.03V13C10 12 10 12 11 12H13C14 12 14 12 14 13Z" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M21.65 11C19.34 12.68 16.7 13.68 14 14.02" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M2.62012 11.27C4.87012 12.81 7.41012 13.74 10.0001 14.03" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>

package/src/icons/ChatBotIcon.svg

@@ -0,0 +1,3 @@
+<svg title="Чат-бот" isInverse="true" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3 14.8077V6.00001C3 4.34315 4.34314 3.00001 6 3.00001L18 3C19.6569 3 21 4.34315 21 6V14.0385C21 15.6953 19.6569 17.0385 18 17.0385L7.23077 17.0385L3 21" stroke="#1C1C1C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/icons/GosUslugiIcon.svg

@@ -0,0 +1,11 @@
+<svg title="ГосУслуги" xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none" viewBox="0 0 30 30">
+    <path fill="#F23030" fill-rule="evenodd" d="M12.659 15.239h-2.631c-.036 0-.036.035-.036.035-.064 1.178-.29 2.419-.615 3.473v.036l.036.026h.913c.036 0 .036 0 .036-.035.262-.797.452-1.817.525-2.711h.877v2.675c0 .036.036.036.036.036h.877c.036 0 .036-.036.036-.036v-3.473c.018-.027-.018-.027-.054-.027zm11.182 0h-.877c-.036 0-.036.035-.036.035v2.676c-.198.062-.388.062-.587.062-.588 0-.714-.16-.714-.922V15.24c0-.036-.037-.036-.037-.036h-.877c-.036 0-.036.036-.036.036v1.976c0 1.213.425 1.692 1.492 1.692.615 0 1.302-.16 1.69-.32.037 0 .037-.035.037-.035v-3.278c.009-.035-.018-.035-.055-.035zm-18.261 0h-.877c-.036 0-.036 0-.036.035-.127.54-.425 1.435-.778 2.357l-.913-2.357c0-.035-.036-.035-.036-.035h-.904s-.036 0-.036.035v.035l1.329 3.536c-.127.283-.262.514-.389.7-.1.16-.163.319-.262.478v.036l.036.035h.977c.036 0 .036 0 .036-.035.162-.32.361-.736.551-1.179.552-1.302 1.004-2.516 1.33-3.633v-.035c0 .027-.028.027-.028.027zm3.146 2.71c-.027 0-.027 0 0 0-.036-.035-.063-.035-.063-.035-.2.063-.615.124-.877.124-.588 0-.877-.159-.877-1.054 0-.735.1-1.054.877-1.054.226 0 .425.035.714.097.036 0 .036 0 .063-.035.1-.195.226-.417.362-.674v-.035l-.036-.036c-.362-.097-.778-.16-1.14-.16-1.265 0-1.816.577-1.816 1.88 0 1.337.551 1.913 1.817 1.913.325 0 .94-.062 1.238-.195.036 0 .036-.035.036-.062l-.298-.673zm8.19-2.71h-.876c-.037 0-.037 0-.037.035-.126.54-.424 1.435-.777 2.357l-.877-2.357c0-.035-.036-.035-.036-.035h-.94s-.036 0-.036.035v.035l1.329 3.536c-.127.283-.263.514-.39.7-.099.16-.162.319-.261.478v.036l.036.035h.976c.036 0 .036 0 .036-.035.163-.32.362-.736.552-1.179.551-1.276 1.003-2.516 1.329-3.633v-.035c.009.027-.027.027-.027.027zm3.219 0h-2.531c-.037 0-.037.035-.037.035v3.473c0 .036.037.036.037.036h.877c.036 0 .036-.036.036-.036v-2.676h1.329c.036 0 .036 0 .036-.035.1-.222.199-.479.325-.736v-.035c-.036-.027-.036-.027-.072-.027z" clip-rule="evenodd"/>
+    <path fill="#2E7CD9" fill-rule="evenodd" d="M6.583 9.888c-1.238 0-1.726.514-1.726 1.878 0 1.374.488 1.879 1.726 1.879 1.266 0 1.754-.54 1.754-1.879 0-1.364-.488-1.878-1.754-1.878zm0 2.968c-.551 0-.75-.16-.75-1.08 0-1.02.199-1.082.75-1.082.552 0 .75.098.75 1.081.028.948-.162 1.081-.75 1.081zm5.199-.133s-.027-.026 0 0c-.037-.035-.064-.035-.064-.035-.198.062-.614.124-.877.124-.587 0-.876-.16-.876-1.054 0-.736.099-1.055.876-1.055.227 0 .425.036.715.098.036 0 .036 0 .063-.036.1-.195.226-.416.361-.673v-.036l-.036-.035c-.361-.098-.777-.16-1.139-.16-1.265 0-1.817.576-1.817 1.879 0 1.338.552 1.914 1.817 1.914.326 0 .94-.062 1.239-.195.036 0 .036-.036.036-.062l-.298-.674zM4.604 9.985H2.036c-.036 0-.036.036-.036.036v3.473c0 .036.036.036.036.036h.877c.036 0 .036-.036.036-.036v-2.676h1.33c.035 0 .035 0 .035-.035.1-.222.2-.479.326-.736v-.035c-.01-.027-.036-.027-.036-.027z" clip-rule="evenodd"/>
+    <path fill="url(#prefix__paint0_linear)" fill-rule="evenodd" d="M27.973 13.46c-.036-.674-.063-1.277-.1-1.755v-.381c-.035-.514-.062-.824-.062-.86 0-.062 0-.097-.037-.16v-.035c0-.097-.036-.194-.036-.257v-.035c-.226-1.081-.84-2.26-1.59-3.119-.29-.354-.616-.638-.941-.895-.036-.035-.389-.283-1.004-.7-.714-.478-1.69-1.116-2.83-1.754-1.979-1.143-3.769-1.94-3.995-2.038h-.036c-.524-.222-1.166-.381-1.853-.443-.127 0-.263-.036-.39-.036h-.55c-.914.036-1.754.195-2.441.479-.1.044-1.88.833-3.933 2.011 0 0-.036.035-.063.035-2.08 1.214-3.734 2.393-3.806 2.455-.525.38-.977.86-1.401 1.462-.09.133-.09.478.334.478h1.04c.452 0 .551-.257 1.04-.602.55-.381 1.627-1.179 3.643-2.357 1.428-.824 2.793-1.498 3.444-1.781 0 0 .036 0 .036-.036h.1c.162-.062.262-.124.262-.124.452-.195 1.103-.319 1.79-.354h.262c.199 0 .389.035.588.035.424.062.777.124 1.102.257.037 0 .064.036.1.036 0 0 .036 0 .063.035.29.124 1.98.895 3.806 1.94 1.076.603 2.052 1.241 2.694 1.693.588.381.94.638.94.674.262.195.525.443.75.735.615.762 1.104 1.817 1.167 2.614 0 0 .036.354.063.86v1.08c.036.7.063 1.498.063 2.357 0 .86-.036 1.693-.063 2.357v1.081c-.036.541-.063.86-.063.86-.1.797-.588 1.852-1.166 2.614-.226.283-.488.576-.75.735 0 0-.362.257-.94.674-.652.443-1.628 1.08-2.695 1.692-1.817 1.055-3.508 1.817-3.806 1.94-.036 0-.036.036-.063.036-.036 0-.064.035-.1.035-.289.125-.678.222-1.102.258-.2.035-.39.035-.588.035h-.262c-.687 0-1.33-.124-1.79-.355 0 0-.1-.035-.263-.124-.036 0-.036-.035-.063-.035 0 0-.036 0-.036-.035h-.036s-.036 0-.036-.036c-.036 0-.036 0-.063-.035-.688-.32-1.98-.957-3.345-1.755-2.016-1.143-3.092-1.94-3.644-2.357-.488-.221-.587-.478-1.04-.478H3.276c-.425 0-.389.354-.325.478.425.603.877 1.081 1.401 1.462.063.062 1.727 1.24 3.806 2.455.1.062.226.124.325.195 1.917 1.08 3.571 1.816 3.67 1.878.652.284 1.529.479 2.442.479h.551c.127 0 .262 0 .389-.036.687-.062 1.329-.221 1.853-.443h.036c.226-.097 2.016-.895 3.996-2.038 1.103-.638 2.116-1.276 2.794-1.754.587-.417.976-.674 1.003-.7.325-.222.651-.54.94-.895.75-.895 1.365-2.074 1.591-3.12v-.035c.037-.097.037-.195.037-.257v-.035c0-.062 0-.098.036-.16 0-.035.036-.354.063-.859V18.279c.036-.478.063-1.08.1-1.754v-.062c0-.478.036-.957.036-1.462 0-.514 0-1.019-.037-1.462v-.08h-.009z" clip-rule="evenodd"/>
+    <defs>
+        <linearGradient id="prefix__paint0_linear" x1="17.1" x2="12.983" y1="3.799" y2="27.624" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#F14159"/>
+            <stop offset="1" stop-color="#1368AE"/>
+        </linearGradient>
+    </defs>
+</svg>