awing-library 2.1.13-beta → 2.1.13

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

@@ -0,0 +1,128 @@
+"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 });
+var jsx_runtime_1 = require("react/jsx-runtime");
+require("@testing-library/jest-dom/extend-expect");
+var react_1 = require("@testing-library/react");
+var Router_1 = require("../../../AWING/Router");
+var UserComponent_1 = __importDefault(require("./UserComponent"));
+var userList = [
+    {
+        userId: '1029',
+        name: 'tester',
+        description: '',
+        username: 'test',
+        gender: 1,
+        image: null,
+    },
+    {
+        userId: '1118',
+        name: 'tester 1',
+        description: null,
+        username: 'test1',
+        gender: 1,
+        image: null,
+    },
+    {
+        userId: '1523',
+        name: 'Lê Thế Phong',
+        description: '',
+        username: 'phonglt@awing.vn',
+        gender: 1,
+        image: null,
+    },
+    {
+        userId: '30041975',
+        name: 'Lê Thế Tiệm',
+        description: '',
+        username: 'tiem@awing.vn',
+        gender: 1,
+        image: null,
+    },
+];
+// Mock i18next
+jest.mock('react-i18next', function () { return (__assign(__assign({}, jest.requireActual('react-i18next')), { useTranslation: function () { return ({ t: jest.fn(function (key) { return key; }) }); } })); });
+// Mock Toolbar
+jest.mock('react-i18next', function () { return (__assign(__assign({}, jest.requireActual('react-i18next')), { useTranslation: function () { return ({ t: jest.fn(function (key) { return key; }) }); } })); });
+// Mock useAppHelper
+var mockFn = {
+    confirm: function (ok) {
+        ok();
+    },
+};
+jest.mock('CustomHooks/useAppHelper', function () { return ({
+    __esModule: true,
+    default: function () { return ({
+        confirm: jest.fn(function (ok) { return mockFn.confirm(ok); }),
+    }); },
+}); });
+// Mock useTransition
+jest.mock('react', function () { return (__assign(__assign({}, jest.requireActual('react')), { useTransition: function () { return [
+        null,
+        function (fn) {
+            fn();
+        },
+    ]; } })); });
+// Mock PageManagement
+jest.mock('AWING/PageManagement', function () { return ({
+    PageManagement: function (props) {
+        return ((0, jsx_runtime_1.jsxs)("div", { children: [props.columns
+                    .filter(function (item) { return item.valueGetter; })
+                    .map(function (getter, idx) { return ((0, jsx_runtime_1.jsx)("span", { children: getter.valueGetter(userList[0], idx) }, idx)); }), (0, jsx_runtime_1.jsx)("span", { "data-testid": "rowid", children: props.getRowId(userList[0]) }), (0, jsx_runtime_1.jsx)("button", { "data-testid": "CreateBtn", onClick: props.onCreateButtonClick, children: "CreateBtn" }), (0, jsx_runtime_1.jsx)("button", { onClick: function () {
+                        props.onChangeQueryInput({
+                            searchString: 'phonglt',
+                            pageIndex: 0,
+                            pageSize: 2,
+                        });
+                    }, children: "ChangeInput" }), (0, jsx_runtime_1.jsx)("button", { "data-testid": "onDelete", onClick: function () {
+                        props.onDelete('30041975');
+                    }, children: "Remove Btn" }), props.customActions, (0, jsx_runtime_1.jsx)("p", { children: JSON.stringify(props.rows) }), (0, jsx_runtime_1.jsxs)("span", { children: ["totalItemCount:", props.totalOfRows] })] }));
+    },
+}); });
+var props = {
+    onChangeAddUser: function () {
+        var params = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+            params[_i] = arguments[_i];
+        }
+    },
+    rows: userList,
+};
+describe('UserGroup/UserComponent', function () {
+    var renderUi = function () {
+        return (0, react_1.render)((0, jsx_runtime_1.jsx)(Router_1.BrowserRouter, { children: (0, jsx_runtime_1.jsx)(UserComponent_1.default, __assign({}, props)) }));
+    };
+    it('render without crash', function () {
+        renderUi();
+    });
+    it('render list user', function () {
+        renderUi();
+        expect(react_1.screen.getByText(JSON.stringify(userList))).toBeInTheDocument();
+    });
+    it('change pageSize/PageIndex input search', function () {
+        renderUi();
+        react_1.fireEvent.click(react_1.screen.getByText('ChangeInput'));
+        expect(react_1.screen.getByText(JSON.stringify([userList[2]]))).toBeInTheDocument();
+    });
+    it('remove user from list', function () {
+        var onChangeAddUser = jest.spyOn(props, 'onChangeAddUser');
+        renderUi();
+        react_1.fireEvent.click(react_1.screen.getByTestId('onDelete'));
+        expect(onChangeAddUser).toHaveBeenLastCalledWith(userList
+            .filter(function (item) { return item.userId !== '30041975'; })
+            .map(function (item) { return item.userId; }));
+    });
+});

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

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

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

@@ -0,0 +1,27 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GroupUser = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var Router_1 = require("../../AWING/Router");
+var CreateOrEdit_1 = __importDefault(require("./CreateOrEdit"));
+var Container_1 = __importDefault(require("./Container"));
+var Constants_1 = require("./Constants");
+var react_i18next_1 = require("react-i18next");
+var react_helmet_async_1 = require("react-helmet-async");
+var i18n_1 = __importDefault(require("../../i18n"));
+var Hooks_1 = require("./Hooks");
+var GroupUser = function (props) {
+    var paths = [
+        { param: Constants_1.CREATE_PATH, element: (0, jsx_runtime_1.jsx)(CreateOrEdit_1.default, {}) },
+        {
+            param: Constants_1.EDIT_PATH + '/:groupId',
+            element: (0, jsx_runtime_1.jsx)(CreateOrEdit_1.default, {}),
+        },
+    ];
+    return ((0, jsx_runtime_1.jsx)(react_i18next_1.I18nextProvider, { i18n: i18n_1.default, children: (0, jsx_runtime_1.jsx)(react_helmet_async_1.HelmetProvider, { children: (0, jsx_runtime_1.jsxs)(Hooks_1.groupUserPropsContext.Provider, { value: props, 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.param + '/*', element: p.element }, p.param)); }) })] }) }) }));
+};
+exports.GroupUser = GroupUser;
+exports.default = exports.GroupUser;

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