awing-library 2.1.2-beta → 2.1.2-stage

package/lib/ACM-AXN/Common/Constant.js

@@ -0,0 +1,149 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TypeView = exports.ValueAnalyticType = exports.Constants = void 0;
+exports.Constants = {
+    API_ENDPOINT: window.REACT_APP_API_ENDPOINT,
+    // Notification
+    ALL: 'All',
+    ALL_STATUS: undefined,
+    UNREAD: 'Unread',
+    UNREAD_STATUS: 0,
+    SELECT_ALL: 'SelectAll',
+    NOTIFICATIONS_PATH: 'Notifications',
+    NOTIFICATION_SETTING_SCREEN_PATH: 'Notification',
+    // End  Notification
+    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',
+    MENU_DIRECTORY_ADD_PERMISSION: 'MenuAddPermission',
+    CREATE_DIRECTORY: 'Create',
+    EDIT_DIRECTORY: 'Edit',
+    DIRECTORY: 'Directory',
+    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',
+    CAMPAIGN_SUBCAMPAIGN: 'SubCampaign',
+    CAMPAIGN_STATISTICS: 'Statistics',
+    CAMPAIGN_CONNECT: 'Connect',
+    CAMPAIGN_PERMISSION: 'Permission',
+    CAPTIVE_DOMAIN: window.REACT_APP_CAPTIVE_DOMAIN,
+    CAMPAIGN_PREVIEW: 'Preview/Campaign',
+    DOMAIN_PREVIEW: 'Preview/Domain',
+    PAGE_LOGIN_PREVIEW: 'Preview/Page',
+    TEMPLATE_PREVIEW: 'Preview/Template',
+    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}',
+    PAGE: 'Page',
+    PAGE_CREATE_DIRECTORY: 'CreateDirectory',
+};
+/**
+ *  ValueAnalyticType  dùng để truy xuất dữ liệu trong các file "runs" và "expecteds" filter phần thống kê.
+ **/
+exports.ValueAnalyticType = {
+    VIEW: 'View',
+    AUTHENTICATION: 'Authentication',
+    CLICK: 'Click',
+};
+/**
+ *  TypeView kịch bản filter trong phần thống kê.
+ *  billingUnit: 0, // Đơn vị tính, dựa vào trường "billingUnit" => 1: "Authentication", 2: "Click"
+ *  impression: 1, // Lượt hiển thị, "View"
+ **/
+exports.TypeView = {
+    billingUnit: 0, // Đơn vị tính
+    impression: 1, // Lượt hiển thị
+};

package/lib/ACM-AXN/Common/Enum.d.ts

@@ -0,0 +1,59 @@
+export declare enum PageCode {
+    Wlc = 0,
+    Lgn = 1
+}
+export declare enum FileTypeCode {
+    Wlc = 0,
+    Lgn = 1,
+    Domain = 2,
+    Template = 3
+}
+export declare enum PathType {
+    CREATE = "Create",
+    EDIT = "Edit",
+    CLONE = "Clone"
+}
+export declare enum TrackingType {
+    IMG = "Img",
+    SCRIPT = "Script"
+}
+export declare enum VALID_PROCESS_CODE {
+    VALIDATED = 1,
+    NOT_VALIDATE = 2,
+    VALIDATING = 3
+}
+export declare enum VERIFIED_STATUS {
+    NOT_VERIFIED = 0,
+    VERIFIED_ERROR = 1
+}
+export declare enum JobTypeEnum {
+    Cron = "Cron",
+    Trigger = "Trigger"
+}
+export declare enum ShareType {
+    Soft = 0,
+    NetworkHard = 1,
+    DomainHard = 2,
+    Hard = 3
+}
+export declare enum TimelineType {
+    Hour = 0,
+    Day = 1,
+    Week = 2,
+    Month = 3
+}
+export declare enum AnalyticGroupBy {
+    GbPlaceId = 0,
+    GbCampaignId = 1,
+    GbDomainId = 2,
+    GbTimeline = 3,
+    GbCampaignGroupId = 4,
+    GbCampaignAdId = 5,
+    GbEventLabel = 6,
+    GbApMac = 7
+}
+export declare enum AnalyticType {
+    VIEW = 0,// Impression
+    AUTHENTICATION = 1,// Engagement / Spot
+    CLICK = 2
+}

