awing-library 2.1.13-beta → 2.1.13

package/lib/ACM-AXN/Campaign/CreateOrEdit/index.js

@@ -1,4 +1,15 @@
 "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 };
 };
@@ -46,6 +57,7 @@ var CreateOrEdit = function () {
     var _d = (0, recoil_1.useRecoilState)(Recoils_1.campaignModelState), campaignData = _d[0], setCampaignData = _d[1];
     var setCampaignPages = (0, recoil_1.useSetRecoilState)(atoms_1.campaignPageIdState);
     var setDirectories = (0, recoil_1.useSetRecoilState)(Recoils_1.directoriesState);
+    var setAttributes = (0, recoil_1.useSetRecoilState)(Recoils_1.attributesState);
     var confirmExit = (0, recoil_1.useRecoilValue)(Recoils_1.confirmExitState);
     var readyForSubmit = (0, recoil_1.useRecoilValue)(Recoils_1.readyForSubmitState);
     var setCreate = (0, recoil_1.useSetRecoilState)(Recoils_1.isCreateState);
@@ -78,7 +90,10 @@ var CreateOrEdit = function () {
         service
             .directoriesGetByObjectTypeCode(Enum_1.DirectoryRoot.Campaign)
             .then(setDirectories);
-    }, [service, setDirectories]);
+        if (service.attributesGetByObjectTypeCode) {
+            service.attributesGetByObjectTypeCode(Enum_1.DirectoryRoot.Campaign).then(setAttributes);
+        }
+    }, [service, setDirectories, setAttributes]);
     (0, react_1.useLayoutEffect)(function () {
         if (tabName && route.includes(tabName)) {
             setValue(String(route.indexOf(tabName)));
@@ -179,11 +194,12 @@ var CreateOrEdit = function () {
             .flatMap(function (x) { return x.ads; }))) {
             return Promise.reject(t('Campaign.CClassDuplicatePlace'));
         }
+        var dataSubmit = __assign(__assign({}, campaignData), { campaignAttributes: campaignData.campaignAttributes.filter(Boolean) });
         if (componentStatus === Constant_1.Constants.CAMPAIGN_DETAIL) {
-            return service.campaignsPut(campaignId, campaignData);
+            return service.campaignsPut(campaignId, dataSubmit);
         }
         else {
-            return service.campaignsPost(campaignData);
+            return service.campaignsPost(dataSubmit);
         }
     };
     return ((0, jsx_runtime_1.jsx)(ClassicDrawer_1.default, { title: "".concat(t(['Campaign', campaignId ? 'TitleDetail' : 'Create'].join('.'))).concat(campaignId ? ": ".concat((_a = campaignData === null || campaignData === void 0 ? void 0 : campaignData.campaign) === null || _a === void 0 ? void 0 : _a.name) : '', "\n               "), onSubmit: handleSubmit, disableButtonSubmit: !readyForSubmit, confirmExit: confirmExit, childrenWrapperStyle: { padding: 0 }, children: (0, jsx_runtime_1.jsx)(material_1.Grid, { container: true, sx: {

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

@@ -331,6 +331,14 @@ export interface AnalyticDataProviderModel {
     click: number;
     ctr: number;
 }
+export interface Attribute {
+    id: number;
+    name: string;
+    objectTypeCode: string;
+    description: string;
+    createdDate: Timestamp;
+    attributeTypeId: number;
+}
 export interface AppHelper {
     alert: (message: string, title?: string) => void;
     snackbar: (severity?: AlertColor, message?: string, autoHideDuration?: number) => void;
@@ -354,6 +362,7 @@ interface CampaignService extends PrmissionService {
     statisticCampaignGetEvents: (body: AnalyticEventModel) => Promise<AnalyticEvent[]>;
     statisticCampaignGet: (startDate?: string, endDate?: string, timelineType?: TIMELINE_TYPE, body?: Record<string, any>) => Promise<AnalyticDataProviderModel[]>;
     statisticCampaignGetAnalyticCampaign: (timelineType?: TIMELINE_TYPE, startDate?: string, endDate?: string, body?: Record<string, any>) => Promise<AnalyticCampaignSummary[]>;
+    attributesGetByObjectTypeCode?: (objectTypeCode: string) => Promise<Attribute[]>;
 }
 export interface CampaignFeatureProps {
     service: CampaignService & PageService;
@@ -361,6 +370,7 @@ export interface CampaignFeatureProps {
     tabStatistic: (p?: any) => JSX.Element;
     domainId: string;
     configs: any;
+    isAxn?: boolean;
 }
 export interface AnalyticCampaignSummary {
     campaignId: string;

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

@@ -80,6 +80,7 @@ export declare const RuleType: {
     TargetAge: number;
     TargetOS: number;
     TargetDevice: number;
+    RetargetMacAddress: number;
 };
 export declare const RuleTypeOfCalculator: {
     TargetGender: number;
@@ -87,6 +88,13 @@ export declare const RuleTypeOfCalculator: {
     TargetOS: number;
     TargetDevice: number;
 };
+export declare const RuleTypeOfCalculatorAXN: {
+    TargetGender: number;
+    TargetAge: number;
+    TargetOS: number;
+    TargetDevice: number;
+    RetargetMacAddress: number;
+};
 export declare const RuleGender: {
     Female: string;
     Male: string;

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

@@ -12,7 +12,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.CampaignType = exports.ageRangeValueToText = exports.RuleAgeRange = exports.DEMO_GRAPHIC_AGE_RANGE = exports.getDescription = exports.isAdActive = exports.RuleGender = exports.RuleTypeOfCalculator = exports.RuleType = exports.nextChar = exports.getName = exports.getDefaultRule = exports.bonusValid = exports.bookingValid = exports.adsClassCValid = exports.groupClassCValid = exports.groupClassBValid = exports.campaignAdsValid = exports.ruleValid = exports.verifyExpr = exports.advancedValid = exports.weightsValid = exports.placeFilterValid = exports.dateRangeValid = exports.pageValid = exports.campaignAdValid = exports.validateAnalyticTypes = exports.checkValidUrl = exports.tabPartnerValid = exports.tabInfomationValid = exports.attributesValid = exports.nameValid = exports.directoryValid = exports.advancedSearchFormatDate = exports.getCampaignPriority = exports.checkCampaignIsRunning = exports.formatListCampaign = exports.getTotalBooking = exports.checkPriority = exports.getIndexPriority = void 0;
+exports.CampaignType = exports.ageRangeValueToText = exports.RuleAgeRange = exports.DEMO_GRAPHIC_AGE_RANGE = exports.getDescription = exports.isAdActive = exports.RuleGender = exports.RuleTypeOfCalculatorAXN = exports.RuleTypeOfCalculator = exports.RuleType = exports.nextChar = exports.getName = exports.getDefaultRule = exports.bonusValid = exports.bookingValid = exports.adsClassCValid = exports.groupClassCValid = exports.groupClassBValid = exports.campaignAdsValid = exports.ruleValid = exports.verifyExpr = exports.advancedValid = exports.weightsValid = exports.placeFilterValid = exports.dateRangeValid = exports.pageValid = exports.campaignAdValid = exports.validateAnalyticTypes = exports.checkValidUrl = exports.tabPartnerValid = exports.tabInfomationValid = exports.attributesValid = exports.nameValid = exports.directoryValid = exports.advancedSearchFormatDate = exports.getCampaignPriority = exports.checkCampaignIsRunning = exports.formatListCampaign = exports.getTotalBooking = exports.checkPriority = exports.getIndexPriority = void 0;
 var Types_1 = require("./Types");
 var Enum_1 = require("./Enum");
 var Helpers_1 = require("../../Utils/Helpers");
@@ -112,7 +112,7 @@ function nameValid(value) {
 }
 exports.nameValid = nameValid;
 function attributesValid(value) {
-    return value.length > 0;
+    return Array.isArray(value) && value.length > 0;
 }
 exports.attributesValid = attributesValid;
 function tabInfomationValid(campaign, campaignAttributes) {
@@ -343,12 +343,12 @@ var getDefaultRule = function (type) {
                 operator: Enum_1.EnumOperator.In.id,
                 value: [],
             };
-        // case RuleType.RetargetMacAddress:
-        //     return {
-        //         type: type,
-        //         operator: EnumOperator.IntersectExist.id,
-        //         value: '',
-        //     }
+        case exports.RuleType.RetargetMacAddress:
+            return {
+                type: type,
+                operator: Enum_1.EnumOperator.IntersectExist.id,
+                value: '',
+            };
         default:
             return {};
     }
@@ -373,14 +373,20 @@ exports.RuleType = {
     TargetAge: 4,
     TargetOS: 5,
     TargetDevice: 6,
-    // RetargetMacAddress: 7,
+    RetargetMacAddress: 7,
 };
 exports.RuleTypeOfCalculator = {
     TargetGender: 3,
     TargetAge: 4,
     TargetOS: 5,
     TargetDevice: 6,
-    // RetargetMacAddress: 7,
+};
+exports.RuleTypeOfCalculatorAXN = {
+    TargetGender: 3,
+    TargetAge: 4,
+    TargetOS: 5,
+    TargetDevice: 6,
+    RetargetMacAddress: 7,
 };
 exports.RuleGender = {
     Female: '0',
@@ -496,14 +502,12 @@ var getDescription = function (rule) {
                 result = result.replace('{1}', value.length);
             }
             break;
-        // case RuleType.RetargetMacAddress:
-        //     {
-        //         let textFormat = i18next.t(
-        //             'Campaign.Rule.DescriptionFormat.RetargetMacAddress'
-        //         )
-        //         result += textFormat.replace('{0}', rule.description)
-        //     }
-        //     break
+        case exports.RuleType.RetargetMacAddress:
+            {
+                var textFormat = i18n_1.default.t('Campaign.Rule.DescriptionFormat.RetargetMacAddress');
+                result += textFormat.replace('{0}', JSON.parse(rule.parameter || '{}').name);
+            }
+            break;
         default:
             break;
     }

package/lib/ACM-AXN/Campaign/index.js

@@ -19,18 +19,19 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 // import Constants from "Commons/Constants";
 var react_helmet_async_1 = require("react-helmet-async");
 var react_i18next_1 = require("react-i18next");
+var CreateDirectory_1 = __importDefault(require("../../AWING/Directory/CreateDirectory"));
 var Router_1 = require("../../AWING/Router");
 var i18n_1 = __importDefault(require("../../i18n"));
 var Constant_1 = require("./Constant");
 var Container_1 = __importDefault(require("./Container"));
 var Context_1 = require("./Context");
 var CreateOrEdit_1 = __importDefault(require("./CreateOrEdit"));
-var CreateDirectory_1 = __importDefault(require("../../AWING/Directory/CreateDirectory"));
+var Enum_1 = require("./Enum");
 var Campaign = function (props) {
     var paths = [
         {
             param: Constant_1.Constants.DIRECTORY_CREATE_DIRECTORY_PATH + '/:directoryId',
-            element: ((0, jsx_runtime_1.jsx)(CreateDirectory_1.default, __assign({ parentDirectory: 'campaign' }, props))),
+            element: ((0, jsx_runtime_1.jsx)(CreateDirectory_1.default, __assign({ parentDirectory: 'campaign', directoryRoot: Enum_1.DirectoryRoot.Campaign }, props))),
         },
         {
             param: Constant_1.Constants.CAMPAIGN_CREATE + '/:tabName/*',

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, }: IFiltersProps) => import("react/jsx-runtime").JSX.Element;
+import { IFiltersProps } from '../../interface';
+declare const Filters: ({ campaigns, handleFilters, loadingFlags, placeMultiSelectComponent: PlaceMultiSelect, handleExportExcel, disabledCampaignFilter, }: IFiltersProps) => import("react/jsx-runtime").JSX.Element;
 export default Filters;

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

@@ -24,90 +24,92 @@ var moment_1 = __importDefault(require("moment"));
 var react_i18next_1 = require("react-i18next");
 var useStyles = (0, styles_1.makeStyles)(function () { return ({
     outlinedInput: {
-        "& .MuiOutlinedInput-input": {
-            padding: "10.5px !important",
+        '& .MuiOutlinedInput-input': {
+            padding: '10.5px !important',
         },
-        "& .MuiFormControl-marginNormal": {
+        '& .MuiFormControl-marginNormal': {
             margin: 0,
         },
-        "& .MuiOutlinedInput-adornedEnd": {
-            paddingRight: "0.25rem",
+        '& .MuiOutlinedInput-adornedEnd': {
+            paddingRight: '0.25rem',
         },
-        "& .MuiIconButton-root": {
-            padding: "0.5rem",
+        '& .MuiIconButton-root': {
+            padding: '0.5rem',
         },
-        "& .MuiAutocomplete-inputRoot": {
-            padding: "0.125rem",
+        '& .MuiAutocomplete-inputRoot': {
+            padding: '0.125rem',
         },
-        "& .MuiAutocomplete-endAdornment": {
-            top: "calc(50% - 19px)",
+        '& .MuiAutocomplete-endAdornment': {
+            top: 'calc(50% - 19px)',
         },
     },
     filterPlaceBtn: {
-        cursor: "pointer",
-        "&:hover": {
-            transform: "scale(1.2)",
+        cursor: 'pointer',
+        '&:hover': {
+            transform: 'scale(1.2)',
         },
     },
     ellipsisPlaceFilter: {
-        "& .MuiInputBase-input": {
-            textOverflow: "ellipsis",
+        '& .MuiInputBase-input': {
+            textOverflow: 'ellipsis',
         },
-        display: "flex",
+        display: 'flex',
     },
     lineInfo: {
-        paddingBottom: "0.25rem",
-        display: "flex",
-        alignItems: "center",
+        paddingBottom: '0.25rem',
+        display: 'flex',
+        alignItems: 'center',
         // [theme.breakpoints.down('md')]: {
         //     flexDirection: 'column',
         // },
     },
     dateRangePicker: {
-        "& .MuiInputBase-input": {
-            height: "1.25rem",
+        '& .MuiInputBase-input': {
+            height: '1.25rem',
         },
     },
     labelIsNetwork: {
-        backgroundColor: "#c49f47",
-        color: "#ffffff",
-        padding: "0 4px",
-        marginLeft: "4px",
-        fontSize: "13px",
+        backgroundColor: '#c49f47',
+        color: '#ffffff',
+        padding: '0 4px',
+        marginLeft: '4px',
+        fontSize: '13px',
     },
 }); });
 var Filters = function (_a) {
     var _b, _c;
-    var campaigns = _a.campaigns, handleFilters = _a.handleFilters, loadingFlags = _a.loadingFlags, PlaceMultiSelect = _a.placeMultiSelectComponent, handleExportExcel = _a.handleExportExcel;
+    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;
     var t = (0, react_i18next_1.useTranslation)().t;
-    var campaignOptions = __assign(__assign({}, campaigns), { 0: { campaignId: 0, name: t("Common.SelectAll") } });
+    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);
+        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: 4, className: classes.dateRangePicker, children: (0, jsx_runtime_1.jsx)(AWING_1.DateRangePicker, { isShowCalendarInfo: 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: [(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, 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) {
-                        var now = (0, moment_1.default)().startOf("day").valueOf();
+                        if (disabledCampaignFilter)
+                            return false;
+                        var now = (0, moment_1.default)().startOf('day').valueOf();
                         if (day.valueOf() < now) {
                             return true;
                         }
                         else {
                             return false;
                         }
-                    } }) }), (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 4, children: (0, jsx_runtime_1.jsx)(material_1.Autocomplete, { size: "small", disablePortal: true, id: "combo-box-demo", options: (_c = (_b = lodash_1.default.values(campaignOptions)) === null || _b === void 0 ? void 0 : _b.map(function (obj) { return (__assign({}, obj)); })) !== null && _c !== void 0 ? _c : [], getOptionLabel: function (option) { var _a; return (_a = option.name) !== null && _a !== void 0 ? _a : ""; }, isOptionEqualToValue: function (option, value) {
+                    } }) }), !disabledCampaignFilter && ((0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 4, children: (0, jsx_runtime_1.jsx)(material_1.Autocomplete, { size: "small", disablePortal: true, id: "combo-box-demo", options: (_c = (_b = lodash_1.default.values(campaignOptions)) === null || _b === void 0 ? void 0 : _b.map(function (obj) { return (__assign({}, obj)); })) !== null && _c !== void 0 ? _c : [], getOptionLabel: function (option) { var _a; return (_a = option.name) !== null && _a !== void 0 ? _a : ''; }, isOptionEqualToValue: function (option, value) {
                         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: 4, className: classes.ellipsisPlaceFilter, children: [(0, jsx_runtime_1.jsx)(PlaceMultiSelect, { isDisplayTextField: true, onChange: function (placeIds) {
-                            return handleFilters("placeIds", placeIds);
+                        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) {
+                            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, {})) })] })] }));
+                            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, {})) })] })] }));
 };
 exports.default = Filters;

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

@@ -1,3 +1,3 @@
-import { IGroupPanelProps } from "../../interface";
+import { IGroupPanelProps } from '../../interface';
 declare const GroupPanel: ({ unGroupField, onDragStart, onDragOver, onDrop, panels, }: IGroupPanelProps) => import("react/jsx-runtime").JSX.Element;
 export default GroupPanel;

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

@@ -29,37 +29,45 @@ var GroupPanel = function (_a) {
             case Enum_1.HEAD_CELL_IDS.CONTROL:
                 return __assign(__assign({}, cell), { label: ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(UnfoldMore_1.default, {}), "#"] })) });
             case Enum_1.HEAD_CELL_IDS.CAMPAIGN:
-                return __assign(__assign({}, cell), { label: t("Schedule.Campaign") });
+                return __assign(__assign({}, cell), { label: t('Schedule.Campaign') });
             case Enum_1.HEAD_CELL_IDS.PLACE:
-                return __assign(__assign({}, cell), { label: t("Schedule.Place") });
+                return __assign(__assign({}, cell), { label: t('Schedule.Place') });
+            case Enum_1.HEAD_CELL_IDS.CAMPAIGN_CAMPAIGN:
+                return __assign(__assign({}, cell), { label: t('Schedule.Campaign') });
+            case Enum_1.HEAD_CELL_IDS.PLACE_CAMPAIGN:
+                return __assign(__assign({}, cell), { label: t('Schedule.Place') });
             case Enum_1.HEAD_CELL_IDS.DATE:
-                return __assign(__assign({}, cell), { label: t("Schedule.Date") });
+                return __assign(__assign({}, cell), { label: t('Schedule.Date') });
+            case Enum_1.HEAD_CELL_IDS.DOMAIN:
+                return __assign(__assign({}, cell), { label: t('Schedule.Domain') });
+            case Enum_1.HEAD_CELL_IDS.DOMAIN_CAMPAIGN:
+                return __assign(__assign({}, cell), { label: t('Schedule.Domain') });
             case Enum_1.HEAD_CELL_IDS.RATE:
-                return __assign(__assign({}, cell), { label: "".concat(t("Schedule.Rate"), " (%)") });
+                return __assign(__assign({}, cell), { label: "".concat(t('Schedule.Rate'), " (%)") });
             case Enum_1.HEAD_CELL_IDS.TOTAL:
-                return __assign(__assign({}, cell), { label: "".concat(t("Schedule.Total"), " (view)") });
+                return __assign(__assign({}, cell), { label: "".concat(t('Schedule.Total'), " (view)") });
             default:
                 return cell;
         }
     });
     return ((0, jsx_runtime_1.jsxs)(react_1.default.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.Paper, { component: "div", id: "group-panel", sx: {
-                    display: "flex",
-                    justifyContent: "flex-start",
-                    flexWrap: "wrap",
-                    listStyle: "none",
-                    paddingTop: "8px",
+                    display: 'flex',
+                    justifyContent: 'flex-start',
+                    flexWrap: 'wrap',
+                    listStyle: 'none',
+                    paddingTop: '8px',
                     margin: 0,
-                    height: "40px",
-                    position: "relative !important",
-                    "&.MuiPaper-elevation1": {
-                        boxShadow: "none",
-                        border: "1px solid #ccc",
+                    height: '40px',
+                    position: 'relative !important',
+                    '&.MuiPaper-elevation1': {
+                        boxShadow: 'none',
+                        border: '1px solid #ccc',
                     },
-                    minHeight: "30px",
-                    "&:hover": {
-                        "&.MuiPaper-elevation1": {
-                            boxShadow: "none",
-                            border: "1px solid #263238",
+                    minHeight: '30px',
+                    '&:hover': {
+                        '&.MuiPaper-elevation1': {
+                            boxShadow: 'none',
+                            border: '1px solid #263238',
                         },
                     },
                 }, onDragOver: onDragOver, onDrop: function (e) {
@@ -67,18 +75,18 @@ var GroupPanel = function (_a) {
                 }, children: panelsCell === null || panelsCell === void 0 ? void 0 : panelsCell.map(function (field, index) {
                     return ((0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: field.grouping && ((0, jsx_runtime_1.jsx)(material_1.Chip, { size: "small", label: field.label, id: field.id, onDelete: function () {
                                 unGroupField(field.id);
-                            }, deleteIcon: (0, jsx_runtime_1.jsx)(HighlightOff_1.default, {}), sx: { marginLeft: "1rem" }, draggable: true, onDragStart: function (e) {
+                            }, deleteIcon: (0, jsx_runtime_1.jsx)(HighlightOff_1.default, {}), sx: { marginLeft: '1rem' }, draggable: true, onDragStart: function (e) {
                                 onDragStart(e, index);
                             } })) }, index));
                 }) }), (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "caption", color: "textSecondary", sx: {
-                    position: "absolute",
-                    top: "-3px",
-                    left: "16px",
-                    backgroundColor: "#FFFFFF",
-                    paddingRight: "4px",
-                    paddingLeft: "4px",
-                    marginTop: "6px",
-                    marginLeft: "10px",
-                }, children: (0, jsx_runtime_1.jsx)("span", { style: { opacity: 0.5 }, children: t("Schedule.DragAndDropLabel") }) })] }));
+                    position: 'absolute',
+                    top: '-3px',
+                    left: '16px',
+                    backgroundColor: '#FFFFFF',
+                    paddingRight: '4px',
+                    paddingLeft: '4px',
+                    marginTop: '6px',
+                    marginLeft: '10px',
+                }, children: (0, jsx_runtime_1.jsx)("span", { style: { opacity: 0.5 }, children: t('Schedule.DragAndDropLabel') }) })] }));
 };
 exports.default = GroupPanel;

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

