awing-library 2.1.13-beta → 2.1.13

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

@@ -24,15 +24,14 @@ 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 moment_1 = __importDefault(require("moment"));
+var styles_1 = require("@mui/styles");
 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,14 +62,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 _f = (0, react_1.useState)(0), flagView = _f[0], setFlagView = _f[1];
+    var flagRef = (0, react_1.useRef)('-1');
     var getView = function () {
+        var _a;
         onChangeQueryInput(queryInput);
-        setFlagView(flagView + 1);
+        flagRef.current = ((_a = queryInput === null || queryInput === void 0 ? void 0 : queryInput.campaignIds) === null || _a === void 0 ? void 0 : _a.at(-1)) || '-1';
     };
-    var disabledViewBy = (queryInput === null || queryInput === void 0 ? void 0 : queryInput.campaignIds) &&
-        (queryInput === null || queryInput === void 0 ? void 0 : queryInput.campaignIds.length) > 0 &&
-        flagView > 0;
+    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) {
@@ -94,7 +93,7 @@ function ControlPanel(_a) {
     var handleElementInput = function (initialFilters) {
         var updatedElementInputs = [];
         initialFilters.map(function (item, idx) {
-            var _a, _b, _c;
+            var _a, _b, _c, _d;
             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) {
@@ -125,11 +124,7 @@ function ControlPanel(_a) {
                     break;
                 }
                 case Enums_1.TYPE_FILTERS.DATE_RANGE_PICKER: {
-                    var element = __assign({ component: ((0, jsx_runtime_1.jsx)(AWING_1.DateRangePicker, __assign({ isShowCalendarInfo: true, label: "".concat(t('Common.StartDate'), " - ").concat(t('Common.EndDate')), initialStartDate: (item === null || item === void 0 ? void 0 : item.isPassTime)
-                                ? (0, moment_1.default)()
-                                : (0, moment_1.default)().subtract(7, 'days'), initialEndDate: (item === null || item === void 0 ? void 0 : item.isPassTime)
-                                ? (0, moment_1.default)().add(7, 'days')
-                                : (0, moment_1.default)(), variant: "outlined", textFieldProps: {
+                    var element = __assign({ component: ((0, jsx_runtime_1.jsx)(AWING_1.DateRangePicker, __assign({ isShowCalendarInfo: true, label: "".concat(t('Common.StartDate'), " - ").concat(t('Common.EndDate')), initialStartDate: (_a = item === null || item === void 0 ? void 0 : item.defaultValue) === null || _a === void 0 ? void 0 : _a.startDate, initialEndDate: (_b = item === null || item === void 0 ? void 0 : item.defaultValue) === null || _b === void 0 ? void 0 : _b.endDate, variant: "outlined", textFieldProps: {
                                 fullWidth: true,
                                 className: classes.outlinedInput,
                             }, callback: handleChangeDateRange }, ((item === null || item === void 0 ? void 0 : item.isDayBlocked) && {
@@ -140,7 +135,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);
@@ -158,26 +153,35 @@ 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;
                 }
                 case Enums_1.TYPE_FILTERS.NETWORK: {
-                    var element = __assign({ component: ((0, jsx_runtime_1.jsx)(material_1.FormControlLabel, { control: (0, jsx_runtime_1.jsx)(material_1.Checkbox, { color: "primary", defaultChecked: (_a = queryInput === null || queryInput === void 0 ? void 0 : queryInput.isCampaignNetwork) !== null && _a !== void 0 ? _a : true }), label: t('Statistic.Network.Title'), 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: (_c = queryInput === null || queryInput === void 0 ? void 0 : queryInput.isCampaignNetwork) !== null && _c !== void 0 ? _c : true }), label: t('Statistic.Network.Title'), 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: 'isCampaignNetwork' }, item);
                     updatedElementInputs.push(element);
                     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: (_d = queryInput === null || queryInput === void 0 ? void 0 : queryInput.includeReserved) !== null && _d !== void 0 ? _d : 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);
@@ -203,29 +207,27 @@ function ControlPanel(_a) {
     var onShowFilterEnhanced = function () {
         setIsHideFieldAdvanced(!isShowFilterEnhanced);
     };
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(material_1.Grid, { container: true, justifyContent: "flex-end", spacing: 2, children: [(0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 10, spacing: 2, sx: { paddingRight: '0.5rem' }, children: (0, jsx_runtime_1.jsx)(material_1.Grid, { container: true, justifyContent: "flex-end", spacing: 2, children: elementInputs
-                                .filter(function (item) {
-                                return item.isEnhanced === false ||
-                                    item.isEnhanced === undefined;
-                            })
-                                .map(function (fieldFilterEnhanced) {
-                                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) ===
-                                        Enums_1.TYPE_FILTERS.DATE_RANGE_PICKER
-                                        ? {
-                                            sx: {
-                                                '& .MuiInputBase-input': {
-                                                    height: '1.25rem',
-                                                },
-                                            },
-                                        }
-                                        : {}), { children: fieldFilterEnhanced === null || fieldFilterEnhanced === void 0 ? void 0 : fieldFilterEnhanced.component })) }));
-                            }) }) }), (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: getView, 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: {
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(material_1.Grid, { container: true, justifyContent: "flex-end", spacing: 2, children: [elementInputs
+                        .filter(function (item) {
+                        return item.isEnhanced === false ||
+                            item.isEnhanced === undefined;
+                    })
+                        .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) ===
+                                Enums_1.TYPE_FILTERS.DATE_RANGE_PICKER
+                                ? {
+                                    sx: {
+                                        '& .MuiInputBase-input': {
+                                            height: '1.25rem',
+                                        },
+                                    },
+                                }
+                                : {}), { children: fieldFilterEnhanced === null || fieldFilterEnhanced === void 0 ? void 0 : fieldFilterEnhanced.component }), idx) }));
+                    }), (0, jsx_runtime_1.jsxs)(material_1.Grid, { item: true, sx: { paddingTop: '24px !important' }, 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: {
@@ -235,9 +237,9 @@ function ControlPanel(_a) {
                                         width: '25px !important',
                                         height: '25px !important',
                                     } })) : ((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
+                                .length > 0 && ((0, jsx_runtime_1.jsx)(material_1.IconButton, { sx: { marginLeft: '10px' }, 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) ===
@@ -248,7 +250,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;

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

@@ -9,10 +9,9 @@ var ControlPanel_1 = __importDefault(require("../../ACM-AXN/Statistics/ControlPa
 var ContentHeader_1 = __importDefault(require("../CampaignSchedule/Components/ContentHeader"));
 var Tabs_1 = __importDefault(require("./Tabs"));
 function StatisticsAudienceDemographicContainer(_a) {
-    var onChangeQueryInput = _a.onChangeQueryInput, onChangeExportInput = _a.onChangeExportInput, isLoadings = _a.isLoadings, initialFilters = _a.initialFilters, title = _a.title, dataDisplay = _a.dataDisplay, chart = _a.chart, infoSX = _a.infoSX;
-    console.log('dataDisplay', dataDisplay);
+    var onChangeQueryInput = _a.onChangeQueryInput, onChangeExportInput = _a.onChangeExportInput, isLoadings = _a.isLoadings, initialFilters = _a.initialFilters, title = _a.title, dataDisplay = _a.dataDisplay, chart = _a.chart, infoSX = _a.infoSX, children = _a.children;
     return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(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.jsx)(material_1.Grid, { container: true, item: true, xs: 12, justifyContent: "center", sx: {
                                 width: '100%',
-                            }, children: (0, jsx_runtime_1.jsx)(Tabs_1.default, { data: dataDisplay, isLoading: isLoadings === null || isLoadings === void 0 ? void 0 : isLoadings.chartLoading, chart: chart }) })] }) })] }));
+                            }, children: dataDisplay === null ? (children) : ((0, jsx_runtime_1.jsx)(Tabs_1.default, { data: dataDisplay, isLoading: isLoadings === null || isLoadings === void 0 ? void 0 : isLoadings.chartLoading, chart: chart })) })] }) })] }));
 }
 exports.default = StatisticsAudienceDemographicContainer;

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

