@cloud-ru/uikit-product-site-csat 0.1.15 → 0.1.17

package/CHANGELOG.md

@@ -3,6 +3,28 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 0.1.17 (2025-11-13)
+
+### Only dependencies have been changed
+* [@cloud-ru/uikit-product-icons@15.1.3](https://gitverse.ru/cloud-ru-tech/uikit-product/-/blob/master/packages/icons/CHANGELOG.md)
+* [@cloud-ru/uikit-product-mobile-modal@0.9.20](https://gitverse.ru/cloud-ru-tech/uikit-product/-/blob/master/packages/mobile-modal/CHANGELOG.md)
+* [@cloud-ru/uikit-product-utils@7.0.2](https://gitverse.ru/cloud-ru-tech/uikit-product/-/blob/master/packages/utils/CHANGELOG.md)
+
+
+
+
+
+## 0.1.16 (2025-11-12)
+
+
+### Bug Fixes
+
+* **PD-3377:** contributors update to publish all packages ([719fd3e](https://gitverse.ru/cloud-ru-tech/uikit-product/commits/719fd3e1249e247443b125c47ea408d92c8395c3))
+
+
+
+
+
 ## 0.1.15 (2025-11-12)
 
 ### Only dependencies have been changed

package/dist/cjs/components/SiteCsat/SiteCsat.d.ts

@@ -0,0 +1,17 @@
+import { WithLayoutType } from '@sbercloud/uikit-product-utils';
+import { onSubmitVariables } from '../../types';
+export type SiteCsatProps = WithLayoutType<{
+    isLoading?: boolean;
+    like?: boolean;
+    onSetLike: (flag: boolean) => void;
+    label: string;
+    dislikeCommentForm?: {
+        open: boolean;
+        dislikeEnabled?: boolean;
+        loadingButton?: boolean;
+        onClickForm(): void;
+        onSubmit({ textComment, selectedChips }: onSubmitVariables): void;
+        onCheckChips?(titleChip: string): void;
+    };
+}>;
+export declare function SiteCsat({ isLoading, like, onSetLike, layoutType, label, dislikeCommentForm }: SiteCsatProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/SiteCsat/SiteCsat.js

@@ -0,0 +1,15 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SiteCsat = SiteCsat;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const icons_1 = require("@snack-uikit/icons");
+const loaders_1 = require("@snack-uikit/loaders");
+const typography_1 = require("@snack-uikit/typography");
+const helperComponents_1 = require("../../helperComponents");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+function SiteCsat({ isLoading, like, onSetLike, layoutType, label, dislikeCommentForm }) {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.siteCsatBlock, "data-layout-type": layoutType, children: [(0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.csatFormBlock, children: [like === undefined || isLoading ? ((0, jsx_runtime_1.jsx)(typography_1.Typography.SansTitleM, { children: label })) : ((0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.reportSendBlock, children: [(0, jsx_runtime_1.jsx)(icons_1.CheckFilledSVG, { className: styles_module_scss_1.default.checkIcon }), (0, jsx_runtime_1.jsx)(typography_1.Typography.SansTitleM, { children: "\u0421\u043F\u0430\u0441\u0438\u0431\u043E \u0437\u0430 \u043E\u0442\u0437\u044B\u0432" })] })), isLoading ? ((0, jsx_runtime_1.jsx)(loaders_1.Spinner, {})) : ((0, jsx_runtime_1.jsx)(helperComponents_1.LikeDislikeBlock, { dislikeEnabled: dislikeCommentForm === null || dislikeCommentForm === void 0 ? void 0 : dislikeCommentForm.dislikeEnabled, like: like, onSetLike: onSetLike })), like === false && !isLoading && dislikeCommentForm && dislikeCommentForm.open && ((0, jsx_runtime_1.jsx)(typography_1.Typography.SansBodyM, { className: styles_module_scss_1.default.textSupport, children: "\u041F\u043E\u0434\u0435\u043B\u0438\u0442\u0435\u0441\u044C, \u0447\u0442\u043E \u0438\u043C\u0435\u043D\u043D\u043E \u043D\u0435 \u0442\u0430\u043A?" }))] }), like === false && !isLoading && dislikeCommentForm && dislikeCommentForm.open && ((0, jsx_runtime_1.jsx)(helperComponents_1.ContentDislikeCsat, { classNameContentContainer: styles_module_scss_1.default.classNameContentContainer, classNameChipsContainer: styles_module_scss_1.default.classNameChipsContainer, onCheckChips: dislikeCommentForm.onCheckChips, onClickForm: dislikeCommentForm.onClickForm, loadingButton: dislikeCommentForm.loadingButton, onSubmit: dislikeCommentForm.onSubmit }))] }));
+}

package/dist/cjs/components/SiteCsat/index.d.ts

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

package/dist/cjs/components/SiteCsat/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./SiteCsat"), exports);

package/dist/cjs/components/SiteCsat/styles.module.css

@@ -0,0 +1,41 @@
+.siteCsatBlock{
+  box-sizing:border-box;
+  width:520px;
+  display:flex;
+  flex-direction:column;
+  align-items:center;
+  gap:20px;
+}
+.siteCsatBlock[data-layout-type=tablet], .siteCsatBlock[data-layout-type=mobile]{
+  width:328px;
+}
+
+.csatFormBlock{
+  display:flex;
+  flex-direction:column;
+  align-items:center;
+  gap:16px;
+}
+
+.reportSendBlock{
+  display:flex;
+  flex-direction:column;
+  align-items:center;
+  gap:8px;
+}
+
+.checkIcon{
+  color:var(--sys-primary-accent-default, #389f74);
+}
+
+.textSupport{
+  color:var(--sys-neutral-text-support, #6d707f);
+}
+
+.classNameContentContainer{
+  align-items:center;
+}
+
+.classNameChipsContainer{
+  justify-content:center;
+}

package/dist/cjs/components/SiteCsatPopover/SiteCsatPopover.d.ts

@@ -0,0 +1,20 @@
+import { WithLayoutType } from '@sbercloud/uikit-product-utils';
+import { onSubmitVariables } from '../../types';
+export type SiteCsatPopoverProps = WithLayoutType<{
+    loading?: boolean;
+    like?: boolean;
+    onSetLike: (flag: boolean) => void;
+    label: string;
+    negativeFeedbackForm: {
+        open: boolean;
+        onSetOpen: (flag: boolean) => void;
+    };
+    dislikeCommentForm?: {
+        dislikeEnabled: boolean;
+        loadingButton?: boolean;
+        onClickForm(): void;
+        onCheckChips?(titleChip: string): void;
+        onSubmit({ textComment, selectedChips }: onSubmitVariables): void;
+    };
+}>;
+export declare function SiteCsatPopover({ loading, like, onSetLike, layoutType, negativeFeedbackForm, label, dislikeCommentForm, }: SiteCsatPopoverProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/SiteCsatPopover/SiteCsatPopover.js

@@ -0,0 +1,27 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SiteCsatPopover = SiteCsatPopover;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const uikit_product_mobile_modal_1 = require("@sbercloud/uikit-product-mobile-modal");
+const loaders_1 = require("@snack-uikit/loaders");
+const popover_1 = require("@snack-uikit/popover");
+const typography_1 = require("@snack-uikit/typography");
+const helperComponents_1 = require("../../helperComponents");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+function SiteCsatPopover({ loading, like, onSetLike, layoutType, negativeFeedbackForm, label, dislikeCommentForm, }) {
+    const isMobile = layoutType === 'mobile';
+    const triggerRef = (0, react_1.useRef)(null);
+    const handleOpenClosePopover = () => {
+        negativeFeedbackForm.onSetOpen(!negativeFeedbackForm.open);
+    };
+    const popover = dislikeCommentForm && ((0, jsx_runtime_1.jsx)(popover_1.Popover, { tip: (0, jsx_runtime_1.jsx)(helperComponents_1.PopoverReportContent, { onClickForm: dislikeCommentForm.onClickForm, onOpenClosePopover: handleOpenClosePopover, onSubmit: dislikeCommentForm.onSubmit, onCheckChips: dislikeCommentForm.onCheckChips, loadingButton: dislikeCommentForm.loadingButton }), open: negativeFeedbackForm.open, trigger: 'click', placement: 'bottom', triggerRef: triggerRef }));
+    const mobileModal = dislikeCommentForm && ((0, jsx_runtime_1.jsxs)(uikit_product_mobile_modal_1.MobileModalCustom, { open: negativeFeedbackForm.open, onClose: handleOpenClosePopover, children: [(0, jsx_runtime_1.jsx)(uikit_product_mobile_modal_1.MobileModalCustom.Header, { title: '\u0421\u043F\u0430\u0441\u0438\u0431\u043E \u0437\u0430 \u043E\u0442\u0437\u044B\u0432!', subtitle: '\u041F\u043E\u0434\u0435\u043B\u0438\u0442\u0435\u0441\u044C, \u0447\u0442\u043E \u0438\u043C\u0435\u043D\u043D\u043E \u043D\u0435 \u0442\u0430\u043A?' }), (0, jsx_runtime_1.jsx)(uikit_product_mobile_modal_1.MobileModalCustom.Body, { content: (0, jsx_runtime_1.jsx)(helperComponents_1.ContentDislikeCsat, { onClickForm: dislikeCommentForm.onClickForm, loadingButton: dislikeCommentForm.loadingButton, onSubmit: dislikeCommentForm.onSubmit, onCheckChips: dislikeCommentForm.onCheckChips, buttonSubmit: {
+                        size: 'm',
+                        fullWidth: true,
+                    } }) })] }));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.siteCsatPopoverBlock, children: [!isMobile && (0, jsx_runtime_1.jsx)(typography_1.Typography.SansBodyM, { className: styles_module_scss_1.default.label, children: label }), loading ? ((0, jsx_runtime_1.jsx)(loaders_1.Spinner, { className: styles_module_scss_1.default.spinner })) : ((0, jsx_runtime_1.jsx)(helperComponents_1.LikeDislikeBlock, { dislikeEnabled: dislikeCommentForm === null || dislikeCommentForm === void 0 ? void 0 : dislikeCommentForm.dislikeEnabled, className: styles_module_scss_1.default.likeDislikeBlock, onOpenClosePopover: handleOpenClosePopover, triggerRef: triggerRef, like: like, onSetLike: onSetLike }))] }), isMobile ? mobileModal : popover] }));
+}