package/lib/ACM-AXN/Common/Enum.js

@@ -0,0 +1,74 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AnalyticType = exports.AnalyticGroupBy = exports.TimelineType = exports.ShareType = exports.JobTypeEnum = exports.VERIFIED_STATUS = exports.VALID_PROCESS_CODE = exports.TrackingType = exports.PathType = exports.FileTypeCode = exports.PageCode = void 0;
+var PageCode;
+(function (PageCode) {
+    PageCode[PageCode["Wlc"] = 0] = "Wlc";
+    PageCode[PageCode["Lgn"] = 1] = "Lgn";
+})(PageCode || (exports.PageCode = PageCode = {}));
+var FileTypeCode;
+(function (FileTypeCode) {
+    FileTypeCode[FileTypeCode["Wlc"] = 0] = "Wlc";
+    FileTypeCode[FileTypeCode["Lgn"] = 1] = "Lgn";
+    FileTypeCode[FileTypeCode["Domain"] = 2] = "Domain";
+    FileTypeCode[FileTypeCode["Template"] = 3] = "Template";
+})(FileTypeCode || (exports.FileTypeCode = FileTypeCode = {}));
+var PathType;
+(function (PathType) {
+    PathType["CREATE"] = "Create";
+    PathType["EDIT"] = "Edit";
+    PathType["CLONE"] = "Clone";
+})(PathType || (exports.PathType = PathType = {}));
+var TrackingType;
+(function (TrackingType) {
+    TrackingType["IMG"] = "Img";
+    TrackingType["SCRIPT"] = "Script";
+})(TrackingType || (exports.TrackingType = TrackingType = {}));
+var VALID_PROCESS_CODE;
+(function (VALID_PROCESS_CODE) {
+    VALID_PROCESS_CODE[VALID_PROCESS_CODE["VALIDATED"] = 1] = "VALIDATED";
+    VALID_PROCESS_CODE[VALID_PROCESS_CODE["NOT_VALIDATE"] = 2] = "NOT_VALIDATE";
+    VALID_PROCESS_CODE[VALID_PROCESS_CODE["VALIDATING"] = 3] = "VALIDATING";
+})(VALID_PROCESS_CODE || (exports.VALID_PROCESS_CODE = VALID_PROCESS_CODE = {}));
+;
+var VERIFIED_STATUS;
+(function (VERIFIED_STATUS) {
+    VERIFIED_STATUS[VERIFIED_STATUS["NOT_VERIFIED"] = 0] = "NOT_VERIFIED";
+    VERIFIED_STATUS[VERIFIED_STATUS["VERIFIED_ERROR"] = 1] = "VERIFIED_ERROR";
+})(VERIFIED_STATUS || (exports.VERIFIED_STATUS = VERIFIED_STATUS = {}));
+var JobTypeEnum;
+(function (JobTypeEnum) {
+    JobTypeEnum["Cron"] = "Cron";
+    JobTypeEnum["Trigger"] = "Trigger";
+})(JobTypeEnum || (exports.JobTypeEnum = JobTypeEnum = {}));
+var ShareType;
+(function (ShareType) {
+    ShareType[ShareType["Soft"] = 0] = "Soft";
+    ShareType[ShareType["NetworkHard"] = 1] = "NetworkHard";
+    ShareType[ShareType["DomainHard"] = 2] = "DomainHard";
+    ShareType[ShareType["Hard"] = 3] = "Hard";
+})(ShareType || (exports.ShareType = ShareType = {}));
+var TimelineType;
+(function (TimelineType) {
+    TimelineType[TimelineType["Hour"] = 0] = "Hour";
+    TimelineType[TimelineType["Day"] = 1] = "Day";
+    TimelineType[TimelineType["Week"] = 2] = "Week";
+    TimelineType[TimelineType["Month"] = 3] = "Month";
+})(TimelineType || (exports.TimelineType = TimelineType = {}));
+var AnalyticGroupBy;
+(function (AnalyticGroupBy) {
+    AnalyticGroupBy[AnalyticGroupBy["GbPlaceId"] = 0] = "GbPlaceId";
+    AnalyticGroupBy[AnalyticGroupBy["GbCampaignId"] = 1] = "GbCampaignId";
+    AnalyticGroupBy[AnalyticGroupBy["GbDomainId"] = 2] = "GbDomainId";
+    AnalyticGroupBy[AnalyticGroupBy["GbTimeline"] = 3] = "GbTimeline";
+    AnalyticGroupBy[AnalyticGroupBy["GbCampaignGroupId"] = 4] = "GbCampaignGroupId";
+    AnalyticGroupBy[AnalyticGroupBy["GbCampaignAdId"] = 5] = "GbCampaignAdId";
+    AnalyticGroupBy[AnalyticGroupBy["GbEventLabel"] = 6] = "GbEventLabel";
+    AnalyticGroupBy[AnalyticGroupBy["GbApMac"] = 7] = "GbApMac";
+})(AnalyticGroupBy || (exports.AnalyticGroupBy = AnalyticGroupBy = {}));
+var AnalyticType;
+(function (AnalyticType) {
+    AnalyticType[AnalyticType["VIEW"] = 0] = "VIEW";
+    AnalyticType[AnalyticType["AUTHENTICATION"] = 1] = "AUTHENTICATION";
+    AnalyticType[AnalyticType["CLICK"] = 2] = "CLICK";
+})(AnalyticType || (exports.AnalyticType = AnalyticType = {}));

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

