@banch0u/core-project-test-repository 1.3.1 → 1.4.0

package/dist/assets/css/variables.css

@@ -6,4 +6,4 @@
   --defaultFont: Inter;
   --secondaryFont: Lato;
   --transition: 250ms;
-}
+}

package/dist/assets/icons/index.js

@@ -178,4 +178,41 @@ export var UserIcon = function UserIcon() {
     d: "M39.82 57.3401H17.67L0 51.4901L18.42 45.3801H36.25L36.28 45.4001L17.88 51.4901L28.89 55.1301L41.11 45.3801H63.19L81.62 51.4901L63.94 57.3401H46.05L63.73 51.4901L52.03 47.6101",
     fill: "#0E6AA9"
   }));
+};
+export var CategoryIcon = function CategoryIcon() {
+  return /*#__PURE__*/React.createElement("svg", {
+    width: "30",
+    height: "30",
+    viewBox: "0 0 30 30",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M6.25 12.5H8.75C11.25 12.5 12.5 11.25 12.5 8.75V6.25C12.5 3.75 11.25 2.5 8.75 2.5H6.25C3.75 2.5 2.5 3.75 2.5 6.25V8.75C2.5 11.25 3.75 12.5 6.25 12.5Z",
+    stroke: "#141522",
+    strokeWidth: "1.875",
+    strokeMiterlimit: "10",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M21.25 12.5H23.75C26.25 12.5 27.5 11.25 27.5 8.75V6.25C27.5 3.75 26.25 2.5 23.75 2.5H21.25C18.75 2.5 17.5 3.75 17.5 6.25V8.75C17.5 11.25 18.75 12.5 21.25 12.5Z",
+    stroke: "#141522",
+    strokeWidth: "1.875",
+    strokeMiterlimit: "10",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M21.25 27.5H23.75C26.25 27.5 27.5 26.25 27.5 23.75V21.25C27.5 18.75 26.25 17.5 23.75 17.5H21.25C18.75 17.5 17.5 18.75 17.5 21.25V23.75C17.5 26.25 18.75 27.5 21.25 27.5Z",
+    stroke: "#141522",
+    strokeWidth: "1.875",
+    strokeMiterlimit: "10",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M6.25 27.5H8.75C11.25 27.5 12.5 26.25 12.5 23.75V21.25C12.5 18.75 11.25 17.5 8.75 17.5H6.25C3.75 17.5 2.5 18.75 2.5 21.25V23.75C2.5 26.25 3.75 27.5 6.25 27.5Z",
+    stroke: "#141522",
+    strokeWidth: "1.875",
+    strokeMiterlimit: "10",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }));
 };

package/dist/components/FormModal/index.js