@@ -1,3 +1,3 @@
-import { IControlPanelProps } from "../../interface";
-declare const ControlPanel: ({ campaigns, handleFilters, unGroupField, onDragStart, onDragOver, onDrop, handleView, handleExportExcel, loadingFlags, panels, placeMultiSelectComponent, }: IControlPanelProps) => import("react/jsx-runtime").JSX.Element;
+import { IControlPanelProps } from '../../interface';
+declare const ControlPanel: ({ campaigns, handleFilters, unGroupField, onDragStart, onDragOver, onDrop, handleView, handleExportExcel, loadingFlags, panels, placeMultiSelectComponent, disabledCampaignFilter, }: IControlPanelProps) => import("react/jsx-runtime").JSX.Element;
 export default ControlPanel;

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

@@ -10,8 +10,8 @@ var react_i18next_1 = require("react-i18next");
 var Filter_1 = __importDefault(require("./Filter"));
 var GroupPanel_1 = __importDefault(require("./GroupPanel"));
 var ControlPanel = function (_a) {
-    var campaigns = _a.campaigns, handleFilters = _a.handleFilters, unGroupField = _a.unGroupField, onDragStart = _a.onDragStart, onDragOver = _a.onDragOver, onDrop = _a.onDrop, handleView = _a.handleView, handleExportExcel = _a.handleExportExcel, loadingFlags = _a.loadingFlags, panels = _a.panels, placeMultiSelectComponent = _a.placeMultiSelectComponent;
+    var campaigns = _a.campaigns, handleFilters = _a.handleFilters, unGroupField = _a.unGroupField, onDragStart = _a.onDragStart, onDragOver = _a.onDragOver, onDrop = _a.onDrop, handleView = _a.handleView, handleExportExcel = _a.handleExportExcel, loadingFlags = _a.loadingFlags, panels = _a.panels, placeMultiSelectComponent = _a.placeMultiSelectComponent, disabledCampaignFilter = _a.disabledCampaignFilter;
     var t = (0, react_i18next_1.useTranslation)().t;
-    return ((0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: (0, jsx_runtime_1.jsxs)(material_1.Grid, { container: true, sx: { padding: "1rem" }, children: [(0, jsx_runtime_1.jsx)(material_1.Grid, { container: true, item: true, xs: 12, justifyContent: "flex-start", spacing: 2, children: (0, jsx_runtime_1.jsx)(Filter_1.default, { loadingFlags: loadingFlags, campaigns: campaigns, handleFilters: handleFilters, handleExportExcel: handleExportExcel, placeMultiSelectComponent: placeMultiSelectComponent }) }), (0, jsx_runtime_1.jsxs)(material_1.Grid, { container: true, justifyContent: "flex-end", item: true, xs: 12, spacing: 2, sx: { marginTop: "0.125rem" }, children: [(0, jsx_runtime_1.jsx)(material_1.Grid, { id: "wrap-group-panel", item: true, style: { flexGrow: 1, position: "relative" }, children: (0, jsx_runtime_1.jsx)(GroupPanel_1.default, { panels: panels, unGroupField: unGroupField, onDragStart: onDragStart, onDragOver: onDragOver, onDrop: onDrop }) }), (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, sx: { display: "flex" }, children: (0, jsx_runtime_1.jsx)(material_1.Button, { sx: { height: "40px" }, variant: "contained", color: "primary", onClick: handleView, children: t("Common.View") }) })] })] }) }));
+    return ((0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: (0, jsx_runtime_1.jsxs)(material_1.Grid, { container: true, sx: { padding: '1rem' }, children: [(0, jsx_runtime_1.jsx)(material_1.Grid, { container: true, item: true, xs: 12, justifyContent: "flex-start", spacing: 2, children: (0, jsx_runtime_1.jsx)(Filter_1.default, { loadingFlags: loadingFlags, campaigns: campaigns, handleFilters: handleFilters, handleExportExcel: handleExportExcel, placeMultiSelectComponent: placeMultiSelectComponent, disabledCampaignFilter: disabledCampaignFilter }) }), (0, jsx_runtime_1.jsxs)(material_1.Grid, { container: true, justifyContent: "flex-end", item: true, xs: 12, spacing: 2, sx: { marginTop: '0.125rem' }, children: [(0, jsx_runtime_1.jsx)(material_1.Grid, { id: "wrap-group-panel", item: true, style: { flexGrow: 1, position: 'relative' }, children: (0, jsx_runtime_1.jsx)(GroupPanel_1.default, { panels: panels, unGroupField: unGroupField, onDragStart: onDragStart, onDragOver: onDragOver, onDrop: onDrop }) }), (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, sx: { display: 'flex' }, children: (0, jsx_runtime_1.jsx)(material_1.Button, { sx: { height: '40px' }, variant: "contained", color: "primary", onClick: handleView, children: t('Common.View') }) })] })] }) }));
 };
 exports.default = ControlPanel;

