awing-library 2.1.23-beta → 2.1.23

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

@@ -91,10 +91,13 @@ var RowAdvanceComponent = function (_a) {
         ? (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);
     var fromDateToDate = startDate === endDate ? startDate : startDate + ' - ' + endDate;
-    var totalRate = !(row === null || row === void 0 ? void 0 : row.rate) ? '' : (0, helper_1.roundDecimalNumber)(row === null || row === void 0 ? void 0 : row.rate);
+    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);
     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);
     function styledRow(priority) {
         if ((groupNames === null || groupNames === void 0 ? void 0 : groupNames.length) === 1 && priorityGroupLevel === 1) {
             return classes.styledSecondaryRow;
@@ -115,7 +118,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;
+                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
@@ -123,15 +126,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
@@ -140,9 +150,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.domainId]) === 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
@@ -154,6 +169,60 @@ 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));
+                    case Enum_1.HEAD_CELL_NAMES.IMPRESSION:
+                        return ((0, jsx_runtime_1.jsx)(material_1.TableCell, { align: "center", children: row === null || row === void 0 ? void 0 : row.view }, 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) !== ''
+                                    ? (_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_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: ((_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: ((_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: ((_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: ((_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, {});
                 }

package/lib/ACM-AXN/CampaignSchedule/Components/RowAdvance/container.d.ts

@@ -1,3 +1,3 @@
-import { IRowAdvanceContainerProps } from "../../interface";
+import { IRowAdvanceContainerProps } from '../../interface';
 declare const RowAdvanceContainer: ({ headCells, row, priorityGroupLevel, stt, groupNames, options, filters, serviceCampaignSchedule, }: IRowAdvanceContainerProps) => import("react/jsx-runtime").JSX.Element;
 export default RowAdvanceContainer;

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

@@ -53,11 +53,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var material_1 = require("@mui/material");
 var styles_1 = require("@mui/styles");
-var Enum_1 = require("../../Enum");
-var AWING_1 = require("../../../../AWING");
 var moment_1 = __importDefault(require("moment"));
 var react_1 = require("react");
 var react_i18next_1 = require("react-i18next");
+var AWING_1 = require("../../../../AWING");
+var Enum_1 = require("../../Enum");
 var EnhancedPagination_1 = __importDefault(require("../EnhancedPagination"));
 var NoDataTable_1 = __importDefault(require("../NoDataTable"));
 var component_1 = __importDefault(require("./component"));
@@ -66,10 +66,10 @@ var useStyles = (0, styles_1.makeStyles)(function () { return ({
         backgroundColor: Enum_1.BACKGROUND_COLOR.SECONDARY,
     },
     pagination: {
-        "&.MuiTablePagination-root": {
+        '&.MuiTablePagination-root': {
             // borderBottom: '1px solid #a3a3a345',
-            borderTop: "1px solid #a3a3a345",
-            width: "100%",
+            borderTop: '1px solid #a3a3a345',
+            width: '100%',
         },
     },
     primaryPaginations: {
@@ -89,7 +89,9 @@ var RowAdvanceContainer = function (_a) {
     var classes = useStyles();
     var _e = (0, react_1.useState)(false), open = _e[0], setOpen = _e[1];
     var _f = (0, react_1.useState)(), details = _f[0], setDetails = _f[1];
-    var _g = (0, react_1.useState)(false), loadingPage = _g[0], setLoadingPage = _g[1];
+    var _g = (0, react_1.useState)({
+        pages: false,
+    }), loadingPage = _g[0], setLoadingPage = _g[1];
     var _h = (0, react_1.useState)({
         pageSize: 10,
         pageIndex: 0,
@@ -113,34 +115,40 @@ var RowAdvanceContainer = function (_a) {
             }
         }
     };
+    var handleLoading = function (typeLoading, value) {
+        setLoadingPage(function (prevLoading) {
+            var _a;
+            return (__assign(__assign({}, prevLoading), (_a = {}, _a[typeLoading] = value, _a)));
+        });
+    };
     function getDetails(filterBy, groupBy, pageSize, pageIndex) {
         return __awaiter(this, void 0, void 0, function () {
-            var fromDate, toDate, campaignId, placeIds;
-            return __generator(this, function (_a) {
-                fromDate = filterBy.fromDate, toDate = filterBy.toDate, campaignId = filterBy.campaignId, placeIds = filterBy.placeIds;
-                if (groupBy) {
-                    setLoadingPage(true);
-                    pagingGroupBy((0, moment_1.default)(fromDate).startOf("day").format("YYYY-MM-DD"), (0, moment_1.default)(toDate).endOf("day").format("YYYY-MM-DD"), campaignId, groupBy, pageIndex, pageSize, placeIds !== null && placeIds !== void 0 ? placeIds : [])
-                        .then(setDetails)
-                        .catch(function (err) {
-                        console.log(err);
-                    })
-                        .finally(function () {
-                        setLoadingPage(false);
-                    });
+            var groupByMapping, params, fetchFunction, error_1;
+            var _a;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        groupByMapping = (_a = {},
+                            _a[Enum_1.HEAD_CELL_NAMES.CAMPAIGN_CAMPAIGN] = Enum_1.HEAD_CELL_NAMES.CAMPAIGN,
+                            _a[Enum_1.HEAD_CELL_NAMES.PLACE_CAMPAIGN] = Enum_1.HEAD_CELL_NAMES.PLACE,
+                            _a[Enum_1.HEAD_CELL_NAMES.DOMAIN_CAMPAIGN] = Enum_1.HEAD_CELL_NAMES.DOMAIN,
+                            _a);
+                        groupBy = groupByMapping[groupBy] || groupBy;
+                        params = __assign(__assign({}, filterBy), { groupBy: groupBy, pageIndex: pageIndex, pageSize: pageSize });
+                        fetchFunction = groupBy ? pagingGroupBy : paging;
+                        _b.label = 1;
+                    case 1:
+                        _b.trys.push([1, 3, , 4]);
+                        return [4 /*yield*/, fetchFunction(params, setDetails, handleLoading)];
+                    case 2:
+                        _b.sent();
+                        return [3 /*break*/, 4];
+                    case 3:
+                        error_1 = _b.sent();
+                        console.error(error_1);
+                        return [3 /*break*/, 4];
+                    case 4: return [2 /*return*/];
                 }
-                else {
-                    setLoadingPage(true);
-                    paging((0, moment_1.default)(fromDate).startOf("day").format("YYYY-MM-DD"), (0, moment_1.default)(toDate).endOf("day").format("YYYY-MM-DD"), campaignId, pageIndex, pageSize, placeIds !== null && placeIds !== void 0 ? placeIds : [])
-                        .then(setDetails)
-                        .catch(function (err) {
-                        console.log(err);
-                    })
-                        .finally(function () {
-                        setLoadingPage(false);
-                    });
-                }
-                return [2 /*return*/];
             });
         });
     }
@@ -152,36 +160,77 @@ var RowAdvanceContainer = function (_a) {
         setPages(__assign(__assign({}, pages), { pageSize: parseInt(event.target.value), pageIndex: 0 }));
         getDetails(filterByOfRowAdvance, groupNames[priorityGroupLevel], parseInt(event.target.value), 0);
     };
-    var handleOnClick = function () {
+    var handleOnClick = function (value) {
         if (!expandDisabled) {
             setOpen(!open);
             getDetails(filterByOfRowAdvance, groupNames[priorityGroupLevel], pages === null || pages === void 0 ? void 0 : pages.pageSize, pages === null || pages === void 0 ? void 0 : pages.pageIndex);
         }
     };
+    var filterByIdAXN = function (value, groupName, filters) {
+        var _a, _b, _c, _d;
+        if ((_a = filters === null || filters === void 0 ? void 0 : filters.placeIds) === null || _a === void 0 ? void 0 : _a.includes(undefined)) {
+            filters.placeIds = [];
+        }
+        switch (groupName) {
+            case Enum_1.HEAD_CELL_NAMES.PLACE_CAMPAIGN:
+                return __assign(__assign({}, filters), { placeIds: [(_b = value === null || value === void 0 ? void 0 : value.place) === null || _b === void 0 ? void 0 : _b.placeId] });
+            case Enum_1.HEAD_CELL_NAMES.DOMAIN_CAMPAIGN:
+                return __assign(__assign({}, filters), { domainId: (_c = value === null || value === void 0 ? void 0 : value.domain) === null || _c === void 0 ? void 0 : _c.domainId });
+            case Enum_1.HEAD_CELL_NAMES.CAMPAIGN_CAMPAIGN:
+                return __assign(__assign({}, filters), { campaignId: (_d = value === null || value === void 0 ? void 0 : value.campaign) === null || _d === void 0 ? void 0 : _d.campaignId });
+            default:
+                return filters;
+        }
+    };
+    var handleOnClickCampaignStatistic = function (value) {
+        var groupName = groupNames[priorityGroupLevel - 1];
+        var filtersByAXN = filterByIdAXN(value, groupName, filters);
+        if (!expandDisabled) {
+            setOpen(!open);
+            getDetails(filtersByAXN, groupNames[priorityGroupLevel], pages === null || pages === void 0 ? void 0 : pages.pageSize, pages === null || pages === void 0 ? void 0 : pages.pageIndex);
+        }
+    };
     var expandDisabled = (groupNames === null || groupNames === void 0 ? void 0 : groupNames.length) === 0
         ? true
         : priorityGroupLevel === (groupNames === null || groupNames === void 0 ? void 0 : groupNames.length) + 1;
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(component_1.default, { stt: stt, row: row, options: options, headCells: headCells, priorityGroupLevel: priorityGroupLevel, groupNames: groupNames, handleOnClick: handleOnClick, open: open, expandDisabled: expandDisabled }), open && ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: loadingPage ? ((0, jsx_runtime_1.jsx)(material_1.TableRow, { children: (0, jsx_runtime_1.jsx)(material_1.TableCell, { colSpan: headCells === null || headCells === void 0 ? void 0 : headCells.length, children: (0, jsx_runtime_1.jsx)(AWING_1.CircularProgress, {}) }) })) : ((0, jsx_runtime_1.jsx)(EnhancedPagination_1.default, { pageSize: pages === null || pages === void 0 ? void 0 : pages.pageSize, pageIndex: pages === null || pages === void 0 ? void 0 : pages.pageIndex, handleChangePage: handleChangePage, handleChangeRowsPerPage: handleChangeRowsPerPage, className: "".concat(classes.pagination, " ").concat((groupNames === null || groupNames === void 0 ? void 0 : groupNames.length) === 0
+    var conditionalExpand = headCells.length > 6 && headCells[4].id === Enum_1.HEAD_CELL_NAMES.IMPRESSION;
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(component_1.default, { stt: stt, row: row, options: options, headCells: headCells, priorityGroupLevel: priorityGroupLevel, groupNames: groupNames, handleOnClick: function () {
+                    conditionalExpand
+                        ? handleOnClickCampaignStatistic(row)
+                        : handleOnClick(row);
+                }, open: open, expandDisabled: expandDisabled }), open && ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (loadingPage === null || loadingPage === void 0 ? void 0 : loadingPage.pages) ? ((0, jsx_runtime_1.jsx)(material_1.TableRow, { children: (0, jsx_runtime_1.jsx)(material_1.TableCell, { colSpan: headCells === null || headCells === void 0 ? void 0 : headCells.length, children: (0, jsx_runtime_1.jsx)(AWING_1.CircularProgress, {}) }) })) : ((0, jsx_runtime_1.jsx)(EnhancedPagination_1.default, { pageSize: pages === null || pages === void 0 ? void 0 : pages.pageSize, pageIndex: pages === null || pages === void 0 ? void 0 : pages.pageIndex, handleChangePage: handleChangePage, handleChangeRowsPerPage: handleChangeRowsPerPage, className: "".concat(classes.pagination, " ").concat((groupNames === null || groupNames === void 0 ? void 0 : groupNames.length) === 0
                         ? classes.nomarlPaginations
-                        : styledPagination(priorityGroupLevel + 1)), colSpan: headCells === null || headCells === void 0 ? void 0 : headCells.length, total: (_b = details === null || details === void 0 ? void 0 : details.totalItemCount) !== null && _b !== void 0 ? _b : 0, children: ((_c = details === null || details === void 0 ? void 0 : details.items) === null || _c === void 0 ? void 0 : _c.length) === 0 ? ((0, jsx_runtime_1.jsx)(NoDataTable_1.default, { colSpan: headCells === null || headCells === void 0 ? void 0 : headCells.length, title: t("Common.NoData") })) : ((_d = details === null || details === void 0 ? void 0 : details.items) === null || _d === void 0 ? void 0 : _d.map(function (item, i) {
+                        : styledPagination(priorityGroupLevel + 1)), colSpan: headCells === null || headCells === void 0 ? void 0 : headCells.length, total: (_b = ((details === null || details === void 0 ? void 0 : details.totalItemCount)
+                        ? details === null || details === void 0 ? void 0 : details.totalItemCount
+                        : details === null || details === void 0 ? void 0 : details.total)) !== null && _b !== void 0 ? _b : 0, children: ((_c = details === null || details === void 0 ? void 0 : details.items) === null || _c === void 0 ? void 0 : _c.length) === 0 ? ((0, jsx_runtime_1.jsx)(NoDataTable_1.default, { colSpan: headCells === null || headCells === void 0 ? void 0 : headCells.length, title: t('Common.NoData') })) : ((_d = details === null || details === void 0 ? void 0 : details.items) === null || _d === void 0 ? void 0 : _d.map(function (item, i) {
                         var filterBy = filterById(row === null || row === void 0 ? void 0 : row.groupKeyId, groupNames[priorityGroupLevel], filterByOfRowAdvance);
+                        var filtersByAXN = filterByIdAXN(row, groupNames[priorityGroupLevel - 1], filters);
                         var stt = (pages === null || pages === void 0 ? void 0 : pages.pageSize) * (pages === null || pages === void 0 ? void 0 : pages.pageIndex) +
                             i +
                             1;
                         var key = (item === null || item === void 0 ? void 0 : item.groupKeyId)
                             ? item === null || item === void 0 ? void 0 : item.groupKeyId
                             : i;
-                        return ((0, jsx_runtime_1.jsx)(RowAdvanceContainer, { headCells: headCells, row: item, priorityGroupLevel: priorityGroupLevel + 1, stt: stt, groupNames: groupNames, options: options, filters: filterBy, serviceCampaignSchedule: serviceCampaignSchedule }, key));
+                        return ((0, jsx_runtime_1.jsx)(RowAdvanceContainer, { headCells: headCells, row: item, priorityGroupLevel: priorityGroupLevel + 1, stt: stt, groupNames: groupNames, options: options, filters: conditionalExpand
+                                ? filtersByAXN
+                                : filterBy, serviceCampaignSchedule: serviceCampaignSchedule }, key));
                     })) })) }))] }));
 };
 var filterById = function (id, groupName, filters) {
     switch (groupName) {
+        case Enum_1.HEAD_CELL_NAMES.DOMAIN_CAMPAIGN:
+        case Enum_1.HEAD_CELL_NAMES.DOMAIN:
+            return __assign(__assign({}, filters), { domainId: id });
         case Enum_1.HEAD_CELL_NAMES.CAMPAIGN:
             return __assign(__assign({}, filters), { campaignId: id });
+        case Enum_1.HEAD_CELL_NAMES.CAMPAIGN_CAMPAIGN:
+            return __assign(__assign({}, filters), { campaignId: id });
         case Enum_1.HEAD_CELL_NAMES.PLACE:
             return __assign(__assign({}, filters), { placeIds: [id] });
+        case Enum_1.HEAD_CELL_NAMES.PLACE_CAMPAIGN:
+            return __assign(__assign({}, filters), { placeIds: [id] });
         case Enum_1.HEAD_CELL_NAMES.DATE:
-            return __assign(__assign({}, filters), { fromDate: (0, moment_1.default)(id).format("YYYY-MM-DD"), toDate: (0, moment_1.default)(id).format("YYYY-MM-DD") });
+            return __assign(__assign({}, filters), { fromDate: (0, moment_1.default)(id).format('YYYY-MM-DD'), toDate: (0, moment_1.default)(id).format('YYYY-MM-DD') });
         default:
             return filters;
     }

package/lib/ACM-AXN/CampaignSchedule/Components/TableHeaderDragable.d.ts

@@ -1,3 +1,3 @@
-import { ITableHeaderDragableProps } from "../interface";
+import { ITableHeaderDragableProps } from '../interface';
 declare const TableHeaderDragable: ({ headCells, onDragOver, onDragStart, onDrop, }: ITableHeaderDragableProps) => import("react/jsx-runtime").JSX.Element;
 export default TableHeaderDragable;

package/lib/ACM-AXN/CampaignSchedule/Components/TableHeaderDragable.js

@@ -11,44 +11,35 @@ var react_i18next_1 = require("react-i18next");
 var Enum_1 = require("../Enum");
 var useStyles = (0, styles_1.makeStyles)(function () { return ({
     root: {
-        paddingLeft: "1rem",
-        paddingRight: "1rem",
-        borderBottom: "1px solid #a3a3a345",
+        paddingLeft: '1rem',
+        paddingRight: '1rem',
+        borderBottom: '1px solid #a3a3a345',
     },
     highlight: {},
-    // theme.palette.type === 'light'
-    //     ? {
-    //           color: theme.palette.secondary.main,
-    //           backgroundColor: lighten(theme.palette.secondary.light, 0.85),
-    //       }
-    //     : {
-    //           color: theme.palette.text.primary,
-    //           backgroundColor: theme.palette.secondary.dark,
-    //       },
     title: {
-        flex: "1 1 100%",
+        flex: '1 1 100%',
     },
     bold: {
-        fontWeight: "bold",
+        fontWeight: 'bold',
     },
     paddingTableHeader: {},
     styledSttField: {
         paddingLeft: 0,
         paddingRight: 0,
-        maxWidth: "50px",
-        minWidth: "40px",
+        maxWidth: '50px',
+        minWidth: '40px',
     },
     styledCampaignField: {
-        minWidth: "100px",
+        minWidth: '100px',
     },
     styledDomainField: {
-        minWidth: "50px",
+        minWidth: '50px',
     },
     styledPlaceField: {
-        minWidth: "100px",
+        minWidth: '100px',
     },
     styledDateField: {
-        minWidth: "100px",
+        minWidth: '100px',
     },
 }); });
 var TableHeaderDragable = function (_a) {
@@ -65,10 +56,16 @@ var TableHeaderDragable = function (_a) {
                 return classes.styledDomainField;
             case Enum_1.HEAD_CELL_IDS.PLACE:
                 return classes.styledPlaceField;
+            case Enum_1.HEAD_CELL_IDS.CAMPAIGN_CAMPAIGN:
+                return classes.styledCampaignField;
+            case Enum_1.HEAD_CELL_IDS.DOMAIN_CAMPAIGN:
+                return classes.styledDomainField;
+            case Enum_1.HEAD_CELL_IDS.PLACE_CAMPAIGN:
+                return classes.styledPlaceField;
             case Enum_1.HEAD_CELL_IDS.DATE:
                 return classes.styledDateField;
             default:
-                return "";
+                return '';
         }
     };
     var generateLabelField = function (fieldId) {
@@ -76,22 +73,34 @@ var TableHeaderDragable = function (_a) {
             case Enum_1.HEAD_CELL_IDS.CONTROL:
                 return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(UnfoldMore_1.default, {}), "#"] }));
             case Enum_1.HEAD_CELL_IDS.CAMPAIGN:
-                return t("Schedule.Campaign");
+                return t('Schedule.Campaign');
+            case Enum_1.HEAD_CELL_IDS.CAMPAIGN_CAMPAIGN:
+                return t('Schedule.Campaign');
             case Enum_1.HEAD_CELL_IDS.DOMAIN:
-                return t("Schedule.Domain");
+                return t('Schedule.Domain');
+            case Enum_1.HEAD_CELL_IDS.DOMAIN_CAMPAIGN:
+                return t('Schedule.Domain');
             case Enum_1.HEAD_CELL_IDS.PLACE:
-                return t("Schedule.Place");
+                return t('Schedule.Place');
+            case Enum_1.HEAD_CELL_IDS.PLACE_CAMPAIGN:
+                return t('Schedule.Place');
             case Enum_1.HEAD_CELL_IDS.DATE:
-                return t("Schedule.Date");
+                return t('Schedule.Date');
+            case Enum_1.HEAD_CELL_IDS.IMPRESSION:
+                return t('Common.Impression');
+            case Enum_1.HEAD_CELL_IDS.FINAL_CLICK:
+                return t('Common.FinalClick');
+            case Enum_1.HEAD_CELL_IDS.CTR:
+                return t('CTR (%)');
             case Enum_1.HEAD_CELL_IDS.RATE:
-                return "".concat(t("Schedule.Rate"), " (%)");
+                return "".concat(t('Schedule.Rate'), " (%)");
             case Enum_1.HEAD_CELL_IDS.TOTAL:
-                return "".concat(t("Schedule.Total"), " (").concat(t("Common.Impression"), ")");
+                return "".concat(t('Schedule.Total'), " (").concat(t('Common.Impression'), ")");
             default:
-                return "";
+                return '';
         }
     };
-    return ((0, jsx_runtime_1.jsx)(material_1.TableHead, { children: (0, jsx_runtime_1.jsx)(material_1.TableRow, { className: classes.title, id: "head-cell", children: headCells === null || headCells === void 0 ? void 0 : headCells.map(function (headCell, index) { return ((0, jsx_runtime_1.jsx)(material_1.TableCell, { id: headCell.id, align: headCell.numeric ? "right" : "left", padding: headCell.disablePadding ? "none" : "normal", className: "".concat(classes.bold, " ").concat(classes === null || classes === void 0 ? void 0 : classes.root, " ").concat(classes.paddingTableHeader, " ").concat(styledField(headCell.id)), draggable: true, onDragOver: function (e) {
+    return ((0, jsx_runtime_1.jsx)(material_1.TableHead, { children: (0, jsx_runtime_1.jsx)(material_1.TableRow, { className: classes.title, id: "head-cell", children: headCells === null || headCells === void 0 ? void 0 : headCells.map(function (headCell, index) { return ((0, jsx_runtime_1.jsx)(material_1.TableCell, { id: headCell.id, align: headCell.numeric ? 'right' : 'left', padding: headCell.disablePadding ? 'none' : 'normal', className: "".concat(classes.bold, " ").concat(classes === null || classes === void 0 ? void 0 : classes.root, " ").concat(classes.paddingTableHeader, " ").concat(styledField(headCell.id)), draggable: true, onDragOver: function (e) {
                     onDragOver(e);
                 }, onDragStart: function (e) {
                     onDragStart(e);

package/lib/ACM-AXN/CampaignSchedule/DataConfigAXN.d.ts

@@ -0,0 +1,4 @@
+export declare const DataSetConfigsAXN: (t: any, exportData: any, domains: any, campaigns: any, places: any) => {
+    columns: any[];
+    data: any[];
+}[];

package/lib/ACM-AXN/CampaignSchedule/DataConfigAXN.js

@@ -0,0 +1,58 @@
+"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));
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DataSetConfigsAXN = void 0;
+var Helpers_1 = require("../../Utils/Helpers");
+var DataSetConfigsAXN = function (t, exportData, domains, campaigns, places) {
+    return [
+        {
+            columns: [t('Schedule.ReportCampaignSchedule')],
+            data: [],
+        },
+        {
+            columns: [
+                '#',
+                t('Schedule.Campaign'),
+                t('Schedule.Place'),
+                t('Schedule.Date'),
+                "".concat(t('Schedule.Rate'), " (%)"),
+                t('Schedule.Total'),
+            ],
+            data: __spreadArray([], exportData.map(function (data, index) {
+                var campaignName = campaigns[data.campaignId]
+                    ? campaigns[data.campaignId].name
+                    : "ID: ".concat(data.campaignId);
+                var placeName = places[data.placeId]
+                    ? places[data.placeId].name
+                    : "ID: ".concat(data.placeId);
+                var domainName = domains[data.domainId]
+                    ? domains[data.domainId].name
+                    : "ID: ".concat(data.domainId);
+                return [
+                    { value: index + 1, style: { font: { sz: '13' } } },
+                    { value: campaignName, style: { font: { sz: '13' } } },
+                    { value: placeName, style: { font: { sz: '13' } } },
+                    { value: domainName, style: { font: { sz: '13' } } },
+                    {
+                        value: (0, Helpers_1.timestampToStringDDMMYYYY)(data.date),
+                        style: { font: { sz: '13' } },
+                    },
+                    { value: data.rate, style: { font: { sz: '13' } } },
+                    {
+                        value: data.totalQuantity,
+                        style: { font: { sz: '12' } },
+                    },
+                ];
+            }), true),
+        },
+    ];
+};
+exports.DataSetConfigsAXN = DataSetConfigsAXN;

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

@@ -9,7 +9,13 @@ export declare enum HEAD_CELL_IDS {
     TOTAL = "total",
     GROUP = "group",
     ESTIMATE = "estimate",
-    REALITY = "reality"
+    REALITY = "reality",
+    IMPRESSION = "impression",
+    FINAL_CLICK = "finalClick",
+    CTR = "ctr",
+    PLACE_CAMPAIGN = "placeCampaign",
+    DOMAIN_CAMPAIGN = "domainCampaign",
+    CAMPAIGN_CAMPAIGN = "campaignCampaign"
 }
 export declare enum HEAD_CELL_NAMES {
     CONTROL = "collapse-stt",
@@ -23,7 +29,13 @@ export declare enum HEAD_CELL_NAMES {
     ESTIMATE = "estimate",
     REALITY = "reality",
     CAMPAIGN_NAME = "campaignName",
-    PLACE_NAME = "placeName"
+    PLACE_NAME = "placeName",
+    IMPRESSION = "impression",
+    FINAL_CLICK = "finalClick",
+    CTR = "ctr",
+    PLACE_CAMPAIGN = "placeCampaign",
+    DOMAIN_CAMPAIGN = "domainCampaign",
+    CAMPAIGN_CAMPAIGN = "campaignCampaign"
 }
 export declare enum BACKGROUND_COLOR {
     PRIMARY = "#F4F4F4",

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

@@ -17,6 +17,12 @@ var HEAD_CELL_IDS;
     HEAD_CELL_IDS["GROUP"] = "group";
     HEAD_CELL_IDS["ESTIMATE"] = "estimate";
     HEAD_CELL_IDS["REALITY"] = "reality";
+    HEAD_CELL_IDS["IMPRESSION"] = "impression";
+    HEAD_CELL_IDS["FINAL_CLICK"] = "finalClick";
+    HEAD_CELL_IDS["CTR"] = "ctr";
+    HEAD_CELL_IDS["PLACE_CAMPAIGN"] = "placeCampaign";
+    HEAD_CELL_IDS["DOMAIN_CAMPAIGN"] = "domainCampaign";
+    HEAD_CELL_IDS["CAMPAIGN_CAMPAIGN"] = "campaignCampaign";
 })(HEAD_CELL_IDS || (exports.HEAD_CELL_IDS = HEAD_CELL_IDS = {}));
 var HEAD_CELL_NAMES;
 (function (HEAD_CELL_NAMES) {
@@ -32,6 +38,12 @@ var HEAD_CELL_NAMES;
     HEAD_CELL_NAMES["REALITY"] = "reality";
     HEAD_CELL_NAMES["CAMPAIGN_NAME"] = "campaignName";
     HEAD_CELL_NAMES["PLACE_NAME"] = "placeName";
+    HEAD_CELL_NAMES["IMPRESSION"] = "impression";
+    HEAD_CELL_NAMES["FINAL_CLICK"] = "finalClick";
+    HEAD_CELL_NAMES["CTR"] = "ctr";
+    HEAD_CELL_NAMES["PLACE_CAMPAIGN"] = "placeCampaign";
+    HEAD_CELL_NAMES["DOMAIN_CAMPAIGN"] = "domainCampaign";
+    HEAD_CELL_NAMES["CAMPAIGN_CAMPAIGN"] = "campaignCampaign";
 })(HEAD_CELL_NAMES || (exports.HEAD_CELL_NAMES = HEAD_CELL_NAMES = {}));
 var BACKGROUND_COLOR;
 (function (BACKGROUND_COLOR) {

package/lib/ACM-AXN/CampaignSchedule/component.d.ts

@@ -1,3 +1,3 @@
-import { ICampaignSchedulesComponentProps } from "./interface";
-declare const CampaignSchedulesComponent: ({ headCells, onDragOver, onDragStart, onDrop, scheduleGroups, page, handleChangePage, handleChangeRowsPerPage, filters, options, serviceCampaignSchedule }: ICampaignSchedulesComponentProps) => import("react/jsx-runtime").JSX.Element;
+import { ICampaignSchedulesComponentProps } from './interface';
+declare const CampaignSchedulesComponent: ({ headCells, onDragOver, onDragStart, onDrop, scheduleGroups, page, handleChangePage, handleChangeRowsPerPage, filters, options, serviceCampaignSchedule, }: ICampaignSchedulesComponentProps) => import("react/jsx-runtime").JSX.Element;
 export default CampaignSchedulesComponent;