@@ -0,0 +1,142 @@
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import { Form, Modal } from "antd";
+import React, { forwardRef, useCallback, useImperativeHandle, useState } from "react";
+import { useDispatch, useSelector } from "react-redux";
+import { setCitizenSearchId, setSubtopicSelectDisabled } from "../../store/slices/global";
+import style from "./index.module.scss";
+import { Button } from "@banch0u/core-project-test-repository";
+var FormModal = function FormModal(_ref, ref) {
+  var okText = _ref.okText,
+    cancelText = _ref.cancelText,
+    title = _ref.title,
+    titleEdit = _ref.titleEdit,
+    children = _ref.children,
+    width = _ref.width,
+    onSubmit = _ref.onSubmit,
+    onEdit = _ref.onEdit,
+    _ref$showButtons = _ref.showButtons,
+    showButtons = _ref$showButtons === void 0 ? true : _ref$showButtons,
+    customForm = _ref.customForm,
+    _ref$centered = _ref.centered,
+    centered = _ref$centered === void 0 ? true : _ref$centered,
+    className = _ref.className,
+    onCloseModal = _ref.onCloseModal,
+    setKey = _ref.setKey,
+    _ref$overlayClosable = _ref.overlayClosable,
+    overlayClosable = _ref$overlayClosable === void 0 ? true : _ref$overlayClosable,
+    _ref$closable = _ref.closable,
+    closable = _ref$closable === void 0 ? true : _ref$closable;
+  var useForm = Form.useForm;
+  var _useForm = useForm(),
+    _useForm2 = _slicedToArray(_useForm, 1),
+    form = _useForm2[0];
+  var dispatch = useDispatch();
+  if (customForm) {
+    customForm(form);
+  }
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isVisible = _useState2[0],
+    setIsVisible = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    _isEditing = _useState4[0],
+    setIsEditing = _useState4[1];
+  var loading = useSelector(function (state) {
+    return state.global.loading;
+  });
+  useImperativeHandle(ref, function () {
+    return {
+      open: function open() {
+        setIsVisible(true);
+        setIsEditing(false);
+        form.resetFields();
+      },
+      close: function close() {
+        closeModal();
+      },
+      setEdit: function setEdit(data) {
+        setIsVisible(true);
+        setIsEditing(true);
+        form.setFieldsValue(data);
+      },
+      isEditing: function isEditing() {
+        return _isEditing;
+      }
+    };
+  });
+  var closeModal = function closeModal() {
+    if (onCloseModal) onCloseModal();
+    if (setKey) setKey(function (prevKey) {
+      return prevKey + 1;
+    });
+    setIsVisible(false);
+  };
+  var onFormSubmit = useCallback(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+    var data;
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          _context.prev = 0;
+          data = form.getFieldsValue();
+          if (!(_isEditing && onEdit !== undefined)) {
+            _context.next = 7;
+            break;
+          }
+          _context.next = 5;
+          return onEdit(form.getFieldValue("id"), data);
+        case 5:
+          _context.next = 9;
+          break;
+        case 7:
+          _context.next = 9;
+          return onSubmit(data);
+        case 9:
+          form.resetFields();
+          setIsVisible(false);
+          _context.next = 15;
+          break;
+        case 13:
+          _context.prev = 13;
+          _context.t0 = _context["catch"](0);
+        case 15:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee, null, [[0, 13]]);
+  })), [form, _isEditing, onEdit, onSubmit]);
+  var onDelete = useCallback(function (id) {
+    onDelete(id);
+  }, []);
+  return /*#__PURE__*/React.createElement(Modal, {
+    className: className === "absolute" ? style.absolute : null,
+    open: isVisible,
+    width: width,
+    title: _isEditing ? titleEdit : title,
+    okText: okText,
+    cancelText: cancelText,
+    onOk: form.submit,
+    onCancel: closeModal,
+    maskClosable: overlayClosable,
+    closable: closable,
+    footer: showButtons ? /*#__PURE__*/React.createElement("div", {
+      className: style.buttons
+    }, /*#__PURE__*/React.createElement(Button, {
+      color: "white",
+      onClick: closeModal
+    }, cancelText), /*#__PURE__*/React.createElement(Button, {
+      color: "green",
+      onClick: form.submit
+    }, okText)) : null,
+    centered: centered
+  }, /*#__PURE__*/React.createElement(Form, {
+    disabled: loading,
+    onFinish: onFormSubmit,
+    form: form,
+    layout: "vertical",
+    requiredMark: false
+  }, children));
+};
+export default /*#__PURE__*/forwardRef(FormModal);

package/dist/components/FormModal/index.module.scss

@@ -0,0 +1,14 @@
+.absolute {
+  position: absolute;
+  right: 5px;
+  top: 105px;
+}
+.buttons {
+  display: flex;
+  gap: 10px;
+  justify-content: flex-end;
+  margin-top: 44px;
+  button {
+    padding: 10px 20px;
+  }
+}

package/dist/components/NotificationDropdown/index.js

