awing-library 2.1.2-dev.99 → 2.1.2-stable.2

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

@@ -0,0 +1,172 @@
+"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 () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __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 recoil_1 = require("recoil");
+var Recoils_1 = require("../../Recoils");
+var PasswordDialog_1 = __importDefault(require("./PasswordDialog"));
+var react_i18next_1 = require("react-i18next");
+var i18n_1 = __importDefault(require("../../../../../i18n"));
+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 _c = react_1.default.useState(false), openPasswordDialog = _c[0], setOpenPasswordDialog = _c[1];
+    var _d = react_1.default.useState(null), currentExportParams = _d[0], setCurrentExportParams = _d[1];
+    var t = (0, react_i18next_1.useTranslation)(undefined, { i18n: i18n_1.default }).t;
+    var _e = react_1.default.useState(undefined), errrorExport = _e[0], setErrorExport = _e[1];
+    var campaignInfo = (0, recoil_1.useRecoilValue)(Recoils_1.campaignState);
+    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); });
+    };
+    // Hàm này được tách riêng để có thể gọi từ callback của PasswordDialog
+    var handleExportWithParams = function (time, placeIds, ids, campaignPassword) {
+        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,
+            campaignPasswords: [
+                {
+                    campaignId: campaignId,
+                    password: campaignPassword,
+                },
+            ],
+        })
+            .then(function (res) {
+            setOpenPasswordDialog(false);
+            setErrorExport(undefined); // Reset error message on successful export
+            (0, exportFile_1.downloadWithDataSet)("export_analytic_event_campaign_".concat(campaignId), (0, Util_1.convertToExportData)(res, places));
+        })
+            .catch(function (error) {
+            var _a;
+            if ((_a = error.response) === null || _a === void 0 ? void 0 : _a.data.includes('Invalid password')) {
+                setErrorExport(t('Campaign.Password.ErrorMessage'));
+            }
+        });
+    };
+    var exportData = function (time, placeIds, ids) {
+        // Lưu lại các tham số xuất dữ liệu để sử dụng sau khi xác thực mật khẩu
+        setCurrentExportParams({ time: time, placeIds: placeIds, ids: ids });
+        // Check if campaign has password protection
+        if ((campaignInfo === null || campaignInfo === void 0 ? void 0 : campaignInfo.password) && campaignInfo.hasPassword) {
+            setOpenPasswordDialog(true);
+            // Return a promise that will be resolved by the dialog callbacks
+            return new Promise(function (resolve) {
+                // This promise will be handled by the dialog callbacks
+                // The actual export will happen in the onConfirm callback if password is correct
+                resolve(true);
+            });
+        }
+        else {
+            // No password required
+            return handleExportWithParams(time, placeIds, ids);
+        }
+    };
+    // Xử lý khi xác nhận mật khẩu thành công
+    var handlePasswordConfirm = function (password) {
+        // setOpenPasswordDialog(false)
+        if (password && currentExportParams) {
+            var time = currentExportParams.time, placeIds = currentExportParams.placeIds, ids = currentExportParams.ids;
+            handleExportWithParams(time, placeIds, ids, password);
+        }
+    };
+    var resetErrorExport = function () {
+        if (errrorExport) // Only reset if there is an error
+            setErrorExport(undefined);
+    };
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(component_1.default, { startDate: startDate, endDate: endDate, subCampaigns: subCampaigns, isLoading: isLoading, eventData: eventData, getEventData: getEventData, exportData: exportData, domains: domains }), (0, jsx_runtime_1.jsx)(PasswordDialog_1.default, { open: openPasswordDialog, onConfirm: handlePasswordConfirm, onCancel: function () { return setOpenPasswordDialog(false); }, errorExport: errrorExport, resetErrorExport: resetErrorExport })] }));
+};
+exports.default = EventContainer;

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");
+    });
+});

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

