awing-library 2.1.2-beta → 2.1.2-stage

package/lib/ACM-AXN/Holiday/FormHoliday.js

@@ -0,0 +1,110 @@
+"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 };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_i18next_1 = require("react-i18next");
+var react_1 = require("react");
+var Hooks_1 = __importDefault(require("./Hooks"));
+var AWING_1 = require("../../AWING");
+var Utils_1 = require("./Utils");
+var FormHoliday = function (props) {
+    var t = (0, react_i18next_1.useTranslation)().t;
+    var service = (0, Hooks_1.default)().service;
+    var holidays = props.holidays, onUpdate = props.onUpdate, isAllFieldReadOnly = props.isAllFieldReadOnly;
+    var _a = (0, react_1.useState)([]), domains = _a[0], setDomains = _a[1];
+    var _b = (0, react_1.useState)(true), loading = _b[0], setLoading = _b[1];
+    (0, react_1.useEffect)(function () {
+        if (service === null || service === void 0 ? void 0 : service.isAcmAdmin) {
+            service.domainsGetAll &&
+                service
+                    .domainsGetAll()
+                    .then(setDomains)
+                    .finally(function () { return setLoading(false); });
+        }
+        else {
+            setLoading(false);
+        }
+    }, [service]);
+    var fields = (0, react_1.useMemo)(function () {
+        var result = [
+            {
+                fieldName: 'name',
+                label: t('HolidayForm.Name'),
+                type: 'text',
+                required: true,
+                length: 100,
+                inputProps: {
+                    readOnly: isAllFieldReadOnly ? true : false,
+                },
+            },
+            {
+                fieldName: 'calendarType',
+                label: t('HolidayForm.CalendarType'),
+                required: true,
+                type: 'select',
+                options: Object.entries(Utils_1.CALENDAR_TYPE).map(function (_a) {
+                    var key = _a[0], value = _a[1];
+                    return ({
+                        value: value,
+                        text: t("CalendarType.".concat(key)),
+                    });
+                }),
+                inputProps: {
+                    readOnly: isAllFieldReadOnly ? true : false,
+                },
+            },
+            {
+                fieldName: 'recurrenceType',
+                label: t('HolidayForm.RecurrenceType'),
+                required: true,
+                type: 'select',
+                options: Object.entries(Utils_1.RECURRENCE_TYPE).map(function (_a) {
+                    var key = _a[0], value = _a[1];
+                    return ({
+                        value: value,
+                        text: t("RecurrenceType.".concat(key)),
+                    });
+                }),
+                inputProps: {
+                    readOnly: isAllFieldReadOnly ? true : false,
+                },
+            },
+        ];
+        if (service === null || service === void 0 ? void 0 : service.isAcmAdmin) {
+            result.splice(1, 0, {
+                fieldName: 'domainId',
+                label: t('Holiday.Domain'),
+                type: 'autocomplete',
+                required: true,
+                defaultValue: '99',
+                options: __spreadArray([
+                    {
+                        value: '99',
+                        text: t('Common.None'),
+                    }
+                ], domains.map(function (item) { return ({
+                    value: item.domainId,
+                    text: (item === null || item === void 0 ? void 0 : item.name) || '',
+                }); }), true),
+            });
+        }
+        return result;
+    }, [domains, service === null || service === void 0 ? void 0 : service.isAcmAdmin, t, isAllFieldReadOnly]);
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: loading ? ((0, jsx_runtime_1.jsx)(AWING_1.CircularProgress, {})) : ((0, jsx_runtime_1.jsx)(AWING_1.BasicDataForm, { oldValue: holidays, onUpdate: onUpdate
+                ? function (formValid, value) {
+                    return onUpdate(formValid ? value : {});
+                }
+                : undefined, fields: fields })) }));
+};
+exports.default = FormHoliday;

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

@@ -0,0 +1,2 @@
+declare const useHolidayProps: () => import("./Types").HolidayFeatureProps;
+export default useHolidayProps;

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

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("react");
+var Context_1 = require("./Context");
+var useHolidayProps = function () {
+    var holidayProps = (0, react_1.useContext)(Context_1.holidayPropsContext);
+    var props = (0, react_1.useMemo)(function () {
+        return holidayProps;
+    }, [holidayProps]);
+    return props;
+};
+exports.default = useHolidayProps;

