@cloud-ru/uikit-product-claudia 1.6.2 → 1.6.4

package/dist/esm/components/RecommendPannel/helperComponents/Chip/Chip.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import cn from 'classnames';
+import { forwardRef } from 'react';
+import { LAYOUT_TYPE } from '@sbercloud/uikit-product-utils';
+import { TruncateString } from '@snack-uikit/truncate-string';
+import { Typography } from '@snack-uikit/typography';
+import { CHIP_TYPE, SIZE } from '../../types';
+import styles from './styles.module.css';
+export const Chip = forwardRef(({ layoutType, type, label, onClick, size, className }, ref) => {
+    const isDefaultType = type === CHIP_TYPE.Default;
+    const isMobile = layoutType === LAYOUT_TYPE.Mobile;
+    const isMobileChipSize = isMobile || size === SIZE.M;
+    return (_jsx("button", { ref: ref, "data-mobile": isMobileChipSize || undefined, className: cn(styles.chip, {
+            [styles.chipOutline]: !isDefaultType,
+            [styles.chipDefault]: isDefaultType,
+        }, className), onClick: onClick, children: _jsx(Typography.SansBodyS, { className: styles.text, children: _jsx(TruncateString, { variant: 'end', placement: 'top', text: label, maxLines: 1 }) }) }));
+});

package/dist/esm/components/RecommendPannel/helperComponents/Chip/index.d.ts

@@ -0,0 +1 @@
+export * from './Chip';

package/dist/esm/components/RecommendPannel/helperComponents/Chip/index.js

@@ -0,0 +1 @@
+export * from './Chip';

package/dist/esm/components/RecommendPannel/helperComponents/Chip/styles.module.css

