awing-library 2.1.30-beta → 2.1.30

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"));
@@ -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,37 +115,39 @@ 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 params, error_1, error_2;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
+            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] = "campaignId",
+                            _a[Enum_1.HEAD_CELL_NAMES.PLACE_CAMPAIGN] = "placeId",
+                            _a[Enum_1.HEAD_CELL_NAMES.DOMAIN_CAMPAIGN] = "domainId",
+                            _a);
+                        groupBy = groupByMapping[groupBy] || groupBy;
                         params = __assign(__assign({}, filterBy), { groupBy: groupBy, pageIndex: pageIndex, pageSize: pageSize });
-                        if (!groupBy) return [3 /*break*/, 5];
-                        _a.label = 1;
+                        fetchFunction = groupBy ? pagingGroupBy : paging;
+                        _b.label = 1;
                     case 1:
-                        _a.trys.push([1, 3, , 4]);
-                        return [4 /*yield*/, pagingGroupBy(params, setDetails)];
+                        _b.trys.push([1, 3, , 4]);
+                        return [4 /*yield*/, fetchFunction(params, setDetails, handleLoading)];
                     case 2:
-                        _a.sent();
+                        _b.sent();
                         return [3 /*break*/, 4];
                     case 3:
-                        error_1 = _a.sent();
-                        console.log(error_1);
+                        error_1 = _b.sent();
+                        console.error(error_1);
                         return [3 /*break*/, 4];
-                    case 4: return [3 /*break*/, 8];
-                    case 5:
-                        _a.trys.push([5, 7, , 8]);
-                        return [4 /*yield*/, paging(params, setDetails)];
-                    case 6:
-                        _a.sent();
-                        return [3 /*break*/, 8];
-                    case 7:
-                        error_2 = _a.sent();
-                        console.log(error_2);
-                        return [3 /*break*/, 8];
-                    case 8: return [2 /*return*/];
+                    case 4: return [2 /*return*/];
                 }
             });
         });
@@ -156,36 +160,75 @@ 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') });
         default:

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/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;

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

@@ -1,4 +1,27 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -7,7 +30,7 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 var material_1 = require("@mui/material");
 var styles_1 = require("@mui/styles");
 var moment_1 = __importDefault(require("moment"));
-var react_1 = __importDefault(require("react"));
+var react_1 = __importStar(require("react"));
 var EnhancedPagination_1 = __importDefault(require("./Components/EnhancedPagination"));
 var NoDataTable_1 = __importDefault(require("./Components/NoDataTable"));
 var RowAdvance_1 = __importDefault(require("./Components/RowAdvance"));
