awing-library 2.1.26-beta → 2.1.26

package/lib/ACM-AXN/CampaignSchedule/container.js

@@ -62,40 +62,39 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var material_1 = require("@mui/material");
 var lodash_1 = __importDefault(require("lodash"));
-var moment_1 = __importDefault(require("moment"));
 var react_1 = require("react");
+var react_helmet_async_1 = require("react-helmet-async");
 var react_i18next_1 = require("react-i18next");
 var CircularProgress_1 = require("../../AWING/CircularProgress");
 var ContentHeader_1 = __importDefault(require("./Components/ContentHeader"));
 var ControlPanel_1 = __importDefault(require("./Components/ControlPanel"));
 var DataConfig_1 = require("./DataConfig");
+var DataConfigAXN_1 = require("./DataConfigAXN");
 var Enum_1 = require("./Enum");
 var component_1 = __importDefault(require("./component"));
-var exportFile_1 = require("./exportFile");
-var react_helmet_async_1 = require("react-helmet-async");
 var CampaignScheduleContainer = function (_a) {
     var _b;
-    var initialFilters = _a.initialFilters, initialHeadCells = _a.initialHeadCells, placeMultiSelectComponent = _a.placeMultiSelectComponent, serviceCampaignSchedule = _a.serviceCampaignSchedule;
+    var initialFilters = _a.initialFilters, initialHeadCells = _a.initialHeadCells, placeMultiSelectComponent = _a.placeMultiSelectComponent, serviceCampaignSchedule = _a.serviceCampaignSchedule, _c = _a.typeSystemAXN, typeSystemAXN = _c === void 0 ? false : _c, title = _a.title, disabledCampaignFilter = _a.disabledCampaignFilter, isFutureDate = _a.isFutureDate;
     var t = (0, react_i18next_1.useTranslation)().t;
-    var _c = (0, react_1.useState)(null), dragPlace = _c[0], setDragPlace = _c[1];
-    var _d = (0, react_1.useState)(initialFilters), filters = _d[0], setFilters = _d[1];
+    var _d = (0, react_1.useState)(null), dragPlace = _d[0], setDragPlace = _d[1];
+    var _e = (0, react_1.useState)(initialFilters), filters = _e[0], setFilters = _e[1];
     var pagingGroupBy = serviceCampaignSchedule.pagingGroupBy, paging = serviceCampaignSchedule.paging, exportExcel = serviceCampaignSchedule.exportExcel, placesPermission = serviceCampaignSchedule.placesPermission, campaignPlan = serviceCampaignSchedule.campaignPlan, domains = serviceCampaignSchedule.domains;
-    var _e = (0, react_1.useState)({
+    var _f = (0, react_1.useState)({
         campaigns: {},
         places: {},
         domains: {},
-    }), options = _e[0], setOptions = _e[1];
-    var _f = (0, react_1.useState)(initialHeadCells), headCells = _f[0], setHeadCells = _f[1];
-    var _g = (0, react_1.useState)(), scheduleGroups = _g[0], setScheduleGroups = _g[1];
-    var _h = (0, react_1.useState)(Enum_1.initialPage), page = _h[0], setPage = _h[1];
-    var _j = (0, react_1.useState)({
+    }), options = _f[0], setOptions = _f[1];
+    var _g = (0, react_1.useState)(initialHeadCells), headCells = _g[0], setHeadCells = _g[1];
+    var _h = (0, react_1.useState)(), scheduleGroups = _h[0], setScheduleGroups = _h[1];
+    var _j = (0, react_1.useState)(Enum_1.initialPage), page = _j[0], setPage = _j[1];
+    var _k = (0, react_1.useState)({
         campaigns: false,
         places: false,
         export: false,
         pages: false,
-    }), loadingFlags = _j[0], setLoadingFlags = _j[1];
-    var _k = (0, react_1.useState)(initialHeadCells), panels = _k[0], setPanels = _k[1];
-    var _l = (0, react_1.useState)(false), view = _l[0], setView = _l[1];
+    }), loadingFlags = _k[0], setLoadingFlags = _k[1];
+    var _l = (0, react_1.useState)(initialHeadCells), panels = _l[0], setPanels = _l[1];
+    var _m = (0, react_1.useState)(false), view = _m[0], setView = _m[1];
     var handleLoading = function (typeLoading, value) {
         setLoadingFlags(function (prevLoadingFlags) {
             var _a;
@@ -127,7 +126,18 @@ var CampaignScheduleContainer = function (_a) {
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
-                        groupNames = (_a = headCells === null || headCells === void 0 ? void 0 : headCells.filter(function (item) { return item.grouping; })) === null || _a === void 0 ? void 0 : _a.map(function (item) { return item.name; });
+                        groupNames = (_a = headCells === null || headCells === void 0 ? void 0 : headCells.filter(function (item) { return item.grouping; })) === null || _a === void 0 ? void 0 : _a.map(function (item) {
+                            switch (item.name) {
+                                case 'placeCampaign':
+                                    return 'placeId';
+                                case 'domainCampaign':
+                                    return 'domainId';
+                                case 'campaignCampaign':
+                                    return 'campaignId';
+                                default:
+                                    return item.name;
+                            }
+                        });
                         groupBy = (groupNames === null || groupNames === void 0 ? void 0 : groupNames.length) === 0 ? null : groupNames[0];
                         pageIndex = page.pageIndex;
                         pageSize = page.pageSize;
@@ -136,7 +146,7 @@ var CampaignScheduleContainer = function (_a) {
                         _b.label = 1;
                     case 1:
                         _b.trys.push([1, 3, , 4]);
-                        return [4 /*yield*/, pagingGroupBy(params, setScheduleGroups)];
+                        return [4 /*yield*/, pagingGroupBy(params, setScheduleGroups, handleLoading)];
                     case 2:
                         _b.sent();
                         return [3 /*break*/, 4];
@@ -147,7 +157,7 @@ var CampaignScheduleContainer = function (_a) {
                     case 4: return [3 /*break*/, 8];
                     case 5:
                         _b.trys.push([5, 7, , 8]);
-                        return [4 /*yield*/, paging(params, setScheduleGroups)];
+                        return [4 /*yield*/, paging(params, setScheduleGroups, handleLoading)];
                     case 6:
                         _b.sent();
                         return [3 /*break*/, 8];
@@ -162,20 +172,8 @@ var CampaignScheduleContainer = function (_a) {
         getScheduleGroupsData();
     }, [page.pageSize, page.pageIndex, view, filters.campaignId]);
     var handleExportExcel = function () {
-        handleLoading('export', true);
-        var startDate = filters.startDate, endDate = filters.endDate, campaignId = filters.campaignId, placeIds = filters.placeIds;
-        var excelName = "AWING_REPORT_TRAFFIC_DISTRIBUTION_".concat(startDate.format('DD-MM-YYYY'), "_TO_").concat(endDate.format('DD-MM-YYYY'));
-        exportExcel((0, moment_1.default)(startDate).startOf('day').format('YYYY-MM-DD'), (0, moment_1.default)(endDate).endOf('day').format('YYYY-MM-DD'), campaignId, placeIds)
-            .then(function (res) {
-            var _a = (0, DataConfig_1.DataSetConfigs)(res, options.campaigns, options.places, t), results = _a.results, mergeConfigs = _a.mergeConfigs;
-            (0, exportFile_1.downloadWithDataSet)(excelName, results, mergeConfigs);
-        })
-            .catch(function (err) {
-            // snackbar("error");
-        })
-            .finally(function () {
-            handleLoading('export', false);
-        });
+        var params = __assign(__assign({}, filters), { options: options });
+        exportExcel(params, typeSystemAXN ? DataConfigAXN_1.DataSetConfigsAXN : DataConfig_1.DataSetConfigs, t);
     };
     var getAllPlaces = function () {
         if (placesPermission) {
@@ -194,18 +192,20 @@ var CampaignScheduleContainer = function (_a) {
         }
     };
     var getAllDomains = function () {
-        handleLoading('domains', true);
-        domains()
-            .then(function (res) {
-            setOptions(function (prevState) { return (__assign(__assign({}, prevState), { domains: lodash_1.default.keyBy(res, 'domainId') })); });
-        })
-            .catch(function (error) {
-            console.log(error);
-            // snackbar("error");
-        })
-            .finally(function () {
-            handleLoading('domains', false);
-        });
+        if (domains) {
+            handleLoading('domains', true);
+            domains()
+                .then(function (res) {
+                setOptions(function (prevState) { return (__assign(__assign({}, prevState), { domains: lodash_1.default.keyBy(res, 'domainId') })); });
+            })
+                .catch(function (error) {
+                console.log(error);
+                // snackbar("error");
+            })
+                .finally(function () {
+                handleLoading('domains', false);
+            });
+        }
     };
     var fetchCampaignCurrentRun = function () { return __awaiter(void 0, void 0, void 0, function () {
         return __generator(this, function (_a) {
@@ -316,8 +316,7 @@ var CampaignScheduleContainer = function (_a) {
         ], false), panels.slice(indexMatch + 1), true));
         setPanels(newPanels);
     }
-    console.log('scheduleGroups :>> ', scheduleGroups);
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_helmet_async_1.HelmetProvider, { children: (0, jsx_runtime_1.jsx)(react_helmet_async_1.Helmet, { children: (0, jsx_runtime_1.jsx)("title", { children: t('Schedule.TrafficDistribution') }) }) }), (0, jsx_runtime_1.jsx)(ContentHeader_1.default, { title: t('Schedule.TrafficDistribution') }), (0, jsx_runtime_1.jsxs)(material_1.Paper, { children: [(0, jsx_runtime_1.jsx)(ControlPanel_1.default, { campaigns: (_b = options === null || options === void 0 ? void 0 : options.campaigns) !== null && _b !== void 0 ? _b : {}, panels: panels, unGroupField: unGroupField, onDragStart: onDragStart, onDragOver: onDragOver, onDrop: onDrop, handleView: handleView, handleExportExcel: handleExportExcel, handleFilters: handleFilters, loadingFlags: loadingFlags, placeMultiSelectComponent: placeMultiSelectComponent }), loadingFlags.pages ||
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_helmet_async_1.HelmetProvider, { children: (0, jsx_runtime_1.jsx)(react_helmet_async_1.Helmet, { children: (0, jsx_runtime_1.jsx)("title", { children: title }) }) }), (0, jsx_runtime_1.jsx)(ContentHeader_1.default, { title: title }), (0, jsx_runtime_1.jsxs)(material_1.Paper, { children: [(0, jsx_runtime_1.jsx)(ControlPanel_1.default, { campaigns: (_b = options === null || options === void 0 ? void 0 : options.campaigns) !== null && _b !== void 0 ? _b : {}, panels: panels, unGroupField: unGroupField, onDragStart: onDragStart, onDragOver: onDragOver, onDrop: onDrop, handleView: handleView, handleExportExcel: handleExportExcel, handleFilters: handleFilters, loadingFlags: loadingFlags, placeMultiSelectComponent: placeMultiSelectComponent, disabledCampaignFilter: disabledCampaignFilter, isFutureDate: isFutureDate }), loadingFlags.pages ||
                         loadingFlags.campaigns ||
                         loadingFlags.places ? ((0, jsx_runtime_1.jsx)("div", { style: { width: '100%' }, children: (0, jsx_runtime_1.jsx)(CircularProgress_1.CircularProgress, {}) })) : ((0, jsx_runtime_1.jsx)(component_1.default, { headCells: headCells, onDragOver: onDragOver, onDragStart: onDragStart, onDrop: onDrop, scheduleGroups: scheduleGroups, page: page, handleChangePage: handleChangePage, handleChangeRowsPerPage: handleChangeRowsPerPage, options: options, filters: filters, serviceCampaignSchedule: serviceCampaignSchedule }))] })] }));
 };

package/lib/ACM-AXN/CampaignSchedule/interface.d.ts

@@ -4,7 +4,18 @@ export interface ICampaignScheduleContainerProps {
     initialFilters: any;
     initialHeadCells: IHeadCells[];
     placeMultiSelectComponent: (p?: any) => JSX.Element;
-    serviceCampaignSchedule: any;
+    serviceCampaignSchedule: {
+        pagingGroupBy: any;
+        paging: any;
+        exportExcel: any;
+        placesPermission?: any;
+        campaignPlan?: any;
+        domains?: any;
+    };
+    typeSystemAXN?: boolean;
+    title: string;
+    disabledCampaignFilter?: boolean;
+    isFutureDate?: boolean;
 }
 export interface ILoadingFlags {
     campaigns?: boolean;
@@ -84,6 +95,7 @@ export interface IFilters {
     startDate: moment.Moment;
     endDate: moment.Moment;
     campaignId: string;
+    domainId?: string;
     placeIds: [];
     groupBy?: string;
 }
@@ -92,7 +104,7 @@ export interface ICampaignSchedulesComponentProps {
     onDragOver: (e: any) => void;
     onDragStart: (e: any) => void;
     onDrop: (e: any, i: any) => void;
-    scheduleGroups: IPagedList_1OfCampaignScheduleGroup;
+    scheduleGroups: any;
     page: {
         pageSize: number;
         pageIndex: number;
@@ -172,6 +184,8 @@ export interface IControlPanelProps {
     panels: IHeadCells[];
     loadingFlags: ILoadingFlags;
     placeMultiSelectComponent: (p?: any) => JSX.Element;
+    disabledCampaignFilter?: boolean;
+    isFutureDate?: boolean;
 }
 export interface IGroupPanelProps {
     unGroupField: any;
@@ -186,6 +200,8 @@ export interface IFiltersProps {
     loadingFlags: ILoadingFlags;
     placeMultiSelectComponent: (p?: any) => JSX.Element;
     handleExportExcel: () => void;
+    disabledCampaignFilter?: boolean;
+    isFutureDate?: boolean;
 }
 export interface IOptions {
     campaigns: any;

package/lib/ACM-AXN/Directory/DomainDirectory/DomainDirectory.test.js

@@ -74,6 +74,7 @@ describe('DomainDirectory', function () {
                                 i18next: {},
                                 service: { directoriesGetAll: directoriesGetAll },
                                 appHelper: {},
+                                transactionType: {},
                             }, children: (0, jsx_runtime_1.jsx)(_1.default, { rootDirectoryId: '0' }) }) }));
                     loading = react_1.screen.getByRole('progressbar');
                     expect(loading).toBeInTheDocument();

package/lib/ACM-AXN/Directory/DomainDirectory/FolderDetail.test.js

@@ -22,6 +22,7 @@ describe('DomainDirectory', function () {
                     service: { directoriesGetChildDirectories: directoriesGetChildDirectories },
                     appHelper: {},
                     i18next: {},
+                    transactionType: {},
                 }, children: (0, jsx_runtime_1.jsx)(FolderDetail_1.default, { parentId: '0' }) }) }));
         var loading = react_1.screen.getByText('Common.NoData');
         expect(loading).toBeInTheDocument();

package/lib/ACM-AXN/Directory/MenuDirectory/MenuDirectory.test.js

@@ -72,6 +72,7 @@ describe('MenuDirectory', function () {
                                 i18next: {},
                                 service: { menusGetAll: menusGetAll },
                                 appHelper: {},
+                                transactionType: {},
                             }, children: (0, jsx_runtime_1.jsx)(_1.default, {}) }) }));
                     loading = react_1.screen.getByRole('progressbar');
                     expect(loading).toBeInTheDocument();

