awing-library 2.1.123-beta → 2.1.125-beta

package/lib/ACM-AXN/CampaignSchedule/Components/ControlPanel/Filter.d.ts

@@ -1,3 +1,3 @@
 import { IFiltersProps } from '../../interface';
-declare const Filters: ({ campaigns, handleFilters, loadingFlags, placeMultiSelectComponent: PlaceMultiSelect, handleExportExcel, disabledCampaignFilter, isFutureDate }: IFiltersProps) => import("react/jsx-runtime").JSX.Element;
+declare const Filters: ({ campaigns, handleFilters, loadingFlags, placeMultiSelectComponent: PlaceMultiSelect, handleExportExcel, disabledCampaignFilter, isFutureDate, }: IFiltersProps) => import("react/jsx-runtime").JSX.Element;
 export default Filters;

package/lib/ACM-AXN/CampaignSchedule/Components/ControlPanel/Filter.js

@@ -22,6 +22,9 @@ var AWING_1 = require("../../../../AWING");
 var lodash_1 = __importDefault(require("lodash"));
 var moment_1 = __importDefault(require("moment"));
 var react_i18next_1 = require("react-i18next");
+var Constant_1 = require("../../../../ACM-AXN/Common/Constant");
+var recoil_1 = require("recoil");
+var Atom_1 = require("../../Recoil/Atom");
 var useStyles = (0, styles_1.makeStyles)(function () { return ({
     outlinedInput: {
         '& .MuiOutlinedInput-input': {
@@ -80,13 +83,18 @@ var Filters = function (_a) {
     var _b, _c;
     var campaigns = _a.campaigns, handleFilters = _a.handleFilters, loadingFlags = _a.loadingFlags, PlaceMultiSelect = _a.placeMultiSelectComponent, handleExportExcel = _a.handleExportExcel, _d = _a.disabledCampaignFilter, disabledCampaignFilter = _d === void 0 ? false : _d, isFutureDate = _a.isFutureDate;
     var t = (0, react_i18next_1.useTranslation)().t;
+    var _e = (0, recoil_1.useRecoilState)(Atom_1.CampaignScheduleTypeViewState), typeView = _e[0], setTypeView = _e[1];
     var campaignOptions = __assign(__assign({}, campaigns), { 0: { campaignId: 0, name: t('Common.SelectAll') } });
     var classes = useStyles();
     var handleChangeDateRange = function (value) {
         handleFilters('startDate', value.startDate);
         handleFilters('endDate', value.endDate);
     };
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: disabledCampaignFilter ? 6 : 4, className: classes.dateRangePicker, children: (0, jsx_runtime_1.jsx)(AWING_1.DateRangePicker, { isShowCalendarInfo: true, isFutureDate: isFutureDate !== null && isFutureDate !== void 0 ? isFutureDate : true, label: "".concat(t('Common.StartDate'), " - ").concat(t('Common.EndDate')), callback: handleChangeDateRange, initialStartDate: (0, moment_1.default)(), initialEndDate: (0, moment_1.default)(), variant: "outlined", textFieldProps: {
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [!disabledCampaignFilter && ((0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 2, children: (0, jsx_runtime_1.jsxs)(material_1.FormControl, { fullWidth: true, size: "small", children: [(0, jsx_runtime_1.jsx)(material_1.InputLabel, { id: "demo-simple-select-label", children: t('Common.TitleTypeView') }), (0, jsx_runtime_1.jsxs)(material_1.Select, { labelId: "demo-simple-select-label", id: "demo-simple-select", value: typeView.type, label: t('Common.TitleTypeView'), onChange: function (e) {
+                                setTypeView({
+                                    type: e.target.value,
+                                });
+                            }, children: [(0, jsx_runtime_1.jsx)(material_1.MenuItem, { value: Constant_1.TypeView.billingUnit, children: t('Common.BillingUnit') }), (0, jsx_runtime_1.jsx)(material_1.MenuItem, { value: Constant_1.TypeView.impression, children: t('Common.Impression') })] })] }) })), (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: disabledCampaignFilter ? 6 : 3, className: classes.dateRangePicker, children: (0, jsx_runtime_1.jsx)(AWING_1.DateRangePicker, { isShowCalendarInfo: true, isFutureDate: isFutureDate !== null && isFutureDate !== void 0 ? isFutureDate : true, label: "".concat(t('Common.StartDate'), " - ").concat(t('Common.EndDate')), callback: handleChangeDateRange, initialStartDate: (0, moment_1.default)(), initialEndDate: (0, moment_1.default)(), variant: "outlined", textFieldProps: {
                         fullWidth: true,
                         className: classes.outlinedInput,
                     }, isDayBlocked: function (day) {
@@ -103,13 +111,19 @@ var Filters = function (_a) {
                         return option.Id === value.Id;
                     }, onChange: function (event, campaign) {
                         handleFilters('campaignId', campaign === null || campaign === void 0 ? void 0 : campaign.id);
-                    }, renderInput: function (params) { return ((0, jsx_runtime_1.jsx)(material_1.TextField, __assign({}, params, { label: t('Schedule.CampaignName'), sx: { backgroundColor: 'white' }, variant: "outlined" }))); }, defaultValue: { Id: 0, name: t('Common.SelectAll') } }) })), (0, jsx_runtime_1.jsxs)(material_1.Grid, { item: true, xs: disabledCampaignFilter ? 6 : 4, className: classes.ellipsisPlaceFilter, children: [(0, jsx_runtime_1.jsx)(PlaceMultiSelect, { isDisplayTextField: true, onChange: function (placeIds) {
+                    }, renderInput: function (params) { return ((0, jsx_runtime_1.jsx)(material_1.TextField, __assign({}, params, { label: t('Schedule.CampaignName'), sx: { backgroundColor: 'white' }, variant: "outlined" }))); }, defaultValue: { Id: 0, name: t('Common.SelectAll') } }) })), (0, jsx_runtime_1.jsxs)(material_1.Grid, { item: true, xs: disabledCampaignFilter ? 6 : 3, className: classes.ellipsisPlaceFilter, children: [(0, jsx_runtime_1.jsx)(PlaceMultiSelect, { isDisplayTextField: true, onChange: function (placeIds) {
                             return handleFilters('placeIds', placeIds);
                         } }), (0, jsx_runtime_1.jsx)(material_1.Button, { sx: {
                             height: '40px',
                             position: 'relative !important',
                             marginLeft: '1rem',
                             marginTop: '6px',
-                        }, variant: "contained", onClick: handleExportExcel, title: t('Common.Download'), disabled: loadingFlags === null || loadingFlags === void 0 ? void 0 : loadingFlags.export, color: "inherit", children: (loadingFlags === null || loadingFlags === void 0 ? void 0 : loadingFlags.export) ? ((0, jsx_runtime_1.jsx)(AWING_1.CircularProgress, {})) : ((0, jsx_runtime_1.jsx)(GetApp_1.default, {})) })] })] }));
+                        }, variant: "contained", onClick: handleExportExcel, title: t('Common.Download'), disabled: loadingFlags === null || loadingFlags === void 0 ? void 0 : loadingFlags.export, color: "inherit", children: (loadingFlags === null || loadingFlags === void 0 ? void 0 : loadingFlags.export) ? ((0, jsx_runtime_1.jsx)(AWING_1.CircularProgress, { styleWrap: {
+                                display: 'flex',
+                                justifyContent: 'center',
+                            }, styleIcon: {
+                                width: '25px !important',
+                                height: '25px !important',
+                            } })) : ((0, jsx_runtime_1.jsx)(GetApp_1.default, {})) })] })] }));
 };
 exports.default = Filters;