package/lib/ACM-AXN/Holiday/Types.d.ts

@@ -0,0 +1,91 @@
+export interface Cancel {
+    message: string | undefined;
+}
+export interface CancelToken {
+    promise: Promise<Cancel>;
+    reason?: Cancel;
+    throwIfRequested(): void;
+}
+export interface HolidayService {
+    /**
+     * API holidaysPaging: Thông tin holiday.
+     **/
+    holidaysPaging: (searchString: string | undefined, pageIndex: number | undefined, pageSize: number | undefined, cancelToken?: CancelToken) => Promise<PagedList_1OfHoliday>;
+    /**
+     * API holidaysDelete: Xóa holiday.
+     **/
+    holidaysDelete: (id: number, cancelToken?: CancelToken) => Promise<void>;
+    holidaysPost: (body: Holiday | undefined, cancelToken?: CancelToken) => Promise<void>;
+    holidaysPut: (id: number, body: Holiday | undefined, cancelToken?: CancelToken) => Promise<void>;
+    holidaysGet: (id: number, cancelToken?: CancelToken) => Promise<Holiday>;
+    holidaysPutDetail: (id: number, body: HolidayDetail | undefined, cancelToken?: CancelToken) => Promise<void>;
+    holidaysPostDetail: (body: HolidayDetail | undefined, cancelToken?: CancelToken) => Promise<void>;
+    holidaysGetDetail: (id: number, cancelToken?: CancelToken) => Promise<HolidayDetail>;
+    holidaysGetDetailByHolidayId: (holidayId: number, cancelToken?: CancelToken) => Promise<HolidayDetail[]>;
+    holidaysDeleteDetail: (id: number, cancelToken?: CancelToken) => Promise<void>;
+    /**
+     * isAcmAdmin: Kiểm tra xem có phải là trang ACM Admin.
+     **/
+    isAcmAdmin?: boolean;
+    domainsGetAll?: (cancelToken?: CancelToken) => Promise<Domain[]>;
+}
+export interface Domain {
+    domainId?: string;
+    domainTariffId?: number;
+    directoryPath?: string | undefined;
+    name?: string | undefined;
+    joinNetwork?: boolean;
+    description?: string | undefined;
+    license?: string | undefined;
+    requiredCustomerData?: boolean | undefined;
+    url?: string | undefined;
+    customizeCustomerFormPath?: string | undefined;
+    contactPhoneNumber?: string | undefined;
+}
+export interface Holiday {
+    id?: number;
+    name?: string | undefined;
+    domainId?: string;
+    calendarType?: CalendarType;
+    recurrenceType?: RecurrenceType;
+}
+export interface HolidayFeatureProps {
+    service: HolidayService;
+}
+export declare enum RecurrenceType {
+    None = 0,
+    Yearly = 1,
+    Monthly = 2,
+    Weekly = 3
+}
+export declare enum CalendarType {
+    Solar = 0,
+    Lunar = 1
+}
+export interface Holiday {
+    id?: number;
+    name?: string | undefined;
+    domainId?: string;
+    calendarType?: CalendarType;
+    recurrenceType?: RecurrenceType;
+}
+export interface PagedList_1OfHoliday {
+    items?: Holiday[] | undefined;
+    pageCount?: number;
+    totalItemCount?: number;
+    pageNumber?: number;
+    pageSize?: number;
+    hasPreviousPage?: boolean;
+    hasNextPage?: boolean;
+}
+export interface Timestamp {
+    seconds?: string;
+    nanos?: number;
+}
+export interface HolidayDetail {
+    id?: number;
+    holidayId?: number;
+    domainId?: string;
+    startDate?: Timestamp;
+    endDate?: Timestamp;
+}

package/lib/ACM-AXN/Holiday/Types.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CalendarType = exports.RecurrenceType = void 0;
+var RecurrenceType;
+(function (RecurrenceType) {
+    RecurrenceType[RecurrenceType["None"] = 0] = "None";
+    RecurrenceType[RecurrenceType["Yearly"] = 1] = "Yearly";
+    RecurrenceType[RecurrenceType["Monthly"] = 2] = "Monthly";
+    RecurrenceType[RecurrenceType["Weekly"] = 3] = "Weekly";
+})(RecurrenceType || (exports.RecurrenceType = RecurrenceType = {}));
+var CalendarType;
+(function (CalendarType) {
+    CalendarType[CalendarType["Solar"] = 0] = "Solar";
+    CalendarType[CalendarType["Lunar"] = 1] = "Lunar";
+})(CalendarType || (exports.CalendarType = CalendarType = {}));

