@expressms/smartapp-ui 3.0.0-alpha.22 → 3.0.0-alpha.220

package/build/main//321/201omponents/SyncLoader/SyncLoader.js

@@ -0,0 +1,65 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect } from 'react';
+import classNames from 'classnames';
+import Color from 'color';
+import { normal } from 'color-blend';
+import { generateColor, generateFontFamilyStyle, isDarkTheme } from '../../helpers';
+import { COLORS, THEME } from '../../constants';
+import { ReactComponent as LoaderIcon } from '../../assets/icons/loader.svg';
+import '../../styles/styles.scss';
+export var DEFAULT_SYNC_LOADER_TEXT = 'Обновление';
+var SyncLoader = function (_a) {
+    var isLoading = _a.isLoading, _b = _a.text, text = _b === void 0 ? DEFAULT_SYNC_LOADER_TEXT : _b, _c = _a.theme, theme = _c === void 0 ? THEME.default : _c, className = _a.className, styles = _a.styles, color = _a.color, fontFamily = _a.fontFamily;
+    var loaderColor = generateColor(color, COLORS.blue);
+    var generateBackgroundStyles = function () {
+        var _a = Color(loaderColor).rgb().object(), red = _a.r, green = _a.g, blue = _a.b;
+        var backgroundColorRGBA = { r: red, g: green, b: blue, a: 0.2 };
+        var WHITE_COLOR = { r: 255, g: 255, b: 255, a: 1 };
+        var BLACK_COLOR = { r: 61, g: 61, b: 61, a: 1 };
+        var _b = isDarkTheme(theme) ? normal(BLACK_COLOR, backgroundColorRGBA) : normal(WHITE_COLOR, backgroundColorRGBA), r = _b.r, g = _b.g, b = _b.b, a = _b.a;
+        return __assign({ background: "rgba(".concat(r, ", ").concat(g, ", ").concat(b, ", ").concat(a, ")") }, styles);
+    };
+    useEffect(function () {
+        var timerId;
+        var dots = document.querySelectorAll('.smartapp-sync-loader__text--dots__dot');
+        var animationEndFunction = function () {
+            dots.forEach(function (dot) { return (dot.style.display = 'none'); });
+            timerId = setTimeout(function () {
+                dots.forEach(function (dot) { return (dot.style.display = 'unset'); });
+            }, 150);
+        };
+        if (isLoading) {
+            dots[0].addEventListener('animationend', animationEndFunction);
+        }
+        return function () {
+            clearTimeout(timerId);
+            isLoading && dots[0].removeEventListener('animationend', animationEndFunction);
+        };
+    }, [isLoading]);
+    if (!isLoading) {
+        return null;
+    }
+    return (_jsxs("div", __assign({ className: classNames('smartapp-sync-loader', className), style: generateBackgroundStyles() }, { children: [_jsx(LoaderIcon, { className: "smartapp-sync-loader__icon", style: { color: loaderColor } }), _jsxs("div", __assign({ style: __assign({}, generateFontFamilyStyle(fontFamily)), className: classNames({ 'smartapp-sync-loader__text': true, 'smartapp-sync-loader__text--dark': isDarkTheme(theme) }) }, { children: [text, _jsx("div", __assign({ className: "smartapp-sync-loader__text--dots" }, { children: __spreadArray([], Array(3), true).map(function (_, index) { return (_jsx("div", __assign({ className: "smartapp-sync-loader__text--dots__dot" }, { children: "." }), index)); }) }))] }))] })));
+};
+export default SyncLoader;
+//# sourceMappingURL=SyncLoader.js.map

package/build/main//321/201omponents/SyncLoader/SyncLoader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SyncLoader.js","sourceRoot":"","sources":["../../../../src/сomponents/SyncLoader/SyncLoader.tsx"],"names":[],"mappings":"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"}

package/build/main//321/201omponents/SyncLoader/index.d.ts

@@ -0,0 +1 @@
+export { default } from './SyncLoader';

package/build/main//321/201omponents/SyncLoader/index.js

@@ -0,0 +1,2 @@
+export { default } from './SyncLoader';
+//# sourceMappingURL=index.js.map

package/build/main//321/201omponents/SyncLoader/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/сomponents/SyncLoader/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA"}

package/build/main//321/201omponents/SyncLoader/types.d.ts

@@ -0,0 +1,8 @@
+import { IFontFamilyProps, IThemeProps, TStyles } from '../../constants';
+export interface ISyncLoaderProps extends IThemeProps, IFontFamilyProps {
+    isLoading: boolean;
+    text?: string;
+    className?: string;
+    styles?: TStyles;
+    color?: string;
+}

package/build/main//321/201omponents/SyncLoader/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/build/main//321/201omponents/SyncLoader/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/сomponents/SyncLoader/types.ts"],"names":[],"mappings":""}

package/build/main//321/201omponents/Textarea/Textarea.d.ts

@@ -0,0 +1,4 @@
+import { ITextareaProps } from './types';
+import '../../styles/styles.scss';
+declare const Textarea: ({ platform, fontFamily, isAdjustToTextHeight, textareaRef: outerTextareaRef, title, icon, error, minHeight, containerClassName, className, style, containerStyles, onChange, ...props }: ITextareaProps) => import("react/jsx-runtime").JSX.Element;
+export default Textarea;

