awing-library 2.1.174-dev → 2.1.176-dev

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, reportField: 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,39 @@ 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, reportField) {
+    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: [],
+    }, {
+        columns: [reportField],
+        data: [],
+    });
+};
+function convertToExportDataGroupBy(data, objects, timelineType, groupBy, campaignName, reportField) {
     var result = [];
-    var hasSpot = data.some(function (x) { return x.isSPot; });
     var spotTitle = i18n_1.default.t('Common.Spot');
+    addHeaderExcel(result, campaignName, reportField);
     var exportData = objects
         .map(function (object, key) {
         var placeIds = object.places.map(function (plc) { return plc.placeId; });
@@ -72,55 +95,42 @@ function convertToExportDataGroupBy(data, objects, timelineType, groupBy) {
     result.push({
         columns: [
             groupBy,
-            'Time',
+            '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;
-        }),
+            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, i18n_1.default.t('Common.Location'));
     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 +138,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, i18n_1.default.t('Common.GeneralData'));
     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 +154,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 +164,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 +207,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, 'Ad');
+    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 +294,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 _a;
-        return (_a = {},
-            _a[v] = 0,
-            _a);
-    }), false), x.analyticEventSummaries.map(function (y) {
+var markBillingType = function (subCampaigns, data) {
+    return data.map(function (x, index) {
         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 +325,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 +365,119 @@ 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;
+        console.log('d[BaseEvent[AnalyticType.CLICK]] :>> ', d[Enum_1.BaseEvent[Enum_2.AnalyticType.CLICK]]);
+        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,13 +508,16 @@ 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; }) && sub.campaignGroup.billingUnit === Enum_2.AnalyticType.AUTHENTICATION;
+        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);
         }),
