awing-library 2.1.7-beta → 2.1.7

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

@@ -0,0 +1,31 @@
+import { IUser } from "../../ACM-AXN/User/Types";
+export interface IPagedList_1OfGroup {
+    items?: IGroup[] | undefined;
+    pageCount?: number;
+    totalItemCount?: number;
+    pageNumber?: number;
+    pageSize?: number;
+    hasPreviousPage?: boolean;
+    hasNextPage?: boolean;
+}
+interface IGroupUserService {
+    groupsPaging: (searchString: string | undefined, searchId: number | undefined, pageIndex: number | undefined, pageSize: number | undefined) => Promise<IPagedList_1OfGroup>;
+    groupsDelete: (id: string) => Promise<void>;
+    groupsGet: (id: string) => Promise<IGroupModel>;
+    usersGet: () => Promise<IUser[]>;
+    groupsPut: (id: string, data: IGroupModel) => Promise<void>;
+    groupsPost: (data: IGroupModel) => Promise<void>;
+}
+export interface GroupUserProps {
+    service: IGroupUserService;
+}
+export interface IGroupModel {
+    group: IGroup;
+    userIds: string[];
+}
+export interface IGroup {
+    groupId: string;
+    name: string;
+    description: string;
+}
+export {};

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

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { DataObject } from '../../../AWING';
+interface SearchUserProps {
+    onChangeAddUser: (ids: any) => void;
+    listUserId: string[];
+    users: DataObject[];
+}
+declare const SearchUser: React.FC<SearchUserProps>;
+export default SearchUser;

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

@@ -0,0 +1,63 @@
+"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 material_1 = require("@mui/material");
+var ClassicDrawer_1 = __importDefault(require("../../../Commons/Components/ClassicDrawer"));
+var AWING_1 = require("../../../AWING");
+var lodash_1 = require("lodash");
+var react_1 = require("react");
+var react_i18next_1 = require("react-i18next");
+var SearchUser = function (props) {
+    var t = (0, react_i18next_1.useTranslation)().t;
+    var listUserId = props.listUserId, users = props.users, onChangeAddUser = props.onChangeAddUser;
+    var _a = (0, react_1.useState)([]), usersSearchResult = _a[0], setUsersSearchResult = _a[1];
+    var _b = (0, react_1.useState)([]), selectedIds = _b[0], setSelectedIs = _b[1];
+    var handleFilterByFieldName = function (list, newSearchString, fieldName) {
+        var result = list;
+        if (newSearchString.length) {
+            result = list.filter(function (item) {
+                return item[fieldName]
+                    .toLowerCase()
+                    .includes(newSearchString.toLowerCase());
+            });
+        }
+        return result.filter(function (item) { return !listUserId.includes(item.userId); });
+    };
+    var handleChangeUserList = function (e) {
+        var userId = e.currentTarget.dataset.userid;
+        var newUserIds = selectedIds.slice();
+        if (e.target.checked) {
+            setSelectedIs(__spreadArray(__spreadArray([], newUserIds, true), [userId], false));
+        }
+        else {
+            newUserIds = (0, lodash_1.filter)(newUserIds, function (id) { return id !== userId; });
+            setSelectedIs(newUserIds);
+        }
+    };
+    var handleSearch = function (searchString) {
+        var newUsersSearchResult = handleFilterByFieldName(users, searchString, 'username');
+        setUsersSearchResult(newUsersSearchResult);
+    };
+    var handleSubmit = function () { return Promise.resolve(onChangeAddUser(selectedIds)); };
+    return ((0, jsx_runtime_1.jsx)(ClassicDrawer_1.default, { title: t('UserGroup.AddUserGroupButton'), onSubmit: handleSubmit, confirmExit: false, disableButtonSubmit: !selectedIds.length, childrenWrapperStyle: { padding: 0 }, children: (0, jsx_runtime_1.jsx)(material_1.Grid, { container: true, sx: { flexGrow: 1, padding: function (theme) { return theme.spacing(3); } }, children: (0, jsx_runtime_1.jsx)(AWING_1.Page, { actions: (0, jsx_runtime_1.jsx)(AWING_1.SearchBox, { onSearch: function (searchType, searchString) {
+                        handleSearch(searchString);
+                    } }), caption: '', children: (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, component: material_1.Paper, sx: { p: 3, width: '100%', position: 'relative' }, children: usersSearchResult.length > 0 ? ((0, jsx_runtime_1.jsx)(material_1.Grid, { container: true, sx: { marginTop: '24px' }, children: usersSearchResult.map(function (user, key) { return ((0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 12, sm: 6, md: 4, lg: 3, children: (0, jsx_runtime_1.jsx)(material_1.FormControlLabel, { control: (0, jsx_runtime_1.jsx)(material_1.Checkbox, { inputProps: {
+                                        'data-userid': user.userId,
+                                        name: user.userId,
+                                    }, "data-userid": user.userId, color: "primary", checked: (0, lodash_1.some)(selectedIds, function (id) {
+                                        return id === user.userId;
+                                    }), onChange: handleChangeUserList, value: user.userId }), label: user.username }) }, key)); }) })) : ((0, jsx_runtime_1.jsx)(AWING_1.NoData, {})) }) }) }) }));
+};
+exports.default = SearchUser;

