awing-library 2.1.127-beta → 2.1.129-beta
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/ACM-AXN/Campaign/CreateOrEdit/TabStatistic/Analytic/Utils.js +5 -12
- package/lib/ACM-AXN/Campaign/CreateOrEdit/TabStatistic/Analytic/container.js +12 -5
- package/lib/ACM-AXN/Campaign/CreateOrEdit/TabStatistic/Event/component.d.ts +3 -1
- package/lib/ACM-AXN/Campaign/CreateOrEdit/TabStatistic/Event/component.js +1 -1
- package/lib/ACM-AXN/Campaign/CreateOrEdit/TabStatistic/Event/container.js +23 -0
- package/lib/Utils/Helpers.d.ts +7 -1
- package/lib/Utils/Helpers.js +10 -4
- package/package.json +1 -1
|
@@ -308,13 +308,11 @@ var convertToChartData = function (data, campaignGroups) {
|
|
|
308
308
|
var _a;
|
|
309
309
|
return (_a = {}, _a[x] = { total: 0, chartData: [] }, _a);
|
|
310
310
|
}), false));
|
|
311
|
-
var startDate =
|
|
312
|
-
var endDate =
|
|
311
|
+
var startDate = Number.MAX_SAFE_INTEGER;
|
|
312
|
+
var endDate = 0;
|
|
313
313
|
data.forEach(function (x, index) {
|
|
314
|
-
|
|
315
|
-
|
|
316
|
-
if (index === data.length - 1)
|
|
317
|
-
endDate = x.timeline.toString();
|
|
314
|
+
startDate = Math.min(startDate, Number(x.timeline));
|
|
315
|
+
endDate = Math.max(endDate, Number(x.timeline));
|
|
318
316
|
var billingUnit = (0, lodash_1.get)(campaignGroups, [x.campaignGroupId - 1]).campaignGroup.billingUnit;
|
|
319
317
|
var hasAuthen = billingUnit === Enum_2.AnalyticType.AUTHENTICATION;
|
|
320
318
|
var isSpot = hasAuthen && (0, lodash_1.get)(campaignGroups, [x.campaignGroupId - 1, 'ads', x.campaignAdId - 1]).type === Enum_1.AdType.VIDEO;
|
|
@@ -333,7 +331,6 @@ var convertToChartData = function (data, campaignGroups) {
|
|
|
333
331
|
}
|
|
334
332
|
});
|
|
335
333
|
});
|
|
336
|
-
var timeLineArr = (0, Helpers_1.fillMissingDates)(startDate, endDate, endDate.length === 10 ? 'YYYYMMDDHH' : 'YYYYMMDD');
|
|
337
334
|
var translate = (_a = {},
|
|
338
335
|
_a[Enum_1.BaseEvent[Enum_2.AnalyticType.VIEW]] = 'Common.Impression',
|
|
339
336
|
_a[Enum_1.BaseEvent[Enum_2.AnalyticType.CLICK]] = 'Statistics.NumberOfConnections',
|
|
@@ -347,14 +344,10 @@ var convertToChartData = function (data, campaignGroups) {
|
|
|
347
344
|
var y = _a.y;
|
|
348
345
|
return Number(y) !== 0;
|
|
349
346
|
})) {
|
|
350
|
-
lodash_1.default.xor(timeLineArr, data.map(function (_a) {
|
|
351
|
-
var x = _a.x;
|
|
352
|
-
return x;
|
|
353
|
-
})).forEach(function (x) { return data.push({ x: x, y: 0 }); });
|
|
354
347
|
return {
|
|
355
348
|
label: "".concat(i18n_1.default.t(translate[key]), " ").concat((0, Helpers_1.roundDecimalNumber)(value.total)),
|
|
356
349
|
type: 'line',
|
|
357
|
-
data:
|
|
350
|
+
data: (0, Helpers_1.fillMissingDates)(data, startDate, endDate),
|
|
358
351
|
fill: false,
|
|
359
352
|
pointStyle: 'circle',
|
|
360
353
|
yAxisID: 'y',
|
|
@@ -1,4 +1,15 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
|
3
|
+
__assign = Object.assign || function(t) {
|
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
+
s = arguments[i];
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
+
t[p] = s[p];
|
|
8
|
+
}
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
return __assign.apply(this, arguments);
|
|
12
|
+
};
|
|
2
13
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
14
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
15
|
};
|
|
@@ -63,11 +74,7 @@ var AnalyticContainer = function (props) {
|
|
|
63
74
|
startDate: (0, moment_1.default)(time.startDate).format(Enum_1.DATE_FORMAT),
|
|
64
75
|
endDate: (0, moment_1.default)(time.endDate).format(Enum_1.DATE_FORMAT),
|
|
65
76
|
timelineType: timelineType,
|
|
66
|
-
campaignAdGroups: ids.map(function (id) { return ({
|
|
67
|
-
campaignId: campaignId,
|
|
68
|
-
campaignGroupId: id.campaignGroupId,
|
|
69
|
-
campaignAdId: id.campaignAdId
|
|
70
|
-
}); }),
|
|
77
|
+
campaignAdGroups: ids.map(function (id) { return (__assign(__assign({}, id), { campaignId: campaignId })); }),
|
|
71
78
|
placeIds: placeIds,
|
|
72
79
|
includedEventLabels: Object.values(Enum_1.BaseEvent)
|
|
73
80
|
}).then(function (res) {
|
|
@@ -1,11 +1,13 @@
|
|
|
1
1
|
import { CampaignGroupModel } from '../../../../../ACM-AXN/Campaign/Types';
|
|
2
|
+
import { DateRange } from '../Types';
|
|
3
|
+
import { ICampaignAdGroup } from '../Analytic/container';
|
|
2
4
|
interface Props {
|
|
3
5
|
isLoading: boolean;
|
|
4
6
|
startDate: Date;
|
|
5
7
|
endDate: Date;
|
|
6
8
|
subCampaigns: CampaignGroupModel[];
|
|
7
9
|
eventData: any;
|
|
8
|
-
getEventData:
|
|
10
|
+
getEventData: (time: DateRange, placeIds: string[], ids: ICampaignAdGroup) => void;
|
|
9
11
|
exportData: any;
|
|
10
12
|
domains: any[];
|
|
11
13
|
}
|
|
@@ -142,7 +142,7 @@ var Event = function (props) {
|
|
|
142
142
|
paddingTop: 4,
|
|
143
143
|
marginTop: 2,
|
|
144
144
|
marginLeft: -1,
|
|
145
|
-
}, 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() }) }), (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: {
|
|
145
|
+
}, 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: {
|
|
146
146
|
padding: function (theme) { return theme.spacing(1); },
|
|
147
147
|
paddingLeft: function (theme) { return theme.spacing(16); },
|
|
148
148
|
paddingRight: function (theme) { return theme.spacing(16); },
|
|
@@ -1,4 +1,15 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
|
3
|
+
__assign = Object.assign || function(t) {
|
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
+
s = arguments[i];
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
+
t[p] = s[p];
|
|
8
|
+
}
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
return __assign.apply(this, arguments);
|
|
12
|
+
};
|
|
2
13
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
14
|
if (k2 === undefined) k2 = k;
|
|
4
15
|
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
@@ -31,6 +42,9 @@ var react_1 = __importStar(require("react"));
|
|
|
31
42
|
var component_1 = __importDefault(require("./component"));
|
|
32
43
|
var Helpers_1 = require("../../../../../Utils/Helpers");
|
|
33
44
|
var Context_1 = __importDefault(require("../Context"));
|
|
45
|
+
var moment_1 = __importDefault(require("moment"));
|
|
46
|
+
var Enum_1 = require("../../../../../ACM-AXN/Campaign/Enum");
|
|
47
|
+
var Enum_2 = require("../../../../../ACM-AXN/Common/Enum");
|
|
34
48
|
var EventContainer = function (props) {
|
|
35
49
|
var campaignId = props.campaignId, startDate = props.startDate, endDate = props.endDate, subCampaigns = props.subCampaigns, domains = props.domains;
|
|
36
50
|
var client = (0, Context_1.default)().services;
|
|
@@ -53,6 +67,15 @@ var EventContainer = function (props) {
|
|
|
53
67
|
}, [subCampaigns]);
|
|
54
68
|
var getEventData = function (time, placeIds, ids) {
|
|
55
69
|
setIsLoading(true);
|
|
70
|
+
client.campaignStatisticGet({
|
|
71
|
+
startDate: (0, moment_1.default)(time.startDate).format(Enum_1.DATE_FORMAT),
|
|
72
|
+
endDate: (0, moment_1.default)(time.endDate).format(Enum_1.DATE_FORMAT),
|
|
73
|
+
timelineType: Enum_2.TimelineType.Day,
|
|
74
|
+
campaignAdGroups: [__assign({ campaignId: "5344841815813731135" }, ids)],
|
|
75
|
+
placeIds: placeIds,
|
|
76
|
+
}).then(function (res) {
|
|
77
|
+
console.log("res", res);
|
|
78
|
+
}).finally(function () { return setIsLoading(false); });
|
|
56
79
|
// client
|
|
57
80
|
// .statisticCampaignGetAnalyticEvent({
|
|
58
81
|
// startDate: time.startDate.toDateString(),
|
package/lib/Utils/Helpers.d.ts
CHANGED
|
@@ -105,4 +105,10 @@ export interface IHeadCells {
|
|
|
105
105
|
export declare const updateObjectFields: (originalObj: any, changedValues: any) => any;
|
|
106
106
|
export declare function formatChartNumber(val: any, language: string): string;
|
|
107
107
|
export declare const setObject: <O extends {}>(obj: O, arrKey: Array<keyof O>, value: unknown) => void;
|
|
108
|
-
export declare function fillMissingDates(
|
|
108
|
+
export declare function fillMissingDates(data: Array<{
|
|
109
|
+
x: string;
|
|
110
|
+
y: number;
|
|
111
|
+
}>, startDate?: string | Date | number, endDate?: string | Date | number, format?: 'YYYYMMDD' | 'YYYYMMDDHH'): {
|
|
112
|
+
x: string;
|
|
113
|
+
y: number;
|
|
114
|
+
}[];
|
package/lib/Utils/Helpers.js
CHANGED
|
@@ -541,19 +541,25 @@ var setObject = function (obj, arrKey, value) {
|
|
|
541
541
|
(0, lodash_1.set)(obj, arrKey.reduce(function (acc, val) { return acc + '[' + val + ']'; }, ''), value);
|
|
542
542
|
};
|
|
543
543
|
exports.setObject = setObject;
|
|
544
|
-
function fillMissingDates(startDate, endDate, format) {
|
|
544
|
+
function fillMissingDates(data, startDate, endDate, format) {
|
|
545
545
|
if (startDate === void 0) { startDate = ''; }
|
|
546
546
|
if (endDate === void 0) { endDate = ''; }
|
|
547
547
|
if (format === void 0) { format = 'YYYYMMDD'; }
|
|
548
|
+
var result = data.concat();
|
|
548
549
|
// Parse the start and end dates
|
|
549
|
-
var start = (0, moment_1.default)(startDate);
|
|
550
|
-
var end = (0, moment_1.default)(endDate);
|
|
550
|
+
var start = (0, moment_1.default)(isNaN(Number(startDate)) ? startDate : String(startDate));
|
|
551
|
+
var end = (0, moment_1.default)(isNaN(Number(endDate)) ? endDate : String(endDate));
|
|
552
|
+
if (start.isAfter(end))
|
|
553
|
+
throw new Error('Start date must be before end date');
|
|
551
554
|
// Array to hold the complete range of dates
|
|
552
555
|
var dates = [];
|
|
553
556
|
// Iterate through the date range
|
|
554
557
|
for (var m = (0, moment_1.default)(start); m.isSameOrBefore(end); m.add(1, format === 'YYYYMMDD' ? 'days' : 'hours')) {
|
|
555
558
|
dates.push(m.format(format));
|
|
556
559
|
}
|
|
557
|
-
return dates
|
|
560
|
+
(0, lodash_1.xor)(data.map(function (d) { return d.x; }), dates).forEach(function (x) {
|
|
561
|
+
result.push({ x: x, y: 0 });
|
|
562
|
+
});
|
|
563
|
+
return (0, lodash_1.orderBy)(result, ['x'], ['asc']);
|
|
558
564
|
}
|
|
559
565
|
exports.fillMissingDates = fillMissingDates;
|