awing-library 2.1.124-beta → 2.1.124

package/lib/ACM-AXN/Campaign/CreateOrEdit/TabStatistic/Event/EventContainer.test.js

@@ -0,0 +1,48 @@
+"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 = __importDefault(require("react"));
+var enzyme_1 = require("enzyme");
+var container_1 = __importDefault(require("./container"));
+var component_1 = __importDefault(require("./component"));
+describe("EventContainer", function () {
+    var wrapper;
+    var props = {
+        campaignId: "abc",
+        startDate: new Date(),
+        endDate: new Date(),
+        subCampaigns: [],
+        domains: [],
+    };
+    beforeEach(function () {
+        wrapper = (0, enzyme_1.shallow)((0, jsx_runtime_1.jsx)(container_1.default, __assign({}, props)));
+    });
+    it("should render without errors, should render an EventComponent", function () {
+        expect(wrapper.exists()).toBe(true);
+        expect(wrapper.find(component_1.default)).toHaveLength(1);
+    });
+    it("should render an EventComponent with correct props", function () {
+        expect(wrapper.find(component_1.default).props()).toMatchObject({
+            startDate: props.startDate,
+            endDate: props.endDate,
+            subCampaigns: props.subCampaigns,
+            isLoading: true,
+            eventData: [],
+            domains: props.domains,
+        });
+    });
+});

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

@@ -0,0 +1,5 @@
+interface Props {
+    data: any;
+}
+declare const EventTable: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export default EventTable;

package/lib/ACM-AXN/Campaign/CreateOrEdit/TabStatistic/Event/Table.js

@@ -0,0 +1,33 @@
+"use strict";
+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 styles_1 = require("@mui/styles");
+var material_1 = require("@mui/material");
+var react_i18next_1 = require("react-i18next");
+var Helpers_1 = require("../../../../../Utils/Helpers");
+var i18n_1 = __importDefault(require("../../../../../i18n"));
+var useStyles = (0, styles_1.makeStyles)({
+    table: {
+        minWidth: 400,
+        '& > thead > tr > th': {
+            borderBottom: '1px solid #fafafa',
+        },
+        '& > tbody > tr > td': {
+            borderBottom: '1px solid #fafafa',
+        },
+    },
+});
+var EventTable = function (props) {
+    var classes = useStyles();
+    var eventDetails = props.data;
+    var t = (0, react_i18next_1.useTranslation)(undefined, { i18n: i18n_1.default }).t;
+    var translationText = {
+        eventLabel: t('Campaign.Detail.EventLabel'),
+        number: t('Campaign.Detail.TotalEvents'),
+    };
+    return ((0, jsx_runtime_1.jsx)(material_1.TableContainer, { component: material_1.Paper, children: (0, jsx_runtime_1.jsxs)(material_1.Table, { className: classes.table, children: [(0, jsx_runtime_1.jsx)(material_1.TableHead, { children: (0, jsx_runtime_1.jsxs)(material_1.TableRow, { children: [(0, jsx_runtime_1.jsx)(material_1.TableCell, { children: translationText.eventLabel }), (0, jsx_runtime_1.jsx)(material_1.TableCell, { children: translationText.number })] }) }), (0, jsx_runtime_1.jsx)(material_1.TableBody, { children: eventDetails.map(function (row) { return ((0, jsx_runtime_1.jsxs)(material_1.TableRow, { children: [(0, jsx_runtime_1.jsx)(material_1.TableCell, { children: row.eventLabel }), (0, jsx_runtime_1.jsx)(material_1.TableCell, { children: (0, Helpers_1.roundDecimalNumber)(row.total) })] }, row.eventLabel)); }) })] }) }));
+};
+exports.default = EventTable;

package/lib/ACM-AXN/Campaign/CreateOrEdit/TabStatistic/Event/Table.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/ACM-AXN/Campaign/CreateOrEdit/TabStatistic/Event/Table.test.js

