awing-library 2.1.78-beta → 2.1.78

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

@@ -0,0 +1,170 @@
+"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 Enum_1 = require("../../../../../ACM-AXN/Campaign/Enum");
+var exportFile_1 = require("../../../../../ACM-AXN/CampaignSchedule/exportFile");
+var Enum_2 = require("../../../../../ACM-AXN/Common/Enum");
+var Helpers_1 = require("../../../../../Utils/Helpers");
+var lodash_1 = require("lodash");
+var moment_1 = __importDefault(require("moment"));
+var react_1 = require("react");
+var Context_1 = __importDefault(require("../Context"));
+var common_1 = require("../common");
+var Utils_1 = require("./Utils");
+var component_1 = __importDefault(require("./component"));
+var AnalyticContainer = function (props) {
+    var campaignId = props.campaignId, startDate = props.startDate, endDate = props.endDate, subCampaigns = props.subCampaigns, domains = props.domains, campaignName = props.campaignName, fullPlaces = props.fullPlaces;
+    var client = (0, Context_1.default)().services;
+    var _a = (0, react_1.useState)(true), isLoading = _a[0], setIsLoading = _a[1];
+    var _b = (0, react_1.useState)([]), statisticalChartData = _b[0], setStatisticalChartData = _b[1];
+    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 }],
+            analyticGroupBies: Object.values(Enum_2.AnalyticGroupBy)
+                .filter(function (g) { return !isNaN(Number(g)); })
+                .map(function (g) { return Number(g); }),
+            placeIds: placeIds,
+            includedEventLabels: Object.values(Enum_1.BaseEvent),
+        })
+            .then(function (res) {
+            setStatisticalChartData(statisticType
+                ? (0, Utils_1.convertToShowDetail)(subCampaigns, res, selectedDomains, selectedPlaces)
+                : res);
+        })
+            .finally(function () { return setIsLoading(false); });
+    };
+    var exportData = function (time, placeIds, timelineType, exportType, ids) {
+        var selectedPlaces = placeIds.length > 0
+            ? placesOfCampaign.filter(function (p) { return placeIds.includes(p.placeId); })
+            : placesOfCampaign;
+        var selectedDomains = (0, Utils_1.placesToDomains)(selectedPlaces, domains);
+        return client
+            .campaignStatisticGet({
+            startDate: (0, moment_1.default)(time.startDate).format(Enum_1.DATE_FORMAT),
+            endDate: (0, moment_1.default)(time.endDate).format(Enum_1.DATE_FORMAT),
+            timelineType: timelineType,
+            campaignAdGroups: ids.length
+                ? ids.map(function (id) { return (__assign(__assign({}, id), { campaignId: campaignId })); })
+                : [{ campaignId: campaignId }],
+            analyticGroupBies: Object.values(Enum_2.AnalyticGroupBy)
+                .filter(function (g) { return !isNaN(Number(g)); })
+                .map(function (g) { return Number(g); }),
+            placeIds: placeIds,
+            includedEventLabels: Object.values(Enum_1.BaseEvent),
+        })
+            .then(function (res) {
+            var statisticalData = (0, Utils_1.markBillingType)(subCampaigns, res);
+            var newObjects = (0, lodash_1.chain)(selectedDomains)
+                .groupBy('domainId')
+                .map(function (value) {
+                var currentPlaces = value
+                    .map(function (x) { return x.places; })
+                    .reduce(function (a, b) { return a.concat(b); }, []);
+                return {
+                    objectId: value[0].domainId,
+                    objectName: value[0].domainName,
+                    places: currentPlaces,
+                };
+            })
+                .value();
+            var exportObj = {
+                name: '',
+                data: [],
+            };
+            switch (exportType) {
+                case common_1.EXPORT_TYPES.Domain: {
+                    exportObj.data = (0, Utils_1.convertToExportDataGroupBy)(statisticalData, newObjects, timelineType, 'Domain', campaignName !== null && campaignName !== void 0 ? campaignName : '');
+                    exportObj.name += (0, Helpers_1.nameExportStandard)('Campaign', campaignName, 'groupby_domain');
+                    break;
+                }
+                case common_1.EXPORT_TYPES.Export: {
+                    exportObj.data = (0, Utils_1.convertToExport)(subCampaigns, statisticalData, timelineType, selectedPlaces, campaignName !== null && campaignName !== void 0 ? campaignName : '', fullPlaces);
+                    exportObj.name += (0, Helpers_1.nameExportStandard)('Campaign', campaignName, 'total');
+                    break;
+                }
+                case common_1.EXPORT_TYPES.LocationGroup: {
+                    exportObj.data = (0, Utils_1.convertToExportDataGroupBy)(statisticalData, (0, Utils_1.dataGroupByPlace)(subCampaigns, ids), timelineType, 'Sub Campaign', campaignName !== null && campaignName !== void 0 ? campaignName : '');
+                    exportObj.name += (0, Helpers_1.nameExportStandard)('Campaign', campaignName, 'groupby_subcampaign');
+                    break;
+                }
+                case common_1.EXPORT_TYPES.Ad: {
+                    exportObj.data = (0, Utils_1.convertToExportByAd)(subCampaigns, statisticalData, timelineType, campaignName !== null && campaignName !== void 0 ? campaignName : '');
+                    exportObj.name += (0, Helpers_1.nameExportStandard)('Campaign', campaignName, 'ad');
+                    break;
+                }
+                default: {
+                    exportObj.data = (0, Utils_1.convertToExportData)(statisticalData, selectedPlaces, timelineType, campaignName !== null && campaignName !== void 0 ? campaignName : '', fullPlaces);
+                    exportObj.name += (0, Helpers_1.nameExportStandard)('Campaign', campaignName, '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 | Promise<void>;
+    domains: any[];
+}
+declare const ChartFilterBox: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export default ChartFilterBox;

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

@@ -0,0 +1,275 @@
+"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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+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 GetApp_1 = __importDefault(require("@mui/icons-material/GetApp"));
+var material_1 = require("@mui/material");
+var react_1 = __importStar(require("react"));
+var react_i18next_1 = require("react-i18next");
+// import { EnhancedDateRangePicker } from 'Components/DateRangePicker'
+var Helpers_1 = require("../../../../Utils/Helpers");
+// import placeService, { PlaceFilter } from 'Services/Place'
+var AWING_1 = require("../../../../AWING");
+var uniqBy_1 = __importDefault(require("lodash/uniqBy"));
+var moment_1 = __importDefault(require("moment"));
+var SplitButtonExportType_1 = __importDefault(require("./SplitButtonExportType"));
+var Enum_1 = require("../../../../ACM-AXN/Campaign/Enum");
+var i18n_1 = __importDefault(require("../../../../i18n"));
+var Context_1 = __importDefault(require("./Context"));
+var lab_1 = require("@mui/lab");
+var textFieldStyle = {
+    '& .MuiOutlinedInput-input': {
+        padding: '10.5px !important',
+    },
+    '& .MuiFormControl-marginNormal': {
+        margin: function (theme) { return theme.spacing(0); },
+    },
+    '& .MuiOutlinedInput-adornedEnd': {
+        paddingRight: function (theme) { return theme.spacing(0.5); },
+    },
+    '& .MuiIconButton-root': {
+        padding: function (theme) { return theme.spacing(1); },
+    },
+    '& .MuiAutocomplete-inputRoot': {
+        padding: function (theme) { return theme.spacing(0.25); },
+    },
+    '& .MuiAutocomplete-endAdornment': {
+        top: 'calc(50% - 19px)',
+    },
+};
+var ChartFilterBox = function (props) {
+    var 
+    // startDate, endDate,
+    subCampaigns = props.subCampaigns, queryInput = props.queryInput, isExportType = props.isExportType, onChangeQueryInput = props.onChangeQueryInput, onQueryData = props.onQueryData, onExportData = props.onExportData, domains = props.domains;
+    var _a = react_1.default.useState(false), loading = _a[0], setLoading = _a[1];
+    var _b = (0, Context_1.default)(), client = _b.services, PlaceMultiSelect = _b.placeMultiSelectComponent;
+    var placeGroups = (0, react_1.useMemo)(function () {
+        return subCampaigns.map(function (x) { return ({
+            groupId: x.campaignGroup.id,
+            groupName: x.campaignGroup.name,
+        }); });
+    }, [subCampaigns]);
+    (0, react_1.useEffect)(function () {
+        onChangeQueryInput('placeIds', []);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    var placeMultiSelectSubmit = function (placeIds) {
+        onChangeQueryInput('placeIds', placeIds);
+    };
+    var handleGetPlacesByFilter = function (placeFilterOperands, pageIndex, pageSize) { return __awaiter(void 0, void 0, void 0, function () {
+        var places, newPlaceFilterOperands, placeFilter, response, response;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    places = (0, uniqBy_1.default)(placesOfGroups(subCampaigns), 'placeId');
+                    newPlaceFilterOperands = [];
+                    placeFilterOperands.forEach(function (operand) {
+                        switch (operand.type) {
+                            case Enum_1.PlaceFilterOperandType.PLACE_GROUP_ID:
+                                places = places.filter(function (p) { return p.groupId.toString() === operand.value; });
+                                break;
+                            case Enum_1.PlaceFilterOperandType.DOMAIN_ID:
+                                var domainIds_1 = JSON.parse(operand.value);
+                                places = places.filter(function (p) {
+                                    return domainIds_1.some(function (dId) { return dId === p.domainId; });
+                                });
+                                break;
+                            case Enum_1.PlaceFilterOperandType.SEARCH_STRING:
+                                places = places.filter(function (p) {
+                                    return p.name
+                                        .toLowerCase()
+                                        .includes(operand.value.trim().toLowerCase());
+                                });
+                                break;
+                            default:
+                                newPlaceFilterOperands.push(operand);
+                                break;
+                        }
+                    });
+                    if (!newPlaceFilterOperands.length) return [3 /*break*/, 5];
+                    newPlaceFilterOperands.push({
+                        operator: Enum_1.EnumOperator.In.id,
+                        type: Enum_1.PlaceFilterOperandType.PLACE_ID,
+                        value: JSON.stringify(places.map(function (x) { return x.placeId; })),
+                    });
+                    placeFilter = {
+                        operandGroups: [
+                            {
+                                operands: newPlaceFilterOperands,
+                            },
+                        ],
+                    };
+                    if (!(pageIndex !== undefined && pageSize !== undefined)) return [3 /*break*/, 2];
+                    return [4 /*yield*/, client.placesGetPagingByPlaceFilter(pageIndex, pageSize, placeFilter)];
+                case 1:
+                    response = _a.sent();
+                    return [2 /*return*/, {
+                            places: response.items,
+                            total: response.totalItemCount,
+                        }];
+                case 2: return [4 /*yield*/, client.placesGetByPlaceFilter(placeFilter)];
+                case 3:
+                    response = _a.sent();
+                    return [2 /*return*/, { places: response, total: response.length }];
+                case 4: return [3 /*break*/, 6];
+                case 5:
+                    if (pageIndex !== undefined && pageSize !== undefined) {
+                        return [2 /*return*/, {
+                                places: places.slice(pageIndex * pageSize, pageIndex * pageSize + pageSize),
+                                total: places.length,
+                            }];
+                    }
+                    else {
+                        return [2 /*return*/, { places: places, total: places.length }];
+                    }
+                    _a.label = 6;
+                case 6: return [2 /*return*/];
+            }
+        });
+    }); };
+    var placesOfGroup = function (group) {
+        var convertPlace = function (p) { return ({
+            placeId: p.placeId,
+            name: p.name,
+            domainId: p.domainId,
+            groupId: group.campaignGroup.id,
+        }); };
+        return group
+            .ads.map(function (x) {
+            return x.places.concat((x === null || x === void 0 ? void 0 : x.deletedPlaces) || []).map(convertPlace);
+        })
+            .reduce(function (a, b) { return a.concat(b); }, []);
+    };
+    var placesOfGroups = function (groups) {
+        return groups
+            .map(placesOfGroup)
+            .reduce(function (a, b) {
+            return a.concat(b);
+        }, []);
+    };
+    var t = (0, react_i18next_1.useTranslation)(undefined, { i18n: i18n_1.default }).t;
+    var translationText = {
+        time: t('Common.DateRangePickerLabel'),
+        domain: t('Place.Domain'),
+        group: t('Place.PlaceGroup'),
+        place: t('Place.Place'),
+        view: t('Common.View'),
+        timeline: t('Common.ViewBy'),
+        timelineType: {
+            HOUR: t('Common.Hour'),
+            DAY: t('Common.Day'),
+            WEEK: t('Common.Week'),
+            MONTH: t('Common.Month'),
+        },
+    };
+    var handleExport = react_1.default.useCallback(function (type) {
+        if (type === void 0) { type = ''; }
+        setLoading(true);
+        var result = onExportData(typeof type === 'string' ? type : '');
+        if (result instanceof Promise) {
+            result
+                .then(function () {
+                setLoading(false);
+            })
+                .catch(function () {
+                setLoading(false);
+            });
+        }
+        else {
+            setLoading(false);
+        }
+    }, [onExportData]);
+    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: 1 }), (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 3, children: (0, jsx_runtime_1.jsx)(AWING_1.DateRangePicker
+                // noBorder
+                , { 
+                    // noBorder
+                    label: translationText.time, callback: function (value) {
+                        var _a, _b;
+                        Object.values(value).filter(Boolean).length > 1 &&
+                            onChangeQueryInput('time', {
+                                startDate: (0, Helpers_1.getStartOfDay)((_a = value === null || value === void 0 ? void 0 : value.startDate) === null || _a === void 0 ? void 0 : _a.toDate()),
+                                endDate: (0, Helpers_1.getStartOfDay)((_b = value === null || value === void 0 ? void 0 : value.endDate) === null || _b === void 0 ? void 0 : _b.toDate()),
+                            });
+                    }, initialStartDate: (0, moment_1.default)(queryInput.time.startDate), initialEndDate: (0, moment_1.default)(queryInput.time.endDate), isShowCalendarInfo: true, 
+                    //@ts-ignore
+                    variant: "outlined", textFieldProps: {
+                        fullWidth: true,
+                        sx: textFieldStyle,
+                    } }) }), (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 4, children: (0, jsx_runtime_1.jsx)(PlaceMultiSelect, { disableCheckPermission: !client.domainsGetAll, onChange: placeMultiSelectSubmit, initialOption: {
+                        placeGroups: placeGroups,
+                        domains: domains.map(function (d) { return (__assign(__assign({}, d), { name: d.domainName })); }),
+                    }, isDisplayTextField: true, TextFieldProps: { sx: textFieldStyle }, onGetPlacesByFilter: handleGetPlacesByFilter }) }), (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 1, children: (0, jsx_runtime_1.jsx)(material_1.FormControl, { children: (0, jsx_runtime_1.jsx)(material_1.Button, { color: "primary", variant: "contained", fullWidth: true, onClick: function () { return onQueryData(); }, children: translationText.view }) }) }), (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 3, children: (0, jsx_runtime_1.jsx)(material_1.FormControl, { children: !isExportType ? ((0, jsx_runtime_1.jsx)(lab_1.LoadingButton, { variant: "outlined", onClick: handleExport, loading: loading, children: (0, jsx_runtime_1.jsx)(GetApp_1.default, {}) })) : ((0, jsx_runtime_1.jsx)(SplitButtonExportType_1.default, { loading: loading, onSubmit: onExportData })) }) }), (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 1 })] }));
+};
+exports.default = ChartFilterBox;

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

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

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

