awing-library 2.1.1 → 2.1.2-stage

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

@@ -0,0 +1,387 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+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.dataGroupByPlace = exports.dataGroupByTimeline = exports.convertToShowDetail = exports.markBillingType = exports.placesToDomains = exports.convertToExport = exports.convertToExportData = exports.convertToExportDataGroupBy = void 0;
+var Enum_1 = require("../../../../../ACM-AXN/Campaign/Enum");
+var Helpers_1 = require("../../../../../Utils/Helpers");
+var lodash_1 = __importStar(require("lodash"));
+var i18n_1 = __importDefault(require("../../../../../i18n"));
+var Enum_2 = require("../../../../../ACM-AXN/Common/Enum");
+function convertToExportDataGroupBy(data, objects, timelineType, groupBy) {
+    var result = [];
+    var exportData = objects
+        .map(function (object, key) {
+        var placeIds = object.places.map(function (plc) { return plc.placeId; });
+        var analytics = data.filter(function (x) {
+            return groupBy !== 'Sub Campaign'
+                ? placeIds.includes(x.placeId)
+                : object.objectId === x.campaignGroupId;
+        });
+        var arr = dataGroupByTimeline(object ? object.objectName : key, analytics, timelineType);
+        arr.push([]); // Để cách ra 1 hàng
+        return arr;
+    })
+        .reduce(function (a, b) { return a.concat(b); }, []);
+    result.push({
+        columns: [
+            groupBy,
+            'Time',
+            i18n_1.default.t('Common.Impression'),
+            i18n_1.default.t('Common.Engagement'),
+            i18n_1.default.t('Common.FinalClick'),
+            'ER (%)',
+            'CTR (%)',
+        ],
+        data: exportData,
+    });
+    return result;
+}
+exports.convertToExportDataGroupBy = convertToExportDataGroupBy;
+function convertToExportData(data, places, timelineType) {
+    var result = [];
+    result.push({
+        columns: [
+            'Place',
+            'Time',
+            i18n_1.default.t('Common.Impression'),
+            i18n_1.default.t('Common.Enagagement'),
+            i18n_1.default.t('Common.FinalClick'),
+            'ER (%)',
+            'CTR (%)',
+        ],
+        data: dataGroupByTimeline('All', data, timelineType),
+    });
+    Array.prototype.push.apply(result, (0, lodash_1.chain)(data)
+        .groupBy('placeId')
+        .map(function (value, key) {
+        var place = places.find(function (x) { return x.placeId === key; });
+        var placeData = {
+            columns: Array(7).fill(''),
+            data: dataGroupByTimeline(place ? place.name : key, value, timelineType),
+        };
+        return placeData;
+    })
+        .value());
+    return result;
+}
+exports.convertToExportData = convertToExportData;
+function convertToExport(subCampaigns, data, timelineType, places) {
+    var result = [];
+    var isShouldHeader = true;
+    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 _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(__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
+                    ? [
+                        'Sub-campaign',
+                        'Ad',
+                        'Place',
+                        'Time',
+                        i18n_1.default.t('Common.Impression'),
+                        i18n_1.default.t("Campaign.EngagementPerSpot"),
+                        i18n_1.default.t('Common.FinalClick'),
+                        "ER (%)",
+                        "CTR (%)",
+                    ]
+                    : Array(9).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); }),
+            });
+            isShouldHeader = false;
+            Array.prototype.push.apply(result, (0, lodash_1.chain)(adData)
+                .groupBy('placeId')
+                .map(function (value, key) {
+                var place = places.find(function (x) { return x.placeId === key; });
+                var placeData = {
+                    columns: Array(9).fill(''),
+                    data: dataGroupByTimeline(place ? (place === null || place === void 0 ? void 0 : place.name) || place.placeId : key, 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);
+                    }),
+                };
+                return placeData;
+            })
+                .value());
+        });
+    });
+    return result;
+}
+exports.convertToExport = convertToExport;
+function placesToDomains(places, domains) {
+    var _a, _b;
+    if (domains === void 0) { domains = []; }
+    var groupDomain = [];
+    var _loop_1 = function (i) {
+        var place = places[i];
+        var placeAdd = {
+            placeId: place.placeId,
+            name: place.name,
+        };
+        var domainIndex = groupDomain.findIndex(function (x) { return x.domainId === place.domainId; });
+        if (domainIndex < 0) {
+            var newDomain = {
+                domainId: place.domainId,
+                places: [placeAdd],
+            };
+            newDomain.domainName =
+                (_b = (_a = domains.find(function (d) { return d.domainId == place.domainId; })) === null || _a === void 0 ? void 0 : _a.domainName) !== null && _b !== void 0 ? _b : place.domainId;
+            groupDomain.push(newDomain);
+        }
+        else {
+            groupDomain[domainIndex].places.push(placeAdd);
+        }
+    };
+    for (var i = 0; i < places.length; i++) {
+        _loop_1(i);
+    }
+    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 });
+}); };
+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;
+        (_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) {
+                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);
+                })
+                    .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 sum + ((event === null || event === void 0 ? void 0 : event.total) || 0);
+                }, 0);
+                result.push({
+                    subCampaignName: sub === null || sub === void 0 ? void 0 : sub.campaignGroup.name,
+                    subCampaignNameId: sub === null || sub === void 0 ? void 0 : sub.campaignGroup.id,
+                    adName: ad === null || ad === void 0 ? void 0 : ad.name,
+                    adId: ad.id,
+                    domainName: domain === null || domain === void 0 ? void 0 : domain.domainName,
+                    placeId: place === null || place === void 0 ? void 0 : place.placeId,
+                    placeName: (place === null || place === void 0 ? void 0 : place.name)
+                        ? "".concat(place.name).concat((place === null || place === void 0 ? void 0 : place.isDeleted) ? ' - Đã xóa' : '')
+                        : '',
+                    click: totalClick,
+                    isDeleted: place === null || place === void 0 ? void 0 : place.isDeleted,
+                });
+            });
+        });
+    });
+    return (0, lodash_1.sortBy)(result, ['isDeleted']).reverse();
+}
+exports.convertToShowDetail = convertToShowDetail;
+function dataGroupByTimeline(place, 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');
+        // let impression = sumBy(value, BaseEvent[AnalyticType.VIEW])
+        var impression = (0, lodash_1.sumBy)(value, Enum_1.BaseEvent[Enum_2.AnalyticType.VIEW]);
+        var click = (0, lodash_1.sumBy)(value, Enum_1.BaseEvent[Enum_2.AnalyticType.CLICK]);
+        var authen = (0, lodash_1.sumBy)(value, Enum_1.BaseEvent[Enum_2.AnalyticType.AUTHENTICATION]);
+        var er = impression !== 0 ? (authen * 100) / impression : 0;
+        var ctr = impression !== 0 ? (click * 100) / impression : 0;
+        var arr = [place, dateString, impression, authen, click, Number(er.toFixed(2)), Number(ctr.toFixed(2))];
+        return arr;
+    })
+        .value();
+    var impr = (0, lodash_1.sumBy)(data, Enum_1.BaseEvent[Enum_2.AnalyticType.VIEW]);
+    var clk = (0, lodash_1.sumBy)(data, Enum_1.BaseEvent[Enum_2.AnalyticType.CLICK]);
+    var authen = (0, lodash_1.sumBy)(data, Enum_1.BaseEvent[Enum_2.AnalyticType.AUTHENTICATION]);
+    result.push([
+        place,
+        i18n_1.default.t('Schedule.Total'),
+        impr,
+        authen,
+        clk,
+        Number((impr !== 0 ? ((authen * 100) / impr) : 0).toFixed(2)),
+        Number((impr !== 0 ? ((clk * 100) / impr) : 0).toFixed(2)),
+    ]);
+    return result;
+}
+exports.dataGroupByTimeline = dataGroupByTimeline;
+function dataGroupByPlace(subCampaigns, ids) {
+    return (0, lodash_1.chain)(subCampaigns.filter(function (sub) {
+        var _a, _b, _c;
+        return ids.campaignGroupId === undefined ||
+            (ids.campaignGroupId !== undefined &&
+                ((_b = (_a = sub === null || sub === void 0 ? void 0 : sub.campaignGroup) === null || _a === void 0 ? void 0 : _a.id) === null || _b === void 0 ? void 0 : _b.toString()) ===
+                    ((_c = ids === null || ids === void 0 ? void 0 : ids.campaignGroupId) === null || _c === void 0 ? void 0 : _c.toString()));
+    }))
+        .map(function (value) {
+        var currentPlaces = [];
+        value.ads.forEach(function (ad) {
+            var _a;
+            (_a = ad === null || ad === void 0 ? void 0 : ad.places) === null || _a === void 0 ? void 0 : _a.concat((ad === null || ad === void 0 ? void 0 : ad.deletedPlaces) || []).forEach(function (p) {
+                if (!currentPlaces.find(function (c) { return c.placeId === p.placeId; })) {
+                    currentPlaces.push(p);
+                }
+            });
+        });
+        return {
+            objectId: value.campaignGroup.id,
+            objectName: value.campaignGroup.name,
+            places: currentPlaces,
+        };
+    })
+        .value();
+}
+exports.dataGroupByPlace = dataGroupByPlace;
+var convertToChartData = function (data, campaignGroups, time) {
+    var _a;
+    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);
+    }), false));
+    data.forEach(function (x) {
+        var _a;
+        var subCampaign = campaignGroups.find(function (c) { return c.campaignGroup.id === x.campaignGroupId; });
+        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 timeline = x.timeline.toString();
+        x.analyticEventSummaries.forEach(function (event) {
+            var _a;
+            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;
+                (_a = convertData[objKey]) === null || _a === void 0 ? void 0 : _a.chartData.push({
+                    y: event.total,
+                    x: timeline,
+                });
+                if (convertData[objKey]) {
+                    convertData[objKey].total += event.total;
+                }
+            }
+        });
+    });
+    var translate = (_a = {},
+        _a[Enum_1.BaseEvent[Enum_2.AnalyticType.VIEW]] = 'Common.Impression',
+        _a['Spot'] = 'Campaign.Spot',
+        _a['Engagement'] = 'Campaign.Engagement',
+        _a);
+    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, time.startDate, time.endDate),
+                fill: false,
+                pointStyle: 'circle',
+                yAxisID: 'y',
+                variant: String(index),
+            };
+        }
+        return {};
+    }).filter(function (o) { return Object.values(o).length; });
+};
+exports.convertToChartData = convertToChartData;
+function groupBy(array, key) {
+    return array.reduce(function (result, currentValue) {
+        var groupKey = String(currentValue[key]); // Convert key to string to use as an object property
+        if (!result[groupKey]) {
+            result[groupKey] = [];
+        }
+        result[groupKey].push(currentValue);
+        return result;
+    }, {});
+}
+exports.groupBy = groupBy;

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