-        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;
@@ -396,7 +526,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;
@@ -407,8 +539,7 @@ var convertToChartData = function (data, campaignGroups, time) {
         if (!subCampaign)
             return;
         var billingUnit = subCampaign.campaignGroup.billingUnit;
-        var hasAuthen = billingUnit === Enum_2.AnalyticType.AUTHENTICATION;
-        var isSpot = hasAuthen && ((_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;
@@ -416,7 +547,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,
@@ -429,16 +564,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',
@@ -448,7 +587,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,3 +1,4 @@
+import { AdministrativeUnit } from '../Types';
 import { CampaignGroupModel } from '../../../../../ACM-AXN/Campaign/Types';
 export interface ICampaignAdGroup {
     campaignId?: string;
@@ -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;

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

@@ -15,7 +15,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
-/* eslint-disable eqeqeq */
 var react_1 = require("react");
 var common_1 = require("../common");
 var Utils_1 = require("./Utils");
@@ -26,8 +25,9 @@ var lodash_1 = require("lodash");
 var Context_1 = __importDefault(require("../Context"));
 var exportFile_1 = require("../../../../../ACM-AXN/CampaignSchedule/exportFile");
 var Enum_2 = require("../../../../../ACM-AXN/Common/Enum");
+var i18n_1 = __importDefault(require("../../../../../i18n"));
 var AnalyticContainer = function (props) {
-    var campaignId = props.campaignId, startDate = props.startDate, endDate = props.endDate, subCampaigns = props.subCampaigns, domains = props.domains;
+    var campaignId = props.campaignId, startDate = props.startDate, endDate = props.endDate, subCampaigns = props.subCampaigns, domains = props.domains, campaignName = props.campaignName, fullPlaces = props.fullPlaces;
     var client = (0, Context_1.default)().services;
     var _a = (0, react_1.useState)(true), isLoading = _a[0], setIsLoading = _a[1];
     var _b = (0, react_1.useState)([]), statisticalChartData = _b[0], setStatisticalChartData = _b[1];
@@ -52,7 +52,11 @@ var AnalyticContainer = function (props) {
             var _a;
             (_a = sub === null || sub === void 0 ? void 0 : sub.ads) === null || _a === void 0 ? void 0 : _a.forEach(function (ad) {
                 var _a;
-                if (ids.find(function (id) { var _a; return id.campaignGroupId == ((_a = sub === null || sub === void 0 ? void 0 : sub.campaignGroup) === null || _a === void 0 ? void 0 : _a.id) && (!id.campaignAdId || id.campaignAdId == (ad === null || ad === void 0 ? void 0 : ad.id)); })) {
+                if (ids.find(function (id) {
+                    var _a;
+                    return id.campaignGroupId == ((_a = sub === null || sub === void 0 ? void 0 : sub.campaignGroup) === null || _a === void 0 ? void 0 : _a.id) &&
+                        (!id.campaignAdId || id.campaignAdId == (ad === null || ad === void 0 ? void 0 : ad.id));
+                })) {
                     (_a = ad === null || ad === void 0 ? void 0 : ad.places) === null || _a === void 0 ? void 0 : _a.forEach(function (place) {
                         if (!result.find(function (r) { return r.placeId == place.placeId; })) {
                             result.push(place);
@@ -71,80 +75,94 @@ var AnalyticContainer = function (props) {
                 : selectedPlaces;
         var selectedDomains = (0, Utils_1.placesToDomains)(selectedPlaces, domains);
         setIsLoading(true);
-        client.campaignStatisticGet({
+        client
+            .campaignStatisticGet({
             startDate: (0, moment_1.default)(time.startDate).format(Enum_1.DATE_FORMAT),
             endDate: (0, moment_1.default)(time.endDate).format(Enum_1.DATE_FORMAT),
             timelineType: timelineType,
-            campaignAdGroups: ids.length ? ids.map(function (id) { return (__assign(__assign({}, id), { campaignId: campaignId })); }) : [{ campaignId: campaignId }],
-            // analyticGroupBies: Object.values(AnalyticGroupBy).filter((g) => !isNaN(Number(g))).map((g) => Number(g)),
-            analyticGroupBies: [
-                Enum_2.AnalyticGroupBy.GbEventLabel,
-                Enum_2.AnalyticGroupBy.GbTimeline,
-                Enum_2.AnalyticGroupBy.GbCampaignGroupId,
-                Enum_2.AnalyticGroupBy.GbCampaignAdId
-            ],
+            campaignAdGroups: ids.length
+                ? ids.map(function (id) { return (__assign(__assign({}, id), { campaignId: campaignId })); })
+                : [{ campaignId: campaignId }],
+            analyticGroupBies: Object.values(Enum_2.AnalyticGroupBy)
+                .filter(function (g) { return !isNaN(Number(g)); })
+                .map(function (g) { return Number(g); }),
             placeIds: placeIds,
-            includedEventLabels: Object.values(Enum_1.BaseEvent)
-        }).then(function (res) {
-            // setStatisticalData(markBillingType(subCampaigns, res))
-            setStatisticalChartData(statisticType ? (0, Utils_1.convertToShowDetail)(subCampaigns, res, selectedDomains, selectedPlaces) : res);
-        }).finally(function () { return setIsLoading(false); });
+            includedEventLabels: Object.values(Enum_1.BaseEvent),
+        })
+            .then(function (res) {
+            setStatisticalChartData(statisticType
+                ? (0, Utils_1.convertToShowDetail)(subCampaigns, res, selectedDomains, selectedPlaces)
+                : res);
+        })
+            .finally(function () { return setIsLoading(false); });
     };
     var exportData = function (time, placeIds, timelineType, exportType, ids) {
         var selectedPlaces = placeIds.length > 0
             ? placesOfCampaign.filter(function (p) { return placeIds.includes(p.placeId); })
             : placesOfCampaign;
         var selectedDomains = (0, Utils_1.placesToDomains)(selectedPlaces, domains);
-        return client.campaignStatisticGet({
+        return client
+            .campaignStatisticGet({
             startDate: (0, moment_1.default)(time.startDate).format(Enum_1.DATE_FORMAT),
             endDate: (0, moment_1.default)(time.endDate).format(Enum_1.DATE_FORMAT),
             timelineType: timelineType,
-            campaignAdGroups: ids.length ? ids.map(function (id) { return (__assign(__assign({}, id), { campaignId: campaignId })); }) : [{ campaignId: campaignId }],
-            analyticGroupBies: Object.values(Enum_2.AnalyticGroupBy).filter(function (g) { return !isNaN(Number(g)); }).map(function (g) { return Number(g); }),
+            campaignAdGroups: ids.length
+                ? ids.map(function (id) { return (__assign(__assign({}, id), { campaignId: campaignId })); })
+                : [{ campaignId: campaignId }],
+            analyticGroupBies: Object.values(Enum_2.AnalyticGroupBy)
+                .filter(function (g) { return !isNaN(Number(g)); })
+                .map(function (g) { return Number(g); }),
             placeIds: placeIds,
-            includedEventLabels: Object.values(Enum_1.BaseEvent)
-        }).then(function (res) {
-            var markedData = (0, Utils_1.markBillingType)(subCampaigns, res);
+            includedEventLabels: Object.values(Enum_1.BaseEvent),
+        })
+            .then(function (res) {
+            var statisticalData = (0, Utils_1.markBillingType)(subCampaigns, res);
+            var newObjects = (0, lodash_1.chain)(selectedDomains)
+                .groupBy('domainId')
+                .map(function (value) {
+                var currentPlaces = value
+                    .map(function (x) { return x.places; })
+                    .reduce(function (a, b) { return a.concat(b); }, []);
+                return {
+                    objectId: value[0].domainId,
+                    objectName: value[0].domainName,
+                    places: currentPlaces,
+                };
+            })
+                .value();
             var exportObj = {
                 name: "export_statistic_campaign_".concat(campaignId),
-                data: []
+                data: [],
             };
             switch (exportType) {
                 case common_1.EXPORT_TYPES.Domain: {
-                    var newObjects = (0, lodash_1.chain)(selectedDomains)
-                        .groupBy('domainId')
-                        .map(function (value) {
-                        var currentPlaces = value
-                            .map(function (x) { return x.places; })
-                            .reduce(function (a, b) { return a.concat(b); }, []);
-                        return {
-                            objectId: value[0].domainId,
-                            objectName: value[0].domainName,
-                            places: currentPlaces,
-                        };
-                    })
-                        .value();
-                    exportObj.data = (0, Utils_1.convertToExportDataGroupBy)(markedData, newObjects, timelineType, 'Domain');
+                    exportObj.data = (0, Utils_1.convertToExportDataGroupBy)(statisticalData, newObjects, timelineType, 'Domain', campaignName !== null && campaignName !== void 0 ? campaignName : '', 'Domain');
                     exportObj.name += '_groupby_domain';
                     break;
                 }
                 case common_1.EXPORT_TYPES.Export: {
-                    exportObj.data = (0, Utils_1.convertToExport)(subCampaigns, markedData, timelineType, selectedPlaces);
+                    exportObj.data = (0, Utils_1.convertToExport)(subCampaigns, statisticalData, timelineType, selectedPlaces, campaignName !== null && campaignName !== void 0 ? campaignName : '', fullPlaces);
                     exportObj.name += '_total';
                     break;
                 }
                 case common_1.EXPORT_TYPES.LocationGroup: {
-                    exportObj.data = (0, Utils_1.convertToExportDataGroupBy)(markedData, (0, Utils_1.dataGroupByPlace)(subCampaigns, ids), timelineType, 'Sub Campaign');
+                    exportObj.data = (0, Utils_1.convertToExportDataGroupBy)(statisticalData, (0, Utils_1.dataGroupByPlace)(subCampaigns, ids), timelineType, 'Sub Campaign', campaignName !== null && campaignName !== void 0 ? campaignName : '', i18n_1.default.t('Common.SubCampaign'));
                     exportObj.name += '_groupby_subcampaign';
                     break;
                 }
+                case common_1.EXPORT_TYPES.Ad: {
+                    exportObj.data = (0, Utils_1.convertToExportByAd)(subCampaigns, statisticalData, timelineType, campaignName !== null && campaignName !== void 0 ? campaignName : '');
+                    exportObj.name += '_ad';
+                    break;
+                }
                 default: {
-                    exportObj.data = (0, Utils_1.convertToExportData)(markedData, selectedPlaces, timelineType);
+                    exportObj.data = (0, Utils_1.convertToExportData)(statisticalData, selectedPlaces, timelineType, campaignName !== null && campaignName !== void 0 ? campaignName : '', fullPlaces);
                     exportObj.name += '_groupby_place';
                     break;
                 }
             }
             (0, exportFile_1.downloadWithDataSet)(String(exportObj.name).toUpperCase(), exportObj.data);
+            return;
         });
     };
     return ((0, jsx_runtime_1.jsx)(component_1.default, { domains: domains, startDate: startDate, endDate: endDate, subCampaigns: subCampaigns, isLoading: isLoading, statisticalData: statisticalChartData, getStatisticalData: getStatisticalData, exportData: exportData }));

package/lib/ACM-AXN/Campaign/CreateOrEdit/TabStatistic/SplitButtonExportType.js

@@ -61,6 +61,7 @@ var SplitButtonExportType = function (props) {
         Domain: t("Campaign.ExportType.Domain"),
         Location: t('Campaign.ExportType.Location'),
         LocationGroup: t('Campaign.ExportType.LocationGroup'),
+        Ad: t('Campaign.ExportType.Ad'),
     };
     return ((0, jsx_runtime_1.jsx)(material_1.Grid, { container: true, direction: "column", alignItems: "center", children: (0, jsx_runtime_1.jsxs)(material_1.Grid, { item: true, xs: 12, children: [(0, jsx_runtime_1.jsxs)(material_1.ButtonGroup, { disabled: loading, variant: "outlined", color: "inherit", ref: anchorRef, "aria-label": "split button", children: [(0, jsx_runtime_1.jsx)(lab_1.LoadingButton, { variant: 'outlined', onClick: handleClick, loading: loading, children: translationText[options[selectedIndex]] }), (0, jsx_runtime_1.jsx)(material_1.Button, { size: "small", "aria-controls": open ? 'split-button-menu' : undefined, "aria-expanded": open ? 'true' : undefined, "aria-label": "select merge strategy", "aria-haspopup": "menu", onClick: handleToggle, children: (0, jsx_runtime_1.jsx)(ArrowDropDown_1.default, {}) })] }), (0, jsx_runtime_1.jsx)(material_1.Popper, { style: { zIndex: 99999 }, open: open, anchorEl: anchorRef.current, transition: true, children: function (_a) {
                         var TransitionProps = _a.TransitionProps, placement = _a.placement;

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

@@ -2,6 +2,7 @@
 import { CampaignGroupModel, PlaceFilter } from '../../../../ACM-AXN/Campaign/Types';
 import { ShareType } from '../../../../ACM-AXN/Common/Enum';
 import { IStatisticDTO, Timestamp } from '../../../../ACM-AXN/Common/Types';
+import { AdministrativeUnitType } from '../../../../ACM-AXN/Page/enums';
 import { BaseChartComponent } from 'react-chartjs-2/dist/types';
 export interface IAudienceObjectOverview {
     timeline?: number;
@@ -81,6 +82,12 @@ export type DateRange = {
     startDate: Date;
     endDate: Date;
 };
+export type AdministrativeUnit = {
+    code?: string | undefined;
+    parentUnitCode?: string | undefined;
+    name?: string | undefined;
+    type?: AdministrativeUnitType;
+};
 export interface CampaignAnalyticService {
     campaignStatisticGetEvents(body: IStatisticDTO | undefined): Promise<AnalyticEvent[]>;
     campaignStatisticGetCustomer(startDate: string | undefined, endDate: string | undefined, campaignId: string | undefined): Promise<AudienceObjectReply>;
@@ -88,12 +95,15 @@ export interface CampaignAnalyticService {
     domainsGetAll?: () => Promise<IDomain[]>;
     placesGetPagingByPlaceFilter: (pageIndex?: number, pageSize?: number, body?: PlaceFilter) => Promise<any>;
     placesGetByPlaceFilter: (body?: PlaceFilter) => Promise<any[]>;
+    administrativeUnitsGet: () => Promise<AdministrativeUnit[]>;
 }
 export interface CampaignAnalyticProps {
     placeMultiSelectComponent: (p?: any) => JSX.Element;
+    fullPlaces?: AdministrativeUnit[];
     chart: BaseChartComponent;
     services: CampaignAnalyticService;
     campaignId: string;
+    campaignName?: string;
     isNetwork?: boolean;
     subCampaigns: CampaignGroupModel[];
 }

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

@@ -3,4 +3,5 @@ export declare const EXPORT_TYPES: {
     Domain: string;
     LocationGroup: string;
     Location: string;
+    Ad: string;
 };

package/lib/ACM-AXN/Campaign/CreateOrEdit/TabStatistic/common.js

@@ -4,6 +4,7 @@ exports.EXPORT_TYPES = void 0;
 exports.EXPORT_TYPES = {
     Export: "Export",
     Domain: "Domain",
-    LocationGroup: "LocationGroup",
-    Location: "Location",
+    LocationGroup: "LocationGroup", // Chiến dịch con
+    Location: "Location", // Địa điểm
+    Ad: "Ad" // Quảng cáo
 };

package/lib/ACM-AXN/Campaign/CreateOrEdit/TabStatistic/container.js

@@ -39,13 +39,42 @@ var Context_1 = __importStar(require("./Context"));
 var Hooks_1 = require("../../../../AWING/Hooks");
 exports.tabs = { ANALYTIC: 0, EVENT: 1, CUSTOMER: 2 };
 function TabStatisticsContainer() {
-    var _a = (0, Context_1.default)(), client = _a.services, campaignId = _a.campaignId, subCampaigns = _a.subCampaigns, isNetwork = _a.isNetwork;
+    var _a = (0, Context_1.default)(), client = _a.services, campaignId = _a.campaignId, subCampaigns = _a.subCampaigns, isNetwork = _a.isNetwork, campaignName = _a.campaignName, fullPlaces = _a.fullPlaces;
     var _b = (0, react_1.useState)(exports.tabs.ANALYTIC), tabIndex = _b[0], setTabIndex = _b[1];
     var time = (0, react_1.useMemo)(function () { return (0, Utils_1.getTime)(subCampaigns); }, [subCampaigns]);
+    var _c = (0, Hooks_1.useGetData)([], function () {
+        return client.domainsGetAll
+            ? client === null || client === void 0 ? void 0 : client.domainsGetAll().then(function (res) {
+                var campaignDomains = [];
+                subCampaigns.forEach(function (s) {
+                    var _a;
+                    (_a = s === null || s === void 0 ? void 0 : s.ads) === null || _a === void 0 ? void 0 : _a.forEach(function (ad) {
+                        var _a;
+                        (_a = ad === null || ad === void 0 ? void 0 : ad.places) === null || _a === void 0 ? void 0 : _a.forEach(function (p) {
+                            var _a;
+                            var idx = campaignDomains.findIndex(function (c) { return c.domainId === p.domainId; });
+                            if (idx > -1) {
+                                campaignDomains[idx].places.push(p);
+                            }
+                            else {
+                                var domainName = (_a = res.find(function (d) { return d.domainId === p.domainId; })) === null || _a === void 0 ? void 0 : _a.name;
+                                campaignDomains.push({
+                                    domainId: p.domainId,
+                                    domainName: domainName,
+                                    places: [p],
+                                });
+                            }
+                        });
+                    });
+                });
+                return campaignDomains;
+            })
+            : Promise.resolve([]);
+    }), isLoading = _c.isLoading, data = _c.data;
     var tabPanel = function () {
         switch (tabIndex) {
             case exports.tabs.ANALYTIC:
-                return ((0, jsx_runtime_1.jsx)(Analytic_1.default, { campaignId: campaignId, subCampaigns: subCampaigns, startDate: time.startDate, endDate: time.endDate, domains: data }));
+                return ((0, jsx_runtime_1.jsx)(Analytic_1.default, { campaignId: campaignId, subCampaigns: subCampaigns, startDate: time.startDate, endDate: time.endDate, domains: data, campaignName: campaignName, fullPlaces: fullPlaces }));
             case exports.tabs.EVENT:
                 return ((0, jsx_runtime_1.jsx)(Event_1.default, { campaignId: campaignId, startDate: time.startDate, endDate: time.endDate, subCampaigns: subCampaigns, domains: data }));
             case exports.tabs.CUSTOMER:
@@ -54,33 +83,6 @@ function TabStatisticsContainer() {
                 return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
         }
     };
-    var _c = (0, Hooks_1.useGetData)([], function () {
-        return client.domainsGetAll ? client === null || client === void 0 ? void 0 : client.domainsGetAll().then(function (res) {
-            var campaignDomains = [];
-            subCampaigns.forEach(function (s) {
-                var _a;
-                (_a = s === null || s === void 0 ? void 0 : s.ads) === null || _a === void 0 ? void 0 : _a.forEach(function (ad) {
-                    var _a;
-                    (_a = ad === null || ad === void 0 ? void 0 : ad.places) === null || _a === void 0 ? void 0 : _a.forEach(function (p) {
-                        var _a;
-                        var idx = campaignDomains.findIndex(function (c) { return c.domainId === p.domainId; });
-                        if (idx > -1) {
-                            campaignDomains[idx].places.push(p);
-                        }
-                        else {
-                            var domainName = (_a = res.find(function (d) { return d.domainId === p.domainId; })) === null || _a === void 0 ? void 0 : _a.name;
-                            campaignDomains.push({
-                                domainId: p.domainId,
-                                domainName: domainName,
-                                places: [p],
-                            });
-                        }
-                    });
-                });
-            });
-            return campaignDomains;
-        }) : Promise.resolve([]);
-    }), isLoading = _c.isLoading, data = _c.data;
     var handleChangeTab = function (newValue) {
         setTabIndex(newValue);
     };

package/lib/ACM-AXN/Campaign/CreateOrEdit/index.js

@@ -73,13 +73,14 @@ var CreateOrEdit = function () {
     var _e = (0, recoil_1.useRecoilState)(Recoils_1.confirmExitState), confirmExit = _e[0], setConfirmExit = _e[1];
     var readyForSubmit = (0, recoil_1.useRecoilValue)(Recoils_1.readyForSubmitState);
     var setCreate = (0, recoil_1.useSetRecoilState)(Recoils_1.isCreateState);
+    var _f = (0, react_1.useState)(), fullPlaces = _f[0], setFullPlaces = _f[1];
     var tabValid = {
         tabInfomationValid: (0, recoil_1.useRecoilValue)(Recoils_1.tabInfomationValidState),
         tabSubCampaignValid: (0, recoil_1.useRecoilValue)(Recoils_1.tabSubCampaignValidState),
         tabPartnerValid: (0, recoil_1.useRecoilValue)(Recoils_1.tabPartnerValidState),
     };
-    var _f = (0, react_1.useState)('0'), value = _f[0], setValue = _f[1];
-    var _g = (0, react_1.useState)(true), loading = _g[0], setLoading = _g[1];
+    var _g = (0, react_1.useState)('0'), value = _g[0], setValue = _g[1];
+    var _h = (0, react_1.useState)(true), loading = _h[0], setLoading = _h[1];
     var componentStatus = (0, react_1.useMemo)(function () {
         return location.pathname.includes(Constant_1.Constants.CAMPAIGN_DETAIL) &&
             !!campaignId
@@ -89,16 +90,20 @@ var CreateOrEdit = function () {
                 : Constant_1.Constants.CAMPAIGN_CREATE;
     }, [location.pathname, campaignId]);
     (0, react_1.useEffect)(function () {
-        if (!service.attributesGetByObjectTypeCode && !campaignData.campaignAttributes.length) {
-            setCampaignData(function (prev) { return (__assign(__assign({}, prev), { campaignAttributes: [""] })); });
+        if (!service.attributesGetByObjectTypeCode &&
+            !campaignData.campaignAttributes.length) {
+            setCampaignData(function (prev) {
+                return (__assign(__assign({}, prev), { campaignAttributes: [''] }));
+            });
         }
-        // eslint-disable-next-line react-hooks/exhaustive-deps     
-    }, [service, campaignData.campaignAttributes]);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [campaignData.campaignAttributes]);
     (0, react_1.useEffect)(function () {
         setLoading(true);
         Promise.all([getCampaignData(), getPage()]).finally(function () {
             setLoading(false);
         });
+        service.administrativeUnitsGet().then(setFullPlaces);
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
     (0, react_1.useEffect)(function () {
@@ -109,7 +114,9 @@ var CreateOrEdit = function () {
             .directoriesGetByObjectTypeCode(Enum_1.DirectoryRoot.Campaign)
             .then(setDirectories);
         if (service.attributesGetByObjectTypeCode) {
-            service.attributesGetByObjectTypeCode(Enum_1.DirectoryRoot.Campaign).then(setAttributes);
+            service
+                .attributesGetByObjectTypeCode(Enum_1.DirectoryRoot.Campaign)
+                .then(setAttributes);
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
@@ -135,7 +142,7 @@ var CreateOrEdit = function () {
             {
                 label: t('Campaign.Statistic'),
                 isShow: componentStatus === Constant_1.Constants.CAMPAIGN_DETAIL,
-                component: ((0, jsx_runtime_1.jsx)(TabStatistic_1.default, __assign({ campaignId: campaignData.campaign.id, subCampaigns: campaignData.campaignGroups }, otherProps, { services: service }))),
+                component: ((0, jsx_runtime_1.jsx)(TabStatistic_1.default, __assign({ campaignId: campaignData.campaign.id, campaignName: campaignData.campaign.name, subCampaigns: campaignData.campaignGroups, fullPlaces: fullPlaces }, otherProps, { services: service }))),
             },
             {
                 label: t('Campaign.Partner'),
@@ -153,7 +160,10 @@ var CreateOrEdit = function () {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [t, componentStatus, Constant_1.Constants, campaignData]);
     var handleChangeTab = function (_event, newValue) {
-        navigate((0, Router_1.generatePath)(matchPath, { campaignId: campaignId, tabName: route[Number(newValue)] }), { replace: true });
+        navigate((0, Router_1.generatePath)(matchPath, {
+            campaignId: campaignId,
+            tabName: route[Number(newValue)],
+        }), { replace: true });
     };
     var getCampaignData = function () {
         if (campaignId) {
@@ -189,7 +199,8 @@ var CreateOrEdit = function () {
                     campaignModel.campaignGroups.forEach(function (g) {
                         g.campaignGroup.ticket = Enum_1.CampaignTicket.INACTIVE;
                         if (!service.attributesGetByObjectTypeCode)
-                            g.campaignGroup.billingUnit = Enum_2.AnalyticType.AUTHENTICATION;
+                            g.campaignGroup.billingUnit =
+                                Enum_2.AnalyticType.AUTHENTICATION;
                     });
                 }
                 setCampaignData(campaignModel);
@@ -234,7 +245,9 @@ var CreateOrEdit = function () {
                                                 fontSize: '0.875rem',
                                             }, children: tab.label }), error: (tab === null || tab === void 0 ? void 0 : tab.valid)
                                             ? !tabValid[tab === null || tab === void 0 ? void 0 : tab.valid]
-                                            : undefined, errContent: (0, jsx_runtime_1.jsx)("span", { style: { marginLeft: '-5px' }, children: "*" }) }) }, idx)); }) }) }), tabsList.map(function (tab, idx) { return ((0, jsx_runtime_1.jsx)(lab_1.TabPanel, { sx: { padding: '0' }, value: String(idx), children: tab.component }, idx)); })] }) })) }) }));
+                                            : undefined, errContent: (0, jsx_runtime_1.jsx)("span", { style: {
+                                                marginLeft: '-5px',
+                                            }, children: "*" }) }) }, idx)); }) }) }), tabsList.map(function (tab, idx) { return ((0, jsx_runtime_1.jsx)(lab_1.TabPanel, { sx: { padding: '0' }, value: String(idx), children: tab.component }, idx)); })] }) })) }) }));
 };
 // eslint-disable-next-line import/no-anonymous-default-export
 exports.default = (0, Wrapper_1.default)(CreateOrEdit, { component: recoil_1.RecoilRoot });