package/build/main//321/201omponents/Textarea/Textarea.js

@@ -0,0 +1,59 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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 { useEffect, useRef } from 'react';
+import classNames from 'classnames';
+import { isEmpty, isNil } from 'lodash';
+import { generateFontFamilyStyle } from '../../helpers';
+import { DEFAULT_MIN_TEXTAREA_HEIGHT, MIN_TEXTAREA_HEIGHT } from '../../constants';
+import '../../styles/styles.scss';
+var Textarea = function (_a) {
+    var platform = _a.platform, fontFamily = _a.fontFamily, _b = _a.isAdjustToTextHeight, isAdjustToTextHeight = _b === void 0 ? false : _b, outerTextareaRef = _a.textareaRef, title = _a.title, icon = _a.icon, error = _a.error, minHeight = _a.minHeight, containerClassName = _a.containerClassName, className = _a.className, style = _a.style, containerStyles = _a.containerStyles, onChange = _a.onChange, props = __rest(_a, ["platform", "fontFamily", "isAdjustToTextHeight", "textareaRef", "title", "icon", "error", "minHeight", "containerClassName", "className", "style", "containerStyles", "onChange"]);
+    var localTextareaRef = useRef(null);
+    var textareaRef = outerTextareaRef || localTextareaRef;
+    var textareaMinHeight = minHeight ? Math.max(minHeight, MIN_TEXTAREA_HEIGHT) : DEFAULT_MIN_TEXTAREA_HEIGHT;
+    var textareaMinHeightPx = "".concat(textareaMinHeight, "px");
+    var handleInput = function () {
+        var textareaRefCurrent = textareaRef.current;
+        if (textareaRefCurrent && isAdjustToTextHeight) {
+            textareaRefCurrent.style.height = textareaMinHeightPx;
+            textareaRefCurrent.style.height = "".concat(textareaRefCurrent.scrollHeight + 2, "px");
+        }
+    };
+    var handleChange = function (event) {
+        var value = event.target.value;
+        var textareaRefCurrent = textareaRef.current;
+        var valueLength = value.length;
+        onChange(event);
+        if (textareaRefCurrent && textareaRefCurrent.selectionStart === valueLength) {
+            textareaRefCurrent.scrollTop = textareaRefCurrent.scrollHeight;
+        }
+    };
+    useEffect(function () {
+        isAdjustToTextHeight && handleInput();
+        // eslint-disable-next-line
+    }, [isAdjustToTextHeight]);
+    return (_jsxs("div", __assign({ className: classNames('smartapp-textarea', containerClassName), style: __assign(__assign({}, generateFontFamilyStyle(fontFamily)), containerStyles) }, { children: [title && _jsx("div", __assign({ className: "smartapp-textarea__title" }, { children: title })), _jsxs("div", __assign({ className: "smartapp-textarea__container" }, { children: [_jsx("textarea", __assign({ ref: textareaRef, className: classNames('smartapp-textarea__container--field', "smartapp-textarea__container--field__".concat(platform), { 'smartapp-textarea__container--field__with-icon': !isNil(icon), 'smartapp-textarea__container--field__error': !isEmpty(error) }, className), style: __assign({ '--textarea-min-height': textareaMinHeightPx }, style), onChange: handleChange, onInput: handleInput }, props), textareaMinHeightPx), icon && _jsx("div", __assign({ className: "smartapp-textarea__container--icon" }, { children: icon }))] })), error && _jsx("div", __assign({ className: "smartapp-textarea__error" }, { children: error }))] })));
+};
+export default Textarea;
+//# sourceMappingURL=Textarea.js.map

package/build/main//321/201omponents/Textarea/Textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../../../src/сomponents/Textarea/Textarea.tsx"],"names":[],"mappings":"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"}

package/build/main//321/201omponents/Textarea/index.d.ts

@@ -0,0 +1 @@
+export { default } from './Textarea';

package/build/main//321/201omponents/Textarea/index.js

@@ -0,0 +1,2 @@
+export { default } from './Textarea';
+//# sourceMappingURL=index.js.map

package/build/main//321/201omponents/Textarea/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/сomponents/Textarea/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA"}

package/build/main//321/201omponents/Textarea/types.d.ts

@@ -0,0 +1,13 @@
+import { ChangeEvent, ReactElement, RefObject, TextareaHTMLAttributes } from 'react';
+import { IFontFamilyProps, IPlatformProps, TStyles } from '../../constants';
+export interface ITextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement>, IFontFamilyProps, IPlatformProps {
+    isAdjustToTextHeight?: boolean;
+    textareaRef?: RefObject<HTMLTextAreaElement | null>;
+    title?: string;
+    icon?: ReactElement;
+    error?: string;
+    minHeight?: number;
+    containerClassName?: string;
+    containerStyles?: TStyles;
+    onChange: (e: ChangeEvent<HTMLTextAreaElement>) => void;
+}