package/lib/ACM-AXN/Directory/SystemDirectory/SystemDirectory.test.js

@@ -74,6 +74,7 @@ describe('SystemDirectory', function () {
                                 i18next: {},
                                 service: { systemDirectoriesGetAll: systemDirectoriesGetAll },
                                 appHelper: {},
+                                transactionType: {},
                             }, children: (0, jsx_runtime_1.jsx)(_1.default, { rootDirectoryId: '0' }) }) }));
                     loading = react_1.screen.getByRole('progressbar');
                     expect(loading).toBeInTheDocument();

package/lib/ACM-AXN/Directory/components/CreateOrEditFolder.test.js

@@ -53,6 +53,7 @@ describe('CreateOrEditFolder', function () {
                     },
                     appHelper: {},
                     i18next: {},
+                    transactionType: {},
                 }, children: (0, jsx_runtime_1.jsx)(CreateOrEditFolder_1.default, { updateDirectory: mockUpdateDirectory }) }) }));
         var loading = react_1.screen.getByText('Common.Loading');
         expect(loading).toBeInTheDocument();

package/lib/ACM-AXN/Directory/components/Permission/AddAuthen.test.js

@@ -66,6 +66,7 @@ describe('AddAuthen', function () {
                     service: { usersGet: usersGet, groupsGetAll: groupsGetAll },
                     appHelper: {},
                     i18next: {},
+                    transactionType: {},
                 }, children: (0, jsx_runtime_1.jsx)(AddAuthen_1.default, { oldSelected: [], onSubmit: mockSubmit }) }) }));
         expect(mockGetUser.mock.calls.length).toEqual(1);
         expect(mockGetGroup.mock.calls.length).toEqual(1);