@@ -0,0 +1,161 @@
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import React, { useCallback, useRef, useState } from "react";
+import { useDispatch, useSelector } from "react-redux";
+import { readNotification, readNotificationAll } from "../../store/slices/notification";
+import { Button, Form, List, Typography } from "antd";
+import { CheckOutlined, EyeOutlined, SettingOutlined } from "@ant-design/icons";
+import { Modal } from "antd";
+import style from "./index.module.scss";
+import NotificationSettingsContent from "../NotificationSettingsContent";
+import FormModal from "../FormModal";
+var NotificationDropdown = function NotificationDropdown(_ref) {
+  var _notifications$notifi;
+  var size = _ref.size,
+    page = _ref.page,
+    setSize = _ref.setSize,
+    setPage = _ref.setPage;
+  var dispatch = useDispatch();
+  var ref = useRef();
+  var notifications = useSelector(function (state) {
+    return state.notification.notifications;
+  });
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isSettingsOpen = _useState2[0],
+    setIsSettingsOpen = _useState2[1];
+  var notReadenCount = notifications === null || notifications === void 0 ? void 0 : notifications.notReadenCount;
+  var totalCount = notifications === null || notifications === void 0 ? void 0 : notifications.totalCount;
+  var items = (notifications === null || notifications === void 0 || (_notifications$notifi = notifications.notifications) === null || _notifications$notifi === void 0 ? void 0 : _notifications$notifi.items) || [];
+  var hasMore = items.length < totalCount;
+  var projects = ["", "Sənəd dövriyyəsi", "Kadrlar sistemi", "Müqavilələr", "Şəxsi kabinet"];
+  var parseNotification = function parseNotification(value) {
+    try {
+      return JSON.parse(value);
+    } catch (e) {
+      console.error("Invalid JSON in notification:", value);
+      return {
+        Text: value
+      };
+    }
+  };
+  var onOpenModal = function onOpenModal() {
+    var _ref$current;
+    ref === null || ref === void 0 || (_ref$current = ref.current) === null || _ref$current === void 0 || _ref$current.open();
+  };
+  var handleRead = function handleRead(id) {
+    return dispatch(readNotification({
+      id: id
+    }));
+  };
+  var handleReadAll = function handleReadAll() {
+    dispatch(readNotificationAll());
+  };
+  var handleNotificationClick = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(value, id) {
+      var parsed, redirectByProject, url;
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            parsed = parseNotification(value);
+            _context.next = 3;
+            return handleRead(id);
+          case 3:
+            redirectByProject = {
+              1: "/docflow/document-circulation/unread-docs",
+              2: "/hr/hr",
+              3: "/contracts/unread-contract",
+              4: "/accounts/private"
+            };
+            url = redirectByProject[parsed.Project];
+            if (url) {
+              window.location.href = "".concat(window.location.origin).concat(url);
+            }
+          case 6:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function handleNotificationClick(_x, _x2) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  var handleLoadMore = function handleLoadMore() {
+    var newSize = size + 20;
+    setSize(newSize);
+    setPage(1); // always use page 1 when growing size
+  };
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: style.dropdownWrapper
+  }, /*#__PURE__*/React.createElement("div", {
+    className: style.header
+  }, /*#__PURE__*/React.createElement(Typography.Text, {
+    strong: true
+  }, "Bildiri\u015Fl\u0259r (", totalCount, ")"), /*#__PURE__*/React.createElement("div", {
+    className: style.headerActions
+  }, notReadenCount > 0 && /*#__PURE__*/React.createElement(Button, {
+    size: "small",
+    icon: /*#__PURE__*/React.createElement(CheckOutlined, null),
+    onClick: handleReadAll,
+    type: "text"
+  }, "Ham\u0131s\u0131n\u0131 oxu"), /*#__PURE__*/React.createElement(Button, {
+    size: "small",
+    icon: /*#__PURE__*/React.createElement(SettingOutlined, null),
+    type: "text",
+    onClick: function onClick() {
+      return onOpenModal();
+    }
+  }))), /*#__PURE__*/React.createElement(List, {
+    dataSource: items,
+    locale: {
+      emptyText: "Bildiriş yoxdur"
+    },
+    renderItem: function renderItem(item) {
+      var parsed = parseNotification(item.text);
+      return /*#__PURE__*/React.createElement(List.Item, {
+        className: "".concat(style.notificationItem, " ").concat(!item.read ? style.unread : ""),
+        actions: [!item.read && /*#__PURE__*/React.createElement(Button, {
+          size: "small",
+          type: "link",
+          icon: /*#__PURE__*/React.createElement(EyeOutlined, null),
+          onClick: function onClick() {
+            return handleRead(item.id);
+          }
+        })]
+      }, /*#__PURE__*/React.createElement(List.Item.Meta, {
+        title: /*#__PURE__*/React.createElement("span", {
+          onClick: function onClick() {
+            return handleNotificationClick(item.text, item.id);
+          },
+          style: {
+            cursor: "pointer"
+          }
+        }, projects[parsed.Project] || "Bildiriş"),
+        description: /*#__PURE__*/React.createElement("div", {
+          className: style.ellipsisText,
+          onClick: function onClick() {
+            return handleNotificationClick(item.text, item.id);
+          },
+          style: {
+            cursor: "pointer"
+          }
+        }, parsed.Text || "Bildiriş")
+      }));
+    }
+  }), hasMore && /*#__PURE__*/React.createElement("div", {
+    className: style.loadMore
+  }, /*#__PURE__*/React.createElement(Button, {
+    size: "small",
+    type: "text",
+    onClick: handleLoadMore
+  }, "Daha \xE7ox g\xF6st\u0259r"))), /*#__PURE__*/React.createElement(FormModal, {
+    ref: ref,
+    width: 695,
+    showButtons: false
+  }, /*#__PURE__*/React.createElement(NotificationSettingsContent, {
+    ref: ref
+  })));
+};
+export default NotificationDropdown;