@@ -15,22 +38,22 @@ var TableHeaderDragable_1 = __importDefault(require("./Components/TableHeaderDra
 var Enum_1 = require("./Enum");
 var useStyles = (0, styles_1.makeStyles)(function () { return ({
     root: {
-        width: "100%",
+        width: '100%',
     },
     paper: {
-        width: "100%",
-        marginBottom: "1rem",
-        boxShadow: "none",
+        width: '100%',
+        marginBottom: '1rem',
+        boxShadow: 'none',
     },
     wrapper: {
-        boxShadow: "0px 2px 1px -1px rgb(0 0 0 / 20%), 0px 1px 1px 0px rgb(0 0 0 / 14%), 0px 1px 3px 0px rgb(0 0 0 / 12%)",
-        borderRadius: "4px",
+        boxShadow: '0px 2px 1px -1px rgb(0 0 0 / 20%), 0px 1px 1px 0px rgb(0 0 0 / 14%), 0px 1px 3px 0px rgb(0 0 0 / 12%)',
+        borderRadius: '4px',
     },
     pagination: {
-        "&.MuiTablePagination-root": {
+        '&.MuiTablePagination-root': {
             // borderBottom: '1px solid #a3a3a345',
-            borderTop: "1px solid #a3a3a345",
-            width: "100%",
+            borderTop: '1px solid #a3a3a345',
+            width: '100%',
         },
     },
     primaryPaginations: {
@@ -44,22 +67,28 @@ var useStyles = (0, styles_1.makeStyles)(function () { return ({
     },
 }); });
 var CampaignSchedulesComponent = function (_a) {
-    var _b, _c, _d, _e, _f;
+    var _b, _c, _d, _e;
     var headCells = _a.headCells, onDragOver = _a.onDragOver, onDragStart = _a.onDragStart, onDrop = _a.onDrop, scheduleGroups = _a.scheduleGroups, page = _a.page, handleChangePage = _a.handleChangePage, handleChangeRowsPerPage = _a.handleChangeRowsPerPage, filters = _a.filters, options = _a.options, serviceCampaignSchedule = _a.serviceCampaignSchedule;
     var classes = useStyles();
     var groupLength = (_c = (_b = headCells === null || headCells === void 0 ? void 0 : headCells.filter(function (cell) { return cell.grouping; })) === null || _b === void 0 ? void 0 : _b.map(function (item) { return item.name; })) === null || _c === void 0 ? void 0 : _c.length;
-    return ((0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: (0, jsx_runtime_1.jsxs)(material_1.Table, { "aria-label": "Table-advance", children: [(0, jsx_runtime_1.jsx)(TableHeaderDragable_1.default, { headCells: headCells, onDragOver: onDragOver, onDragStart: onDragStart, onDrop: onDrop }), (0, jsx_runtime_1.jsx)(material_1.TableBody, { children: (0, jsx_runtime_1.jsx)(EnhancedPagination_1.default, { total: (_d = scheduleGroups === null || scheduleGroups === void 0 ? void 0 : scheduleGroups.totalItemCount) !== null && _d !== void 0 ? _d : 0, pageSize: page === null || page === void 0 ? void 0 : page.pageSize, pageIndex: page === null || page === void 0 ? void 0 : page.pageIndex, handleChangePage: handleChangePage, handleChangeRowsPerPage: handleChangeRowsPerPage, className: "".concat(classes.pagination, " ").concat(groupLength === 0
+    var total = (0, react_1.useMemo)(function () {
+        return (scheduleGroups === null || scheduleGroups === void 0 ? void 0 : scheduleGroups.total)
+            ? scheduleGroups === null || scheduleGroups === void 0 ? void 0 : scheduleGroups.total
+            : scheduleGroups === null || scheduleGroups === void 0 ? void 0 : scheduleGroups.totalItemCount;
+    }, [scheduleGroups]);
+    return ((0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: (0, jsx_runtime_1.jsxs)(material_1.Table, { "aria-label": "Table-advance", children: [(0, jsx_runtime_1.jsx)(TableHeaderDragable_1.default, { headCells: headCells, onDragOver: onDragOver, onDragStart: onDragStart, onDrop: onDrop }), (0, jsx_runtime_1.jsx)(material_1.TableBody, { children: (0, jsx_runtime_1.jsx)(EnhancedPagination_1.default, { total: total !== null && total !== void 0 ? total : 0, pageSize: page === null || page === void 0 ? void 0 : page.pageSize, pageIndex: page === null || page === void 0 ? void 0 : page.pageIndex, handleChangePage: handleChangePage, handleChangeRowsPerPage: handleChangeRowsPerPage, className: "".concat(classes.pagination, " ").concat(groupLength === 0
                             ? classes.nomarlPaginations
                             : groupLength === 1
                                 ? classes.secondaryPaginations
-                                : classes.primaryPaginations), classes: undefined, colSpan: headCells === null || headCells === void 0 ? void 0 : headCells.length, children: ((_e = scheduleGroups === null || scheduleGroups === void 0 ? void 0 : scheduleGroups.items) === null || _e === void 0 ? void 0 : _e.length) === 0 ? ((0, jsx_runtime_1.jsx)(NoDataTable_1.default, { colSpan: headCells === null || headCells === void 0 ? void 0 : headCells.length })) : ((_f = scheduleGroups === null || scheduleGroups === void 0 ? void 0 : scheduleGroups.items) === null || _f === void 0 ? void 0 : _f.map(function (row, index) {
+                                : classes.primaryPaginations), classes: undefined, colSpan: headCells === null || headCells === void 0 ? void 0 : headCells.length, children: ((_d = scheduleGroups === null || scheduleGroups === void 0 ? void 0 : scheduleGroups.items) === null || _d === void 0 ? void 0 : _d.length) === 0 ? ((0, jsx_runtime_1.jsx)(NoDataTable_1.default, { colSpan: headCells === null || headCells === void 0 ? void 0 : headCells.length })) : ((_e = scheduleGroups === null || scheduleGroups === void 0 ? void 0 : scheduleGroups.items) === null || _e === void 0 ? void 0 : _e.map(function (row, index) {
                             var _a;
                             var groupNames = (_a = headCells === null || headCells === void 0 ? void 0 : headCells.filter(function (cell) { return cell.grouping; })) === null || _a === void 0 ? void 0 : _a.map(function (item) { return item.name; });
                             var filterBy = {
-                                fromDate: (0, moment_1.default)(filters === null || filters === void 0 ? void 0 : filters.startDate).format("YYYY-MM-DD"),
-                                toDate: (0, moment_1.default)(filters === null || filters === void 0 ? void 0 : filters.endDate).format("YYYY-MM-DD"),
+                                startDate: (0, moment_1.default)(filters === null || filters === void 0 ? void 0 : filters.startDate).format('YYYY-MM-DD'),
+                                endDate: (0, moment_1.default)(filters === null || filters === void 0 ? void 0 : filters.endDate).format('YYYY-MM-DD'),
                                 campaignId: filters === null || filters === void 0 ? void 0 : filters.campaignId,
                                 placeIds: filters === null || filters === void 0 ? void 0 : filters.placeIds,
+                                domainId: filters === null || filters === void 0 ? void 0 : filters.domainId,
                             };
                             return ((0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: (0, jsx_runtime_1.jsx)(RowAdvance_1.default, { headCells: headCells, row: row, priorityGroupLevel: 1, stt: (page === null || page === void 0 ? void 0 : page.pageSize) *
                                         (page === null || page === void 0 ? void 0 : page.pageIndex) +

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

@@ -1,3 +1,3 @@
 import { ICampaignScheduleContainerProps } from './interface';
-declare const CampaignScheduleContainer: ({ initialFilters, initialHeadCells, placeMultiSelectComponent, serviceCampaignSchedule, typeSystemAXN, }: ICampaignScheduleContainerProps) => import("react/jsx-runtime").JSX.Element;
+declare const CampaignScheduleContainer: ({ initialFilters, initialHeadCells, placeMultiSelectComponent, serviceCampaignSchedule, typeSystemAXN, title, disabledCampaignFilter, isFutureDate }: ICampaignScheduleContainerProps) => import("react/jsx-runtime").JSX.Element;
 export default CampaignScheduleContainer;

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

@@ -74,7 +74,7 @@ var Enum_1 = require("./Enum");
 var component_1 = __importDefault(require("./component"));
 var CampaignScheduleContainer = function (_a) {
     var _b;
-    var initialFilters = _a.initialFilters, initialHeadCells = _a.initialHeadCells, placeMultiSelectComponent = _a.placeMultiSelectComponent, serviceCampaignSchedule = _a.serviceCampaignSchedule, _c = _a.typeSystemAXN, typeSystemAXN = _c === void 0 ? false : _c;
+    var initialFilters = _a.initialFilters, initialHeadCells = _a.initialHeadCells, placeMultiSelectComponent = _a.placeMultiSelectComponent, serviceCampaignSchedule = _a.serviceCampaignSchedule, _c = _a.typeSystemAXN, typeSystemAXN = _c === void 0 ? false : _c, title = _a.title, disabledCampaignFilter = _a.disabledCampaignFilter, isFutureDate = _a.isFutureDate;
     var t = (0, react_i18next_1.useTranslation)().t;
     var _d = (0, react_1.useState)(null), dragPlace = _d[0], setDragPlace = _d[1];
     var _e = (0, react_1.useState)(initialFilters), filters = _e[0], setFilters = _e[1];
@@ -126,7 +126,18 @@ var CampaignScheduleContainer = function (_a) {
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
-                        groupNames = (_a = headCells === null || headCells === void 0 ? void 0 : headCells.filter(function (item) { return item.grouping; })) === null || _a === void 0 ? void 0 : _a.map(function (item) { return item.name; });
+                        groupNames = (_a = headCells === null || headCells === void 0 ? void 0 : headCells.filter(function (item) { return item.grouping; })) === null || _a === void 0 ? void 0 : _a.map(function (item) {
+                            switch (item.name) {
+                                case 'placeCampaign':
+                                    return 'placeId';
+                                case 'domainCampaign':
+                                    return 'domainId';
+                                case 'campaignCampaign':
+                                    return 'campaignId';
+                                default:
+                                    return item.name;
+                            }
+                        });
                         groupBy = (groupNames === null || groupNames === void 0 ? void 0 : groupNames.length) === 0 ? null : groupNames[0];
                         pageIndex = page.pageIndex;
                         pageSize = page.pageSize;
@@ -135,7 +146,7 @@ var CampaignScheduleContainer = function (_a) {
                         _b.label = 1;
                     case 1:
                         _b.trys.push([1, 3, , 4]);
-                        return [4 /*yield*/, pagingGroupBy(params, setScheduleGroups)];
+                        return [4 /*yield*/, pagingGroupBy(params, setScheduleGroups, handleLoading)];
                     case 2:
                         _b.sent();
                         return [3 /*break*/, 4];
@@ -146,7 +157,7 @@ var CampaignScheduleContainer = function (_a) {
                     case 4: return [3 /*break*/, 8];
                     case 5:
                         _b.trys.push([5, 7, , 8]);
-                        return [4 /*yield*/, paging(params, setScheduleGroups)];
+                        return [4 /*yield*/, paging(params, setScheduleGroups, handleLoading)];
                     case 6:
                         _b.sent();
                         return [3 /*break*/, 8];
@@ -181,18 +192,20 @@ var CampaignScheduleContainer = function (_a) {
         }
     };
     var getAllDomains = function () {
-        handleLoading('domains', true);
-        domains()
-            .then(function (res) {
-            setOptions(function (prevState) { return (__assign(__assign({}, prevState), { domains: lodash_1.default.keyBy(res, 'domainId') })); });
-        })
-            .catch(function (error) {
-            console.log(error);
-            // snackbar("error");
-        })
-            .finally(function () {
-            handleLoading('domains', false);
-        });
+        if (domains) {
+            handleLoading('domains', true);
+            domains()
+                .then(function (res) {
+                setOptions(function (prevState) { return (__assign(__assign({}, prevState), { domains: lodash_1.default.keyBy(res, 'domainId') })); });
+            })
+                .catch(function (error) {
+                console.log(error);
+                // snackbar("error");
+            })
+                .finally(function () {
+                handleLoading('domains', false);
+            });
+        }
     };
     var fetchCampaignCurrentRun = function () { return __awaiter(void 0, void 0, void 0, function () {
         return __generator(this, function (_a) {
@@ -303,8 +316,7 @@ var CampaignScheduleContainer = function (_a) {
         ], false), panels.slice(indexMatch + 1), true));
         setPanels(newPanels);
     }
-    console.log('scheduleGroups :>> ', scheduleGroups);
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_helmet_async_1.HelmetProvider, { children: (0, jsx_runtime_1.jsx)(react_helmet_async_1.Helmet, { children: (0, jsx_runtime_1.jsx)("title", { children: t('Schedule.TrafficDistribution') }) }) }), (0, jsx_runtime_1.jsx)(ContentHeader_1.default, { title: t('Schedule.TrafficDistribution') }), (0, jsx_runtime_1.jsxs)(material_1.Paper, { children: [(0, jsx_runtime_1.jsx)(ControlPanel_1.default, { campaigns: (_b = options === null || options === void 0 ? void 0 : options.campaigns) !== null && _b !== void 0 ? _b : {}, panels: panels, unGroupField: unGroupField, onDragStart: onDragStart, onDragOver: onDragOver, onDrop: onDrop, handleView: handleView, handleExportExcel: handleExportExcel, handleFilters: handleFilters, loadingFlags: loadingFlags, placeMultiSelectComponent: placeMultiSelectComponent }), loadingFlags.pages ||
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_helmet_async_1.HelmetProvider, { children: (0, jsx_runtime_1.jsx)(react_helmet_async_1.Helmet, { children: (0, jsx_runtime_1.jsx)("title", { children: title }) }) }), (0, jsx_runtime_1.jsx)(ContentHeader_1.default, { title: title }), (0, jsx_runtime_1.jsxs)(material_1.Paper, { children: [(0, jsx_runtime_1.jsx)(ControlPanel_1.default, { campaigns: (_b = options === null || options === void 0 ? void 0 : options.campaigns) !== null && _b !== void 0 ? _b : {}, panels: panels, unGroupField: unGroupField, onDragStart: onDragStart, onDragOver: onDragOver, onDrop: onDrop, handleView: handleView, handleExportExcel: handleExportExcel, handleFilters: handleFilters, loadingFlags: loadingFlags, placeMultiSelectComponent: placeMultiSelectComponent, disabledCampaignFilter: disabledCampaignFilter, isFutureDate: isFutureDate }), loadingFlags.pages ||
                         loadingFlags.campaigns ||
                         loadingFlags.places ? ((0, jsx_runtime_1.jsx)("div", { style: { width: '100%' }, children: (0, jsx_runtime_1.jsx)(CircularProgress_1.CircularProgress, {}) })) : ((0, jsx_runtime_1.jsx)(component_1.default, { headCells: headCells, onDragOver: onDragOver, onDragStart: onDragStart, onDrop: onDrop, scheduleGroups: scheduleGroups, page: page, handleChangePage: handleChangePage, handleChangeRowsPerPage: handleChangeRowsPerPage, options: options, filters: filters, serviceCampaignSchedule: serviceCampaignSchedule }))] })] }));
 };

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

@@ -4,8 +4,18 @@ export interface ICampaignScheduleContainerProps {
     initialFilters: any;
     initialHeadCells: IHeadCells[];
     placeMultiSelectComponent: (p?: any) => JSX.Element;
-    serviceCampaignSchedule: any;
+    serviceCampaignSchedule: {
+        pagingGroupBy: any;
+        paging: any;
+        exportExcel: any;
+        placesPermission?: any;
+        campaignPlan?: any;
+        domains?: any;
+    };
     typeSystemAXN?: boolean;
+    title: string;
+    disabledCampaignFilter?: boolean;
+    isFutureDate?: boolean;
 }
 export interface ILoadingFlags {
     campaigns?: boolean;
@@ -85,6 +95,7 @@ export interface IFilters {
     startDate: moment.Moment;
     endDate: moment.Moment;
     campaignId: string;
+    domainId?: string;
     placeIds: [];
     groupBy?: string;
 }
@@ -93,7 +104,7 @@ export interface ICampaignSchedulesComponentProps {
     onDragOver: (e: any) => void;
     onDragStart: (e: any) => void;
     onDrop: (e: any, i: any) => void;
-    scheduleGroups: IPagedList_1OfCampaignScheduleGroup;
+    scheduleGroups: any;
     page: {
         pageSize: number;
         pageIndex: number;
@@ -173,6 +184,8 @@ export interface IControlPanelProps {
     panels: IHeadCells[];
     loadingFlags: ILoadingFlags;
     placeMultiSelectComponent: (p?: any) => JSX.Element;
+    disabledCampaignFilter?: boolean;
+    isFutureDate?: boolean;
 }
 export interface IGroupPanelProps {
     unGroupField: any;
@@ -187,6 +200,8 @@ export interface IFiltersProps {
     loadingFlags: ILoadingFlags;
     placeMultiSelectComponent: (p?: any) => JSX.Element;
     handleExportExcel: () => void;
+    disabledCampaignFilter?: boolean;
+    isFutureDate?: boolean;
 }
 export interface IOptions {
     campaigns: any;

package/lib/ACM-AXN/Directory/DomainDirectory/DomainDirectory.test.js

@@ -74,6 +74,7 @@ describe('DomainDirectory', function () {
                                 i18next: {},
                                 service: { directoriesGetAll: directoriesGetAll },
                                 appHelper: {},
+                                transactionType: {},
                             }, children: (0, jsx_runtime_1.jsx)(_1.default, { rootDirectoryId: '0' }) }) }));
                     loading = react_1.screen.getByRole('progressbar');
                     expect(loading).toBeInTheDocument();