@@ -80,6 +81,7 @@ describe('AddAuthen', function () {
                                 service: { usersGet: usersGet, groupsGetAll: groupsGetAll },
                                 appHelper: {},
                                 i18next: {},
+                                transactionType: {},
                             }, children: (0, jsx_runtime_1.jsx)(AddAuthen_1.default, { oldSelected: [], onSubmit: mockSubmit }) }) }));
                     buttonClose = react_1.screen.getByRole('button', { name: 'Close' });
                     buttonSave = react_1.screen.getByRole('button', { name: 'Common.Save' });

package/lib/ACM-AXN/Directory/components/Permission/CreateOrEditPermission.test.js

@@ -91,6 +91,7 @@ describe('CreateOrEditPermission', function () {
                             systemDirectoryPermissionPut: systemDirectoryPermissionPut,
                         },
                         appHelper: {},
+                        transactionType: {},
                     }, children: (0, jsx_runtime_1.jsx)(CreateOrEditPermission_1.default, {}) }) }));
             expect(react_1.screen.getByText('UserOrGroup')).toBeInTheDocument();
             expect(react_1.screen.getByText('SetPermission')).toBeInTheDocument();
@@ -108,6 +109,7 @@ describe('CreateOrEditPermission', function () {
                         systemDirectoryPermissionPut: systemDirectoryPermissionPut,
                     },
                     appHelper: {},
+                    transactionType: {},
                 }, children: (0, jsx_runtime_1.jsx)(CreateOrEditPermission_1.default, { isSystemDirectory: true }) }) }));
         expect(react_1.screen.getByText('UserOrGroup')).toBeInTheDocument();
         expect(react_1.screen.getByText('SetPermission')).toBeInTheDocument();