package/dist/components/NotificationDropdown/index.module.scss

@@ -0,0 +1,80 @@
+.dropdownWrapper {
+  width: 320px;
+  max-height: 420px;
+  overflow-y: auto;
+  overflow-x: hidden;
+  // padding: 10px;
+  background-color: #ffffff;
+  background-clip: padding-box;
+  border-radius: 8px;
+  outline: none;
+  scrollbar-gutter: stable;
+  box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.08),
+    0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
+
+  ul {
+    padding: 0 !important;
+    margin: 0 !important;
+    list-style: none;
+    li {
+      padding: 12px 10px !important;
+    }
+  }
+
+  &::-webkit-scrollbar {
+    width: 6px;
+  }
+
+  &::-webkit-scrollbar-thumb {
+    background-color: rgba(0, 0, 0, 0.2);
+    border-radius: 3px;
+  }
+}
+
+.header {
+  position: sticky;
+  top: 0;
+  z-index: 10;
+  background: #fff;
+  padding: 10px 12px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  border-bottom: 1px solid #f0f0f0;
+}
+
+.notificationItem {
+  transition: background 0.3s;
+
+  &:hover {
+    background-color: #deeaf5;
+  }
+}
+
+.unread {
+  background-color: #f6f6f6;
+  font-weight: 600;
+}
+
+.loadMore {
+  text-align: center;
+  margin: 10px 0;
+  button {
+    color: var(--darkBlueColor);
+  }
+}
+.ellipsisText {
+  display: -webkit-box;
+  -webkit-line-clamp: 3; // max 3 lines
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  word-break: break-word;
+  line-height: 1.5;
+  max-height: calc(1.5em * 3); // 3 lines
+}
+.headerActions {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}

package/dist/components/NotificationSettingsContent/index.js