@@ -6,6 +6,7 @@ export interface IStatisticsAudienceDemographicContainerProps<F> {
     isLoadings: ILoadings;
     title: string;
     dataDisplay: any;
+    children?: any;
     infoSX?: any;
     chart: {
         barChart: any;

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

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

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

@@ -10,10 +10,10 @@ var AWING_1 = require("../../AWING");
 var ContentHeader_1 = __importDefault(require("../CampaignSchedule/Components/ContentHeader"));
 var DataTable_1 = __importDefault(require("./DataTable"));
 function StatisticsByProvinceContainer(_a) {
-    var onChangeQueryInput = _a.onChangeQueryInput, onChangeExportInput = _a.onChangeExportInput, isLoadings = _a.isLoadings, initialFilters = _a.initialFilters, title = _a.title, dataTable = _a.dataTable, headCells = _a.headCells, infoSX = _a.infoSX;
+    var onChangeQueryInput = _a.onChangeQueryInput, onChangeExportInput = _a.onChangeExportInput, isLoadings = _a.isLoadings, initialFilters = _a.initialFilters, title = _a.title, dataTable = _a.dataTable, headCells = _a.headCells, infoSX = _a.infoSX, children = _a.children;
     return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(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.jsx)(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: (isLoadings === null || isLoadings === void 0 ? void 0 : isLoadings.chartLoading) === false ? ((0, jsx_runtime_1.jsx)(DataTable_1.default, { headCells: headCells, rowsData: dataTable, isPagination: true, isLoading: false })) : ((0, jsx_runtime_1.jsx)(AWING_1.CircularProgress, {})) }) })] }) })] }));