@@ -0,0 +1,14 @@
+import { DateRange } from '../Types';
+import { CampaignGroupModel } from '../../../../../ACM-AXN/Campaign/Types';
+interface Props {
+    isLoading: boolean;
+    startDate: Date;
+    endDate: Date;
+    subCampaigns: CampaignGroupModel[];
+    statisticalData: any;
+    getStatisticalData: (time: DateRange, placeIds: string[], timelineType: number, ids: any, statisticType?: number) => void;
+    exportData: any;
+    domains: any[];
+}
+declare const Analytic: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export default Analytic;

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

@@ -0,0 +1,77 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var material_1 = require("@mui/material");
+var ChartFilter_1 = __importDefault(require("../ChartFilter"));
+var ChartWithType_1 = __importDefault(require("./ChartWithType"));
+var Helpers_1 = require("../../../../../Utils/Helpers");
+var AWING_1 = require("../../../../../AWING");
+var Analytic = function (props) {
+    var isLoading = props.isLoading, startDate = props.startDate, endDate = props.endDate, subCampaigns = props.subCampaigns, statisticalData = props.statisticalData, getStatisticalData = props.getStatisticalData, exportData = props.exportData, domains = props.domains;
+    var _a = (0, react_1.useState)({
+        time: {
+            startDate: startDate,
+            endDate: endDate,
+        },
+        placeIds: [],
+        ids: [],
+        timelineType: Helpers_1.TIMELINE_TYPE.DAY,
+        statisticType: 0,
+    }), queryInput = _a[0], setQueryInput = _a[1];
+    var changeQueryInput = function (fieldName, fieldValue) {
+        var _a;
+        var newInput = __assign(__assign({}, queryInput), (_a = {}, _a[fieldName] = fieldValue, _a));
+        setQueryInput(newInput);
+        getStatisticalData(newInput.time, newInput.placeIds, newInput.timelineType, newInput.ids, newInput.statisticType);
+    };
+    var queryData = function () {
+        getStatisticalData(queryInput.time, queryInput.placeIds, queryInput.timelineType, queryInput.ids, queryInput.statisticType);
+    };
+    var changeTimelineType = function (timelineType) {
+        var newInput = __assign(__assign({}, queryInput), { timelineType: timelineType });
+        setQueryInput(newInput);
+        getStatisticalData(newInput.time, newInput.placeIds, newInput.timelineType, newInput.ids, newInput.statisticType);
+    };
+    var changeStatisticType = function (statisticType) {
+        var newInput = __assign(__assign({}, queryInput), { statisticType: statisticType });
+        setQueryInput(newInput);
+        getStatisticalData(newInput.time, newInput.placeIds, newInput.timelineType, newInput.ids, newInput.statisticType);
+    };
+    var handleChangeAdGroupId = function (newCampaignAdGroupId) {
+        var result = [];
+        newCampaignAdGroupId.forEach(function (n) {
+            var temp = n.split("&");
+            if (temp.length > 1) {
+                result.push({
+                    campaignGroupId: temp[0],
+                    campaignAdId: temp[1],
+                });
+            }
+            else {
+                result.push({ campaignGroupId: temp[0] });
+            }
+        });
+        var newInput = __assign(__assign({}, queryInput), { ids: result });
+        setQueryInput(newInput);
+        getStatisticalData(newInput.time, newInput.placeIds, newInput.timelineType, newInput.ids, newInput.statisticType);
+    };
+    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, time: queryInput.time })) })] }));
+};
+exports.default = Analytic;

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

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

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

