awing-library 2.1.8-beta → 2.1.8

package/lib/ACM-AXN/Notifications/Constant.js

@@ -0,0 +1,136 @@
+"use strict";
+/**
+ *
+ * @author dauquan1108@gmail.com on 03/11/2024.
+ *
+ **/
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Constants = exports.PAGE_CODES = void 0;
+exports.PAGE_CODES = {
+    PageCodeLogin: 'lgn',
+    PageCodeWelcome: 'wlc',
+};
+exports.Constants = {
+    // Notification
+    ALL: 'All',
+    ALL_STATUS: undefined,
+    UNREAD: 'Unread',
+    UNREAD_STATUS: 0,
+    SELECT_ALL: 'SelectAll',
+    NOTIFICATIONS_PATH: 'Notifications',
+    NOTIFICATION_SETTING_SCREEN_PATH: 'Notification',
+    // End  Notification
+    APP_NAME: 'AWING ACM',
+    API_ENDPOINT: window.REACT_APP_API_ENDPOINT,
+    GOONG_MAP_KEY: window.GOONG_MAP_KEY,
+    GOONG_API_KEY: window.GOONG_API_KEY,
+    CAPTIVE_DOMAIN: window.REACT_APP_CAPTIVE_DOMAIN,
+    ID_DOMAIN: window.REACT_APP_ID_DOMAIN,
+    FILE_STATIC_PATH: window.REACT_APP_FILE_STATIC_PATH,
+    FILE_TEMP_PATH: window.REACT_APP_FILE_TEMP_PATH,
+    TEMPLATE_FILE_PATH: window.REACT_APP_TEMPLATE_FILE_PATH,
+    REACT_APP_I18NEXT_BACKEND: window.REACT_APP_I18NEXT_BACKEND,
+    CLIENT_ID: window.CLIENT_ID,
+    PAGE_SIZE_DEFAULT: 10,
+    DEFAULT_ROWS_PER_PAGE: [10, 20, 30],
+    NUMBER_DOMAIN_FAVORITE: 10,
+    PLACE_GROUP_SYSTEM: '58',
+    FAVORITE_DOMAIN: 'FavoriteDomain',
+    DOMAIN_ID_KEY: 'DomainId',
+    HOME_PATH: '/',
+    SET_SSID: 'SetSSID',
+    SET_LOGOUT: 'SetLogout',
+    PROFILE_PATH: 'Profile',
+    USER_PROFILE_INFO: 'Info',
+    CLIENT_AUTHEN: {
+        TOKEN_KEY: 'token',
+        RETURN_URL_KEY: 'returnUrl',
+        CLIENT_ID_KEY: 'clientId',
+    },
+    LOGIN_PATH: 'Login',
+    LOGOUT_PATH: 'Logout',
+    ERROR_PATH: 'Error',
+    ERROR_403_PATH: 'Error403',
+    LOCAL_STORAGE_USER: 'AWING_ACM_User',
+    DIRECTORY_PATH: 'Directory',
+    DIRECTORY_PERMISSION_PATH: 'Permission',
+    DIRECTORY_CREATE_DIRECTORY_PATH: 'CreateDirectory',
+    DIRECTORY_ADD_PERMISSION_PATH: 'AddPermission',
+    DIRECTORY_EDIT_PERMISSION_PATH: 'EditPermission',
+    DIRECTORY_ADD_PERMISSION_ADD_NEWAUTHEN_PATH: '/AddNewAuthen',
+    SYSTEM_DIRECTORY_PERMISSION_PATH: 'SystemPermission',
+    MENU_DIRECTORY_PERMISSION_PATH: 'MenuPermission',
+    CAMPAIGN_PATH: 'Campaign',
+    CAMPAIGN_CREATE_DIRECTORY: 'CreateDirectory',
+    CAMPAIGN_CREATE: 'Create',
+    CAMPAIGN_CREATE_WITH_WIZARD: 'Create/FromWizard',
+    CAMPAIGN_DETAIL: 'Detail',
+    CAMPAIGN_CLONE: 'Clone',
+    CAMPAIGN_INFORMATION: 'Information',
+    CAMPAIGN_DISPLAY: 'Display',
+    CAMPAIGN_LOCATION: 'Location',
+    CAMPAIGN_ADVANCED: 'Advanced',
+    CAMPAIGN_PARTNER: 'Partner',
+    CAMPAIGN_SELECT_PAGE: 'SelectPage',
+    CAMPAIGN_GENERAL_WEIGHT: 'GeneralWeight',
+    CAMPAIGN_CREATE_GROUP: 'CreateGroup',
+    CAMPAIGN_EDIT_GROUP: 'EditGroup',
+    CAMPAIGN_EDIT_WEIGHT: 'EditWeight',
+    CAMPAIGN_UPDATE_EXPRESSION: 'UpdateExpression',
+    CAMPAIGN_ADD_RULE: 'AddRule',
+    CAMPAIGN_EDIT_RULE: 'EditRule',
+    CAMPAIGN_ADD_PERMISSION: 'AddPermission',
+    CAMPAIGN_EDIT_PAGE: 'EditPage',
+    CAMPAIGN_MATCH_RATE: 'CampaignMatchRate',
+    PAGE_LOGIN: '/Page/Login',
+    PAGE_WELCOME: '/Page/Welcome',
+    USER_PATH: 'User',
+    USER_GROUP_PATH: 'UserGroup',
+    AUTHENTICATION_PROFILE_PATH: 'AuthenticationProfile',
+    HOLIDAY_PATH: 'Holiday',
+    HOLIDAY_CREATE: 'HolidayCreate',
+    HOLIDAY_EDIT: 'HolidayEdit',
+    HOLIDAY_DETAIL: 'HolidayDetail',
+    HOLIDAY_DETAIL_CREATE: 'HolidayCreateDate',
+    HOLIDAY_DETAIL_EDIT: 'HolidayDetailEdit',
+    TEMPLATE_MANAGEMENT_PATH: 'Template',
+    PLACE_PATH: 'Place',
+    MONITOR_CAPTIVE_PATH: 'MonitorCaptive',
+    SCHEDULE_PLAN_PATH: 'SchedulePlan',
+    SCHEDULE_COMPLETION_RATE_PATH: '/Schedule/ScheduleCompletionRate',
+    STATISTIC_SCHEDULE_PLAN_PATH: 'StatisticSchedulePlan',
+    CAMPAIGN_SCHEDULE_PATH: 'CampaignSchedulePlan',
+    CAMPAIGN_STATISTIC_PATH: 'CampaignStatistic',
+    STATISTICS_TOTAL_PATH: 'StatisticsTotal',
+    STATISTICS_BY_TOTAL_NETWORK_PATH: 'StatisticsByTotalNetWork',
+    STATISTICS_COMPARE: 'StatisticsCompare',
+    STATISTICS_BY_PLACE: 'StatisticsByPlace',
+    TRAFFIC_CALCULATOR_PATH: 'TrafficCalculator',
+    PROVINCE_PATH: 'Province',
+    AUDIENCE_OVERVIEW_PATH: 'AudienceOverview',
+    AUDIENCE_DEMOGRAPHIC_PATH: 'AudienceDemographic',
+    TASK_SCHEDULER_PATH: 'TaskScheduler',
+    DOMAINS_PATH: 'Domain',
+    UPDATE_CAMPAIGN_DEFAULT_PATH: 'UpdateCampaignDefault',
+    TRANSACTION_LOG_PATH: 'TransactionLog',
+    DETAIL_PATH: 'Detail',
+    PLACE_CUSTOMER_INFO_PATH: 'PlaceCustomerInfo',
+    ACCESS_POINT: 'Ap',
+    PLACE_GROUP_POINT: 'PlaceGroup',
+    WIZARD_PATH: 'Wizard',
+    PLACE_STAT_PATH: 'PlaceStat',
+    NETWORK_REQUEST_PATH: 'NetworkRequest',
+    ATTRIBUTE_TYPE_PATH: 'AttributeType',
+    ATTRIBUTES_PATH: 'Attribute',
+    NETWORK_PATH: 'Network',
+    ADD_EXISTED_USER: 'AddExistedUser',
+    ADD_USER_TO_GROUP: 'AddUserToGroup',
+    CREATE_PATH: 'Create',
+    IMPORT_PATH: 'Import',
+    EDIT_PATH: 'Edit',
+    CLONE_PATH: 'Clone',
+    DEBOUNCE_TIME: 700,
+    DEBOUNCE_TIME_500: 500,
+    DEBOUNCE_TIME_300: 300,
+    ACM_TEMPLATE_PATH: '{acmTemplatePath}',
+};

