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

package/dist/components/ProfileOptions/index.js

@@ -0,0 +1,128 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import React, { useEffect, useState } from "react";
+import { Badge, Dropdown, Menu, Tooltip } from "antd";
+import { SunOutlined, MoonOutlined } from "@ant-design/icons";
+import style from "./index.module.scss";
+import { BellOutlined, BellFilled, NotificationOutlined } from "@ant-design/icons";
+import { useDispatch, useSelector } from "react-redux";
+import { Link } from "react-router-dom";
+import { getProfileInfo, scopes } from "../../store/slices/auth";
+import { entryData } from "../../pages/Platform/constant";
+import { CategoryIcon, UserIcon } from "../../assets/icons";
+import { getNotifications } from "../../store/slices/notification";
+import NotificationDropdown from "../NotificationDropdown";
+var ProfileOptions = function ProfileOptions() {
+  var dispatch = useDispatch();
+  var _useSelector = useSelector(function (state) {
+      return state.auth;
+    }),
+    scopesData = _useSelector.scopesData;
+  var profileInfo = useSelector(function (state) {
+    return state.auth.profileInfo;
+  });
+  var _useSelector2 = useSelector(function (state) {
+      return state.global;
+    }),
+    notificationsRender = _useSelector2.notificationsRender;
+  var _useState = useState(20),
+    _useState2 = _slicedToArray(_useState, 2),
+    size = _useState2[0],
+    setSize = _useState2[1];
+  var _useState3 = useState(1),
+    _useState4 = _slicedToArray(_useState3, 2),
+    page = _useState4[0],
+    setPage = _useState4[1];
+  var notifications = useSelector(function (state) {
+    return state.notification.notifications;
+  });
+  console.log(notifications);
+  var _useState5 = useState(localStorage.getItem("theme") || "light"),
+    _useState6 = _slicedToArray(_useState5, 2),
+    theme = _useState6[0],
+    setTheme = _useState6[1];
+  var toggleTheme = function toggleTheme() {
+    var newTheme = theme === "light" ? "dark" : "light";
+    setTheme(newTheme);
+    localStorage.setItem("theme", newTheme);
+    document.documentElement.setAttribute("data-theme", newTheme);
+    window.dispatchEvent(new Event("themeChange"));
+  };
+  var NotificationIcon = function NotificationIcon() {
+    return /*#__PURE__*/React.createElement(Badge, {
+      count: notifications === null || notifications === void 0 ? void 0 : notifications.notReadenCount,
+      style: {
+        fontSize: "10px",
+        height: "16px",
+        minWidth: "16px",
+        lineHeight: "16px",
+        padding: "0 4px"
+      }
+    }, /*#__PURE__*/React.createElement(BellOutlined, {
+      style: {
+        fontSize: "20px"
+      }
+    }));
+  };
+  useEffect(function () {
+    dispatch(scopes());
+    dispatch(getProfileInfo());
+  }, [dispatch]);
+  useEffect(function () {
+    dispatch(getNotifications({
+      size: size,
+      page: page
+    }));
+  }, [dispatch, size, page, notificationsRender]);
+  var rootUrl = window.location.origin;
+  var menu1 = /*#__PURE__*/React.createElement(Menu, null, /*#__PURE__*/React.createElement("div", {
+    className: style.links
+  }, entryData === null || entryData === void 0 ? void 0 : entryData.map(function (item) {
+    return scopesData === "*" || scopesData !== null && scopesData !== void 0 && scopesData.includes(item.scopes) ? /*#__PURE__*/React.createElement(Link, {
+      to: item === null || item === void 0 ? void 0 : item.pathname,
+      key: item === null || item === void 0 ? void 0 : item.id
+    }, item === null || item === void 0 ? void 0 : item.icon, item === null || item === void 0 ? void 0 : item.value) : /*#__PURE__*/React.createElement("div", {
+      className: style.disableMenu,
+      key: item === null || item === void 0 ? void 0 : item.id
+    }, item === null || item === void 0 ? void 0 : item.icon, item === null || item === void 0 ? void 0 : item.value);
+  }), /*#__PURE__*/React.createElement(Link, {
+    to: "".concat(rootUrl, "/accounts")
+  }, /*#__PURE__*/React.createElement(UserIcon, null), "\u015E\u0259xsi kabinet")));
+  return /*#__PURE__*/React.createElement("div", {
+    className: style.profile
+  }, /*#__PURE__*/React.createElement(Tooltip, {
+    title: theme === "dark" ? "Gündüz modu" : "Gecə modu"
+  }, /*#__PURE__*/React.createElement("button", {
+    onClick: toggleTheme,
+    "data-no-invert": true,
+    className: style.button
+  }, theme === "dark" ? /*#__PURE__*/React.createElement(SunOutlined, null) : /*#__PURE__*/React.createElement(MoonOutlined, null))), /*#__PURE__*/React.createElement(Dropdown, {
+    overlay: /*#__PURE__*/React.createElement(NotificationDropdown, {
+      size: size,
+      page: page,
+      setSize: setSize,
+      setPage: setPage
+    }),
+    trigger: ["click"],
+    placement: "bottomRight",
+    overlayClassName: style.notificationDropdown
+  }, /*#__PURE__*/React.createElement(Tooltip, {
+    title: "Bildirişlər"
+  }, /*#__PURE__*/React.createElement("button", {
+    "data-no-invert": true,
+    className: style.button
+  }, /*#__PURE__*/React.createElement(NotificationIcon, null)))), /*#__PURE__*/React.createElement(Dropdown, {
+    overlay: menu1,
+    trigger: ["click"]
+  }, /*#__PURE__*/React.createElement("div", {
+    className: style.category,
+    "data-no-invert-1": true
+  }, /*#__PURE__*/React.createElement(CategoryIcon, null))), /*#__PURE__*/React.createElement("div", {
+    className: style.dropdown
+  }, /*#__PURE__*/React.createElement("div", {
+    className: style.pp,
+    "data-no-invert": true
+  }, profileInfo === null || profileInfo === void 0 ? void 0 : profileInfo.name[0]), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+    className: style.name
+  }, profileInfo === null || profileInfo === void 0 ? void 0 : profileInfo.name, " ", profileInfo === null || profileInfo === void 0 ? void 0 : profileInfo.surname))));
+};
+export default ProfileOptions;

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