+                            }, children: dataTable === null ? (children) : ((0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 12, children: (isLoadings === null || isLoadings === void 0 ? void 0 : isLoadings.chartLoading) === false ? ((0, jsx_runtime_1.jsx)(DataTable_1.default, { headCells: headCells, rowsData: dataTable, isPagination: true, isLoading: false })) : ((0, jsx_runtime_1.jsx)(AWING_1.CircularProgress, {})) })) })] }) })] }));
 }
 exports.default = StatisticsByProvinceContainer;

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

@@ -16,7 +16,7 @@ var TaskSchedulerContainer = function () {
     var navigate = (0, react_router_dom_1.useNavigate)();
     var t = (0, react_i18next_1.useTranslation)(undefined, { i18n: i18n_1.default }).t;
     var service = (0, Context_2.useTaskSchedulerProps)().service;
-    var _a = react_1.default.useState(false), loading = _a[0], setloading = _a[1];
+    var _a = react_1.default.useState(true), loading = _a[0], setloading = _a[1];
     var _b = react_1.default.useState({ jobs: [], total: 0 }), data = _b[0], setData = _b[1];
     var appHelper = (0, Context_1.useAwing)().appHelper;
     var handleGetJob = function (queryParams) {

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

@@ -152,7 +152,7 @@ var CreateOrEdit = function () {
                                         handleJobActionChange(jobActions.filter(function (x) { return x.name === name; })[0]);
                                         handleChange('jobAction', name);
                                     }, value: jobModel.jobAction, children: jobActions.map(function (item) { return ((0, jsx_runtime_1.jsx)(material_1.MenuItem, { value: item.name, children: item.name }, item.name)); }) }) }), (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 8, style: { marginTop: '16px' }, children: (jobModel === null || jobModel === void 0 ? void 0 : jobModel.inputParameters) && ((0, jsx_runtime_1.jsx)(InputParameters_1.default, { inputParameters: jobModel === null || jobModel === void 0 ? void 0 : jobModel.inputParameters, jobActionSelected: jobActionSelected, handleInputParamChange: handleInputParamChange })) }), (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 6, children: (0, jsx_runtime_1.jsxs)(material_1.Grid, { container: true, children: [(0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 6, style: { paddingRight: '10px' }, children: (0, jsx_runtime_1.jsx)(BasicInput_1.default, { fullWidth: true, name: "authUsername", required: false, label: t('User.Username'), checkValid: function (value) {
-                                                    return (0, validation_1.textValidation)(value, 50, false);
+                                                    return (0, validation_1.textValidation)(value, 150, false, /^[a-zA-Z0-9\/\-_.@()\[\] ]+$/g, false);
                                                 }, onChange: handleChange, value: jobModel.authUsername }) }), (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 5, style: { paddingRight: '10px' }, children: (0, jsx_runtime_1.jsx)(BasicInput_1.default, { fullWidth: true, autoComplete: "current-password", name: "authPassword", type: "password", required: false, label: t('User.Password'), onChange: handleChange, value: jobModel.authPassword }) }), (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 1, children: (0, jsx_runtime_1.jsx)(material_1.Tooltip, { placement: "top", title: t('TaskScheduler.Help.Authen'), arrow: true, children: (0, jsx_runtime_1.jsx)(icons_material_1.HelpOutline, { fontSize: "small", color: "action", style: {
                                                         marginTop: '20px',
                                                         marginLeft: '-10px',

package/lib/ACM-AXN/TaskScheduler/Utils.js

@@ -12,6 +12,8 @@ exports.cloneValue = exports.getFormValidation = void 0;
 var Enums_1 = require("./Enums");
 var getFormValidation = function (job, jobValid) {
     var isValid = false;
+    if (!Object.values(jobValid).length)
+        return true;
     if (job.jobType === Enums_1.JobTypeEnum.Trigger) {
         isValid =
             (Boolean(job.triggerTopic) ||

package/lib/ACM-AXN/User/Add.d.ts

@@ -0,0 +1,2 @@
+declare const AddUser: () => import("react/jsx-runtime").JSX.Element;
+export default AddUser;

package/lib/ACM-AXN/User/Add.js

@@ -0,0 +1,64 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var material_1 = require("@mui/material");
+var ClassicDrawer_1 = __importDefault(require("../../Commons/Components/ClassicDrawer"));
+var lodash_1 = require("lodash");
+var react_1 = require("react");
+var react_i18next_1 = require("react-i18next");
+var Constants_1 = require("../../ACM-AXN/GroupUser/Constants");
+var Hook_1 = __importDefault(require("./Hook"));
+var AddUser = function () {
+    var t = (0, react_i18next_1.useTranslation)().t;
+    var service = (0, Hook_1.default)().service;
+    var _a = (0, react_1.useState)(''), userName = _a[0], setUserName = _a[1];
+    var _b = (0, react_1.useState)(false), confirmExit = _b[0], setConfirmExit = _b[1];
+    var _c = (0, react_1.useState)(false), loading = _c[0], setLoading = _c[1];
+    var _d = (0, react_1.useState)(''), error = _d[0], setError = _d[1];
+    var handleErrorState = function () {
+        setUserName('');
+        setError('InvalidMessage.InvalidNotExistedUsername');
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    var handleChange = (0, react_1.useCallback)((0, lodash_1.debounce)(function (e) {
+        setError('');
+        setConfirmExit(true);
+        var userName = e.target.value.trim();
+        if (userName) {
+            setLoading(true);
+            service
+                .usersGetIdByUsername(userName)
+                .then(function (res) {
+                return Boolean(Number(res))
+                    ? setUserName(userName)
+                    : handleErrorState();
+            })
+                .finally(function () {
+                setLoading(false);
+            });
+        }
+    }, Constants_1.DEBOUNCE_TIME), []);
+    var handleAddExisted = function () {
+        return new Promise(function (resolve, reject) {
+            service
+                .usersAddExisted(userName)
+                .then(resolve)
+                .catch(function () {
+                setError('InvalidMessage.InvalidAccountConnected');
+                reject();
+            });
+        });
+    };
+    return ((0, jsx_runtime_1.jsx)(ClassicDrawer_1.default, { title: t('User.AddExistedUser'), onSubmit: handleAddExisted, isLoadingButtonSubmit: false, disableButtonSubmit: !userName, confirmExit: confirmExit, childrenWrapperStyle: { padding: function (theme) { return theme.spacing(3); } }, children: (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, component: material_1.Paper, sx: { p: 3, width: '100%', position: 'relative' }, children: (0, jsx_runtime_1.jsx)(material_1.TextField, { label: t('Common.Username'), name: "username", fullWidth: true, variant: "standard", onChange: handleChange, required: true, error: !!error, autoComplete: "off", helperText: t(error), InputProps: {
+                    endAdornment: ((0, jsx_runtime_1.jsx)(material_1.CircularProgress, { sx: {
+                            width: '24px!important',
+                            height: '24px!important',
+                            right: '0',
+                            visibility: loading ? 'visible' : 'hidden',
+                        } })),
+                } }) }) }));
+};
+exports.default = AddUser;

package/lib/ACM-AXN/User/Add.test.d.ts

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

package/lib/ACM-AXN/User/Add.test.js

@@ -0,0 +1,115 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+require("@testing-library/jest-dom/extend-expect");
+var react_1 = require("@testing-library/react");
+var Add_1 = __importDefault(require("./Add"));
+// Mock Axios client
+jest.mock('./Hooks', function () { return ({
+    __esModule: true,
+    default: function () { return ({
+        client: {
+            usersGetIdByUsername: jest.fn(function () {
+                var _param = [];
+                for (var _i = 0; _i < arguments.length; _i++) {
+                    _param[_i] = arguments[_i];
+                }
+                return Promise.reject('error');
+            }),
+            usersAddExisted: jest.fn(function (_id) { return Promise.reject('error'); }),
+        },
+    }); },
+}); });
+// Mock i18next
+jest.mock('react-i18next', function () { return (__assign(__assign({}, jest.requireActual('react-i18next')), { useTranslation: function () { return ({ t: jest.fn(function (key) { return key; }) }); } })); });
+// Mock Drawer
+jest.mock('Commons/Components/ClassicDrawer', function () { return function (props) { return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("button", { "data-testid": "submit-btn", onClick: props.onSubmit, children: "submit" }), props.children] })); }; });
+describe('User AddExisted Component', function () {
+    it('renders without crashing', function () {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(Add_1.default, {}));
+        expect(react_1.screen.getByText('Common.Username')).toBeInTheDocument();
+    });
+    it('Check validation error message', function () { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    (0, react_1.render)((0, jsx_runtime_1.jsx)(Add_1.default, {}));
+                    react_1.fireEvent.change(react_1.screen.getByRole('textbox', { name: /username/i }), {
+                        target: { value: 'test1' },
+                    });
+                    return [4 /*yield*/, (0, react_1.waitFor)(function () {
+                            expect(react_1.screen.getByText('InvalidMessage.InvalidNotExistedUsername')).toBeInTheDocument();
+                        })];
+                case 1:
+                    _a.sent();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('Check submit error message', function () { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    jest.spyOn(console, 'error');
+                    (0, react_1.render)((0, jsx_runtime_1.jsx)(Add_1.default, {}));
+                    react_1.fireEvent.click(react_1.screen.getByTestId('submit-btn'));
+                    return [4 /*yield*/, (0, react_1.waitFor)(function () {
+                            expect(react_1.screen.getByText('InvalidMessage.InvalidAccountConnected')).toBeInTheDocument();
+                        })];
+                case 1:
+                    _a.sent();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+});

package/lib/ACM-AXN/User/Constants.d.ts

@@ -0,0 +1,2 @@
+export declare const ADD_EXISTED_USER = "AddExistedUser";
+export declare const ADD_USER_TO_GROUP = "AddUserToGroup";

package/lib/ACM-AXN/User/Constants.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ADD_USER_TO_GROUP = exports.ADD_EXISTED_USER = void 0;
+exports.ADD_EXISTED_USER = 'AddExistedUser';
+exports.ADD_USER_TO_GROUP = 'AddUserToGroup';

package/lib/ACM-AXN/User/Container.d.ts

@@ -0,0 +1,2 @@
+declare const Container: () => import("react/jsx-runtime").JSX.Element;
+export default Container;

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

@@ -0,0 +1,60 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var material_1 = require("@mui/material");
+var PageManagement_1 = require("../../AWING/PageManagement");
+var react_1 = require("react");
+var react_i18next_1 = require("react-i18next");
+var Router_1 = require("../../AWING/Router");
+var Hook_1 = __importDefault(require("./Hook"));
+var Context_1 = require("../../Context");
+var Constants_1 = require("./Constants");
+var Container = function () {
+    var t = (0, react_i18next_1.useTranslation)().t;
+    var _a = (0, Hook_1.default)(), service = _a.service, currentUser = _a.currentUser;
+    var _b = (0, Context_1.useAwing)().appHelper, confirm = _b.confirm, snackbar = _b.snackbar;
+    var _c = (0, react_1.useState)(true), loading = _c[0], setLoading = _c[1];
+    var _d = (0, react_1.useState)(), users = _d[0], setUsers = _d[1];
+    var handleNavigate = function () {
+        window.open("".concat(window.REACT_APP_ID_DOMAIN, "/organization/").concat(currentUser.userId, "/User"), '_blank');
+    };
+    var getUsers = (0, react_1.useCallback)(function (queryParams) {
+        setLoading(true);
+        service
+            .usersPaging(queryParams.searchString, queryParams.pageIndex, queryParams.pageSize)
+            .then(setUsers)
+            .finally(function () {
+            setLoading(false);
+        });
+    }, [service]);
+    var handleDelete = function (id) {
+        return service.usersDelete(id).then(function () { return snackbar('success'); });
+    };
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(PageManagement_1.PageManagement, { title: t('User.Title'), onChangeQueryInput: getUsers, getRowId: function (obj) { return obj.userId; }, columns: [
+                {
+                    field: '#',
+                    headerName: '#',
+                    width: 85,
+                    valueGetter: function (_unUse, idx, stt) { return stt; },
+                },
+                {
+                    field: 'username',
+                    headerName: t('Common.Username'),
+                },
+                {
+                    field: 'name',
+                    headerName: t('Common.Name'),
+                },
+                {
+                    field: 'gender',
+                    headerName: t('Common.Gender.Title'),
+                    valueGetter: function (row) {
+                        return t('Common.Gender.Gender_' + row.gender);
+                    },
+                },
+            ], loading: loading, rows: (users === null || users === void 0 ? void 0 : users.items) || [], onCreateButtonClick: handleNavigate, customActions: (0, jsx_runtime_1.jsx)(material_1.Button, { component: Router_1.Link, to: Constants_1.ADD_EXISTED_USER, variant: "outlined", size: "medium", sx: { marginLeft: '16px', fontWeight: 'bold' }, children: t('User.AddExistedUser') }), totalOfRows: users === null || users === void 0 ? void 0 : users.totalItemCount, onDelete: handleDelete, confirmDelete: confirm }) }));
+};
+exports.default = Container;

package/lib/ACM-AXN/User/Container.test.d.ts

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