package/lib/ACM-AXN/Notifications/Context.d.ts

@@ -0,0 +1,8 @@
+/**
+ *
+ * @author dauquan1108@gmail.com on 04/15/2024.
+ *
+ **/
+/// <reference types="react" />
+import { NotificationPropsContext } from './Types';
+export declare const NotificationContext: import("react").Context<NotificationPropsContext>;

package/lib/ACM-AXN/Notifications/Context.js

@@ -0,0 +1,10 @@
+"use strict";
+/**
+ *
+ * @author dauquan1108@gmail.com on 04/15/2024.
+ *
+ **/
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NotificationContext = void 0;
+var react_1 = require("react");
+exports.NotificationContext = (0, react_1.createContext)({});

package/lib/ACM-AXN/Notifications/Hooks.d.ts

@@ -0,0 +1,7 @@
+/**
+ *
+ * @author dauquan1108@gmail.com on 04/15/2024.
+ *
+ **/
+declare const useNotificationProps: () => import("./Types").NotificationPropsContext;
+export default useNotificationProps;

package/lib/ACM-AXN/Notifications/Hooks.js

@@ -0,0 +1,17 @@
+"use strict";
+/**
+ *
+ * @author dauquan1108@gmail.com on 04/15/2024.
+ *
+ **/
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("react");
+var Context_1 = require("./Context");
+var useNotificationProps = function () {
+    var notificationProps = (0, react_1.useContext)(Context_1.NotificationContext);
+    var props = (0, react_1.useMemo)(function () {
+        return notificationProps;
+    }, [notificationProps]);
+    return props;
+};
+exports.default = useNotificationProps;

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