@@ -0,0 +1,135 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var common_1 = require("../common");
+var Utils_1 = require("./Utils");
+var component_1 = __importDefault(require("./component"));
+var moment_1 = __importDefault(require("moment"));
+var Enum_1 = require("../../../../../ACM-AXN/Campaign/Enum");
+var lodash_1 = require("lodash");
+var Context_1 = __importDefault(require("../Context"));
+var exportFile_1 = require("../../../../../ACM-AXN/CampaignSchedule/exportFile");
+var AnalyticContainer = function (props) {
+    var campaignId = props.campaignId, startDate = props.startDate, endDate = props.endDate, subCampaigns = props.subCampaigns, domains = props.domains;
+    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];
+    var _c = (0, react_1.useState)([]), statisticalData = _c[0], setStatisticalData = _c[1];
+    var placesOfCampaign = (0, react_1.useMemo)(function () {
+        var result = [];
+        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 _a;
+                (_a = ad === null || ad === void 0 ? void 0 : ad.places) === null || _a === void 0 ? void 0 : _a.concat((ad === null || ad === void 0 ? void 0 : ad.deletedPlaces) || []).forEach(function (place) {
+                    if (!result.find(function (r) { return r.placeId === place.placeId; })) {
+                        result.push(place);
+                    }
+                });
+            });
+        });
+        return result;
+    }, [subCampaigns]);
+    var filterPlaces = function (ids) {
+        var result = [];
+        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 _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)); })) {
+                    (_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);
+                        }
+                    });
+                }
+            });
+        });
+        return result;
+    };
+    var getStatisticalData = function (time, placeIds, timelineType, ids, statisticType) {
+        var selectedPlaces = ids.length > 0 ? filterPlaces(ids) : placesOfCampaign;
+        selectedPlaces =
+            placeIds.length > 0
+                ? selectedPlaces.filter(function (p) { return placeIds.includes(p.placeId); })
+                : selectedPlaces;
+        var selectedDomains = (0, Utils_1.placesToDomains)(selectedPlaces, domains);
+        setIsLoading(true);
+        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 }],
+            placeIds: placeIds,
+            includedEventLabels: Object.values(Enum_1.BaseEvent)
+        }).then(function (res) {
+            setStatisticalData((0, Utils_1.markBillingType)(subCampaigns, 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;
+        // downloadWithDataSet
+        var selectedDomains = (0, Utils_1.placesToDomains)(selectedPlaces, domains);
+        var exportObj = {
+            name: "export_statistic_campaign_".concat(campaignId),
+            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)(statisticalData, newObjects, timelineType, 'Domain');
+                exportObj.name += '_groupby_domain';
+                break;
+            }
+            case common_1.EXPORT_TYPES.Export: {
+                exportObj.data = (0, Utils_1.convertToExport)(subCampaigns, statisticalData, timelineType, selectedPlaces);
+                exportObj.name += '_total';
+                break;
+            }
+            case common_1.EXPORT_TYPES.LocationGroup: {
+                exportObj.data = (0, Utils_1.convertToExportDataGroupBy)(statisticalData, (0, Utils_1.dataGroupByPlace)(subCampaigns, ids), timelineType, 'Sub Campaign');
+                exportObj.name += '_groupby_subcampaign';
+                break;
+            }
+            default: {
+                exportObj.data = (0, Utils_1.convertToExportData)(statisticalData, selectedPlaces, timelineType);
+                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 }));
+};
+exports.default = AnalyticContainer;

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

@@ -0,0 +1 @@
+export { default } from "./container";

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

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var container_1 = require("./container");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(container_1).default; } });

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

@@ -0,0 +1,12 @@
+import { CampaignGroupModel } from '../../../../ACM-AXN/Campaign/Types';
+interface Props {
+    subCampaigns: CampaignGroupModel[];
+    queryInput: any;
+    isExportType: boolean;
+    onChangeQueryInput: (changeType: string, newValue: any) => void;
+    onQueryData: () => void;
+    onExportData: (exportType?: string) => void;
+    domains: any[];
+}
+declare const ChartFilterBox: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export default ChartFilterBox;