package/dist/cjs/components/SiteCsatPopover/index.d.ts

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

package/dist/cjs/components/SiteCsatPopover/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./SiteCsatPopover"), exports);

package/dist/cjs/components/SiteCsatPopover/styles.module.css

@@ -0,0 +1,23 @@
+.siteCsatPopoverBlock{
+  max-width:334px;
+  display:flex;
+  flex-direction:row;
+  align-items:center;
+  gap:12px;
+}
+
+.label{
+  color:var(--sys-neutral-text-support, #6d707f);
+}
+
+.likeDislikeBlock{
+  display:flex;
+  flex-direction:row;
+  gap:8px;
+}
+
+.spinner{
+  display:flex;
+  justify-content:end;
+  width:64px;
+}

package/dist/cjs/components/index.d.ts

@@ -0,0 +1,2 @@
+export * from './SiteCsat';
+export * from './SiteCsatPopover';

package/dist/cjs/components/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./SiteCsat"), exports);
+__exportStar(require("./SiteCsatPopover"), exports);

package/dist/cjs/helperComponents/ContentDislikeCsat/ContentDislikeCsat.d.ts

@@ -0,0 +1,18 @@
+import { Size } from '@snack-uikit/typography';
+import { onSubmitVariables } from '../../types';
+type ButtonSubmit = {
+    size: Size;
+    fullWidth?: boolean;
+};
+type ContentDislikeCsatProps = {
+    onSubmit({ textComment, selectedChips }: onSubmitVariables): void;
+    withCheckBoxAgreement?: boolean;
+    loadingButton?: boolean;
+    onClickForm?: () => void;
+    buttonSubmit?: ButtonSubmit;
+    classNameContentContainer?: string;
+    classNameChipsContainer?: string;
+    onCheckChips?(titleChip: string): void;
+};
+export declare function ContentDislikeCsat({ onSubmit, withCheckBoxAgreement, loadingButton, onClickForm, buttonSubmit, onCheckChips, classNameContentContainer, classNameChipsContainer, }: ContentDislikeCsatProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/helperComponents/ContentDislikeCsat/ContentDislikeCsat.js

@@ -0,0 +1,45 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ContentDislikeCsat = ContentDislikeCsat;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+const react_1 = require("react");
+const button_1 = require("@snack-uikit/button");
+const chips_1 = require("@snack-uikit/chips");
+const fields_1 = require("@snack-uikit/fields");
+const toggles_1 = require("@snack-uikit/toggles");
+const typography_1 = require("@snack-uikit/typography");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+const CHIPS = ['Не нашел ответ', 'Неудобный поиск', 'Тяжело найти ответ', 'Другое'];
+const MAX_COMMENT_LENGTH = 1000;
+function ContentDislikeCsat({ onSubmit, withCheckBoxAgreement, loadingButton, onClickForm, buttonSubmit, onCheckChips, classNameContentContainer, classNameChipsContainer, }) {
+    const [textAreaValue, setTextAreaValue] = (0, react_1.useState)('');
+    const [checkAgree, setCheckAgree] = (0, react_1.useState)(false);
+    const [selectedChips, setSelectedChips] = (0, react_1.useState)([]);
+    const handleChangeComment = (value) => {
+        if (value.length <= MAX_COMMENT_LENGTH) {
+            setTextAreaValue(value);
+        }
+    };
+    const handleSubmit = () => {
+        onSubmit({
+            textComment: textAreaValue,
+            selectedChips,
+        });
+    };
+    const handleSelectChips = (text) => {
+        if (selectedChips.find(item => item === text)) {
+            setSelectedChips(prev => prev.filter(chip => chip !== text));
+        }
+        else {
+            setSelectedChips([...selectedChips, text]);
+        }
+    };
+    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, classnames_1.default)(styles_module_scss_1.default.contentBlock, classNameContentContainer), role: 'group', children: [(0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)(styles_module_scss_1.default.chipsContainer, classNameChipsContainer), children: CHIPS.map(item => ((0, jsx_runtime_1.jsx)(chips_1.ChipToggle, { label: item, size: 's', onChange: () => {
+                        onCheckChips && onCheckChips(item);
+                        handleSelectChips(item);
+                    }, checked: Boolean(selectedChips.find(chip => chip === item)) }, item))) }), selectedChips.length > 0 && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(fields_1.FieldTextArea, { onFocus: onClickForm, placeholder: '\u041A\u043E\u043C\u043C\u0435\u043D\u0442\u0430\u0440\u0438\u0439', label: '\u0420\u0430\u0441\u0441\u043A\u0430\u0436\u0438\u0442\u0435 \u043F\u043E\u0434\u0440\u043E\u0431\u043D\u0435\u0435', className: styles_module_scss_1.default.textArea, value: textAreaValue, onChange: handleChangeComment, maxLength: MAX_COMMENT_LENGTH, maxRows: 4, resizable: true }), withCheckBoxAgreement && ((0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.checkBoxBlock, children: [(0, jsx_runtime_1.jsx)(toggles_1.Checkbox, { checked: checkAgree, onChange: setCheckAgree }), (0, jsx_runtime_1.jsxs)(typography_1.Typography.SansBodyM, { children: ["\u042F \u0434\u0430\u044E", ' ', (0, jsx_runtime_1.jsx)("a", { className: styles_module_scss_1.default.link, target: '_blank', href: 'https://cdn.cloud.ru/docs/legal/security/cybersecurity-pd/pd-processing-consent-materials-mailing.pdf', rel: 'noreferrer', children: "\u0441\u043E\u0433\u043B\u0430\u0441\u0438\u0435" }), ' ', "\u043D\u0430 \u043E\u0431\u0440\u0430\u0431\u043E\u0442\u043A\u0443 \u043C\u043E\u0438\u0445 \u043F\u0435\u0440\u0441\u043E\u043D\u0430\u043B\u044C\u043D\u044B\u0445 \u0434\u0430\u043D\u043D\u044B\u0445 \u0438 \u043F\u043E\u043B\u0443\u0447\u0435\u043D\u0438\u0435 \u0440\u0435\u043A\u043B\u0430\u043C\u043D\u044B\u0445 \u0438 \u0438\u043D\u0444\u043E\u0440\u043C\u0430\u0446\u0438\u043E\u043D\u043D\u044B\u0445 \u0441\u043E\u043E\u0431\u0449\u0435\u043D\u0438\u0439 \u0432 \u0441\u043E\u043E\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0438\u0438 \u0441 \u0443\u0441\u043B\u043E\u0432\u0438\u044F\u043C\u0438", ' ', (0, jsx_runtime_1.jsx)("a", { className: styles_module_scss_1.default.link, target: '_blank', href: 'https://cdn.cloud.ru/docs/legal/security/cybersecurity-pd/confidentiality-policy.pdf', rel: 'noreferrer', children: "\u043F\u043E\u043B\u0438\u0442\u0438\u043A\u0438 \u043A\u043E\u043D\u0444\u0438\u0434\u0435\u043D\u0446\u0438\u0430\u043B\u044C\u043D\u043E\u0441\u0442\u0438" })] })] })), (0, jsx_runtime_1.jsx)(button_1.ButtonFilled, { fullWidth: buttonSubmit === null || buttonSubmit === void 0 ? void 0 : buttonSubmit.fullWidth, size: buttonSubmit === null || buttonSubmit === void 0 ? void 0 : buttonSubmit.size, loading: loadingButton, onClick: handleSubmit, label: '\u041E\u0441\u0442\u0430\u0432\u0438\u0442\u044C \u043A\u043E\u043C\u043C\u0435\u043D\u0442\u0430\u0440\u0438\u0439' })] }))] }));
+}

