awing-library 2.1.26-beta → 2.1.26

package/lib/ACM-AXN/GroupUser/User/UserComponent.d.ts

@@ -1,8 +1,9 @@
 /// <reference types="react" />
 import { DataObject } from '../../../AWING';
+import { IGroupModel } from '../Types';
 interface UserComponentProps {
     rows: DataObject[];
-    onChangeAddUser: (ids: string[]) => void;
+    onChangeAddUser: (ids: IGroupModel['userIds']) => void;
 }
 declare const UserComponent: React.FC<UserComponentProps>;
 export default UserComponent;

package/lib/ACM-AXN/GroupUser/User/UserComponent.js

@@ -12,18 +12,24 @@ var Constants_1 = require("../../../ACM-AXN/User/Constants");
 var UserComponent = function (_a) {
     var rows = _a.rows, onChangeAddUser = _a.onChangeAddUser;
     var t = (0, react_i18next_1.useTranslation)().t;
-    var _b = (0, react_1.useTransition)(), startTransition = _b[1];
     var appHelper = (0, Context_1.useAwing)().appHelper;
+    var _b = (0, react_1.useTransition)(), startTransition = _b[1];
     var _c = (0, react_1.useState)([]), gridUser = _c[0], setGridUser = _c[1];
-    var _d = (0, react_1.useState)({
+    var _d = (0, react_1.useState)(true), trigger = _d[0], setTrigger = _d[1];
+    var _e = (0, react_1.useState)({
         pageIndex: 0,
         pageSize: 10,
-    }), queryParams = _d[0], setQueryParams = _d[1];
+    }), queryParams = _e[0], setQueryParams = _e[1];
     (0, react_1.useLayoutEffect)(function () {
-        setGridUser(rows);
+        if (trigger) {
+            setGridUser(rows);
+            setTrigger(false);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [rows]);
     var handleDelete = function (id) {
         startTransition(function () {
+            setTrigger(true);
             onChangeAddUser(rows
                 .filter(function (item) { return item.userId !== id; })
                 .map(function (item) { return item.userId; }));

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

@@ -0,0 +1,146 @@
+/**
+ *
+ * @author dauquan1108@gmail.com on 03/11/2024.
+ *
+ **/
+export declare const PAGE_CODES: {
+    PageCodeLogin: string;
+    PageCodeWelcome: string;
+};
+declare global {
+    interface Window {
+        REACT_APP_API_ENDPOINT: string;
+        GOONG_MAP_KEY: string;
+        GOONG_API_KEY: string;
+        REACT_APP_CAPTIVE_DOMAIN: string;
+        CLIENT_ID: string;
+        REACT_APP_ID_DOMAIN: string;
+        REACT_APP_FILE_STATIC_PATH: string;
+        REACT_APP_FILE_TEMP_PATH: string;
+        REACT_APP_TEMPLATE_FILE_PATH: string;
+        REACT_APP_I18NEXT_BACKEND: string;
+        DEFAULT_PREVIEW_DOMAIN_ID: string;
+    }
+}
+export declare const Constants: {
+    ALL: string;
+    ALL_STATUS: undefined;
+    UNREAD: string;
+    UNREAD_STATUS: number;
+    SELECT_ALL: string;
+    NOTIFICATIONS_PATH: string;
+    NOTIFICATION_SETTING_SCREEN_PATH: string;
+    APP_NAME: string;
+    API_ENDPOINT: string;
+    GOONG_MAP_KEY: string;
+    GOONG_API_KEY: string;
+    CAPTIVE_DOMAIN: string;
+    ID_DOMAIN: string;
+    FILE_STATIC_PATH: string;
+    FILE_TEMP_PATH: string;
+    TEMPLATE_FILE_PATH: string;
+    REACT_APP_I18NEXT_BACKEND: string;
+    CLIENT_ID: string;
+    PAGE_SIZE_DEFAULT: number;
+    DEFAULT_ROWS_PER_PAGE: number[];
+    NUMBER_DOMAIN_FAVORITE: number;
+    PLACE_GROUP_SYSTEM: string;
+    FAVORITE_DOMAIN: string;
+    DOMAIN_ID_KEY: string;
+    HOME_PATH: string;
+    SET_SSID: string;
+    SET_LOGOUT: string;
+    PROFILE_PATH: string;
+    USER_PROFILE_INFO: string;
+    CLIENT_AUTHEN: {
+        TOKEN_KEY: string;
+        RETURN_URL_KEY: string;
+        CLIENT_ID_KEY: string;
+    };
+    LOGIN_PATH: string;
+    LOGOUT_PATH: string;
+    ERROR_PATH: string;
+    ERROR_403_PATH: string;
+    LOCAL_STORAGE_USER: string;
+    DIRECTORY_PATH: string;
+    DIRECTORY_PERMISSION_PATH: string;
+    DIRECTORY_CREATE_DIRECTORY_PATH: string;
+    DIRECTORY_ADD_PERMISSION_PATH: string;
+    DIRECTORY_EDIT_PERMISSION_PATH: string;
+    DIRECTORY_ADD_PERMISSION_ADD_NEWAUTHEN_PATH: string;
+    SYSTEM_DIRECTORY_PERMISSION_PATH: string;
+    MENU_DIRECTORY_PERMISSION_PATH: string;
+    CAMPAIGN_PATH: string;
+    CAMPAIGN_CREATE_DIRECTORY: string;
+    CAMPAIGN_CREATE: string;
+    CAMPAIGN_CREATE_WITH_WIZARD: string;
+    CAMPAIGN_DETAIL: string;
+    CAMPAIGN_CLONE: string;
+    CAMPAIGN_INFORMATION: string;
+    CAMPAIGN_DISPLAY: string;
+    CAMPAIGN_LOCATION: string;
+    CAMPAIGN_ADVANCED: string;
+    CAMPAIGN_PARTNER: string;
+    CAMPAIGN_SELECT_PAGE: string;
+    CAMPAIGN_GENERAL_WEIGHT: string;
+    CAMPAIGN_CREATE_GROUP: string;
+    CAMPAIGN_EDIT_GROUP: string;
+    CAMPAIGN_EDIT_WEIGHT: string;
+    CAMPAIGN_UPDATE_EXPRESSION: string;
+    CAMPAIGN_ADD_RULE: string;
+    CAMPAIGN_EDIT_RULE: string;
+    CAMPAIGN_ADD_PERMISSION: string;
+    CAMPAIGN_EDIT_PAGE: string;
+    CAMPAIGN_MATCH_RATE: string;
+    PAGE_LOGIN: string;
+    PAGE_WELCOME: string;
+    USER_PATH: string;
+    USER_GROUP_PATH: string;
+    AUTHENTICATION_PROFILE_PATH: string;
+    HOLIDAY_PATH: string;
+    HOLIDAY_CREATE: string;
+    HOLIDAY_EDIT: string;
+    HOLIDAY_DETAIL: string;
+    HOLIDAY_DETAIL_CREATE: string;
+    HOLIDAY_DETAIL_EDIT: string;
+    TEMPLATE_MANAGEMENT_PATH: string;
+    PLACE_PATH: string;
+    MONITOR_CAPTIVE_PATH: string;
+    SCHEDULE_PLAN_PATH: string;
+    SCHEDULE_COMPLETION_RATE_PATH: string;
+    STATISTIC_SCHEDULE_PLAN_PATH: string;
+    CAMPAIGN_SCHEDULE_PATH: string;
+    CAMPAIGN_STATISTIC_PATH: string;
+    STATISTICS_TOTAL_PATH: string;
+    STATISTICS_BY_TOTAL_NETWORK_PATH: string;
+    STATISTICS_COMPARE: string;
+    STATISTICS_BY_PLACE: string;
+    TRAFFIC_CALCULATOR_PATH: string;
+    PROVINCE_PATH: string;
+    AUDIENCE_OVERVIEW_PATH: string;
+    AUDIENCE_DEMOGRAPHIC_PATH: string;
+    TASK_SCHEDULER_PATH: string;
+    DOMAINS_PATH: string;
+    UPDATE_CAMPAIGN_DEFAULT_PATH: string;
+    TRANSACTION_LOG_PATH: string;
+    DETAIL_PATH: string;
+    PLACE_CUSTOMER_INFO_PATH: string;
+    ACCESS_POINT: string;
+    PLACE_GROUP_POINT: string;
+    WIZARD_PATH: string;
+    PLACE_STAT_PATH: string;
+    NETWORK_REQUEST_PATH: string;
+    ATTRIBUTE_TYPE_PATH: string;
+    ATTRIBUTES_PATH: string;
+    NETWORK_PATH: string;
+    ADD_EXISTED_USER: string;
+    ADD_USER_TO_GROUP: string;
+    CREATE_PATH: string;
+    IMPORT_PATH: string;
+    EDIT_PATH: string;
+    CLONE_PATH: string;
+    DEBOUNCE_TIME: number;
+    DEBOUNCE_TIME_500: number;
+    DEBOUNCE_TIME_300: number;
+    ACM_TEMPLATE_PATH: string;
+};

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;