@@ -0,0 +1,30 @@
+"use strict";
+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 = __importDefault(require("react"));
+var enzyme_1 = require("enzyme");
+var Table_1 = __importDefault(require("./Table"));
+var Helper_1 = require("Utilities/Helper");
+describe("Table", function () {
+    var mockData = [
+        { eventLabel: "Contact Form", total: 100 },
+        { eventLabel: "Purchase", total: 50 },
+    ];
+    it("renders without crashing", function () {
+        (0, enzyme_1.shallow)((0, jsx_runtime_1.jsx)(Table_1.default, { data: mockData }));
+    });
+    it("renders the correct number of rows", function () {
+        var wrapper = (0, enzyme_1.mount)((0, jsx_runtime_1.jsx)(Table_1.default, { data: mockData }));
+        expect(wrapper.find(".MuiTableRow-root")).toHaveLength(mockData.length + 1);
+    });
+    it("renders the correct event labels and totals", function () {
+        var wrapper = (0, enzyme_1.mount)((0, jsx_runtime_1.jsx)(Table_1.default, { data: mockData }));
+        mockData.forEach(function (row) {
+            expect(wrapper.contains(row.eventLabel)).toEqual(true);
+            expect(wrapper.contains((0, Helper_1.roundDecimalNumber)(row.total))).toEqual(true);
+        });
+    });
+});

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

@@ -0,0 +1,7 @@
+import { CampaignAd } from '../../../../../ACM-AXN/Campaign/Types';
+import { AnalyticEvent, AnalyticEventModelResponse, IAnalyticCampaignSummary } from '../Types';
+export declare const convertEventData: (data: IAnalyticCampaignSummary[]) => AnalyticEventModelResponse[];
+export declare function convertToExportData(data: AnalyticEvent[], places: NonNullable<CampaignAd['places']>): {
+    columns: string[];
+    data: string[][];
+}[];

package/lib/ACM-AXN/Campaign/CreateOrEdit/TabStatistic/Event/Util.js

@@ -0,0 +1,81 @@
+"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 __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.convertToExportData = exports.convertEventData = void 0;
+var Helpers_1 = require("../../../../../Utils/Helpers");
+var lodash_1 = __importDefault(require("lodash"));
+var Utils_1 = require("../Utils");
+var convertEventData = function (data) { return data.map(function (el) {
+    return el.analyticEventSummaries.map(function (x, index, events) { return ({
+        timeline: el.timeline,
+        eventLabel: (0, Utils_1.extractEvent)(x.eventLabel).eventName,
+        total: events
+            .filter(function (e) {
+            return (0, Utils_1.extractEvent)(e.eventLabel).eventName ===
+                (0, Utils_1.extractEvent)(x.eventLabel).eventName;
+        })
+            .reduce(function (total, e) { return total + e.total; }, 0),
+    }); });
+}).flat(); };
+exports.convertEventData = convertEventData;
+function convertToExportData(data, places) {
+    var headCell = new Set(['Place', 'Mac Address', 'Created date', 'View Number', 'Event label']);
+    var exportData = [];
+    (0, lodash_1.default)(data).groupBy('id')
+        .map(function (value, key) {
+        var events = value.map(function (v) { return v.events; }).flat().filter(function (e) { return e.viewNumber; });
+        Object.keys(Object.assign.apply(Object, __spreadArray([{}], events.map(function (e) { return (0, Helpers_1.parseJSON)(e.eventObject); }), false))).forEach(headCell.add, headCell);
+        return events.map(function (e) { return (__assign(__assign({}, e), { analyticId: key })); });
+    })
+        .flatten()
+        .value()
+        .forEach(function (el) {
+        var columns = Array.from(headCell);
+        var analytic = data.find(function (x) { return String(x.id) === el.analyticId; });
+        var place = places.find(function (x) { return x.placeId === (analytic === null || analytic === void 0 ? void 0 : analytic.placeId); });
+        var rowData = [
+            place ? place.name : analytic === null || analytic === void 0 ? void 0 : analytic.placeId,
+            analytic === null || analytic === void 0 ? void 0 : analytic.macAddress,
+            (0, Helpers_1.dateTimeToString)((0, Helpers_1.convertTimestampToDateTime)(analytic.createdDate), 'DD/MM/YYYY, HH'),
+        ];
+        rowData.push(el.viewNumber.toString(), el.eventLabel);
+        columns.forEach(function (c, idx) {
+            if (idx > 4) {
+                var row = (0, Helpers_1.parseJSON)(el.eventObject)[c];
+                rowData.push(row ? typeof row === 'string'
+                    ? row
+                    : JSON.stringify(row) : '');
+            }
+        });
+        exportData.push(rowData);
+    });
+    return [
+        {
+            columns: Array.from(headCell),
+            data: exportData,
+        },
+    ];
+}
+exports.convertToExportData = convertToExportData;

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

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

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