package/dist/cjs/helperComponents/ContentDislikeCsat/index.d.ts

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

package/dist/cjs/helperComponents/ContentDislikeCsat/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./ContentDislikeCsat"), exports);

package/dist/cjs/helperComponents/ContentDislikeCsat/styles.module.css

@@ -0,0 +1,31 @@
+.contentBlock{
+  display:flex;
+  flex-direction:column;
+  align-items:start;
+  gap:20px;
+  width:100%;
+}
+
+.textArea{
+  width:100%;
+}
+
+.checkBoxBlock{
+  display:flex;
+  flex-direction:row;
+  gap:12px;
+  align-items:start;
+}
+
+.link{
+  color:inherit;
+  text-decoration:underline;
+  background-color:transparent;
+  cursor:pointer;
+}
+
+.chipsContainer{
+  display:flex;
+  flex-wrap:wrap;
+  gap:8px;
+}

package/dist/cjs/helperComponents/LikeDislikeBlock/LikeDislikeBlock.d.ts

@@ -0,0 +1,11 @@
+import { MutableRefObject } from 'react';
+type LikeDislikeBlockProps = {
+    like?: boolean;
+    dislikeEnabled?: boolean;
+    className?: string;
+    triggerRef?: MutableRefObject<HTMLButtonElement | null>;
+    onOpenClosePopover?: () => void;
+    onSetLike: (flag: boolean) => void;
+};
+export declare function LikeDislikeBlock({ like, onSetLike, triggerRef, onOpenClosePopover, className, dislikeEnabled, }: LikeDislikeBlockProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/helperComponents/LikeDislikeBlock/LikeDislikeBlock.js

@@ -0,0 +1,20 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LikeDislikeBlock = LikeDislikeBlock;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+const uikit_product_icons_1 = require("@sbercloud/uikit-product-icons");
+const button_1 = require("@snack-uikit/button");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+function LikeDislikeBlock({ like, onSetLike, triggerRef, onOpenClosePopover, className, dislikeEnabled, }) {
+    const handleLike = () => {
+        onSetLike(true);
+    };
+    const handleDislike = () => {
+        onSetLike(false);
+    };
+    return ((0, jsx_runtime_1.jsx)("div", { className: className || styles_module_scss_1.default.likeDislikeBlock, children: like === undefined ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(button_1.ButtonFunction, { onClick: handleLike, icon: (0, jsx_runtime_1.jsx)(uikit_product_icons_1.LikeOutlineSVG, {}) }), (0, jsx_runtime_1.jsx)(button_1.ButtonFunction, { onClick: handleDislike, icon: (0, jsx_runtime_1.jsx)(uikit_product_icons_1.DislikeOutlineSVG, {}) })] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [like && (0, jsx_runtime_1.jsx)(uikit_product_icons_1.LikeFilledSVG, { className: (0, classnames_1.default)(styles_module_scss_1.default.icon, styles_module_scss_1.default.iconDisabled) }), !like && ((0, jsx_runtime_1.jsx)(button_1.ButtonFunction, { onClick: onOpenClosePopover, disabled: !dislikeEnabled, ref: triggerRef, icon: (0, jsx_runtime_1.jsx)(uikit_product_icons_1.DislikeFilledSVG, {}) }))] })) }));
+}