@@ -3,10 +3,10 @@
  * @author dauquan1108@gmail.com on 12/13/2023.
  *
  **/
-import React from 'react';
+/// <reference types="react" />
 interface PropsButtonTab {
     tabActive: string;
     onUpdateTabActive: (tabSelected: string) => void;
 }
-declare const _default: React.MemoExoticComponent<(props: PropsButtonTab) => JSX.Element>;
-export default _default;
+declare const ButtonTabs: (props: PropsButtonTab) => JSX.Element;
+export default ButtonTabs;

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

@@ -1,51 +1,52 @@
 "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");
-/**
- *
- * @author dauquan1108@gmail.com on 12/13/2023.
- *
- **/
-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 react_i18next_1 = require("react-i18next");
+var Constant_1 = require("../../Constant");
 var ButtonTabs = function (props) {
     var t = (0, react_i18next_1.useTranslation)().t;
     var tabActive = props.tabActive, _a = props.onUpdateTabActive, onUpdateTabActive = _a === void 0 ? function () { return null; } : _a;
     var handleUpdateTabs = function (event) {
         var _a, _b;
-        var tabSelected = ((_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.tabs) || Common_1.types.ALL;
+        var tabSelected = ((_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.tabs) || Constant_1.Constants.ALL;
         onUpdateTabActive(tabSelected);
     };
     return ((0, jsx_runtime_1.jsxs)(material_1.Box, { mt: 2, component: "div", children: [(0, jsx_runtime_1.jsx)(material_1.Button, { onClick: handleUpdateTabs, sx: [
                     {
-                        fontWeight: "600",
-                        borderRadius: "24px",
-                        color: tabActive === Common_1.types.ALL ? "#FFF" : "#000",
-                        backgroundColor: tabActive === Common_1.types.ALL ? "#ED1D25" : "inherit"
+                        fontSize: '14px',
+                        fontWeight: 700,
+                        borderRadius: '24px',
+                        textTransform: 'none',
+                        color: tabActive === Constant_1.Constants.ALL ? '#FFF' : '#000',
+                        backgroundColor: tabActive === Constant_1.Constants.ALL ? '#ED1D25' : 'inherit',
                     },
                     {
                         '&:hover': {
-                            backgroundColor: tabActive === Common_1.types.ALL ? "#DD040C" : "inherit"
-                        }
-                    }
-                ], "data-tabs": Common_1.types.ALL, children: t("Common.All") }), (0, jsx_runtime_1.jsx)(material_1.Button, { onClick: handleUpdateTabs, "data-tabs": Common_1.types.UNREAD, sx: [
+                            backgroundColor: tabActive === Constant_1.Constants.ALL
+                                ? '#DD040C'
+                                : 'inherit',
+                        },
+                    },
+                ], "data-tabs": Constant_1.Constants.ALL, children: t('Notification.All') }), (0, jsx_runtime_1.jsx)(material_1.Button, { onClick: handleUpdateTabs, "data-tabs": Constant_1.Constants.UNREAD, sx: [
                     {
-                        marginLeft: "8px",
-                        fontWeight: "600",
-                        borderRadius: "24px",
-                        color: tabActive === Common_1.types.UNREAD ? "#FFF" : "#000",
-                        backgroundColor: tabActive === Common_1.types.UNREAD ? "#ED1D25" : "inherit"
+                        fontSize: '14px',
+                        marginLeft: '8px',
+                        fontWeight: 700,
+                        borderRadius: '24px',
+                        textTransform: 'none',
+                        color: tabActive === Constant_1.Constants.UNREAD ? '#FFF' : '#000',
+                        backgroundColor: tabActive === Constant_1.Constants.UNREAD
+                            ? '#ED1D25'
+                            : 'inherit',
                     },
                     {
                         '&:hover': {
-                            backgroundColor: tabActive === Common_1.types.UNREAD ? "#DD040C" : "inherit"
-                        }
-                    }
-                ], children: t("Common.Unread") })] }));
+                            backgroundColor: tabActive === Constant_1.Constants.UNREAD
+                                ? '#DD040C'
+                                : 'inherit',
+                        },
+                    },
+                ], children: t('Notification.Unread') })] }));
 };
-exports.default = react_1.default.memo(ButtonTabs);
+exports.default = ButtonTabs;

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

@@ -3,7 +3,7 @@
  * @author dauquan1108@gmail.com on 11/27/2023.
  *
  **/
-import React from "react";
+import React from 'react';
 interface PropsMenu {
     onUpdateMenuItem: (value: string) => void;
 }

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;
+};