awing-library 2.1.163-dev → 2.1.165-dev

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

@@ -102,9 +102,7 @@ var ChartWithType = function (props) {
                                     title: {
                                         text: t('Statistics.View'),
                                     },
-                                },
-                                yAxis: {
-                                    display: false,
+                                    beginAtZero: true
                                 },
                             },
                         } }) })) : ((0, jsx_runtime_1.jsx)(Detail_1.default, { statisticalData: statisticalData })) })] }));

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

@@ -1,53 +1,30 @@
 import { CampaignGroupModel } from '../../../../../ACM-AXN/Campaign/Types';
 import { IAnalyticCampaignSummary } from '../Types';
 import { AnalyticType } from '../../../../../ACM-AXN/Common/Enum';
+import { DataObject } from '../../../../../AWING';
 export declare function convertToExportDataGroupBy(data: any, objects: any, timelineType: any, groupBy: any): {
     columns: any[];
     data: any;
 }[];
-export declare function convertToExportData(data: any, places: any, timelineType: any): {
+export declare function convertToExportData(data: DataObject[], places: any, timelineType: any): {
     columns: string[];
     data: any[][];
 }[];
-export declare function convertToExport(subCampaigns: CampaignGroupModel[], data: any, timelineType: any, places: any[]): any[];
+export declare function convertToExport(subCampaigns: CampaignGroupModel[], data: DataObject[], timelineType: any, places: any[]): any[];
 export declare function placesToDomains(places: any[], domains?: any[]): any[];
-export declare const markBillingType: (subCampaigns: CampaignGroupModel[], data: IAnalyticCampaignSummary[]) => {
-    billingUnit: AnalyticType;
-    isPot: boolean;
-    campaignId?: string | undefined;
-    placeId?: string | undefined;
-    domainId?: string | undefined;
-    timeline?: number | undefined;
-    analyticEventSummaries: import("../Types").IAnalyticEventSummary[];
-    campaignGroupId?: number | undefined;
-    campaignAdId?: number | undefined;
-}[];
+export declare const markBillingType: (subCampaigns: CampaignGroupModel[], data: IAnalyticCampaignSummary[]) => any[];
 export declare function convertToShowDetail(subCampaigns: CampaignGroupModel[], data: IAnalyticCampaignSummary[], selectedDomains: any[], selectedPlaces: any[]): any[];
-export declare function dataGroupByTimeline(place: any, data: any, timelineType: any): any[][];
+export declare function dataGroupByTimeline(place: any, data: DataObject[], timelineType: any): any[][];
 export declare function dataGroupByPlace(subCampaigns: CampaignGroupModel[], ids: any): any[];
+export declare function campaignAnalyticInfo(subCampaigns: CampaignGroupModel[]): {
+    analyticTypes: AnalyticType[];
+    hasSpot: boolean;
+    hasEg: boolean;
+};
 export declare const convertToChartData: (data: IAnalyticCampaignSummary[], campaignGroups: CampaignGroupModel[], time: {
     startDate: Date;
     endDate: Date;
-}) => ({
-    label: string;
-    type: string;
-    data: {
-        x: string;
-        y: number;
-    }[];
-    fill: boolean;
-    pointStyle: string;
-    yAxisID: string;
-    variant: string;
-} | {
-    label?: undefined;
-    type?: undefined;
-    data?: undefined;
-    fill?: undefined;
-    pointStyle?: undefined;
-    yAxisID?: undefined;
-    variant?: undefined;
-})[];
+}) => any[];
 export declare function groupBy<T extends {
     [key: string]: any;
 }, K extends keyof T>(array: T[], key: K): Record<string, T[]>;

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

@@ -46,7 +46,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.groupBy = exports.convertToChartData = exports.dataGroupByPlace = exports.dataGroupByTimeline = exports.convertToShowDetail = exports.markBillingType = exports.placesToDomains = exports.convertToExport = exports.convertToExportData = exports.convertToExportDataGroupBy = void 0;
+exports.groupBy = exports.convertToChartData = exports.campaignAnalyticInfo = exports.dataGroupByPlace = exports.dataGroupByTimeline = exports.convertToShowDetail = exports.markBillingType = exports.placesToDomains = exports.convertToExport = exports.convertToExportData = exports.convertToExportDataGroupBy = void 0;
 var Enum_1 = require("../../../../../ACM-AXN/Campaign/Enum");
 var Helpers_1 = require("../../../../../Utils/Helpers");
 var lodash_1 = __importStar(require("lodash"));
