awing-library 2.1.73 → 2.1.74

package/lib/ACM-AXN/Campaign/CreateOrEdit/TabStatistic/Analytic/Utils.d.ts

@@ -1,20 +1,17 @@
 import { CampaignGroupModel } from '../../../../../ACM-AXN/Campaign/Types';
-import { IAnalyticCampaignSummary } from '../Types';
 import { AnalyticType } from '../../../../../ACM-AXN/Common/Enum';
 import { DataObject } from '../../../../../AWING';
-export declare function convertToExportDataGroupBy(data: any, objects: any, timelineType: any, groupBy: any): {
-    columns: any[];
-    data: any;
-}[];
-export declare function convertToExportData(data: DataObject[], places: any, timelineType: any): {
-    columns: string[];
-    data: any[][];
-}[];
-export declare function convertToExport(subCampaigns: CampaignGroupModel[], data: DataObject[], timelineType: any, places: any[]): any[];
+import { AdministrativeUnit, IAnalyticCampaignSummary } from '../Types';
+export declare function convertToExportDataGroupBy(data: any, objects: any, timelineType: any, groupBy: any, campaignName: string): any[];
+export declare function convertToExportData(data: DataObject[], places: any, timelineType: any, campaignName: string, fullPlaces?: AdministrativeUnit[]): any[];
+export declare function convertToExport(subCampaigns: CampaignGroupModel[], data: DataObject[], timelineType: any, places: any[], campaignName: string, fullPlaces?: AdministrativeUnit[]): any[];
+export declare function convertToExportByAd(subCampaigns: CampaignGroupModel[], data: DataObject[], timelineType: any, campaignName: string): any[];
 export declare function placesToDomains(places: any[], domains?: any[]): any[];
 export declare const markBillingType: (subCampaigns: CampaignGroupModel[], data: IAnalyticCampaignSummary[]) => any[];
 export declare function convertToShowDetail(subCampaigns: CampaignGroupModel[], data: IAnalyticCampaignSummary[], selectedDomains: any[], selectedPlaces: any[]): any[];
 export declare function dataGroupByTimeline(place: any, data: DataObject[], timelineType: any): any[][];