package/dist/cjs/helperComponents/LikeDislikeBlock/index.d.ts

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

package/dist/cjs/helperComponents/LikeDislikeBlock/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./LikeDislikeBlock"), exports);

package/dist/cjs/helperComponents/LikeDislikeBlock/styles.module.css

@@ -0,0 +1,17 @@
+.likeDislikeBlock{
+  display:flex;
+  flex-direction:row;
+  gap:24px;
+}
+
+.icon{
+  color:var(--sys-neutral-accent-default, #787b8a);
+}
+
+.iconDisabled{
+  cursor:not-allowed;
+}
+
+.iconHover{
+  cursor:pointer;
+}

package/dist/cjs/helperComponents/PopoverReport/PopoverReportContent.d.ts

@@ -0,0 +1,10 @@
+import { onSubmitVariables } from '../../types';
+type PopoverReportProps = {
+    onSubmit({ textComment, selectedChips }: onSubmitVariables): void;
+    onCheckChips?(titleChip: string): void;
+    loadingButton?: boolean;
+    onOpenClosePopover: () => void;
+    onClickForm?: () => void;
+};
+export declare function PopoverReportContent({ onSubmit, onOpenClosePopover, loadingButton, onClickForm, onCheckChips, }: PopoverReportProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/helperComponents/PopoverReport/PopoverReportContent.js

@@ -0,0 +1,17 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PopoverReportContent = PopoverReportContent;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const uikit_product_icons_1 = require("@sbercloud/uikit-product-icons");
+const typography_1 = require("@snack-uikit/typography");
+const ContentDislikeCsat_1 = require("../ContentDislikeCsat");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+function PopoverReportContent({ onSubmit, onOpenClosePopover, loadingButton, onClickForm, onCheckChips, }) {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.popoverContent, children: [(0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.popoverTitleBlock, children: [(0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.popoverTitleDescription, children: [(0, jsx_runtime_1.jsx)(typography_1.Typography.SansTitleM, { className: styles_module_scss_1.default.popoverTitle, children: "\u0421\u043F\u0430\u0441\u0438\u0431\u043E \u0437\u0430 \u043E\u0442\u0437\u044B\u0432!" }), (0, jsx_runtime_1.jsx)(typography_1.Typography.SansBodyS, { className: styles_module_scss_1.default.popoverDescription, children: "\u041F\u043E\u0434\u0435\u043B\u0438\u0442\u0435\u0441\u044C, \u0447\u0442\u043E \u0438\u043C\u0435\u043D\u043D\u043E \u043D\u0435 \u0442\u0430\u043A?" })] }), (0, jsx_runtime_1.jsx)(uikit_product_icons_1.CloseInterfaceSVG, { className: styles_module_scss_1.default.iconClose, onClick: onOpenClosePopover })] }), (0, jsx_runtime_1.jsx)(ContentDislikeCsat_1.ContentDislikeCsat, { onClickForm: onClickForm, loadingButton: loadingButton, onSubmit: onSubmit, onCheckChips: onCheckChips, buttonSubmit: {
+                    fullWidth: true,
+                    size: 's',
+                } })] }));
+}

package/dist/cjs/helperComponents/PopoverReport/index.d.ts

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

package/dist/cjs/helperComponents/PopoverReport/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./PopoverReportContent"), exports);

package/dist/cjs/helperComponents/PopoverReport/styles.module.css

