npm - awing-library - Versions diffs - 2.1.2-beta → 2.1.3 - Mend

awing-library 2.1.2-beta → 2.1.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (151) hide show

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

@@ -10,19 +10,29 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 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 Enums_1 = require("./Enums");
 var useStyles = (0, styles_1.makeStyles)(function () { return ({
     outlinedInput: {
         '& .MuiOutlinedInput-input': {
@@ -46,12 +56,21 @@ var useStyles = (0, styles_1.makeStyles)(function () { return ({
     },
 }); });
 function ControlPanel(_a) {
-    var _b, _c, _d, _e, _f, _g;
+    var _b;
     var onChangeQueryInput = _a.onChangeQueryInput, onChangeExportInput = _a.onChangeExportInput, initialFilters = _a.initialFilters, isLoadings = _a.isLoadings, infoSX = _a.infoSX;
     var classes = useStyles();
     var t = (0, react_i18next_1.useTranslation)().t;
-    var _h = (0, react_1.useState)(), queryInput = _h[0], setQueryInput = _h[1];
-    var _j = (0, react_1.useState)(), elementInputs = _j[0], setElementInputs = _j[1];
+    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) {
@@ -73,90 +92,109 @@ function ControlPanel(_a) {
         handleChangeQueryInput('endDate', value.endDate);
     };
     var handleElementInput = function (initialFilters) {
-        var updatedElementInputs = {};
-        initialFilters.map(function (item) {
-            var _a, _b, _c;
+        var updatedElementInputs = [];
+        initialFilters.map(function (item, idx) {
+            var _a, _b;
             switch (item === null || item === void 0 ? void 0 : item.type) {
                 case Enums_1.TYPE_FILTERS.VIEW_BY: {
-                    updatedElementInputs.viewBy = ((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 })] }) }));
+                    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) || !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;
                 }
                 case Enums_1.TYPE_FILTERS.VIEW_USER: {
-                    updatedElementInputs.viewUser = ((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: 180 }, 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 })] }) }));
+                    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: 180 }, 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: 'viewUser' }, item);
+                    updatedElementInputs.push(element);
                     break;
                 }
                 case Enums_1.TYPE_FILTERS.VIEW_TIME: {
-                    updatedElementInputs.viewTime = ((0, jsx_runtime_1.jsx)(material_1.TextField, { select: true, fullWidth: true, label: t('Common.ViewBy'), size: "small", onChange: function (e) {
-                            return handleChangeQueryInput &&
-                                handleChangeQueryInput(item === null || item === void 0 ? void 0 : item.name, e.target.value);
-                        }, SelectProps: {
-                            native: true,
-                        }, variant: "outlined", style: { minWidth: 150 }, disabled: false, children: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("option", { value: 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: item === null || item === void 0 ? void 0 : item.initialData[1].value, children: item === null || item === void 0 ? void 0 : item.initialData[1].label })] }) }));
+                    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 handleChangeQueryInput &&
+                                    handleChangeQueryInput(item === null || item === void 0 ? void 0 : item.name, e.target.value);
+                            }, SelectProps: {
+                                native: true,
+                            }, variant: "outlined", style: { minWidth: 150 }, disabled: false, children: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("option", { value: 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: 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: 'viewTime' }, item);
+                    updatedElementInputs.push(element);
                     break;
                 }
                 case Enums_1.TYPE_FILTERS.DATE_RANGE_PICKER: {
-                    updatedElementInputs.dateRangePicker = ((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: {
-                            fullWidth: true,
-                            className: classes.outlinedInput,
-                        }, callback: handleChangeDateRange }, ((item === null || item === void 0 ? void 0 : item.isDayBlocked) && {
-                        isDayBlocked: item.isDayBlocked,
-                    }))));
+                    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: {
+                                fullWidth: true,
+                                className: classes.outlinedInput,
+                            }, callback: handleChangeDateRange }, ((item === null || item === void 0 ? void 0 : item.isDayBlocked) && {
+                            isDayBlocked: item.isDayBlocked,
+                        })), idx)), isEnhanced: (item === null || item === void 0 ? void 0 : item.isEnhanced) ? item === null || item === void 0 ? void 0 : item.isEnhanced : false, name: 'dateRangePicker' }, item);
+                    updatedElementInputs.push(element);
                     break;
                 }
                 case Enums_1.TYPE_FILTERS.CAMPAIGN: {
                     var CampaignFilter = item === null || item === void 0 ? void 0 : item.nodeElement;
-                    updatedElementInputs.campaign = ((0, jsx_runtime_1.jsx)(CampaignFilter, { defaultValue: [], disabled: queryInput === null || queryInput === void 0 ? void 0 : queryInput.isCampaignDefault, 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 }));
+                    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);
                     break;
                 }
                 case Enums_1.TYPE_FILTERS.PLACE: {
                     var PlaceFilter = item === null || item === void 0 ? void 0 : item.nodeElement;
-                    updatedElementInputs.place = ((0, jsx_runtime_1.jsx)(PlaceFilter, { isDisplayTextField: true, onChange: function (placeIds) {
-                            return handleChangeQueryInput(item === null || item === void 0 ? void 0 : item.name, placeIds);
-                        } }));
+                    var element = __assign({ component: ((0, jsx_runtime_1.jsx)(PlaceFilter, { isDisplayTextField: true, onChange: function (placeIds) {
+                                return handleChangeQueryInput(item === null || item === void 0 ? void 0 : item.name, placeIds);
+                            } }, idx)), isEnhanced: (item === null || item === void 0 ? void 0 : item.isEnhanced) ? item === null || item === void 0 ? void 0 : item.isEnhanced : false, name: 'place' }, item);
+                    updatedElementInputs.push(element);
                     break;
                 }
                 case Enums_1.TYPE_FILTERS.PLACE_AUTOCOMPLETE: {
                     var PlaceFilter = item === null || item === void 0 ? void 0 : item.nodeElement;
-                    updatedElementInputs.placeAutoComplete = ((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);
-                        } }));
+                    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: {
-                    updatedElementInputs.isCampaignNetwork = ((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) {
-                            handleChangeQueryInput(item === null || item === void 0 ? void 0 : item.name, e.target.checked);
-                        } }));
+                    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) {
+                                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: {
-                    updatedElementInputs.isCampaignDefault = ((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);
-                        } }));
+                    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: {
-                    updatedElementInputs.includeReserved = ((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) {
-                            handleChangeQueryInput(item === null || item === void 0 ? void 0 : item.name, e.target.checked);
-                        } }));
+                    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);
                     break;
                 }
             }
         });
