awing-library 2.1.7-beta → 2.1.7

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

@@ -17,6 +17,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var icons_material_1 = require("@mui/icons-material");
 var material_1 = require("@mui/material");
+var DomainPreview_1 = __importDefault(require("../../ACM-AXN/DomainPreview"));
+var PreviewButton_1 = __importDefault(require("../../ACM-AXN/DomainPreview/PreviewButton"));
 var lodash_1 = require("lodash");
 var react_1 = require("react");
 var react_i18next_1 = require("react-i18next");
@@ -36,14 +38,24 @@ var PageContainer = function () {
     var t = (0, react_i18next_1.useTranslation)().t;
     var navigate = (0, react_router_1.useNavigate)();
     var location = (0, react_router_1.useLocation)();
-    var _d = (0, react_1.useState)(false), loading = _d[0], setLoading = _d[1];
-    var _e = (0, react_1.useState)([]), directories = _e[0], setDirectories = _e[1];
-    var _f = (0, react_1.useState)(true), tempLoading = _f[0], setTempLoading = _f[1];
+    var _d = (0, react_1.useState)(true), loading = _d[0], setLoading = _d[1];
+    var _e = (0, react_1.useState)(true), init = _e[0], setInit = _e[1]; // First time render
+    var _f = (0, react_1.useState)([]), directories = _f[0], setDirectories = _f[1];
+    var _g = (0, react_1.useState)(true), isLoadDirectory = _g[0], setLoadLoadDirectory = _g[1];
+    var _h = (0, react_1.useState)(true), tempLoading = _h[0], setTempLoading = _h[1];
+    var _j = (0, react_1.useState)(), anchorEl = _j[0], setAnchorEl = _j[1];
+    var _k = (0, react_1.useState)(''), previewId = _k[0], setPreviewId = _k[1];
+    var open = Boolean(anchorEl);
+    var handlePreviewPage = function (e, id) {
+        e.stopPropagation();
+        setPreviewId(id);
+        setAnchorEl(e.currentTarget);
+    };
     var prevQuery = (0, react_1.useRef)({});
-    var _g = (0, react_1.useState)({
+    var _l = (0, react_1.useState)({
         items: [],
         totalItemCount: 0,
-    }), pageList = _g[0], setPage = _g[1];
+    }), pageList = _l[0], setPage = _l[1];
     var columnDefinitions = (0, react_1.useMemo)(function () { return [
         {
             field: 'stt',
@@ -57,12 +69,16 @@ var PageContainer = function () {
                 return params.at(-1);
             },
         },
-        { field: 'pageId', headerName: 'Id', TableCellProps: {
+        {
+            field: 'pageId',
+            headerName: 'Id',
+            TableCellProps: {
                 sx: {
                     minWidth: '180px',
                     width: '20%',
                 },
-            } },
+            },
+        },
         {
             field: 'title',
             headerName: t('Page.Name'),
@@ -73,10 +89,21 @@ var PageContainer = function () {
             valueGetter: function (row) {
                 return (0, Helpers_1.timestampToStringDDMMYYYY)(row.createdDate);
             },
+            TableCellProps: {
+                sx: {
+                    width: '250px',
+                },
+            },
         },
     ]; }, [t]);
+    var handlePreviewClose = function (event) {
+        event.stopPropagation();
+        setAnchorEl(null);
+    };
     (0, react_1.useLayoutEffect)(function () {
         setDirectories([]);
+        setInit(true);
+        setLoading(true);
         setPage({
             items: [],
             totalItemCount: 0,
@@ -91,19 +118,21 @@ var PageContainer = function () {
     }, [pageCode]);
     (0, react_1.useEffect)(function () {
         var _a;
-        if (((_a = location.state) === null || _a === void 0 ? void 0 : _a.action) === ClassicDrawer_1.CloseAction.ReloadDirectory || !directories.length) {
+        if (((_a = location.state) === null || _a === void 0 ? void 0 : _a.action) === ClassicDrawer_1.CloseAction.ReloadDirectory || init) {
             fetchDirectories();
+            setInit(false);
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [location.pathname, directories]);
+    }, [location.pathname, init]);
     var fetchDirectories = function () {
+        setLoadLoadDirectory(true);
         service
             .directoriesGetByObjectTypeCode(Enum_1.DirectoryRoot[pageCode === enums_1.PageCode.Lgn ? 'PageLogin' : 'PageWelcome'])
-            .then(function (res) {
-            var _a;
-            setDirectories(res);
-            getPagePaging(prevQuery.current, (_a = (0, lodash_1.minBy)(res, 'level')) === null || _a === void 0 ? void 0 : _a.directoryId);
-        }).finally(function () { return navigate(location.pathname, { replace: true }); });
+            .then(setDirectories)
+            .finally(function () {
+            // navigate(location.pathname, { replace: true })
+            setLoadLoadDirectory(false);
+        });
     };
     var handleRowClick = function (id) {
         navigate([Constant_1.pageConstants.EDIT_PAGE, id].join('/'));
@@ -123,69 +152,78 @@ var PageContainer = function () {
     }, 100), []);
     var getPagePaging = (0, react_1.useCallback)(function (input, directoryId) {
         var _a;
-        console.log("call");
         var searchString = input.searchString, pageSize = input.pageSize, pageIndex = input.pageIndex, advancedObject = input.advancedObject;
         handleFetchPaging(searchString, pageSize, pageIndex, directoryId ||
             (advancedObject === null || advancedObject === void 0 ? void 0 : advancedObject.directoryId) ||
             ((_a = (0, lodash_1.minBy)(directories, 'level')) === null || _a === void 0 ? void 0 : _a.directoryId));
         prevQuery.current = (0, lodash_1.cloneDeep)(input);
     }, [directories, handleFetchPaging]);
-    var handlePreview = function (id) {
+    var handlePreview = function (id, domainId) {
         var url = "".concat(CONFIGS.CAPTIVE_DOMAIN, "/").concat(CONFIGS.PAGE_LOGIN_PREVIEW, "?loginId=").concat(id, "&domainId=").concat(domainId, "&isNetworkCampaign=false");
         window.open(url, '_blank');
     };
+    var handlePreviewClick = function (id) {
+        handlePreview(id, domainId || CONFIGS.DEFAULT_PREVIEW_DOMAIN_ID || '');
+    };
     var handleExport = function (id) {
         service.pagesExport(id).then(function (res) {
             (0, Helpers_1.downloadZipFile)(res, "Page_".concat(pageCode === enums_1.PageCode.Lgn ? 'lgn' : 'wlc', "_"));
         });
     };
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: tempLoading ? ((0, jsx_runtime_1.jsx)(AWING_1.CircularProgress, {})) : ((0, jsx_runtime_1.jsx)(AWING_1.PageManagement, { title: t([
-                'Page',
-                pageCode === enums_1.PageCode.Lgn
-                    ? 'LoginTitle'
-                    : 'WelcomeTitle',
-            ].join('.')), advancedSearchFields: [
-                {
-                    fieldName: 'directoryId',
-                    label: t('Common.Directory'),
-                    type: 'directory',
-                    icon: (0, jsx_runtime_1.jsx)(icons_material_1.FolderOpen, { fontSize: "small" }),
-                    rootId: (_a = (0, lodash_1.minBy)(directories, 'level')) === null || _a === void 0 ? void 0 : _a.directoryId,
-                    options: directories.map(function (directory) { return (__assign(__assign({}, directory), { text: directory.name, value: directory.directoryId })); }),
-                },
-            ], columns: columnDefinitions, rows: pageList.items, onChangeQueryInput: getPagePaging, getRowId: function (obj) { return obj.pageId; }, loading: loading, totalOfRows: pageList.totalItemCount, onCreateButtonClick: function () {
-                navigate(Constant_1.pageConstants.CREATE_PAGE);
-            }, onCreateFolderButtonClick: function () {
-                var _a;
-                navigate([
-                    Constant_1.pageConstants.PAGE_CREATE_DIRECTORY,
-                    (_a = (0, lodash_1.minBy)(directories, 'level')) === null || _a === void 0 ? void 0 : _a.directoryId,
-                ].join('/'));
-            }, rowActions: [
-                {
-                    icon: (0, jsx_runtime_1.jsx)(icons_material_1.Visibility, {}),
-                    tooltipTitle: t('Common.Preview'),
-                    action: handlePreview,
-                    sx: {
-                        display: pageCode === enums_1.PageCode.Wlc
-                            ? 'none'
-                            : 'unset',
+    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
+            '& th:last-of-type': {
+                width: '250px!important',
+            },
+        }, children: [tempLoading || isLoadDirectory ? ((0, jsx_runtime_1.jsx)(AWING_1.CircularProgress, {})) : ((0, jsx_runtime_1.jsx)(AWING_1.PageManagement, { title: t([
+                    'Page',
+                    pageCode === enums_1.PageCode.Lgn
+                        ? 'LoginTitle'
+                        : 'WelcomeTitle',
+                ].join('.')), advancedSearchFields: [
+                    {
+                        fieldName: 'directoryId',
+                        label: t('Common.Directory'),
+                        type: 'directory',
+                        icon: (0, jsx_runtime_1.jsx)(icons_material_1.FolderOpen, { fontSize: "small" }),
+                        rootId: (_a = (0, lodash_1.minBy)(directories, 'level')) === null || _a === void 0 ? void 0 : _a.directoryId,
+                        options: directories.map(function (directory) { return (__assign(__assign({}, directory), { text: directory.name, value: directory.directoryId })); }),
                     },
-                },
-                {
-                    icon: (0, jsx_runtime_1.jsx)(icons_material_1.GetApp, {}),
-                    tooltipTitle: t('Common.Export'),
-                    action: handleExport,
-                },
-                {
-                    icon: (0, jsx_runtime_1.jsx)(icons_material_1.FileCopyOutlined, {}),
-                    tooltipTitle: t('Common.Duplicate'),
-                    action: handleClone,
-                },
-            ], onRowClick: handleRowClick, onDelete: service.pagesDelete, showNotificationSuccess: function () { return snackbar('success'); }, confirmDelete: confirm, customActions: (0, jsx_runtime_1.jsx)(material_1.Button, { sx: {
-                    marginLeft: function (theme) { return theme.spacing(1); },
-                }, color: "inherit", variant: "outlined", onClick: function () {
-                    navigate(Constant_1.pageConstants.IMPORT_PAGE);
-                }, children: t('Common.Import') }) })) }));
+                ], columns: columnDefinitions, rows: pageList.items, onChangeQueryInput: getPagePaging, getRowId: function (obj) { return obj.pageId; }, loading: loading, totalOfRows: pageList.totalItemCount, onCreateButtonClick: function () {
+                    navigate(Constant_1.pageConstants.CREATE_PAGE);
+                }, onCreateFolderButtonClick: function () {
+                    var _a;
+                    navigate([
+                        Constant_1.pageConstants.PAGE_CREATE_DIRECTORY,
+                        (_a = (0, lodash_1.minBy)(directories, 'level')) === null || _a === void 0 ? void 0 : _a.directoryId,
+                    ].join('/'));
+                }, rowActions: [
+                    {
+                        icon: function (props) { return (0, jsx_runtime_1.jsx)(DomainPreview_1.default, { handlePreviewPage: function (e) { return handlePreviewPage(e, props.id); }, isSelectDomain: Boolean(service.domainsGetAll) }); },
+                        tooltipTitle: t('Common.Preview'),
+                        action: handlePreviewClick,
+                        sx: {
+                            display: pageCode === enums_1.PageCode.Wlc
+                                ? 'none'
+                                : 'unset',
+                        },
+                    },
+                    {
+                        icon: (0, jsx_runtime_1.jsx)(icons_material_1.GetApp, {}),
+                        tooltipTitle: t('Common.Export'),
+                        action: handleExport,
+                    },
+                    {
+                        icon: (0, jsx_runtime_1.jsx)(icons_material_1.FileCopyOutlined, {}),
+                        tooltipTitle: t('Common.Duplicate'),
+                        action: handleClone,
+                    },
+                ], onRowClick: handleRowClick, onDelete: service.pagesDelete, showNotificationSuccess: function () { return snackbar('success'); }, confirmDelete: confirm, customActions: (0, jsx_runtime_1.jsx)(material_1.Button, { sx: {
+                        marginLeft: function (theme) { return theme.spacing(1); },
+                    }, color: "inherit", variant: "outlined", onClick: function () {
+                        navigate(Constant_1.pageConstants.IMPORT_PAGE);
+                    }, children: t('Common.Import') }) })), open &&
+                (0, jsx_runtime_1.jsx)(PreviewButton_1.default, { anchorEl: anchorEl, open: open, domainIds: [], handlePreviewClose: handlePreviewClose, handlePreviewDomain: function (event, domainId) {
+                        handlePreview(previewId, domainId);
+                    }, service: service })] }));
 };
 exports.default = PageContainer;