@@ -0,0 +1,16 @@
+import { ICampaignAdGroup } from "../../ACM-AXN/Campaign/CreateOrEdit/TabStatistic/Analytic/container";
+import { AnalyticGroupBy, TimelineType } from "./Enum";
+export type Timestamp = {
+    seconds: number;
+    nanos: number;
+};
+export interface IStatisticDTO {
+    startDate: string;
+    endDate: string;
+    timelineType: TimelineType;
+    campaignAdGroups?: ICampaignAdGroup[] | undefined;
+    placeIds?: string[] | undefined;
+    analyticGroupBies?: AnalyticGroupBy[] | undefined;
+    includedEventLabels?: string[] | undefined;
+    ignoredEventLabels?: string[] | undefined;
+}

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

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

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.js

@@ -48,7 +48,7 @@ var icons_material_1 = require("@mui/icons-material");
 var react_router_dom_1 = require("react-router-dom");
 var Context_1 = __importDefault(require("../../../Context"));
 var react_i18next_1 = require("react-i18next");
-var Constant_1 = __importDefault(require("../Constant"));
+var Constant_1 = require("../../../ACM-AXN/Common/Constant");
 function FolderDetail(props) {
     var _this = this;
     var navigate = (0, react_router_dom_1.useNavigate)();
@@ -98,7 +98,7 @@ function FolderDetail(props) {
                                     display: 'flex',
                                     flexDirection: 'row',
                                 }, children: [item.isFile ? ((0, jsx_runtime_1.jsx)(icons_material_1.InsertDriveFile, {})) : ((0, jsx_runtime_1.jsx)(icons_material_1.FolderOpen, { color: "action" })), (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body1", style: { padding: '0px 8px' }, children: item.name })] }), (0, jsx_runtime_1.jsx)(material_1.Tooltip, { title: t('Common.Permission'), children: (0, jsx_runtime_1.jsx)(material_1.IconButton, { size: "small", onClick: function (e) {
-                                        navigate(Constant_1.default.DIRECTORY_PERMISSION +
+                                        navigate(Constant_1.Constants.DIRECTORY_PERMISSION_PATH +
                                             '/' +
                                             item.directoryId);
                                     }, children: (0, jsx_runtime_1.jsx)(icons_material_1.Settings, { fontSize: "small", color: "action" }) }) })] }, index));

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/DomainDirectory/index.js