@@ -54,6 +54,8 @@ var i18n_1 = __importDefault(require("../../../../../i18n"));
 var Enum_2 = require("../../../../../ACM-AXN/Common/Enum");
 function convertToExportDataGroupBy(data, objects, timelineType, groupBy) {
     var result = [];
+    var hasSpot = data.some(function (x) { return x.isSPot; });
+    var spotTitle = i18n_1.default.t('Common.Spot');
     var exportData = objects
         .map(function (object, key) {
         var placeIds = object.places.map(function (plc) { return plc.placeId; });
@@ -73,27 +75,43 @@ function convertToExportDataGroupBy(data, objects, timelineType, groupBy) {
             'Time',
             i18n_1.default.t('Common.Impression'),
             i18n_1.default.t('Common.Engagement'),
-            i18n_1.default.t('Common.FinalClick'),
-            'ER (%)',
-            'CTR (%)',
-        ],
-        data: exportData,
+            spotTitle
+        ].map(function (item) {
+            // eslint-disable-next-line eqeqeq
+            if (item == spotTitle && !hasSpot) {
+                return '';
+            }
+            return item;
+        }),
+        data: exportData.map(function (d) {
+            if (!hasSpot) {
+                d.pop();
+                d.push('');
+            }
+            return d;
+        }),
     });
     return result;
 }
 exports.convertToExportDataGroupBy = convertToExportDataGroupBy;
 function convertToExportData(data, places, timelineType) {
     var result = [];
+    var spotTitle = i18n_1.default.t('Common.Spot');
+    var hasSpot = data.some(function (x) { return x.isSPot; });
     result.push({
         columns: [
             'Place',
             'Time',
             i18n_1.default.t('Common.Impression'),
-            i18n_1.default.t('Common.Enagagement'),
-            i18n_1.default.t('Common.FinalClick'),
-            'ER (%)',
-            'CTR (%)',
-        ],
+            i18n_1.default.t('Campaign.Engagement'),
+            spotTitle,
+        ].map(function (item) {
+            // eslint-disable-next-line eqeqeq
+            if (item == spotTitle && !hasSpot) {
+                return '';
+            }
+            return item;
+        }),
         data: dataGroupByTimeline('All', data, timelineType),
     });
     Array.prototype.push.apply(result, (0, lodash_1.chain)(data)
@@ -102,7 +120,7 @@ function convertToExportData(data, places, timelineType) {
         var place = places.find(function (x) { return x.placeId === key; });
         var placeData = {
             columns: Array(7).fill(''),
-            data: dataGroupByTimeline(place ? place.name : key, value, timelineType),
+            data: dataGroupByTimeline(place ? place.name : key, value, timelineType)
         };
         return placeData;
     })