@@ -0,0 +1,131 @@
+.profile {
+  display: flex;
+  gap: 12px;
+  align-items: center;
+  .category {
+    display: flex;
+    align-items: center;
+    margin-top: 4px;
+    cursor: pointer;
+    svg {
+      width: 30px;
+      height: 30px;
+    }
+  }
+  .button {
+    background: transparent;
+    border: none;
+    display: flex;
+    align-items: center;
+    cursor: pointer;
+    svg {
+      width: 20px;
+      margin-top: 3.5px;
+    }
+  }
+  .dropdown {
+    display: flex;
+    align-items: center;
+    cursor: pointer;
+    gap: 8px;
+    img {
+      width: 39px;
+      height: 39px;
+      border-radius: 50%;
+      border: 1px solid #bebebe;
+    }
+    .pp {
+      width: 39px;
+      height: 39px;
+      border-radius: 50%;
+      // border: 1px solid #bebebe;
+      background: var(--darkBlueColor);
+      color: white;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+    }
+    .name {
+      font-family: Inter;
+      font-size: 12px;
+      font-weight: 400;
+      line-height: 16px;
+      text-align: left;
+      margin-bottom: 4px;
+      color: #324054;
+    }
+    .email {
+      font-family: Inter;
+      font-size: 12px;
+      font-weight: 400;
+      line-height: 14px;
+      text-align: left;
+      color: #71839b;
+    }
+  }
+}
+
+.links {
+  display: flex;
+  justify-content: space-between;
+  gap: 30px;
+  padding: 20px;
+  a {
+    display: flex;
+    flex-direction: column;
+    justify-content: flex-end;
+    align-items: center;
+    gap: 15px;
+    width: 133px;
+    // height: 133px;
+    padding: 20px 5px;
+    padding-top: 40px;
+    border-radius: 20px;
+    background: #f8f8f8;
+    font-family: Inter;
+    font-size: 14px;
+    font-weight: 500;
+    line-height: 16.94px;
+    text-align: center;
+    cursor: pointer;
+    text-align: center;
+    text-decoration: none;
+    color: var(--darkBlueColor);
+    svg {
+      width: 40px;
+      height: 40px;
+    }
+  }
+}
+.disableMenu {
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-end;
+  align-items: center;
+  gap: 15px;
+  width: 133px;
+  // height: 133px;
+  padding: 20px 5px;
+  padding-top: 40px;
+  border-radius: 20px;
+  background: #f8f8f8;
+  font-family: Inter;
+  font-size: 14px;
+  font-weight: 500;
+  line-height: 16.94px;
+  text-align: center;
+  cursor: pointer;
+  text-align: center;
+  text-decoration: none;
+  color: var(--darkBlueColor);
+  svg {
+    width: 40px;
+    height: 40px;
+  }
+  color: #979797;
+  svg {
+    path {
+      fill: #979797;
+    }
+  }
+}

