awing-library 2.1.13-beta → 2.1.13

package/lib/ACM-AXN/Notifications/NotificationDetail/HeaderInfo/MenuNotification.js

@@ -1,13 +1,4 @@
 "use strict";
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -20,12 +11,11 @@ var jsx_runtime_1 = require("react/jsx-runtime");
  **/
 var react_1 = __importDefault(require("react"));
 var react_i18next_1 = require("react-i18next");
-var material_1 = require("@mui/material");
 var MoreHorizOutlined_1 = __importDefault(require("@mui/icons-material/MoreHorizOutlined"));
-var Common_1 = require("../Common");
-var check_svg_1 = __importDefault(require("Assets/Images/check.svg"));
-var settingScreen_svg_1 = __importDefault(require("Assets/Images/settingScreen.svg"));
-var notificationSreen_svg_1 = __importDefault(require("Assets/Images/notificationSreen.svg"));
+var material_1 = require("@mui/material");
+var Constant_1 = require("../../Constant");
+var check_svg_1 = __importDefault(require("../../../../Assets/Images/check.svg"));
+var settingScreen_svg_1 = __importDefault(require("../../../../Assets/Images/settingScreen.svg"));
 var MenuNotification = function (props) {
     var t = (0, react_i18next_1.useTranslation)().t;
     var _a = props.onUpdateMenuItem, onUpdateMenuItem = _a === void 0 ? function () { return null; } : _a;
@@ -33,28 +23,29 @@ var MenuNotification = function (props) {
     var menuData = function () {
         var commonData = [
             {
-                id: "1",
+                id: '1',
                 icon: check_svg_1.default,
-                title: t("Notifications.SelectAll"),
-                value: Common_1.types.SELECTALL,
+                title: t('Notifications.SelectAll'),
+                value: Constant_1.Constants.SELECT_ALL,
             },
             {
-                id: "2",
+                id: '2',
                 icon: settingScreen_svg_1.default,
-                title: t("Notifications.NotificationSettings"),
-                value: Common_1.types.NOTIFICATIONSETTINGSCREEN,
+                title: t('Notifications.NotificationSettings'),
+                value: Constant_1.Constants.NOTIFICATION_SETTING_SCREEN_PATH,
             },
         ];
-        var href = window.location.href;
-        if (!href.includes(Common_1.types.NOTIFICATIONS)) {
-            var dataNew = {
-                id: "3",
-                icon: notificationSreen_svg_1.default,
-                title: t("Notifications.OpenNotification"),
-                value: Common_1.types.NOTIFICATIONS,
-            };
-            return __spreadArray(__spreadArray([], commonData, true), [dataNew], false);
-        }
+        // Comment màn hình Notifications
+        // const { href } = window.location
+        // if (!href.includes(Constants.NOTIFICATIONS_PATH)) {
+        //     const dataNew = {
+        //         id: '3',
+        //         icon: iconNotificationSreen,
+        //         title: t('Notifications.OpenNotification'),
+        //         value: Constants.NOTIFICATIONS_PATH,
+        //     }
+        //     return [...commonData, dataNew]
+        // }
         return commonData;
     };
     var handleClick = function (event) {
@@ -65,23 +56,23 @@ var MenuNotification = function (props) {
     };
     var selectMenuItem = function (event) {
         var _a, _b;
-        var valueItem = ((_b = (_a = event === null || event === void 0 ? void 0 : event.currentTarget) === null || _a === void 0 ? void 0 : _a.dataset) === null || _b === void 0 ? void 0 : _b.value) || "";
+        var valueItem = ((_b = (_a = event === null || event === void 0 ? void 0 : event.currentTarget) === null || _a === void 0 ? void 0 : _a.dataset) === null || _b === void 0 ? void 0 : _b.value) || '';
         onUpdateMenuItem(valueItem);
         handleClose();
     };
     return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(material_1.IconButton, { size: "small", "aria-label": "more", "aria-controls": "long-menu", "aria-haspopup": "true", onClick: handleClick, children: (0, jsx_runtime_1.jsx)(MoreHorizOutlined_1.default, {}) }), (0, jsx_runtime_1.jsx)(material_1.Popover, { anchorEl: anchorEl, onClose: handleClose, open: Boolean(anchorEl), anchorOrigin: {
-                    vertical: "bottom",
-                    horizontal: "center",
+                    vertical: 'bottom',
+                    horizontal: 'center',
                 }, transformOrigin: {
-                    vertical: "top",
-                    horizontal: "center",
+                    vertical: 'top',
+                    horizontal: 'center',
                 }, PaperProps: {
                     style: {
-                        borderRadius: "8px",
+                        borderRadius: '8px',
                     },
                 }, children: menuData().map(function (item) { return ((0, jsx_runtime_1.jsxs)(material_1.MenuItem, { onClick: selectMenuItem, "data-value": item.value, children: [(0, jsx_runtime_1.jsx)(material_1.Box, { mr: 2, style: {
-                                display: "flex",
-                                justifyContent: "center",
-                            }, children: (item === null || item === void 0 ? void 0 : item.icon) && ((0, jsx_runtime_1.jsx)("img", { alt: "", src: item.icon, style: { width: "20px", height: "20px" } })) }), (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "inherit", children: item.title })] }, item.id)); }) })] }));
+                                display: 'flex',
+                                justifyContent: 'center',
+                            }, children: (item === null || item === void 0 ? void 0 : item.icon) && ((0, jsx_runtime_1.jsx)("img", { alt: "", src: item.icon, style: { width: '20px', height: '20px' } })) }), (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "inherit", sx: { fontSize: '15px', fontWeight: 400 }, children: item.title })] }, item.id)); }) })] }));
 };
 exports.default = react_1.default.memo(MenuNotification);