@@ -113,16 +131,19 @@ exports.convertToExportData = convertToExportData;
 function convertToExport(subCampaigns, data, timelineType, places) {
     var result = [];
     var isShouldHeader = true;
+    var spotTitle = i18n_1.default.t('Common.Spot');
     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 hasSpot = false;
             var adData = data
                 .filter(function (d) {
                 var _a;
                 return (d.campaignGroupId === ((_a = sub === null || sub === void 0 ? void 0 : sub.campaignGroup) === null || _a === void 0 ? void 0 : _a.id) &&
                     d.campaignAdId === ad.id);
             })
-                .map(function (x) { return (__assign(__assign({}, x), Object.assign.apply(Object, __spreadArray(__spreadArray([{}], Object.values(Enum_1.BaseEvent).map(function (v) {
+                // eslint-disable-next-line no-sequences
+                .map(function (x) { return (hasSpot = hasSpot || x.isSPot, (__assign(__assign({}, x), Object.assign.apply(Object, __spreadArray(__spreadArray([{}], Object.values(Enum_1.BaseEvent).map(function (v) {
                 var _a;
                 return (_a = {},
                     _a[v] = 0,
@@ -132,22 +153,31 @@ function convertToExport(subCampaigns, data, timelineType, places) {
                 return (_a = {},
                     _a[y.eventLabel] = y.total,
                     _a);
-            }), false)))); });
+            }), false))))); });
             result.push({
-                columns: isShouldHeader
+                columns: (isShouldHeader
                     ? [
                         'Sub-campaign',
                         'Ad',
                         'Place',
                         'Time',
                         i18n_1.default.t('Common.Impression'),
-                        i18n_1.default.t("Campaign.EngagementPerSpot"),
-                        i18n_1.default.t('Common.FinalClick'),
-                        "ER (%)",
-                        "CTR (%)",
+                        i18n_1.default.t("Campaign.Engagement"),
+                        spotTitle,
                     ]
-                    : Array(9).fill(''),
-                data: dataGroupByTimeline('All', adData, timelineType).map(function (d) { var _a; return __spreadArray([(_a = sub === null || sub === void 0 ? void 0 : sub.campaignGroup) === null || _a === void 0 ? void 0 : _a.name, ad === null || ad === void 0 ? void 0 : ad.name], d, true); }),
+                    : Array(7).fill('')).map(function (item) {
+                    if (item === spotTitle && !hasSpot) {
+                        return '';
+                    }
+                    return item;
+                }),
+                data: dataGroupByTimeline('All', adData, timelineType).map(function (d) { var _a; return __spreadArray([(_a = sub === null || sub === void 0 ? void 0 : sub.campaignGroup) === null || _a === void 0 ? void 0 : _a.name, ad === null || ad === void 0 ? void 0 : ad.name], d, true); }).map(function (d) {
+                    if (!hasSpot) {
+                        d.pop();
+                        d.push('');
+                    }
+                    return d;
+                }),
             });
             isShouldHeader = false;
             Array.prototype.push.apply(result, (0, lodash_1.chain)(adData)
@@ -155,13 +185,19 @@ function convertToExport(subCampaigns, data, timelineType, places) {
                 .map(function (value, key) {
                 var place = places.find(function (x) { return x.placeId === key; });
                 var placeData = {
-                    columns: Array(9).fill(''),
+                    columns: Array(7).fill(''),
                     data: dataGroupByTimeline(place ? (place === null || place === void 0 ? void 0 : place.name) || place.placeId : key, value, timelineType).map(function (d) {
                         var _a;
                         return __spreadArray([
                             (_a = sub === null || sub === void 0 ? void 0 : sub.campaignGroup) === null || _a === void 0 ? void 0 : _a.name,
                             ad === null || ad === void 0 ? void 0 : ad.name
                         ], d, true);
+                    }).map(function (d) {
+                        if (!hasSpot) {
+                            d.pop();
+                            d.push('');
+                        }
+                        return d;
                     }),
                 };
                 return placeData;
@@ -203,8 +239,20 @@ function placesToDomains(places, domains) {
 }
 exports.placesToDomains = placesToDomains;
 var markBillingType = function (subCampaigns, data) { return data.map(function (x, index) {
-    var _a = (0, lodash_1.get)(subCampaigns, [x.campaignGroupId - 1]), campaignGroup = _a.campaignGroup, ads = _a.ads;
-    return __assign(__assign({}, x), { billingUnit: campaignGroup.billingUnit, isPot: campaignGroup.billingUnit === Enum_2.AnalyticType.AUTHENTICATION && (0, lodash_1.get)(ads, [x.campaignAdId - 1]).type === Enum_1.AdType.VIDEO });
+    var _a;
+    // eslint-disable-next-line eqeqeq
+    var _b = subCampaigns.find(function (c) { return c.campaignGroup.id == x.campaignGroupId; }), campaignGroup = _b.campaignGroup, ads = _b.ads;
+    return __assign(__assign(__assign({}, x), Object.assign.apply(Object, __spreadArray(__spreadArray([{}], Object.values(Enum_1.BaseEvent).map(function (v) {
+        var _a;
+        return (_a = {},
+            _a[v] = 0,
+            _a);
+    }), false), x.analyticEventSummaries.map(function (y) {
+        var _a;
+        return (_a = {},
+            _a[y.eventLabel] = y.total,
+            _a);
+    }), false))), { billingUnit: campaignGroup.billingUnit, isSPot: campaignGroup.billingUnit === Enum_2.AnalyticType.AUTHENTICATION && ((_a = ads.find(function (ad) { return ad.id === x.campaignAdId; })) === null || _a === void 0 ? void 0 : _a.type) === Enum_1.AdType.VIDEO });
 }); };
 exports.markBillingType = markBillingType;
 function convertToShowDetail(subCampaigns, data, selectedDomains, selectedPlaces) {
@@ -254,6 +302,7 @@ function convertToShowDetail(subCampaigns, data, selectedDomains, selectedPlaces
 }
 exports.convertToShowDetail = convertToShowDetail;
 function dataGroupByTimeline(place, data, timelineType) {
+    var hasSpot = data.some(function (x) { return x.isSPot; });
     var result = (0, lodash_1.chain)(data)
         .groupBy('timeline')
         .map(function (value, key) {
@@ -262,27 +311,44 @@ function dataGroupByTimeline(place, data, timelineType) {
             : 'DD/MM/YYYY, H:mm');
         // let impression = sumBy(value, BaseEvent[AnalyticType.VIEW])
         var impression = (0, lodash_1.sumBy)(value, Enum_1.BaseEvent[Enum_2.AnalyticType.VIEW]);
-        var click = (0, lodash_1.sumBy)(value, Enum_1.BaseEvent[Enum_2.AnalyticType.CLICK]);
-        var authen = (0, lodash_1.sumBy)(value, Enum_1.BaseEvent[Enum_2.AnalyticType.AUTHENTICATION]);
-        var er = impression !== 0 ? (authen * 100) / impression : 0;
-        var ctr = impression !== 0 ? (click * 100) / impression : 0;
-        var arr = [place, dateString, impression, authen, click, Number(er.toFixed(2)), Number(ctr.toFixed(2))];
+        var authen = value.reduce(function (sum, d) {
+            if (d.isSPot) {
+                return sum + Number((d[Enum_1.BaseEvent[Enum_2.AnalyticType.AUTHENTICATION]] + d[Enum_1.BaseEvent[Enum_2.AnalyticType.CLICK]]) || 0);
+            }
+            return sum + Number(d[Enum_1.BaseEvent[Enum_2.AnalyticType.CLICK]] || 0);
+        }, 0);
+        var arr = [place, dateString, impression];
+        if (hasSpot) {
+            arr.push(0, authen);
+        }
+        else {
+            arr.push(authen, 0);
+        }
         return arr;
     })
         .value();
     var impr = (0, lodash_1.sumBy)(data, Enum_1.BaseEvent[Enum_2.AnalyticType.VIEW]);
-    var clk = (0, lodash_1.sumBy)(data, Enum_1.BaseEvent[Enum_2.AnalyticType.CLICK]);
-    var authen = (0, lodash_1.sumBy)(data, Enum_1.BaseEvent[Enum_2.AnalyticType.AUTHENTICATION]);
-    result.push([
-        place,
-        i18n_1.default.t('Schedule.Total'),
-        impr,
-        authen,
-        clk,
-        Number((impr !== 0 ? ((authen * 100) / impr) : 0).toFixed(2)),
-        Number((impr !== 0 ? ((clk * 100) / impr) : 0).toFixed(2)),
-    ]);
-    return result;
+    var authen = data.reduce(function (sum, d) {
+        if (d.isSPot) {
+            return sum + d[Enum_1.BaseEvent[Enum_2.AnalyticType.AUTHENTICATION]] + d[Enum_1.BaseEvent[Enum_2.AnalyticType.CLICK]];
+        }
+        return sum + d[Enum_1.BaseEvent[Enum_2.AnalyticType.CLICK]];
+    }, 0);
+    var totalArr = [place, i18n_1.default.t('Schedule.Total'), impr];
+    if (hasSpot) {
+        totalArr.push(0, authen);
+    }
+    else {
+        totalArr.push(authen, 0);
+    }
+    result.push(totalArr);
+    return result.map(function (d) {
+        if (!hasSpot) {
+            d.pop();
+            d.push('');
+        }
+        return d;
+    });
 }
 exports.dataGroupByTimeline = dataGroupByTimeline;
 function dataGroupByPlace(subCampaigns, ids) {
@@ -312,14 +378,31 @@ function dataGroupByPlace(subCampaigns, ids) {
         .value();
 }
 exports.dataGroupByPlace = dataGroupByPlace;
+function campaignAnalyticInfo(subCampaigns) {
+    return {
+        analyticTypes: Array.from(new Set(subCampaigns.map(function (x) { return x.campaignGroup.billingUnit; }))),
+        hasSpot: subCampaigns.some(function (sub) {
+            return sub.ads.some(function (ad) { return ad.type === Enum_1.AdType.VIDEO; }) && sub.campaignGroup.billingUnit === Enum_2.AnalyticType.AUTHENTICATION;
+        }),
+        hasEg: subCampaigns.some(function (sub) { return sub.ads.some(function (ad) {
+            return (ad.type === Enum_1.AdType.VIDEO && sub.campaignGroup.billingUnit !== Enum_2.AnalyticType.AUTHENTICATION) ||
+                ad.type !== Enum_1.AdType.VIDEO;
+        }) && [Enum_2.AnalyticType.CLICK, Enum_2.AnalyticType.AUTHENTICATION].includes(sub.campaignGroup.billingUnit); }),
+    };
+}
+exports.campaignAnalyticInfo = campaignAnalyticInfo;
 var convertToChartData = function (data, campaignGroups, time) {
     var _a;
+    var timelineType = 'YYYYMMDD';
     var convertData = Object.assign.apply(Object, __spreadArray([{}], [Enum_1.BaseEvent[Enum_2.AnalyticType.VIEW], 'Spot', 'Engagement'].map(function (x) {
         var _a;
         return (_a = {}, _a[x] = { total: 0, chartData: [] }, _a);
     }), false));
     data.forEach(function (x) {
         var _a;
+        if (String(x.timeline).length === 10) {
+            timelineType = 'YYYYMMDDHH';
+        }
         var subCampaign = campaignGroups.find(function (c) { return c.campaignGroup.id === x.campaignGroupId; });
         if (!subCampaign)
             return;
@@ -333,11 +416,7 @@ var convertToChartData = function (data, campaignGroups, time) {
                 var objKey = [
                     Enum_1.BaseEvent[Enum_2.AnalyticType.AUTHENTICATION],
                     Enum_1.BaseEvent[Enum_2.AnalyticType.CLICK],
-                ].includes(event.eventLabel)
-                    ? isSpot
-                        ? 'Spot'
-                        : 'Engagement'
-                    : event.eventLabel;
+                ].includes(event.eventLabel) ? isSpot ? 'Spot' : 'Engagement' : event.eventLabel;
                 (_a = convertData[objKey]) === null || _a === void 0 ? void 0 : _a.chartData.push({
                     y: event.total,
                     x: timeline,
@@ -353,25 +432,23 @@ var convertToChartData = function (data, campaignGroups, time) {
         _a['Spot'] = 'Campaign.Spot',
         _a['Engagement'] = 'Campaign.Engagement',
         _a);
+    var analyticInfo = campaignAnalyticInfo(campaignGroups);
     return Object.entries(convertData).map(function (_a, index) {
         var key = _a[0], value = _a[1];
+        if ((key === 'Spot' && !analyticInfo.hasSpot) ||
+            (key === 'Engagement' && !analyticInfo.hasEg))
+            return false;
         var data = (0, lodash_1.default)(value.chartData).groupBy('x').map(function (value, key) { return ({ x: key, y: (0, lodash_1.sumBy)(value, 'y') }); }).value();
-        if (data.some(function (_a) {
-            var y = _a.y;
-            return Number(y) !== 0;
-        })) {
-            return {
-                label: "".concat(i18n_1.default.t(translate[key]), " ").concat((0, Helpers_1.roundDecimalNumber)(value.total)),
-                type: 'line',
-                data: (0, Helpers_1.fillMissingDates)(data, time.startDate, time.endDate),
-                fill: false,
-                pointStyle: 'circle',
-                yAxisID: 'y',
-                variant: String(index),
-            };
-        }
-        return {};
-    }).filter(function (o) { return Object.values(o).length; });
+        return {
+            label: "".concat(i18n_1.default.t(translate[key]), " ").concat((0, Helpers_1.roundDecimalNumber)(value.total)),
+            type: 'line',
+            data: (0, Helpers_1.fillMissingDates)(data, time.startDate, time.endDate, timelineType),
+            fill: false,
+            pointStyle: 'circle',
+            yAxisID: 'y',
+            variant: String(index),
+        };
+    }).filter(Boolean);
 };
 exports.convertToChartData = convertToChartData;
 function groupBy(array, key) {

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

@@ -24,6 +24,7 @@ var Enum_1 = require("../../../../../ACM-AXN/Campaign/Enum");
 var lodash_1 = require("lodash");
 var Context_1 = __importDefault(require("../Context"));
 var exportFile_1 = require("../../../../../ACM-AXN/CampaignSchedule/exportFile");
+var Enum_2 = require("../../../../../ACM-AXN/Common/Enum");
 var AnalyticContainer = function (props) {
     var campaignId = props.campaignId, startDate = props.startDate, endDate = props.endDate, subCampaigns = props.subCampaigns, domains = props.domains;
     var client = (0, Context_1.default)().services;
@@ -75,6 +76,7 @@ var AnalyticContainer = function (props) {
             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) {

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

@@ -119,6 +119,7 @@ var Customer = function (props) {
                                             title: {
                                                 text: t('Statistics.View'),
                                             },
+                                            beginAtZero: true,
                                         },
                                         yAxis: {
                                             display: false,

package/lib/ACM-AXN/ScheduleCompletionRate/Filter.js

@@ -158,7 +158,12 @@ function Filter(props) {
                             className: classes.outlinedInput,
                         }, callback: handleChangeDateRange, isDayBlocked: function (day) {
                             var now = (0, moment_1.default)().endOf('day').valueOf();
-                            return now < day.valueOf();
+                            if (now < day.valueOf()) {
+                                return true;
+                            }
+                            else {
+                                return false;
+                            }
                         } }) }), (0, jsx_runtime_1.jsx)(SearchCampaign_1.default, { filter: filter, campaigns: campaigns, onUpdateFilter: onUpdateFilter }), (0, jsx_runtime_1.jsx)(material_1.Button, { variant: "contained", color: "primary", onClick: function () {
                         handleChangeQueryInput(dateRangeInput);
                     }, style: { height: '40px' }, children: t('Common.View') }), (0, jsx_runtime_1.jsx)(material_1.Button, { variant: "contained", title: t('Common.Download'), onClick: handleChangeExportInput, color: "inherit", disabled: isLoadings, style: {

package/lib/AWING/DataGrid/index.js

@@ -39,6 +39,8 @@ var constants_1 = require("../constants");
 var Helpers_1 = require("../../Utils/Helpers");
 var get_1 = __importDefault(require("../Form/Utils/get"));
 var i18n_1 = __importDefault(require("../../i18n"));
+var lodash_1 = require("lodash");
+var Constant_1 = require("../../ACM-AXN/Common/Constant");
 var StyledTableRow = (0, styles_1.styled)(material_1.TableRow)({
     '& .MuiTableCell-root:last-child .MuiButtonBase-root': {
         visibility: 'hidden',
@@ -177,6 +179,10 @@ var DataGrid = function (props) {
         }
     };
     var calcOrder = function (index) { return pageIndex * pageSize + 1 + index; };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    var handleAction = react_1.default.useCallback((0, lodash_1.debounce)(function (rowAction, id) {
+        rowAction.action(id);
+    }, Constant_1.Constants.DEBOUNCE_TIME_300), []);
     return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(material_1.TableContainer, { component: material_1.Paper, children: [(0, jsx_runtime_1.jsxs)(material_1.Table, { "aria-label": "simple table", style: { tableLayout: 'fixed' }, children: [!hideHeader && ((0, jsx_runtime_1.jsx)(material_1.TableHead, { children: (0, jsx_runtime_1.jsxs)(material_1.TableRow, { children: [selected && onSelectedChange && ((0, jsx_runtime_1.jsx)(material_1.TableCell, { padding: "checkbox", children: (0, jsx_runtime_1.jsx)(material_1.Checkbox, { color: "primary", indeterminate: selected.length > 0 &&
                                                     selected.length < rows.length, checked: selected.length > 0 &&
                                                     selected.length === rows.length, onChange: function () { return handleSelectAll(); }, inputProps: {
@@ -255,7 +261,7 @@ var DataGrid = function (props) {
                                                                 : undefined, title: actionDef.tooltipTitle, children: (0, jsx_runtime_1.jsx)(material_1.IconButton, { onClick: function (e) {
                                                                     if (!isShouldHide) {
                                                                         e.stopPropagation();
-                                                                        actionDef.action(id);
+                                                                        handleAction(actionDef, id);
                                                                     }
                                                                 }, style: {
                                                                     marginLeft: '4px',

package/lib/AWING/DateRangePicker/component.js

@@ -235,36 +235,54 @@ var DateRangePickerWrapper = function (props) {
         onDatesChange(daterange);
         // setFocusedInput(null);
     };
+    var getDataSet = function (moment) {
+        return moment.set({
+            hour: 0,
+            minute: 0,
+            second: 0,
+            millisecond: 0,
+        });
+    };
+    var resetDate = function () {
+        setStartDate(initialStartDate);
+        setEndDate(initialEndDate);
+        setInputValue("".concat(moment(initialStartDate).format('DD/MM/YYYY'), " - ").concat(moment(initialEndDate).format('DD/MM/YYYY')));
+        callback({
+            startDate: getDataSet(moment(initialStartDate, 'DD/MM/YYYY')),
+            endDate: getDataSet(moment(initialEndDate, 'DD/MM/YYYY')),
+        });
+    };
     var handleChangeInput = function (e) {
         var fieldValue = e.target.value;
         setInputValue(fieldValue);
         var fieldValueArr = (fieldValue === null || fieldValue === void 0 ? void 0 : fieldValue.split(' - ')) || [];
         var year1900 = moment('1900-01-01');
         var momentStartDate = moment(fieldValueArr[0], 'DD/MM/YYYY');
+        var momentEndDate = moment(fieldValueArr[1], 'DD/MM/YYYY');
+        if (isDayBlocked && isDayBlocked(momentStartDate)) {
+            setIsValid(true);
+            resetDate();
+            return;
+        }
+        if (isDayBlocked && isDayBlocked(momentEndDate)) {
+            setIsValid(true);
+            resetDate();
+            return;
+        }
         if (momentStartDate.isValid() && momentStartDate.diff(year1900) >= 0) {
             setStartDate(momentStartDate);
         }
-        var momentEndDate = moment(fieldValueArr[1], 'DD/MM/YYYY');
         if (momentEndDate.isValid() && momentEndDate.diff(year1900) >= 0) {
             setEndDate(momentEndDate);
         }
         if (moment(fieldValueArr[0], 'DD/MM/YYYY', true).isValid() &&
             moment(fieldValueArr[1], 'DD/MM/YYYY', true).isValid() &&
             momentEndDate.diff(momentStartDate) >= 0) {
-            momentStartDate.set({
-                hour: 0,
-                minute: 0,
-                second: 0,
-                millisecond: 0,
-            });
-            momentEndDate.set({
-                hour: 0,
-                minute: 0,
-                second: 0,
-                millisecond: 0,
-            });
-            callback({ startDate: momentStartDate, endDate: momentEndDate });
             setIsValid(true);
+            callback({
+                startDate: getDataSet(momentStartDate),
+                endDate: getDataSet(momentEndDate),
+            });
         }
         else
             setIsValid(false);

package/lib/Utils/Helpers.d.ts

@@ -108,7 +108,7 @@ export declare const setObject: <O extends {}>(obj: O, arrKey: Array<keyof O>, v
 export declare function fillMissingDates(data: Array<{
     x: string;
     y: number;
-}>, startDate?: string | Date | number, endDate?: string | Date | number, format?: 'YYYYMMDD' | 'YYYYMMDDHH'): {
+}>, startDate?: string | Date | number, endDate?: string | Date | number, format?: string | 'YYYYMMDD' | 'YYYYMMDDHH'): {
     x: string;
     y: number;
 }[];

package/lib/translate/vi/translation.json

@@ -483,7 +483,7 @@
         "BillingUnit": {
             "Title": "Đơn vị",
             "View": "Impression",
-            "Authentication": "Lượt tương tác / Spot",
+            "Authentication": "Engagement / Spot",
             "Click": "Click"
         }
     },

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "awing-library",
-    "version": "2.1.163-dev",
+    "version": "2.1.165-dev",
     "description": "",
     "main": "lib/index.js",
     "types": "lib/index.d.ts",