package/lib/ACM-AXN/GroupUser/User/SearchUser.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom/extend-expect';

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

@@ -0,0 +1,140 @@
+"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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+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 SearchUser_1 = __importDefault(require("./SearchUser"));
+var userIds = ['1029', '1118'];
+var userList = [
+    {
+        userId: '1029',
+        name: 'tester',
+        description: '',
+        username: 'test',
+        gender: 1,
+        image: null,
+    },
+    {
+        userId: '1029a',
+        name: 'tester2',
+        description: '',
+        username: 'test2',
+        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,
+    },
+];
+// 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 Drawer
+jest.mock('Commons/Components/ClassicDrawer', function () { return function (props) {
+    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("button", { "data-testid": "onSubmit", onClick: props.onSubmit, children: "submit" }), props.children] }));
+}; });
+// Mock SearchBox
+jest.mock('AWING', function () { return ({
+    SearchBox: function (props) { return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("button", { "data-testid": "onSearch", onClick: function () {
+                    props.onSearch('', 'phonglt');
+                }, children: "onSearch" }), (0, jsx_runtime_1.jsx)("button", { "data-testid": "onClearSearch", onClick: function () {
+                    props.onSearch('', '');
+                }, children: "onClearSearch" })] })); },
+}); });
+var mockFn = {
+    onChangeAddUser: function (id) { },
+};
+var onChangeAddUser = jest.fn(function (id) { return mockFn.onChangeAddUser(id); });
+describe('GroupUser/SearchUser', function () {
+    var renderUi = function () {
+        return (0, react_1.render)((0, jsx_runtime_1.jsx)(SearchUser_1.default, { listUserId: userIds, users: userList, onChangeAddUser: onChangeAddUser }));
+    };
+    it('render without crash', function () {
+        renderUi();
+    });
+    it('handle search', function () {
+        renderUi();
+        react_1.fireEvent.click(react_1.screen.getByTestId('onSearch'));
+        expect(react_1.screen.getByText('phonglt@awing.vn')).toBeInTheDocument();
+        expect(react_1.screen.queryByText('test2')).toBeNull();
+        react_1.fireEvent.click(react_1.screen.getByTestId('onClearSearch'));
+        expect(react_1.screen.getByText('test2')).toBeInTheDocument();
+    });
+    it('handle change user', function () { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            renderUi();
+            react_1.fireEvent.click(react_1.screen.getByTestId('onSearch'));
+            // check phonglt@awing.vn
+            react_1.fireEvent.click(react_1.screen.getByText('phonglt@awing.vn'));
+            react_1.fireEvent.click(react_1.screen.getByTestId('onSubmit'));
+            expect(onChangeAddUser).toHaveBeenCalledWith(['1029', '1118', '1523']);
+            // un check phonglt@awing.vn
+            react_1.fireEvent.click(react_1.screen.getByText('phonglt@awing.vn'));
+            react_1.fireEvent.click(react_1.screen.getByTestId('onSubmit'));
+            expect(onChangeAddUser).toHaveBeenCalledWith(['1029', '1118']);
+            return [2 /*return*/];
+        });
+    }); });
+});

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

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

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