@@ -56,7 +56,7 @@ var icons_material_1 = require("@mui/icons-material");
 var function_1 = require("../function");
 var react_router_dom_1 = require("react-router-dom");
 var FolderDetail_1 = __importDefault(require("./FolderDetail"));
-var Constant_1 = __importDefault(require("../Constant"));
+var Constant_1 = require("../../../ACM-AXN/Common/Constant");
 var Context_1 = __importDefault(require("../../../Context"));
 var react_router_dom_2 = require("react-router-dom");
 var CreateOrEditFolder_1 = __importDefault(require("../components/CreateOrEditFolder"));
@@ -138,7 +138,7 @@ function DomainDirectory(props) {
                                             icon: ((0, jsx_runtime_1.jsx)(icons_material_1.Settings, { fontSize: "small", color: "action" })),
                                             tooltip: t('Common.Permission'),
                                             action: function (node) {
-                                                navigate(Constant_1.default.DIRECTORY_PERMISSION +
+                                                navigate(Constant_1.Constants.DIRECTORY_PERMISSION_PATH +
                                                     '/' +
                                                     node.nodeId);
                                             },
@@ -147,7 +147,7 @@ function DomainDirectory(props) {
                                             icon: ((0, jsx_runtime_1.jsx)(icons_material_1.AddBox, { fontSize: "small", color: "action" })),
                                             tooltip: t('Common.Create'),
                                             action: function (node) {
-                                                navigate(Constant_1.default.CREATE_DIRECTORY +
+                                                navigate(Constant_1.Constants.CREATE_DIRECTORY +
                                                     '/' +
                                                     node.nodeId);
                                             },
@@ -156,7 +156,7 @@ function DomainDirectory(props) {
                                             icon: ((0, jsx_runtime_1.jsx)(icons_material_1.Edit, { fontSize: "small", color: "action" })),
                                             tooltip: t('Common.Edit'),
                                             action: function (node) {
-                                                navigate(Constant_1.default.EDIT_DIRECTORY +
+                                                navigate(Constant_1.Constants.EDIT_DIRECTORY +
                                                     '/' +
                                                     node.nodeId);
                                             },
@@ -177,6 +177,6 @@ function DomainDirectory(props) {
                                             },
                                         },
                                     ],
-                                }, startIcon: (0, jsx_runtime_1.jsx)(icons_material_1.FolderOpen, { color: "action" }) }) }) }), (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 6, children: (0, jsx_runtime_1.jsx)(FolderDetail_1.default, { parentId: (treeNode === null || treeNode === void 0 ? void 0 : treeNode.nodeId) || '' }) })] }), (0, jsx_runtime_1.jsxs)(react_router_dom_2.Routes, { children: [(0, jsx_runtime_1.jsx)(react_router_dom_2.Route, { path: Constant_1.default.CREATE_DIRECTORY + '/:parentId' + '/*', element: (0, jsx_runtime_1.jsx)(CreateOrEditFolder_1.default, { updateDirectory: handleGetMoreData }) }), (0, jsx_runtime_1.jsx)(react_router_dom_2.Route, { path: Constant_1.default.EDIT_DIRECTORY + '/:directoryId' + '/*', element: (0, jsx_runtime_1.jsx)(CreateOrEditFolder_1.default, { updateDirectory: handleGetMoreData }) })] })] }));
+                                }, startIcon: (0, jsx_runtime_1.jsx)(icons_material_1.FolderOpen, { color: "action" }) }) }) }), (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 6, children: (0, jsx_runtime_1.jsx)(FolderDetail_1.default, { parentId: (treeNode === null || treeNode === void 0 ? void 0 : treeNode.nodeId) || '' }) })] }), (0, jsx_runtime_1.jsxs)(react_router_dom_2.Routes, { children: [(0, jsx_runtime_1.jsx)(react_router_dom_2.Route, { path: Constant_1.Constants.CREATE_DIRECTORY + '/:parentId' + '/*', element: (0, jsx_runtime_1.jsx)(CreateOrEditFolder_1.default, { updateDirectory: handleGetMoreData }) }), (0, jsx_runtime_1.jsx)(react_router_dom_2.Route, { path: Constant_1.Constants.EDIT_DIRECTORY + '/:directoryId' + '/*', element: (0, jsx_runtime_1.jsx)(CreateOrEditFolder_1.default, { updateDirectory: handleGetMoreData }) })] })] }));
 }
 exports.default = DomainDirectory;