@@ -0,0 +1,166 @@
+"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");
+/* eslint-disable eqeqeq */
+var material_1 = require("@mui/material");
+var lodash_1 = __importDefault(require("lodash"));
+var react_1 = __importDefault(require("react"));
+var ChartFilter_1 = __importDefault(require("../ChartFilter"));
+var Table_1 = __importDefault(require("./Table"));
+// import { BarLineChart } from 'Components/ChartAdvance'
+var AWING_1 = require("../../../../../AWING");
+var i18n_1 = __importDefault(require("../../../../../i18n"));
+var Helpers_1 = require("../../../../../Utils/Helpers");
+var MultipleHierarchicalChoice_1 = require("../../../../../AWING/MultipleHierarchicalChoice");
+var react_i18next_1 = require("react-i18next");
+var Context_1 = __importDefault(require("../Context"));
+var Event = function (props) {
+    var chart = (0, Context_1.default)().chart;
+    var t = (0, react_i18next_1.useTranslation)(undefined, { i18n: i18n_1.default }).t;
+    var isLoading = props.isLoading, startDate = props.startDate, endDate = props.endDate, subCampaigns = props.subCampaigns, eventData = props.eventData, getEventData = props.getEventData, exportData = props.exportData, domains = props.domains;
+    var _a = react_1.default.useState({
+        time: {
+            startDate: startDate,
+            endDate: endDate,
+        },
+        placeIds: [],
+        ids: {},
+    }), 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);
+        getEventData(newInput.time, newInput.placeIds, newInput.ids);
+    };
+    var queryData = function () {
+        getEventData(queryInput.time, queryInput.placeIds, queryInput.ids);
+    };
+    function convertDataSetPattern(eventData, time) {
+        return lodash_1.default.chain(eventData)
+            .groupBy('eventLabel')
+            .map(function (data, eventLabel) {
+            return {
+                eventLabel: eventLabel,
+                data: lodash_1.default.chain(data)
+                    .groupBy('timeline')
+                    .map(function (value, key) { return ({
+                    x: key.toString(),
+                    y: lodash_1.default.sumBy(value, 'total'),
+                }); })
+                    .value(),
+                total: lodash_1.default.sumBy(data, 'total'),
+            };
+        })
+            .value().map(function (value, index) {
+            return {
+                label: value.eventLabel + ' ' + (0, Helpers_1.roundDecimalNumber)(value.total),
+                type: 'line',
+                data: (0, Helpers_1.fillMissingDates)(value.data, time.startDate, time.endDate),
+                fill: false,
+                pointStyle: 'rect',
+                yAxisID: 'y',
+                variant: String(index),
+            };
+        });
+    }
+    var tableData = lodash_1.default.chain(eventData)
+        .groupBy('eventLabel')
+        .map(function (value, key) { return ({
+        eventLabel: key,
+        total: lodash_1.default.sumBy(value, 'total'),
+    }); })
+        .value();
+    var handleGroupChange = function (value) {
+        var _a, _b, _c, _d;
+        if (value.length > 0) {
+            var temp = { campaignGroupId: (_a = value[0][0]) === null || _a === void 0 ? void 0 : _a.code };
+            if (value[0][1] !== undefined) {
+                var code = (_d = (_c = (_b = value[0][1]) === null || _b === void 0 ? void 0 : _b.code) === null || _c === void 0 ? void 0 : _c.split('&')) === null || _d === void 0 ? void 0 : _d[1];
+                temp.campaignAdId = code;
+            }
+            changeQueryInput('ids', temp);
+        }
+        else {
+            changeQueryInput('ids', {});
+        }
+    };
+    var getGroupOptions = function () {
+        var ads = [];
+        subCampaigns.forEach(function (s) {
+            var _a, _b;
+            ads.push({
+                code: (_a = s.campaignGroup.id) === null || _a === void 0 ? void 0 : _a.toString(),
+                name: s.campaignGroup.name,
+                parentUnitCode: '',
+            });
+            (_b = s === null || s === void 0 ? void 0 : s.ads) === null || _b === void 0 ? void 0 : _b.forEach(function (a) {
+                var _a, _b;
+                ads.push({
+                    code: "".concat(s.campaignGroup.id, "&").concat(a.id),
+                    name: a.name,
+                    parentUnitCode: (_b = (_a = s.campaignGroup) === null || _a === void 0 ? void 0 : _a.id) === null || _b === void 0 ? void 0 : _b.toString(),
+                });
+            });
+        });
+        return ads;
+    };
+    var groupOptions = getGroupOptions();
+    var getValue = function () {
+        var result = [];
+        if (queryInput.ids.campaignGroupId) {
+            var group = groupOptions.find(function (g) { var _a; return g.code == ((_a = queryInput.ids.campaignGroupId) === null || _a === void 0 ? void 0 : _a.toString()); });
+            result = [[group]];
+            if (queryInput.ids.campaignAdId) {
+                var ad = groupOptions.find(function (g) {
+                    return g.code ==
+                        "".concat(queryInput.ids.campaignGroupId, "&").concat(queryInput.ids.campaignAdId);
+                });
+                result = [[group, ad]];
+            }
+        }
+        return result;
+    };
+    var dataConvert = convertDataSetPattern(eventData, queryInput.time);
+    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, { isExportType: false, subCampaigns: subCampaigns, queryInput: queryInput, onChangeQueryInput: changeQueryInput, onQueryData: queryData, onExportData: function () {
+                        return exportData(queryInput.time, queryInput.placeIds, queryInput.ids);
+                    }, domains: domains }) }), (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 12, children: isLoading ? ((0, jsx_runtime_1.jsx)(AWING_1.CircularProgress, {})) : ((0, jsx_runtime_1.jsxs)(material_1.Grid, { container: true, spacing: 2, sx: {
+                        border: '1px solid #ccc',
+                        paddingTop: 4,
+                        marginTop: 2,
+                        marginLeft: -1,
+                    }, children: [(0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 7 }), (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 4, children: (0, jsx_runtime_1.jsx)(MultipleHierarchicalChoice_1.MultipleHierarchicalChoice, { onChange: handleGroupChange, options: groupOptions, placeholder: t('Campaign.SelectGroup'), label: t('Common.ViewBy'), value: getValue(), maxSelected: 1 }) }), (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 1 }), (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 12, children: (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
+                                    padding: function (theme) { return theme.spacing(1); },
+                                    paddingLeft: function (theme) { return theme.spacing(16); },
+                                    paddingRight: function (theme) { return theme.spacing(16); },
+                                    height: '435px',
+                                }, children: (0, jsx_runtime_1.jsx)(AWING_1.BarLineComponent, { chart: chart, dataChart: dataConvert, type: 'line', data: [], optionCustom: {
+                                        scales: {
+                                            y: {
+                                                title: {
+                                                    text: t('Statistics.View'),
+                                                },
+                                            },
+                                            yAxis: {
+                                                display: false,
+                                            },
+                                        },
+                                    } }) }) }), (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 12, sx: {
+                                marginLeft: -1,
+                                marginBottom: 1,
+                            }, children: (0, jsx_runtime_1.jsx)(Table_1.default, { data: tableData }) })] })) })] }));
+};
+exports.default = Event;

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

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

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