@@ -0,0 +1,108 @@
+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;
+    totalUser?: number;
+}
+export interface AudienceObjectReply {
+    audienceObjects?: IAudienceObjectOverview[] | undefined;
+    totalUser?: number;
+}
+export interface IAnalyticEventSummary {
+    eventLabel: string;
+    total: number;
+}
+export interface IAnalyticCampaignSummary {
+    campaignId?: string;
+    placeId?: string;
+    domainId?: string;
+    timeline?: number;
+    analyticEventSummaries: IAnalyticEventSummary[];
+    campaignGroupId?: number;
+    campaignAdId?: number;
+}
+export interface AnalyticEventModel {
+    startDate?: string;
+    endDate?: string;
+    placeIds?: string[];
+}
+export interface AnalyticEventModelResponse {
+    eventLabel: string;
+    timeline: number;
+    total: number;
+}
+export interface IEvent {
+    eventLabel: string;
+    eventObject: string;
+    viewNumber: number;
+    createdDate: Timestamp;
+}
+export interface AnalyticEvent {
+    id: number;
+    sessionId: string;
+    placeId: string;
+    domainId: string;
+    campaignId: string;
+    campaignGroupId: number;
+    campaignAdId: number;
+    macAddress: string;
+    apMac: string;
+    isNetwork: boolean;
+    url: string;
+    userAgent: string;
+    events: IEvent[];
+    createdDate: Timestamp;
+}
+export interface IDomain {
+    domainId?: string;
+    name?: string | undefined;
+    rateSharing?: number;
+    description?: string | undefined;
+    shareType?: ShareType;
+}
+export interface AnalyticDataProviderModel {
+    timeline: number;
+    view: number;
+    click: number;
+    ctr: number;
+}
+export interface IAudienceObjectOverview {
+    timeline?: number;
+    totalUser?: number;
+}
+export interface IAudienceObjectReply {
+    audienceObjects?: IAudienceObjectOverview[] | undefined;
+    totalUser?: number;
+}
+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>;
+    campaignStatisticGet(body: IStatisticDTO | undefined): Promise<IAnalyticCampaignSummary[]>;
+    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/Types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -0,0 +1,6 @@
+import { CampaignGroupModel } from '../../../../ACM-AXN/Campaign/Types';
+export declare const getTime: (subCampaigns: CampaignGroupModel[]) => Record<string, any>;
+export declare const extractEvent: (eventLabel?: string) => {
+    view: string;
+    eventName: string;
+};

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

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.extractEvent = exports.getTime = void 0;
+var Helpers_1 = require("../../../../Utils/Helpers");
+var getTime = function (subCampaigns) {
+    var time = {};
+    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 (a) {
+            var _a, _b;
+            if (!time.startDate ||
+                (time.startDate &&
+                    ((_a = a === null || a === void 0 ? void 0 : a.startDate) === null || _a === void 0 ? void 0 : _a.seconds) * 1000 <
+                        time.startDate.getTime())) {
+                time.startDate = (0, Helpers_1.convertTimestampToDateTime)(a.startDate);
+            }
+            if (!time.endDate ||
+                (time.endDate &&
+                    ((_b = a === null || a === void 0 ? void 0 : a.endDate) === null || _b === void 0 ? void 0 : _b.seconds) * 1000 >
+                        time.endDate.getTime())) {
+                time.endDate = (0, Helpers_1.convertTimestampToDateTime)(a.endDate);
+            }
+        });
+    });
+    return time;
+};
+exports.getTime = getTime;
+var extractEvent = function (eventLabel) {
+    if (eventLabel === void 0) { eventLabel = ''; }
+    if (!eventLabel) {
+        throw new Error('Event label is required');
+    }
+    var _a = eventLabel.match(/^(\d+)_([\s\S]*)$/) || ['', '1', eventLabel], view = _a[1], eventName = _a[2];
+    return { view: view, eventName: eventName };
+};
+exports.extractEvent = extractEvent;

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