package/build/main//321/201omponents/Textarea/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/build/main//321/201omponents/Textarea/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/сomponents/Textarea/types.ts"],"names":[],"mappings":""}

package/build/main//321/201omponents/Toggle/Toggle.d.ts

@@ -0,0 +1,4 @@
+import { IToggleProps } from './types';
+import '../../styles/styles.scss';
+declare const Toggle: ({ id, isDisabled, isChecked, className, styles, checkedColor, checkedHoverColor, checkedPressedColor, onClick, }: IToggleProps) => import("react/jsx-runtime").JSX.Element;
+export default Toggle;

package/build/main//321/201omponents/Toggle/Toggle.js

@@ -0,0 +1,35 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef } from 'react';
+import classNames from 'classnames';
+import { generateColor } from '../../helpers';
+import { COLORS, EVENT_LISTENER_TYPES } from '../../constants';
+import '../../styles/styles.scss';
+var DEFAULT_TOGGLE_ID = 'toggle';
+var PRESSED_CLASS_NAME = 'smartapp-toggle-wrapper__pressed';
+var Toggle = function (_a) {
+    var _b = _a.id, id = _b === void 0 ? DEFAULT_TOGGLE_ID : _b, _c = _a.isDisabled, isDisabled = _c === void 0 ? false : _c, _d = _a.isChecked, isChecked = _d === void 0 ? false : _d, className = _a.className, _e = _a.styles, styles = _e === void 0 ? {} : _e, checkedColor = _a.checkedColor, checkedHoverColor = _a.checkedHoverColor, checkedPressedColor = _a.checkedPressedColor, _f = _a.onClick, onClick = _f === void 0 ? function () { return undefined; } : _f;
+    var toggleRef = useRef(null);
+    var inputId = "smartapp-toggle-".concat(id);
+    var toggleStyles = __assign({ '--toggle-color': generateColor(checkedColor, COLORS.bgAccent), '--toggle-hover-color': generateColor(checkedHoverColor, COLORS.bgAccentHover), '--toggle-pressed-color': generateColor(checkedPressedColor, COLORS.bgAccentPressed) }, styles);
+    useEffect(function () {
+        window.addEventListener(EVENT_LISTENER_TYPES.mouseup, handleMouseUp);
+        return function () { return window.removeEventListener(EVENT_LISTENER_TYPES.mouseup, handleMouseUp); };
+    }, []);
+    var handleClick = function () { return !isDisabled && onClick(); };
+    var handleMouseDown = function () { var _a; return (_a = toggleRef.current) === null || _a === void 0 ? void 0 : _a.classList.add(PRESSED_CLASS_NAME); };
+    var handleMouseUp = function () { var _a; return (_a = toggleRef.current) === null || _a === void 0 ? void 0 : _a.classList.remove(PRESSED_CLASS_NAME); };
+    return (_jsx("div", __assign({ ref: toggleRef, className: classNames('smartapp-toggle-wrapper', className), style: toggleStyles }, { children: _jsxs("label", __assign({ htmlFor: inputId, className: "smartapp-toggle", onClick: handleClick }, { children: [_jsx("input", { type: "checkbox", id: inputId, checked: isChecked, disabled: true }), _jsx("span", { className: classNames('smartapp-slider', { 'smartapp-slider__checked': isChecked, 'smartapp-slider__disabled': isDisabled }), onMouseDown: handleMouseDown })] })) })));
+};
+export default Toggle;
+//# sourceMappingURL=Toggle.js.map