package/lib/ACM-AXN/Holiday/Utils.d.ts

@@ -0,0 +1,13 @@
+export declare const CALENDAR_TYPE: {
+    SOLAR: number;
+    LUNAR: number;
+};
+export declare const RECURRENCE_TYPE: {
+    NONE: number;
+    YEARLY: number;
+    MONTHLY: number;
+    WEEKLY: number;
+};
+export declare const pureDateToTimestamp: (date?: Date) => string | undefined;
+export declare const timestampToPureDate: (date?: string) => Date | undefined;
+export declare const timestampToDate: (seconds?: string) => string | undefined;

package/lib/ACM-AXN/Holiday/Utils.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.timestampToDate = exports.timestampToPureDate = exports.pureDateToTimestamp = exports.RECURRENCE_TYPE = exports.CALENDAR_TYPE = void 0;
+exports.CALENDAR_TYPE = {
+    SOLAR: 0,
+    LUNAR: 1,
+};
+exports.RECURRENCE_TYPE = {
+    NONE: 0,
+    YEARLY: 1,
+    MONTHLY: 2,
+    WEEKLY: 3,
+};
+var pureDateToTimestamp = function (date) {
+    if (!date)
+        return;
+    var newDate = Math.floor((date === null || date === void 0 ? void 0 : date.getTime()) / 1000);
+    return String(newDate);
+};
+exports.pureDateToTimestamp = pureDateToTimestamp;
+var timestampToPureDate = function (date) {
+    if (!date)
+        return;
+    var timestamp = Number(date) * 1000;
+    return new Date(timestamp);
+};
+exports.timestampToPureDate = timestampToPureDate;
+var timestampToDate = function (seconds) {
+    if (!seconds)
+        return;
+    var date = new Date(Number(seconds) * 1000);
+    return date.toLocaleDateString('vi-VN');
+};
+exports.timestampToDate = timestampToDate;

package/lib/ACM-AXN/Holiday/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { HolidayFeatureProps } from './Types';
+export declare const HolidayFeature: React.FC<HolidayFeatureProps>;

package/lib/ACM-AXN/Holiday/index.js

@@ -0,0 +1,45 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HolidayFeature = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_i18next_1 = require("react-i18next");
+var i18n_1 = __importDefault(require("../../i18n"));
+var Container_1 = __importDefault(require("./Container"));
+var Detail_1 = __importDefault(require("./Detail"));
+var Router_1 = require("../../AWING/Router");
+var Constant_1 = require("../Common/Constant");
+var CreateOrEdit_1 = __importDefault(require("./CreateOrEdit"));
+var Context_1 = require("./Context");
+var Holiday = function (props) {
+    var paths = [
+        {
+            path: Constant_1.Constants.HOLIDAY_CREATE,
+            element: (0, jsx_runtime_1.jsx)(CreateOrEdit_1.default, {}),
+        },
+        {
+            path: Constant_1.Constants.HOLIDAY_EDIT + '/:id',
+            element: (0, jsx_runtime_1.jsx)(CreateOrEdit_1.default, {}),
+        },
+        {
+            path: Constant_1.Constants.HOLIDAY_DETAIL + '/:id/*',
+            element: (0, jsx_runtime_1.jsx)(Detail_1.default, {}),
+        },
+    ];
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Container_1.default, {}), (0, jsx_runtime_1.jsx)(Router_1.Routes, { children: paths.map(function (p) { return ((0, jsx_runtime_1.jsx)(Router_1.Route, { path: p.path, element: p.element }, p.path)); }) })] }));
+};
+var HolidayFeature = function (props) { return ((0, jsx_runtime_1.jsx)(react_i18next_1.I18nextProvider, { i18n: i18n_1.default, children: (0, jsx_runtime_1.jsx)(Context_1.holidayPropsContext.Provider, { value: props, children: (0, jsx_runtime_1.jsx)(Holiday, __assign({}, props)) }) })); };
+exports.HolidayFeature = HolidayFeature;

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("../../../../ACM-AXN/Common/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("../../../../ACM-AXN/Common/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;