@@ -0,0 +1,7 @@
+export declare const EXPORT_TYPES: {
+    Export: string;
+    Domain: string;
+    LocationGroup: string;
+    Location: string;
+    Ad: string;
+};

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

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EXPORT_TYPES = void 0;
+exports.EXPORT_TYPES = {
+    Export: "Export",
+    Domain: "Domain",
+    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/component.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+interface Props {
+    tabIndex: number;
+    onChangeTab: (newValue: number) => void;
+    tabPanel: ReactNode;
+    isNetwork?: boolean;
+}
+declare const TabStatistic: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export default TabStatistic;

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

@@ -0,0 +1,36 @@
+"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_i18next_1 = require("react-i18next");
+var material_1 = require("@mui/material");
+var react_1 = require("react");
+var container_1 = require("./container");
+var i18n_1 = __importDefault(require("../../../../i18n"));
+var color = ['inherit', 'primary'];
+var variant = ['outlined', 'contained'];
+var TabStatistic = function (props) {
+    var t = (0, react_i18next_1.useTranslation)(undefined, { i18n: i18n_1.default }).t;
+    var tabIndex = props.tabIndex, onChangeTab = props.onChangeTab, tabPanel = props.tabPanel, isNetwork = props.isNetwork;
+    var translationText = (0, react_1.useMemo)(function () { return ({
+        analytic: t('Campaign.Analytic'),
+        event: t('Campaign.Event'),
+        customer: t('Campaign.Customer'),
+        title: t('Campaign.Statistic'),
+    }); }, [t]);
+    var handleChangeTab = function (event) {
+        onChangeTab(Number(event.target.tabIndex));
+    };
+    return ((0, jsx_runtime_1.jsxs)(material_1.Grid, { container: true, sx: { padding: function (theme) { return theme.spacing(2); } }, children: [(0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 12, children: (0, jsx_runtime_1.jsxs)(material_1.Grid, { container: true, children: [(0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 3, children: (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "h6", sx: {
+                                    marginTop: function (theme) { return theme.spacing(1); },
+                                    marginLeft: function (theme) { return theme.spacing(2); },
+                                }, children: translationText.title }) }), (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 6, children: (0, jsx_runtime_1.jsx)(material_1.ButtonGroup, { sx: {
+                                    marginTop: function (theme) { return theme.spacing(2); },
+                                }, fullWidth: true, disableElevation: true, onClick: handleChangeTab, children: Object.entries(container_1.tabs).map(function (_a) {
+                                    var key = _a[0], value = _a[1];
+                                    return isNetwork && value === container_1.tabs.CUSTOMER ? null : ((0, jsx_runtime_1.jsx)(material_1.Button, { tabIndex: value, sx: { fontSize: '0.8rem' }, color: color[Number(tabIndex === value)], variant: variant[Number(tabIndex === value)], children: Object.values(translationText)[value] }, key));
+                                }) }) }), (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 3 })] }) }), (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 12, sx: { marginTop: function (theme) { return theme.spacing(3); } }, children: tabPanel })] }));
+};
+exports.default = TabStatistic;

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

@@ -0,0 +1,8 @@
+import { CampaignAnalyticProps } from './Types';
+export declare const tabs: {
+    ANALYTIC: number;
+    EVENT: number;
+    CUSTOMER: number;
+};
+export declare const TabStatistic: (props: CampaignAnalyticProps) => import("react/jsx-runtime").JSX.Element;
+export default TabStatistic;

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

@@ -0,0 +1,103 @@
+"use strict";
+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 () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __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 });
+exports.TabStatistic = exports.tabs = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var Analytic_1 = __importDefault(require("./Analytic"));
+var Customer_1 = __importDefault(require("./Customer"));
+var Event_1 = __importDefault(require("./Event"));
+var Utils_1 = require("./Utils");
+var component_1 = __importDefault(require("./component"));
+var AWING_1 = require("../../../../AWING");
+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, 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, 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:
+                return ((0, jsx_runtime_1.jsx)(Customer_1.default, { campaignId: campaignId, startDate: time.startDate, endDate: time.endDate }));
+            default:
+                return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
+        }
+    };
+    var handleChangeTab = function (newValue) {
+        setTabIndex(newValue);
+    };
+    return isLoading ? ((0, jsx_runtime_1.jsx)(AWING_1.CircularProgress, {})) : ((0, jsx_runtime_1.jsx)(component_1.default, { tabIndex: tabIndex, onChangeTab: handleChangeTab, tabPanel: tabPanel(), isNetwork: isNetwork }));
+}
+var TabStatistic = function (props) { return ((0, jsx_runtime_1.jsx)(Context_1.PropsProvider, { value: props, children: (0, jsx_runtime_1.jsx)(TabStatisticsContainer, {}) })); };
+exports.TabStatistic = TabStatistic;
+exports.default = exports.TabStatistic;

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

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

package/lib/ACM-AXN/Campaign/CreateOrEdit/TabStatistic/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; } });