package/lib/ACM-AXN/Directory/components/Permission/Management.js

@@ -57,22 +57,24 @@ function Permission(props) {
 }
 exports.default = Permission;
 function FolderPermission(props) {
-    var t = (0, react_i18next_1.useTranslation)().t;
+    var _a = (0, react_i18next_1.useTranslation)(), t = _a.t, i18n = _a.i18n;
     var isSystemDirectory = props.isSystemDirectory;
     var setDrawerTitle = (0, AWING_1.useDrawer)().setDrawerTitle;
     var navigate = (0, react_router_dom_1.useNavigate)();
     var directoryId = (0, react_router_dom_1.useParams)().directoryId;
-    var _a = (0, react_1.useContext)(Context_1.default), appHelper = _a.appHelper, service = _a.service;
+    var _b = (0, react_1.useContext)(Context_1.default), appHelper = _b.appHelper, service = _b.service;
     var confirm = appHelper.confirm, snackbar = appHelper.snackbar;
-    var _b = (0, react_1.useState)(false), loading = _b[0], setLoading = _b[1];
-    var _c = (0, react_1.useState)([]), permissions = _c[0], setPermissions = _c[1];
+    var _c = (0, react_1.useState)(false), loading = _c[0], setLoading = _c[1];
+    var _d = (0, react_1.useState)([]), permissions = _d[0], setPermissions = _d[1];
     (0, react_1.useEffect)(function () {
         var getDirectory = service.directoriesGet;
         if (isSystemDirectory) {
             getDirectory = service.systemDirectoriesGet;
         }
         getDirectory(directoryId).then(function (res) {
-            setDrawerTitle("".concat(t('Directory.ObjectPermission'), ": ").concat(res.name));
+            setDrawerTitle("".concat(t('Directory.ObjectPermission'), ": ").concat(i18n.exists("Menu.MenuName.Menu_".concat(directoryId))
+                ? t("Menu.MenuName.Menu_".concat(directoryId))
+                : res.name));
         });
         var randomKey = (0, PubSub_1.getRandomKey)();
         (0, PubSub_1.sub)('update-directory-permission', function () {

package/lib/ACM-AXN/Directory/components/Permission/ManagementPermission.test.js

@@ -48,6 +48,7 @@ describe('Management', function () {
                         systemDirectoriesGet: systemDirectoriesGet,
                     },
                     appHelper: {},
+                    transactionType: {},
                 }, children: (0, jsx_runtime_1.jsx)(Management_1.default, {}) }) }));
         expect(react_1.screen.getByText('Directory.ObjectPermission')).toBeInTheDocument();
     });