@@ -0,0 +1,111 @@
+"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 __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 Enum_1 = require("../../../../../ACM-AXN/Campaign/Enum");
+var exportFile_1 = require("../../../../../ACM-AXN/CampaignSchedule/exportFile");
+var Enum_2 = require("../../../../../ACM-AXN/Common/Enum");
+var moment_1 = __importDefault(require("moment"));
+var react_1 = __importStar(require("react"));
+var Context_1 = __importDefault(require("../Context"));
+var Util_1 = require("./Util");
+var component_1 = __importDefault(require("./component"));
+var EventContainer = 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 = react_1.default.useState(true), isLoading = _a[0], setIsLoading = _a[1];
+    var _b = react_1.default.useState([]), eventData = _b[0], setEventData = _b[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, _b;
+                (_b = (_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) || [])) === null || _b === void 0 ? void 0 : _b.forEach(function (place) {
+                    if (!result.find(function (r) { return r.placeId === place.placeId; })) {
+                        result.push(place);
+                    }
+                });
+            });
+        });
+        return result;
+    }, [subCampaigns]);
+    var getEventData = function (time, placeIds, ids) {
+        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: Enum_2.TimelineType.Day,
+            campaignAdGroups: [
+                __assign({ campaignId: campaignId }, ids),
+            ],
+            analyticGroupBies: [
+                Enum_2.AnalyticGroupBy.GbEventLabel,
+                Enum_2.AnalyticGroupBy.GbTimeline,
+            ],
+            ignoredEventLabels: Object.values(Enum_1.BaseEvent),
+            placeIds: placeIds,
+        })
+            .then(function (res) { return setEventData((0, Util_1.convertEventData)(res)); })
+            .finally(function () { return setIsLoading(false); });
+    };
+    var exportData = function (time, placeIds, ids) {
+        var places = placeIds.length ? placesOfCampaign.filter(function (p) {
+            return placeIds.includes(p.placeId);
+        }) : placesOfCampaign;
+        return client
+            .campaignStatisticGetEvents({
+            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: Enum_2.TimelineType.Day,
+            campaignAdGroups: [
+                __assign({ campaignId: campaignId }, ids),
+            ],
+            analyticGroupBies: Object.values(Enum_2.AnalyticGroupBy).filter(function (g) { return !isNaN(Number(g)); }),
+            ignoredEventLabels: Object.values(Enum_1.BaseEvent),
+            placeIds: placeIds,
+        })
+            .then(function (res) {
+            (0, exportFile_1.downloadWithDataSet)("export_analytic_event_campaign_".concat(campaignId), (0, Util_1.convertToExportData)(res, places));
+        });
+    };
+    return ((0, jsx_runtime_1.jsx)(component_1.default, { startDate: startDate, endDate: endDate, subCampaigns: subCampaigns, isLoading: isLoading, eventData: eventData, getEventData: getEventData, exportData: exportData, domains: domains }));
+};
+exports.default = EventContainer;

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

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