@@ -0,0 +1,166 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import React, { useCallback, useEffect, useState } from "react";
+import { Form, Switch, Typography, Row, Col, Select } from "antd";
+import { useDispatch, useSelector } from "react-redux";
+import { editNotificationSettings, getNotificationSettings } from "../../store/slices/notification";
+import style from "./index.module.scss";
+import Button from "../Button";
+var Title = Typography.Title,
+  Text = Typography.Text;
+var Option = Select.Option;
+var labels = {
+  internalIsActive: "Daxili bildirişlər",
+  emailIsActive: "Email bildirişləri",
+  visa: "Viza üçün",
+  sign: "İmza üçün",
+  reject: "İmtina üçün",
+  print: "Çap üçün"
+};
+var projectOptions = {
+  docFlowSettings: {
+    label: "Sənəd Dövriyyəsi",
+    keys: ["visa", "sign", "reject", "print"]
+  },
+  contractSettings: {
+    label: "Müqavilələr",
+    keys: ["visa", "sign", "reject"]
+  }
+};
+var NotificationSettingsContent = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var _allValues$generalSet, _allValues$generalSet2, _allValues$generalSet3, _allValues$generalSet4;
+  var _Form$useForm = Form.useForm(),
+    _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
+    form = _Form$useForm2[0];
+  var dispatch = useDispatch();
+  var initialValues = useSelector(function (state) {
+    return state.notification.notificationSettings;
+  });
+  var _useState = useState("docFlowSettings"),
+    _useState2 = _slicedToArray(_useState, 2),
+    selectedProject = _useState2[0],
+    setSelectedProject = _useState2[1];
+  var _useState3 = useState({}),
+    _useState4 = _slicedToArray(_useState3, 2),
+    allValues = _useState4[0],
+    setAllValues = _useState4[1];
+  useEffect(function () {
+    dispatch(getNotificationSettings());
+  }, [dispatch]);
+  useEffect(function () {
+    if (initialValues) {
+      setAllValues(initialValues);
+      form.setFieldsValue(initialValues);
+    }
+  }, [initialValues, form]);
+  var handleSwitchChange = function handleSwitchChange(namePath, checked) {
+    var updated = _objectSpread({}, allValues);
+    var target = updated;
+    namePath.forEach(function (key, i) {
+      if (i === namePath.length - 1) {
+        target[key] = checked;
+      } else {
+        target[key] = _objectSpread({}, target[key]);
+        target = target[key];
+      }
+    });
+    setAllValues(updated);
+    form.setFieldsValue(updated);
+  };
+  var renderSwitches = function renderSwitches(type) {
+    return projectOptions[selectedProject].keys.map(function (key) {
+      var _allValues$selectedPr, _allValues$selectedPr2;
+      return /*#__PURE__*/React.createElement(Col, {
+        span: 12,
+        key: "".concat(selectedProject, "-").concat(type, "-").concat(key)
+      }, /*#__PURE__*/React.createElement(Form.Item, {
+        className: style.inlineSwitch,
+        label: /*#__PURE__*/React.createElement("span", {
+          className: style.formLabel
+        }, labels[key])
+      }, /*#__PURE__*/React.createElement(Switch, {
+        checked: (_allValues$selectedPr = allValues === null || allValues === void 0 || (_allValues$selectedPr2 = allValues[selectedProject]) === null || _allValues$selectedPr2 === void 0 || (_allValues$selectedPr2 = _allValues$selectedPr2[type]) === null || _allValues$selectedPr2 === void 0 ? void 0 : _allValues$selectedPr2[key]) !== null && _allValues$selectedPr !== void 0 ? _allValues$selectedPr : false,
+        onChange: function onChange(checked) {
+          return handleSwitchChange([selectedProject, type, key], checked);
+        }
+      })));
+    });
+  };
+  var onSubmit = useCallback(function (data) {
+    console.log(data, "ew");
+    dispatch(editNotificationSettings(data));
+  }, [dispatch]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: style.settingsWrapper
+  }, /*#__PURE__*/React.createElement(Title, {
+    level: 5,
+    className: style.sectionTitle
+  }, "\xDCmumi Bildiri\u015F Ayarlar\u0131"), /*#__PURE__*/React.createElement(Row, {
+    gutter: [40, 0]
+  }, /*#__PURE__*/React.createElement(Col, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Form.Item, {
+    className: style.inlineSwitch,
+    label: /*#__PURE__*/React.createElement("span", {
+      className: style.formLabel
+    }, labels.internalIsActive)
+  }, /*#__PURE__*/React.createElement(Switch, {
+    checked: (_allValues$generalSet = allValues === null || allValues === void 0 || (_allValues$generalSet2 = allValues.generalSettings) === null || _allValues$generalSet2 === void 0 ? void 0 : _allValues$generalSet2.internalIsActive) !== null && _allValues$generalSet !== void 0 ? _allValues$generalSet : false,
+    onChange: function onChange(checked) {
+      return handleSwitchChange(["generalSettings", "internalIsActive"], checked);
+    }
+  }))), /*#__PURE__*/React.createElement(Col, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Form.Item, {
+    className: style.inlineSwitch,
+    label: /*#__PURE__*/React.createElement("span", {
+      className: style.formLabel
+    }, labels.emailIsActive)
+  }, /*#__PURE__*/React.createElement(Switch, {
+    checked: (_allValues$generalSet3 = allValues === null || allValues === void 0 || (_allValues$generalSet4 = allValues.generalSettings) === null || _allValues$generalSet4 === void 0 ? void 0 : _allValues$generalSet4.emailIsActive) !== null && _allValues$generalSet3 !== void 0 ? _allValues$generalSet3 : false,
+    onChange: function onChange(checked) {
+      return handleSwitchChange(["generalSettings", "emailIsActive"], checked);
+    }
+  })))), /*#__PURE__*/React.createElement(Form.Item, {
+    label: ""
+  }, /*#__PURE__*/React.createElement(Select, {
+    value: selectedProject,
+    onChange: function onChange(val) {
+      return setSelectedProject(val);
+    },
+    className: style.modal_select
+  }, Object.entries(projectOptions).map(function (_ref) {
+    var _ref2 = _slicedToArray(_ref, 2),
+      key = _ref2[0],
+      label = _ref2[1].label;
+    return /*#__PURE__*/React.createElement(Option, {
+      key: key,
+      value: key
+    }, label);
+  }))), /*#__PURE__*/React.createElement(Text, {
+    className: style.settingGroupTitle
+  }, "Daxili"), /*#__PURE__*/React.createElement(Row, {
+    gutter: [40, 0]
+  }, renderSwitches("internalSettings")), /*#__PURE__*/React.createElement(Text, {
+    className: style.settingGroupTitle
+  }, "Email"), /*#__PURE__*/React.createElement(Row, {
+    gutter: [40, 0]
+  }, renderSwitches("emailSettings")), /*#__PURE__*/React.createElement("div", {
+    className: style.next_buttons_
+  }, /*#__PURE__*/React.createElement(Button, {
+    onClick: function onClick(e) {
+      var _ref$current, _ref$current$close;
+      ref === null || ref === void 0 || (_ref$current = ref.current) === null || _ref$current === void 0 || (_ref$current$close = _ref$current.close) === null || _ref$current$close === void 0 || _ref$current$close.call(_ref$current);
+      e.preventDefault();
+    },
+    color: "white"
+  }, "L\u0259\u011Fv et"), /*#__PURE__*/React.createElement(Button, {
+    color: "green",
+    onClick: function onClick() {
+      return onSubmit(allValues);
+    }
+  }, "Yadda saxla")));
+});
+export default NotificationSettingsContent;