@@ -0,0 +1,31 @@
+.popoverContent{
+  display:flex;
+  flex-direction:column;
+  gap:20px;
+  width:280px;
+}
+
+.popoverTitleBlock{
+  display:flex;
+  flex-direction:row;
+  justify-content:space-between;
+}
+
+.popoverTitleDescription{
+  display:flex;
+  flex-direction:column;
+  gap:4px;
+}
+
+.iconClose{
+  color:var(--sys-neutral-accent-default, #787b8a);
+  cursor:pointer;
+}
+
+.popoverTitle{
+  color:var(--sys-neutral-text-main, #41424e);
+}
+
+.popoverDescription{
+  color:var(--sys-neutral-text-support, #6d707f);
+}

package/dist/cjs/helperComponents/index.d.ts

@@ -0,0 +1,3 @@
+export * from './ContentDislikeCsat';
+export * from './LikeDislikeBlock';
+export * from './PopoverReport';

package/dist/cjs/helperComponents/index.js

@@ -0,0 +1,19 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./ContentDislikeCsat"), exports);
+__exportStar(require("./LikeDislikeBlock"), exports);
+__exportStar(require("./PopoverReport"), exports);

package/dist/cjs/index.d.ts

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

package/dist/cjs/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./components"), exports);

package/dist/cjs/types.d.ts

@@ -0,0 +1,4 @@
+export type onSubmitVariables = {
+    textComment: string;
+    selectedChips: string[];
+};

package/dist/cjs/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -0,0 +1,17 @@
+import { WithLayoutType } from '@sbercloud/uikit-product-utils';
+import { onSubmitVariables } from '../../types';
+export type SiteCsatProps = WithLayoutType<{
+    isLoading?: boolean;
+    like?: boolean;
+    onSetLike: (flag: boolean) => void;
+    label: string;
+    dislikeCommentForm?: {
+        open: boolean;
+        dislikeEnabled?: boolean;
+        loadingButton?: boolean;
+        onClickForm(): void;
+        onSubmit({ textComment, selectedChips }: onSubmitVariables): void;
+        onCheckChips?(titleChip: string): void;
+    };
+}>;
+export declare function SiteCsat({ isLoading, like, onSetLike, layoutType, label, dislikeCommentForm }: SiteCsatProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/SiteCsat/SiteCsat.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CheckFilledSVG } from '@snack-uikit/icons';
+import { Spinner } from '@snack-uikit/loaders';
+import { Typography } from '@snack-uikit/typography';
+import { ContentDislikeCsat, LikeDislikeBlock } from '../../helperComponents';
+import styles from './styles.module.css';
+export function SiteCsat({ isLoading, like, onSetLike, layoutType, label, dislikeCommentForm }) {
+    return (_jsxs("div", { className: styles.siteCsatBlock, "data-layout-type": layoutType, children: [_jsxs("div", { className: styles.csatFormBlock, children: [like === undefined || isLoading ? (_jsx(Typography.SansTitleM, { children: label })) : (_jsxs("div", { className: styles.reportSendBlock, children: [_jsx(CheckFilledSVG, { className: styles.checkIcon }), _jsx(Typography.SansTitleM, { children: "\u0421\u043F\u0430\u0441\u0438\u0431\u043E \u0437\u0430 \u043E\u0442\u0437\u044B\u0432" })] })), isLoading ? (_jsx(Spinner, {})) : (_jsx(LikeDislikeBlock, { dislikeEnabled: dislikeCommentForm === null || dislikeCommentForm === void 0 ? void 0 : dislikeCommentForm.dislikeEnabled, like: like, onSetLike: onSetLike })), like === false && !isLoading && dislikeCommentForm && dislikeCommentForm.open && (_jsx(Typography.SansBodyM, { className: styles.textSupport, children: "\u041F\u043E\u0434\u0435\u043B\u0438\u0442\u0435\u0441\u044C, \u0447\u0442\u043E \u0438\u043C\u0435\u043D\u043D\u043E \u043D\u0435 \u0442\u0430\u043A?" }))] }), like === false && !isLoading && dislikeCommentForm && dislikeCommentForm.open && (_jsx(ContentDislikeCsat, { classNameContentContainer: styles.classNameContentContainer, classNameChipsContainer: styles.classNameChipsContainer, onCheckChips: dislikeCommentForm.onCheckChips, onClickForm: dislikeCommentForm.onClickForm, loadingButton: dislikeCommentForm.loadingButton, onSubmit: dislikeCommentForm.onSubmit }))] }));
+}

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

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

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

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

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

@@ -0,0 +1,41 @@
+.siteCsatBlock{
+  box-sizing:border-box;
+  width:520px;
+  display:flex;
+  flex-direction:column;
+  align-items:center;
+  gap:20px;
+}
+.siteCsatBlock[data-layout-type=tablet], .siteCsatBlock[data-layout-type=mobile]{
+  width:328px;
+}
+
+.csatFormBlock{
+  display:flex;
+  flex-direction:column;
+  align-items:center;
+  gap:16px;
+}
+
+.reportSendBlock{
+  display:flex;
+  flex-direction:column;
+  align-items:center;
+  gap:8px;
+}
+
+.checkIcon{
+  color:var(--sys-primary-accent-default, #389f74);
+}
+
+.textSupport{
+  color:var(--sys-neutral-text-support, #6d707f);
+}
+
+.classNameContentContainer{
+  align-items:center;
+}
+
+.classNameChipsContainer{
+  justify-content:center;
+}

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

@@ -0,0 +1,20 @@
+import { WithLayoutType } from '@sbercloud/uikit-product-utils';
+import { onSubmitVariables } from '../../types';
+export type SiteCsatPopoverProps = WithLayoutType<{
+    loading?: boolean;
+    like?: boolean;
+    onSetLike: (flag: boolean) => void;
+    label: string;
+    negativeFeedbackForm: {
+        open: boolean;
+        onSetOpen: (flag: boolean) => void;
+    };
+    dislikeCommentForm?: {
+        dislikeEnabled: boolean;
+        loadingButton?: boolean;
+        onClickForm(): void;
+        onCheckChips?(titleChip: string): void;
+        onSubmit({ textComment, selectedChips }: onSubmitVariables): void;
+    };
+}>;
+export declare function SiteCsatPopover({ loading, like, onSetLike, layoutType, negativeFeedbackForm, label, dislikeCommentForm, }: SiteCsatPopoverProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/SiteCsatPopover/SiteCsatPopover.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useRef } from 'react';
+import { MobileModalCustom } from '@sbercloud/uikit-product-mobile-modal';
+import { Spinner } from '@snack-uikit/loaders';
+import { Popover } from '@snack-uikit/popover';
+import { Typography } from '@snack-uikit/typography';
+import { ContentDislikeCsat, LikeDislikeBlock, PopoverReportContent } from '../../helperComponents';
+import styles from './styles.module.css';
+export function SiteCsatPopover({ loading, like, onSetLike, layoutType, negativeFeedbackForm, label, dislikeCommentForm, }) {
+    const isMobile = layoutType === 'mobile';
+    const triggerRef = useRef(null);
+    const handleOpenClosePopover = () => {
+        negativeFeedbackForm.onSetOpen(!negativeFeedbackForm.open);
+    };
+    const popover = dislikeCommentForm && (_jsx(Popover, { tip: _jsx(PopoverReportContent, { onClickForm: dislikeCommentForm.onClickForm, onOpenClosePopover: handleOpenClosePopover, onSubmit: dislikeCommentForm.onSubmit, onCheckChips: dislikeCommentForm.onCheckChips, loadingButton: dislikeCommentForm.loadingButton }), open: negativeFeedbackForm.open, trigger: 'click', placement: 'bottom', triggerRef: triggerRef }));
+    const mobileModal = dislikeCommentForm && (_jsxs(MobileModalCustom, { open: negativeFeedbackForm.open, onClose: handleOpenClosePopover, children: [_jsx(MobileModalCustom.Header, { title: '\u0421\u043F\u0430\u0441\u0438\u0431\u043E \u0437\u0430 \u043E\u0442\u0437\u044B\u0432!', subtitle: '\u041F\u043E\u0434\u0435\u043B\u0438\u0442\u0435\u0441\u044C, \u0447\u0442\u043E \u0438\u043C\u0435\u043D\u043D\u043E \u043D\u0435 \u0442\u0430\u043A?' }), _jsx(MobileModalCustom.Body, { content: _jsx(ContentDislikeCsat, { onClickForm: dislikeCommentForm.onClickForm, loadingButton: dislikeCommentForm.loadingButton, onSubmit: dislikeCommentForm.onSubmit, onCheckChips: dislikeCommentForm.onCheckChips, buttonSubmit: {
+                        size: 'm',
+                        fullWidth: true,
+                    } }) })] }));
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: styles.siteCsatPopoverBlock, children: [!isMobile && _jsx(Typography.SansBodyM, { className: styles.label, children: label }), loading ? (_jsx(Spinner, { className: styles.spinner })) : (_jsx(LikeDislikeBlock, { dislikeEnabled: dislikeCommentForm === null || dislikeCommentForm === void 0 ? void 0 : dislikeCommentForm.dislikeEnabled, className: styles.likeDislikeBlock, onOpenClosePopover: handleOpenClosePopover, triggerRef: triggerRef, like: like, onSetLike: onSetLike }))] }), isMobile ? mobileModal : popover] }));
+}

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

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

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

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

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