package/build/main//321/201omponents/Toggle/Toggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toggle.js","sourceRoot":"","sources":["../../../../src/сomponents/Toggle/Toggle.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAc,EAAiB,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAC/D,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAC7C,OAAO,EAAE,MAAM,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAA;AAE9D,OAAO,0BAA0B,CAAA;AAEjC,IAAM,iBAAiB,GAAG,QAAQ,CAAA;AAClC,IAAM,kBAAkB,GAAG,kCAAkC,CAAA;AAE7D,IAAM,MAAM,GAAG,UAAC,EAUD;QATb,UAAsB,EAAtB,EAAE,mBAAG,iBAAiB,KAAA,EACtB,kBAAkB,EAAlB,UAAU,mBAAG,KAAK,KAAA,EAClB,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,SAAS,eAAA,EACT,cAAW,EAAX,MAAM,mBAAG,EAAE,KAAA,EACX,YAAY,kBAAA,EACZ,iBAAiB,uBAAA,EACjB,mBAAmB,yBAAA,EACnB,eAA+B,EAA/B,OAAO,mBAAG,cAAY,OAAA,SAAS,EAAT,CAAS,KAAA;IAE/B,IAAM,SAAS,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAA;IACrD,IAAM,OAAO,GAAG,0BAAmB,EAAE,CAAE,CAAA;IAEvC,IAAM,YAAY,GAAG,WACnB,gBAAgB,EAAE,aAAa,CAAC,YAAY,EAAE,MAAM,CAAC,QAAQ,CAAC,EAC9D,sBAAsB,EAAE,aAAa,CAAC,iBAAiB,EAAE,MAAM,CAAC,aAAa,CAAC,EAC9E,wBAAwB,EAAE,aAAa,CAAC,mBAAmB,EAAE,MAAM,CAAC,eAAe,CAAC,IACjF,MAAM,CACO,CAAA;IAElB,SAAS,CAAC;QACR,MAAM,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,OAAO,EAAE,aAAa,CAAC,CAAA;QACpE,OAAO,cAAM,OAAA,MAAM,CAAC,mBAAmB,CAAC,oBAAoB,CAAC,OAAO,EAAE,aAAa,CAAC,EAAvE,CAAuE,CAAA;IACtF,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,IAAM,WAAW,GAAG,cAAM,OAAA,CAAC,UAAU,IAAI,OAAO,EAAE,EAAxB,CAAwB,CAAA;IAClD,IAAM,eAAe,GAAG,sBAAM,OAAA,MAAA,SAAS,CAAC,OAAO,0CAAE,SAAS,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAAA,EAAA,CAAA;IAClF,IAAM,aAAa,GAAG,sBAAM,OAAA,MAAA,SAAS,CAAC,OAAO,0CAAE,SAAS,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAAA,EAAA,CAAA;IAEnF,OAAO,CACL,uBAAK,GAAG,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,CAAC,yBAAyB,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,YAAY,gBACnG,0BAAO,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,iBAAiB,EAAC,OAAO,EAAE,WAAW,iBACvE,gBAAO,IAAI,EAAC,UAAU,EAAC,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,SAAG,EACnE,eACE,SAAS,EAAE,UAAU,CAAC,iBAAiB,EAAE,EAAE,0BAA0B,EAAE,SAAS,EAAE,2BAA2B,EAAE,UAAU,EAAE,CAAC,EAC5H,WAAW,EAAE,eAAe,GAC5B,KACI,IACJ,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,MAAM,CAAA"}

package/build/main//321/201omponents/Toggle/index.d.ts

@@ -0,0 +1 @@
+export { default } from './Toggle';

package/build/main//321/201omponents/Toggle/index.js

@@ -0,0 +1,2 @@
+export { default } from './Toggle';
+//# sourceMappingURL=index.js.map

package/build/main//321/201omponents/Toggle/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/сomponents/Toggle/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAA"}

package/build/main//321/201omponents/Toggle/types.d.ts

@@ -0,0 +1,12 @@
+import { TStyles } from '../../constants';
+export interface IToggleProps {
+    id?: string;
+    isDisabled?: boolean;
+    isChecked?: boolean;
+    className?: string;
+    styles?: TStyles;
+    checkedColor?: string;
+    checkedHoverColor?: string;
+    checkedPressedColor?: string;
+    onClick?: () => void;
+}

package/build/main//321/201omponents/Toggle/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/build/main//321/201omponents/Toggle/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/сomponents/Toggle/types.ts"],"names":[],"mappings":""}

package/build/main//321/201omponents/UserDropdown/ContactBottomSheet/ContactBottomSheet.d.ts

@@ -0,0 +1,4 @@
+import { IContactBottomSheet } from '../types';
+import '../../../styles/styles.scss';
+declare const ContactBottomSheet: ({ fontFamily, language, contactInfoTitle, avatar, name, email, serverName, company, department, companyPosition, handleCloseModal, onClickContactInfoCopyEmail, }: IContactBottomSheet) => import("react/jsx-runtime").JSX.Element;
+export default ContactBottomSheet;

package/build/main//321/201omponents/UserDropdown/ContactBottomSheet/ContactBottomSheet.js

