awing-library 2.1.128-beta → 2.1.128

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

@@ -46,14 +46,44 @@ 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.sumEvent = 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 = exports.addHeaderExcel = 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.unshift({
+        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: [],
+    });
+};
+exports.addHeaderExcel = addHeaderExcel;
+function convertToExportDataGroupBy(data, objects, timelineType, groupBy, campaignName) {
     var result = [];
+    var ClickTitle = i18n_1.default.t('Common.FinalClick');
+    var header = [
+        groupBy,
+        i18n_1.default.t('Common.Date'),
+        i18n_1.default.t('Common.Impression'),
+        i18n_1.default.t('Common.Engagement') + '(Spot)',
+        ClickTitle,
+    ];
+    // addHeaderExcel(result, campaignName)
     var exportData = objects
         .map(function (object, key) {
         var placeIds = object.places.map(function (plc) { return plc.placeId; });
@@ -68,37 +98,39 @@ function convertToExportDataGroupBy(data, objects, timelineType, groupBy) {
     })
         .reduce(function (a, b) { return a.concat(b); }, []);
     result.push({
-        columns: [
-            groupBy,
-            'Time',
-            i18n_1.default.t('Common.Impression'),
-            i18n_1.default.t('Common.FinalClick'),
-            'CTR (%)',
-        ],
+        columns: header,
         data: exportData,
     });
     return result;
 }
 exports.convertToExportDataGroupBy = convertToExportDataGroupBy;
-function convertToExportData(data, places, timelineType) {
+function convertToExportData(data, places, timelineType, campaignName, fullPlaces) {
     var result = [];
+    var ClickTitle = i18n_1.default.t('Common.FinalClick');
+    var header = [
+        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') + '(Spot)',
+        ClickTitle,
+    ];
+    // addHeaderExcel(result, campaignName)
     result.push({
-        columns: [
-            'Place',
-            'Time',
-            i18n_1.default.t('Common.Impression'),
-            i18n_1.default.t('Common.FinalClick'),
-            'CTR (%)',
-        ],
-        data: dataGroupByTimeline('All', data, timelineType),
+        columns: header,
+        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: ['', '', '', '', ''],
-            data: dataGroupByTimeline(place ? place.name : key, value, timelineType),
+            columns: Array(7).fill(''),
+            data: dataGroupByTimelineAndPlaces(place ? place.name : key, province !== null && province !== void 0 ? province : '', district !== null && district !== void 0 ? district : '', value, timelineType),
         };
         return placeData;
     })
@@ -106,43 +138,60 @@ 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 ClickTitle = i18n_1.default.t('Common.FinalClick');
+    // addHeaderExcel(result, campaignName)
+    var header = [
+        i18n_1.default.t('Common.SubCampaign'),
+        'Ad',
+        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') + '(Spot)',
+        ClickTitle,
+    ];
     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 adData = data.filter(function (d) {
+            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);
-            }).map(function (x) { return (__assign(__assign({}, x), Object.assign.apply(Object, __spreadArray([{}], x.analyticEventSummaries.map(function (y) {
+            })
+                // eslint-disable-next-line no-sequences
+                .map(function (x) { return (__assign(__assign({}, x), Object.assign.apply(Object, __spreadArray(__spreadArray([{}], Object.values(Enum_1.BaseEvent).map(function (v) {
                 var _a;
-                return (_a = {}, _a[y.eventLabel] = y.total, _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
-                    ? [
-                        'Sub-campaign',
-                        'Ad',
-                        'Place',
-                        'Time',
-                        i18n_1.default.t('Common.Impression'),
-                        'Engagement / Spot',
-                        i18n_1.default.t('Common.FinalClick'),
-                    ]
+                    ? header
                     : Array(7).fill(''),
-                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); }),
+                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;
-            console.log("value placeId", adData);
             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,
@@ -158,6 +207,54 @@ function convertToExport(subCampaigns, data, timelineType, places) {
     return result;
 }
 exports.convertToExport = convertToExport;
+function convertToExportByAd(subCampaigns, data, timelineType, campaignName) {
+    var result = [];
+    var isShouldHeader = true;
+    var ClickTitle = i18n_1.default.t('Common.FinalClick');
+    var header = [
+        'Ad',
+        i18n_1.default.t('Common.Date'),
+        i18n_1.default.t('Common.Impression'),
+        i18n_1.default.t('Campaign.Engagement') + '(Spot)',
+        ClickTitle,
+    ];
+    // 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
+                    ? header
+                    : 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;
+        });
+    });
+    return result;
+}
+exports.convertToExportByAd = convertToExportByAd;
 function placesToDomains(places, domains) {
     var _a, _b;
     if (domains === void 0) { domains = []; }
@@ -188,36 +285,52 @@ function placesToDomains(places, domains) {
     return groupDomain;
 }
 exports.placesToDomains = placesToDomains;
-var markBillingType = function (subCampaigns, data) { return data.map(function (x, index) {
-    var _a = (0, lodash_1.get)(subCampaigns, [x.campaignGroupId - 1]), campaignGroup = _a.campaignGroup, ads = _a.ads;
-    return __assign(__assign({}, x), { billingUnit: campaignGroup.billingUnit, isPot: campaignGroup.billingUnit === Enum_2.AnalyticType.AUTHENTICATION && (0, lodash_1.get)(ads, [x.campaignAdId - 1]).type === Enum_1.AdType.VIDEO });
-}); };
+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 _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, billingUnitLabel: campaignGroup.billingUnitLabel || Enum_2.AnalyticType[Enum_2.AnalyticType.Authentication], isSPot: ((_a = ads.find(function (ad) { return ad.id === x.campaignAdId; })) === null || _a === void 0 ? void 0 : _a.type) === Enum_1.AdType.VIDEO && campaignGroup.billingUnitLabel === Enum_2.AnalyticType[Enum_2.AnalyticType.Authentication] });
+    });
+};
 exports.markBillingType = markBillingType;
 function convertToShowDetail(subCampaigns, data, selectedDomains, selectedPlaces) {
     var placeIds = selectedPlaces.map(function (p) { return p.placeId; });
     var result = [];
     subCampaigns.forEach(function (sub) {
         var _a;
-        console.log("sub", sub);
         (_a = sub === null || sub === void 0 ? void 0 : sub.ads) === null || _a === void 0 ? void 0 : _a.forEach(function (ad) {
             var _a, _b;
             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);
@@ -241,35 +354,114 @@ function convertToShowDetail(subCampaigns, data, selectedDomains, selectedPlaces
 }
 exports.convertToShowDetail = convertToShowDetail;
 function dataGroupByTimeline(place, data, timelineType) {
+    var isReLabel = data.some(function (d) { return d.billingUnitLabel !== Enum_2.AnalyticType[Enum_2.AnalyticType.Authentication]; });
     var result = (0, lodash_1.chain)(data)
         .groupBy('timeline')
         .map(function (value, key) {
-        console.log("value", value, value.filter(function (x) { return x.billingUnit === Enum_2.AnalyticType.AUTHENTICATION; }));
         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.filter(function (x) { return x.billingUnit === Enum_2.AnalyticType.VIEW; }), Enum_1.BaseEvent[Enum_2.AnalyticType.VIEW]);
-        var click = (0, lodash_1.sumBy)(value.filter(function (x) { return x.billingUnit === Enum_2.AnalyticType.CLICK; }), Enum_1.BaseEvent[Enum_2.AnalyticType.CLICK]);
-        var authen = (0, lodash_1.sumBy)(value.filter(function (x) { return x.billingUnit === Enum_2.AnalyticType.AUTHENTICATION; }), Enum_1.BaseEvent[Enum_2.AnalyticType.AUTHENTICATION]);
-        var arr = [place, dateString, impression, authen, click];
-        return arr;
+        var impression = (0, lodash_1.sumBy)(value, Enum_1.BaseEvent[Enum_2.AnalyticType.View]);
+        var authen = value.reduce(function (sum, d) {
+            return (sum +
+                Number(d[Enum_1.BaseEvent[Number(d.billingUnit)]] || 0));
+        }, 0);
+        var output = [place, dateString, impression];
+        if (isReLabel)
+            output.push("", authen);
+        else
+            output.push(authen, "");
+        return output;
     })
         .value();
-    var impr = (0, lodash_1.sumBy)(data.filter(function (x) { return x.billingUnit === Enum_2.AnalyticType.VIEW; }), Enum_1.BaseEvent[Enum_2.AnalyticType.VIEW]);
-    var clk = (0, lodash_1.sumBy)(data.filter(function (x) { return x.billingUnit === Enum_2.AnalyticType.CLICK; }), Enum_1.BaseEvent[Enum_2.AnalyticType.CLICK]);
-    var authen = (0, lodash_1.sumBy)(data.filter(function (x) { return x.billingUnit === Enum_2.AnalyticType.AUTHENTICATION; }), Enum_1.BaseEvent[Enum_2.AnalyticType.AUTHENTICATION]);
-    console.log("data", data);
-    result.push([
+    var impressionTotal = (0, lodash_1.sumBy)(data, Enum_1.BaseEvent[Enum_2.AnalyticType.View]);
+    var authenTotal = data.reduce(function (sum, d) {
+        return (sum + d[Enum_1.BaseEvent[Number(d.billingUnit)]]);
+    }, 0);
+    var totalArr = [
         place,
         i18n_1.default.t('Schedule.Total'),
-        impr,
-        authen,
-        clk,
-    ]);
+        impressionTotal,
+    ];
+    if (isReLabel)
+        totalArr.push("", authenTotal);
+    else
+        totalArr.push(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 (chainValue, key) {
+        var value = chainValue.map(function (d) { return (__assign(__assign({}, d), { billingUnitLabel: d.billingUnitLabel || Enum_2.AnalyticType[Enum_2.AnalyticType.Authentication] })); });
+        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) {
+            return (sum +
+                (d.billingUnitLabel === Enum_2.AnalyticType[Enum_2.AnalyticType.Authentication] ? Number(d[Enum_1.BaseEvent[Number(d.billingUnit)]] || 0) : 0));
+        }, 0);
+        var isAdReLabel = value.some(function (d) { return d.billingUnitLabel !== Enum_2.AnalyticType[Enum_2.AnalyticType.Authentication]; });
+        var subReLabel = value.reduce(function (sum, d) {
+            return (sum +
+                (d.billingUnitLabel !== Enum_2.AnalyticType[Enum_2.AnalyticType.Authentication] ? Number(d[Enum_1.BaseEvent[Number(d.billingUnit)]] || 0) : 0));
+        }, 0);
+        var output = [place, province, district, dateString, impression, !isAdReLabel ? authen : "", isAdReLabel ? subReLabel : ""];
+        return output;
+    })
+        .value();
+    var impressionTotal = (0, lodash_1.sumBy)(data, Enum_1.BaseEvent[Enum_2.AnalyticType.View]);
+    var authenTotal = result.reduce(function (sum, d) { return (sum + d[5] || 0); }, 0);
+    var subReLabelTotal = result.reduce(function (sum, d) { return (sum + d[6] || 0); }, 0);
+    var isReLabel = data.some(function (d) { return d.billingUnitLabel !== Enum_2.AnalyticType[Enum_2.AnalyticType.Authentication]; });
+    var totalArr = [
+        place,
+        province,
+        district,
+        i18n_1.default.t('Schedule.Total'),
+        impressionTotal,
+        !isReLabel ? authenTotal : "",
+        isReLabel ? subReLabelTotal : "",
+    ];
+    result.push(totalArr);
+    return result;
+}
+exports.dataGroupByTimelineAndPlaces = dataGroupByTimelineAndPlaces;
+function dataGroupByAd(data, timelineType) {
+    var isReLabel = data.some(function (d) { return d.billingUnitLabel !== Enum_2.AnalyticType[Enum_2.AnalyticType.Authentication]; });
+    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) {
+            return (sum +
+                Number(d[Enum_1.BaseEvent[Number(d.billingUnit)]] || 0));
+        }, 0);
+        var output = [dateString, impression];
+        if (isReLabel)
+            output.push("", authen);
+        else
+            output.push(authen, "");
+        return output;
+    })
+        .value();
+    var impressionTotal = (0, lodash_1.sumBy)(data, Enum_1.BaseEvent[Enum_2.AnalyticType.View]);
+    var authenTotal = data.reduce(function (sum, d) { return (sum + d[Enum_1.BaseEvent[Number(d.billingUnit)]]); }, 0);
+    var totalArr = [i18n_1.default.t('Schedule.Total'), impressionTotal];
+    if (isReLabel)
+        totalArr.push("", authenTotal);
+    else
+        totalArr.push(authenTotal, "");
+    result.push(totalArr);
+    return result;
+}
+exports.dataGroupByAd = dataGroupByAd;
 function dataGroupByPlace(subCampaigns, ids) {
     return (0, lodash_1.chain)(subCampaigns.filter(function (sub) {
         var _a, _b, _c;
@@ -297,30 +489,52 @@ function dataGroupByPlace(subCampaigns, ids) {
         .value();
 }
 exports.dataGroupByPlace = dataGroupByPlace;
-var sumEvent = function (data, eventLabel) {
-    if (data === void 0) { data = []; }
-    return (0, lodash_1.sumBy)(data, function (y) { return (y.total && y.eventLabel === eventLabel) ? y.total : 0; });
-};
-exports.sumEvent = sumEvent;
-var convertToChartData = function (data, campaignGroups) {
+function campaignAnalyticInfo(subCampaigns) {
+    var isAllReLabel = subCampaigns.every(function (sub) { return sub.campaignGroup.billingUnitLabel && sub.campaignGroup.billingUnitLabel !== Enum_2.AnalyticType[Enum_2.AnalyticType.Authentication]; });
+    return {
+        isAllReLabel: isAllReLabel,
+        analyticTypes: Array.from(new Set(subCampaigns.map(function (x) { return x.campaignGroup.billingUnit; }))),
+        hasSpot: isAllReLabel ? false : subCampaigns.some(function (sub) { return sub.ads.some(function (ad) { return ad.type === Enum_1.AdType.VIDEO; }) && (sub.campaignGroup.billingUnitLabel ? sub.campaignGroup.billingUnitLabel === Enum_2.AnalyticType[Enum_2.AnalyticType.Authentication] : true); }),
+        hasEg: isAllReLabel ? false : subCampaigns.some(function (sub) { return sub.ads.some(function (ad) { return ad.type !== Enum_1.AdType.VIDEO; }) && (sub.campaignGroup.billingUnitLabel ? sub.campaignGroup.billingUnitLabel === Enum_2.AnalyticType[Enum_2.AnalyticType.Authentication] : true); }),
+        hasClick: subCampaigns.filter(function (s) { return s.campaignGroup.billingUnitLabel && (Enum_2.AnalyticType[Enum_2.AnalyticType.Authentication] !== s.campaignGroup.billingUnitLabel); }).length > 0,
+    };
+}
+exports.campaignAnalyticInfo = campaignAnalyticInfo;
+var convertToChartData = function (data, campaignGroups, time) {
     var _a;
-    var convertData = Object.assign.apply(Object, __spreadArray([{}], [Enum_1.BaseEvent[Enum_2.AnalyticType.VIEW], Enum_1.BaseEvent[Enum_2.AnalyticType.CLICK], 'Spot', 'Engagement'].map(function (x) {
+    var timelineType = 'YYYYMMDD';
+    var convertData = Object.assign.apply(Object, __spreadArray([{}], [Enum_1.BaseEvent[Enum_2.AnalyticType.View], 'Spot', 'Engagement', Enum_1.BaseEvent[Enum_2.AnalyticType.Click]].map(function (x) {
         var _a;
-        return (_a = {}, _a[x] = { total: 0, chartData: [] }, _a);
+        return (_a = {},
+            _a[x] = { total: 0, chartData: [] },
+            _a);
     }), false));
-    var startDate = Number.MAX_SAFE_INTEGER;
-    var endDate = 0;
-    data.forEach(function (x, index) {
-        startDate = Math.min(startDate, Number(x.timeline));
-        endDate = Math.max(endDate, Number(x.timeline));
-        var billingUnit = (0, lodash_1.get)(campaignGroups, [x.campaignGroupId - 1]).campaignGroup.billingUnit;
-        var hasAuthen = billingUnit === Enum_2.AnalyticType.AUTHENTICATION;
-        var isSpot = hasAuthen && (0, lodash_1.get)(campaignGroups, [x.campaignGroupId - 1, 'ads', x.campaignAdId - 1]).type === Enum_1.AdType.VIDEO;
+    data.forEach(function (x) {
+        var _a;
+        if (String(x.timeline).length === 10) {
+            timelineType = 'YYYYMMDDHH';
+        }
+        var subCampaign = campaignGroups.find(function (c) { return c.campaignGroup.id === x.campaignGroupId; });
+        if (!subCampaign)
+            return;
+        var _b = subCampaign.campaignGroup, billingUnit = _b.billingUnit, billingUnitLabel = _b.billingUnitLabel;
+        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;
-            if (event.eventLabel === Enum_1.BaseEvent[billingUnit]) {
-                var objKey = event.eventLabel === Enum_1.BaseEvent[Enum_2.AnalyticType.AUTHENTICATION] ? (isSpot ? 'Spot' : 'Engagement') : event.eventLabel;
+            if ([Enum_1.BaseEvent[billingUnit], Enum_1.BaseEvent[Enum_2.AnalyticType.View]].includes(event.eventLabel)) {
+                var objKey = [
+                    Enum_1.BaseEvent[Enum_2.AnalyticType.Authentication],
+                    Enum_1.BaseEvent[Enum_2.AnalyticType.Click],
+                ].includes(event.eventLabel)
+                    ? isSpot
+                        ? 'Spot'
+                        : 'Engagement'
+                    : event.eventLabel;
+                if (billingUnitLabel && billingUnitLabel !== Enum_2.AnalyticType[Enum_2.AnalyticType.Authentication] && event.eventLabel !== Enum_1.BaseEvent[Enum_2.AnalyticType.View]) {
+                    objKey = Enum_1.BaseEvent[Enum_2.AnalyticType.Click];
+                }
                 (_a = convertData[objKey]) === null || _a === void 0 ? void 0 : _a.chartData.push({
                     y: event.total,
                     x: timeline,
@@ -332,30 +546,34 @@ var convertToChartData = function (data, campaignGroups) {
         });
     });
     var translate = (_a = {},
-        _a[Enum_1.BaseEvent[Enum_2.AnalyticType.VIEW]] = 'Common.Impression',
-        _a[Enum_1.BaseEvent[Enum_2.AnalyticType.CLICK]] = 'Statistics.NumberOfConnections',
-        _a['Spot'] = 'Campaign.Spot',
-        _a['Engagement'] = 'Campaign.Engagement',
+        _a[Enum_1.BaseEvent[Enum_2.AnalyticType.View]] = 'Common.Impression',
+        _a.Spot = 'Campaign.Spot',
+        _a.Engagement = 'Campaign.Engagement',
+        _a.Click = 'Common.FinalClick',
         _a);
-    return Object.entries(convertData).map(function (_a, index) {
+    var analyticInfo = campaignAnalyticInfo(campaignGroups);
+    return Object.entries(convertData)
+        .map(function (_a, index) {
         var key = _a[0], value = _a[1];
-        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();
-        if (data.some(function (_a) {
-            var y = _a.y;
-            return Number(y) !== 0;
-        })) {
-            return {
-                label: "".concat(i18n_1.default.t(translate[key]), " ").concat((0, Helpers_1.roundDecimalNumber)(value.total)),
-                type: 'line',
-                data: (0, Helpers_1.fillMissingDates)(data, startDate, endDate),
-                fill: false,
-                pointStyle: 'circle',
-                yAxisID: 'y',
-                variant: String(index),
-            };
-        }
-        return {};
-    }).filter(function (o) { return Object.values(o).length; });
+        if ((key === 'Spot' && !analyticInfo.hasSpot) ||
+            (key === 'Engagement' && !analyticInfo.hasEg) ||
+            (key === 'Click' && !analyticInfo.hasClick))
+            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();
+        return {
+            label: "".concat(i18n_1.default.t(translate[key]), " ").concat((0, Helpers_1.roundDecimalNumber)(value.total)),
+            type: 'line',
+            data: (0, Helpers_1.fillMissingDates)(data, time.startDate, time.endDate, timelineType),
+            fill: false,
+            pointStyle: 'circle',
+            yAxisID: 'y',
+            variant: key,
+        };
+    })
+        .filter(Boolean);
 };
 exports.convertToChartData = convertToChartData;
 function groupBy(array, key) {

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

@@ -72,6 +72,6 @@ var Analytic = function (props) {
     };
     return ((0, jsx_runtime_1.jsxs)(material_1.Grid, { container: true, spacing: 2, children: [(0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 12, children: (0, jsx_runtime_1.jsx)(ChartFilter_1.default, { subCampaigns: subCampaigns, queryInput: queryInput, onChangeQueryInput: changeQueryInput, onQueryData: queryData, isExportType: true, onExportData: function (exportType) {
                         return exportData(queryInput.time, queryInput.placeIds, queryInput.timelineType, exportType, queryInput.ids);
-                    }, domains: domains }) }), (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 12, style: { marginTop: '20px' }, children: isLoading ? ((0, jsx_runtime_1.jsx)(AWING_1.CircularProgress, {})) : ((0, jsx_runtime_1.jsx)(ChartWithType_1.default, { statisticalData: statisticalData, subCampaigns: subCampaigns, ids: queryInput.ids, onCampaignAdGroupIdChange: handleChangeAdGroupId, statisticType: queryInput.statisticType, setStatisticType: changeStatisticType, timelineType: queryInput.timelineType, setTimelineType: changeTimelineType })) })] }));
+                    }, domains: domains }) }), (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 12, style: { marginTop: '20px' }, children: isLoading ? ((0, jsx_runtime_1.jsx)(AWING_1.CircularProgress, {})) : ((0, jsx_runtime_1.jsx)(ChartWithType_1.default, { statisticalData: statisticalData, subCampaigns: subCampaigns, ids: queryInput.ids, onCampaignAdGroupIdChange: handleChangeAdGroupId, statisticType: queryInput.statisticType, setStatisticType: changeStatisticType, timelineType: queryInput.timelineType, setTimelineType: changeTimelineType, time: queryInput.time })) })] }));
 };
 exports.default = Analytic;

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;