@@ -62,6 +63,7 @@ describe('Management', function () {
                         systemDirectoriesGet: systemDirectoriesGet,
                     },
                     appHelper: {},
+                    transactionType: {},
                 }, children: (0, jsx_runtime_1.jsx)(Management_1.default, {}) }) }));
         expect(mockDirectoryGet).toHaveBeenCalled();
     });
@@ -76,6 +78,7 @@ describe('Management', function () {
                         systemDirectoriesGet: systemDirectoriesGet,
                     },
                     appHelper: {},
+                    transactionType: {},
                 }, children: (0, jsx_runtime_1.jsx)(Management_1.default, { isSystemDirectory: true }) }) }));
         expect(mockDirectoryGet).not.toHaveBeenCalled();
         expect(mockSystemDirectoryGet).toHaveBeenCalled();

package/lib/ACM-AXN/Directory/components/Permission/MenuPermissions/MenuPermissionManagement.js

@@ -22,15 +22,15 @@ function Permission() {
 exports.default = Permission;
 function MenuPermissions() {
     var _a = (0, react_1.useContext)(Context_1.default), appHelper = _a.appHelper, service = _a.service, i18next = _a.i18next;
-    var t = (0, react_i18next_1.useTranslation)(undefined, { i18n: i18next }).t;
+    var _b = (0, react_i18next_1.useTranslation)(undefined, { i18n: i18next }), t = _b.t, i18n = _b.i18n;
     var setDrawerTitle = (0, AWING_1.useDrawer)().setDrawerTitle;
     var directoryId = (0, react_router_dom_1.useParams)().directoryId;
     var confirm = appHelper.confirm, snackbar = appHelper.snackbar;
-    var _b = (0, react_1.useState)(false), loading = _b[0], setLoading = _b[1];
-    var _c = (0, react_1.useState)([]), permissions = _c[0], setPermissions = _c[1];
-    var _d = (0, react_1.useState)([]), users = _d[0], setUsers = _d[1];
-    var _e = (0, react_1.useState)([]), groups = _e[0], setGroups = _e[1];
-    var _f = (0, react_1.useState)(false), loadingAuthen = _f[0], setLoadingAuthen = _f[1];
+    var _c = (0, react_1.useState)(false), loading = _c[0], setLoading = _c[1];
+    var _d = (0, react_1.useState)([]), permissions = _d[0], setPermissions = _d[1];
+    var _e = (0, react_1.useState)([]), users = _e[0], setUsers = _e[1];
+    var _f = (0, react_1.useState)([]), groups = _f[0], setGroups = _f[1];
+    var _g = (0, react_1.useState)(false), loadingAuthen = _g[0], setLoadingAuthen = _g[1];
     (0, react_1.useEffect)(function () {
         setLoadingAuthen(true);
         var loader = [service.usersGet(), service.groupsGetAll()];
@@ -50,7 +50,9 @@ function MenuPermissions() {
     (0, react_1.useEffect)(function () {
         var getDirectory = service.menusGet;
         getDirectory(directoryId).then(function (res) {
-            setDrawerTitle("".concat(t('Directory.ObjectPermission'), ": ").concat(res.name));
+            setDrawerTitle("".concat(t('Directory.ObjectPermission'), ": ").concat(i18n.exists("Menu.MenuName.Menu_".concat(directoryId))
+                ? t("Menu.MenuName.Menu_".concat(directoryId))
+                : res.name));
         });
         var randomKey = (0, PubSub_1.getRandomKey)();
         (0, PubSub_1.sub)('update-directory-permission', function () {

package/lib/ACM-AXN/Directory/components/Permission/MenuPermissions/MenuPermissionManagement.test.js

@@ -62,6 +62,7 @@ describe('Menu Management', function () {
                         menuPermissionPut: menuPermissionPut,
                     },
                     appHelper: {},
+                    transactionType: {},
                 }, children: (0, jsx_runtime_1.jsx)(MenuPermissionManagement_1.default, {}) }) }));
         expect(react_1.screen.getByText('Directory.ObjectPermission')).toBeInTheDocument();
     });
@@ -78,6 +79,7 @@ describe('Menu Management', function () {
                         menuPermissionPut: menuPermissionPut,
                     },
                     appHelper: {},
+                    transactionType: {},
                 }, children: (0, jsx_runtime_1.jsx)(MenuPermissionManagement_1.default, {}) }) }));
         expect(mockGetMenu).toHaveBeenCalled();
         expect(mockUsersGet).toHaveBeenCalled();