package/lib/ACM-AXN/Page/enums.d.ts

@@ -26,3 +26,8 @@ export declare enum VERIFIED_STATUS {
     NOT_VERIFIED = 0,
     VERIFIED_ERROR = 1
 }
+export declare enum AdministrativeUnitType {
+    Province = 0,
+    District = 1,
+    Commune = 2
+}

package/lib/ACM-AXN/Page/enums.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.VERIFIED_STATUS = exports.VALID_PROCESS_CODE = exports.TrackingType = exports.PathType = exports.FileTypeCode = exports.PageCode = void 0;
+exports.AdministrativeUnitType = exports.VERIFIED_STATUS = exports.VALID_PROCESS_CODE = exports.TrackingType = exports.PathType = exports.FileTypeCode = exports.PageCode = void 0;
 var PageCode;
 (function (PageCode) {
     PageCode[PageCode["Wlc"] = 0] = "Wlc";
@@ -36,3 +36,9 @@ var VERIFIED_STATUS;
     VERIFIED_STATUS[VERIFIED_STATUS["NOT_VERIFIED"] = 0] = "NOT_VERIFIED";
     VERIFIED_STATUS[VERIFIED_STATUS["VERIFIED_ERROR"] = 1] = "VERIFIED_ERROR";
 })(VERIFIED_STATUS || (exports.VERIFIED_STATUS = VERIFIED_STATUS = {}));