package/lib/ACM-AXN/Page/CreateOrEdit/DrawerAction.js

@@ -12,11 +12,15 @@ var Helpers_1 = require("../../../Utils/Helpers");
 var Context_1 = __importDefault(require("../Context"));
 var enums_1 = require("../enums");
 var react_i18next_1 = require("react-i18next");
+var DomainPreview_1 = __importDefault(require("../../../ACM-AXN/DomainPreview"));
+var PreviewButton_1 = __importDefault(require("../../../ACM-AXN/DomainPreview/PreviewButton"));
 var DrawerAction = function (_a) {
     var type = _a.type;
     var pageId = (0, react_router_dom_1.useParams)().pageId;
     var _b = (0, Context_1.default)(), pageCode = _b.pageCode, CONFIGS = _b.configs, domainId = _b.domainId, service = _b.service;
     var _c = react_1.default.useState(false), loadingExport = _c[0], setLoadingExport = _c[1];
+    var _d = react_1.default.useState(), anchorEl = _d[0], setAnchorEl = _d[1];
+    var open = Boolean(anchorEl);
     var t = (0, react_i18next_1.useTranslation)().t;
     var handleExport = function () {
         setLoadingExport(true);
@@ -27,10 +31,23 @@ var DrawerAction = function (_a) {
         })
             .finally(function () { return setLoadingExport(false); });
     };
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)(material_1.Box, { children: [pageCode === enums_1.PageCode.Lgn && ((0, jsx_runtime_1.jsx)(material_1.Tooltip, { title: t('Campaign.Preview'), children: (0, jsx_runtime_1.jsx)(material_1.Button, { variant: "outlined", color: "secondary", onClick: function (e) {
-                            e.stopPropagation();
-                            var url = "".concat(CONFIGS.CAPTIVE_DOMAIN, "/").concat(CONFIGS.PAGE_LOGIN_PREVIEW, "?loginId=").concat(pageId, "&domainId=").concat(domainId, "&isNetworkCampaign=false");
-                            window.open(url, '_blank');
-                        }, children: (0, jsx_runtime_1.jsx)(icons_material_1.VisibilityOutlined, {}) }) })), (0, jsx_runtime_1.jsx)(material_1.Tooltip, { title: t('Common.Export'), children: (0, jsx_runtime_1.jsx)(material_1.Button, { disabled: loadingExport, variant: "outlined", color: "secondary", style: { margin: '0px 16px' }, onClick: handleExport, children: (0, jsx_runtime_1.jsx)(icons_material_1.GetAppOutlined, {}) }) })] }) }));
+    var handlePreviewClose = function (event) {
+        event.stopPropagation();
+        setAnchorEl(null);
+    };
+    var handlePreview = function (domainId) {
+        var url = "".concat(CONFIGS.CAPTIVE_DOMAIN, "/").concat(CONFIGS.PAGE_LOGIN_PREVIEW, "?loginId=").concat(pageId, "&domainId=").concat(domainId, "&isNetworkCampaign=false");
+        window.open(url, '_blank');
+    };
+    var handlePreviewPage = function (e) {
+        e.stopPropagation();
+        setAnchorEl(e.currentTarget);
+    };
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { children: [pageCode === enums_1.PageCode.Lgn && ((0, jsx_runtime_1.jsx)(material_1.Tooltip, { title: t('Campaign.Preview'), children: (0, jsx_runtime_1.jsx)(material_1.Button, { variant: "outlined", color: "secondary", onClick: function (e) {
+                                handlePreview(domainId || CONFIGS.DEFAULT_PREVIEW_DOMAIN_ID);
+                            }, children: (0, jsx_runtime_1.jsx)(DomainPreview_1.default, { handlePreviewPage: handlePreviewPage, isSelectDomain: Boolean(service.domainsGetAll) }) }) })), (0, jsx_runtime_1.jsx)(material_1.Tooltip, { title: t('Common.Export'), children: (0, jsx_runtime_1.jsx)(material_1.Button, { disabled: loadingExport, variant: "outlined", color: "secondary", style: { margin: '0px 16px' }, onClick: handleExport, children: (0, jsx_runtime_1.jsx)(icons_material_1.GetAppOutlined, {}) }) })] }), open &&
+                (0, jsx_runtime_1.jsx)(PreviewButton_1.default, { anchorEl: anchorEl, open: open, domainIds: [], handlePreviewClose: handlePreviewClose, handlePreviewDomain: function (event, domainId) {
+                        handlePreview(domainId);
+                    }, service: service })] }));
 };
 exports.default = DrawerAction;