package/lib/ACM-AXN/Notifications/NotificationDetail/HeaderInfo/index.d.ts

@@ -4,16 +4,14 @@
  *
  **/
 /// <reference types="react" />
-interface ValueItem {
-    id: string | number;
-    status: boolean;
-}
+import { IValueItem } from '../../Types';
 interface PropsHeaderInfo {
     valueFilter: {
         textSearch: string;
         tabs: string;
     };
-    onUpdateStatus: (dataSent: ValueItem | string) => void;
+    onClosePopover?: () => void;
+    onUpdateStatus: (dataSent: IValueItem | string) => void;
     onValueFilter: (textSearch: string, tabs: string) => void;
 }
 declare const HeaderInfo: (props: PropsHeaderInfo) => JSX.Element;

package/lib/ACM-AXN/Notifications/NotificationDetail/HeaderInfo/index.js

@@ -12,20 +12,26 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = __importDefault(require("react"));
 var react_i18next_1 = require("react-i18next");
 var material_1 = require("@mui/material");
-var Common_1 = require("../Common");
-var SearchBox_1 = __importDefault(require("../../../../AWING/SearchBox"));
 var ButtonTabs_1 = __importDefault(require("./ButtonTabs"));
+var Constant_1 = require("../../Constant");
 var MenuNotification_1 = __importDefault(require("./MenuNotification"));
