awing-library 2.1.78-beta → 2.1.78

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

@@ -5,262 +5,10 @@
  *
  **/
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Campaign = exports.Timestamp = exports.ScheduleCampaignPlanDetail = exports.ScheduleCampaignPlanGroupModel = exports.PagedList_1OfScheduleCampaignPlanModel = exports.ScheduleCampaignPlanModel = exports.CampaignReserved = void 0;
+exports.CampaignReserved = void 0;
 var CampaignReserved;
 (function (CampaignReserved) {
     CampaignReserved[CampaignReserved["None"] = 0] = "None";
     CampaignReserved[CampaignReserved["IsReserved"] = 1] = "IsReserved";
     CampaignReserved[CampaignReserved["NotReserved"] = 2] = "NotReserved";
 })(CampaignReserved || (exports.CampaignReserved = CampaignReserved = {}));
-var ScheduleCampaignPlanModel = /** @class */ (function () {
-    function ScheduleCampaignPlanModel(data) {
-        if (data) {
-            for (var property in data) {
-                if (data.hasOwnProperty(property))
-                    this[property] = data[property];
-            }
-        }
-    }
-    ScheduleCampaignPlanModel.prototype.init = function (_data) {
-        if (_data) {
-            this.campaignId = _data['campaignId'];
-            this.name = _data['name'];
-            this.endDate = _data['endDate'];
-            this.isNetworkCampaign = _data['isNetworkCampaign'];
-            this.isContainClassB = _data['isContainClassB'];
-            this.totalRun = _data['totalRun'];
-            this.totalExpected = _data['totalExpected'];
-            this.total = _data['total'];
-        }
-    };
-    ScheduleCampaignPlanModel.fromJS = function (data) {
-        data = typeof data === 'object' ? data : {};
-        var result = new ScheduleCampaignPlanModel();
-        result.init(data);
-        return result;
-    };
-    ScheduleCampaignPlanModel.prototype.toJSON = function (data) {
-        data = typeof data === 'object' ? data : {};
-        data['campaignId'] = this.campaignId;
-        data['name'] = this.name;
-        data['endDate'] = this.endDate;
-        data['isNetworkCampaign'] = this.isNetworkCampaign;
-        data['isContainClassB'] = this.isContainClassB;
-        data['totalRun'] = this.totalRun;
-        data['totalExpected'] = this.totalExpected;
-        data['total'] = this.total;
-        return data;
-    };
-    return ScheduleCampaignPlanModel;
-}());
-exports.ScheduleCampaignPlanModel = ScheduleCampaignPlanModel;
-var PagedList_1OfScheduleCampaignPlanModel = /** @class */ (function () {
-    function PagedList_1OfScheduleCampaignPlanModel(data) {
-        if (data) {
-            for (var property in data) {
-                if (data.hasOwnProperty(property))
-                    this[property] = data[property];
-            }
-        }
-    }
-    PagedList_1OfScheduleCampaignPlanModel.prototype.init = function (_data) {
-        if (_data) {
-            if (Array.isArray(_data['items'])) {
-                this.items = [];
-                for (var _i = 0, _a = _data['items']; _i < _a.length; _i++) {
-                    var item = _a[_i];
-                    this.items.push(ScheduleCampaignPlanModel.fromJS(item));
-                }
-            }
-            this.pageCount = _data['pageCount'];
-            this.totalItemCount = _data['totalItemCount'];
-            this.pageNumber = _data['pageNumber'];
-            this.pageSize = _data['pageSize'];
-            this.hasPreviousPage = _data['hasPreviousPage'];
-            this.hasNextPage = _data['hasNextPage'];
-        }
-    };
-    PagedList_1OfScheduleCampaignPlanModel.fromJS = function (data) {
-        data = typeof data === 'object' ? data : {};
-        var result = new PagedList_1OfScheduleCampaignPlanModel();
-        result.init(data);
-        return result;
-    };
-    PagedList_1OfScheduleCampaignPlanModel.prototype.toJSON = function (data) {
-        data = typeof data === 'object' ? data : {};
-        if (Array.isArray(this.items)) {
-            data['items'] = [];
-            for (var _i = 0, _a = this.items; _i < _a.length; _i++) {
-                var item = _a[_i];
-                data['items'].push(item.toJSON());
-            }
-        }
-        data['pageCount'] = this.pageCount;
-        data['totalItemCount'] = this.totalItemCount;
-        data['pageNumber'] = this.pageNumber;
-        data['pageSize'] = this.pageSize;
-        data['hasPreviousPage'] = this.hasPreviousPage;
-        data['hasNextPage'] = this.hasNextPage;
-        return data;
-    };
-    return PagedList_1OfScheduleCampaignPlanModel;
-}());
-exports.PagedList_1OfScheduleCampaignPlanModel = PagedList_1OfScheduleCampaignPlanModel;
-var ScheduleCampaignPlanGroupModel = /** @class */ (function () {
-    function ScheduleCampaignPlanGroupModel(data) {
-        if (data) {
-            for (var property in data) {
-                if (data.hasOwnProperty(property))
-                    this[property] = data[property];
-            }
-        }
-    }
-    ScheduleCampaignPlanGroupModel.prototype.init = function (_data) {
-        if (_data) {
-            this.groupId = _data['groupId'];
-            this.name = _data['name'];
-            this.totalRun = _data['totalRun'];
-            this.totalExpected = _data['totalExpected'];
-            this.isReserved = _data['isReserved'];
-            this.total = _data['total'];
-            this.priority = _data['priority'];
-        }
-    };
-    ScheduleCampaignPlanGroupModel.fromJS = function (data) {
-        data = typeof data === 'object' ? data : {};
-        var result = new ScheduleCampaignPlanGroupModel();
-        result.init(data);
-        return result;
-    };
-    ScheduleCampaignPlanGroupModel.prototype.toJSON = function (data) {
-        data = typeof data === 'object' ? data : {};
-        data['groupId'] = this.groupId;
-        data['name'] = this.name;
-        data['totalRun'] = this.totalRun;
-        data['totalExpected'] = this.totalExpected;
-        data['isReserved'] = this.isReserved;
-        data['total'] = this.total;
-        data['priority'] = this.priority;
-        return data;
-    };
-    return ScheduleCampaignPlanGroupModel;
-}());
-exports.ScheduleCampaignPlanGroupModel = ScheduleCampaignPlanGroupModel;
-var ScheduleCampaignPlanDetail = /** @class */ (function () {
-    function ScheduleCampaignPlanDetail(data) {
-        if (data) {
-            for (var property in data) {
-                if (data.hasOwnProperty(property))
-                    this[property] = data[property];
-            }
-        }
-    }
-    ScheduleCampaignPlanDetail.prototype.init = function (_data) {
-        if (_data) {
-            this.scheduleCampaignPlanModel = _data['scheduleCampaignPlanModel']
-                ? ScheduleCampaignPlanModel.fromJS(_data['scheduleCampaignPlanModel'])
-                : undefined;
-            if (Array.isArray(_data['scheduleCampaignPlanGroups'])) {
-                this.scheduleCampaignPlanGroups = [];
-                for (var _i = 0, _a = _data['scheduleCampaignPlanGroups']; _i < _a.length; _i++) {
-                    var item = _a[_i];
-                    this.scheduleCampaignPlanGroups.push(ScheduleCampaignPlanGroupModel.fromJS(item));
-                }
-            }
-            this.total = _data['total'];
-        }
-    };
-    ScheduleCampaignPlanDetail.fromJS = function (data) {
-        data = typeof data === 'object' ? data : {};
-        var result = new ScheduleCampaignPlanDetail();
-        result.init(data);
-        return result;
-    };
-    ScheduleCampaignPlanDetail.prototype.toJSON = function (data) {
-        data = typeof data === 'object' ? data : {};
-        data['scheduleCampaignPlanModel'] = this.scheduleCampaignPlanModel
-            ? this.scheduleCampaignPlanModel.toJSON()
-            : undefined;
-        if (Array.isArray(this.scheduleCampaignPlanGroups)) {
-            data['scheduleCampaignPlanGroups'] = [];
-            for (var _i = 0, _a = this.scheduleCampaignPlanGroups; _i < _a.length; _i++) {
-                var item = _a[_i];
-                data['scheduleCampaignPlanGroups'].push(item.toJSON());
-            }
-        }
-        data['total'] = this.total;
-        return data;
-    };
-    return ScheduleCampaignPlanDetail;
-}());
-exports.ScheduleCampaignPlanDetail = ScheduleCampaignPlanDetail;
-var Timestamp = /** @class */ (function () {
-    function Timestamp(data) {
-        if (data) {
-            for (var property in data) {
-                if (data.hasOwnProperty(property))
-                    this[property] = data[property];
-            }
-        }
-    }
-    Timestamp.prototype.init = function (_data) {
-        if (_data) {
-            this.seconds = _data['seconds'];
-            this.nanos = _data['nanos'];
-        }
-    };
-    Timestamp.fromJS = function (data) {
-        data = typeof data === 'object' ? data : {};
-        var result = new Timestamp();
-        result.init(data);
-        return result;
-    };
-    Timestamp.prototype.toJSON = function (data) {
-        data = typeof data === 'object' ? data : {};
-        data['seconds'] = this.seconds;
-        data['nanos'] = this.nanos;
-        return data;
-    };
-    return Timestamp;
-}());
-exports.Timestamp = Timestamp;
-var Campaign = /** @class */ (function () {
-    function Campaign(data) {
-        if (data) {
-            for (var property in data) {
-                if (data.hasOwnProperty(property))
-                    this[property] = data[property];
-            }
-        }
-    }
-    Campaign.prototype.init = function (_data) {
-        if (_data) {
-            this.id = _data['id'];
-            this.directoryId = _data['directoryId'];
-            this.directoryPath = _data['directoryPath'];
-            this.name = _data['name'];
-            this.createdDate = _data['createdDate']
-                ? Timestamp.fromJS(_data['createdDate'])
-                : undefined;
-        }
-    };
-    Campaign.fromJS = function (data) {
-        data = typeof data === 'object' ? data : {};
-        var result = new Campaign();
-        result.init(data);
-        return result;
-    };
-    Campaign.prototype.toJSON = function (data) {
-        data = typeof data === 'object' ? data : {};
-        data['id'] = this.id;
-        data['directoryId'] = this.directoryId;
-        data['directoryPath'] = this.directoryPath;
-        data['name'] = this.name;
-        data['createdDate'] = this.createdDate
-            ? this.createdDate.toJSON()
-            : undefined;
-        return data;
-    };
-    return Campaign;
-}());
-exports.Campaign = Campaign;

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