package/lib/ACM-AXN/Page/CreateOrEdit/Recoil.d.ts

@@ -1,6 +1,7 @@
 import { Directory } from '../../Campaign/Types';
 import { FormValid, PageModel } from '../Types';
 export declare const pageDirectoriesState: import("recoil").RecoilState<Directory[]>;
+export declare const wiewMounted: import("recoil").RecoilState<boolean>;
 export declare const pageRootDeirectory: import("recoil").RecoilState<string>;
 export declare const pageChangedFormState: import("recoil").RecoilState<Record<keyof PageModel, boolean>>;
 export declare const pageRootState: import("recoil").RecoilState<PageModel>;

package/lib/ACM-AXN/Page/CreateOrEdit/Recoil.js

@@ -11,7 +11,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.pageState = exports.validForm = exports.pageRootState = exports.pageChangedFormState = exports.pageRootDeirectory = exports.pageDirectoriesState = void 0;
+exports.pageState = exports.validForm = exports.pageRootState = exports.pageChangedFormState = exports.pageRootDeirectory = exports.wiewMounted = exports.pageDirectoriesState = void 0;
 var lodash_1 = require("lodash");
 var recoil_1 = require("recoil");
 var Constant_1 = require("../Constant");
@@ -21,6 +21,10 @@ exports.pageDirectoriesState = (0, recoil_1.atom)({
     key: 'pageDirectoriesState',
     default: [],
 });