package/lib/ACM-AXN/Directory/MenuDirectory/MenuDirectory.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,91 @@
+"use strict";
+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");
+var react_1 = require("@testing-library/react");
+var _1 = __importDefault(require("."));
+var react_router_dom_1 = require("react-router-dom");
+var Context_1 = __importDefault(require("../../../Context"));
+describe('MenuDirectory', function () {
+    var mockGetData = jest.fn();
+    var menusGetAll = function (id, deepLevel) {
+        mockGetData(id, deepLevel);
+        return new Promise(function (resolve) {
+            resolve([
+                {
+                    parentMenuId: '-1',
+                    name: 'root',
+                    order: 0,
+                    menuId: '0',
+                    menuPath: '.0.',
+                    level: 0,
+                    description: null,
+                },
+            ]);
+        });
+    };
+    it('renders the component', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var loading;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    (0, react_1.render)((0, jsx_runtime_1.jsx)(react_router_dom_1.BrowserRouter, { children: (0, jsx_runtime_1.jsx)(Context_1.default.Provider, { value: {
+                                routes: [],
+                                i18next: {},
+                                service: { menusGetAll: menusGetAll },
+                                appHelper: {},
+                                transactionType: {},
+                            }, children: (0, jsx_runtime_1.jsx)(_1.default, {}) }) }));
+                    loading = react_1.screen.getByRole('progressbar');
+                    expect(loading).toBeInTheDocument();
+                    // wait for the loading folder
+                    return [4 /*yield*/, (0, react_1.waitFor)(function () {
+                            var folder = react_1.screen.getByText('root');
+                            expect(folder).toBeInTheDocument();
+                        })];
+                case 1:
+                    // wait for the loading folder
+                    _a.sent();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+});

package/lib/ACM-AXN/Directory/MenuDirectory/index.d.ts

@@ -0,0 +1 @@
+export default function MenuDirectory(): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,109 @@
+"use strict";
+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");
+var material_1 = require("@mui/material");
+var AWING_1 = require("../../../AWING");
+var react_1 = require("react");
+var icons_material_1 = require("@mui/icons-material");
+var function_1 = require("../function");
+var Constant_1 = require("../../../ACM-AXN/Common/Constant");
+var react_router_dom_1 = require("react-router-dom");
+var Context_1 = __importDefault(require("../../../Context"));
+var react_i18next_1 = require("react-i18next");
+function MenuDirectory() {
+    var _this = this;
+    var _a = (0, react_1.useContext)(Context_1.default), service = _a.service, i18next = _a.i18next;
+    var _b = (0, react_i18next_1.useTranslation)(undefined, { i18n: i18next }), t = _b.t, i18n = _b.i18n;
+    var navigate = (0, react_router_dom_1.useNavigate)();
+    var _c = (0, react_1.useState)(), data = _c[0], setData = _c[1];
+    (0, react_1.useEffect)(function () {
+        // Call API to get data
+        handleFetchData();
+    }, []);
+    var handleConvertedData = function () { return __awaiter(_this, void 0, void 0, function () {
+        var res, convertedData;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, service.menusGetAll()];
+                case 1:
+                    res = _a.sent();
+                    convertedData = (0, function_1.convertMenuData)(res);
+                    return [2 /*return*/, convertedData[0]];
+            }
+        });
+    }); };
+    var handleFetchData = function () { return __awaiter(_this, void 0, void 0, function () {
+        var dataAPI;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, handleConvertedData()];
+                case 1:
+                    dataAPI = _a.sent();
+                    setData(dataAPI);
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    var handleGetMoreData = function (nodeId) { return __awaiter(_this, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            return [2 /*return*/];
+        });
+    }); };
+    var translateData = (0, function_1.translateMenu)(data, i18n, t);
+    if (!translateData) {
+        return (0, jsx_runtime_1.jsx)(AWING_1.CircularProgress, {});
+    }
+    return ((0, jsx_runtime_1.jsx)(material_1.Grid, { container: true, spacing: 2, children: (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 6, children: (0, jsx_runtime_1.jsx)(material_1.Paper, { style: { padding: '8px' }, children: (0, jsx_runtime_1.jsx)(AWING_1.HierarchyTree, { data: translateData, hideSelectCheckbox: true, onGetMoreData: handleGetMoreData, actionComponentProps: {
+                        actions: [
+                            {
+                                icon: ((0, jsx_runtime_1.jsx)(icons_material_1.Settings, { fontSize: "small", color: "action" })),
+                                tooltip: t('Common.Permission'),
+                                action: function (node) {
+                                    navigate(Constant_1.Constants.MENU_DIRECTORY_PERMISSION_PATH +
+                                        '/' +
+                                        node.nodeId);
+                                },
+                            },
+                        ],
+                    }, startIcon: (0, jsx_runtime_1.jsx)(icons_material_1.FolderOpen, { color: "action" }) }) }) }) }));
+}
+exports.default = MenuDirectory;

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/SystemDirectory/index.js