package/dist/components/NotificationSettingsContent/index.module.scss

@@ -0,0 +1,70 @@
+.settingsWrapper {
+  padding-right: 8px;
+}
+
+.sectionTitle {
+  margin-bottom: 16px;
+  font-weight: 600;
+  color: #1f1f1f;
+}
+
+.settingGroupTitle {
+  margin: 12px 0 8px;
+  font-size: 16px;
+  color: #888;
+  font-weight: 500;
+  display: block;
+}
+
+.formLabel {
+  font-weight: 500;
+  font-size: 14px;
+}
+
+.inlineSwitch {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 12px;
+
+  .ant-form-item-label {
+    flex: 1;
+    margin: 0;
+  }
+
+  .ant-form-item-control {
+    flex-shrink: 0;
+    margin-left: 16px;
+  }
+
+  .ant-switch {
+    margin-left: auto;
+  }
+}
+.modal_select > div {
+  padding: 5px 16px !important;
+  // border-color: #bdbdbd !important;
+  border-radius: 6px !important;
+  height: 48px;
+}
+.modal_select {
+  width: 100%;
+  height: auto;
+  height: 48px;
+  span {
+    font-size: 16px !important;
+    font-weight: 500 !important;
+    line-height: 24px !important;
+    text-align: left !important;
+  }
+}
+.next_buttons_ {
+  display: flex;
+  justify-content: flex-end;
+  gap: 20px;
+  margin-top: 10px;
+  button {
+    border-radius: 6px;
+    padding: 9px 19px;
+  }
+}