-        setElementInputs(__assign(__assign({}, elementInputs), updatedElementInputs));
+        setElementInputs(__spreadArray([], updatedElementInputs, true));
     };
     (0, react_1.useEffect)(function () {
         setQueryInput(handleInitialFilter(initialFilters));
@@ -171,38 +209,57 @@ function ControlPanel(_a) {
         }
         onChangeQueryInput(tmpQueryInput);
     }, []);
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(material_1.Grid, { container: true, justifyContent: 'flex-end', children: [((elementInputs === null || elementInputs === void 0 ? void 0 : elementInputs.viewBy) ||
-                        (elementInputs === null || elementInputs === void 0 ? void 0 : elementInputs.viewTime) ||
-                        (elementInputs === null || elementInputs === void 0 ? void 0 : elementInputs.viewUser)) && ((0, jsx_runtime_1.jsx)(material_1.Grid, { container: true, item: true, lg: 1, justifyContent: "flex-start", children: (_c = (_b = elementInputs === null || elementInputs === void 0 ? void 0 : elementInputs.viewBy) !== null && _b !== void 0 ? _b : elementInputs === null || elementInputs === void 0 ? void 0 : elementInputs.viewTime) !== null && _c !== void 0 ? _c : elementInputs === null || elementInputs === void 0 ? void 0 : elementInputs.viewUser })), (0, jsx_runtime_1.jsxs)(material_1.Grid, { container: true, item: true, lg: (elementInputs === null || elementInputs === void 0 ? void 0 : elementInputs.viewBy) ||
-                            (elementInputs === null || elementInputs === void 0 ? void 0 : elementInputs.viewTime) ||
-                            (elementInputs === null || elementInputs === void 0 ? void 0 : elementInputs.viewUser)
-                            ? 11
-                            : 12, style: { display: 'flex' }, justifyContent: "flex-end", spacing: 2, children: [(elementInputs === null || elementInputs === void 0 ? void 0 : elementInputs.dateRangePicker) && ((0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, lg: (infoSX === null || infoSX === void 0 ? void 0 : infoSX.dateRangePicker) || 3, xs: 12, sx: {
-                                    '& .MuiInputBase-input': {
-                                        height: '1.25rem',
-                                    },
-                                }, children: elementInputs === null || elementInputs === void 0 ? void 0 : elementInputs.dateRangePicker })), (elementInputs === null || elementInputs === void 0 ? void 0 : elementInputs.campaign) && ((0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 12, lg: (infoSX === null || infoSX === void 0 ? void 0 : infoSX.campaign) || 3, children: elementInputs === null || elementInputs === void 0 ? void 0 : elementInputs.campaign })), ((elementInputs === null || elementInputs === void 0 ? void 0 : elementInputs.place) ||
-                                (elementInputs === null || elementInputs === void 0 ? void 0 : elementInputs.placeAutoComplete)) && ((0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 12, lg: (infoSX === null || infoSX === void 0 ? void 0 : infoSX.place) || (infoSX === null || infoSX === void 0 ? void 0 : infoSX.placeAutoComplete) || 3, sx: {
-                                    '& .MuiInputBase-input': {
-                                        textOverflow: 'ellipsis',
-                                    },
-                                }, children: (_d = elementInputs === null || elementInputs === void 0 ? void 0 : elementInputs.place) !== null && _d !== void 0 ? _d : elementInputs === null || elementInputs === void 0 ? void 0 : elementInputs.placeAutoComplete })), (0, jsx_runtime_1.jsxs)(material_1.Grid, { item: true, style: {
-                                    paddingTop: '24px',
+    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, 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, 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: (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: {
+                                        display: 'flex',
+                                        justifyContent: 'center',
+                                    }, styleIcon: {
+                                        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
+                    .filter(function (item) { return item.isEnhanced === true; })
+                    .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) ===
+                                Enums_1.TYPE_FILTERS.INCLUDE_RESERVED ||
+                                Enums_1.TYPE_FILTERS.CAMPAIGN_DEFAULT
+                                ? {
+                                    paddingTop: '1.5rem',
                                     display: 'flex',
-                                }, justifyContent: "flex-end", children: [(0, jsx_runtime_1.jsx)(material_1.Button, { variant: "contained", color: "primary", onClick: function () {
-                                            onChangeQueryInput(queryInput);
-                                        }, style: { height: '40px' }, disabled: (_e = isLoadings === null || isLoadings === void 0 ? void 0 : isLoadings.chartLoading) !== null && _e !== void 0 ? _e : 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: {
-                                            marginLeft: '16px',
-                                            height: '40px',
-                                        }, children: (isLoadings === null || isLoadings === void 0 ? void 0 : isLoadings.exportLoading) ? ((0, jsx_runtime_1.jsx)(AWING_1.CircularProgress, { styleWrap: {
-                                                display: 'flex',
-                                                justifyContent: 'center',
-                                            }, styleIcon: {
-                                                width: '25px !important',
-                                                height: '25px !important',
-                                            } })) : ((0, jsx_runtime_1.jsx)(GetApp_1.default, {})) })] })] })] }), (0, jsx_runtime_1.jsx)(material_1.Grid, { container: true, xs: 12, justifyContent: "flex-end", style: {
-                    marginTop: 0,
-                    marginLeft: 0,
-                }, spacing: 2, children: (0, jsx_runtime_1.jsx)(material_1.Grid, { container: true, item: true, justifyContent: "flex-end", children: (_g = (_f = elementInputs === null || elementInputs === void 0 ? void 0 : elementInputs.isCampaignNetwork) !== null && _f !== void 0 ? _f : elementInputs === null || elementInputs === void 0 ? void 0 : elementInputs.isCampaignDefault) !== null && _g !== void 0 ? _g : elementInputs === null || elementInputs === void 0 ? void 0 : elementInputs.includeReserved }) })] }));
+                                    flex: 'none',
+                                }
+                                : null)), children: fieldFilterEnhanced === null || fieldFilterEnhanced === void 0 ? void 0 : fieldFilterEnhanced.component }, idx) }));
+                }) }))] }));
 }
 exports.default = ControlPanel;

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

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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/TransactionLog/Constant.d.ts ADDED Viewed