+var SearchBox_1 = __importDefault(require("../../../../AWING/SearchBox"));
+var Router_1 = require("../../../../AWING/Router");
 var HeaderInfo = function (props) {
+    var navigate = (0, Router_1.useNavigate)();
     var t = (0, react_i18next_1.useTranslation)().t;
-    var valueFilter = props.valueFilter, _a = props.onValueFilter, onValueFilter = _a === void 0 ? function () { return null; } : _a, _b = props.onUpdateStatus, onUpdateStatus = _b === void 0 ? function () { return null; } : _b;
+    var valueFilter = props.valueFilter, _a = props.onValueFilter, onValueFilter = _a === void 0 ? function () { return null; } : _a, _b = props.onUpdateStatus, onUpdateStatus = _b === void 0 ? function () { return null; } : _b, _c = props.onClosePopover, onClosePopover = _c === void 0 ? function () { return null; } : _c;
     var handleUpdateMenuItem = function (value) {
-        if (value === Common_1.types.SELECTALL) {
-            onUpdateStatus(Common_1.types.ALL);
+        if (value === Constant_1.Constants.SELECT_ALL) {
+            onUpdateStatus(Constant_1.Constants.ALL);
+        }
+        else if (value === Constant_1.Constants.NOTIFICATION_SETTING_SCREEN_PATH) {
+            navigate("".concat(value));
+            onClosePopover();
         }
         else {
             // Chuyển đến trang tương ứng
-            console.log('value : =============HeaderInfo========:>', value); // Quandx
+            navigate("".concat(value));
         }
     };
     var handleKeyWordPassing = react_1.default.useCallback(function (searchType, searchString) {
@@ -35,18 +41,13 @@ var HeaderInfo = function (props) {
         onValueFilter(valueFilter.textSearch, tabItem);
     }, [valueFilter]);
     return ((0, jsx_runtime_1.jsxs)(material_1.Box, { component: "div", children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { mb: 1, component: "div", sx: {
-                    display: "flex",
-                    flexDirection: "row",
-                    justifyContent: "space-between"
-                }, children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "h1", style: {
-                            fontWeight: "700",
-                            fontSize: "1.5em"
-                        }, children: t("Common.Notification") }), (0, jsx_runtime_1.jsx)(MenuNotification_1.default, { onUpdateMenuItem: handleUpdateMenuItem })] }), (0, jsx_runtime_1.jsx)(SearchBox_1.default, { variantPaper: "outlined", onSearch: handleKeyWordPassing, stylePaper: {
+                    display: 'flex',
+                    flexDirection: 'row',
+                    justifyContent: 'space-between',
+                }, children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { component: "h1", variant: "h5", color: "inherit", noWrap: true, fontWeight: 'bold', children: t('Common.Notification') }), (0, jsx_runtime_1.jsx)(MenuNotification_1.default, { onUpdateMenuItem: handleUpdateMenuItem })] }), (0, jsx_runtime_1.jsx)(SearchBox_1.default, { onSearch: handleKeyWordPassing, stylePaper: {
                     flex: 1,
-                    width: "auto",
-                    maxWidth: "100%",
-                    borderRadius: "24px",
-                    padding: "2px 20px 2px 10px",
+                    width: 'auto',
+                    maxWidth: '100%',
                 } }), (0, jsx_runtime_1.jsx)(ButtonTabs_1.default, { tabActive: valueFilter.tabs, onUpdateTabActive: handleUpdateTabActive })] }));
 };
 exports.default = HeaderInfo;

package/lib/ACM-AXN/Notifications/NotificationDetail/NotificationList/NotificationEmpty.d.ts

@@ -3,7 +3,7 @@
  * @author dauquan1108@gmail.com on 11/27/2023.
  *
  **/
-import React from "react";
+import React from 'react';
 interface PropsNotificationEmpty {
     isSearch?: boolean;
 }

package/lib/ACM-AXN/Notifications/NotificationDetail/NotificationList/NotificationEmpty.js

@@ -12,25 +12,25 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = __importDefault(require("react"));
 var react_i18next_1 = require("react-i18next");
 var material_1 = require("@mui/material");
-var bell_svg_1 = __importDefault(require("Assets/Images/bell.svg"));
-var binoculars_svg_1 = __importDefault(require("Assets/Images/binoculars.svg"));
+var bell_svg_1 = __importDefault(require("../../../../Assets/Images/bell.svg"));
+var binoculars_svg_1 = __importDefault(require("../../../../Assets/Images/binoculars.svg"));
 var NotificationEmpty = function (props) {
     var _a = props.isSearch, isSearch = _a === void 0 ? false : _a;
     var t = (0, react_i18next_1.useTranslation)().t;
     return ((0, jsx_runtime_1.jsxs)(material_1.Box, { component: "div", sx: {
-            paddingBottom: "30px",
-            display: "flex",
-            flexDirection: "column",
-            alignItems: "center",
-            justifyContent: "space-between",
-        }, children: [(0, jsx_runtime_1.jsx)("img", { src: (isSearch ? binoculars_svg_1.default : bell_svg_1.default), alt: isSearch ? "iconBinoculars" : "iconBell", style: { width: "80px", height: "80px" } }), (0, jsx_runtime_1.jsx)(material_1.Typography, { style: {
-                    fontSize: "1.3em",
-                    color: "#65676B",
-                    fontWeight: "600",
-                    marginTop: "10px",
-                    textAlign: "center",
+            paddingBottom: '30px',
+            display: 'flex',
+            flexDirection: 'column',
+            alignItems: 'center',
+            justifyContent: 'space-between',
+        }, children: [(0, jsx_runtime_1.jsx)("img", { src: (isSearch ? binoculars_svg_1.default : bell_svg_1.default), alt: isSearch ? 'iconBinoculars' : 'iconBell', style: { width: '80px', height: '80px' } }), (0, jsx_runtime_1.jsx)(material_1.Typography, { style: {
+                    fontSize: '20px',
+                    color: '#65676B',
+                    fontWeight: 600,
+                    marginTop: '10px',
+                    textAlign: 'center',
                 }, children: isSearch
-                    ? t("Notifications.InappropriateNotification")
-                    : t("Notifications.TitleNoNotifications") })] }));
+                    ? t('Notifications.InappropriateNotification')
+                    : t('Notifications.TitleNoNotifications') })] }));
 };
 exports.default = react_1.default.memo(NotificationEmpty);