@@ -0,0 +1,40 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect } from 'react';
+import classNames from 'classnames';
+import Avatar from '../../Avatar';
+import ContactInfo from '../ContactInfo/ContactInfo';
+import { COLORS, EVENT_LISTENER_TYPES } from '../../../constants';
+import { AVATAR_SIZES } from '../../Avatar/types';
+import { ReactComponent as CloseIcon } from '../../../assets/icons/close-modal.svg';
+import { ReactComponent as CopyIcon } from '../../../assets/icons/copy.svg';
+import { ReactComponent as CorporateUserIcon } from '../../../assets/icons/corporate-user.svg';
+import '../../../styles/styles.scss';
+var copyTextToClipboard = function (text) { var _a; return (_a = navigator === null || navigator === void 0 ? void 0 : navigator.clipboard) === null || _a === void 0 ? void 0 : _a.writeText(text); };
+var ContactBottomSheet = function (_a) {
+    var fontFamily = _a.fontFamily, language = _a.language, contactInfoTitle = _a.contactInfoTitle, avatar = _a.avatar, name = _a.name, email = _a.email, serverName = _a.serverName, company = _a.company, department = _a.department, companyPosition = _a.companyPosition, handleCloseModal = _a.handleCloseModal, onClickContactInfoCopyEmail = _a.onClickContactInfoCopyEmail;
+    useEffect(function () {
+        var modalContent = document.querySelector('.smartapp-modal__content');
+        var handlePreventDefault = function (event) { return event.preventDefault(); };
+        modalContent === null || modalContent === void 0 ? void 0 : modalContent.addEventListener(EVENT_LISTENER_TYPES.touchend, handlePreventDefault);
+        return function () { return modalContent === null || modalContent === void 0 ? void 0 : modalContent.removeEventListener(EVENT_LISTENER_TYPES.touchend, handlePreventDefault); };
+    }, []);
+    var handleCopyEmailClick = function (event) {
+        event.stopPropagation();
+        copyTextToClipboard(email);
+        onClickContactInfoCopyEmail === null || onClickContactInfoCopyEmail === void 0 ? void 0 : onClickContactInfoCopyEmail();
+    };
+    return (_jsxs("div", __assign({ className: "smartapp-contact-bottom-sheet" }, { children: [contactInfoTitle && (_jsxs("div", __assign({ className: classNames('smartapp-contact-bottom-sheet__title', { 'mb-8': !!contactInfoTitle }) }, { children: [_jsx(CloseIcon, { className: "smartapp-contact-bottom-sheet__title--close", color: COLORS.textSecondary, onClick: handleCloseModal }), _jsx("div", __assign({ className: "smartapp-contact-bottom-sheet__title--text" }, { children: contactInfoTitle }))] }))), _jsxs("div", __assign({ className: "smartapp-contact-bottom-sheet__header" }, { children: [_jsx(Avatar, { fontFamily: fontFamily, username: name, avatar: avatar, size: AVATAR_SIZES.size_40 }), _jsxs("div", __assign({ className: "smartapp-contact-bottom-sheet__header--text" }, { children: [_jsxs("div", __assign({ className: "smartapp-contact-bottom-sheet__header--text__name" }, { children: [_jsx(CorporateUserIcon, {}), _jsx("div", { children: name })] })), _jsx("div", __assign({ className: "smartapp-contact-bottom-sheet__header--text__email" }, { children: email }))] })), _jsx(CopyIcon, { className: "smartapp-contact-bottom-sheet__header--copy", onClick: handleCopyEmailClick })] })), _jsx(ContactInfo, { language: language, serverName: serverName, company: company, department: department, companyPosition: companyPosition })] })));
+};
+export default ContactBottomSheet;
+//# sourceMappingURL=ContactBottomSheet.js.map

package/build/main//321/201omponents/UserDropdown/ContactBottomSheet/ContactBottomSheet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContactBottomSheet.js","sourceRoot":"","sources":["../../../../../src/сomponents/UserDropdown/ContactBottomSheet/ContactBottomSheet.tsx"],"names":[],"mappings":"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"}

package/build/main//321/201omponents/UserDropdown/ContactInfo/ContactInfo.d.ts

@@ -0,0 +1,4 @@
+import { IContactInfo } from '../types';
+import '../../../styles/styles.scss';
+declare const ContactInfo: ({ elementRef, language, serverName, company, department, companyPosition }: IContactInfo) => import("react/jsx-runtime").JSX.Element;
+export default ContactInfo;

package/build/main//321/201omponents/UserDropdown/ContactInfo/ContactInfo.js