@@ -19,8 +19,8 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 var react_i18next_1 = require("react-i18next");
 var i18n_1 = __importDefault(require("../../i18n"));
 var Container_1 = __importDefault(require("./Container"));
-var Constant_1 = require("./Constant");
 var Detail_1 = __importDefault(require("./Detail"));
+var Constant_1 = require("../Common/Constant");
 var Router_1 = require("../../AWING/Router");
 var Context_1 = require("./Context");
 var CampaignPlan = function (props) {

package/lib/ACM-AXN/CampaignSchedule/Components/ControlPanel/Filter.d.ts

@@ -1,3 +1,3 @@
 import { IFiltersProps } from '../../interface';
-declare const Filters: ({ campaigns, handleFilters, loadingFlags, placeMultiSelectComponent: PlaceMultiSelect, handleExportExcel, disabledCampaignFilter, }: IFiltersProps) => import("react/jsx-runtime").JSX.Element;
+declare const Filters: ({ campaigns, handleFilters, loadingFlags, placeMultiSelectComponent: PlaceMultiSelect, handleExportExcel, disabledCampaignFilter, isFutureDate, }: IFiltersProps) => import("react/jsx-runtime").JSX.Element;
 export default Filters;

package/lib/ACM-AXN/CampaignSchedule/Components/ControlPanel/Filter.js

@@ -15,6 +15,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
 var GetApp_1 = __importDefault(require("@mui/icons-material/GetApp"));
 var material_1 = require("@mui/material");
 var styles_1 = require("@mui/styles");
@@ -22,6 +23,9 @@ var AWING_1 = require("../../../../AWING");
 var lodash_1 = __importDefault(require("lodash"));
 var moment_1 = __importDefault(require("moment"));
 var react_i18next_1 = require("react-i18next");
+var Constant_1 = require("../../../../ACM-AXN/Common/Constant");
+var recoil_1 = require("recoil");
+var Atom_1 = require("../../Recoil/Atom");
 var useStyles = (0, styles_1.makeStyles)(function () { return ({
     outlinedInput: {
         '& .MuiOutlinedInput-input': {
@@ -77,16 +81,22 @@ var useStyles = (0, styles_1.makeStyles)(function () { return ({
     },
 }); });
 var Filters = function (_a) {
-    var _b, _c;
-    var campaigns = _a.campaigns, handleFilters = _a.handleFilters, loadingFlags = _a.loadingFlags, PlaceMultiSelect = _a.placeMultiSelectComponent, handleExportExcel = _a.handleExportExcel, _d = _a.disabledCampaignFilter, disabledCampaignFilter = _d === void 0 ? false : _d;
+    var campaigns = _a.campaigns, handleFilters = _a.handleFilters, loadingFlags = _a.loadingFlags, PlaceMultiSelect = _a.placeMultiSelectComponent, handleExportExcel = _a.handleExportExcel, _b = _a.disabledCampaignFilter, disabledCampaignFilter = _b === void 0 ? false : _b, isFutureDate = _a.isFutureDate;
     var t = (0, react_i18next_1.useTranslation)().t;
-    var campaignOptions = __assign(__assign({}, campaigns), { 0: { campaignId: 0, name: t('Common.SelectAll') } });
+    var campaignOptions = __assign({ 0: { id: '-1', name: t('Common.SelectAll') } }, campaigns);
+    var options = lodash_1.default.values(campaignOptions);
+    var _c = (0, recoil_1.useRecoilState)(Atom_1.CampaignScheduleTypeViewState), typeView = _c[0], setTypeView = _c[1];
+    var _d = (0, react_1.useState)(options[0].id), campaignId = _d[0], setCampaignId = _d[1];
     var classes = useStyles();
     var handleChangeDateRange = function (value) {
         handleFilters('startDate', value.startDate);
         handleFilters('endDate', value.endDate);
     };
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: disabledCampaignFilter ? 6 : 4, className: classes.dateRangePicker, children: (0, jsx_runtime_1.jsx)(AWING_1.DateRangePicker, { isShowCalendarInfo: true, label: "".concat(t('Common.StartDate'), " - ").concat(t('Common.EndDate')), callback: handleChangeDateRange, initialStartDate: (0, moment_1.default)(), initialEndDate: (0, moment_1.default)(), variant: "outlined", textFieldProps: {
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [!disabledCampaignFilter && ((0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 2, children: (0, jsx_runtime_1.jsxs)(material_1.FormControl, { fullWidth: true, size: "small", children: [(0, jsx_runtime_1.jsx)(material_1.InputLabel, { id: "demo-simple-select-label", children: t('Common.TitleTypeView') }), (0, jsx_runtime_1.jsxs)(material_1.Select, { labelId: "demo-simple-select-label", id: "demo-simple-select", value: typeView.type, label: t('Common.TitleTypeView'), onChange: function (e) {
+                                setTypeView({
+                                    type: e.target.value,
+                                });
+                            }, children: [(0, jsx_runtime_1.jsx)(material_1.MenuItem, { value: Constant_1.TypeView.billingUnit, children: t('Campaign.BillingUnit.Title') }), (0, jsx_runtime_1.jsx)(material_1.MenuItem, { value: Constant_1.TypeView.impression, children: t('Common.Impression') })] })] }) })), (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: disabledCampaignFilter ? 6 : 3, className: classes.dateRangePicker, children: (0, jsx_runtime_1.jsx)(AWING_1.DateRangePicker, { isShowCalendarInfo: true, isFutureDate: isFutureDate !== null && isFutureDate !== void 0 ? isFutureDate : true, label: "".concat(t('Common.StartDate'), " - ").concat(t('Common.EndDate')), callback: handleChangeDateRange, initialStartDate: (0, moment_1.default)(), initialEndDate: (0, moment_1.default)(), variant: "outlined", textFieldProps: {
                         fullWidth: true,
                         className: classes.outlinedInput,
                     }, isDayBlocked: function (day) {
@@ -99,17 +109,25 @@ var Filters = function (_a) {
                         else {
                             return false;
                         }
-                    } }) }), !disabledCampaignFilter && ((0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 4, children: (0, jsx_runtime_1.jsx)(material_1.Autocomplete, { size: "small", disablePortal: true, id: "combo-box-demo", options: (_c = (_b = lodash_1.default.values(campaignOptions)) === null || _b === void 0 ? void 0 : _b.map(function (obj) { return (__assign({}, obj)); })) !== null && _c !== void 0 ? _c : [], getOptionLabel: function (option) { var _a; return (_a = option.name) !== null && _a !== void 0 ? _a : ''; }, isOptionEqualToValue: function (option, value) {
-                        return option.Id === value.Id;
-                    }, onChange: function (event, campaign) {
-                        handleFilters('campaignId', campaign === null || campaign === void 0 ? void 0 : campaign.id);
-                    }, renderInput: function (params) { return ((0, jsx_runtime_1.jsx)(material_1.TextField, __assign({}, params, { label: t('Schedule.CampaignName'), sx: { backgroundColor: 'white' }, variant: "outlined" }))); }, defaultValue: { Id: 0, name: t('Common.SelectAll') } }) })), (0, jsx_runtime_1.jsxs)(material_1.Grid, { item: true, xs: disabledCampaignFilter ? 6 : 4, className: classes.ellipsisPlaceFilter, children: [(0, jsx_runtime_1.jsx)(PlaceMultiSelect, { isDisplayTextField: true, onChange: function (placeIds) {
+                    } }) }), !disabledCampaignFilter && ((0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 4, children: (0, jsx_runtime_1.jsx)(material_1.Autocomplete, { size: "small", disablePortal: true, id: "combo-box-demo", options: options !== null && options !== void 0 ? options : [], value: options.find(function (item) { return item.id === campaignId; }), getOptionLabel: function (option) { var _a; return (_a = option.name) !== null && _a !== void 0 ? _a : ''; }, onChange: function (event, campaign) {
+                        var _a;
+                        handleFilters('campaignId', (campaign === null || campaign === void 0 ? void 0 : campaign.id) === options[0].id
+                            ? undefined
+                            : campaign === null || campaign === void 0 ? void 0 : campaign.id);
+                        setCampaignId((_a = campaign === null || campaign === void 0 ? void 0 : campaign.id) !== null && _a !== void 0 ? _a : options[0].id);
+                    }, renderInput: function (params) { return ((0, jsx_runtime_1.jsx)(material_1.TextField, __assign({}, params, { label: t('Schedule.CampaignName'), sx: { backgroundColor: 'white' }, variant: "outlined" }))); } }) })), (0, jsx_runtime_1.jsxs)(material_1.Grid, { item: true, xs: disabledCampaignFilter ? 6 : 3, className: classes.ellipsisPlaceFilter, children: [(0, jsx_runtime_1.jsx)(PlaceMultiSelect, { isDisplayTextField: true, onChange: function (placeIds) {
                             return handleFilters('placeIds', placeIds);
                         } }), (0, jsx_runtime_1.jsx)(material_1.Button, { sx: {
                             height: '40px',
                             position: 'relative !important',
                             marginLeft: '1rem',
                             marginTop: '6px',
-                        }, variant: "contained", onClick: handleExportExcel, title: t('Common.Download'), disabled: loadingFlags === null || loadingFlags === void 0 ? void 0 : loadingFlags.export, color: "inherit", children: (loadingFlags === null || loadingFlags === void 0 ? void 0 : loadingFlags.export) ? ((0, jsx_runtime_1.jsx)(AWING_1.CircularProgress, {})) : ((0, jsx_runtime_1.jsx)(GetApp_1.default, {})) })] })] }));
+                        }, variant: "contained", onClick: handleExportExcel, title: t('Common.Download'), disabled: loadingFlags === null || loadingFlags === void 0 ? void 0 : loadingFlags.export, color: "inherit", children: (loadingFlags === null || loadingFlags === void 0 ? void 0 : loadingFlags.export) ? ((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, {})) })] })] }));
 };
 exports.default = Filters;