package/dist/index.js

@@ -1,6 +1,4 @@
-// Export the Button component from the components directory as a named export
-import "./assets/fonts/fonts.css";
-import "./assets/css/variables.css";
+import React from "react";
 export { default as Button } from "./components/Button";
 export { default as ColSort } from "./components/ColSort";
 export { default as Filter } from "./components/Filter";
@@ -8,5 +6,16 @@ export { default as Loading } from "./components/Loading";
 export { default as Pagination } from "./components/Pagination";
 export { default as useNotification } from "./hooks/useNotification";
 export { default as message } from "./utils/message";
-export { default as Login } from "./pages/Login";
-export { default as Platform } from "./pages/Platform";
+import LoginPage from "./pages/Login";
+import PlatformPage from "./pages/Platform";
+import HeaderLayout from "./layout/Header";
+import { CoreProvider } from "./store/coreProvider";
+export var Login = function Login() {
+  return /*#__PURE__*/React.createElement(CoreProvider, null, /*#__PURE__*/React.createElement(LoginPage, null));
+};
+export var Platform = function Platform() {
+  return /*#__PURE__*/React.createElement(CoreProvider, null, /*#__PURE__*/React.createElement(PlatformPage, null));
+};
+export var Header = function Header() {
+  return /*#__PURE__*/React.createElement(CoreProvider, null, /*#__PURE__*/React.createElement(HeaderLayout, null));
+};

package/dist/layout/Header/index.js

@@ -0,0 +1,36 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import React, { useEffect, useState } from "react";
+import style from "./index.module.scss";
+import { DsgLogo } from "../../assets/icons";
+import ProfileOptions from "../../components/ProfileOptions";
+import { Link } from "react-router-dom";
+import { PLATFORM_PATH } from "../../utils/path";
+import Logo from "../../assets/balakhaniLogo.png";
+var Header = function Header() {
+  var currentUrl = window.location.href;
+  var _useState = useState(localStorage.getItem("theme") || "light"),
+    _useState2 = _slicedToArray(_useState, 2),
+    theme = _useState2[0],
+    setTheme = _useState2[1];
+  var updateTheme = function updateTheme() {
+    var newTheme = localStorage.getItem("theme") || "light";
+    setTheme(newTheme);
+  };
+  useEffect(function () {
+    window.addEventListener("themeChange", updateTheme);
+    return function () {
+      return window.removeEventListener("themeChange", updateTheme);
+    };
+  }, []);
+  return /*#__PURE__*/React.createElement("header", {
+    className: style.header
+  }, /*#__PURE__*/React.createElement(Link, {
+    to: PLATFORM_PATH
+  }, currentUrl.includes("balakhanioc") ? /*#__PURE__*/React.createElement("img", {
+    src: Logo,
+    alt: "Balakhani Logo"
+  }) : theme === "dark" ? /*#__PURE__*/React.createElement(DsgLogo, {
+    dark: true
+  }) : /*#__PURE__*/React.createElement(DsgLogo, null)), /*#__PURE__*/React.createElement(ProfileOptions, null));
+};
+export default Header;

package/dist/layout/Header/index.module.scss

@@ -0,0 +1,19 @@
+.header {
+  height: 84px;
+  background: #fff;
+  align-items: center;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0 20px;
+  border-bottom: 1px solid #c4c4c4;
+
+  svg {
+    width: 123px;
+    height: auto;
+  }
+  img {
+    width: 95px;
+    height: auto;
+  }
+}

package/dist/store/coreProvider.js