@@ -0,0 +1,98 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var _a;
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { LANGUAGES } from '../../../constants';
+import { ReactComponent as DepartmentIcon } from '../../../assets/icons/department.svg';
+import { ReactComponent as JobPositionIcon } from '../../../assets/icons/job-position.svg';
+import { ReactComponent as OfficeIcon } from '../../../assets/icons/office.svg';
+import { ReactComponent as ServerIcon } from '../../../assets/icons/server.svg';
+import '../../../styles/styles.scss';
+var INFO_TITLE_TEXT = (_a = {},
+    _a[LANGUAGES.ru] = {
+        server: 'Адрес сервера',
+        company: 'Компания',
+        department: 'Отдел',
+        companyPosition: 'Должность',
+    },
+    _a[LANGUAGES.en] = {
+        server: 'Server address',
+        company: 'Company',
+        department: 'Department',
+        companyPosition: 'Position',
+    },
+    _a[LANGUAGES.de] = {
+        server: 'Serveradresse',
+        company: 'Firma',
+        department: 'Abteilung',
+        companyPosition: 'Position',
+    },
+    _a[LANGUAGES.es] = {
+        server: 'Dirección del servidor',
+        company: 'Empresa',
+        department: 'Sección',
+        companyPosition: 'Cargo',
+    },
+    _a[LANGUAGES.fr] = {
+        server: 'Adresse du serveur',
+        company: 'Société',
+        department: 'Département',
+        companyPosition: 'Poste',
+    },
+    _a[LANGUAGES.ar] = {
+        server: 'عنوان جهاز الخادم',
+        company: 'شركة',
+        department: 'الإدارة',
+        companyPosition: 'المنصب',
+    },
+    _a[LANGUAGES.ms] = {
+        server: 'Alamat pelayan',
+        company: 'Syarikat',
+        department: 'Jabatan',
+        companyPosition: 'Kedudukan',
+    },
+    _a[LANGUAGES.tr] = {
+        server: 'Sunucu adresi',
+        company: 'Şirket',
+        department: 'Bölüm',
+        companyPosition: 'Pozisyon',
+    },
+    _a[LANGUAGES.id] = {
+        server: 'Alamat server',
+        company: 'Nama perusahaan',
+        department: 'Departemen',
+        companyPosition: 'Posisi',
+    },
+    _a[LANGUAGES.uz] = {
+        server: 'Server manzili',
+        company: 'Kompaniya',
+        department: 'Bo‘lim',
+        companyPosition: 'Lavozim',
+    },
+    _a[LANGUAGES.kk] = {
+        server: 'Сервер мекенжайы',
+        company: 'Компания',
+        department: 'Бөлім',
+        companyPosition: 'Лауазым',
+    },
+    _a);
+var ContactInfo = function (_a) {
+    var elementRef = _a.elementRef, language = _a.language, serverName = _a.serverName, company = _a.company, department = _a.department, companyPosition = _a.companyPosition;
+    var _b = INFO_TITLE_TEXT[language], serverTitle = _b.server, companyTitle = _b.company, departmentTitle = _b.department, companyPositionTitle = _b.companyPosition;
+    var renderInfoItem = function (_a) {
+        var title = _a.title, info = _a.info, icon = _a.icon;
+        return (_jsxs("div", __assign({ className: "smartapp-contact-info__item" }, { children: [_jsx("div", __assign({ className: "smartapp-contact-info__item--icon" }, { children: icon })), _jsxs("div", __assign({ className: "smartapp-contact-info__item--text" }, { children: [_jsx("div", { children: title }), _jsx("div", { children: info })] }))] })));
+    };
+    return (_jsxs("div", __assign({ ref: elementRef, className: "smartapp-contact-info" }, { children: [serverName && renderInfoItem({ title: serverTitle, info: serverName, icon: _jsx(ServerIcon, {}) }), company && renderInfoItem({ title: companyTitle, info: company, icon: _jsx(OfficeIcon, {}) }), department && renderInfoItem({ title: departmentTitle, info: department, icon: _jsx(DepartmentIcon, {}) }), companyPosition && renderInfoItem({ title: companyPositionTitle, info: companyPosition, icon: _jsx(JobPositionIcon, {}) })] })));
+};
+export default ContactInfo;
+//# sourceMappingURL=ContactInfo.js.map

package/build/main//321/201omponents/UserDropdown/ContactInfo/ContactInfo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContactInfo.js","sourceRoot":"","sources":["../../../../../src/сomponents/UserDropdown/ContactInfo/ContactInfo.tsx"],"names":[],"mappings":"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"}

package/build/main//321/201omponents/UserDropdown/LoadingMessage/LoadingMessage.d.ts

@@ -0,0 +1,5 @@
+import { ILoadingMessage } from '../types';
+import '../../../styles/styles.scss';
+export declare const LOADING_MESSAGE_ITEMS = 6;
+declare const LoadingMessage: ({ isMenuShadowless, skeletonRowsCount }: ILoadingMessage) => import("react/jsx-runtime").JSX.Element;
+export default LoadingMessage;

package/build/main//321/201omponents/UserDropdown/LoadingMessage/LoadingMessage.js

@@ -0,0 +1,24 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef } from 'react';
+import classNames from 'classnames';
+import { Skeleton } from '../../Skeleton';
+import '../../../styles/styles.scss';
+export var LOADING_MESSAGE_ITEMS = 6;
+var LoadingMessage = function (_a) {
+    var _b = _a.isMenuShadowless, isMenuShadowless = _b === void 0 ? false : _b, _c = _a.skeletonRowsCount, skeletonRowsCount = _c === void 0 ? LOADING_MESSAGE_ITEMS : _c;
+    var ref = useRef(null);
+    return (_jsx("div", __assign({ ref: ref, className: classNames('smartapp-loading-message', { 'smartapp-loading-message__reduced-padding': isMenuShadowless }) }, { children: Array.from({ length: skeletonRowsCount }, function (_, index) { return (_jsxs("div", __assign({ className: classNames('smartapp-loading-message__item', { 'ph-0': isMenuShadowless }) }, { children: [_jsx(Skeleton, { containerRef: ref, circle: true, className: "smartapp-loading-message__item--circle" }), _jsxs("div", __assign({ className: "smartapp-loading-message__item--ellipse" }, { children: [_jsx(Skeleton, { containerRef: ref, className: "smartapp-loading-message__item--ellipse__first", borderRadius: 600 }), _jsx(Skeleton, { containerRef: ref, className: "smartapp-loading-message__item--ellipse__second", borderRadius: 600 })] }))] }), index)); }) })));
+};
+export default LoadingMessage;
+//# sourceMappingURL=LoadingMessage.js.map