package/lib/ACM-AXN/CampaignSchedule/Components/ControlPanel/index.d.ts

@@ -1,3 +1,3 @@
 import { IControlPanelProps } from '../../interface';
-declare const ControlPanel: ({ campaigns, handleFilters, unGroupField, onDragStart, onDragOver, onDrop, handleView, handleExportExcel, loadingFlags, panels, placeMultiSelectComponent, disabledCampaignFilter, }: IControlPanelProps) => import("react/jsx-runtime").JSX.Element;
+declare const ControlPanel: ({ campaigns, handleFilters, unGroupField, onDragStart, onDragOver, onDrop, handleView, handleExportExcel, loadingFlags, panels, placeMultiSelectComponent, disabledCampaignFilter, isFutureDate }: IControlPanelProps) => import("react/jsx-runtime").JSX.Element;
 export default ControlPanel;

package/lib/ACM-AXN/CampaignSchedule/Components/ControlPanel/index.js

@@ -10,8 +10,8 @@ var react_i18next_1 = require("react-i18next");
 var Filter_1 = __importDefault(require("./Filter"));
 var GroupPanel_1 = __importDefault(require("./GroupPanel"));
 var ControlPanel = function (_a) {
-    var campaigns = _a.campaigns, handleFilters = _a.handleFilters, unGroupField = _a.unGroupField, onDragStart = _a.onDragStart, onDragOver = _a.onDragOver, onDrop = _a.onDrop, handleView = _a.handleView, handleExportExcel = _a.handleExportExcel, loadingFlags = _a.loadingFlags, panels = _a.panels, placeMultiSelectComponent = _a.placeMultiSelectComponent, disabledCampaignFilter = _a.disabledCampaignFilter;
+    var campaigns = _a.campaigns, handleFilters = _a.handleFilters, unGroupField = _a.unGroupField, onDragStart = _a.onDragStart, onDragOver = _a.onDragOver, onDrop = _a.onDrop, handleView = _a.handleView, handleExportExcel = _a.handleExportExcel, loadingFlags = _a.loadingFlags, panels = _a.panels, placeMultiSelectComponent = _a.placeMultiSelectComponent, disabledCampaignFilter = _a.disabledCampaignFilter, isFutureDate = _a.isFutureDate;
     var t = (0, react_i18next_1.useTranslation)().t;
-    return ((0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: (0, jsx_runtime_1.jsxs)(material_1.Grid, { container: true, sx: { padding: '1rem' }, children: [(0, jsx_runtime_1.jsx)(material_1.Grid, { container: true, item: true, xs: 12, justifyContent: "flex-start", spacing: 2, children: (0, jsx_runtime_1.jsx)(Filter_1.default, { loadingFlags: loadingFlags, campaigns: campaigns, handleFilters: handleFilters, handleExportExcel: handleExportExcel, placeMultiSelectComponent: placeMultiSelectComponent, disabledCampaignFilter: disabledCampaignFilter }) }), (0, jsx_runtime_1.jsxs)(material_1.Grid, { container: true, justifyContent: "flex-end", item: true, xs: 12, spacing: 2, sx: { marginTop: '0.125rem' }, children: [(0, jsx_runtime_1.jsx)(material_1.Grid, { id: "wrap-group-panel", item: true, style: { flexGrow: 1, position: 'relative' }, children: (0, jsx_runtime_1.jsx)(GroupPanel_1.default, { panels: panels, unGroupField: unGroupField, onDragStart: onDragStart, onDragOver: onDragOver, onDrop: onDrop }) }), (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, sx: { display: 'flex' }, children: (0, jsx_runtime_1.jsx)(material_1.Button, { sx: { height: '40px' }, variant: "contained", color: "primary", onClick: handleView, children: t('Common.View') }) })] })] }) }));
+    return ((0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: (0, jsx_runtime_1.jsxs)(material_1.Grid, { container: true, sx: { padding: '1rem' }, children: [(0, jsx_runtime_1.jsx)(material_1.Grid, { container: true, item: true, xs: 12, justifyContent: "flex-start", spacing: 2, children: (0, jsx_runtime_1.jsx)(Filter_1.default, { loadingFlags: loadingFlags, campaigns: campaigns, handleFilters: handleFilters, handleExportExcel: handleExportExcel, placeMultiSelectComponent: placeMultiSelectComponent, disabledCampaignFilter: disabledCampaignFilter, isFutureDate: isFutureDate }) }), (0, jsx_runtime_1.jsxs)(material_1.Grid, { container: true, justifyContent: "flex-end", item: true, xs: 12, spacing: 2, sx: { marginTop: '0.125rem' }, children: [(0, jsx_runtime_1.jsx)(material_1.Grid, { id: "wrap-group-panel", item: true, style: { flexGrow: 1, position: 'relative' }, children: (0, jsx_runtime_1.jsx)(GroupPanel_1.default, { panels: panels, unGroupField: unGroupField, onDragStart: onDragStart, onDragOver: onDragOver, onDrop: onDrop }) }), (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, sx: { display: 'flex' }, children: (0, jsx_runtime_1.jsx)(material_1.Button, { sx: { height: '40px' }, variant: "contained", color: "primary", onClick: handleView, children: t('Common.View') }) })] })] }) }));
 };
 exports.default = ControlPanel;