package/lib/ACM-AXN/CampaignSchedule/Components/EnhancedPagination/index.d.ts

@@ -1,3 +1,3 @@
-import { IEnhancedPaginationProps } from "../../interface";
+import { IEnhancedPaginationProps } from '../../interface';
 declare const EnhancedPagination: ({ total, children, pageSize, pageIndex, classes, className, colSpan, handleChangePage, handleChangeRowsPerPage, }: IEnhancedPaginationProps) => import("react/jsx-runtime").JSX.Element;
 export default EnhancedPagination;

package/lib/ACM-AXN/CampaignSchedule/Components/EnhancedPagination/index.js

@@ -10,11 +10,13 @@ var Pagination_1 = __importDefault(require("./Pagination"));
 var EnhancedPagination = function (_a) {
     var total = _a.total, children = _a.children, pageSize = _a.pageSize, pageIndex = _a.pageIndex, classes = _a.classes, className = _a.className, colSpan = _a.colSpan, handleChangePage = _a.handleChangePage, handleChangeRowsPerPage = _a.handleChangeRowsPerPage;
     var t = (0, react_i18next_1.useTranslation)().t;
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [children, (0, jsx_runtime_1.jsx)(material_1.TableRow, { children: (0, jsx_runtime_1.jsx)(material_1.TableCell, { align: "right", padding: "none", colSpan: colSpan, children: (0, jsx_runtime_1.jsx)(material_1.TablePagination, { className: "".concat(classes === null || classes === void 0 ? void 0 : classes.root, " ").concat(className), rowsPerPageOptions: [10, 20, 30], component: "div", count: total, rowsPerPage: pageSize, page: pageIndex, ActionsComponent: Pagination_1.default, labelRowsPerPage: t("Paging.RowPerPage"), onPageChange: function (e) { return handleChangePage(e); }, onRowsPerPageChange: function (e) {
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [children, (0, jsx_runtime_1.jsx)(material_1.TableRow, { children: (0, jsx_runtime_1.jsx)(material_1.TableCell, { align: "right", padding: "none", colSpan: colSpan, children: (0, jsx_runtime_1.jsx)(material_1.TablePagination, { className: "".concat(classes === null || classes === void 0 ? void 0 : classes.root, " ").concat(className), rowsPerPageOptions: [10, 20, 30], component: "div", count: total, rowsPerPage: pageSize, page: pageIndex, ActionsComponent: Pagination_1.default, labelRowsPerPage: t('Paging.RowPerPage'), onPageChange: function (e, newPage) {
+                            handleChangePage(newPage);
+                        }, onRowsPerPageChange: function (e) {
                             return handleChangeRowsPerPage(e);
                         }, SelectProps: {
                             inputProps: {
-                                "aria-label": t("Paging.RowPerPage"),
+                                'aria-label': t('Paging.RowPerPage'),
                             },
                             native: true,
                         } }) }) })] }));

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

@@ -91,10 +91,13 @@ var RowAdvanceComponent = function (_a) {
         ? (0, helper_1.timestampToStringDDMMYYYY)(row === null || row === void 0 ? void 0 : row.toDate)
         : (0, helper_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, helper_1.roundDecimalNumber)(row === null || row === void 0 ? void 0 : row.rate);
+    var totalRate = !(row === null || row === void 0 ? void 0 : row.rate)
+        ? ''
+        : Number((0, helper_1.roundDecimalNumber)(row === null || row === void 0 ? void 0 : row.rate)).toFixed(2);
     var totalView = (row === null || row === void 0 ? void 0 : row.quantity) !== undefined
         ? (0, helper_1.roundDecimalNumber)(row === null || row === void 0 ? void 0 : row.quantity)
         : (0, helper_1.roundDecimalNumber)(row === null || row === void 0 ? void 0 : row.totalQuantity);
+    var ctr = (((row === null || row === void 0 ? void 0 : row.click) / (row === null || row === void 0 ? void 0 : row.view)) * 100).toFixed(2);
     function styledRow(priority) {
         if ((groupNames === null || groupNames === void 0 ? void 0 : groupNames.length) === 1 && priorityGroupLevel === 1) {
             return classes.styledSecondaryRow;
@@ -115,7 +118,7 @@ var RowAdvanceComponent = function (_a) {
     return ((0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: (0, jsx_runtime_1.jsx)(material_1.TableRow, { className: "".concat((groupNames === null || groupNames === void 0 ? void 0 : groupNames.length) === 0
                 ? classes.styledNormalRow
                 : styledRow(priorityGroupLevel), " ").concat(classes.styledCommonRow), onClick: handleOnClick, children: headCells === null || headCells === void 0 ? void 0 : headCells.map(function (item, index) {
-                var _a, _b, _c, _d;
+                var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
                 switch (item.name) {
                     case Enum_1.HEAD_CELL_NAMES.CONTROL:
                         return ((0, jsx_runtime_1.jsx)(material_1.TableCell, { align: "right", colSpan: colSpanFirstCell, className: item.id === Enum_1.HEAD_CELL_IDS.CONTROL
@@ -140,7 +143,7 @@ var RowAdvanceComponent = function (_a) {
                                 (0, jsx_runtime_1.jsx)(material_1.TableCell, { className: classes.styledCampaignField, children: generateCampaignTotalCount(options === null || options === void 0 ? void 0 : options.campaigns, row, t('Schedule.CampaignDefault')) })) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {})) })) }, item.id));
                     case Enum_1.HEAD_CELL_NAMES.DOMAIN:
                         return ((0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: fieldNameShowOn ===
-                                Enum_1.HEAD_CELL_NAMES.DOMAIN ? ((0, jsx_runtime_1.jsx)(material_1.TableCell, { className: classes.styledDomainField, children: (_c = options === null || options === void 0 ? void 0 : options.domains[row === null || row === void 0 ? void 0 : row.domainId]) === null || _c === void 0 ? void 0 : _c.name })) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: groupNames
+                                Enum_1.HEAD_CELL_NAMES.DOMAIN ? ((0, jsx_runtime_1.jsx)(material_1.TableCell, { className: classes.styledDomainField, children: (_c = options === null || options === void 0 ? void 0 : options.domains[row === null || row === void 0 ? void 0 : row.groupKeyId]) === null || _c === void 0 ? void 0 : _c.name })) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: groupNames
                                     .slice(0, priorityGroupLevel - 1)
                                     .indexOf(Enum_1.HEAD_CELL_NAMES.DOMAIN) === -1 ? ((0, jsx_runtime_1.jsx)(material_1.TableCell, { className: classes.styledDomainField, children: ((_d = options === null || options === void 0 ? void 0 : options.domains[row === null || row === void 0 ? void 0 : row.domainId]) === null || _d === void 0 ? void 0 : _d.name) || (row === null || row === void 0 ? void 0 : row.totalDomain) })) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {})) })) }, item.id));
                     case Enum_1.HEAD_CELL_NAMES.DATE:
@@ -154,6 +157,33 @@ var RowAdvanceComponent = function (_a) {
                                 : totalRate }, item.id));
                     case Enum_1.HEAD_CELL_NAMES.TOTAL:
                         return ((0, jsx_runtime_1.jsx)(material_1.TableCell, { align: "right", children: totalView }, item.id));
+                    case Enum_1.HEAD_CELL_NAMES.IMPRESSION:
+                        return ((0, jsx_runtime_1.jsx)(material_1.TableCell, { align: "right", children: row === null || row === void 0 ? void 0 : row.view }, item.id));
+                    case Enum_1.HEAD_CELL_NAMES.FINAL_CLICK:
+                        return ((0, jsx_runtime_1.jsx)(material_1.TableCell, { align: "right", children: row === null || row === void 0 ? void 0 : row.click }, item.id));
+                    case Enum_1.HEAD_CELL_NAMES.CTR:
+                        return ((0, jsx_runtime_1.jsx)(material_1.TableCell, { align: "right", children: ctr }, item.id));
+                    case Enum_1.HEAD_CELL_NAMES.CAMPAIGN_CAMPAIGN:
+                        return ((0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: fieldNameShowOn ===
+                                Enum_1.HEAD_CELL_NAMES.CAMPAIGN ? ((0, jsx_runtime_1.jsx)(material_1.TableCell, { className: classes.styledCampaignField, children: (_e = row === null || row === void 0 ? void 0 : row.campaign) === null || _e === void 0 ? void 0 : _e.name })) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: groupNames
+                                    .slice(0, priorityGroupLevel - 1)
+                                    .indexOf(Enum_1.HEAD_CELL_NAMES.CAMPAIGN) === -1 ? ( // Nếu fieldGroup có index < thằng groupKeyName hiện tại thì hiển thị total hoac name ngược lại phải thụt đầu dòng
+                                (0, jsx_runtime_1.jsx)(material_1.TableCell, { className: classes.styledCampaignField, children: (_f = row === null || row === void 0 ? void 0 : row.campaign) === null || _f === void 0 ? void 0 : _f.name })) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {})) })) }, item.id));
+                    case Enum_1.HEAD_CELL_NAMES.DOMAIN_CAMPAIGN:
+                        return ((0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: fieldNameShowOn ===
+                                Enum_1.HEAD_CELL_NAMES.DOMAIN_CAMPAIGN ? ((0, jsx_runtime_1.jsx)(material_1.TableCell, { className: classes.styledDomainField, children: (_g = row === null || row === void 0 ? void 0 : row.domain) === null || _g === void 0 ? void 0 : _g.name })) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: groupNames
+                                    .slice(0, priorityGroupLevel - 1)
+                                    .indexOf(Enum_1.HEAD_CELL_NAMES.DOMAIN_CAMPAIGN) === -1 ? ((0, jsx_runtime_1.jsx)(material_1.TableCell, { className: classes.styledDomainField, children: (_h = row === null || row === void 0 ? void 0 : row.domain) === null || _h === void 0 ? void 0 : _h.name })) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {})) })) }, item.id));
+                    case Enum_1.HEAD_CELL_NAMES.PLACE_CAMPAIGN:
+                        return ((0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: fieldNameShowOn ===
+                                Enum_1.HEAD_CELL_NAMES.PLACE_CAMPAIGN ? ((0, jsx_runtime_1.jsx)(material_1.TableCell, { className: classes.styledPlaceField, children: (_j = row === null || row === void 0 ? void 0 : row.place) === null || _j === void 0 ? void 0 : _j.name })) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: 
+                                // Nếu field hiện tại ko phải groupName đang showOn thì 3Th
+                                // TH1: field nằm trong groupNames nhưng đúng trước fieldNameShowOn hiển thị name
+                                // TH2: field nằm sau fieldNameShowOn trong groupNames hiển thi total
+                                // Th3: field ko trong groupNames hiển thị total hoặ thông tin schedule nếu nó là cấp cuối cùng
+                                groupNames
+                                    .slice(0, priorityGroupLevel - 1)
+                                    .indexOf(Enum_1.HEAD_CELL_NAMES.PLACE_CAMPAIGN) === -1 ? ((0, jsx_runtime_1.jsx)(material_1.TableCell, { className: classes.styledPlaceField, children: (_k = row === null || row === void 0 ? void 0 : row.place) === null || _k === void 0 ? void 0 : _k.name })) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {})) })) }, item.id));
                     default:
                         return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
                 }

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

@@ -1,3 +1,3 @@
-import { IRowAdvanceContainerProps } from "../../interface";
+import { IRowAdvanceContainerProps } from '../../interface';
 declare const RowAdvanceContainer: ({ headCells, row, priorityGroupLevel, stt, groupNames, options, filters, serviceCampaignSchedule, }: IRowAdvanceContainerProps) => import("react/jsx-runtime").JSX.Element;
 export default RowAdvanceContainer;