package/lib/ACM-AXN/Campaign/CreateOrEdit/TabStatistic/Event/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/SplitButtonExportType.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface Props {
+    onSubmit: (value: string) => void;
+    loading?: boolean;
+}
+declare const SplitButtonExportType: React.FC<Props>;
+export default SplitButtonExportType;

package/lib/ACM-AXN/Campaign/CreateOrEdit/TabStatistic/SplitButtonExportType.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 = __importDefault(require("react"));
+var material_1 = require("@mui/material");
+var ArrowDropDown_1 = __importDefault(require("@mui/icons-material/ArrowDropDown"));
+var common_1 = require("./common");
+var react_i18next_1 = require("react-i18next");
+var i18n_1 = __importDefault(require("../../../../i18n"));
+var lab_1 = require("@mui/lab");
+var Context_1 = __importDefault(require("./Context"));
+var SplitButtonExportType = function (props) {
+    var onSubmit = props.onSubmit, loading = props.loading;
+    var services = (0, Context_1.default)().services;
+    var _a = react_1.default.useState(false), open = _a[0], setOpen = _a[1];
+    var anchorRef = react_1.default.useRef(null);
+    var _b = react_1.default.useState(0), selectedIndex = _b[0], setSelectedIndex = _b[1];
+    var options = react_1.default.useMemo(function () {
+        return Object.values(common_1.EXPORT_TYPES)
+            .map(function (type, idx) { return type; })
+            .filter(function (type) {
+            return services.domainsGetAll ? true : type !== 'Domain';
+        });
+    }, 
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    []);
+    var t = (0, react_i18next_1.useTranslation)(undefined, { i18n: i18n_1.default }).t;
+    var handleClick = function () {
+        onSubmit(options[selectedIndex]);
+    };
+    var handleMenuItemClick = function (event, index) {
+        setSelectedIndex(index);
+        setOpen(false);
+    };
+    var handleToggle = function () {
+        setOpen(function (prevOpen) { return !prevOpen; });
+    };
+    var handleClose = function (event) {
+        var _a;
+        if (anchorRef.current && ((_a = anchorRef === null || anchorRef === void 0 ? void 0 : anchorRef.current) === null || _a === void 0 ? void 0 : _a.contains(event.target))) {
+            return;
+        }
+        setOpen(false);
+    };
+    var translationText = {
+        Export: t('Campaign.ExportType.Export'),
+        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;
+                        return ((0, jsx_runtime_1.jsx)(material_1.Grow, __assign({}, TransitionProps, { style: {
+                                transformOrigin: placement === 'bottom'
+                                    ? 'center-top'
+                                    : 'center-bottom',
+                            }, children: (0, jsx_runtime_1.jsx)(material_1.Paper, { children: (0, jsx_runtime_1.jsx)(material_1.ClickAwayListener, { onClickAway: handleClose, children: (0, jsx_runtime_1.jsx)(material_1.MenuList, { id: "split-button-menu", children: options.map(function (option, index) { return ((0, jsx_runtime_1.jsx)(material_1.MenuItem, { selected: index === selectedIndex, onClick: function (event) {
+                                                return handleMenuItemClick(event, index);
+                                            }, children: translationText[option] }, option)); }) }) }) }) })));
+                    } })] }) }));
+};
+exports.default = SplitButtonExportType;

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,26 @@
+"use strict";
+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 SplitButtonExportType_1 = __importDefault(require("./SplitButtonExportType"));
+var enzyme_1 = require("enzyme");
+var enzyme_adapter_react_16_1 = __importDefault(require("enzyme-adapter-react-16"));
+(0, enzyme_1.configure)({ adapter: new enzyme_adapter_react_16_1.default() });
+describe("SplitButtonExportType", function () {
+    var onSubmit = jest.fn();
+    it("renders without crashing", function () {
+        var wrapper = (0, enzyme_1.mount)((0, jsx_runtime_1.jsx)(SplitButtonExportType_1.default, { onSubmit: onSubmit }));
+        expect(wrapper.exists()).toBe(true);
+    });
+    it("calls onSubmit when option is selected", function () {
+        var wrapper = (0, enzyme_1.mount)((0, jsx_runtime_1.jsx)(SplitButtonExportType_1.default, { onSubmit: onSubmit }));
+        var buttons = wrapper.find("button");
+        buttons.at(1).simulate("click");
+        var options = wrapper.find("li");
+        options.at(1).simulate("click");
+        buttons.at(0).simulate("click");
+        expect(onSubmit).toHaveBeenCalledWith("Domain");
+    });
+});