package/build/main//321/201omponents/UserDropdown/LoadingMessage/LoadingMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingMessage.js","sourceRoot":"","sources":["../../../../../src/сomponents/UserDropdown/LoadingMessage/LoadingMessage.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAc,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AACrC,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAEzC,OAAO,6BAA6B,CAAA;AAEpC,MAAM,CAAC,IAAM,qBAAqB,GAAG,CAAC,CAAA;AAEtC,IAAM,cAAc,GAAG,UAAC,EAAwF;QAAtF,wBAAwB,EAAxB,gBAAgB,mBAAG,KAAK,KAAA,EAAE,yBAAyC,EAAzC,iBAAiB,mBAAG,qBAAqB,KAAA;IAC3F,IAAM,GAAG,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAExC,OAAO,CACL,uBAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,UAAU,CAAC,0BAA0B,EAAE,EAAE,2CAA2C,EAAE,gBAAgB,EAAE,CAAC,gBAChI,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,iBAAiB,EAAE,EAAE,UAAC,CAAC,EAAE,KAAK,IAAK,OAAA,CACvD,wBAAiB,SAAS,EAAE,UAAU,CAAC,gCAAgC,EAAE,EAAE,MAAM,EAAE,gBAAgB,EAAE,CAAC,iBACpG,KAAC,QAAQ,IAAC,YAAY,EAAE,GAAG,EAAE,MAAM,QAAC,SAAS,EAAC,wCAAwC,GAAG,EACzF,wBAAK,SAAS,EAAC,yCAAyC,iBACtD,KAAC,QAAQ,IAAC,YAAY,EAAE,GAAG,EAAE,SAAS,EAAC,gDAAgD,EAAC,YAAY,EAAE,GAAG,GAAI,EAC7G,KAAC,QAAQ,IAAC,YAAY,EAAE,GAAG,EAAE,SAAS,EAAC,iDAAiD,EAAC,YAAY,EAAE,GAAG,GAAI,KAC1G,MALE,KAAK,CAMT,CACP,EARwD,CAQxD,CAAC,IACE,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,cAAc,CAAA"}

package/build/main//321/201omponents/UserDropdown/MenuList/MenuList.d.ts

@@ -0,0 +1,4 @@
+import { IMenuListProps } from '../types';
+import '../../../styles/styles.scss';
+declare const MenuList: (props: IMenuListProps) => import("react/jsx-runtime").JSX.Element | null;
+export default MenuList;

package/build/main//321/201omponents/UserDropdown/MenuList/MenuList.js