@@ -0,0 +1,23 @@
+.siteCsatPopoverBlock{
+  max-width:334px;
+  display:flex;
+  flex-direction:row;
+  align-items:center;
+  gap:12px;
+}
+
+.label{
+  color:var(--sys-neutral-text-support, #6d707f);
+}
+
+.likeDislikeBlock{
+  display:flex;
+  flex-direction:row;
+  gap:8px;
+}
+
+.spinner{
+  display:flex;
+  justify-content:end;
+  width:64px;
+}

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

@@ -0,0 +1,2 @@
+export * from './SiteCsat';
+export * from './SiteCsatPopover';

package/dist/esm/components/index.js

@@ -0,0 +1,2 @@
+export * from './SiteCsat';
+export * from './SiteCsatPopover';

package/dist/esm/helperComponents/ContentDislikeCsat/ContentDislikeCsat.d.ts

@@ -0,0 +1,18 @@
+import { Size } from '@snack-uikit/typography';
+import { onSubmitVariables } from '../../types';
+type ButtonSubmit = {
+    size: Size;
+    fullWidth?: boolean;
+};
+type ContentDislikeCsatProps = {
+    onSubmit({ textComment, selectedChips }: onSubmitVariables): void;
+    withCheckBoxAgreement?: boolean;
+    loadingButton?: boolean;
+    onClickForm?: () => void;
+    buttonSubmit?: ButtonSubmit;
+    classNameContentContainer?: string;
+    classNameChipsContainer?: string;
+    onCheckChips?(titleChip: string): void;
+};
+export declare function ContentDislikeCsat({ onSubmit, withCheckBoxAgreement, loadingButton, onClickForm, buttonSubmit, onCheckChips, classNameContentContainer, classNameChipsContainer, }: ContentDislikeCsatProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/helperComponents/ContentDislikeCsat/ContentDislikeCsat.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import cn from 'classnames';
+import { useState } from 'react';
+import { ButtonFilled } from '@snack-uikit/button';
+import { ChipToggle } from '@snack-uikit/chips';
+import { FieldTextArea } from '@snack-uikit/fields';
+import { Checkbox } from '@snack-uikit/toggles';
+import { Typography } from '@snack-uikit/typography';
+import styles from './styles.module.css';
+const CHIPS = ['Не нашел ответ', 'Неудобный поиск', 'Тяжело найти ответ', 'Другое'];
+const MAX_COMMENT_LENGTH = 1000;
+export function ContentDislikeCsat({ onSubmit, withCheckBoxAgreement, loadingButton, onClickForm, buttonSubmit, onCheckChips, classNameContentContainer, classNameChipsContainer, }) {
+    const [textAreaValue, setTextAreaValue] = useState('');
+    const [checkAgree, setCheckAgree] = useState(false);
+    const [selectedChips, setSelectedChips] = useState([]);
+    const handleChangeComment = (value) => {
+        if (value.length <= MAX_COMMENT_LENGTH) {
+            setTextAreaValue(value);
+        }
+    };
+    const handleSubmit = () => {
+        onSubmit({
+            textComment: textAreaValue,
+            selectedChips,
+        });
+    };
+    const handleSelectChips = (text) => {
+        if (selectedChips.find(item => item === text)) {
+            setSelectedChips(prev => prev.filter(chip => chip !== text));
+        }
+        else {
+            setSelectedChips([...selectedChips, text]);
+        }
+    };
+    return (_jsxs("div", { className: cn(styles.contentBlock, classNameContentContainer), role: 'group', children: [_jsx("div", { className: cn(styles.chipsContainer, classNameChipsContainer), children: CHIPS.map(item => (_jsx(ChipToggle, { label: item, size: 's', onChange: () => {
+                        onCheckChips && onCheckChips(item);
+                        handleSelectChips(item);
+                    }, checked: Boolean(selectedChips.find(chip => chip === item)) }, item))) }), selectedChips.length > 0 && (_jsxs(_Fragment, { children: [_jsx(FieldTextArea, { onFocus: onClickForm, placeholder: '\u041A\u043E\u043C\u043C\u0435\u043D\u0442\u0430\u0440\u0438\u0439', label: '\u0420\u0430\u0441\u0441\u043A\u0430\u0436\u0438\u0442\u0435 \u043F\u043E\u0434\u0440\u043E\u0431\u043D\u0435\u0435', className: styles.textArea, value: textAreaValue, onChange: handleChangeComment, maxLength: MAX_COMMENT_LENGTH, maxRows: 4, resizable: true }), withCheckBoxAgreement && (_jsxs("div", { className: styles.checkBoxBlock, children: [_jsx(Checkbox, { checked: checkAgree, onChange: setCheckAgree }), _jsxs(Typography.SansBodyM, { children: ["\u042F \u0434\u0430\u044E", ' ', _jsx("a", { className: styles.link, target: '_blank', href: 'https://cdn.cloud.ru/docs/legal/security/cybersecurity-pd/pd-processing-consent-materials-mailing.pdf', rel: 'noreferrer', children: "\u0441\u043E\u0433\u043B\u0430\u0441\u0438\u0435" }), ' ', "\u043D\u0430 \u043E\u0431\u0440\u0430\u0431\u043E\u0442\u043A\u0443 \u043C\u043E\u0438\u0445 \u043F\u0435\u0440\u0441\u043E\u043D\u0430\u043B\u044C\u043D\u044B\u0445 \u0434\u0430\u043D\u043D\u044B\u0445 \u0438 \u043F\u043E\u043B\u0443\u0447\u0435\u043D\u0438\u0435 \u0440\u0435\u043A\u043B\u0430\u043C\u043D\u044B\u0445 \u0438 \u0438\u043D\u0444\u043E\u0440\u043C\u0430\u0446\u0438\u043E\u043D\u043D\u044B\u0445 \u0441\u043E\u043E\u0431\u0449\u0435\u043D\u0438\u0439 \u0432 \u0441\u043E\u043E\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0438\u0438 \u0441 \u0443\u0441\u043B\u043E\u0432\u0438\u044F\u043C\u0438", ' ', _jsx("a", { className: styles.link, target: '_blank', href: 'https://cdn.cloud.ru/docs/legal/security/cybersecurity-pd/confidentiality-policy.pdf', rel: 'noreferrer', children: "\u043F\u043E\u043B\u0438\u0442\u0438\u043A\u0438 \u043A\u043E\u043D\u0444\u0438\u0434\u0435\u043D\u0446\u0438\u0430\u043B\u044C\u043D\u043E\u0441\u0442\u0438" })] })] })), _jsx(ButtonFilled, { fullWidth: buttonSubmit === null || buttonSubmit === void 0 ? void 0 : buttonSubmit.fullWidth, size: buttonSubmit === null || buttonSubmit === void 0 ? void 0 : buttonSubmit.size, loading: loadingButton, onClick: handleSubmit, label: '\u041E\u0441\u0442\u0430\u0432\u0438\u0442\u044C \u043A\u043E\u043C\u043C\u0435\u043D\u0442\u0430\u0440\u0438\u0439' })] }))] }));
+}

package/dist/esm/helperComponents/ContentDislikeCsat/index.d.ts

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

package/dist/esm/helperComponents/ContentDislikeCsat/index.js

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

package/dist/esm/helperComponents/ContentDislikeCsat/styles.module.css

@@ -0,0 +1,31 @@
+.contentBlock{
+  display:flex;
+  flex-direction:column;
+  align-items:start;
+  gap:20px;
+  width:100%;
+}
+
+.textArea{
+  width:100%;
+}
+
+.checkBoxBlock{
+  display:flex;
+  flex-direction:row;
+  gap:12px;
+  align-items:start;
+}
+
+.link{
+  color:inherit;
+  text-decoration:underline;
+  background-color:transparent;
+  cursor:pointer;
+}
+
+.chipsContainer{
+  display:flex;
+  flex-wrap:wrap;
+  gap:8px;
+}

package/dist/esm/helperComponents/LikeDislikeBlock/LikeDislikeBlock.d.ts

@@ -0,0 +1,11 @@
+import { MutableRefObject } from 'react';
+type LikeDislikeBlockProps = {
+    like?: boolean;
+    dislikeEnabled?: boolean;
+    className?: string;
+    triggerRef?: MutableRefObject<HTMLButtonElement | null>;
+    onOpenClosePopover?: () => void;
+    onSetLike: (flag: boolean) => void;
+};
+export declare function LikeDislikeBlock({ like, onSetLike, triggerRef, onOpenClosePopover, className, dislikeEnabled, }: LikeDislikeBlockProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/helperComponents/LikeDislikeBlock/LikeDislikeBlock.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import cn from 'classnames';
+import { DislikeFilledSVG, DislikeOutlineSVG, LikeFilledSVG, LikeOutlineSVG } from '@sbercloud/uikit-product-icons';
+import { ButtonFunction } from '@snack-uikit/button';
+import styles from './styles.module.css';
+export function LikeDislikeBlock({ like, onSetLike, triggerRef, onOpenClosePopover, className, dislikeEnabled, }) {
+    const handleLike = () => {
+        onSetLike(true);
+    };
+    const handleDislike = () => {
+        onSetLike(false);
+    };
+    return (_jsx("div", { className: className || styles.likeDislikeBlock, children: like === undefined ? (_jsxs(_Fragment, { children: [_jsx(ButtonFunction, { onClick: handleLike, icon: _jsx(LikeOutlineSVG, {}) }), _jsx(ButtonFunction, { onClick: handleDislike, icon: _jsx(DislikeOutlineSVG, {}) })] })) : (_jsxs(_Fragment, { children: [like && _jsx(LikeFilledSVG, { className: cn(styles.icon, styles.iconDisabled) }), !like && (_jsx(ButtonFunction, { onClick: onOpenClosePopover, disabled: !dislikeEnabled, ref: triggerRef, icon: _jsx(DislikeFilledSVG, {}) }))] })) }));
+}

package/dist/esm/helperComponents/LikeDislikeBlock/index.d.ts

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

package/dist/esm/helperComponents/LikeDislikeBlock/index.js

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

package/dist/esm/helperComponents/LikeDislikeBlock/styles.module.css

@@ -0,0 +1,17 @@
+.likeDislikeBlock{
+  display:flex;
+  flex-direction:row;
+  gap:24px;
+}
+
+.icon{
+  color:var(--sys-neutral-accent-default, #787b8a);
+}
+
+.iconDisabled{
+  cursor:not-allowed;
+}
+
+.iconHover{
+  cursor:pointer;
+}

package/dist/esm/helperComponents/PopoverReport/PopoverReportContent.d.ts

@@ -0,0 +1,10 @@
+import { onSubmitVariables } from '../../types';
+type PopoverReportProps = {
+    onSubmit({ textComment, selectedChips }: onSubmitVariables): void;
+    onCheckChips?(titleChip: string): void;
+    loadingButton?: boolean;
+    onOpenClosePopover: () => void;
+    onClickForm?: () => void;
+};
+export declare function PopoverReportContent({ onSubmit, onOpenClosePopover, loadingButton, onClickForm, onCheckChips, }: PopoverReportProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/helperComponents/PopoverReport/PopoverReportContent.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CloseInterfaceSVG } from '@sbercloud/uikit-product-icons';
+import { Typography } from '@snack-uikit/typography';
+import { ContentDislikeCsat } from '../ContentDislikeCsat';
+import styles from './styles.module.css';
+export function PopoverReportContent({ onSubmit, onOpenClosePopover, loadingButton, onClickForm, onCheckChips, }) {
+    return (_jsxs("div", { className: styles.popoverContent, children: [_jsxs("div", { className: styles.popoverTitleBlock, children: [_jsxs("div", { className: styles.popoverTitleDescription, children: [_jsx(Typography.SansTitleM, { className: styles.popoverTitle, children: "\u0421\u043F\u0430\u0441\u0438\u0431\u043E \u0437\u0430 \u043E\u0442\u0437\u044B\u0432!" }), _jsx(Typography.SansBodyS, { className: styles.popoverDescription, children: "\u041F\u043E\u0434\u0435\u043B\u0438\u0442\u0435\u0441\u044C, \u0447\u0442\u043E \u0438\u043C\u0435\u043D\u043D\u043E \u043D\u0435 \u0442\u0430\u043A?" })] }), _jsx(CloseInterfaceSVG, { className: styles.iconClose, onClick: onOpenClosePopover })] }), _jsx(ContentDislikeCsat, { onClickForm: onClickForm, loadingButton: loadingButton, onSubmit: onSubmit, onCheckChips: onCheckChips, buttonSubmit: {
+                    fullWidth: true,
+                    size: 's',
+                } })] }));
+}

package/dist/esm/helperComponents/PopoverReport/index.d.ts

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

package/dist/esm/helperComponents/PopoverReport/index.js

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

package/dist/esm/helperComponents/PopoverReport/styles.module.css

@@ -0,0 +1,31 @@
+.popoverContent{
+  display:flex;
+  flex-direction:column;
+  gap:20px;
+  width:280px;
+}
+
+.popoverTitleBlock{
+  display:flex;
+  flex-direction:row;
+  justify-content:space-between;
+}
+
+.popoverTitleDescription{
+  display:flex;
+  flex-direction:column;
+  gap:4px;
+}
+
+.iconClose{
+  color:var(--sys-neutral-accent-default, #787b8a);
+  cursor:pointer;
+}
+
+.popoverTitle{
+  color:var(--sys-neutral-text-main, #41424e);
+}
+
+.popoverDescription{
+  color:var(--sys-neutral-text-support, #6d707f);
+}

package/dist/esm/helperComponents/index.d.ts

@@ -0,0 +1,3 @@
+export * from './ContentDislikeCsat';
+export * from './LikeDislikeBlock';
+export * from './PopoverReport';

package/dist/esm/helperComponents/index.js

@@ -0,0 +1,3 @@
+export * from './ContentDislikeCsat';
+export * from './LikeDislikeBlock';
+export * from './PopoverReport';

package/dist/esm/index.d.ts

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

package/dist/esm/index.js

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

package/dist/esm/types.d.ts

@@ -0,0 +1,4 @@
+export type onSubmitVariables = {
+    textComment: string;
+    selectedChips: string[];
+};

package/dist/esm/types.js

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloud-ru/uikit-product-site-csat",
   "title": "Site Csat",
-  "version": "0.1.15",
+  "version": "0.1.17",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -30,15 +30,16 @@
     "name": "Akhremenko Grigorii",
     "url": "https://github.com/AGrigorii"
   },
+  "contributors": [],
   "license": "Apache-2.0",
   "publishConfig": {
     "access": "public"
   },
   "scripts": {},
   "dependencies": {
-    "@cloud-ru/uikit-product-icons": "15.1.1",
-    "@cloud-ru/uikit-product-mobile-modal": "0.9.18",
-    "@cloud-ru/uikit-product-utils": "7.0.0",
+    "@cloud-ru/uikit-product-icons": "15.1.3",
+    "@cloud-ru/uikit-product-mobile-modal": "0.9.20",
+    "@cloud-ru/uikit-product-utils": "7.0.2",
     "@snack-uikit/button": "0.19.15",
     "@snack-uikit/chips": "0.28.4",
     "@snack-uikit/fields": "0.48.7",
@@ -52,5 +53,5 @@
   "devDependencies": {
     "@sbercloud/figma-tokens-cloud-platform": "17.7.6"
   },
-  "gitHead": "e8bd79bc92b26a8f52611972eec98a867536ccd3"
+  "gitHead": "bf479ecf7238ef20b78f20acaef439efa535d1a1"
 }