package/lib/ACM-AXN/DomainPreview/PreviewButton.js

@@ -1,15 +1,36 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var material_1 = require("@mui/material");
 var icons_material_1 = require("@mui/icons-material");
-var react_1 = __importDefault(require("react"));
+var react_1 = __importStar(require("react"));
 var react_i18next_1 = require("react-i18next");
 var styles_1 = require("@mui/styles");
 var AWING_1 = require("../../AWING");
+var lodash_1 = require("lodash");
 var useStylesContainer = (0, styles_1.makeStyles)(function () {
     var _a, _b;
     var theme = (0, material_1.useTheme)();
@@ -73,22 +94,25 @@ var PreviewCampaignContainer = function (props) {
         setLoadingFlags(true);
     }, []);
     react_1.default.useEffect(function () {
-        if (domainIds.length && open === true) {
-            service
-                .domainsGetByIds(domainIds)
-                .then(setDomains)
-                .finally(function () { return setLoadingFlags(false); });
+        if (open === true) {
+            if (domainIds.length) {
+                service
+                    .domainsGetByIds(domainIds)
+                    .then(setDomains)
+                    .finally(function () { return setLoadingFlags(false); });
+            }
+            else {
+                service
+                    .domainsGetAll()
+                    .then(function (res) {
+                    setAllDomain(res);
+                    setDomains(res.slice(0, 5));
+                })
+                    .finally(function () { return setLoadingFlags(false); });
+            }
         }
-        else
-            setLoadingFlags(false);
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [domainIds, open]);
-    react_1.default.useEffect(function () {
-        if (!domainIds.length) {
-            setOpenDrawer(true);
-            // handlePreviewClose({stopPropagation: () => {}} as any)
-        }
-    }, [domainIds]);
     var _c = react_1.default.useState(false), openDrawer = _c[0], setOpenDrawer = _c[1];
     var toggleDrawer = function (open) { return function (event) {
         event.stopPropagation();
@@ -111,6 +135,9 @@ var PreviewCampaignContainer = function (props) {
                 .then(setAllDomain)
                 .finally(function () { return setIsLoadingAllDomain(false); });
         }
+        else {
+            setIsLoadingAllDomain(false);
+        }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [openDrawer]);
     var translationText = {
@@ -118,31 +145,27 @@ var PreviewCampaignContainer = function (props) {
         copyToClipboard: t('Common.Preview'),
         other: t('Campaign.Type.Other'),
     };
-    return ((0, jsx_runtime_1.jsxs)(material_1.Menu, { id: "long-menu", anchorEl: anchorEl, keepMounted: true, open: open, onClose: handlePreviewClose, PaperProps: {
-            style: {
-                maxHeight: 48 * 4.5,
-                width: '25ch',
-            },
-        }, children: [loadingFlags ? ((0, jsx_runtime_1.jsx)(material_1.MenuItem, { children: (0, jsx_runtime_1.jsx)(AWING_1.CircularProgress, {}) })) : (domains &&
-                domains.map(function (domain) { return ((0, jsx_runtime_1.jsx)(material_1.MenuItem, { onClick: function (event) {
-                        handlePreviewClose(event);
-                        handlePreviewDomain(event, domain.domainId);
-                    }, children: domain.name }, domain.domainId)); })), !loadingFlags && ((0, jsx_runtime_1.jsx)(material_1.MenuItem, { onClick: toggleDrawer(true), children: translationText.other })), (0, jsx_runtime_1.jsx)(material_1.Drawer, { anchor: 'right', open: openDrawer, onClose: function () {
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    var handleSearch = (0, react_1.useCallback)((0, lodash_1.debounce)(setSearchDomainString, 300), []);
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(material_1.Menu, { id: "long-menu", anchorEl: anchorEl, keepMounted: true, open: open, onClose: handlePreviewClose, PaperProps: {
+                    style: {
+                        maxHeight: 48 * 4.5,
+                        width: '25ch',
+                    },
+                }, children: [loadingFlags ? ((0, jsx_runtime_1.jsx)(material_1.MenuItem, { children: (0, jsx_runtime_1.jsx)(AWING_1.CircularProgress, {}) })) : (domains &&
+                        domains.map(function (domain) { return ((0, jsx_runtime_1.jsx)(material_1.MenuItem, { onClick: function (event) {
+                                handlePreviewClose(event);
+                                handlePreviewDomain(event, domain.domainId);
+                            }, children: domain.name }, domain.domainId)); })), !loadingFlags && ((0, jsx_runtime_1.jsx)(material_1.MenuItem, { onClick: toggleDrawer(true), children: translationText.other }))] }), (0, jsx_runtime_1.jsx)(material_1.Drawer, { anchor: 'right', open: openDrawer, onClose: function () {
                     toggleDrawer(false);
                     handlePreviewClose({ stopPropagation: function () { } });
                 }, onClick: function (e) { return e.stopPropagation(); }, sx: {
                     zIndex: function (theme) { return theme.zIndex.drawer * 10; },
                 }, children: isLoadingAllDomain ? ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
                             width: function (t) { return t.spacing(60); },
-                        }, children: (0, jsx_runtime_1.jsx)(AWING_1.CircularProgress, {}) }) })) : ((0, jsx_runtime_1.jsxs)(material_1.List, { className: classes.drawer, children: [(0, jsx_runtime_1.jsx)(material_1.ListItem, { component: "div", children: (0, jsx_runtime_1.jsx)(material_1.TextField, { fullWidth: true, placeholder: translationText.searchPlaceholder, size: 'small', sx: {
-                                    '& fieldset': {
-                                        border: 'none!important'
-                                    }
-                                }, inputProps: { 'aria-label': 'search' }, InputProps: {
+                        }, children: (0, jsx_runtime_1.jsx)(AWING_1.CircularProgress, {}) }) })) : ((0, jsx_runtime_1.jsxs)(material_1.List, { className: classes.drawer, children: [(0, jsx_runtime_1.jsx)(material_1.ListItem, { component: "div", children: (0, jsx_runtime_1.jsx)(material_1.TextField, { fullWidth: true, placeholder: translationText.searchPlaceholder, inputProps: { 'aria-label': 'search' }, InputProps: {
                                     startAdornment: (0, jsx_runtime_1.jsx)(icons_material_1.Search, {}),
-                                }, onChange: function (e) {
-                                    return setSearchDomainString(e.target.value);
-                                } }) }), (0, jsx_runtime_1.jsx)(material_1.Divider, {}), allDomain &&
+                                }, onChange: function (e) { return handleSearch(e.target.value); } }) }), (0, jsx_runtime_1.jsx)(material_1.Divider, {}), allDomain &&
                             allDomain
                                 .filter(function (d) {
                                 return d.name

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

@@ -16,7 +16,7 @@ var GroupUserContainer = function () {
     var service = (0, Hooks_1.default)().service;
     var _a = (0, Context_1.useAwing)().appHelper, confirm = _a.confirm, snackbar = _a.snackbar;
     var navigate = (0, Router_1.useNavigate)();
-    var _b = (0, react_1.useState)(false), loading = _b[0], setLoading = _b[1];
+    var _b = (0, react_1.useState)(true), loading = _b[0], setLoading = _b[1];
     var _c = (0, react_1.useState)(), userGroups = _c[0], setUserGroups = _c[1];
     var handleNavigate = function () {
         navigate(Constants_1.CREATE_PATH);

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

@@ -10,6 +10,15 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+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 };
 };
@@ -25,18 +34,18 @@ var SearchUser_1 = __importDefault(require("./User/SearchUser"));
 var Hooks_1 = __importDefault(require("./Hooks"));
 var Constants_1 = require("../../ACM-AXN/User/Constants");
 var CreateOrEdit = function () {
-    var _a;
+    var _a, _b;
     var groupId = (0, Router_1.useParams)().groupId;
     var t = (0, react_i18next_1.useTranslation)().t;
     var service = (0, Hooks_1.default)().service;
-    var _b = (0, react_1.useState)(false), confirmExit = _b[0], setConfirmExit = _b[1];
-    var _c = (0, react_1.useState)(false), isValid = _c[0], setValid = _c[1];
-    var _d = (0, react_1.useState)([]), users = _d[0], setUsers = _d[1];
-    var _e = (0, react_1.useState)({
+    var _c = (0, react_1.useState)(false), confirmExit = _c[0], setConfirmExit = _c[1];
+    var _d = (0, react_1.useState)(false), isValid = _d[0], setValid = _d[1];
+    var _e = (0, react_1.useState)([]), users = _e[0], setUsers = _e[1];
+    var _f = (0, react_1.useState)({
         userIds: [],
         group: { name: '', description: '' },
-    }), businessUnitdata = _e[0], setBusinessUnitData = _e[1];
-    var _f = (0, react_1.useState)(true), loading = _f[0], setloading = _f[1];
+    }), businessUnitdata = _f[0], setBusinessUnitData = _f[1];
+    var _g = (0, react_1.useState)(true), loading = _g[0], setloading = _g[1];
     (0, react_1.useEffect)(function () {
         setloading(true);
         Promise.all([
@@ -56,13 +65,19 @@ var CreateOrEdit = function () {
             return (__assign(__assign({}, prev), { group: __assign(__assign({}, prev === null || prev === void 0 ? void 0 : prev.group), obj) }));
         });
     }, []);
+    var handleUpdateUser = (0, react_1.useCallback)(function (userIds) {
+        setConfirmExit(true);
+        setBusinessUnitData(function (prev) {
+            return Array.isArray(userIds) ? (__assign(__assign({}, prev), { userIds: userIds })) : userIds(prev);
+        });
+    }, []);
     var handleSubmit = (0, react_1.useCallback)(function () {
         if (groupId) {
             return service.groupsPut(groupId, businessUnitdata);
         }
         return service.groupsPost(businessUnitdata);
     }, [businessUnitdata, service, groupId]);
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(ClassicDrawer_1.default, { title: "".concat(t(['UserGroup', groupId ? 'Edit' : 'Create'].join('.'))).concat(groupId ? ": ".concat((_a = businessUnitdata.group) === null || _a === void 0 ? void 0 : _a.name) : '', "\n                   "), onSubmit: handleSubmit, isLoadingButtonSubmit: false, disableButtonSubmit: !isValid, confirmExit: confirmExit, childrenWrapperStyle: { padding: 0 }, children: loading ? ((0, jsx_runtime_1.jsx)(AWING_1.CircularProgress, {})) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(AWING_1.DataForm, { caption: t('UserGroup.TitleUserGroupInfo'), fields: [
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(ClassicDrawer_1.default, { title: "".concat(t(['UserGroup', groupId ? 'Edit' : 'Create'].join('.'))).concat(groupId ? ": ".concat((_a = businessUnitdata.group) === null || _a === void 0 ? void 0 : _a.name) : '', "\n                   "), onSubmit: handleSubmit, isLoadingButtonSubmit: false, disableButtonSubmit: !(isValid && ((_b = businessUnitdata.group) === null || _b === void 0 ? void 0 : _b.name)), confirmExit: confirmExit, childrenWrapperStyle: { padding: 0 }, children: loading ? ((0, jsx_runtime_1.jsx)(AWING_1.CircularProgress, {})) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(AWING_1.DataForm, { caption: t('UserGroup.TitleUserGroupInfo'), fields: [
                                 {
                                     fieldName: 'name',
                                     type: 'text',
@@ -76,9 +91,9 @@ var CreateOrEdit = function () {
                                     onValidate: function () { return true; },
                                 },
                             ], oldValue: businessUnitdata === null || businessUnitdata === void 0 ? void 0 : businessUnitdata.group, onUpdate: handleUpdate }), (0, jsx_runtime_1.jsx)(UserComponent_1.default, { rows: users.filter(function (user) { var _a; return (_a = businessUnitdata === null || businessUnitdata === void 0 ? void 0 : businessUnitdata.userIds) === null || _a === void 0 ? void 0 : _a.includes(user.userId); }), onChangeAddUser: function (userIds) {
-                                setBusinessUnitData(function (prev) { return (__assign(__assign({}, prev), { userIds: userIds })); });
+                                handleUpdateUser(function (prev) { return (__assign(__assign({}, prev), { userIds: userIds })); });
                             } })] })) }), (0, jsx_runtime_1.jsx)(Router_1.Routes, { children: (0, jsx_runtime_1.jsx)(Router_1.Route, { path: Constants_1.ADD_USER_TO_GROUP, element: (0, jsx_runtime_1.jsx)(SearchUser_1.default, { onChangeAddUser: function (userIds) {
-                            setBusinessUnitData(function (prev) { return (__assign(__assign({}, prev), { userIds: userIds })); });
+                            handleUpdateUser(function (prev) { return (__assign(__assign({}, prev), { userIds: __spreadArray(__spreadArray([], (prev.userIds || []), true), userIds, true) })); });
                         }, listUserId: (businessUnitdata === null || businessUnitdata === void 0 ? void 0 : businessUnitdata.userIds) || [], users: users }) }, Constants_1.ADD_USER_TO_GROUP) })] }));
 };
 exports.default = CreateOrEdit;