@@ -0,0 +1,104 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useEffect, useLayoutEffect, useRef } from 'react';
+import { components } from 'react-select';
+import { AutoSizer } from 'react-virtualized';
+import { FixedSizeList } from 'react-window';
+import classNames from 'classnames';
+import LoadingMessage from '../LoadingMessage/LoadingMessage';
+import SearchInCatalogButton from '../SearchInCatalogButton/SearchInCatalogButton';
+import { checkIsMobilePlatform } from '../../../helpers';
+import { USER_DROPDOWN_CHAR_HINT as CHAR_HINT, MIN_INPUT_SYMBOLS } from '../../../constants';
+import '../../../styles/styles.scss';
+var SKELETON_ROWS_COUNT = 3;
+var MENU_ITEM_HEIGHT = 47;
+var LIST_OVER_SCAN_COUNT = 5;
+var PADDING_SIZE = 12;
+var BUTTON_SIZE = 45;
+var MIN_SCROLL_TOP = 10;
+var MenuList = function (props) {
+    var _a;
+    var selectRef = props.selectRef, scrollFromTop = props.scrollFromTop, language = props.language, platform = props.platform, menuListMaxHeight = props.menuListMaxHeight, charHintClassName = props.charHintClassName, hasNextPage = props.hasNextPage, isLoading = props.isLoading, isUserTyping = props.isUserTyping, isCharHintVisible = props.isCharHintVisible, isNextPageLoading = props.isNextPageLoading, _b = props.isShowCatalogSearchButton, isShowCatalogSearchButton = _b === void 0 ? false : _b, isMenuShadowless = props.isMenuShadowless, children = props.children, onLoadNextPage = props.onLoadNextPage, onShowCatalogSearchButtonClick = props.onShowCatalogSearchButtonClick, setIsDelimiterVisible = props.setIsDelimiterVisible;
+    var selectRefCurrent = selectRef.current;
+    var inputValue = (_a = selectRefCurrent === null || selectRefCurrent === void 0 ? void 0 : selectRefCurrent.props) === null || _a === void 0 ? void 0 : _a.inputValue;
+    var inputValueLength = inputValue === null || inputValue === void 0 ? void 0 : inputValue.length;
+    var isCatalogSearchBtnListedLast = isShowCatalogSearchButton && !isMenuShadowless;
+    var isCatalogSearchBtnListedFirst = isShowCatalogSearchButton && isMenuShadowless;
+    var virtualizationListRef = useRef(null);
+    var virtualizationListOuterRef = useRef(null);
+    var lastElement = useRef(null);
+    var observer = useRef(new IntersectionObserver(function (entries) { return entries[0].isIntersecting && handleLoadNextPage(); }));
+    useEffect(function () {
+        var lastElementCurrent = lastElement.current;
+        var observerCurrent = observer.current;
+        lastElementCurrent && observerCurrent.observe(lastElementCurrent);
+        return function () {
+            lastElementCurrent && observerCurrent.unobserve(lastElementCurrent);
+        };
+        // eslint-disable-next-line
+    }, [lastElement.current]);
+    useLayoutEffect(function () {
+        var _a, _b;
+        var scrollTop = (_b = (_a = virtualizationListOuterRef.current) === null || _a === void 0 ? void 0 : _a.scrollTop) !== null && _b !== void 0 ? _b : 0;
+        setIsDelimiterVisible(scrollTop > MIN_SCROLL_TOP);
+    }, [setIsDelimiterVisible]);
+    var handleLoadNextPage = function () {
+        onLoadNextPage(inputValue);
+        if (virtualizationListRef.current) {
+            var scrollOffset = virtualizationListRef.current.state.scrollOffset;
+            scrollFromTop.current = scrollOffset + MENU_ITEM_HEIGHT * SKELETON_ROWS_COUNT;
+        }
+    };
+    if (inputValueLength < MIN_INPUT_SYMBOLS)
+        return isCharHintVisible ? _jsx("div", __assign({ className: classNames('smartapp-menu-list__char-hint', charHintClassName) }, { children: CHAR_HINT[language] })) : null;
+    // For children like: "Loading" or "No Options" provided by 'react-select'
+    if (!Array.isArray(children))
+        return _jsx(_Fragment, { children: children });
+    var childrenLength = children.length;
+    var listChildrenHeight = childrenLength * MENU_ITEM_HEIGHT + PADDING_SIZE;
+    var maxMenuHeight = isCatalogSearchBtnListedLast ? menuListMaxHeight - BUTTON_SIZE : menuListMaxHeight;
+    var listHeight = listChildrenHeight > maxMenuHeight ? maxMenuHeight : listChildrenHeight;
+    var itemCount = hasNextPage ? childrenLength + SKELETON_ROWS_COUNT : childrenLength;
+    var isNextPageSkeletonsVisible = hasNextPage && !isNextPageLoading && !isLoading && !isUserTyping;
+    var isDataLoadingSkeletonsVisible = isNextPageLoading || isLoading || (isUserTyping && inputValueLength >= MIN_INPUT_SYMBOLS);
+    var isSkeletonsVisible = isNextPageSkeletonsVisible || isDataLoadingSkeletonsVisible;
+    var handleScroll = function (_a) {
+        var scrollOffset = _a.scrollOffset;
+        scrollFromTop.current = scrollOffset;
+        setIsDelimiterVisible(scrollOffset > MIN_SCROLL_TOP);
+    };
+    var renderSkeletons = function () { return isSkeletonsVisible && _jsx(LoadingMessage, { isMenuShadowless: isMenuShadowless, skeletonRowsCount: SKELETON_ROWS_COUNT }); };
+    var rowRenderer = function (_a) {
+        var index = _a.index, style = _a.style;
+        var isLastRow = index === childrenLength - 1;
+        var rowRef = isNextPageSkeletonsVisible ? lastElement : null;
+        return (_jsxs("div", __assign({ ref: rowRef, style: style, role: children[index] ? 'option' : '' }, { children: [children[index], isLastRow && renderSkeletons()] }), index));
+    };
+    return (_jsxs(_Fragment, { children: [isCatalogSearchBtnListedFirst && (_jsx(SearchInCatalogButton, { isMenuShadowless: true, language: language, onShowCatalogSearchButtonClick: onShowCatalogSearchButtonClick })), _jsx(components.MenuList, __assign({}, props, { children: _jsx(AutoSizer, __assign({ disableHeight: true }, { children: function (_a) {
+                        var width = _a.width;
+                        return (_jsxs("div", __assign({ style: {
+                                display: 'flex',
+                                flexDirection: 'column',
+                                height: isCatalogSearchBtnListedLast ? listHeight + BUTTON_SIZE : listHeight,
+                            } }, { children: [_jsx(FixedSizeList, __assign({ outerRef: virtualizationListOuterRef, ref: virtualizationListRef, height: listHeight, itemCount: itemCount, itemSize: MENU_ITEM_HEIGHT, width: width, overscanCount: LIST_OVER_SCAN_COUNT, onScroll: handleScroll, initialScrollOffset: scrollFromTop.current, className: classNames('smartapp-menu-list', {
+                                        'smartapp-menu-list__with-button': isCatalogSearchBtnListedLast,
+                                        'smartapp-menu-list__shadowless': isMenuShadowless,
+                                        'smartapp-menu-list__shadowless--pt-0': isCatalogSearchBtnListedFirst,
+                                        'smartapp-menu-list__invisible-scroll': checkIsMobilePlatform(platform) && isMenuShadowless,
+                                    }), outerElementType: CustomOuterElement }, { children: rowRenderer })), isCatalogSearchBtnListedLast && (_jsx(SearchInCatalogButton, { language: language, width: width, onShowCatalogSearchButtonClick: onShowCatalogSearchButtonClick }))] })));
+                    } })) }))] }));
+};
+var CustomOuterElement = React.forwardRef(function (props, ref) { return _jsx("div", __assign({ ref: ref }, props, { style: __assign({}, props.style) })); });
+CustomOuterElement.displayName = 'CustomOuterElement';
+export default MenuList;
+//# sourceMappingURL=MenuList.js.map