package/lib/ACM-AXN/CampaignSchedule/Components/RowAdvance/component.js

@@ -9,9 +9,12 @@ var ArrowDropUp_1 = __importDefault(require("@mui/icons-material/ArrowDropUp"));
 var material_1 = require("@mui/material");
 var styles_1 = require("@mui/styles");
 var Enum_1 = require("../../Enum");
-var helper_1 = require("../../helper");
+var Helpers_1 = require("../../../../Utils/Helpers");
 var react_1 = __importDefault(require("react"));
 var react_i18next_1 = require("react-i18next");
+var recoil_1 = require("recoil");
+var Atom_1 = require("../../Recoil/Atom");
+var Constant_1 = require("../../../../ACM-AXN/Common/Constant");
 var useStyles = (0, styles_1.makeStyles)(function () { return ({
     styledCommonRow: {
         '&.MuiTableRow-root': {
@@ -79,25 +82,32 @@ var useStyles = (0, styles_1.makeStyles)(function () { return ({
     },
 }); });
 var RowAdvanceComponent = function (_a) {
+    var _b, _c, _d;
     var headCells = _a.headCells, row = _a.row, priorityGroupLevel = _a.priorityGroupLevel, stt = _a.stt, groupNames = _a.groupNames, options = _a.options, handleOnClick = _a.handleOnClick, open = _a.open, expandDisabled = _a.expandDisabled;
     var classes = useStyles();
     var t = (0, react_i18next_1.useTranslation)().t;
+    var type = (0, recoil_1.useRecoilValue)(Atom_1.CampaignScheduleTypeViewState).type;
     var fieldNameShowOn = groupNames[priorityGroupLevel - 1];
     var colSpanFirstCell = priorityGroupLevel;
     var startDate = (row === null || row === void 0 ? void 0 : row.fromDate)
-        ? (0, helper_1.timestampToStringDDMMYYYY)(row === null || row === void 0 ? void 0 : row.fromDate)
-        : (0, helper_1.timestampToStringDDMMYYYY)(row === null || row === void 0 ? void 0 : row.date);
+        ? (0, Helpers_1.timestampToStringDDMMYYYY)(row === null || row === void 0 ? void 0 : row.fromDate)
+        : (0, Helpers_1.timestampToStringDDMMYYYY)(row === null || row === void 0 ? void 0 : row.date);
     var endDate = (row === null || row === void 0 ? void 0 : row.toDate)
-        ? (0, helper_1.timestampToStringDDMMYYYY)(row === null || row === void 0 ? void 0 : row.toDate)
-        : (0, helper_1.timestampToStringDDMMYYYY)(row === null || row === void 0 ? void 0 : row.date);
+        ? (0, Helpers_1.timestampToStringDDMMYYYY)(row === null || row === void 0 ? void 0 : row.toDate)
+        : (0, Helpers_1.timestampToStringDDMMYYYY)(row === null || row === void 0 ? void 0 : row.date);
     var fromDateToDate = startDate === endDate ? startDate : startDate + ' - ' + endDate;
+    var isBillingUnit = type === Constant_1.TypeView.billingUnit;
     var totalRate = !(row === null || row === void 0 ? void 0 : row.rate)
         ? ''
-        : Number((0, helper_1.roundDecimalNumber)(row === null || row === void 0 ? void 0 : row.rate)).toFixed(2);
+        : (0, Helpers_1.formatNumber)(isBillingUnit ? row === null || row === void 0 ? void 0 : row.rateBilling : (_b = row === null || row === void 0 ? void 0 : row.rate) !== null && _b !== void 0 ? _b : 0);
     var totalView = (row === null || row === void 0 ? void 0 : row.quantity) !== undefined
-        ? (0, helper_1.roundDecimalNumber)(row === null || row === void 0 ? void 0 : row.quantity)
-        : (0, helper_1.roundDecimalNumber)(row === null || row === void 0 ? void 0 : row.totalQuantity);
-    var ctr = (((row === null || row === void 0 ? void 0 : row.click) / (row === null || row === void 0 ? void 0 : row.view)) * 100).toFixed(2);
+        ? isBillingUnit
+            ? row === null || row === void 0 ? void 0 : row.quantityBilling
+            : (_c = row === null || row === void 0 ? void 0 : row.quantity) !== null && _c !== void 0 ? _c : 0
+        : isBillingUnit
+            ? row === null || row === void 0 ? void 0 : row.totalQuantityBilling
+            : (_d = row === null || row === void 0 ? void 0 : row.totalQuantity) !== null && _d !== void 0 ? _d : 0;
+    var ctr = (0, Helpers_1.formatNumber)(((row === null || row === void 0 ? void 0 : row.click) / (row === null || row === void 0 ? void 0 : row.view)) * 100 || 0);
     function styledRow(priority) {
         if ((groupNames === null || groupNames === void 0 ? void 0 : groupNames.length) === 1 && priorityGroupLevel === 1) {
             return classes.styledSecondaryRow;
@@ -118,7 +128,7 @@ var RowAdvanceComponent = function (_a) {
     return ((0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: (0, jsx_runtime_1.jsx)(material_1.TableRow, { className: "".concat((groupNames === null || groupNames === void 0 ? void 0 : groupNames.length) === 0
                 ? classes.styledNormalRow
                 : styledRow(priorityGroupLevel), " ").concat(classes.styledCommonRow), onClick: handleOnClick, children: headCells === null || headCells === void 0 ? void 0 : headCells.map(function (item, index) {
-                var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+                var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3;
                 switch (item.name) {
                     case Enum_1.HEAD_CELL_NAMES.CONTROL:
                         return ((0, jsx_runtime_1.jsx)(material_1.TableCell, { align: "right", colSpan: colSpanFirstCell, className: item.id === Enum_1.HEAD_CELL_IDS.CONTROL
@@ -126,15 +136,22 @@ var RowAdvanceComponent = function (_a) {
                                 : '', sx: { padding: '0px !important' }, children: (0, jsx_runtime_1.jsxs)("div", { className: classes.wrapFrirstCell, children: [!expandDisabled && ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: open ? ((0, jsx_runtime_1.jsx)(ArrowDropUp_1.default, {})) : ((0, jsx_runtime_1.jsx)(ArrowDropDown_1.default, {})) })), (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "subtitle2", children: stt })] }) }, item.id));
                     case Enum_1.HEAD_CELL_NAMES.PLACE:
                         return ((0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: fieldNameShowOn ===
-                                Enum_1.HEAD_CELL_NAMES.PLACE ? ((0, jsx_runtime_1.jsx)(material_1.TableCell, { className: classes.styledPlaceField, children: (_a = options === null || options === void 0 ? void 0 : options.places[row === null || row === void 0 ? void 0 : row.groupKeyId]) === null || _a === void 0 ? void 0 : _a.name })) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: 
+                                Enum_1.HEAD_CELL_NAMES.PLACE ? ((0, jsx_runtime_1.jsx)(material_1.TableCell, { className: classes.styledPlaceField, children: (options === null || options === void 0 ? void 0 : options.places[row === null || row === void 0 ? void 0 : row.groupKeyId])
+                                    ? (_a = options === null || options === void 0 ? void 0 : options.places[row === null || row === void 0 ? void 0 : row.groupKeyId]) === null || _a === void 0 ? void 0 : _a.name
+                                    : row === null || row === void 0 ? void 0 : row.groupKeyId })) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: 
                                 // Nếu field hiện tại ko phải groupName đang showOn thì 3Th
                                 // TH1: field nằm trong groupNames nhưng đúng trước fieldNameShowOn hiển thị name
                                 // TH2: field nằm sau fieldNameShowOn trong groupNames hiển thi total
                                 // Th3: field ko trong groupNames hiển thị total hoặ thông tin schedule nếu nó là cấp cuối cùng
                                 groupNames
                                     .slice(0, priorityGroupLevel - 1)
-                                    .indexOf(Enum_1.HEAD_CELL_NAMES.PLACE) === -1 ? ((0, jsx_runtime_1.jsx)(material_1.TableCell, { className: classes.styledPlaceField, children: ((_b = options === null || options === void 0 ? void 0 : options.places[row === null || row === void 0 ? void 0 : row.placeId]) === null || _b === void 0 ? void 0 : _b.name) ||
-                                        (row === null || row === void 0 ? void 0 : row.totalPlace) })) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {})) })) }, item.id));
+                                    .indexOf(Enum_1.HEAD_CELL_NAMES.PLACE) === -1 ? ((0, jsx_runtime_1.jsx)(material_1.TableCell, { className: classes.styledPlaceField, children: ((options === null || options === void 0 ? void 0 : options.places[row === null || row === void 0 ? void 0 : row.placeId])
+                                        ? (_b = options === null || options === void 0 ? void 0 : options.places[row === null || row === void 0 ? void 0 : row.placeId]) === null || _b === void 0 ? void 0 : _b.name
+                                        : row === null || row === void 0 ? void 0 : row.placeId) ||
+                                        ((row === null || row === void 0 ? void 0 : row.totalPlace) !==
+                                            0
+                                            ? row === null || row === void 0 ? void 0 : row.totalPlace
+                                            : '') })) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {})) })) }, item.id));
                     case Enum_1.HEAD_CELL_NAMES.CAMPAIGN:
                         return ((0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: fieldNameShowOn ===
                                 Enum_1.HEAD_CELL_NAMES.CAMPAIGN ? ((0, jsx_runtime_1.jsx)(material_1.TableCell, { className: classes.styledCampaignField, children: (0, jsx_runtime_1.jsx)(CampaignLabel, { campaignId: row === null || row === void 0 ? void 0 : row.groupKeyId, campaigns: options === null || options === void 0 ? void 0 : options.campaigns, classes: classes }) })) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: groupNames
@@ -143,9 +160,14 @@ var RowAdvanceComponent = function (_a) {
                                 (0, jsx_runtime_1.jsx)(material_1.TableCell, { className: classes.styledCampaignField, children: generateCampaignTotalCount(options === null || options === void 0 ? void 0 : options.campaigns, row, t('Schedule.CampaignDefault')) })) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {})) })) }, item.id));
                     case Enum_1.HEAD_CELL_NAMES.DOMAIN:
                         return ((0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: fieldNameShowOn ===
-                                Enum_1.HEAD_CELL_NAMES.DOMAIN ? ((0, jsx_runtime_1.jsx)(material_1.TableCell, { className: classes.styledDomainField, children: (_c = options === null || options === void 0 ? void 0 : options.domains[row === null || row === void 0 ? void 0 : row.groupKeyId]) === null || _c === void 0 ? void 0 : _c.name })) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: groupNames
+                                Enum_1.HEAD_CELL_NAMES.DOMAIN ? ((0, jsx_runtime_1.jsx)(material_1.TableCell, { className: classes.styledDomainField, children: (options === null || options === void 0 ? void 0 : options.domains[row === null || row === void 0 ? void 0 : row.groupKeyId])
+                                    ? (_c = options === null || options === void 0 ? void 0 : options.domains[row === null || row === void 0 ? void 0 : row.groupKeyId]) === null || _c === void 0 ? void 0 : _c.name
+                                    : row === null || row === void 0 ? void 0 : row.groupKeyId })) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: groupNames
                                     .slice(0, priorityGroupLevel - 1)
-                                    .indexOf(Enum_1.HEAD_CELL_NAMES.DOMAIN) === -1 ? ((0, jsx_runtime_1.jsx)(material_1.TableCell, { className: classes.styledDomainField, children: ((_d = options === null || options === void 0 ? void 0 : options.domains[row === null || row === void 0 ? void 0 : row.domainId]) === null || _d === void 0 ? void 0 : _d.name) || (row === null || row === void 0 ? void 0 : row.totalDomain) })) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {})) })) }, item.id));
+                                    .indexOf(Enum_1.HEAD_CELL_NAMES.DOMAIN) === -1 ? ((0, jsx_runtime_1.jsx)(material_1.TableCell, { className: classes.styledDomainField, children: ((options === null || options === void 0 ? void 0 : options.domains[row === null || row === void 0 ? void 0 : row.domainId])
+                                        ? (_d = options === null || options === void 0 ? void 0 : options.domains[row === null || row === void 0 ? void 0 : row.domainId]) === null || _d === void 0 ? void 0 : _d.name
+                                        : row === null || row === void 0 ? void 0 : row.domainId) ||
+                                        (row === null || row === void 0 ? void 0 : row.totalDomain) })) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {})) })) }, item.id));
                     case Enum_1.HEAD_CELL_NAMES.DATE:
                         return ((0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: fieldNameShowOn ===
                                 Enum_1.HEAD_CELL_NAMES.DATE ? ((0, jsx_runtime_1.jsx)(material_1.TableCell, { className: classes.styledDateField, children: startDate || endDate })) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: groupNames
@@ -156,34 +178,65 @@ var RowAdvanceComponent = function (_a) {
                                 ? ''
                                 : totalRate }, item.id));
                     case Enum_1.HEAD_CELL_NAMES.TOTAL:
-                        return ((0, jsx_runtime_1.jsx)(material_1.TableCell, { align: "right", children: totalView }, item.id));
+                        return ((0, jsx_runtime_1.jsx)(material_1.TableCell, { align: "right", children: (0, Helpers_1.formatNumber)(totalView) }, item.id));
                     case Enum_1.HEAD_CELL_NAMES.IMPRESSION:
                         return ((0, jsx_runtime_1.jsx)(material_1.TableCell, { align: "right", children: row === null || row === void 0 ? void 0 : row.view }, item.id));
+                    case Enum_1.HEAD_CELL_NAMES.AUTHENTICATION:
+                        return ((0, jsx_runtime_1.jsx)(material_1.TableCell, { align: "right", children: row === null || row === void 0 ? void 0 : row.authentication }, item.id));
+                    case Enum_1.HEAD_CELL_NAMES.ER:
+                        return ((0, jsx_runtime_1.jsx)(material_1.TableCell, { align: "right", children: (0, Helpers_1.formatNumber)(((row === null || row === void 0 ? void 0 : row.authentication) / (row === null || row === void 0 ? void 0 : row.view)) * 100) }, item.id));
                     case Enum_1.HEAD_CELL_NAMES.FINAL_CLICK:
                         return ((0, jsx_runtime_1.jsx)(material_1.TableCell, { align: "right", children: row === null || row === void 0 ? void 0 : row.click }, item.id));
                     case Enum_1.HEAD_CELL_NAMES.CTR:
                         return ((0, jsx_runtime_1.jsx)(material_1.TableCell, { align: "right", children: ctr }, item.id));
                     case Enum_1.HEAD_CELL_NAMES.CAMPAIGN_CAMPAIGN:
                         return ((0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: fieldNameShowOn ===
-                                Enum_1.HEAD_CELL_NAMES.CAMPAIGN ? ((0, jsx_runtime_1.jsx)(material_1.TableCell, { className: classes.styledCampaignField, children: (_e = row === null || row === void 0 ? void 0 : row.campaign) === null || _e === void 0 ? void 0 : _e.name })) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: groupNames
+                                Enum_1.HEAD_CELL_NAMES.CAMPAIGN ? ((0, jsx_runtime_1.jsx)(material_1.TableCell, { className: classes.styledCampaignField, children: ((_e = row === null || row === void 0 ? void 0 : row.campaign) === null || _e === void 0 ? void 0 : _e.name) !== ''
+                                    ? (_f = row === null || row === void 0 ? void 0 : row.campaign) === null || _f === void 0 ? void 0 : _f.name
+                                    : ((_g = row === null || row === void 0 ? void 0 : row.campaign) === null || _g === void 0 ? void 0 : _g.campaignId) !==
+                                        '0'
+                                        ? (_h = row === null || row === void 0 ? void 0 : row.campaign) === null || _h === void 0 ? void 0 : _h.campaignId
+                                        : '' })) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: groupNames
                                     .slice(0, priorityGroupLevel - 1)
-                                    .indexOf(Enum_1.HEAD_CELL_NAMES.CAMPAIGN) === -1 ? ( // Nếu fieldGroup có index < thằng groupKeyName hiện tại thì hiển thị total hoac name ngược lại phải thụt đầu dòng
-                                (0, jsx_runtime_1.jsx)(material_1.TableCell, { className: classes.styledCampaignField, children: (_f = row === null || row === void 0 ? void 0 : row.campaign) === null || _f === void 0 ? void 0 : _f.name })) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {})) })) }, item.id));
+                                    .indexOf(Enum_1.HEAD_CELL_NAMES.CAMPAIGN_CAMPAIGN) === -1 ? ( // Nếu fieldGroup có index < thằng groupKeyName hiện tại thì hiển thị total hoac name ngược lại phải thụt đầu dòng
+                                (0, jsx_runtime_1.jsx)(material_1.TableCell, { className: classes.styledCampaignField, children: ((_j = row === null || row === void 0 ? void 0 : row.campaign) === null || _j === void 0 ? void 0 : _j.name) !== ''
+                                        ? (_k = row === null || row === void 0 ? void 0 : row.campaign) === null || _k === void 0 ? void 0 : _k.name
+                                        : ((_l = row === null || row === void 0 ? void 0 : row.campaign) === null || _l === void 0 ? void 0 : _l.campaignId) !==
+                                            '0'
+                                            ? (_m = row === null || row === void 0 ? void 0 : row.campaign) === null || _m === void 0 ? void 0 : _m.campaignId
+                                            : '' })) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {})) })) }, item.id));
                     case Enum_1.HEAD_CELL_NAMES.DOMAIN_CAMPAIGN:
                         return ((0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: fieldNameShowOn ===
-                                Enum_1.HEAD_CELL_NAMES.DOMAIN_CAMPAIGN ? ((0, jsx_runtime_1.jsx)(material_1.TableCell, { className: classes.styledDomainField, children: (_g = row === null || row === void 0 ? void 0 : row.domain) === null || _g === void 0 ? void 0 : _g.name })) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: groupNames
+                                Enum_1.HEAD_CELL_NAMES.DOMAIN_CAMPAIGN ? ((0, jsx_runtime_1.jsx)(material_1.TableCell, { className: classes.styledDomainField, children: ((_o = row === null || row === void 0 ? void 0 : row.domain) === null || _o === void 0 ? void 0 : _o.name) !== ''
+                                    ? (_p = row === null || row === void 0 ? void 0 : row.domain) === null || _p === void 0 ? void 0 : _p.name
+                                    : ((_q = row === null || row === void 0 ? void 0 : row.domain) === null || _q === void 0 ? void 0 : _q.domainId) !== '0'
+                                        ? (_r = row === null || row === void 0 ? void 0 : row.domain) === null || _r === void 0 ? void 0 : _r.domainId
+                                        : '' })) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: groupNames
                                     .slice(0, priorityGroupLevel - 1)
-                                    .indexOf(Enum_1.HEAD_CELL_NAMES.DOMAIN_CAMPAIGN) === -1 ? ((0, jsx_runtime_1.jsx)(material_1.TableCell, { className: classes.styledDomainField, children: (_h = row === null || row === void 0 ? void 0 : row.domain) === null || _h === void 0 ? void 0 : _h.name })) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {})) })) }, item.id));
+                                    .indexOf(Enum_1.HEAD_CELL_NAMES.DOMAIN_CAMPAIGN) === -1 ? ((0, jsx_runtime_1.jsx)(material_1.TableCell, { className: classes.styledDomainField, children: ((_s = row === null || row === void 0 ? void 0 : row.domain) === null || _s === void 0 ? void 0 : _s.name) !== ''
+                                        ? (_t = row === null || row === void 0 ? void 0 : row.domain) === null || _t === void 0 ? void 0 : _t.name
+                                        : ((_u = row === null || row === void 0 ? void 0 : row.domain) === null || _u === void 0 ? void 0 : _u.domainId) !== '0'
+                                            ? (_v = row === null || row === void 0 ? void 0 : row.domain) === null || _v === void 0 ? void 0 : _v.domainId
+                                            : '' })) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {})) })) }, item.id));
                     case Enum_1.HEAD_CELL_NAMES.PLACE_CAMPAIGN:
                         return ((0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: fieldNameShowOn ===
-                                Enum_1.HEAD_CELL_NAMES.PLACE_CAMPAIGN ? ((0, jsx_runtime_1.jsx)(material_1.TableCell, { className: classes.styledPlaceField, children: (_j = row === null || row === void 0 ? void 0 : row.place) === null || _j === void 0 ? void 0 : _j.name })) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: 
+                                Enum_1.HEAD_CELL_NAMES.PLACE_CAMPAIGN ? ((0, jsx_runtime_1.jsx)(material_1.TableCell, { className: classes.styledPlaceField, children: ((_w = row === null || row === void 0 ? void 0 : row.place) === null || _w === void 0 ? void 0 : _w.name) !== ''
+                                    ? (_x = row === null || row === void 0 ? void 0 : row.place) === null || _x === void 0 ? void 0 : _x.name
+                                    : ((_y = row === null || row === void 0 ? void 0 : row.place) === null || _y === void 0 ? void 0 : _y.placeId) !== '0'
+                                        ? (_z = row === null || row === void 0 ? void 0 : row.place) === null || _z === void 0 ? void 0 : _z.placeId
+                                        : '' })) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: 
                                 // Nếu field hiện tại ko phải groupName đang showOn thì 3Th
                                 // TH1: field nằm trong groupNames nhưng đúng trước fieldNameShowOn hiển thị name
                                 // TH2: field nằm sau fieldNameShowOn trong groupNames hiển thi total
                                 // Th3: field ko trong groupNames hiển thị total hoặ thông tin schedule nếu nó là cấp cuối cùng
                                 groupNames
                                     .slice(0, priorityGroupLevel - 1)
-                                    .indexOf(Enum_1.HEAD_CELL_NAMES.PLACE_CAMPAIGN) === -1 ? ((0, jsx_runtime_1.jsx)(material_1.TableCell, { className: classes.styledPlaceField, children: (_k = row === null || row === void 0 ? void 0 : row.place) === null || _k === void 0 ? void 0 : _k.name })) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {})) })) }, item.id));
+                                    .indexOf(Enum_1.HEAD_CELL_NAMES.PLACE_CAMPAIGN) === -1 ? ((0, jsx_runtime_1.jsx)(material_1.TableCell, { className: classes.styledPlaceField, children: ((_0 = row === null || row === void 0 ? void 0 : row.place) === null || _0 === void 0 ? void 0 : _0.name) !== ''
+                                        ? (_1 = row === null || row === void 0 ? void 0 : row.place) === null || _1 === void 0 ? void 0 : _1.name
+                                        : ((_2 = row === null || row === void 0 ? void 0 : row.place) === null || _2 === void 0 ? void 0 : _2.placeId) !==
+                                            '0'
+                                            ? (_3 = row === null || row === void 0 ? void 0 : row.place) === null || _3 === void 0 ? void 0 : _3.placeId
+                                            : '' })) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {})) })) }, item.id));
                     default:
                         return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
                 }