@@ -0,0 +1,39 @@
+.text{
+  color:var(--sys-neutral-text-support, #6d707f);
+}
+
+.chip{
+  height:32px;
+  border-radius:4px;
+  padding:8px;
+  box-sizing:border-box;
+  cursor:pointer;
+  max-width:250px;
+  width:-moz-fit-content;
+  width:fit-content;
+}
+.chip[data-mobile]{
+  height:40px;
+}
+.chip:hover{
+  border:1px solid var(--sys-neutral-decor-hovered, #cfd2dc);
+}
+.chip:hover .text{
+  color:var(--sys-neutral-text-main, #41424e);
+}
+.chip:focus{
+  border:1px solid var(--sys-neutral-decor-hovered, #cfd2dc);
+}
+.chip:active{
+  border:1px solid var(--sys-neutral-decor-activated, #b6bac7);
+}
+
+.chipDefault{
+  border:1px solid var(--sys-neutral-background, #eeeff3);
+  background-color:var(--sys-neutral-background, #eeeff3);
+}
+
+.chipOutline{
+  border:1px solid var(--sys-neutral-decor-default, #dde0ea);
+  background-color:transparent;
+}

package/dist/esm/components/RecommendPannel/helperComponents/ClaudiaChip/ClaudiaChip.d.ts

@@ -0,0 +1,11 @@
+import { MouseEventHandler, ReactNode } from 'react';
+import { LayoutType } from '@sbercloud/uikit-product-utils';
+import { Size } from '../../types';
+type ClaudiaChipProps = {
+    onClick?: MouseEventHandler<HTMLElement>;
+    size: Size;
+    tooltip?: ReactNode;
+    layoutType?: LayoutType;
+};
+export declare const ClaudiaChip: import("react").ForwardRefExoticComponent<ClaudiaChipProps & import("react").RefAttributes<HTMLElement | HTMLButtonElement>>;
+export {};

package/dist/esm/components/RecommendPannel/helperComponents/ClaudiaChip/ClaudiaChip.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { AgentClaudiaSVG } from '@sbercloud/uikit-product-icons';
+import { LAYOUT_TYPE } from '@sbercloud/uikit-product-utils';
+import { Tooltip } from '@snack-uikit/tooltip';
+import { ButtonClaudia } from '../../../ButtonClaudia';
+import { SIZE } from '../../types';
+export const ClaudiaChip = forwardRef(({ onClick, size, tooltip, layoutType }, ref) => {
+    const isMobile = layoutType === LAYOUT_TYPE.Mobile || size === SIZE.M;
+    const totalSize = isMobile ? SIZE.M : size;
+    if (!tooltip) {
+        return (_jsx(ButtonClaudia, { size: totalSize, "data-mobile": isMobile, ref: ref, onClick: onClick, icon: _jsx(AgentClaudiaSVG, { size: 24 }) }));
+    }
+    return (_jsx(Tooltip, { triggerRef: ref, tip: tooltip, children: _jsx(ButtonClaudia, { size: totalSize, "data-mobile": isMobile, onClick: onClick, icon: _jsx(AgentClaudiaSVG, { size: 24 }) }) }));
+});

package/dist/esm/components/RecommendPannel/helperComponents/ClaudiaChip/index.d.ts

@@ -0,0 +1 @@
+export * from './ClaudiaChip';

package/dist/esm/components/RecommendPannel/helperComponents/ClaudiaChip/index.js

@@ -0,0 +1 @@
+export * from './ClaudiaChip';

package/dist/esm/components/RecommendPannel/helperComponents/CloseChip/CloseChip.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+import { LayoutType } from '@sbercloud/uikit-product-utils';
+import { Size } from '../../types';
+type CloseChipProps = {
+    content: ReactNode;
+    size: Size;
+    layoutType?: LayoutType;
+    onClick: () => void;
+    isVisible?: boolean;
+};
+export declare function CloseChip({ size, content, onClick, isVisible, layoutType }: CloseChipProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/components/RecommendPannel/helperComponents/CloseChip/CloseChip.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useRef, useState } from 'react';
+import { MoreInterfaceSVG } from '@sbercloud/uikit-product-icons';
+import { MobileDropdown } from '@sbercloud/uikit-product-mobile-dropdown';
+import { LAYOUT_TYPE } from '@sbercloud/uikit-product-utils';
+import { Dropdown } from '@snack-uikit/dropdown';
+import { Typography } from '@snack-uikit/typography';
+import { useOutsideClick } from '../../hooks';
+import { SIZE } from '../../types';
+import styles from './styles.module.css';
+function DropdownContent({ content, onClick, closeDropdown, isMobileChipSize }) {
+    const onDropdownItemClick = () => {
+        closeDropdown();
+        onClick();
+    };
+    const TypographyComponent = isMobileChipSize ? Typography.SansBodyM : Typography.SansBodyS;
+    return (_jsx("div", { className: styles.dropdown, children: _jsx("button", { className: styles.dropdownItem, "data-mobile": isMobileChipSize || undefined, onClick: onDropdownItemClick, children: _jsx(TypographyComponent, { children: content }) }) }));
+}
+export function CloseChip({ size, content, onClick, isVisible, layoutType }) {
+    const [isDropdownOpen, setDropdownOpen] = useState(false);
+    const ref = useRef(null);
+    const isMobile = layoutType === LAYOUT_TYPE.Mobile;
+    const isMobileChipSize = isMobile || size === SIZE.M;
+    const openDropdown = () => setDropdownOpen(true);
+    const closeDropdown = () => setDropdownOpen(false);
+    useOutsideClick([ref], closeDropdown);
+    if (isMobile) {
+        return (_jsx(MobileDropdown, { open: isDropdownOpen, content: _jsx(DropdownContent, { isMobileChipSize: isMobileChipSize, closeDropdown: closeDropdown, content: content, onClick: onClick }), children: _jsx("button", { "data-hidden": !isVisible || undefined, "data-mobile": true, className: styles.closeChip, ref: ref, onClick: openDropdown, children: _jsx(MoreInterfaceSVG, { size: 24 }) }) }));
+    }
+    return (_jsx(Dropdown, { open: isDropdownOpen, triggerRef: ref, placement: 'bottom-end', content: _jsx(DropdownContent, { isMobileChipSize: isMobileChipSize, closeDropdown: closeDropdown, content: content, onClick: onClick }), children: _jsx("button", { "data-hidden": !isVisible || undefined, "data-mobile": isMobileChipSize || undefined, className: styles.closeChip, onClick: openDropdown, children: _jsx(MoreInterfaceSVG, { size: 24 }) }) }));
+}

package/dist/esm/components/RecommendPannel/helperComponents/CloseChip/index.d.ts

@@ -0,0 +1 @@
+export * from './CloseChip';

package/dist/esm/components/RecommendPannel/helperComponents/CloseChip/index.js

@@ -0,0 +1 @@
+export * from './CloseChip';

package/dist/esm/components/RecommendPannel/helperComponents/CloseChip/styles.module.css

@@ -0,0 +1,64 @@
+.closeChip{
+  display:flex;
+  align-items:center;
+  justify-content:center;
+  width:32px;
+  height:32px;
+  transform:rotate(90deg);
+  cursor:pointer;
+  border:unset;
+  background-color:unset;
+}
+.closeChip[data-hidden]{
+  pointer-events:none;
+  opacity:0;
+}
+.closeChip[data-mobile]{
+  width:40px;
+  height:40px;
+}
+.closeChip svg{
+  fill:var(--sys-neutral-text-support, #6d707f);
+}
+.closeChip:hover svg{
+  fill:var(--sys-neutral-text-main, #41424e);
+}
+
+.dropdown{
+  display:flex;
+  flex-direction:column;
+  border-radius:4px;
+  padding:4px 0px;
+  box-sizing:border-box;
+}
+
+.dropdownItem{
+  width:100%;
+  height:32px;
+  display:flex;
+  justify-content:flex-start;
+  align-items:center;
+  cursor:pointer;
+  border:unset;
+  background-color:unset;
+  position:relative;
+  padding:0px 8px;
+}
+.dropdownItem[data-mobile]{
+  padding:0px 10px;
+  height:40px;
+}
+.dropdownItem:before{
+  pointer-events:none;
+  content:"";
+  position:absolute;
+  top:0;
+  left:0;
+  width:100%;
+  height:100%;
+  background-color:transparent;
+}
+.dropdownItem:hover::before{
+  background-color:var(--sys-neutral-accent-default, #787b8a);
+  opacity:0.08;
+}

package/dist/esm/components/RecommendPannel/helperComponents/DropdownChip/DropdownChip.d.ts

@@ -0,0 +1,11 @@
+import { LayoutType } from '@sbercloud/uikit-product-utils';
+import { ChipProps, ChipType, Size } from '../../types';
+type DropdownChip = {
+    label: string;
+    type: ChipType;
+    size: Size;
+    layoutType?: LayoutType;
+    dropdownItems: ChipProps[];
+};
+export declare function DropdownChip({ size, layoutType, type, label, dropdownItems }: DropdownChip): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/components/RecommendPannel/helperComponents/DropdownChip/DropdownChip.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useRef, useState } from 'react';
+import { MobileDropdown } from '@sbercloud/uikit-product-mobile-dropdown';
+import { LAYOUT_TYPE } from '@sbercloud/uikit-product-utils';
+import { Dropdown } from '@snack-uikit/dropdown';
+import { TruncateString } from '@snack-uikit/truncate-string';
+import { Typography } from '@snack-uikit/typography';
+import { useOutsideClick } from '../../hooks';
+import { SIZE } from '../../types';
+import { Chip } from '../Chip';
+import styles from './styles.module.css';
+function DropdownContent({ size, dropdownItems, closeDropdown, isMobile }) {
+    const isMobileChipSize = isMobile || size === SIZE.M;
+    const TypographyComponent = isMobileChipSize ? Typography.SansBodyM : Typography.SansBodyS;
+    return (_jsx("div", { className: styles.dropdown, "data-mobile": isMobile || undefined, children: dropdownItems.map(item => (_jsx("button", { "data-mobile": isMobileChipSize || undefined, className: styles.dropdownItem, onClick: () => {
+                var _a;
+                closeDropdown();
+                (_a = item === null || item === void 0 ? void 0 : item.onClick) === null || _a === void 0 ? void 0 : _a.call(item);
+            }, children: _jsx(TypographyComponent, { children: _jsx(TruncateString, { variant: 'end', placement: 'top', text: item.label, maxLines: 1 }) }) }, item.id))) }));
+}
+export function DropdownChip({ size, layoutType, type, label, dropdownItems }) {
+    const [isDropdownOpen, setDropdownOpen] = useState(false);
+    const ref = useRef(null);
+    const isMobile = layoutType === LAYOUT_TYPE.Mobile;
+    const openDropdown = () => setDropdownOpen(true);
+    const closeDropdown = () => setDropdownOpen(false);
+    useOutsideClick([ref], closeDropdown);
+    if (isMobile) {
+        return (_jsx(MobileDropdown, { open: isDropdownOpen, content: _jsx(DropdownContent, { size: size, isMobile: isMobile, closeDropdown: closeDropdown, dropdownItems: dropdownItems }), children: _jsx(Chip, { ref: ref, isVisible: true, className: styles.dropdownChip, type: type, label: label, size: size, layoutType: layoutType, onClick: openDropdown }) }));
+    }
+    return (_jsx(Dropdown, { triggerRef: ref, open: isDropdownOpen, placement: 'bottom-end', content: _jsx(DropdownContent, { size: size, isMobile: isMobile, closeDropdown: closeDropdown, dropdownItems: dropdownItems }), children: _jsx(Chip, { isVisible: true, className: styles.dropdownChip, type: type, label: label, size: size, layoutType: layoutType, onClick: openDropdown }) }));
+}

package/dist/esm/components/RecommendPannel/helperComponents/DropdownChip/index.d.ts

@@ -0,0 +1 @@
+export * from './DropdownChip';

package/dist/esm/components/RecommendPannel/helperComponents/DropdownChip/index.js

@@ -0,0 +1 @@
+export * from './DropdownChip';

package/dist/esm/components/RecommendPannel/helperComponents/DropdownChip/styles.module.css

@@ -0,0 +1,49 @@
+.dropdown{
+  width:256px;
+  display:flex;
+  flex-direction:column;
+  border-radius:4px;
+  padding:4px 0px;
+  box-sizing:border-box;
+}
+.dropdown[data-mobile]{
+  width:100%;
+}
+
+.dropdownChip{
+  min-width:33px;
+}
+.dropdownChip[data-mobile]{
+  min-width:40px;
+}
+
+.dropdownItem{
+  width:100%;
+  height:32px;
+  display:flex;
+  justify-content:flex-start;
+  align-items:center;
+  cursor:pointer;
+  border:unset;
+  background-color:unset;
+  padding:4px 8px;
+  position:relative;
+}
+.dropdownItem[data-mobile]{
+  padding:8px 10px;
+  height:40px;
+}
+.dropdownItem:before{
+  pointer-events:none;
+  content:"";
+  position:absolute;
+  top:0;
+  left:0;
+  width:100%;
+  height:100%;
+  background-color:transparent;
+}
+.dropdownItem:hover::before{
+  background-color:var(--sys-neutral-accent-default, #787b8a);
+  opacity:0.08;
+}

package/dist/esm/components/RecommendPannel/hooks/index.d.ts

@@ -0,0 +1,2 @@
+import { RefObject } from 'react';
+export declare const useOutsideClick: (ref: RefObject<HTMLElement>[], handler: () => void) => void;

package/dist/esm/components/RecommendPannel/hooks/index.js

@@ -0,0 +1,14 @@
+import { useEffect } from 'react';
+export const useOutsideClick = (ref, handler) => {
+    useEffect(() => {
+        const handleClick = (event) => {
+            ref.forEach(ref => {
+                if (ref.current && event.target instanceof Element && !ref.current.contains(event.target)) {
+                    handler();
+                }
+            });
+        };
+        document.body.addEventListener('click', handleClick);
+        return () => document.body.removeEventListener('click', handleClick);
+    }, [ref, handler]);
+};

package/dist/esm/components/RecommendPannel/index.d.ts

@@ -0,0 +1 @@
+export * from './RecommendPanel';

package/dist/esm/components/RecommendPannel/index.js

@@ -0,0 +1 @@
+export * from './RecommendPanel';

package/dist/esm/components/RecommendPannel/styles.module.css

@@ -0,0 +1,4 @@
+.container{
+  display:flex;
+  gap:8px;
+}

package/dist/esm/components/RecommendPannel/types.d.ts

@@ -0,0 +1,16 @@
+import { ValueOf } from '@snack-uikit/utils';
+export declare const CHIP_TYPE: {
+    readonly Default: "default";
+    readonly Outline: "outline";
+};
+export type ChipType = ValueOf<typeof CHIP_TYPE>;
+export type ChipProps = {
+    id: string;
+    label: string;
+    onClick?: () => void;
+};
+export declare const SIZE: {
+    readonly S: "s";
+    readonly M: "m";
+};
+export type Size = ValueOf<typeof SIZE>;

package/dist/esm/components/RecommendPannel/types.js

@@ -0,0 +1,8 @@
+export const CHIP_TYPE = {
+    Default: 'default',
+    Outline: 'outline',
+};
+export const SIZE = {
+    S: 's',
+    M: 'm',
+};

package/dist/esm/components/RecommendPannel/utils/gitVisibleChipsCount.d.ts

@@ -0,0 +1,10 @@
+import { ChipProps } from '../types';
+type GetVisibleChipsCountArgs = {
+    containerWidth: number;
+    chipWidths: number[];
+    chips: ChipProps[];
+    isSmall: boolean;
+    isCloseChipExist: boolean;
+};
+export declare const getVisibleChipsCount: ({ containerWidth, chipWidths, chips, isSmall, isCloseChipExist, }: GetVisibleChipsCountArgs) => number;
+export {};

package/dist/esm/components/RecommendPannel/utils/gitVisibleChipsCount.js

@@ -0,0 +1,35 @@
+const GAP = 8;
+export const getVisibleChipsCount = ({ containerWidth, chipWidths, chips, isSmall, isCloseChipExist, }) => {
+    if (containerWidth === 0 || chipWidths.length === 0) {
+        return chips.length;
+    }
+    const baseIcon = (isSmall ? 40 : 32) + GAP;
+    const closeIconWidth = isCloseChipExist ? baseIcon - GAP : 0;
+    let availableWidth = Math.round(containerWidth) - baseIcon - closeIconWidth;
+    let visibleCount = 0;
+    let isCounterChipExist = false;
+    let isCounterChipWidthSubstracted = false;
+    const chipsWidthWithGap = chipWidths.map(chip => Math.round(chip + GAP));
+    for (let i = 0; i < chipsWidthWithGap.length; i++) {
+        const chipWidth = chipsWidthWithGap[i];
+        if (availableWidth >= chipWidth) {
+            if (isCounterChipExist && !isCounterChipWidthSubstracted) {
+                availableWidth -= baseIcon;
+                isCounterChipWidthSubstracted = true;
+            }
+            availableWidth -= chipWidth;
+            visibleCount++;
+            if (visibleCount === chipsWidthWithGap.length) {
+                isCounterChipExist = false;
+                isCounterChipWidthSubstracted = false;
+            }
+            else {
+                isCounterChipExist = true;
+            }
+        }
+        else {
+            break;
+        }
+    }
+    return Math.max(1, visibleCount);
+};

package/dist/esm/components/SshField/SshField.d.ts

@@ -0,0 +1,12 @@
+import { FieldTextAreaProps } from '@sbercloud/uikit-product-mobile-fields';
+import { WithLayoutType } from '@sbercloud/uikit-product-utils';
+export type SshFieldProps = WithLayoutType<Omit<FieldTextAreaProps, 'placeholder' | 'labelTooltip' | 'label' | 'required' | 'size' | 'spellCheck' | 'footer'> & {
+    /** Колбек действия при отправке */
+    onSubmit(value: string): void;
+}>;
+export declare const SshField: import("react").ForwardRefExoticComponent<Omit<FieldTextAreaProps, "label" | "size" | "placeholder" | "spellCheck" | "required" | "labelTooltip" | "footer"> & {
+    /** Колбек действия при отправке */
+    onSubmit(value: string): void;
+} & {
+    layoutType: import("@sbercloud/uikit-product-utils").LayoutType;
+} & import("react").RefAttributes<HTMLTextAreaElement>>;

package/dist/esm/components/SshField/SshField.js

@@ -0,0 +1,131 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import cn from 'classnames';
+import { forwardRef, useState } from 'react';
+import { themeVars } from '@sbercloud/figma-tokens-cloud-platform';
+import { AttachmentSVG, EyeClosedSVG, EyeSVG, PasswordLockSVG } from '@sbercloud/uikit-product-icons';
+import { useLocale } from '@sbercloud/uikit-product-locale';
+import { AdaptiveFieldTextArea, getAdaptiveFieldProps, } from '@sbercloud/uikit-product-mobile-fields';
+import { ButtonFunction } from '@snack-uikit/button';
+import { DropZone, FileUpload } from '@snack-uikit/drop-zone';
+import { Tooltip } from '@snack-uikit/tooltip';
+import { ChatStatusAnnouncement } from '../ChatStatusAnnouncement';
+import { MobileFieldAi } from './components/MobileFieldAi';
+import { DropZoneContent } from './helperComponents/DropZoneContent';
+import { FieldSubmitButton } from './helperComponents/FieldSubmitButton';
+import { TextAreaActionsFooter } from './helperComponents/TextAreaActionsFooter';
+import styles from './styles.module.css';
+import { getFileErrorType } from './utils/handleFileError';
+import { isTouchDevice as isTouchDeviceHelper } from './utils/isTouchDevice';
+import { readFileContent } from './utils/readFileContent';
+import { validateFileSize, validateFileType, validateSSHKeyContent } from './utils/validateSSHKey';
+export const SshField = forwardRef((_a, ref) => {
+    var { onSubmit: handleSubmitProp, value, disabled, className } = _a, props = __rest(_a, ["onSubmit", "value", "disabled", "className"]);
+    const { layoutType, validationState, onChange } = props;
+    const { t } = useLocale('Claudia');
+    const isTouchDevice = isTouchDeviceHelper(layoutType);
+    const [isLoading, setIsLoading] = useState(false);
+    const [isDragOver, setIsDragOver] = useState(false);
+    const [isValueHidden, setIsValueHidden] = useState(true);
+    const [fileErrorType, setFileErrorType] = useState(null);
+    const isValueValid = typeof value === 'string' && value.trim().length > 0;
+    const showFileError = Boolean(fileErrorType);
+    const getErrorMessage = (errorType) => {
+        switch (errorType) {
+            case 'EMPTY_FILE':
+                return t('SshField.errors.emptyFile');
+            case 'BINARY_DATA':
+                return t('SshField.errors.binaryData');
+            case 'INVALID_SSH_KEY':
+                return t('SshField.errors.invalidSSHKey');
+            case 'INVALID_EXTENSION':
+            case 'INVALID_MIME_TYPE':
+            case 'INVALID_FILE_TYPE':
+                return t('SshField.errors.invalidFileExtension');
+            case 'FILE_TOO_LARGE':
+                return t('SshField.errors.fileTooLarge');
+            case 'READ_ERROR':
+                return t('SshField.errors.readError');
+            case 'UNKNOWN_ERROR':
+            default:
+                return t('SshField.errors.unknownError');
+        }
+    };
+    const handleChange = (newValue) => {
+        if (fileErrorType) {
+            setFileErrorType(null);
+        }
+        if (onChange) {
+            onChange(newValue);
+        }
+    };
+    const handleDragOver = (event) => {
+        event.preventDefault();
+        setIsDragOver(true);
+    };
+    const handleDragLeave = (event) => {
+        event.preventDefault();
+        setIsDragOver(false);
+    };
+    const handleSubmit = () => {
+        if (isValueValid) {
+            handleSubmitProp(value);
+        }
+    };
+    const handleKeyDown = e => {
+        if (isTouchDevice) {
+            return;
+        }
+        if (e.key === 'Enter' && !e.shiftKey) {
+            e.preventDefault();
+            if (!disabled) {
+                handleSubmit();
+            }
+            return;
+        }
+    };
+    const onFileUpload = (file) => __awaiter(void 0, void 0, void 0, function* () {
+        try {
+            setIsLoading(true);
+            setFileErrorType(null);
+            validateFileType(file);
+            validateFileSize(file);
+            const fileContent = yield readFileContent(file);
+            validateSSHKeyContent(fileContent);
+            if (onChange) {
+                onChange(fileContent);
+            }
+        }
+        catch (err) {
+            const errorType = getFileErrorType(err);
+            setFileErrorType(errorType);
+        }
+        finally {
+            setIsLoading(false);
+            setIsDragOver(false);
+        }
+    });
+    if (isTouchDevice) {
+        return (_jsx(MobileFieldAi, Object.assign({}, props, getAdaptiveFieldProps(props), { onSubmit: handleSubmit, submitEnabled: isValueValid && !disabled, ref: ref, value: value })));
+    }
+    return (_jsxs("div", { className: cn(styles.wrapper, className), onDragOver: handleDragOver, onDragLeave: handleDragLeave, children: [_jsx(ChatStatusAnnouncement, { className: styles.chatStatus, layoutType: layoutType, icon: _jsx(PasswordLockSVG, { size: 16, color: themeVars.sys.neutral.textSupport }), content: t('SshField.chatStatusAnnouncement.content'), actionLabel: t('SshField.chatStatusAnnouncement.cancel'), onActionClick: () => { } }), isDragOver ? (_jsx(DropZone, { description: _jsx(DropZoneContent, {}), className: styles.dropZone, mode: 'single', onFilesUpload: (files) => onFileUpload(files[0]) })) : (_jsx(AdaptiveFieldTextArea, Object.assign({}, props, { ref: ref, value: value, onChange: handleChange, size: 'm', disabled: isLoading, minRows: 2, maxRows: 4, placeholder: t('SshField.placeholder'), className: isValueHidden ? styles.secured : undefined, onKeyDown: handleKeyDown, validationState: showFileError ? 'error' : validationState, hint: showFileError && fileErrorType ? getErrorMessage(fileErrorType) : props.hint, footer: _jsx(TextAreaActionsFooter, { left: _jsx(ButtonFunction, { size: 'xs', icon: isValueHidden ? _jsx(EyeSVG, {}) : _jsx(EyeClosedSVG, {}), onClick: () => setIsValueHidden(prev => !prev), disabled: isLoading }), right: _jsxs(_Fragment, { children: [_jsx(Tooltip, { tip: t('SshField.attachFileTooltip'), hoverDelayOpen: 600, triggerClassName: styles.uploadTooltip, open: isTouchDevice ? false : undefined, children: _jsx(FileUpload, { mode: 'single', onFilesUpload: (files) => onFileUpload(files[0]), children: _jsx(ButtonFunction, { disabled: isLoading, size: isTouchDevice ? 's' : 'xs', icon: _jsx(AttachmentSVG, {}) }) }) }), _jsx(FieldSubmitButton, { disabled: isLoading, showTooltip: !isTouchDevice, className: isTouchDevice ? styles.mobileSubmitButton : undefined, active: isValueValid && !disabled, handleClick: handleSubmit, size: isTouchDevice ? 's' : 'xs' })] }) }) })))] }));
+});

package/dist/esm/components/SshField/components/MobileFieldAi/MobileFieldAi.d.ts

@@ -0,0 +1,5 @@
+import { FieldTextAreaProps } from '@sbercloud/uikit-product-mobile-fields';
+export declare const MobileFieldAi: import("react").ForwardRefExoticComponent<Omit<FieldTextAreaProps, "label" | "size" | "placeholder" | "spellCheck" | "required" | "labelTooltip" | "footer"> & {
+    onSubmit(): void;
+    submitEnabled: boolean;
+} & import("react").RefAttributes<HTMLTextAreaElement>>;

package/dist/esm/components/SshField/components/MobileFieldAi/MobileFieldAi.js

@@ -0,0 +1,29 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { AttachmentSVG } from '@sbercloud/uikit-product-icons';
+import { useLocale } from '@sbercloud/uikit-product-locale';
+import { ButtonFunction } from '@snack-uikit/button';
+import { FileUpload } from '@snack-uikit/drop-zone';
+import { Scroll } from '@snack-uikit/scroll';
+import { Tooltip } from '@snack-uikit/tooltip';
+import { FieldSubmitButton } from '../../helperComponents/FieldSubmitButton';
+import { TextArea } from '../TextArea';
+import styles from './styles.module.css';
+const MIN_ROWS = 1;
+const MAX_ROWS = 6;
+export const MobileFieldAi = forwardRef((_a, ref) => {
+    var { onSubmit, value, submitEnabled } = _a, props = __rest(_a, ["onSubmit", "value", "submitEnabled"]);
+    const { t } = useLocale('FieldsPredefined');
+    return (_jsxs("div", { className: styles.mobileInputWrapper, style: { '--max-rows': MAX_ROWS, '--min-rows': MIN_ROWS }, "data-size": 'm', children: [_jsx(Scroll, { className: styles.scrollContainer, size: 's', barHideStrategy: 'never', children: _jsx(TextArea, Object.assign({}, props, { className: styles.textarea, ref: ref, value: value, minRows: MIN_ROWS, placeholder: t('FieldAi.regular.placeholder'), spellCheck: true })) }), _jsxs("div", { className: styles.mobileSubmitButtonWrapper, children: [_jsx(Tooltip, { disableSpanWrapper: true, tip: t('FieldChat.attachFileTooltip'), hoverDelayOpen: 600, triggerClassName: styles.uploadTooltip, children: _jsx(FileUpload, { mode: 'multiple', onFilesUpload: () => { }, children: _jsx(ButtonFunction, { size: 's', icon: _jsx(AttachmentSVG, {}) }) }) }), _jsx(FieldSubmitButton, { showTooltip: false, className: styles.mobileSubmitButton, fullWidth: true, active: submitEnabled, handleClick: onSubmit, size: 's' })] })] }));
+});

package/dist/esm/components/SshField/components/MobileFieldAi/index.d.ts

@@ -0,0 +1 @@
+export * from './MobileFieldAi';

package/dist/esm/components/SshField/components/MobileFieldAi/index.js

@@ -0,0 +1 @@
+export * from './MobileFieldAi';