@@ -0,0 +1,84 @@
+"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 moment_1 = __importDefault(require("moment"));
+var enzyme_1 = require("enzyme");
+var DateRangePicker_1 = require("Components/DateRangePicker");
+var PlaceFilter_1 = __importDefault(require("Features/PlaceFilter"));
+var SplitButtonExportType_1 = __importDefault(require("./SplitButtonExportType"));
+var ChartFilter_1 = __importDefault(require("./ChartFilter"));
+describe("ChartFilter", function () {
+    var wrapper;
+    var initialProps = {
+        subCampaigns: [],
+        queryInput: { time: { startDate: new Date(), endDate: new Date() } },
+        isExportType: false,
+        onChangeQueryInput: jest.fn(),
+        onQueryData: jest.fn(),
+        onExportData: jest.fn(),
+        domains: [],
+    };
+    beforeEach(function () {
+        wrapper = (0, enzyme_1.shallow)((0, jsx_runtime_1.jsx)(ChartFilter_1.default, __assign({}, initialProps)));
+    });
+    afterEach(function () {
+        wrapper.unmount();
+    });
+    it("should render all components correctly", function () {
+        expect(wrapper.find(DateRangePicker_1.EnhancedDateRangePicker).exists()).toBe(true);
+        expect(wrapper.find(PlaceFilter_1.default).exists()).toBe(true);
+        var splitButtonExportType = wrapper.find(SplitButtonExportType_1.default);
+        if (initialProps.isExportType) {
+            expect(splitButtonExportType.exists()).toBe(true);
+        }
+        else {
+            expect(wrapper.find(SplitButtonExportType_1.default).exists()).toBe(false);
+        }
+    });
+    it("should call onQueryData when view button is clicked", function () {
+        wrapper.find("WithStyles(ForwardRef(Button))").at(0).simulate("click");
+        expect(initialProps.onQueryData).toHaveBeenCalled();
+    });
+    it("should call onExportData with default parameter when export button is clicked and isExportType is false", function () {
+        wrapper.find("WithStyles(ForwardRef(Button))").at(1).simulate("click");
+        expect(initialProps.onExportData.mock.calls.length).toEqual(1);
+    });
+    it("should render SplitButtonExportType when isExportType is true", function () {
+        var updatedProps = __assign(__assign({}, initialProps), { isExportType: true });
+        wrapper.setProps(updatedProps);
+        expect(wrapper.find(SplitButtonExportType_1.default).exists()).toBe(true);
+    });
+    it("should call onChangeQueryInput when date range picker value is changed", function () {
+        var dateRangePicker = wrapper.find(DateRangePicker_1.EnhancedDateRangePicker);
+        var startDate = (0, moment_1.default)();
+        var endDate = (0, moment_1.default)().add(1, "day");
+        dateRangePicker
+            .props()
+            .callback({ startDate: startDate, endDate: endDate });
+        expect(initialProps.onChangeQueryInput.mock.calls.length).toEqual(1);
+    });
+    it("should call onChangeQueryInput when PlaceMultiSelect value is changed", function () {
+        var placeMultiSelect = wrapper.find(PlaceFilter_1.default);
+        placeMultiSelect.props().onDetailSubmit([
+            { placeId: 1, name: "Place 1", domainId: 1, groupId: 1 },
+        ]);
+        expect(initialProps.onChangeQueryInput).toHaveBeenCalledWith("places", [
+            { placeId: 1, name: "Place 1", domainId: 1, groupId: 1 },
+        ]);
+    });
+});

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { CampaignAnalyticProps } from "./Types";
+export declare const PropsProvider: import("react").Provider<CampaignAnalyticProps>;
+declare const useCampaignAnalyticProps: () => CampaignAnalyticProps;
+export default useCampaignAnalyticProps;

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

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PropsProvider = void 0;
+var react_1 = require("react");
+var campaignAnalyticPropsContext = (0, react_1.createContext)({});
+exports.PropsProvider = campaignAnalyticPropsContext.Provider;
+var useCampaignAnalyticProps = function () {
+    var props = (0, react_1.useContext)(campaignAnalyticPropsContext);
+    return (0, react_1.useMemo)(function () {
+        return props;
+    }, [props]);
+};
+exports.default = useCampaignAnalyticProps;

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

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

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