@@ -0,0 +1,9 @@
+import React from "react";
+import { Provider } from "react-redux";
+import store from "./store";
+export var CoreProvider = function CoreProvider(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/React.createElement(Provider, {
+    store: store
+  }, children);
+};

package/dist/store/slices/global/index.js

@@ -1,6 +1,7 @@
 import { createSlice } from "@reduxjs/toolkit";
 var initialState = {
-  loading: false
+  loading: false,
+  notificationsRender: false
 };
 export var global = createSlice({
   name: "global",
@@ -9,8 +10,14 @@ export var global = createSlice({
     setLoading: function setLoading(state, _ref) {
       var payload = _ref.payload;
       state.loading = payload;
+    },
+    setNotificationsRender: function setNotificationsRender(state, _ref2) {
+      var payload = _ref2.payload;
+      state.notificationsRender = payload;
     }
   }
 });
-var setLoading = global.actions.setLoading;
-export { setLoading };
+var _global$actions = global.actions,
+  setLoading = _global$actions.setLoading,
+  setNotificationsRender = _global$actions.setNotificationsRender;
+export { setLoading, setNotificationsRender };

package/dist/store/slices/notification/index.js

@@ -0,0 +1,207 @@
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import { createAsyncThunk, createSlice } from "@reduxjs/toolkit";
+import Services from "./service";
+import { setNotificationsRender, setLoading, setViewModalVisible } from "../global";
+import { errorMessage } from "../../../utils/message";
+var initialState = {
+  notification: []
+};
+export var getNotifications = createAsyncThunk("/getNotifications", /*#__PURE__*/function () {
+  var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(data, _ref) {
+    var dispatch, response;
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          dispatch = _ref.dispatch;
+          _context.prev = 1;
+          _context.next = 4;
+          return Services.getNotifications(data === null || data === void 0 ? void 0 : data.size, data === null || data === void 0 ? void 0 : data.page);
+        case 4:
+          response = _context.sent;
+          return _context.abrupt("return", response);
+        case 8:
+          _context.prev = 8;
+          _context.t0 = _context["catch"](1);
+          errorMessage(_context.t0.response.data.message);
+          // dispatch(setLoading(false));
+        case 11:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee, null, [[1, 8]]);
+  }));
+  return function (_x, _x2) {
+    return _ref2.apply(this, arguments);
+  };
+}());
+export var readNotification = createAsyncThunk("/readNotification", /*#__PURE__*/function () {
+  var _ref4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(data, _ref3) {
+    var dispatch, response;
+    return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          dispatch = _ref3.dispatch;
+          _context2.prev = 1;
+          _context2.next = 4;
+          return Services.readNotification(data);
+        case 4:
+          response = _context2.sent;
+          // dispatch(setLoading(false));
+          dispatch(setNotificationsRender(function (prev) {
+            return !prev;
+          }));
+          return _context2.abrupt("return", response === null || response === void 0 ? void 0 : response.data);
+        case 9:
+          _context2.prev = 9;
+          _context2.t0 = _context2["catch"](1);
+          errorMessage(_context2.t0.response.data.message);
+          // dispatch(setLoading(false));
+        case 12:
+        case "end":
+          return _context2.stop();
+      }
+    }, _callee2, null, [[1, 9]]);
+  }));
+  return function (_x3, _x4) {
+    return _ref4.apply(this, arguments);
+  };
+}());
+export var readNotificationAll = createAsyncThunk("/readNotificationAll", /*#__PURE__*/function () {
+  var _ref6 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3(_, _ref5) {
+    var dispatch, response;
+    return _regeneratorRuntime.wrap(function _callee3$(_context3) {
+      while (1) switch (_context3.prev = _context3.next) {
+        case 0:
+          dispatch = _ref5.dispatch;
+          _context3.prev = 1;
+          _context3.next = 4;
+          return Services.readNotificationAll();
+        case 4:
+          response = _context3.sent;
+          // dispatch(setLoading(false));
+          dispatch(setNotificationsRender(function (prev) {
+            return !prev;
+          }));
+          return _context3.abrupt("return", response === null || response === void 0 ? void 0 : response.data);
+        case 9:
+          _context3.prev = 9;
+          _context3.t0 = _context3["catch"](1);
+          errorMessage(_context3.t0.response.data.message);
+          // dispatch(setLoading(false));
+        case 12:
+        case "end":
+          return _context3.stop();
+      }
+    }, _callee3, null, [[1, 9]]);
+  }));
+  return function (_x5, _x6) {
+    return _ref6.apply(this, arguments);
+  };
+}());
+export var checkNotification = createAsyncThunk("/checkNotification", /*#__PURE__*/function () {
+  var _ref8 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4(_, _ref7) {
+    var dispatch, response;
+    return _regeneratorRuntime.wrap(function _callee4$(_context4) {
+      while (1) switch (_context4.prev = _context4.next) {
+        case 0:
+          dispatch = _ref7.dispatch;
+          _context4.prev = 1;
+          _context4.next = 4;
+          return Services.checkNotification();
+        case 4:
+          response = _context4.sent;
+          return _context4.abrupt("return", response === null || response === void 0 ? void 0 : response.data);
+        case 8:
+          _context4.prev = 8;
+          _context4.t0 = _context4["catch"](1);
+          errorMessage(_context4.t0.response.data.message);
+          // dispatch(setLoading(false));
+        case 11:
+        case "end":
+          return _context4.stop();
+      }
+    }, _callee4, null, [[1, 8]]);
+  }));
+  return function (_x7, _x8) {
+    return _ref8.apply(this, arguments);
+  };
+}());
+export var getNotificationSettings = createAsyncThunk("/getNotificationSettings", /*#__PURE__*/function () {
+  var _ref10 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee5(_, _ref9) {
+    var dispatch, response;
+    return _regeneratorRuntime.wrap(function _callee5$(_context5) {
+      while (1) switch (_context5.prev = _context5.next) {
+        case 0:
+          dispatch = _ref9.dispatch;
+          _context5.prev = 1;
+          _context5.next = 4;
+          return Services.getNotificationSettings();
+        case 4:
+          response = _context5.sent;
+          return _context5.abrupt("return", response);
+        case 8:
+          _context5.prev = 8;
+          _context5.t0 = _context5["catch"](1);
+          errorMessage(_context5.t0.response.data.message);
+          // dispatch(setLoading(false));
+        case 11:
+        case "end":
+          return _context5.stop();
+      }
+    }, _callee5, null, [[1, 8]]);
+  }));
+  return function (_x9, _x10) {
+    return _ref10.apply(this, arguments);
+  };
+}());
+export var editNotificationSettings = createAsyncThunk("/editNotificationSettings", /*#__PURE__*/function () {
+  var _ref12 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee6(data, _ref11) {
+    var dispatch, response;
+    return _regeneratorRuntime.wrap(function _callee6$(_context6) {
+      while (1) switch (_context6.prev = _context6.next) {
+        case 0:
+          dispatch = _ref11.dispatch;
+          _context6.prev = 1;
+          _context6.next = 4;
+          return Services.editNotificationSettings(data);
+        case 4:
+          response = _context6.sent;
+          // dispatch(setLoading(false));
+          dispatch(setNotificationsRender(function (prev) {
+            return !prev;
+          }));
+          return _context6.abrupt("return", response === null || response === void 0 ? void 0 : response.data);
+        case 9:
+          _context6.prev = 9;
+          _context6.t0 = _context6["catch"](1);
+          errorMessage(_context6.t0.response.data.message);
+          // dispatch(setLoading(false));
+        case 12:
+        case "end":
+          return _context6.stop();
+      }
+    }, _callee6, null, [[1, 9]]);
+  }));
+  return function (_x11, _x12) {
+    return _ref12.apply(this, arguments);
+  };
+}());
+export var notification = createSlice({
+  name: "notification",
+  initialState: initialState,
+  extraReducers: function extraReducers(builder) {
+    builder.addCase(getNotifications.fulfilled, function (state, _ref13) {
+      var payload = _ref13.payload;
+      state.notifications = payload;
+    }).addCase(checkNotification.fulfilled, function (state, _ref14) {
+      var payload = _ref14.payload;
+      state.checkNotification = payload;
+    }).addCase(getNotificationSettings.fulfilled, function (state, _ref15) {
+      var payload = _ref15.payload;
+      state.notificationSettings = payload;
+    });
+  }
+});
+var setPage = notification.actions.setPage;
+export { setPage };