awing-library 2.1.78-beta → 2.1.78

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

@@ -123,35 +123,31 @@ var RowAdvanceContainer = function (_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, handleLoading)];
+                        _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, handleLoading)];
-                    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*/];
                 }
             });
         });
@@ -170,33 +166,36 @@ var RowAdvanceContainer = function (_a) {
             getDetails(filterByOfRowAdvance, groupNames[priorityGroupLevel], pages === null || pages === void 0 ? void 0 : pages.pageSize, pages === null || pages === void 0 ? void 0 : pages.pageIndex);
         }
     };
-    var handleOnClickCampaignStatistic = function (value) {
-        var _a, _b, _c;
-        if (groupNames[priorityGroupLevel - 1] ===
-            Enum_1.HEAD_CELL_NAMES.PLACE_CAMPAIGN) {
-            filters.placeIds = [(_a = value === null || value === void 0 ? void 0 : value.place) === null || _a === void 0 ? void 0 : _a.placeId];
-        }
-        if (groupNames[priorityGroupLevel - 1] ===
-            Enum_1.HEAD_CELL_NAMES.DOMAIN_CAMPAIGN) {
-            filters.domainId = (_b = value === null || value === void 0 ? void 0 : value.domain) === null || _b === void 0 ? void 0 : _b.domainId;
-        }
-        if (groupNames[priorityGroupLevel - 1] ===
-            Enum_1.HEAD_CELL_NAMES.CAMPAIGN_CAMPAIGN) {
-            filters.campaignId = (_c = value === null || value === void 0 ? void 0 : value.campaign) === null || _c === void 0 ? void 0 : _c.campaignId;
-        }
-        if (filters.placeIds.includes(undefined)) {
+    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(filters, groupNames[priorityGroupLevel], pages === null || pages === void 0 ? void 0 : pages.pageSize, pages === null || pages === void 0 ? void 0 : pages.pageIndex);
+            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;
+    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 () {
-                    headCells.length > 6
+                    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
@@ -205,13 +204,16 @@ var RowAdvanceContainer = function (_a) {
                         ? 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) {

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

@@ -88,6 +88,10 @@ var TableHeaderDragable = function (_a) {
                 return t('Schedule.Date');
             case Enum_1.HEAD_CELL_IDS.IMPRESSION:
                 return t('Common.Impression');
+            case Enum_1.HEAD_CELL_IDS.AUTHENTICATION:
+                return Enum_1.HEAD_CELL_NAMES.AUTHENTICATION;
+            case Enum_1.HEAD_CELL_IDS.ER:
+                return Enum_1.HEAD_CELL_NAMES.ER + ' (%)';
             case Enum_1.HEAD_CELL_IDS.FINAL_CLICK:
                 return t('Common.FinalClick');
             case Enum_1.HEAD_CELL_IDS.CTR:
@@ -95,7 +99,7 @@ var TableHeaderDragable = function (_a) {
             case Enum_1.HEAD_CELL_IDS.RATE:
                 return "".concat(t('Schedule.Rate'), " (%)");
             case Enum_1.HEAD_CELL_IDS.TOTAL:
-                return "".concat(t('Schedule.Total'), " (").concat(t('Common.Impression'), ")");
+                return t('Schedule.Total');
             default:
                 return '';
         }

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

@@ -1,4 +1,4 @@
-export declare const DataSetConfigs: (exportData: any, campaigns: any, places: any, t: any) => {
+export declare const DataSetConfigs: (exportData: any, campaigns: any, places: any, t: any, isBilling: boolean) => {
     results: {
         columns: any[];
         data: any[];

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

@@ -10,8 +10,8 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DataSetConfigs = void 0;
-var helper_1 = require("./helper");
-var DataSetConfigs = function (exportData, campaigns, places, t) {
+var Helpers_1 = require("../../Utils/Helpers");
+var DataSetConfigs = function (exportData, campaigns, places, t, isBilling) {
     var results = [
         {
             columns: [t('Schedule.ReportCampaignSchedule')],
@@ -40,12 +40,17 @@ var DataSetConfigs = function (exportData, campaigns, places, t) {
                     { value: campaignName, style: { font: { sz: '13' } } },
                     { value: placeName, style: { font: { sz: '13' } } },
                     {
-                        value: (0, helper_1.timestampToStringDDMMYYYY)(data.date),
+                        value: (0, Helpers_1.timestampToStringDDMMYYYY)(data.date),
                         style: { font: { sz: '13' } },
                     },
-                    { value: data.rate, style: { font: { sz: '13' } } },
                     {
-                        value: data.totalQuantity,
+                        value: isBilling ? data.rateBilling : data.rate || 0,
+                        style: { font: { sz: '13' } },
+                    },
+                    {
+                        value: isBilling
+                            ? data.totalQuantityBilling
+                            : data.totalQuantity || 0,
                         style: { font: { sz: '12' } },
                     },
                 ];

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

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

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

@@ -11,7 +11,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DataSetConfigsAXN = void 0;
 var Helpers_1 = require("../../Utils/Helpers");
-var DataSetConfigsAXN = function (t, exportData, domains, campaigns, places) {
+var DataSetConfigsAXN = function (t, exportData, domains, campaigns, places, isBilling) {
     return [
         {
             columns: [t('Schedule.ReportCampaignSchedule')],
@@ -22,7 +22,7 @@ var DataSetConfigsAXN = function (t, exportData, domains, campaigns, places) {
                 '#',
                 t('Schedule.Campaign'),
                 t('Schedule.Place'),
-                t('Schedule.Date'),
+                t('Schedule.    Date'),
                 "".concat(t('Schedule.Rate'), " (%)"),
                 t('Schedule.Total'),
             ],
@@ -45,9 +45,14 @@ var DataSetConfigsAXN = function (t, exportData, domains, campaigns, places) {
                         value: (0, Helpers_1.timestampToStringDDMMYYYY)(data.date),
                         style: { font: { sz: '13' } },
                     },
-                    { value: data.rate, style: { font: { sz: '13' } } },
                     {
-                        value: data.totalQuantity,
+                        value: isBilling ? data.rateBilling : data.rate || 0,
+                        style: { font: { sz: '13' } },
+                    },
+                    {
+                        value: isBilling
+                            ? data.totalQuantityBilling
+                            : data.totalQuantity || 0,
                         style: { font: { sz: '12' } },
                     },
                 ];

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

@@ -1,5 +1,7 @@
 import moment from "moment";
 export declare enum HEAD_CELL_IDS {
+    AUTHENTICATION = "authentication",
+    ER = "er",
     CONTROL = "collapse-stt",
     PLACE = "place",
     CAMPAIGN = "campaign",
@@ -18,6 +20,8 @@ export declare enum HEAD_CELL_IDS {
     CAMPAIGN_CAMPAIGN = "campaignCampaign"
 }
 export declare enum HEAD_CELL_NAMES {
+    AUTHENTICATION = "Engagement",
+    ER = "Er",
     CONTROL = "collapse-stt",
     PLACE = "placeid",
     CAMPAIGN = "campaignid",

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

@@ -7,6 +7,8 @@ exports.initialPage = exports.initialFilters = exports.BACKGROUND_COLOR = export
 var moment_1 = __importDefault(require("moment"));
 var HEAD_CELL_IDS;
 (function (HEAD_CELL_IDS) {
+    HEAD_CELL_IDS["AUTHENTICATION"] = "authentication";
+    HEAD_CELL_IDS["ER"] = "er";
     HEAD_CELL_IDS["CONTROL"] = "collapse-stt";
     HEAD_CELL_IDS["PLACE"] = "place";
     HEAD_CELL_IDS["CAMPAIGN"] = "campaign";
@@ -26,6 +28,8 @@ var HEAD_CELL_IDS;
 })(HEAD_CELL_IDS || (exports.HEAD_CELL_IDS = HEAD_CELL_IDS = {}));
 var HEAD_CELL_NAMES;
 (function (HEAD_CELL_NAMES) {
+    HEAD_CELL_NAMES["AUTHENTICATION"] = "Engagement";
+    HEAD_CELL_NAMES["ER"] = "Er";
     HEAD_CELL_NAMES["CONTROL"] = "collapse-stt";
     HEAD_CELL_NAMES["PLACE"] = "placeid";
     HEAD_CELL_NAMES["CAMPAIGN"] = "campaignid";

package/lib/ACM-AXN/CampaignSchedule/Recoil/Atom.d.ts

@@ -1,2 +1,3 @@
-import { IPlaceGroupPermission } from "../interface";
+import { IPlaceGroupPermission, ITypeView } from '../interface';
 export declare const placeGroupPermissionState: import("recoil").RecoilState<IPlaceGroupPermission>;
+export declare const CampaignScheduleTypeViewState: import("recoil").RecoilState<ITypeView>;

package/lib/ACM-AXN/CampaignSchedule/Recoil/Atom.js

@@ -1,9 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.placeGroupPermissionState = void 0;
+exports.CampaignScheduleTypeViewState = exports.placeGroupPermissionState = void 0;
 var recoil_1 = require("recoil");
+var Constant_1 = require("../../../ACM-AXN/Common/Constant");
 // Khi bắt đầu load sẽ thực hiện lấy thông tin placeGroupPermission cho placefilter.
 exports.placeGroupPermissionState = (0, recoil_1.atom)({
-    key: "PlaceGroupPermissionState",
+    key: 'PlaceGroupPermissionState',
     default: { placeGroups: [], places: [] },
 });
+exports.CampaignScheduleTypeViewState = (0, recoil_1.atom)({
+    key: 'CampaignScheduleTypeViewState',
+    default: { type: Constant_1.TypeView.billingUnit },
+});

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: {
@@ -48,7 +71,12 @@ var CampaignSchedulesComponent = function (_a) {
     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: (scheduleGroups === null || scheduleGroups === void 0 ? void 0 : scheduleGroups.totalItemCount) ? scheduleGroups === null || scheduleGroups === void 0 ? void 0 : scheduleGroups.totalItemCount : scheduleGroups === null || scheduleGroups === void 0 ? void 0 : scheduleGroups.total, 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
@@ -56,8 +84,8 @@ var CampaignSchedulesComponent = function (_a) {
                             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 = {
-                                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"),
+                                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,

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

@@ -1,3 +1,3 @@
 import { ICampaignScheduleContainerProps } from './interface';
-declare const CampaignScheduleContainer: ({ initialFilters, initialHeadCells, placeMultiSelectComponent, serviceCampaignSchedule, typeSystemAXN, title, disabledCampaignFilter, }: 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

@@ -62,6 +62,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var material_1 = require("@mui/material");
 var lodash_1 = __importDefault(require("lodash"));
+var recoil_1 = require("recoil");
 var react_1 = require("react");
 var react_helmet_async_1 = require("react-helmet-async");
 var react_i18next_1 = require("react-i18next");
@@ -72,10 +73,13 @@ var DataConfig_1 = require("./DataConfig");
 var DataConfigAXN_1 = require("./DataConfigAXN");
 var Enum_1 = require("./Enum");
 var component_1 = __importDefault(require("./component"));
+var Atom_1 = require("./Recoil/Atom");
+var Constant_1 = require("../../ACM-AXN/Common/Constant");
 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, title = _a.title, disabledCampaignFilter = _a.disabledCampaignFilter;
+    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 type = (0, recoil_1.useRecoilValue)(Atom_1.CampaignScheduleTypeViewState).type;
     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];
     var pagingGroupBy = serviceCampaignSchedule.pagingGroupBy, paging = serviceCampaignSchedule.paging, exportExcel = serviceCampaignSchedule.exportExcel, placesPermission = serviceCampaignSchedule.placesPermission, campaignPlan = serviceCampaignSchedule.campaignPlan, domains = serviceCampaignSchedule.domains;
@@ -172,8 +176,9 @@ var CampaignScheduleContainer = function (_a) {
         getScheduleGroupsData();
     }, [page.pageSize, page.pageIndex, view, filters.campaignId]);
     var handleExportExcel = function () {
+        var isBillingUnit = type === Constant_1.TypeView.billingUnit;
         var params = __assign(__assign({}, filters), { options: options });
-        exportExcel(params, typeSystemAXN ? DataConfigAXN_1.DataSetConfigsAXN : DataConfig_1.DataSetConfigs, t);
+        exportExcel(params, typeSystemAXN ? DataConfigAXN_1.DataSetConfigsAXN : DataConfig_1.DataSetConfigs, t, isBillingUnit);
     };
     var getAllPlaces = function () {
         if (placesPermission) {
@@ -316,7 +321,7 @@ var CampaignScheduleContainer = function (_a) {
         ], false), panels.slice(indexMatch + 1), true));
         setPanels(newPanels);
     }
-    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 }), 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/helper.d.ts

@@ -1,7 +1,5 @@
 import { ReactNode } from "react";
-export declare function roundDecimalNumber(number: any): string | null;
 export declare function dateToStringDDMMYYYY(date: any): string | null;
-export declare function timestampToStringDDMMYYYY(date: any): string | null;
 export type DataObject = {
     [key: string]: any;
 };

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

@@ -1,21 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.timestampToStringDDMMYYYY = exports.dateToStringDDMMYYYY = exports.roundDecimalNumber = void 0;
-function roundDecimalNumber(number) {
-    if (typeof number !== "number")
-        return null;
-    var str = JSON.stringify(Math.round(number * 1000000) / 1000000);
-    var signIndex = str.indexOf(".");
-    if (signIndex === -1) {
-        return str.replace(/(\d)(?=(\d{3})+(?!\d))/g, "$1,");
-    }
-    else {
-        return (str.slice(0, signIndex).replace(/(\d)(?=(\d{3})+(?!\d))/g, "$1,") +
-            str.slice(signIndex));
-    }
-}
-exports.roundDecimalNumber = roundDecimalNumber;
-// format: 'DD/MM/YYYY' => 07/02/2020
+exports.dateToStringDDMMYYYY = void 0;
 function dateToStringDDMMYYYY(date) {
     if (!date)
         return null;
@@ -26,11 +11,3 @@ function dateToStringDDMMYYYY(date) {
     return _date.toLocaleDateString("".concat(_language), options);
 }
 exports.dateToStringDDMMYYYY = dateToStringDDMMYYYY;
-// format: 'DD/MM/YYYY' => 07/02/2020
-function timestampToStringDDMMYYYY(date) {
-    if (!date)
-        return null;
-    // const _date = new Date(date.seconds * 1000);
-    return dateToStringDDMMYYYY(new Date(date.seconds * 1000));
-}
-exports.timestampToStringDDMMYYYY = timestampToStringDDMMYYYY;

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

@@ -15,6 +15,7 @@ export interface ICampaignScheduleContainerProps {
     typeSystemAXN?: boolean;
     title: string;
     disabledCampaignFilter?: boolean;
+    isFutureDate?: boolean;
 }
 export interface ILoadingFlags {
     campaigns?: boolean;
@@ -184,6 +185,7 @@ export interface IControlPanelProps {
     loadingFlags: ILoadingFlags;
     placeMultiSelectComponent: (p?: any) => JSX.Element;
     disabledCampaignFilter?: boolean;
+    isFutureDate?: boolean;
 }
 export interface IGroupPanelProps {
     unGroupField: any;
@@ -192,6 +194,9 @@ export interface IGroupPanelProps {
     onDrop: any;
     panels: any;
 }
+export interface ITypeView {
+    type: number;
+}
 export interface IFiltersProps {
     campaigns: {};
     handleFilters: (field: string, value: any) => void;
@@ -199,6 +204,7 @@ export interface IFiltersProps {
     placeMultiSelectComponent: (p?: any) => JSX.Element;
     handleExportExcel: () => void;
     disabledCampaignFilter?: boolean;
+    isFutureDate?: boolean;
 }
 export interface IOptions {
     campaigns: any;

package/lib/ACM-AXN/{Notifications → Common}/Constant.d.ts

@@ -1,12 +1,3 @@
-/**
- *
- * @author dauquan1108@gmail.com on 03/11/2024.
- *
- **/
-export declare const PAGE_CODES: {
-    PageCodeLogin: string;
-    PageCodeWelcome: string;
-};
 declare global {
     interface Window {
         REACT_APP_API_ENDPOINT: string;
@@ -23,6 +14,7 @@ declare global {
     }
 }
 export declare const Constants: {
+    API_ENDPOINT: string;
     ALL: string;
     ALL_STATUS: undefined;
     UNREAD: string;
@@ -30,17 +22,6 @@ export declare const Constants: {
     SELECT_ALL: string;
     NOTIFICATIONS_PATH: string;
     NOTIFICATION_SETTING_SCREEN_PATH: string;
-    APP_NAME: string;
-    API_ENDPOINT: string;
-    GOONG_MAP_KEY: string;
-    GOONG_API_KEY: string;
-    CAPTIVE_DOMAIN: string;
-    ID_DOMAIN: string;
-    FILE_STATIC_PATH: string;
-    FILE_TEMP_PATH: string;
-    TEMPLATE_FILE_PATH: string;
-    REACT_APP_I18NEXT_BACKEND: string;
-    CLIENT_ID: string;
     PAGE_SIZE_DEFAULT: number;
     DEFAULT_ROWS_PER_PAGE: number[];
     NUMBER_DOMAIN_FAVORITE: number;
@@ -70,6 +51,10 @@ export declare const Constants: {
     DIRECTORY_ADD_PERMISSION_ADD_NEWAUTHEN_PATH: string;
     SYSTEM_DIRECTORY_PERMISSION_PATH: string;
     MENU_DIRECTORY_PERMISSION_PATH: string;
+    MENU_DIRECTORY_ADD_PERMISSION: string;
+    CREATE_DIRECTORY: string;
+    EDIT_DIRECTORY: string;
+    DIRECTORY: string;
     CAMPAIGN_PATH: string;
     CAMPAIGN_CREATE_DIRECTORY: string;
     CAMPAIGN_CREATE: string;
@@ -92,6 +77,15 @@ export declare const Constants: {
     CAMPAIGN_ADD_PERMISSION: string;
     CAMPAIGN_EDIT_PAGE: string;
     CAMPAIGN_MATCH_RATE: string;
+    CAMPAIGN_SUBCAMPAIGN: string;
+    CAMPAIGN_STATISTICS: string;
+    CAMPAIGN_CONNECT: string;
+    CAMPAIGN_PERMISSION: string;
+    CAPTIVE_DOMAIN: any;
+    CAMPAIGN_PREVIEW: string;
+    DOMAIN_PREVIEW: string;
+    PAGE_LOGIN_PREVIEW: string;
+    TEMPLATE_PREVIEW: string;
     PAGE_LOGIN: string;
     PAGE_WELCOME: string;
     USER_PATH: string;
@@ -143,4 +137,23 @@ export declare const Constants: {
     DEBOUNCE_TIME_500: number;
     DEBOUNCE_TIME_300: number;
     ACM_TEMPLATE_PATH: string;
+    PAGE: string;
+    PAGE_CREATE_DIRECTORY: string;
+};
+/**
+ *  ValueAnalyticType  dùng để truy xuất dữ liệu trong các file "runs" và "expecteds" filter phần thống kê.
+ **/
+export declare const ValueAnalyticType: {
+    VIEW: string;
+    AUTHENTICATION: string;
+    CLICK: string;
+};
+/**
+ *  TypeView kịch bản filter trong phần thống kê.
+ *  billingUnit: 0, // Đơn vị tính, dựa vào trường "billingUnit" => 1: "Authentication", 2: "Click"
+ *  impression: 1, // Lượt hiển thị, "View"
+ **/
+export declare const TypeView: {
+    billingUnit: number;
+    impression: number;
 };