@@ -0,0 +1,10 @@
+/**
+ *
+ * @author dauquan1108@gmail.com on 12/25/2023.
+ *
+ **/
+export declare const Constants: {
+    DETAIL_PATH: string;
+    PAGE_SIZE_DEFAULT: number;
+    TRANSACTION_LOG_PATH: string;
+};

package/lib/ACM-AXN/TransactionLog/Constant.js ADDED Viewed

@@ -0,0 +1,13 @@
+"use strict";
+/**
+ *
+ * @author dauquan1108@gmail.com on 12/25/2023.
+ *
+ **/
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Constants = void 0;
+exports.Constants = {
+    DETAIL_PATH: 'Detail',
+    PAGE_SIZE_DEFAULT: 10,
+    TRANSACTION_LOG_PATH: 'TransactionLog',
+};

package/lib/ACM-AXN/TransactionLog/Container.d.ts ADDED Viewed

@@ -0,0 +1,7 @@
+/**
+ *
+ * @author dauquan1108@gmail.com on 12/25/2023.
+ *
+ **/
+declare function Container(): import("react/jsx-runtime").JSX.Element;
+export default Container;

package/lib/ACM-AXN/TransactionLog/Container.js ADDED Viewed

@@ -0,0 +1,189 @@
+"use strict";
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ *
+ * @author dauquan1108@gmail.com on 12/25/2023.
+ *
+ **/
+var react_1 = require("react");
+var moment_1 = __importDefault(require("moment"));
+var react_i18next_1 = require("react-i18next");
+var Constant_1 = require("./Constant");
+var Hooks_1 = __importDefault(require("./Hooks"));
+var Router_1 = require("../../AWING/Router");
+var AWING_1 = require("../../AWING");
+var Helpers_1 = require("../../Utils/Helpers");
+var Utils_1 = require("./Utils");
+function Container() {
+    var navigate = (0, Router_1.useNavigate)();
+    var t = (0, react_i18next_1.useTranslation)().t;
+    var service = (0, Hooks_1.default)().service;
+    var _a = (0, react_1.useState)(false), loading = _a[0], setLoading = _a[1];
+    var _b = (0, react_1.useState)(), transactionLog = _b[0], setTransactionLog = _b[1];
+    var _c = (0, react_1.useState)(), users = _c[0], setUsers = _c[1];
+    (0, react_1.useEffect)(function () {
+        getUsers();
+    }, []);
+    var getUsers = (0, react_1.useCallback)(function () {
+        service.usersGet().then(function (res) {
+            setUsers(__spreadArray([Utils_1.accountAdmin], res, true));
+        });
+    }, []);
+    var queryData = (0, react_1.useCallback)(function (queryInput) {
+        var _a, _b, _c, _d, _e, _f, _g, _h;
+        var valueFilterNew = {
+            startDate: ((_a = queryInput === null || queryInput === void 0 ? void 0 : queryInput.advancedObject) === null || _a === void 0 ? void 0 : _a.date)
+                ? (0, moment_1.default)(queryInput.advancedObject.date[0]).format('YYYY-MM-DD')
+                : (0, moment_1.default)().subtract(7, 'day').format('YYYY-MM-DD'),
+            endDate: ((_b = queryInput === null || queryInput === void 0 ? void 0 : queryInput.advancedObject) === null || _b === void 0 ? void 0 : _b.date)
+                ? (0, moment_1.default)(queryInput.advancedObject.date[1]).format('YYYY-MM-DD')
+                : (0, moment_1.default)().format('YYYY-MM-DD'),
+            pageIndex: (queryInput === null || queryInput === void 0 ? void 0 : queryInput.pageIndex) ? queryInput.pageIndex : 0,
+            pageSize: (queryInput === null || queryInput === void 0 ? void 0 : queryInput.pageSize)
+                ? queryInput.pageSize
+                : Constant_1.Constants.PAGE_SIZE_DEFAULT,
+            objectIds: (queryInput === null || queryInput === void 0 ? void 0 : queryInput.searchString)
+                ? [queryInput.searchString]
+                : [],
+            userIds: ((_c = queryInput === null || queryInput === void 0 ? void 0 : queryInput.advancedObject) === null || _c === void 0 ? void 0 : _c.userIds)
+                ? [(_d = queryInput === null || queryInput === void 0 ? void 0 : queryInput.advancedObject) === null || _d === void 0 ? void 0 : _d.userIds]
+                : [],
+            transactionTypes: ((_e = queryInput === null || queryInput === void 0 ? void 0 : queryInput.advancedObject) === null || _e === void 0 ? void 0 : _e.transactionType)
+                ? [(_f = queryInput === null || queryInput === void 0 ? void 0 : queryInput.advancedObject) === null || _f === void 0 ? void 0 : _f.transactionType]
+                : [],
+            transactionStatusCodes: ((_g = queryInput === null || queryInput === void 0 ? void 0 : queryInput.advancedObject) === null || _g === void 0 ? void 0 : _g.statusCode) ||
+                ((_h = queryInput === null || queryInput === void 0 ? void 0 : queryInput.advancedObject) === null || _h === void 0 ? void 0 : _h.statusCode) === Utils_1.STATUS_CODE.Start
+                ? [queryInput.advancedObject.statusCode]
+                : [],
+        };
+        setLoading(true);
+        service
+            .transactionLogsPaging(valueFilterNew)
+            .then(setTransactionLog)
+            .finally(function () {
+            setLoading(false);
+        });
+    }, []);
+    var handlerClickRow = (0, react_1.useCallback)(function (id) {
+        navigate("/".concat(Constant_1.Constants.TRANSACTION_LOG_PATH, "/").concat(Constant_1.Constants.DETAIL_PATH, "/").concat(id));
+    }, []);
+    return ((0, jsx_runtime_1.jsx)(AWING_1.PageManagement, { title: t('TransactionLog.Title'), onChangeQueryInput: queryData, inputSearchPlaceholder: t('TransactionLog.SearchPlaceholder'), onlyNumberSearch: true, advancedSearchFields: [
+            {
+                fieldName: 'date',
+                label: t('TransactionLog.Date'),
+                type: 'date-range',
+                isDayBlocked: function (day) {
+                    return day.isAfter((0, moment_1.default)().endOf('day'));
+                },
+            },
+            {
+                fieldName: 'transactionType',
+                label: t('TransactionLog.TransactionType'),
+                type: 'autocomplete',
+                options: Object.entries(Utils_1.TRANSACTION_TYPE).map(function (_a) {
+                    var text = _a[0], value = _a[1];
+                    if (value === Utils_1.TRANSACTION_TYPE.None) {
+                        return {
+                            value: '',
+                            text: t('Common.SelectAll'),
+                        };
+                    }
+                    else {
+                        return { value: value, text: text };
+                    }
+                }),
+            },
+            {
+                fieldName: 'statusCode',
+                label: t('TransactionLog.Status'),
+                type: 'autocomplete',
+                options: Object.entries(Utils_1.STATUS_CODE).map(function (_a) {
+                    var text = _a[0], value = _a[1];
+                    if (value === Utils_1.STATUS_CODE.All) {
+                        return {
+                            value: '',
+                            text: t('Common.SelectAll'),
+                        };
+                    }
+                    else {
+                        return { value: value, text: text };
+                    }
+                }),
+            },
+            {
+                fieldName: 'userIds',
+                label: t('TransactionLog.Username'),
+                type: 'autocomplete',
+                options: users
+                    ? __spreadArray([
+                        {
+                            value: '',
+                            text: t('Common.SelectAll'),
+                        }
+                    ], users.map(function (item) { return ({
+                        value: item === null || item === void 0 ? void 0 : item.userId,
+                        text: (item === null || item === void 0 ? void 0 : item.username) || (item === null || item === void 0 ? void 0 : item.name) || '',
+                    }); }), true) : [],
+            },
+        ], loading: loading, getRowId: function (row) { return row.id; }, columns: [
+            {
+                field: 'id',
+                headerName: '#',
+                width: 60,
+                valueGetter: function (row, idx, stt) { return stt; },
+            },
+            {
+                field: 'transactionType',
+                headerName: t('TransactionLog.TransactionType'),
+                width: 300,
+                valueGetter: function (row) {
+                    var index = Object.values(Utils_1.TRANSACTION_TYPE).indexOf(row.transactionType);
+                    return Object.keys(Utils_1.TRANSACTION_TYPE)[index];
+                },
+            },
+            {
+                field: 'objectId',
+                headerName: t('TransactionLog.ObjectID'),
+                width: 220,
+            },
+            {
+                field: 'userId',
+                headerName: t('TransactionLog.Username'),
+                width: 200,
+                valueGetter: function (row) {
+                    var user = users === null || users === void 0 ? void 0 : users.find(function (item) { return item.userId === row.userId; });
+                    return (user === null || user === void 0 ? void 0 : user.username) || (user === null || user === void 0 ? void 0 : user.name) || row.userId;
+                },
+            },
+            {
+                field: 'statusCode',
+                headerName: t('TransactionLog.Status'),
+                width: 150,
+                valueGetter: function (row) {
+                    var index = Object.values(Utils_1.STATUS_CODE).indexOf(row.statusCode);
+                    return Object.keys(Utils_1.STATUS_CODE)[index];
+                },
+            },
+            {
+                field: 'endDate',
+                headerName: t('TransactionLog.Date'),
+                valueGetter: function (row) {
+                    return (0, Helpers_1.timestampToStringDDMMYYYYHHmm)(row.endDate);
+                },
+            },
+        ], rows: (transactionLog === null || transactionLog === void 0 ? void 0 : transactionLog.items) || [], totalOfRows: (transactionLog === null || transactionLog === void 0 ? void 0 : transactionLog.totalItemCount) || 0, onRowClick: handlerClickRow }));
+}
+exports.default = Container;