@@ -54,7 +54,7 @@ var AWING_1 = require("../../../AWING");
 var react_1 = require("react");
 var icons_material_1 = require("@mui/icons-material");
 var function_1 = require("../function");
-var Constant_1 = __importDefault(require("../Constant"));
+var Constant_1 = require("../../../ACM-AXN/Common/Constant");
 var react_router_dom_1 = require("react-router-dom");
 var Context_1 = __importDefault(require("../../../Context"));
 var react_i18next_1 = require("react-i18next");
@@ -63,10 +63,10 @@ function SystemDirectory(props) {
     var _this = this;
     var rootDirectoryId = props.rootDirectoryId;
     var _a = (0, react_1.useContext)(Context_1.default), 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 navigate = (0, react_router_dom_1.useNavigate)();
-    var _b = (0, react_1.useState)(), data = _b[0], setData = _b[1];
-    var _c = (0, react_1.useState)([]), idCalled = _c[0], setIdCalled = _c[1];
+    var _c = (0, react_1.useState)(), data = _c[0], setData = _c[1];
+    var _d = (0, react_1.useState)([]), idCalled = _d[0], setIdCalled = _d[1];
     (0, react_1.useEffect)(function () {
         // Call API to get data
         handleFetchData();
@@ -116,16 +116,17 @@ function SystemDirectory(props) {
             }
         });
     }); };
-    if (!data) {
+    var translateData = (0, function_1.translateMenu)(data, i18n, t);
+    if (!translateData) {
         return (0, jsx_runtime_1.jsx)(AWING_1.CircularProgress, {});
     }
-    return ((0, jsx_runtime_1.jsx)(material_1.Grid, { container: true, spacing: 2, children: (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 6, children: (0, jsx_runtime_1.jsx)(material_1.Paper, { style: { padding: '8px' }, children: (0, jsx_runtime_1.jsx)(AWING_1.HierarchyTree, { data: data, hideSelectCheckbox: true, onGetMoreData: handleGetMoreData, actionComponentProps: {
+    return ((0, jsx_runtime_1.jsx)(material_1.Grid, { container: true, spacing: 2, children: (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 6, children: (0, jsx_runtime_1.jsx)(material_1.Paper, { style: { padding: '8px' }, children: (0, jsx_runtime_1.jsx)(AWING_1.HierarchyTree, { data: translateData, hideSelectCheckbox: true, onGetMoreData: handleGetMoreData, actionComponentProps: {
                         actions: [
                             {
                                 icon: ((0, jsx_runtime_1.jsx)(icons_material_1.Settings, { fontSize: "small", color: "action" })),
                                 tooltip: t('Common.Permission'),
                                 action: function (node) {
-                                    navigate(Constant_1.default.SYSTEM_DIRECTORY_PERMISSION +
+                                    navigate(Constant_1.Constants.SYSTEM_DIRECTORY_PERMISSION_PATH +
                                         '/' +
                                         node.nodeId);
                                 },