package/lib/ACM-AXN/CampaignSchedule/Components/RowAdvance/component.js

@@ -12,6 +12,9 @@ var Enum_1 = require("../../Enum");
 var Helpers_1 = require("../../../../Utils/Helpers");
 var react_1 = __importDefault(require("react"));
 var react_i18next_1 = require("react-i18next");
+var recoil_1 = require("recoil");
+var Atom_1 = require("../../Recoil/Atom");
+var Constant_1 = require("../../../../ACM-AXN/Common/Constant");
 var useStyles = (0, styles_1.makeStyles)(function () { return ({
     styledCommonRow: {
         '&.MuiTableRow-root': {
@@ -79,9 +82,11 @@ var useStyles = (0, styles_1.makeStyles)(function () { return ({
     },
 }); });
 var RowAdvanceComponent = function (_a) {
+    var _b, _c, _d;
     var headCells = _a.headCells, row = _a.row, priorityGroupLevel = _a.priorityGroupLevel, stt = _a.stt, groupNames = _a.groupNames, options = _a.options, handleOnClick = _a.handleOnClick, open = _a.open, expandDisabled = _a.expandDisabled;
     var classes = useStyles();
     var t = (0, react_i18next_1.useTranslation)().t;
+    var type = (0, recoil_1.useRecoilValue)(Atom_1.CampaignScheduleTypeViewState).type;
     var fieldNameShowOn = groupNames[priorityGroupLevel - 1];
     var colSpanFirstCell = priorityGroupLevel;
     var startDate = (row === null || row === void 0 ? void 0 : row.fromDate)
@@ -91,10 +96,15 @@ var RowAdvanceComponent = function (_a) {
         ? (0, Helpers_1.timestampToStringDDMMYYYY)(row === null || row === void 0 ? void 0 : row.toDate)
         : (0, Helpers_1.timestampToStringDDMMYYYY)(row === null || row === void 0 ? void 0 : row.date);
     var fromDateToDate = startDate === endDate ? startDate : startDate + ' - ' + endDate;
-    var totalRate = !(row === null || row === void 0 ? void 0 : row.rate) ? '' : (0, Helpers_1.formatNumber)(Number(row === null || row === void 0 ? void 0 : row.rate));
+    var isBillingUnit = type === Constant_1.TypeView.billingUnit;
+    var totalRate = !(row === null || row === void 0 ? void 0 : row.rate)
+        ? ''
+        : (0, Helpers_1.formatNumber)(isBillingUnit ? row === null || row === void 0 ? void 0 : row.rateBilling : (_b = row === null || row === void 0 ? void 0 : row.rate) !== null && _b !== void 0 ? _b : 0);
     var totalView = (row === null || row === void 0 ? void 0 : row.quantity) !== undefined
-        ? (0, Helpers_1.formatNumber)(row === null || row === void 0 ? void 0 : row.quantity)
-        : (0, Helpers_1.formatNumber)(row === null || row === void 0 ? void 0 : row.totalQuantity);
+        ? (0, Helpers_1.formatNumber)(isBillingUnit ? row === null || row === void 0 ? void 0 : row.quantityBilling : (_c = row === null || row === void 0 ? void 0 : row.quantity) !== null && _c !== void 0 ? _c : 0)
+        : (0, Helpers_1.formatNumber)(isBillingUnit
+            ? row === null || row === void 0 ? void 0 : row.totalQuantityBilling
+            : (_d = row === null || row === void 0 ? void 0 : row.totalQuantity) !== null && _d !== void 0 ? _d : 0);
     var ctr = (0, Helpers_1.formatNumber)(((row === null || row === void 0 ? void 0 : row.click) / (row === null || row === void 0 ? void 0 : row.view)) * 100);
     function styledRow(priority) {
         if ((groupNames === null || groupNames === void 0 ? void 0 : groupNames.length) === 1 && priorityGroupLevel === 1) {

package/lib/ACM-AXN/CampaignSchedule/Components/TableHeaderDragable.js

@@ -95,7 +95,7 @@ var TableHeaderDragable = function (_a) {
             case Enum_1.HEAD_CELL_IDS.RATE:
                 return "".concat(t('Schedule.Rate'), " (%)");
             case Enum_1.HEAD_CELL_IDS.TOTAL:
-                return "".concat(t('Schedule.Total'), " (").concat(t('Common.Impression'), ")");
+                return t('Schedule.Total');
             default:
                 return '';
         }

package/lib/ACM-AXN/CampaignSchedule/DataConfig.d.ts

@@ -1,4 +1,4 @@
-export declare const DataSetConfigs: (exportData: any, campaigns: any, places: any, t: any) => {
+export declare const DataSetConfigs: (exportData: any, campaigns: any, places: any, t: any, isBilling: boolean) => {
     results: {
         columns: any[];
         data: any[];

package/lib/ACM-AXN/CampaignSchedule/DataConfig.js

@@ -11,7 +11,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DataSetConfigs = void 0;
 var Helpers_1 = require("../../Utils/Helpers");
-var DataSetConfigs = function (exportData, campaigns, places, t) {
+var DataSetConfigs = function (exportData, campaigns, places, t, isBilling) {
     var results = [
         {
             columns: [t('Schedule.ReportCampaignSchedule')],
@@ -43,9 +43,14 @@ var DataSetConfigs = function (exportData, campaigns, places, t) {
                         value: (0, Helpers_1.timestampToStringDDMMYYYY)(data.date),
                         style: { font: { sz: '13' } },
                     },
-                    { value: data.rate, style: { font: { sz: '13' } } },
                     {
-                        value: data.totalQuantity,
+                        value: (0, Helpers_1.formatNumber)(isBilling ? data.rateBilling : data.rate || 0),
+                        style: { font: { sz: '13' } },
+                    },
+                    {
+                        value: (0, Helpers_1.formatNumber)(isBilling
+                            ? data.totalQuantityBilling
+                            : data.totalQuantity || 0),
                         style: { font: { sz: '12' } },
                     },
                 ];

package/lib/ACM-AXN/CampaignSchedule/DataConfigAXN.d.ts

@@ -1,4 +1,4 @@
-export declare const DataSetConfigsAXN: (t: any, exportData: any, domains: any, campaigns: any, places: any) => {
+export declare const DataSetConfigsAXN: (t: any, exportData: any, domains: any, campaigns: any, places: any, isBilling: boolean) => {
     columns: any[];
     data: any[];
 }[];

package/lib/ACM-AXN/CampaignSchedule/DataConfigAXN.js

@@ -11,7 +11,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DataSetConfigsAXN = void 0;
 var Helpers_1 = require("../../Utils/Helpers");
-var DataSetConfigsAXN = function (t, exportData, domains, campaigns, places) {
+var DataSetConfigsAXN = function (t, exportData, domains, campaigns, places, isBilling) {
     return [
         {
             columns: [t('Schedule.ReportCampaignSchedule')],
@@ -45,9 +45,14 @@ var DataSetConfigsAXN = function (t, exportData, domains, campaigns, places) {
                         value: (0, Helpers_1.timestampToStringDDMMYYYY)(data.date),
                         style: { font: { sz: '13' } },
                     },
-                    { value: data.rate, style: { font: { sz: '13' } } },
                     {
-                        value: data.totalQuantity,
+                        value: (0, Helpers_1.formatNumber)(isBilling ? data.rateBilling : data.rate || 0),
+                        style: { font: { sz: '13' } },
+                    },
+                    {
+                        value: (0, Helpers_1.formatNumber)(isBilling
+                            ? data.totalQuantityBilling
+                            : data.totalQuantity || 0),
                         style: { font: { sz: '12' } },
                     },
                 ];

package/lib/ACM-AXN/CampaignSchedule/Recoil/Atom.d.ts

@@ -1,2 +1,3 @@
-import { IPlaceGroupPermission } from "../interface";
+import { IPlaceGroupPermission, ITypeView } from '../interface';
 export declare const placeGroupPermissionState: import("recoil").RecoilState<IPlaceGroupPermission>;
+export declare const CampaignScheduleTypeViewState: import("recoil").RecoilState<ITypeView>;

package/lib/ACM-AXN/CampaignSchedule/Recoil/Atom.js

@@ -1,9 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.placeGroupPermissionState = void 0;
+exports.CampaignScheduleTypeViewState = exports.placeGroupPermissionState = void 0;
 var recoil_1 = require("recoil");
+var Constant_1 = require("../../../ACM-AXN/Common/Constant");
 // Khi bắt đầu load sẽ thực hiện lấy thông tin placeGroupPermission cho placefilter.
 exports.placeGroupPermissionState = (0, recoil_1.atom)({
-    key: "PlaceGroupPermissionState",
+    key: 'PlaceGroupPermissionState',
     default: { placeGroups: [], places: [] },
 });
+exports.CampaignScheduleTypeViewState = (0, recoil_1.atom)({
+    key: 'CampaignScheduleTypeViewState',
+    default: { type: Constant_1.TypeView.billingUnit },
+});

package/lib/ACM-AXN/CampaignSchedule/container.d.ts

@@ -1,3 +1,3 @@
 import { ICampaignScheduleContainerProps } from './interface';
-declare const CampaignScheduleContainer: ({ initialFilters, initialHeadCells, placeMultiSelectComponent, serviceCampaignSchedule, typeSystemAXN, title, disabledCampaignFilter, isFutureDate }: ICampaignScheduleContainerProps) => import("react/jsx-runtime").JSX.Element;
+declare const CampaignScheduleContainer: ({ initialFilters, initialHeadCells, placeMultiSelectComponent, serviceCampaignSchedule, typeSystemAXN, title, disabledCampaignFilter, isFutureDate, }: ICampaignScheduleContainerProps) => import("react/jsx-runtime").JSX.Element;
 export default CampaignScheduleContainer;

package/lib/ACM-AXN/CampaignSchedule/container.js

@@ -62,6 +62,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var material_1 = require("@mui/material");
 var lodash_1 = __importDefault(require("lodash"));
+var recoil_1 = require("recoil");
 var react_1 = require("react");
 var react_helmet_async_1 = require("react-helmet-async");
 var react_i18next_1 = require("react-i18next");
@@ -72,10 +73,13 @@ var DataConfig_1 = require("./DataConfig");
 var DataConfigAXN_1 = require("./DataConfigAXN");
 var Enum_1 = require("./Enum");
 var component_1 = __importDefault(require("./component"));
+var Atom_1 = require("./Recoil/Atom");
+var Constant_1 = require("../../ACM-AXN/Common/Constant");
 var CampaignScheduleContainer = function (_a) {
     var _b;
     var initialFilters = _a.initialFilters, initialHeadCells = _a.initialHeadCells, placeMultiSelectComponent = _a.placeMultiSelectComponent, serviceCampaignSchedule = _a.serviceCampaignSchedule, _c = _a.typeSystemAXN, typeSystemAXN = _c === void 0 ? false : _c, title = _a.title, disabledCampaignFilter = _a.disabledCampaignFilter, isFutureDate = _a.isFutureDate;
     var t = (0, react_i18next_1.useTranslation)().t;
+    var type = (0, recoil_1.useRecoilValue)(Atom_1.CampaignScheduleTypeViewState).type;
     var _d = (0, react_1.useState)(null), dragPlace = _d[0], setDragPlace = _d[1];
     var _e = (0, react_1.useState)(initialFilters), filters = _e[0], setFilters = _e[1];
     var pagingGroupBy = serviceCampaignSchedule.pagingGroupBy, paging = serviceCampaignSchedule.paging, exportExcel = serviceCampaignSchedule.exportExcel, placesPermission = serviceCampaignSchedule.placesPermission, campaignPlan = serviceCampaignSchedule.campaignPlan, domains = serviceCampaignSchedule.domains;
@@ -172,8 +176,9 @@ var CampaignScheduleContainer = function (_a) {
         getScheduleGroupsData();
     }, [page.pageSize, page.pageIndex, view, filters.campaignId]);
     var handleExportExcel = function () {
+        var isBillingUnit = type === Constant_1.TypeView.billingUnit;
         var params = __assign(__assign({}, filters), { options: options });
-        exportExcel(params, typeSystemAXN ? DataConfigAXN_1.DataSetConfigsAXN : DataConfig_1.DataSetConfigs, t);
+        exportExcel(params, typeSystemAXN ? DataConfigAXN_1.DataSetConfigsAXN : DataConfig_1.DataSetConfigs, t, isBillingUnit);
     };
     var getAllPlaces = function () {
         if (placesPermission) {

package/lib/ACM-AXN/CampaignSchedule/interface.d.ts

@@ -194,6 +194,9 @@ export interface IGroupPanelProps {
     onDrop: any;
     panels: any;
 }
+export interface ITypeView {
+    type: number;
+}
 export interface IFiltersProps {
     campaigns: {};
     handleFilters: (field: string, value: any) => void;

package/lib/ACM-AXN/Common/Constant.d.ts

@@ -140,3 +140,20 @@ export declare const Constants: {
     PAGE: string;
     PAGE_CREATE_DIRECTORY: string;
 };
+/**
+ *  ValueAnalyticType  dùng để truy xuất dữ liệu trong các file "runs" và "expecteds" filter phần thống kê.
+ **/
+export declare const ValueAnalyticType: {
+    VIEW: string;
+    AUTHENTICATION: string;
+    CLICK: string;
+};
+/**
+ *  TypeView kịch bản filter trong phần thống kê.
+ *  billingUnit: 0, // Đơn vị tính, dựa vào trường "billingUnit" => 1: "Authentication", 2: "Click"
+ *  impression: 1, // Lượt hiển thị, "View"
+ **/
+export declare const TypeView: {
+    billingUnit: number;
+    impression: number;
+};

package/lib/ACM-AXN/Common/Constant.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Constants = void 0;
+exports.TypeView = exports.ValueAnalyticType = exports.Constants = void 0;
 exports.Constants = {
     API_ENDPOINT: window.REACT_APP_API_ENDPOINT,
     // Notification
@@ -130,3 +130,20 @@ exports.Constants = {
     PAGE: 'Page',
     PAGE_CREATE_DIRECTORY: 'CreateDirectory',
 };
+/**
+ *  ValueAnalyticType  dùng để truy xuất dữ liệu trong các file "runs" và "expecteds" filter phần thống kê.
+ **/
+exports.ValueAnalyticType = {
+    VIEW: 'View',
+    AUTHENTICATION: 'Authentication',
+    CLICK: 'Click',
+};
+/**
+ *  TypeView kịch bản filter trong phần thống kê.
+ *  billingUnit: 0, // Đơn vị tính, dựa vào trường "billingUnit" => 1: "Authentication", 2: "Click"
+ *  impression: 1, // Lượt hiển thị, "View"
+ **/
+exports.TypeView = {
+    billingUnit: 0, // Đơn vị tính
+    impression: 1, // Lượt hiển thị
+};

package/lib/ACM-AXN/Common/Enum.d.ts

@@ -30,3 +30,8 @@ export declare enum JobTypeEnum {
     Cron = "Cron",
     Trigger = "Trigger"
 }
+export declare enum AnalyticType {
+    VIEW = 0,// Impression
+    AUTHENTICATION = 1,// Engagement / Spot
+    CLICK = 2
+}

package/lib/ACM-AXN/Common/Enum.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.JobTypeEnum = exports.VERIFIED_STATUS = exports.VALID_PROCESS_CODE = exports.TrackingType = exports.PathType = exports.FileTypeCode = exports.PageCode = void 0;
+exports.AnalyticType = exports.JobTypeEnum = exports.VERIFIED_STATUS = exports.VALID_PROCESS_CODE = exports.TrackingType = exports.PathType = exports.FileTypeCode = exports.PageCode = void 0;
 var PageCode;
 (function (PageCode) {
     PageCode[PageCode["Wlc"] = 0] = "Wlc";
@@ -41,3 +41,9 @@ var JobTypeEnum;
     JobTypeEnum["Cron"] = "Cron";
     JobTypeEnum["Trigger"] = "Trigger";
 })(JobTypeEnum || (exports.JobTypeEnum = JobTypeEnum = {}));
+var AnalyticType;
+(function (AnalyticType) {
+    AnalyticType[AnalyticType["VIEW"] = 0] = "VIEW";
+    AnalyticType[AnalyticType["AUTHENTICATION"] = 1] = "AUTHENTICATION";
+    AnalyticType[AnalyticType["CLICK"] = 2] = "CLICK";
+})(AnalyticType || (exports.AnalyticType = AnalyticType = {}));

package/lib/ACM-AXN/Holiday/FormHoliday.js

@@ -1,24 +1,52 @@
 "use strict";
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
-var AWING_1 = require("../../AWING");
 var react_i18next_1 = require("react-i18next");
+var react_1 = require("react");
+var Hooks_1 = __importDefault(require("./Hooks"));
+var AWING_1 = require("../../AWING");
 var Utils_1 = require("./Utils");
 var FormHoliday = function (props) {
     var t = (0, react_i18next_1.useTranslation)().t;
+    var service = (0, Hooks_1.default)().service;
     var holidays = props.holidays, onUpdate = props.onUpdate, isAllFieldReadOnly = props.isAllFieldReadOnly;
-    return ((0, jsx_runtime_1.jsx)(AWING_1.BasicDataForm, { oldValue: holidays, onUpdate: onUpdate
-            ? function (formValid, value) {
-                return onUpdate(formValid ? value : {});
-            }
-            : undefined, fields: [
+    var _a = (0, react_1.useState)([]), domains = _a[0], setDomains = _a[1];
+    var _b = (0, react_1.useState)(true), loading = _b[0], setLoading = _b[1];
+    (0, react_1.useEffect)(function () {
+        if (service === null || service === void 0 ? void 0 : service.isAcmAdmin) {
+            service.domainsGetAll &&
+                service
+                    .domainsGetAll()
+                    .then(setDomains)
+                    .finally(function () { return setLoading(false); });
+        }
+        else {
+            setLoading(false);
+        }
+    }, [service]);
+    var fields = (0, react_1.useMemo)(function () {
+        var result = [
             {
                 fieldName: 'name',
                 label: t('HolidayForm.Name'),
                 type: 'text',
                 required: true,
                 length: 100,
-                inputProps: { readOnly: isAllFieldReadOnly ? true : false },
+                inputProps: {
+                    readOnly: isAllFieldReadOnly ? true : false,
+                },
             },
             {
                 fieldName: 'calendarType',
@@ -32,7 +60,9 @@ var FormHoliday = function (props) {
                         text: t("CalendarType.".concat(key)),
                     });
                 }),
-                inputProps: { readOnly: isAllFieldReadOnly ? true : false },
+                inputProps: {
+                    readOnly: isAllFieldReadOnly ? true : false,
+                },
             },
             {
                 fieldName: 'recurrenceType',
@@ -46,8 +76,35 @@ var FormHoliday = function (props) {
                         text: t("RecurrenceType.".concat(key)),
                     });
                 }),
-                inputProps: { readOnly: isAllFieldReadOnly ? true : false },
+                inputProps: {
+                    readOnly: isAllFieldReadOnly ? true : false,
+                },
             },
-        ] }));
+        ];
+        if (service === null || service === void 0 ? void 0 : service.isAcmAdmin) {
+            result.splice(1, 0, {
+                fieldName: 'domainId',
+                label: t('Holiday.Domain'),
+                type: 'autocomplete',
+                required: true,
+                defaultValue: '99',
+                options: __spreadArray([
+                    {
+                        value: '99',
+                        text: t('Common.None'),
+                    }
+                ], domains.map(function (item) { return ({
+                    value: item.domainId,
+                    text: (item === null || item === void 0 ? void 0 : item.name) || '',
+                }); }), true),
+            });
+        }
+        return result;
+    }, [domains, service === null || service === void 0 ? void 0 : service.isAcmAdmin, t, isAllFieldReadOnly]);
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: loading ? ((0, jsx_runtime_1.jsx)(AWING_1.CircularProgress, {})) : ((0, jsx_runtime_1.jsx)(AWING_1.BasicDataForm, { oldValue: holidays, onUpdate: onUpdate
+                ? function (formValid, value) {
+                    return onUpdate(formValid ? value : {});
+                }
+                : undefined, fields: fields })) }));
 };
 exports.default = FormHoliday;

package/lib/ACM-AXN/Holiday/Types.d.ts

@@ -23,6 +23,24 @@ export interface HolidayService {
     holidaysGetDetail: (id: number, cancelToken?: CancelToken) => Promise<HolidayDetail>;
     holidaysGetDetailByHolidayId: (holidayId: number, cancelToken?: CancelToken) => Promise<HolidayDetail[]>;
     holidaysDeleteDetail: (id: number, cancelToken?: CancelToken) => Promise<void>;
+    /**
+     * isAcmAdmin: Kiểm tra xem có phải là trang ACM Admin.
+     **/
+    isAcmAdmin?: boolean;
+    domainsGetAll?: (cancelToken?: CancelToken) => Promise<Domain[]>;
+}
+export interface Domain {
+    domainId?: string;
+    domainTariffId?: number;
+    directoryPath?: string | undefined;
+    name?: string | undefined;
+    joinNetwork?: boolean;
+    description?: string | undefined;
+    license?: string | undefined;
+    requiredCustomerData?: boolean | undefined;
+    url?: string | undefined;
+    customizeCustomerFormPath?: string | undefined;
+    contactPhoneNumber?: string | undefined;
 }
 export interface Holiday {
     id?: number;

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

@@ -22,29 +22,30 @@ var jsx_runtime_1 = require("react/jsx-runtime");
  **/
 var react_1 = require("react");
 var react_i18next_1 = require("react-i18next");
-var recoil_1 = require("recoil");
 var material_1 = require("@mui/material");
+var recoil_1 = require("recoil");
+var react_helmet_async_1 = require("react-helmet-async");
 var AccessTime_1 = __importDefault(require("@mui/icons-material/AccessTime"));
 var Filter_1 = __importDefault(require("./Filter"));
-var Constant_1 = require("../../ACM-AXN/Common/Constant");
+var Context_1 = __importDefault(require("../../Context"));
 var Hooks_1 = __importDefault(require("./Hooks"));
 var Router_1 = require("../../AWING/Router");
-var Recoils_1 = require("./Recoils");
+var Constant_1 = require("../../ACM-AXN/Common/Constant");
 var Utils_1 = require("./Utils");
-var Helpers_1 = require("../../Utils/Helpers");
 var AWING_1 = require("../../AWING");
-var react_helmet_async_1 = require("react-helmet-async");
-var Context_1 = __importDefault(require("../../Context"));
+var Recoils_1 = require("./Recoils");
+var Helpers_1 = require("../../Utils/Helpers");
 function Container() {
     var navigate = (0, Router_1.useNavigate)();
     var i18next = (0, react_1.useContext)(Context_1.default).i18next;
     var t = (0, react_i18next_1.useTranslation)(undefined, { i18n: i18next }).t;
     var service = (0, Hooks_1.default)().service;
     var setScheduleCompletionRate = (0, recoil_1.useSetRecoilState)(Recoils_1.scheduleCompletionRateAtom);
+    var type = (0, recoil_1.useRecoilValue)(Recoils_1.ScheduleCompletionRateTypeViewState).type;
     var _a = (0, react_1.useState)(false), loading = _a[0], setLoading = _a[1];
     var _b = (0, react_1.useState)([]), sortModels = _b[0], setSortModels = _b[1];
     var _c = (0, react_1.useState)([]), schedules = _c[0], setSchedules = _c[1];
-    var _d = (0, react_1.useState)([]), fullSchedules = _d[0], setFullSchedules = _d[1];
+    var _d = (0, react_1.useState)([]), defaultFullSchedules = _d[0], setDefaultFullSchedules = _d[1];
     var _e = (0, react_1.useState)(Utils_1.DefaultValueFilter), filter = _e[0], setFilter = _e[1];
     var _f = (0, react_1.useState)(Utils_1.QueryInputDetail), queryInput = _f[0], setQueryInput = _f[1];
     (0, react_1.useEffect)(function () {
@@ -53,20 +54,22 @@ function Container() {
         service
             .scheduleCompletionRatesGet((_a = filter === null || filter === void 0 ? void 0 : filter.startDate) === null || _a === void 0 ? void 0 : _a.format('YYYY-MM-DD'), (_b = filter === null || filter === void 0 ? void 0 : filter.endDate) === null || _b === void 0 ? void 0 : _b.format('YYYY-MM-DD'))
             .then(function (res) {
-            var valueNew = res.map(function (item) { return (__assign(__assign({}, item), { rate: (item.totalRun / item.totalQuantity) * 100 || 0 })); });
-            setFullSchedules(valueNew);
-            setSchedules(valueNew);
-            setScheduleCompletionRate(function (oldState) { return (__assign(__assign({}, oldState), { filter: filter, detailCompletionRate: valueNew })); });
+            var valueNew = (0, Utils_1.converData)(res, type);
+            updateData(valueNew);
+            // Dư liệu mặc định chưa update
+            setDefaultFullSchedules(res);
         })
             .finally(function () {
             setLoading(false);
         });
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [service, filter.startDate, filter.endDate]);
+    }, [filter.startDate, filter.endDate]);
     (0, react_1.useEffect)(function () {
-        var dataFilter = fullSchedules.filter(function (item) { return item.campaignId === filter.campaignId; });
-        setSchedules(dataFilter.length > 0 ? dataFilter : fullSchedules);
-    }, [filter.campaignId, fullSchedules]);
+        var dataFilter = defaultFullSchedules.filter(function (item) { return item.campaignId === filter.campaignId; });
+        var valueNew = (0, Utils_1.converData)(dataFilter.length > 0 ? dataFilter : defaultFullSchedules, type);
+        updateData(valueNew);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [filter.campaignId, defaultFullSchedules, type]);
     (0, react_1.useEffect)(function () {
         sortModels.length &&
             setSchedules(function (prev) {
@@ -78,6 +81,12 @@ function Container() {
                 });
             });
     }, [sortModels]);
+    var updateData = function (dataNew) {
+        // Hiển thị dữ liệu DataGrid
+        setSchedules(dataNew);
+        // update recoils
+        setScheduleCompletionRate(function (oldState) { return (__assign(__assign({}, oldState), { filter: filter, detailCompletionRate: dataNew })); });
+    };
     var handleUpdateFilter = function (valueNew) {
         setFilter(function (oldValue) { return (__assign(__assign({}, oldValue), valueNew)); });
     };
@@ -85,7 +94,7 @@ function Container() {
         var _a = paths.split('.'), _r = _a[0], campaignId = _a[1], groupId = _a[2];
         navigate("".concat(Constant_1.Constants.DETAIL_PATH, "/").concat(campaignId, "/").concat(groupId));
     };
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_helmet_async_1.HelmetProvider, { children: (0, jsx_runtime_1.jsx)(react_helmet_async_1.Helmet, { children: (0, jsx_runtime_1.jsx)("title", { children: t('ScheduleCompletionRate.Title') }) }) }), (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "h5", component: "h1", color: "inherit", noWrap: true, fontWeight: 'bold', sx: { marginBottom: function (theme) { return theme.spacing(2); } }, children: t('ScheduleCompletionRate.Title') }), (0, jsx_runtime_1.jsxs)(material_1.Paper, { elevation: 1, children: [(0, jsx_runtime_1.jsx)(material_1.Box, { sx: { padding: '24px 16px 0' }, children: (0, jsx_runtime_1.jsx)(Filter_1.default, { filter: filter, onUpdateFilter: handleUpdateFilter }) }), loading ? ((0, jsx_runtime_1.jsx)(AWING_1.CircularProgress, {})) : ((0, jsx_runtime_1.jsx)(AWING_1.DataGrid, { columns: [
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_helmet_async_1.HelmetProvider, { children: (0, jsx_runtime_1.jsx)(react_helmet_async_1.Helmet, { children: (0, jsx_runtime_1.jsx)("title", { children: t('ScheduleCompletionRate.Title') }) }) }), (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "h5", component: "h1", color: "inherit", noWrap: true, fontWeight: 'bold', sx: { mb: 2 }, children: t('ScheduleCompletionRate.Title') }), (0, jsx_runtime_1.jsxs)(material_1.Paper, { elevation: 1, children: [(0, jsx_runtime_1.jsx)(material_1.Box, { sx: { pt: 3, pl: 2, pr: 2 }, children: (0, jsx_runtime_1.jsx)(Filter_1.default, { filter: filter, onUpdateFilter: handleUpdateFilter }) }), loading ? ((0, jsx_runtime_1.jsx)(AWING_1.CircularProgress, {})) : ((0, jsx_runtime_1.jsx)(AWING_1.DataGrid, { columns: [
                             {
                                 field: '#',
                                 headerName: '#',
@@ -99,7 +108,7 @@ function Container() {
                                     return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("span", { children: [(row === null || row === void 0 ? void 0 : row.campaignId) !== -1
                                                         ? (row === null || row === void 0 ? void 0 : row.campaignName) ||
                                                             "ID:\n                                                    ".concat(row === null || row === void 0 ? void 0 : row.campaignId)
-                                                        : t('ScheduleCompletionRate.CampaignDefault'), (row === null || row === void 0 ? void 0 : row.isNetWorkCampaign) && ((0, jsx_runtime_1.jsx)("span", { style: {
+                                                        : t('ScheduleCompletionRate.CampaignDefault'), (row === null || row === void 0 ? void 0 : row.isNetWork) && ((0, jsx_runtime_1.jsx)("span", { style: {
                                                             backgroundColor: '#c49f47',
                                                             color: '#ffffff',
                                                             fontSize: '13px',
@@ -176,6 +185,9 @@ function Container() {
                                     };
                                 },
                                 type: 'number',
+                                valueGetter: function (row) {
+                                    return (0, Helpers_1.formatNumber)(row.rate.toFixed(2));
+                                },
                             },
                         ], rows: (0, Helpers_1.offlinePaginate)(schedules, queryInput.pageIndex, queryInput.pageSize), sortModel: sortModels, onSortModelChange: setSortModels, getRowId: function (row) {
                             return [(0, Helpers_1.generateUUID)(), row.campaignId, row.groupId].join('.');