@@ -0,0 +1,77 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var material_1 = require("@mui/material");
+var Helpers_1 = require("../../../Utils/Helpers");
+var PageManagement_1 = require("../../../AWING/PageManagement");
+var react_1 = require("react");
+var react_i18next_1 = require("react-i18next");
+var Router_1 = require("../../../AWING/Router");
+var Context_1 = require("../../../Context");
+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 _c = (0, react_1.useState)([]), gridUser = _c[0], setGridUser = _c[1];
+    var _d = (0, react_1.useState)({
+        pageIndex: 0,
+        pageSize: 10,
+    }), queryParams = _d[0], setQueryParams = _d[1];
+    (0, react_1.useLayoutEffect)(function () {
+        setGridUser(rows);
+    }, [rows]);
+    var handleDelete = function (id) {
+        startTransition(function () {
+            onChangeAddUser(rows
+                .filter(function (item) { return item.userId !== id; })
+                .map(function (item) { return item.userId; }));
+        });
+        return Promise.resolve();
+    };
+    var handleChangeParams = (0, react_1.useCallback)(function (params) {
+        setGridUser(rows.filter(function (row) {
+            return row.username.includes(params.searchString);
+        }));
+        setQueryParams({
+            pageIndex: params.pageIndex,
+            pageSize: params.pageSize,
+        });
+    }, [rows]);
+    return ((0, jsx_runtime_1.jsx)(material_1.Grid, { container: true, sx: {
+            flexGrow: 1,
+            padding: function (theme) { return theme.spacing(3); },
+            paddingTop: 0,
+        }, children: (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, component: material_1.Paper, sx: {
+                p: 3,
+                width: '100%',
+                position: 'relative',
+                '& h1.MuiTypography-root': { fontSize: '1rem' },
+            }, children: (0, jsx_runtime_1.jsx)(PageManagement_1.PageManagement, { title: t('UserGroup.TitleUserGroup'), getRowId: function (obj) { return obj.userId; }, columns: [
+                    {
+                        field: '#',
+                        headerName: '#',
+                        width: 100,
+                        valueGetter: function (_unUse, idx, stt) { return stt; },
+                    },
+                    {
+                        field: 'username',
+                        headerName: t('Common.Username'),
+                    },
+                    {
+                        field: 'name',
+                        headerName: t('Common.Name'),
+                    },
+                ], totalOfRows: gridUser.length, rows: (0, Helpers_1.offlinePaginate)(gridUser, queryParams.pageIndex, queryParams.pageSize), customActions: (0, jsx_runtime_1.jsx)(material_1.Button, { component: Router_1.Link, variant: "outlined", color: "secondary", sx: function (theme) { return ({
+                        backgroundColor: theme.palette.action.hover,
+                        '&:hover': {
+                            backgroundColor: theme.palette.secondary.main,
+                            border: '1px solid lightgray',
+                        },
+                        color: theme.palette.text.primary,
+                        border: '1px solid lightgray',
+                        marginLeft: theme.spacing(2),
+                    }); }, to: Constants_1.ADD_USER_TO_GROUP, children: t('UserGroup.AddUserGroupButton') }), onChangeQueryInput: handleChangeParams, onDelete: handleDelete, confirmDelete: appHelper.confirm, loading: false }) }) }));
+};
+exports.default = UserComponent;

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

@@ -0,0 +1 @@
+import '@testing-library/jest-dom/extend-expect';

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