+export declare function dataGroupByTimelineAndPlaces(place: any, province: string, district: string, data: DataObject[], timelineType: any): any[][];
+export declare function dataGroupByAd(data: DataObject[], timelineType: any): (string | number)[][];
 export declare function dataGroupByPlace(subCampaigns: CampaignGroupModel[], ids: any): any[];
 export declare function campaignAnalyticInfo(subCampaigns: CampaignGroupModel[]): {
     analyticTypes: AnalyticType[];

package/lib/ACM-AXN/Campaign/CreateOrEdit/TabStatistic/Analytic/Utils.js

@@ -46,16 +46,36 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.groupBy = exports.convertToChartData = exports.campaignAnalyticInfo = exports.dataGroupByPlace = exports.dataGroupByTimeline = exports.convertToShowDetail = exports.markBillingType = exports.placesToDomains = exports.convertToExport = exports.convertToExportData = exports.convertToExportDataGroupBy = void 0;
+exports.groupBy = exports.convertToChartData = exports.campaignAnalyticInfo = exports.dataGroupByPlace = exports.dataGroupByAd = exports.dataGroupByTimelineAndPlaces = exports.dataGroupByTimeline = exports.convertToShowDetail = exports.markBillingType = exports.placesToDomains = exports.convertToExportByAd = exports.convertToExport = exports.convertToExportData = exports.convertToExportDataGroupBy = void 0;
 var Enum_1 = require("../../../../../ACM-AXN/Campaign/Enum");
+var Enum_2 = require("../../../../../ACM-AXN/Common/Enum");
 var Helpers_1 = require("../../../../../Utils/Helpers");
 var lodash_1 = __importStar(require("lodash"));
+var moment_1 = __importDefault(require("moment"));
 var i18n_1 = __importDefault(require("../../../../../i18n"));
-var Enum_2 = require("../../../../../ACM-AXN/Common/Enum");
-function convertToExportDataGroupBy(data, objects, timelineType, groupBy) {
+var addHeaderExcel = function (result, campaignName) {
+    var timeExport = (0, moment_1.default)().format('DD/MM/YYYY, H:mm');
+    result.push({
+        columns: [i18n_1.default.t('Common.CampaignName'), campaignName],
+        data: [],
+    }, {
+        columns: [i18n_1.default.t('Common.Channel'), 'AWING Wi-Fi'],
+        data: [],
+    }, {
+        columns: [i18n_1.default.t('Common.DateGenerated'), timeExport],
+        data: [],
+    }, {
+        columns: [i18n_1.default.t('Common.Timezone'), 'GMT+7'],
+        data: [],
+    }, {
+        columns: [],
+        data: [],
+    });
+};
+function convertToExportDataGroupBy(data, objects, timelineType, groupBy, campaignName) {
     var result = [];
-    var hasSpot = data.some(function (x) { return x.isSPot; });
     var spotTitle = i18n_1.default.t('Common.Spot');
+    addHeaderExcel(result, campaignName);
     var exportData = objects
         .map(function (object, key) {
         var placeIds = object.places.map(function (plc) { return plc.placeId; });
@@ -72,55 +92,42 @@ function convertToExportDataGroupBy(data, objects, timelineType, groupBy) {
     result.push({
         columns: [
             groupBy,
-            'Time',
+            i18n_1.default.t('Common.Date'),
             i18n_1.default.t('Common.Impression'),
-            i18n_1.default.t('Common.Engagement'),
-            spotTitle
-        ].map(function (item) {
-            // eslint-disable-next-line eqeqeq
-            if (item == spotTitle && !hasSpot) {
-                return '';
-            }
-            return item;
-        }),
-        data: exportData.map(function (d) {
-            if (!hasSpot) {
-                d.pop();
-                d.push('');
-            }
-            return d;
-        }),
+            i18n_1.default.t('Common.Engagement') + '(Spot)',
+            spotTitle,
+        ],
+        data: exportData,
     });
     return result;
 }
 exports.convertToExportDataGroupBy = convertToExportDataGroupBy;
-function convertToExportData(data, places, timelineType) {
+function convertToExportData(data, places, timelineType, campaignName, fullPlaces) {
     var result = [];
     var spotTitle = i18n_1.default.t('Common.Spot');
-    var hasSpot = data.some(function (x) { return x.isSPot; });
+    addHeaderExcel(result, campaignName);
     result.push({
         columns: [
-            'Place',
-            'Time',
+            i18n_1.default.t('Common.Location'),
+            i18n_1.default.t('Common.CityProvince'),
+            i18n_1.default.t('Common.District'),
+            i18n_1.default.t('Common.Date'),
             i18n_1.default.t('Common.Impression'),
-            i18n_1.default.t('Campaign.Engagement'),
+            i18n_1.default.t('Campaign.Engagement') + '(Spot)',
             spotTitle,
-        ].map(function (item) {
-            // eslint-disable-next-line eqeqeq
-            if (item == spotTitle && !hasSpot) {
-                return '';
-            }
-            return item;
-        }),
-        data: dataGroupByTimeline('All', data, timelineType),
+        ],
+        data: dataGroupByTimelineAndPlaces('All', 'All', 'All', data, timelineType),
     });
     Array.prototype.push.apply(result, (0, lodash_1.chain)(data)
         .groupBy('placeId')
         .map(function (value, key) {
+        var _a, _b;
         var place = places.find(function (x) { return x.placeId === key; });
+        var province = (_a = fullPlaces === null || fullPlaces === void 0 ? void 0 : fullPlaces.find(function (z) { return z.code === (place === null || place === void 0 ? void 0 : place.provinceCode); })) === null || _a === void 0 ? void 0 : _a.name;
+        var district = (_b = fullPlaces === null || fullPlaces === void 0 ? void 0 : fullPlaces.find(function (z) { return z.code === (place === null || place === void 0 ? void 0 : place.districtCode); })) === null || _b === void 0 ? void 0 : _b.name;
         var placeData = {
             columns: Array(7).fill(''),
-            data: dataGroupByTimeline(place ? place.name : key, value, timelineType)
+            data: dataGroupByTimelineAndPlaces(place ? place.name : key, province !== null && province !== void 0 ? province : '', district !== null && district !== void 0 ? district : '', value, timelineType),
         };
         return placeData;
     })
@@ -128,10 +135,11 @@ function convertToExportData(data, places, timelineType) {
     return result;
 }
 exports.convertToExportData = convertToExportData;
-function convertToExport(subCampaigns, data, timelineType, places) {
+function convertToExport(subCampaigns, data, timelineType, places, campaignName, fullPlaces) {
     var result = [];
     var isShouldHeader = true;
     var spotTitle = i18n_1.default.t('Common.Spot');
+    addHeaderExcel(result, campaignName);
     subCampaigns.forEach(function (sub) {
         var _a;
         (_a = sub === null || sub === void 0 ? void 0 : sub.ads) === null || _a === void 0 ? void 0 : _a.forEach(function (ad) {
@@ -143,7 +151,7 @@ function convertToExport(subCampaigns, data, timelineType, places) {
                     d.campaignAdId === ad.id);
             })
                 // eslint-disable-next-line no-sequences
-                .map(function (x) { return (hasSpot = hasSpot || x.isSPot, (__assign(__assign({}, x), Object.assign.apply(Object, __spreadArray(__spreadArray([{}], Object.values(Enum_1.BaseEvent).map(function (v) {
+                .map(function (x) { return ((hasSpot = hasSpot || x.isSPot), __assign(__assign({}, x), Object.assign.apply(Object, __spreadArray(__spreadArray([{}], Object.values(Enum_1.BaseEvent).map(function (v) {
                 var _a;
                 return (_a = {},
                     _a[v] = 0,
@@ -153,51 +161,39 @@ function convertToExport(subCampaigns, data, timelineType, places) {
                 return (_a = {},
                     _a[y.eventLabel] = y.total,
                     _a);
-            }), false))))); });
+            }), false)))); });
             result.push({
-                columns: (isShouldHeader
+                columns: isShouldHeader
                     ? [
-                        'Sub-campaign',
+                        i18n_1.default.t('Common.SubCampaign'),
                         'Ad',
-                        'Place',
-                        'Time',
+                        i18n_1.default.t('Common.Location'),
+                        i18n_1.default.t('Common.CityProvince'),
+                        i18n_1.default.t('Common.District'),
+                        i18n_1.default.t('Common.Date'),
                         i18n_1.default.t('Common.Impression'),
-                        i18n_1.default.t("Campaign.Engagement"),
+                        i18n_1.default.t('Campaign.Engagement') + '(Spot)',
                         spotTitle,
                     ]
-                    : Array(7).fill('')).map(function (item) {
-                    if (item === spotTitle && !hasSpot) {
-                        return '';
-                    }
-                    return item;
-                }),
-                data: dataGroupByTimeline('All', adData, timelineType).map(function (d) { var _a; return __spreadArray([(_a = sub === null || sub === void 0 ? void 0 : sub.campaignGroup) === null || _a === void 0 ? void 0 : _a.name, ad === null || ad === void 0 ? void 0 : ad.name], d, true); }).map(function (d) {
-                    if (!hasSpot) {
-                        d.pop();
-                        d.push('');
-                    }
-                    return d;
-                }),
+                    : Array(7).fill(''),
+                data: dataGroupByTimelineAndPlaces('All', 'All', 'All', adData, timelineType).map(function (d) { var _a; return __spreadArray([(_a = sub === null || sub === void 0 ? void 0 : sub.campaignGroup) === null || _a === void 0 ? void 0 : _a.name, ad === null || ad === void 0 ? void 0 : ad.name], d, true); }),
             });
             isShouldHeader = false;
             Array.prototype.push.apply(result, (0, lodash_1.chain)(adData)
                 .groupBy('placeId')
                 .map(function (value, key) {
+                var _a, _b;
                 var place = places.find(function (x) { return x.placeId === key; });
+                var province = (_a = fullPlaces === null || fullPlaces === void 0 ? void 0 : fullPlaces.find(function (z) { return z.code === (place === null || place === void 0 ? void 0 : place.provinceCode); })) === null || _a === void 0 ? void 0 : _a.name;
+                var district = (_b = fullPlaces === null || fullPlaces === void 0 ? void 0 : fullPlaces.find(function (z) { return z.code === (place === null || place === void 0 ? void 0 : place.districtCode); })) === null || _b === void 0 ? void 0 : _b.name;
                 var placeData = {
                     columns: Array(7).fill(''),
-                    data: dataGroupByTimeline(place ? (place === null || place === void 0 ? void 0 : place.name) || place.placeId : key, value, timelineType).map(function (d) {
+                    data: dataGroupByTimelineAndPlaces(place ? (place === null || place === void 0 ? void 0 : place.name) || place.placeId : key, province !== null && province !== void 0 ? province : '', district !== null && district !== void 0 ? district : '', value, timelineType).map(function (d) {
                         var _a;
                         return __spreadArray([
                             (_a = sub === null || sub === void 0 ? void 0 : sub.campaignGroup) === null || _a === void 0 ? void 0 : _a.name,
                             ad === null || ad === void 0 ? void 0 : ad.name
                         ], d, true);
-                    }).map(function (d) {
-                        if (!hasSpot) {
-                            d.pop();
-                            d.push('');
-                        }
-                        return d;
                     }),
                 };
                 return placeData;
@@ -208,6 +204,63 @@ function convertToExport(subCampaigns, data, timelineType, places) {
     return result;
 }
 exports.convertToExport = convertToExport;
+function convertToExportByAd(subCampaigns, data, timelineType, campaignName) {
+    var result = [];
+    var isShouldHeader = true;
+    var spotTitle = i18n_1.default.t('Common.Spot');
+    addHeaderExcel(result, campaignName);
+    subCampaigns.forEach(function (sub) {
+        var _a;
+        (_a = sub === null || sub === void 0 ? void 0 : sub.ads) === null || _a === void 0 ? void 0 : _a.forEach(function (ad) {
+            var hasSpot = false;
+            var adData = data
+                .filter(function (d) {
+                var _a;
+                return (d.campaignGroupId === ((_a = sub === null || sub === void 0 ? void 0 : sub.campaignGroup) === null || _a === void 0 ? void 0 : _a.id) &&
+                    d.campaignAdId === ad.id);
+            })
+                // eslint-disable-next-line no-sequences
+                .map(function (x) { return ((hasSpot = hasSpot || x.isSPot), __assign(__assign({}, x), Object.assign.apply(Object, __spreadArray(__spreadArray([{}], Object.values(Enum_1.BaseEvent).map(function (v) {
+                var _a;
+                return (_a = {},
+                    _a[v] = 0,
+                    _a);
+            }), false), x.analyticEventSummaries.map(function (y) {
+                var _a;
+                return (_a = {},
+                    _a[y.eventLabel] = y.total,
+                    _a);
+            }), false)))); });
+            result.push({
+                columns: isShouldHeader
+                    ? [
+                        'Ad',
+                        i18n_1.default.t('Common.Date'),
+                        i18n_1.default.t('Common.Impression'),
+                        i18n_1.default.t('Campaign.Engagement') + '(Spot)',
+                        spotTitle,
+                    ]
+                    : Array(7).fill(''),
+                data: dataGroupByAd(adData, timelineType).map(function (d) { return __spreadArray([
+                    ad === null || ad === void 0 ? void 0 : ad.name
+                ], d, true); }),
+            });
+            isShouldHeader = false;
+            Array.prototype.push.apply(result, (0, lodash_1.chain)(adData)
+                .groupBy('placeId')
+                .map(function (value, key) {
+                var placeData = {
+                    columns: Array(7).fill(''),
+                    data: dataGroupByAd(value, timelineType).map(function (d) { return __spreadArray([ad === null || ad === void 0 ? void 0 : ad.name], d, true); }),
+                };
+                return placeData;
+            })
+                .value());
+        });
+    });
+    return result;
+}
+exports.convertToExportByAd = convertToExportByAd;
 function placesToDomains(places, domains) {
     var _a, _b;
     if (domains === void 0) { domains = []; }
@@ -238,22 +291,26 @@ function placesToDomains(places, domains) {
     return groupDomain;
 }
 exports.placesToDomains = placesToDomains;
-var markBillingType = function (subCampaigns, data) { return data.map(function (x, index) {
-    var _a;
-    // eslint-disable-next-line eqeqeq
-    var _b = subCampaigns.find(function (c) { return c.campaignGroup.id == x.campaignGroupId; }), campaignGroup = _b.campaignGroup, ads = _b.ads;
-    return __assign(__assign(__assign({}, x), Object.assign.apply(Object, __spreadArray(__spreadArray([{}], Object.values(Enum_1.BaseEvent).map(function (v) {
+var markBillingType = function (subCampaigns, data) {
+    return data.map(function (x, index) {
         var _a;
-        return (_a = {},
-            _a[v] = 0,
-            _a);
-    }), false), x.analyticEventSummaries.map(function (y) {
-        var _a;
-        return (_a = {},
-            _a[y.eventLabel] = y.total,
-            _a);
-    }), false))), { billingUnit: campaignGroup.billingUnit, isSPot: campaignGroup.billingUnit === Enum_2.AnalyticType.AUTHENTICATION && ((_a = ads.find(function (ad) { return ad.id === x.campaignAdId; })) === null || _a === void 0 ? void 0 : _a.type) === Enum_1.AdType.VIDEO });
-}); };
+        // eslint-disable-next-line eqeqeq
+        var _b = subCampaigns.find(function (c) { return c.campaignGroup.id == x.campaignGroupId; }), campaignGroup = _b.campaignGroup, ads = _b.ads;
+        return __assign(__assign(__assign({}, x), Object.assign.apply(Object, __spreadArray(__spreadArray([{}], Object.values(Enum_1.BaseEvent).map(function (v) {
+            var _a;
+            return (_a = {},
+                _a[v] = 0,
+                _a);
+        }), false), x.analyticEventSummaries.map(function (y) {
+            var _a;
+            return (_a = {},
+                _a[y.eventLabel] = y.total,
+                _a);
+        }), false))), { billingUnit: campaignGroup.billingUnit, isSPot: campaignGroup.billingUnit === Enum_2.AnalyticType.AUTHENTICATION &&
+                ((_a = ads.find(function (ad) { return ad.id === x.campaignAdId; })) === null || _a === void 0 ? void 0 : _a.type) ===
+                    Enum_1.AdType.VIDEO });
+    });
+};
 exports.markBillingType = markBillingType;
 function convertToShowDetail(subCampaigns, data, selectedDomains, selectedPlaces) {
     var placeIds = selectedPlaces.map(function (p) { return p.placeId; });
@@ -265,20 +322,23 @@ function convertToShowDetail(subCampaigns, data, selectedDomains, selectedPlaces
             var adPlaces = ((_a = ad === null || ad === void 0 ? void 0 : ad.places) === null || _a === void 0 ? void 0 : _a.concat(((_b = ad === null || ad === void 0 ? void 0 : ad.deletedPlaces) === null || _b === void 0 ? void 0 : _b.map(function (item) { return (__assign(__assign({}, item), { isDeleted: true })); })) || [])) || [];
             (0, lodash_1.uniqBy)(
             // adPlaces.filter((p) => placeIds.includes(p.placeId)),
-            placeIds.length ? adPlaces.filter(function (p) { return placeIds.includes(p.placeId); }) : adPlaces, 'placeId').forEach(function (place) {
+            placeIds.length
+                ? adPlaces.filter(function (p) { return placeIds.includes(p.placeId); })
+                : adPlaces, 'placeId').forEach(function (place) {
                 var domain = selectedDomains.find(function (s) { return s.domainId === (place === null || place === void 0 ? void 0 : place.domainId); });
                 var totalClick = data
                     .filter(function (d) {
                     var _a;
-                    return d.placeId === place.placeId
-                        && d.campaignGroupId === ((_a = sub === null || sub === void 0 ? void 0 : sub.campaignGroup) === null || _a === void 0 ? void 0 : _a.id)
-                        && d.campaignAdId === (ad === null || ad === void 0 ? void 0 : ad.id);
+                    return d.placeId === place.placeId &&
+                        d.campaignGroupId === ((_a = sub === null || sub === void 0 ? void 0 : sub.campaignGroup) === null || _a === void 0 ? void 0 : _a.id) &&
+                        d.campaignAdId === (ad === null || ad === void 0 ? void 0 : ad.id);
                 })
                     .reduce(function (sum, d) {
                     var _a;
                     var event = (_a = d.analyticEventSummaries) === null || _a === void 0 ? void 0 : _a.find(function (_a) {
                         var eventLabel = _a.eventLabel;
-                        return (eventLabel === Enum_1.BaseEvent[sub.campaignGroup.billingUnit]);
+                        return eventLabel ===
+                            Enum_1.BaseEvent[sub.campaignGroup.billingUnit];
                     });
                     return sum + ((event === null || event === void 0 ? void 0 : event.total) || 0);
                 }, 0);
@@ -302,55 +362,118 @@ function convertToShowDetail(subCampaigns, data, selectedDomains, selectedPlaces
 }
 exports.convertToShowDetail = convertToShowDetail;
 function dataGroupByTimeline(place, data, timelineType) {
-    var hasSpot = data.some(function (x) { return x.isSPot; });
     var result = (0, lodash_1.chain)(data)
         .groupBy('timeline')
         .map(function (value, key) {
         var dateString = (0, Helpers_1.dateTimeToString)((0, Helpers_1.convertTimelineToDateTime)(key, timelineType), timelineType === Helpers_1.TIMELINE_TYPE.DAY
             ? 'DD/MM/YYYY'
             : 'DD/MM/YYYY, H:mm');
-        // let impression = sumBy(value, BaseEvent[AnalyticType.VIEW])
         var impression = (0, lodash_1.sumBy)(value, Enum_1.BaseEvent[Enum_2.AnalyticType.VIEW]);
         var authen = value.reduce(function (sum, d) {
+            var _a, _b;
             if (d.isSPot) {
-                return sum + Number((d[Enum_1.BaseEvent[Enum_2.AnalyticType.AUTHENTICATION]] + d[Enum_1.BaseEvent[Enum_2.AnalyticType.CLICK]]) || 0);
+                return (sum +
+                    Number((_a = d[Enum_1.BaseEvent[Enum_2.AnalyticType.AUTHENTICATION]] +
+                        d[Enum_1.BaseEvent[Enum_2.AnalyticType.CLICK]]) !== null && _a !== void 0 ? _a : 0));
             }
-            return sum + Number(d[Enum_1.BaseEvent[Enum_2.AnalyticType.CLICK]] || 0);
+            return sum + Number((_b = d[Enum_1.BaseEvent[Enum_2.AnalyticType.CLICK]]) !== null && _b !== void 0 ? _b : 0);
         }, 0);
-        var arr = [place, dateString, impression];
-        if (hasSpot) {
-            arr.push(0, authen);
-        }
-        else {
-            arr.push(authen, 0);
+        return [place, dateString, impression, authen];
+    })
+        .value();
+    var impressionTotal = (0, lodash_1.sumBy)(data, Enum_1.BaseEvent[Enum_2.AnalyticType.VIEW]);
+    var authenTotal = data.reduce(function (sum, d) {
+        var _a, _b;
+        if (d.isSPot) {
+            return ((_a = sum +
+                d[Enum_1.BaseEvent[Enum_2.AnalyticType.AUTHENTICATION]] +
+                d[Enum_1.BaseEvent[Enum_2.AnalyticType.CLICK]]) !== null && _a !== void 0 ? _a : 0);
         }
-        return arr;
+        return (_b = sum + d[Enum_1.BaseEvent[Enum_2.AnalyticType.CLICK]]) !== null && _b !== void 0 ? _b : 0;
+    }, 0);
+    var totalArr = [
+        place,
+        i18n_1.default.t('Schedule.Total'),
+        impressionTotal,
+        authenTotal,
+    ];
+    result.push(totalArr);
+    return result;
+}
+exports.dataGroupByTimeline = dataGroupByTimeline;
+function dataGroupByTimelineAndPlaces(place, province, district, data, timelineType) {
+    var result = (0, lodash_1.chain)(data)
+        .groupBy('timeline')
+        .map(function (value, key) {
+        var dateString = (0, Helpers_1.dateTimeToString)((0, Helpers_1.convertTimelineToDateTime)(key, timelineType), timelineType === Helpers_1.TIMELINE_TYPE.DAY
+            ? 'DD/MM/YYYY'
+            : 'DD/MM/YYYY, H:mm');
+        var impression = (0, lodash_1.sumBy)(value, Enum_1.BaseEvent[Enum_2.AnalyticType.VIEW]);
+        var authen = value.reduce(function (sum, d) {
+            if (d.isSPot) {
+                return (sum +
+                    Number(d[Enum_1.BaseEvent[Enum_2.AnalyticType.AUTHENTICATION]] +
+                        d[Enum_1.BaseEvent[Enum_2.AnalyticType.CLICK]] || 0));
+            }
+            return sum + Number(d[Enum_1.BaseEvent[Enum_2.AnalyticType.CLICK]] || 0);
+        }, 0);
+        return [place, province, district, dateString, impression, authen];
     })
         .value();
-    var impr = (0, lodash_1.sumBy)(data, Enum_1.BaseEvent[Enum_2.AnalyticType.VIEW]);
-    var authen = data.reduce(function (sum, d) {
+    var impressionTotal = (0, lodash_1.sumBy)(data, Enum_1.BaseEvent[Enum_2.AnalyticType.VIEW]);
+    var authenTotal = data.reduce(function (sum, d) {
         if (d.isSPot) {
-            return sum + d[Enum_1.BaseEvent[Enum_2.AnalyticType.AUTHENTICATION]] + d[Enum_1.BaseEvent[Enum_2.AnalyticType.CLICK]];
+            return (sum +
+                d[Enum_1.BaseEvent[Enum_2.AnalyticType.AUTHENTICATION]] +
+                d[Enum_1.BaseEvent[Enum_2.AnalyticType.CLICK]]);
         }
         return sum + d[Enum_1.BaseEvent[Enum_2.AnalyticType.CLICK]];
     }, 0);
-    var totalArr = [place, i18n_1.default.t('Schedule.Total'), impr];
-    if (hasSpot) {
-        totalArr.push(0, authen);
-    }
-    else {
-        totalArr.push(authen, 0);
-    }
+    var totalArr = [
+        place,
+        province,
+        district,
+        i18n_1.default.t('Schedule.Total'),
+        impressionTotal,
+        authenTotal,
+    ];
     result.push(totalArr);
-    return result.map(function (d) {
-        if (!hasSpot) {
-            d.pop();
-            d.push('');
+    return result;
+}
+exports.dataGroupByTimelineAndPlaces = dataGroupByTimelineAndPlaces;
+function dataGroupByAd(data, timelineType) {
+    var result = (0, lodash_1.chain)(data)
+        .groupBy('timeline')
+        .map(function (value, key) {
+        var dateString = (0, Helpers_1.dateTimeToString)((0, Helpers_1.convertTimelineToDateTime)(key, timelineType), timelineType === Helpers_1.TIMELINE_TYPE.DAY
+            ? 'DD/MM/YYYY'
+            : 'DD/MM/YYYY, H:mm');
+        var impression = (0, lodash_1.sumBy)(value, Enum_1.BaseEvent[Enum_2.AnalyticType.VIEW]);
+        var authen = value.reduce(function (sum, d) {
+            if (d.isSPot) {
+                return (sum +
+                    Number(d[Enum_1.BaseEvent[Enum_2.AnalyticType.AUTHENTICATION]] +
+                        d[Enum_1.BaseEvent[Enum_2.AnalyticType.CLICK]] || 0));
+            }
+            return sum + Number(d[Enum_1.BaseEvent[Enum_2.AnalyticType.CLICK]] || 0);
+        }, 0);
+        return [dateString, impression, authen];
+    })
+        .value();
+    var impressionTotal = (0, lodash_1.sumBy)(data, Enum_1.BaseEvent[Enum_2.AnalyticType.VIEW]);
+    var authenTotal = data.reduce(function (sum, d) {
+        if (d.isSPot) {
+            return (sum +
+                d[Enum_1.BaseEvent[Enum_2.AnalyticType.AUTHENTICATION]] +
+                d[Enum_1.BaseEvent[Enum_2.AnalyticType.CLICK]]);
         }
-        return d;
-    });
+        return sum + d[Enum_1.BaseEvent[Enum_2.AnalyticType.CLICK]];
+    }, 0);
+    var totalArr = [i18n_1.default.t('Schedule.Total'), impressionTotal, authenTotal];
+    result.push(totalArr);
+    return result;
 }
-exports.dataGroupByTimeline = dataGroupByTimeline;
+exports.dataGroupByAd = dataGroupByAd;
 function dataGroupByPlace(subCampaigns, ids) {
     return (0, lodash_1.chain)(subCampaigns.filter(function (sub) {
         var _a, _b, _c;
@@ -381,11 +504,18 @@ exports.dataGroupByPlace = dataGroupByPlace;
 function campaignAnalyticInfo(subCampaigns) {
     return {
         analyticTypes: Array.from(new Set(subCampaigns.map(function (x) { return x.campaignGroup.billingUnit; }))),
-        hasSpot: subCampaigns.some(function (sub) { return sub.ads.some(function (ad) { return ad.type === Enum_1.AdType.VIDEO; }); }),
-        hasEg: subCampaigns.some(function (sub) { return sub.ads.some(function (ad) {
-            return (ad.type === Enum_1.AdType.VIDEO && sub.campaignGroup.billingUnit !== Enum_2.AnalyticType.AUTHENTICATION) ||
-                ad.type !== Enum_1.AdType.VIDEO;
-        }) && [Enum_2.AnalyticType.CLICK, Enum_2.AnalyticType.AUTHENTICATION].includes(sub.campaignGroup.billingUnit); }),
+        hasSpot: subCampaigns.some(function (sub) {
+            return sub.ads.some(function (ad) { return ad.type === Enum_1.AdType.VIDEO; });
+        }),
+        hasEg: subCampaigns.some(function (sub) {
+            return sub.ads.some(function (ad) {
+                return (ad.type === Enum_1.AdType.VIDEO &&
+                    sub.campaignGroup.billingUnit !==
+                        Enum_2.AnalyticType.AUTHENTICATION) ||
+                    ad.type !== Enum_1.AdType.VIDEO;
+            }) &&
+                [Enum_2.AnalyticType.CLICK, Enum_2.AnalyticType.AUTHENTICATION].includes(sub.campaignGroup.billingUnit);
+        }),
     };
 }
 exports.campaignAnalyticInfo = campaignAnalyticInfo;
@@ -394,7 +524,9 @@ var convertToChartData = function (data, campaignGroups, time) {
     var timelineType = 'YYYYMMDD';
     var convertData = Object.assign.apply(Object, __spreadArray([{}], [Enum_1.BaseEvent[Enum_2.AnalyticType.VIEW], 'Spot', 'Engagement'].map(function (x) {
         var _a;
-        return (_a = {}, _a[x] = { total: 0, chartData: [] }, _a);
+        return (_a = {},
+            _a[x] = { total: 0, chartData: [] },
+            _a);
     }), false));
     data.forEach(function (x) {
         var _a;
@@ -405,7 +537,8 @@ var convertToChartData = function (data, campaignGroups, time) {
         if (!subCampaign)
             return;
         var billingUnit = subCampaign.campaignGroup.billingUnit;
-        var isSpot = ((_a = subCampaign.ads.find(function (s) { return s.id === x.campaignAdId; })) === null || _a === void 0 ? void 0 : _a.type) === Enum_1.AdType.VIDEO;
+        var isSpot = ((_a = subCampaign.ads.find(function (s) { return s.id === x.campaignAdId; })) === null || _a === void 0 ? void 0 : _a.type) ===
+            Enum_1.AdType.VIDEO;
         var timeline = x.timeline.toString();
         x.analyticEventSummaries.forEach(function (event) {
             var _a;
@@ -413,7 +546,11 @@ var convertToChartData = function (data, campaignGroups, time) {
                 var objKey = [
                     Enum_1.BaseEvent[Enum_2.AnalyticType.AUTHENTICATION],
                     Enum_1.BaseEvent[Enum_2.AnalyticType.CLICK],
-                ].includes(event.eventLabel) ? isSpot ? 'Spot' : 'Engagement' : event.eventLabel;
+                ].includes(event.eventLabel)
+                    ? isSpot
+                        ? 'Spot'
+                        : 'Engagement'
+                    : event.eventLabel;
                 (_a = convertData[objKey]) === null || _a === void 0 ? void 0 : _a.chartData.push({
                     y: event.total,
                     x: timeline,
@@ -426,16 +563,20 @@ var convertToChartData = function (data, campaignGroups, time) {
     });
     var translate = (_a = {},
         _a[Enum_1.BaseEvent[Enum_2.AnalyticType.VIEW]] = 'Common.Impression',
-        _a['Spot'] = 'Campaign.Spot',
-        _a['Engagement'] = 'Campaign.Engagement',
+        _a.Spot = 'Campaign.Spot',
+        _a.Engagement = 'Campaign.Engagement',
         _a);
     var analyticInfo = campaignAnalyticInfo(campaignGroups);
-    return Object.entries(convertData).map(function (_a, index) {
+    return Object.entries(convertData)
+        .map(function (_a, index) {
         var key = _a[0], value = _a[1];
         if ((key === 'Spot' && !analyticInfo.hasSpot) ||
             (key === 'Engagement' && !analyticInfo.hasEg))
             return false;
-        var data = (0, lodash_1.default)(value.chartData).groupBy('x').map(function (value, key) { return ({ x: key, y: (0, lodash_1.sumBy)(value, 'y') }); }).value();
+        var data = (0, lodash_1.default)(value.chartData)
+            .groupBy('x')
+            .map(function (value, key) { return ({ x: key, y: (0, lodash_1.sumBy)(value, 'y') }); })
+            .value();
         return {
             label: "".concat(i18n_1.default.t(translate[key]), " ").concat((0, Helpers_1.roundDecimalNumber)(value.total)),
             type: 'line',
@@ -445,7 +586,8 @@ var convertToChartData = function (data, campaignGroups, time) {
             yAxisID: 'y',
             variant: key,
         };
-    }).filter(Boolean);
+    })
+        .filter(Boolean);
 };
 exports.convertToChartData = convertToChartData;
 function groupBy(array, key) {

package/lib/ACM-AXN/Campaign/CreateOrEdit/TabStatistic/Analytic/container.d.ts

@@ -1,4 +1,5 @@
 import { CampaignGroupModel } from '../../../../../ACM-AXN/Campaign/Types';
+import { AdministrativeUnit } from '../Types';
 export interface ICampaignAdGroup {
     campaignId?: string;
     campaignGroupId?: number | undefined;
@@ -6,10 +7,12 @@ export interface ICampaignAdGroup {
 }
 interface Props {
     campaignId: string;
+    campaignName?: string;
     startDate: Date;
     endDate: Date;
     subCampaigns: CampaignGroupModel[];
     domains: any[];
+    fullPlaces?: AdministrativeUnit[];
 }
 declare const AnalyticContainer: (props: Props) => import("react/jsx-runtime").JSX.Element;
 export default AnalyticContainer;