+exports.wiewMounted = (0, recoil_1.atom)({
+    key: 'wiewMounted',
+    default: false,
+});
 exports.pageRootDeirectory = (0, recoil_1.atom)({
     key: 'pageRootDeirectory',
     default: (0, recoil_1.selector)({

package/lib/ACM-AXN/Page/CreateOrEdit/Tabview/ViewContent.js

@@ -75,7 +75,7 @@ var ViewContent = function (_a) {
             onChange(['viewDatas'], []);
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [service, viewInfoData.templateId, viewInfoData.viewDatas.length]);
+    }, [viewInfoData.templateId, viewInfoData.viewDatas.length]);
     var handleResData = function (res) {
         onChange(['viewDatas'], (0, Utils_1.getTemplateDatas)(res.templateParameters, viewInfoData, pageId, viewNumber));
         onChange(['templateValidation'], res.template.validation);

package/lib/ACM-AXN/Page/CreateOrEdit/Tabview/ViewInfo.js

@@ -47,6 +47,8 @@ var enums_1 = require("../../enums");
 var Utils_1 = require("../Utils");
 var Constant_1 = require("../../../../ACM-AXN/Page/Constant");
 var react_router_dom_1 = require("react-router-dom");
+var recoil_1 = require("recoil");
+var Recoil_1 = require("../Recoil");
 var ViewInfo = function (_a) {
     var directories = _a.directories, templateTypes = _a.templateTypes, onChange = _a.onChange, viewInfoData = _a.viewInfoData;
     var pageId = (0, react_router_dom_1.useParams)().pageId;
@@ -54,20 +56,24 @@ var ViewInfo = function (_a) {
     var cacheDirectoryId = react_1.default.useRef('');
     var _b = react_1.default.useState([]), templates = _b[0], setTemplates = _b[1];
     var _c = react_1.default.useState(false), loadingTemplate = _c[0], setLoadingTemplate = _c[1];
-    var _d = (0, Context_1.default)(), service = _d.service, pageCode = _d.pageCode;
+    var _d = (0, recoil_1.useRecoilState)(Recoil_1.wiewMounted), isMounted = _d[0], setIsMounted = _d[1];
+    var _e = (0, Context_1.default)(), service = _e.service, pageCode = _e.pageCode, domainId = _e.domainId;
     var t = (0, react_i18next_1.useTranslation)().t;
     (0, react_1.useEffect)(function () {
-        var savedDirectoryId = localStorage.getItem(Constant_1.PAGE_LOGIN_DIRECTORY_SELECTED);
-        if (savedDirectoryId && !pageId) {
+        var savedDirectoryId = JSON.parse(localStorage.getItem(Constant_1.PAGE_LOGIN_DIRECTORY_SELECTED) || '{}')[Array.isArray(domainId) ? 'awingPge' : domainId];
+        if (savedDirectoryId && !pageId && !isMounted) {
+            setIsMounted(true);
             handleChangeForm({ directoryId: savedDirectoryId }, true, 'directoryId');
         }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
     var handleChangeForm = react_1.default.useCallback(function (obj, _valid, keyUpdate) {
+        var _a;
         if ((0, lodash_1.isEmpty)(obj))
             return;
         if (['templateTypeId', 'directoryId'].includes(keyUpdate)) {
             if (keyUpdate === 'directoryId') {
-                localStorage.setItem(Constant_1.PAGE_LOGIN_DIRECTORY_SELECTED, obj[keyUpdate]);
+                localStorage.setItem(Constant_1.PAGE_LOGIN_DIRECTORY_SELECTED, JSON.stringify((_a = {}, _a[Array.isArray(domainId) ? 'awingPge' : domainId] = obj[keyUpdate], _a)));
             }
             onChange(['templateId'], null);
         }

package/lib/ACM-AXN/Page/CreateOrEdit/Utils.js

@@ -59,7 +59,7 @@ var setObject = function (obj, arrKey, value) {
 exports.setObject = setObject;
 var convertTreeArrayToFlatArray = function (treeArray) {
     var result = [];
-    treeArray.forEach(function (data) {
+    treeArray === null || treeArray === void 0 ? void 0 : treeArray.forEach(function (data) {
         getChilds(data, function (item) { return result.push(item); });
     });
     return result;

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

@@ -110,6 +110,12 @@ export interface SystemPhysicalObject {
     name: string;
     path: string;
 }
+export interface IDomain {
+    domainId: string;
+    name: string | undefined;
+    rateSharing: number;
+    description: string | undefined;
+}
 export interface PageService {
     directoriesGetByObjectTypeCode: (type: DirectoryRoot) => Promise<Directory[]>;
     pagesPaging: (searchString?: string, pageSize?: number, pageIndex?: number, directoryId?: string) => Promise<PagesPaging>;
@@ -138,6 +144,8 @@ export interface PageService {
     pagesPut: (id: string, body: PageModel) => Promise<void>;
     pagesGet: (id: string) => Promise<PageModel>;
     pagesClone: (id: string) => Promise<PageModel>;
+    domainsGetAll?: () => Promise<IDomain[]>;
+    domainsGetByIds?: (body: string[]) => Promise<IDomain[]>;
 }
 export interface PageProps {
     service: PageService;

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

@@ -29,6 +29,7 @@ var Context_1 = require("./Context");
 var enums_1 = require("./enums");
 var CreateOrEdit_1 = __importDefault(require("./CreateOrEdit"));
 var index_1 = __importDefault(require("./Import/index"));
+var Enum_1 = require("../../ACM-AXN/Campaign/Enum");
 var Page = function (props) {
     var paths = [
         { path: Constant_1.pageConstants.IMPORT_PAGE, element: (0, jsx_runtime_1.jsx)(index_1.default, {}) },
@@ -46,7 +47,7 @@ var Page = function (props) {
         },
         {
             path: Constant_1.pageConstants.PAGE_CREATE_DIRECTORY + '/:directoryId',
-            element: ((0, jsx_runtime_1.jsx)(CreateDirectory_1.default, __assign({ parentDirectory: props.pageCode === enums_1.PageCode.Lgn
+            element: ((0, jsx_runtime_1.jsx)(CreateDirectory_1.default, __assign({ directoryRoot: Enum_1.DirectoryRoot[props.pageCode === enums_1.PageCode.Lgn ? 'PageLogin' : 'PageWelcome'], parentDirectory: props.pageCode === enums_1.PageCode.Lgn
                     ? 'pageLogin'
                     : 'pageWelcome' }, props))),
         },

package/lib/ACM-AXN/Permission/Components/Management.test.js

@@ -66,7 +66,7 @@ jest.mock("Commons/Client", function () { return ({
     },
 }); });
 // Mock DataGrid
-jest.mock("awing-library/lib/AWING", function () { return ({
+jest.mock("AWING", function () { return ({
     DataGrid: function (props) { return ((0, jsx_runtime_1.jsxs)("div", { "data-testid": "DataGrid", children: [props.columns
                 .filter(function (item) { return item.valueGetter; })
                 .map(function (getter, idx) { return ((0, jsx_runtime_1.jsxs)("span", { children: [getter.valueGetter(mockPermissions[0], idx), getter.valueGetter(mockPermissions[1], idx)] }, idx)); }), (0, jsx_runtime_1.jsx)("div", { children: props.getRowId(mockPermissions.at(-1)) }), (0, jsx_runtime_1.jsx)("div", { children: props.rowActions.map(function (rowAction, idx) { return ((0, jsx_runtime_1.jsxs)("button", { onClick: function () { return rowAction.action(mockPermissions[0].authenId); }, "data-testid": rowAction.tooltipTitle, children: [rowAction.icon, (0, jsx_runtime_1.jsx)("span", { children: rowAction.isShouldHideActions(mockPermissions[0]) })] }, idx)); }) }), (0, jsx_runtime_1.jsx)("button", { "data-testid": "row-click", onClick: function () {

package/lib/ACM-AXN/PlaceGroup/Context.d.ts

@@ -4,5 +4,5 @@
  *
  **/
 /// <reference types="react" />
-import { PlaceGroupPropsContext } from "./Types";
+import { PlaceGroupPropsContext } from './Types';
 export declare const placeGroupPropsContext: import("react").Context<PlaceGroupPropsContext>;

package/lib/ACM-AXN/Statistics/ControlPanel.js

@@ -24,15 +24,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
+var icons_material_1 = require("@mui/icons-material");
 var GetApp_1 = __importDefault(require("@mui/icons-material/GetApp"));
 var material_1 = require("@mui/material");
+var styles_1 = require("@mui/styles");
 var moment_1 = __importDefault(require("moment"));
 var react_1 = require("react");
 var react_i18next_1 = require("react-i18next");
-var Enums_1 = require("./Enums");
-var styles_1 = require("@mui/styles");
 var AWING_1 = require("../../AWING");
-var icons_material_1 = require("@mui/icons-material");
+var Enums_1 = require("./Enums");
 var useStyles = (0, styles_1.makeStyles)(function () { return ({
     outlinedInput: {
         '& .MuiOutlinedInput-input': {
@@ -63,6 +63,14 @@ function ControlPanel(_a) {
     var _c = (0, react_1.useState)(), queryInput = _c[0], setQueryInput = _c[1];
     var _d = (0, react_1.useState)([]), elementInputs = _d[0], setElementInputs = _d[1];
     var _e = (0, react_1.useState)(false), isShowFilterEnhanced = _e[0], setIsHideFieldAdvanced = _e[1];
+    var flagRef = (0, react_1.useRef)('-1');
+    var getView = function () {
+        var _a;
+        onChangeQueryInput(queryInput);
+        flagRef.current = ((_a = queryInput === null || queryInput === void 0 ? void 0 : queryInput.campaignIds) === null || _a === void 0 ? void 0 : _a.at(-1)) || '-1';
+    };
+    var disabledViewBy = ((_b = queryInput === null || queryInput === void 0 ? void 0 : queryInput.campaignIds) === null || _b === void 0 ? void 0 : _b.length) > 0 &&
+        (queryInput === null || queryInput === void 0 ? void 0 : queryInput.campaignIds.includes(flagRef.current));
     var handleInitialFilter = function (initialFilters) {
         var initValue = initialFilters === null || initialFilters === void 0 ? void 0 : initialFilters.reduce(function (acc, curr) {
             if ((curr === null || curr === void 0 ? void 0 : curr.type) === Enums_1.TYPE_FILTERS.DATE_RANGE_PICKER) {
@@ -86,14 +94,14 @@ function ControlPanel(_a) {
     var handleElementInput = function (initialFilters) {
         var updatedElementInputs = [];
         initialFilters.map(function (item, idx) {
-            var _a, _b, _c;
+            var _a, _b;
             switch (item === null || item === void 0 ? void 0 : item.type) {
                 case Enums_1.TYPE_FILTERS.VIEW_BY: {
                     var element = __assign({ component: ((0, jsx_runtime_1.jsx)(material_1.TextField, { select: true, fullWidth: true, label: t('Common.ViewBy'), size: "small", onChange: function (e) {
                                 return item === null || item === void 0 ? void 0 : item.onChange(Number(e.target.value));
                             }, SelectProps: {
                                 native: true,
-                            }, variant: "outlined", style: { minWidth: 160 }, disabled: isLoadings === null || isLoadings === void 0 ? void 0 : isLoadings.chartLoading, children: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("option", { value: Number(item === null || item === void 0 ? void 0 : item.initialData[0].value), children: item === null || item === void 0 ? void 0 : item.initialData[0].label }), (0, jsx_runtime_1.jsx)("option", { value: Number(item === null || item === void 0 ? void 0 : item.initialData[1].value), children: item === null || item === void 0 ? void 0 : item.initialData[1].label })] }) }, idx)), isEnhanced: (item === null || item === void 0 ? void 0 : item.isEnhanced) ? item === null || item === void 0 ? void 0 : item.isEnhanced : false, name: 'viewBy' }, item);
+                            }, variant: "outlined", style: { minWidth: 160 }, disabled: (isLoadings === null || isLoadings === void 0 ? void 0 : isLoadings.chartLoading) || !disabledViewBy, children: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("option", { value: Number(item === null || item === void 0 ? void 0 : item.initialData[0].value), children: item === null || item === void 0 ? void 0 : item.initialData[0].label }), (0, jsx_runtime_1.jsx)("option", { value: Number(item === null || item === void 0 ? void 0 : item.initialData[1].value), children: item === null || item === void 0 ? void 0 : item.initialData[1].label })] }) }, idx)), isEnhanced: (item === null || item === void 0 ? void 0 : item.isEnhanced) ? item === null || item === void 0 ? void 0 : item.isEnhanced : false, name: 'viewBy' }, item);
                     updatedElementInputs.push(element);
                     break;
                 }
@@ -132,7 +140,7 @@ function ControlPanel(_a) {
                 }
                 case Enums_1.TYPE_FILTERS.CAMPAIGN: {
                     var CampaignFilter = item === null || item === void 0 ? void 0 : item.nodeElement;
-                    var element = __assign({ component: ((0, jsx_runtime_1.jsx)(CampaignFilter, { defaultValue: [], disabled: queryInput === null || queryInput === void 0 ? void 0 : queryInput.isCampaignDefault, onSubmit: function (campaignIds) {
+                    var element = __assign({ component: ((0, jsx_runtime_1.jsx)(CampaignFilter, { defaultValue: [], disabled: (queryInput === null || queryInput === void 0 ? void 0 : queryInput.isCampaignDefault) === '-1', onSubmit: function (campaignIds) {
                                 return handleChangeQueryInput(item === null || item === void 0 ? void 0 : item.name, campaignIds);
                             }, disableMulti: item === null || item === void 0 ? void 0 : item.disableMulti }, idx)), isEnhanced: (item === null || item === void 0 ? void 0 : item.isEnhanced) ? item === null || item === void 0 ? void 0 : item.isEnhanced : false, name: 'campaign' }, item);
                     updatedElementInputs.push(element);
@@ -150,6 +158,15 @@ function ControlPanel(_a) {
                     var PlaceFilter = item === null || item === void 0 ? void 0 : item.nodeElement;
                     var element = __assign({ component: ((0, jsx_runtime_1.jsx)(PlaceFilter, { onChange: function (event, value) {
                                 return handleChangeQueryInput(item === null || item === void 0 ? void 0 : item.name, value === null || value === void 0 ? void 0 : value.placeId);
+                            }, disabled: (queryInput === null || queryInput === void 0 ? void 0 : queryInput.domainId) === '0' }, idx)), isEnhanced: (item === null || item === void 0 ? void 0 : item.isEnhanced) ? item === null || item === void 0 ? void 0 : item.isEnhanced : false, name: 'placeAutoComplete' }, item);
+                    updatedElementInputs.push(element);
+                    break;
+                }
+                case Enums_1.TYPE_FILTERS.DOMAIN_AUTOCOMPLETE: {
+                    var DomainFilter = item === null || item === void 0 ? void 0 : item.nodeElement;
+                    var element = __assign({ component: ((0, jsx_runtime_1.jsx)(DomainFilter, { onChange: function (event, value) {
+                                item === null || item === void 0 ? void 0 : item.onChange(value === null || value === void 0 ? void 0 : value.domainId);
+                                handleChangeQueryInput(item === null || item === void 0 ? void 0 : item.name, value === null || value === void 0 ? void 0 : value.domainId);
                             } }, idx)), isEnhanced: (item === null || item === void 0 ? void 0 : item.isEnhanced) ? item === null || item === void 0 ? void 0 : item.isEnhanced : false, name: 'placeAutoComplete' }, item);
                     updatedElementInputs.push(element);
                     break;
@@ -162,14 +179,14 @@ function ControlPanel(_a) {
                     break;
                 }
                 case Enums_1.TYPE_FILTERS.CAMPAIGN_DEFAULT: {
-                    var element = __assign({ component: ((0, jsx_runtime_1.jsx)(material_1.FormControlLabel, { control: (0, jsx_runtime_1.jsx)(material_1.Checkbox, { color: "primary", defaultChecked: (_b = queryInput === null || queryInput === void 0 ? void 0 : queryInput.isCampaignDefault) !== null && _b !== void 0 ? _b : false }), label: t('Statistic.CampaignDefault'), labelPlacement: "start", onChange: function (e) {
-                                handleChangeQueryInput(item === null || item === void 0 ? void 0 : item.name, e.target.checked);
-                            } }, idx)), isEnhanced: (item === null || item === void 0 ? void 0 : item.isEnhanced) ? item === null || item === void 0 ? void 0 : item.isEnhanced : false, name: 'isCampaignDefault' }, item);
+                    var element = __assign({ component: ((0, jsx_runtime_1.jsx)(material_1.FormControl, { children: (0, jsx_runtime_1.jsxs)(material_1.RadioGroup, { row: true, "aria-labelledby": "demo-radio-buttons-group-label", defaultValue: queryInput === null || queryInput === void 0 ? void 0 : queryInput.isCampaignDefault, name: "radio-buttons-group", onChange: function (e) {
+                                    handleChangeQueryInput(item === null || item === void 0 ? void 0 : item.name, e.target.value);
+                                }, children: [(0, jsx_runtime_1.jsx)(material_1.FormControlLabel, { value: '0', control: (0, jsx_runtime_1.jsx)(material_1.Radio, {}), label: t('Filter.AllCampaign') }), (0, jsx_runtime_1.jsx)(material_1.FormControlLabel, { value: '-1', control: (0, jsx_runtime_1.jsx)(material_1.Radio, {}), label: t('Filter.CampaignDefault') })] }) }, idx)), isEnhanced: (item === null || item === void 0 ? void 0 : item.isEnhanced) ? item === null || item === void 0 ? void 0 : item.isEnhanced : false, name: 'isCampaignDefault' }, item);
                     updatedElementInputs.push(element);
                     break;
                 }
                 case Enums_1.TYPE_FILTERS.INCLUDE_RESERVED: {
-                    var element = __assign({ component: ((0, jsx_runtime_1.jsx)(material_1.FormControlLabel, { control: (0, jsx_runtime_1.jsx)(material_1.Checkbox, { color: "primary", defaultChecked: (_c = queryInput === null || queryInput === void 0 ? void 0 : queryInput.includeReserved) !== null && _c !== void 0 ? _c : true }), label: t('StatisticSchedulePlan.IncludeCampaignReserved'), labelPlacement: "start", onChange: function (e) {
+                    var element = __assign({ component: ((0, jsx_runtime_1.jsx)(material_1.FormControlLabel, { control: (0, jsx_runtime_1.jsx)(material_1.Checkbox, { color: "primary", defaultChecked: (_b = queryInput === null || queryInput === void 0 ? void 0 : queryInput.includeReserved) !== null && _b !== void 0 ? _b : true }), label: t('StatisticSchedulePlan.IncludeCampaignReserved'), labelPlacement: "start", onChange: function (e) {
                                 handleChangeQueryInput(item === null || item === void 0 ? void 0 : item.name, e.target.checked);
                             } }, idx)), isEnhanced: (item === null || item === void 0 ? void 0 : item.isEnhanced) ? item === null || item === void 0 ? void 0 : item.isEnhanced : false, name: 'includeReserved' }, item);
                     updatedElementInputs.push(element);
@@ -200,7 +217,7 @@ function ControlPanel(_a) {
                                 return item.isEnhanced === false ||
                                     item.isEnhanced === undefined;
                             })
-                                .map(function (fieldFilterEnhanced) {
+                                .map(function (fieldFilterEnhanced, idx) {
                                 return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(material_1.Grid, __assign({ item: true, xs: (fieldFilterEnhanced === null || fieldFilterEnhanced === void 0 ? void 0 : fieldFilterEnhanced.col)
                                             ? fieldFilterEnhanced === null || fieldFilterEnhanced === void 0 ? void 0 : fieldFilterEnhanced.col
                                             : 3 }, ((fieldFilterEnhanced === null || fieldFilterEnhanced === void 0 ? void 0 : fieldFilterEnhanced.type) ===
@@ -212,14 +229,14 @@ function ControlPanel(_a) {
                                                 },
                                             },
                                         }
-                                        : {}), { children: fieldFilterEnhanced === null || fieldFilterEnhanced === void 0 ? void 0 : fieldFilterEnhanced.component })) }));
+                                        : {}), { children: fieldFilterEnhanced === null || fieldFilterEnhanced === void 0 ? void 0 : fieldFilterEnhanced.component }), idx) }));
                             }) }) }), (0, jsx_runtime_1.jsxs)(material_1.Grid, { item: true, xs: 2, style: {
                             paddingTop: '24px',
                             display: 'flex',
                             flex: 'none',
-                        }, justifyContent: "flex-end", children: [(0, jsx_runtime_1.jsx)(material_1.Button, { variant: "contained", color: "primary", onClick: function () {
-                                    onChangeQueryInput(queryInput);
-                                }, style: { height: '40px' }, disabled: (_b = isLoadings === null || isLoadings === void 0 ? void 0 : isLoadings.chartLoading) !== null && _b !== void 0 ? _b : false, children: t('Common.View') }), (0, jsx_runtime_1.jsx)(material_1.Button, { variant: "contained", title: t('Common.Download'), onClick: function () { return onChangeExportInput(queryInput); }, color: "inherit", disabled: isLoadings === null || isLoadings === void 0 ? void 0 : isLoadings.exportLoading, style: {
+                        }, justifyContent: "flex-end", children: [(0, jsx_runtime_1.jsx)(material_1.Button, { variant: "contained", color: "primary", onClick: getView, style: { height: '40px' }, disabled: (isLoadings === null || isLoadings === void 0 ? void 0 : isLoadings.chartLoading) ||
+                                    (queryInput === null || queryInput === void 0 ? void 0 : queryInput.domainId) === '0', children: t('Common.View') }), (0, jsx_runtime_1.jsx)(material_1.Button, { variant: "contained", title: t('Common.Download'), onClick: function () { return onChangeExportInput(queryInput); }, color: "inherit", disabled: (isLoadings === null || isLoadings === void 0 ? void 0 : isLoadings.exportLoading) ||
+                                    (queryInput === null || queryInput === void 0 ? void 0 : queryInput.domainId) === '0', style: {
                                     marginLeft: '16px',
                                     height: '40px',
                                 }, children: (isLoadings === null || isLoadings === void 0 ? void 0 : isLoadings.exportLoading) ? ((0, jsx_runtime_1.jsx)(AWING_1.CircularProgress, { styleWrap: {
@@ -231,7 +248,7 @@ function ControlPanel(_a) {
                                     } })) : ((0, jsx_runtime_1.jsx)(GetApp_1.default, {})) }), elementInputs.filter(function (item) { return item.isEnhanced === true; })
                                 .length > 0 && ((0, jsx_runtime_1.jsx)("div", { style: { marginLeft: '10px' }, children: (0, jsx_runtime_1.jsx)(material_1.IconButton, { onClick: onShowFilterEnhanced, children: isShowFilterEnhanced ? ((0, jsx_runtime_1.jsx)(icons_material_1.ExpandMore, {})) : ((0, jsx_runtime_1.jsx)(icons_material_1.ExpandLess, {})) }) }))] })] }), isShowFilterEnhanced && ((0, jsx_runtime_1.jsx)(material_1.Grid, { container: true, justifyContent: "flex-end", spacing: 2, sx: { paddingRight: '3rem' }, children: elementInputs
                     .filter(function (item) { return item.isEnhanced === true; })
-                    .map(function (fieldFilterEnhanced) {
+                    .map(function (fieldFilterEnhanced, idx) {
                     return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: (fieldFilterEnhanced === null || fieldFilterEnhanced === void 0 ? void 0 : fieldFilterEnhanced.col)
                                 ? fieldFilterEnhanced === null || fieldFilterEnhanced === void 0 ? void 0 : fieldFilterEnhanced.col
                                 : 3, style: __assign({}, ((fieldFilterEnhanced === null || fieldFilterEnhanced === void 0 ? void 0 : fieldFilterEnhanced.type) ===
@@ -242,7 +259,7 @@ function ControlPanel(_a) {
                                     display: 'flex',
                                     flex: 'none',
                                 }
-                                : null)), children: fieldFilterEnhanced === null || fieldFilterEnhanced === void 0 ? void 0 : fieldFilterEnhanced.component }) }));
+                                : null)), children: fieldFilterEnhanced === null || fieldFilterEnhanced === void 0 ? void 0 : fieldFilterEnhanced.component }, idx) }));
                 }) }))] }));
 }
 exports.default = ControlPanel;

package/lib/ACM-AXN/Statistics/Enums.d.ts

@@ -5,6 +5,7 @@ export declare enum TYPE_FILTERS {
     CAMPAIGN = "Campaign",
     PLACE = "Place",
     PLACE_AUTOCOMPLETE = "PlaceAutoComplete",
+    DOMAIN_AUTOCOMPLETE = "DomainAutoComplete",
     NETWORK = "NetWork",
     CAMPAIGN_DEFAULT = "CampaignDefault",
     INCLUDE_RESERVED = "IncludeReserved",

package/lib/ACM-AXN/Statistics/Enums.js

@@ -9,6 +9,7 @@ var TYPE_FILTERS;
     TYPE_FILTERS["CAMPAIGN"] = "Campaign";
     TYPE_FILTERS["PLACE"] = "Place";
     TYPE_FILTERS["PLACE_AUTOCOMPLETE"] = "PlaceAutoComplete";
+    TYPE_FILTERS["DOMAIN_AUTOCOMPLETE"] = "DomainAutoComplete";
     TYPE_FILTERS["NETWORK"] = "NetWork";
     TYPE_FILTERS["CAMPAIGN_DEFAULT"] = "CampaignDefault";
     TYPE_FILTERS["INCLUDE_RESERVED"] = "IncludeReserved";

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

@@ -17,7 +17,7 @@ function StatisticsContainer(_a) {
     return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [title && ((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.jsx)(material_1.Paper, { children: (0, jsx_runtime_1.jsxs)("div", { style: { padding: '1rem' }, children: [(0, jsx_runtime_1.jsx)(ControlPanel_1.default, { onChangeQueryInput: onChangeQueryInput, onChangeExportInput: onChangeExportInput, initialFilters: initialFilters, isLoadings: isLoadings, infoSX: infoSX }), (0, jsx_runtime_1.jsxs)(material_1.Grid, { container: true, item: true, xs: 12, justifyContent: "center", sx: {
                                 marginTop: '1.5rem',
                                 width: '100%',
-                            }, children: [(0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 12, children: (dataChart === null || dataChart === void 0 ? void 0 : dataChart.length) > 0 &&
+                            }, children: [(0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 12, className: 'chart-region', children: (dataChart === null || dataChart === void 0 ? void 0 : dataChart.length) > 0 &&
                                         (isLoadings === null || isLoadings === void 0 ? void 0 : isLoadings.chartLoading) === false ? ((configChart === null || configChart === void 0 ? void 0 : configChart.type) === Enums_1.TYPE_CHART.BAR_LINE ? ((0, jsx_runtime_1.jsx)(BarLineComponent_1.default, { type: 'bar', dataChart: dataChart, data: [], optionCustom: configChart === null || configChart === void 0 ? void 0 : configChart.options, timeline: timeline, chart: chart === null || chart === void 0 ? void 0 : chart.barChart })) : ((0, jsx_runtime_1.jsx)(PieComponent_1.default, { type: 'pie', data: dataChart, chart: chart === null || chart === void 0 ? void 0 : chart.pieChart }))) : ((0, jsx_runtime_1.jsx)(AWING_1.CircularProgress, {})) }), children && ((0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 12, children: children }))] })] }) })] }));
 }
 exports.default = StatisticsContainer;

package/lib/ACM-AXN/StatisticsAudienceDemographic/container.d.ts

@@ -1,2 +1,2 @@
 import { IStatisticsAudienceDemographicContainerProps } from './interfaces';
-export default function StatisticsAudienceDemographicContainer<F>({ onChangeQueryInput, onChangeExportInput, isLoadings, initialFilters, title, dataDisplay, chart, infoSX }: IStatisticsAudienceDemographicContainerProps<F>): import("react/jsx-runtime").JSX.Element;
+export default function StatisticsAudienceDemographicContainer<F>({ onChangeQueryInput, onChangeExportInput, isLoadings, initialFilters, title, dataDisplay, chart, infoSX, children, }: IStatisticsAudienceDemographicContainerProps<F>): import("react/jsx-runtime").JSX.Element;