+var AdministrativeUnitType;
+(function (AdministrativeUnitType) {
+    AdministrativeUnitType[AdministrativeUnitType["Province"] = 0] = "Province";
+    AdministrativeUnitType[AdministrativeUnitType["District"] = 1] = "District";
+    AdministrativeUnitType[AdministrativeUnitType["Commune"] = 2] = "Commune";
+})(AdministrativeUnitType || (exports.AdministrativeUnitType = AdministrativeUnitType = {}));

package/lib/Utils/Helpers.d.ts

@@ -15,7 +15,7 @@ export declare enum TIMELINE_TYPE {
  */
 export declare function getCookie(name: string): string | undefined;
 export declare function dateToString(date: moment.MomentInput): string;
-export declare function formatNumber(num: number | bigint | string | undefined): string;
+export declare function formatNumber<T = number | bigint | string | undefined>(num: T): string;
 export declare function getQueryVariable(variable: string): string;
 export declare function displayLongString(str: string, maxLength: number): string;
 export declare function generateUUID(): string;

package/lib/Utils/Helpers.js

@@ -78,6 +78,8 @@ function dateToString(date) {
 }
 exports.dateToString = dateToString;
 function formatNumber(num) {
+    if (String(num).includes(','))
+        return num;
     var value = Number(Number(num).toFixed(2));
     if (value || value === 0) {
         return new Intl.NumberFormat(i18n_1.default.language === 'vi' ? 'vi-VN' : 'en-US').format(value);

package/lib/translate/en/translation.json

@@ -121,6 +121,16 @@
         "RequestHasApprove": "Your request have approved",
         "Advance": "Advance",
         "Default": "Default",
+        "CampaignName": "Campaign’s Name",
+        "Channel": "Channel",
+        "DateGenerated": "Date/Time Generated",
+        "Timezone": "Report Timezone",
+        "SubCampaign": "Sub Campaign",
+        "Date": "Date",
+        "Location": "Location",
+        "CityProvince": "City/Province",
+        "District": "District",
+        "GeneralData": "General",
         "Events": "Events"
     },
     "User": {
@@ -475,6 +485,7 @@
             "Export": "Export total",
             "Domain": "Export By Domain",
             "Location": "Export By Location",
+            "Ad": "Export By Ad",
             "LocationGroup": "Export By Sub Campaign"
         },
         "Status": {

package/lib/translate/vi/translation.json

@@ -126,6 +126,16 @@
         "RequestHasApprove": "Yêu cầu đã được thay đổi",
         "Advance": "Nâng cao",
         "Default": "Mặc định",
+        "CampaignName": "Tên chiến dịch",
+        "Channel": "Kênh",
+        "DateGenerated": "Thời gian lập báo cáo",
+        "Timezone": "Múi giờ",
+        "SubCampaign": "Chiến dịch con",
+        "Date": "Thời gian",
+        "Location": "Địa điểm",
+        "CityProvince": "Tỉnh/Thành phố",
+        "District": "Quận/Huyện",
+        "GeneralData": "Dữ liệu tổng",
         "Events": "Sự kiện"
     },
     "InvalidMessage": {
@@ -459,7 +469,8 @@
             "Export": "Xuất dữ liệu tổng",
             "Domain": "Xuất theo Domain",
             "Location": "Xuất theo địa điểm",
-            "LocationGroup": "Xuất theo chiến dịch con"
+            "LocationGroup": "Xuất theo chiến dịch con",
+            "Ad": "Xuất theo Ad"
         },
         "Status": {
             "Title": "Trạng thái",

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "awing-library",
-    "version": "2.1.174-dev",
+    "version": "2.1.176-dev",
     "description": "",
     "main": "lib/index.js",
     "types": "lib/index.d.ts",