package/lib/ACM-AXN/Notifications/NotificationDetail/NotificationList/NotificationEmpty.test.d.ts

@@ -1,6 +0,0 @@
-/**
- *
- * @author dauquan1108@gmail.com on 12/06/2023.
- *
- **/
-import '@testing-library/jest-dom';

package/lib/ACM-AXN/Notifications/NotificationDetail/NotificationList/NotificationEmpty.test.js

@@ -1,29 +1,30 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("@testing-library/react");
-require("@testing-library/jest-dom");
-var NotificationEmpty_1 = __importDefault(require("./NotificationEmpty"));
-describe("NotificationEmpty component", function () {
-    it("Hiển thị thông báo mặc định đối với trường hợp 'isSearch = false'.", function () {
-        var _a = (0, react_1.render)((0, jsx_runtime_1.jsx)(NotificationEmpty_1.default, { isSearch: false })), getByText = _a.getByText, getByAltText = _a.getByAltText;
-        // kiểm tra icon hiển thị khi trạng thái bằng false.
-        var iconEmpty = getByAltText("iconBell");
-        expect(iconEmpty).toBeInTheDocument();
-        // Kiểm tra text hiển thị khi trạng thái bằng false.
-        var titleText = getByText("Notifications.TitleNoNotifications");
-        expect(titleText).toBeInTheDocument();
-    });
-    it("Hiển thị thông báo khi đối với trường hợp 'isSearch=true'.", function () {
-        var _a = (0, react_1.render)((0, jsx_runtime_1.jsx)(NotificationEmpty_1.default, { isSearch: true })), getByText = _a.getByText, getByAltText = _a.getByAltText;
-        // kiểm tra icon hiển thị khi trạng thái bằng true.
-        var iconEmpty = getByAltText("iconBinoculars");
-        expect(iconEmpty).toBeInTheDocument();
-        // Kiểm tra text hiển thị khi trạng thái bằng true.
-        var titleText = getByText("Notifications.InappropriateNotification");
-        expect(titleText).toBeInTheDocument();
-    });
-});
+// /**
+//  *
+//  * @author dauquan1108@gmail.com on 12/06/2023.
+//  *
+//  **/
+// import React from 'react';
+// import {render} from '@testing-library/react';
+// import '@testing-library/jest-dom';
+// import NotificationEmpty from './NotificationEmpty';
+// describe("NotificationEmpty component", () => {
+//     it("Hiển thị thông báo mặc định đối với trường hợp 'isSearch = false'.", () => {
+//         const {getByText, getByAltText} = render(<NotificationEmpty isSearch={false}/>);
+//         // kiểm tra icon hiển thị khi trạng thái bằng false.
+//         const iconEmpty = getByAltText("iconBell");
+//         expect(iconEmpty).toBeInTheDocument();
+//         // Kiểm tra text hiển thị khi trạng thái bằng false.
+//         const titleText = getByText("Notifications.TitleNoNotifications");
+//         expect(titleText).toBeInTheDocument();
+//     });
+//     it("Hiển thị thông báo khi đối với trường hợp 'isSearch=true'.", () => {
+//         const {getByText, getByAltText} = render(<NotificationEmpty isSearch={true}/>);
+//         // kiểm tra icon hiển thị khi trạng thái bằng true.
+//         const iconEmpty = getByAltText("iconBinoculars");
+//         expect(iconEmpty).toBeInTheDocument();
+//         // Kiểm tra text hiển thị khi trạng thái bằng true.
+//         const titleText = getByText("Notifications.InappropriateNotification");
+//         expect(titleText).toBeInTheDocument();
+//     });
+// });

package/lib/ACM-AXN/Notifications/NotificationDetail/NotificationList/NotificationItem/Message.d.ts

@@ -0,0 +1,10 @@
+/**
+ *
+ * @author dauquan1108@gmail.com on 11/27/2023.
+ *
+ **/
+import { NotificationMessageField, SagaTransactionType } from '../../../Types';
+export declare const getFullDescription: (type: SagaTransactionType, translation: any, fields: NotificationMessageField[]) => {
+    title: import("react/jsx-runtime").JSX.Element;
+    url: string;
+};