@@ -0,0 +1,53 @@
+"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 component_1 = __importDefault(require("./component"));
+var DateRangePicker_1 = require("Components/DateRangePicker");
+var core_1 = require("@material-ui/core");
+var GetApp_1 = __importDefault(require("@mui/icons-material/GetApp"));
+var ChartAdvance_1 = require("Components/ChartAdvance");
+describe('<CustomerComponent />', function () {
+    it('renders without crashing', function () {
+        (0, enzyme_1.shallow)((0, jsx_runtime_1.jsx)(component_1.default, { isLoading: false, startDate: new Date(), endDate: new Date(), customerData: {
+                audienceOverviews: [],
+                totalUser: 0,
+            }, getCustomerData: jest.fn(), exportData: jest.fn() }));
+    });
+    it('renders date range picker', function () {
+        var wrapper = (0, enzyme_1.shallow)((0, jsx_runtime_1.jsx)(component_1.default, { isLoading: false, startDate: new Date(), endDate: new Date(), customerData: {
+                audienceOverviews: [],
+                totalUser: 0,
+            }, getCustomerData: function () { return null; }, exportData: function () { return null; } }));
+        expect(wrapper.find(DateRangePicker_1.EnhancedDateRangePicker)).toHaveLength(1);
+    });
+    it("renders the 'View' button", function () {
+        var wrapper = (0, enzyme_1.shallow)((0, jsx_runtime_1.jsx)(component_1.default, { isLoading: false, startDate: new Date(), endDate: new Date(), customerData: {
+                audienceOverviews: [],
+                totalUser: 0,
+            }, getCustomerData: function () { return null; }, exportData: function () { return null; } }));
+        var button = wrapper.find(core_1.Button).first();
+        expect(button.text()).toEqual('Common.View');
+    });
+    it("renders the 'Export' button", function () {
+        var wrapper = (0, enzyme_1.shallow)((0, jsx_runtime_1.jsx)(component_1.default, { isLoading: false, startDate: new Date(), endDate: new Date(), customerData: {
+                audienceOverviews: [],
+                totalUser: 0,
+            }, getCustomerData: function () { return null; }, exportData: function () { return null; } }));
+        var button = wrapper.find(core_1.Button).last();
+        expect(button.prop('variant')).toEqual('outlined');
+        expect(button.find(GetApp_1.default)).toHaveLength(1);
+    });
+    it('renders chart', function () {
+        var customerData = {
+            audienceOverviews: [{ timeline: '2022-05-01', totalUser: 10 }],
+            totalUser: 10,
+        };
+        var wrapper = (0, enzyme_1.shallow)((0, jsx_runtime_1.jsx)(component_1.default, { isLoading: false, startDate: new Date(), endDate: new Date(), customerData: customerData, getCustomerData: function () { return null; }, exportData: function () { return null; } }));
+        expect(wrapper.find(ChartAdvance_1.BarLineChart)).toHaveLength(1);
+    });
+});

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

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