awing-library 2.1.24-beta → 2.1.24

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

@@ -49,7 +49,7 @@ var CampaignContainer = function () {
     var _c = (0, react_1.useState)([]), directories = _c[0], setDirectories = _c[1];
     var _d = (0, react_1.useState)([]), collapseIds = _d[0], setCollapseId = _d[1];
     var _e = (0, react_1.useState)(), listCampaign = _e[0], setListCampaign = _e[1];
-    var _f = (0, react_1.useState)(false), loading = _f[0], setLoading = _f[1];
+    var _f = (0, react_1.useState)(true), loading = _f[0], setLoading = _f[1];
     (0, react_1.useEffect)(function () {
         if (location.pathname.endsWith(Constant_1.Constants.CAMPAIGN_PATH)) {
             fetchDirectories();

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

@@ -98,7 +98,7 @@ exports.campaignAttributesState = (0, recoil_1.selector)({
         var campaignModel = get(exports.campaignModelState);
         set(exports.campaignModelState, campaignAttributes instanceof recoil_1.DefaultValue ?
             campaignAttributes : __assign(__assign({}, campaignModel), { campaignAttributes: campaignAttributes }));
-        if (!get(exports.confirmExitState))
+        if (!get(exports.confirmExitState) && Array.isArray(campaignAttributes) && !!campaignAttributes.at(-1))
             set(exports.confirmExitState, true);
     }
 });

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

@@ -46,15 +46,14 @@ var react_i18next_1 = require("react-i18next");
 var recoil_1 = require("recoil");
 var AWING_1 = require("../../../AWING");
 var Recoils_1 = require("./Recoils");
-var Hooks_1 = __importDefault(require("../Hooks"));
+var i18n_1 = __importDefault(require("../../../i18n"));
 var Infomation = function () {
-    var service = (0, Hooks_1.default)().service;
     var directories = (0, recoil_1.useRecoilValue)(Recoils_1.directoriesState);
     var attributes = (0, recoil_1.useRecoilValue)(Recoils_1.attributesState);
     var _a = (0, recoil_1.useRecoilState)(Recoils_1.campaignState), campaign = _a[0], setCampaign = _a[1];
     var _b = (0, recoil_1.useRecoilState)(Recoils_1.campaignAttributesState), campaignAttributes = _b[0], setCampaignAttributes = _b[1];
     var setCampaignModel = (0, recoil_1.useSetRecoilState)(Recoils_1.campaignModelState);
-    var t = (0, react_i18next_1.useTranslation)().t;
+    var t = (0, react_i18next_1.useTranslation)(undefined, { i18n: i18n_1.default }).t;
     (0, react_1.useEffect)(function () {
         if (!campaign.directoryId) {
             setCampaignModel((0, immer_1.default)(function (draft) {
@@ -64,12 +63,6 @@ var Infomation = function () {
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [directories]);
-    (0, react_1.useEffect)(function () {
-        if (!service.attributesGetByObjectTypeCode) {
-            setCampaignAttributes([""]);
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps     
-    }, [service]);
     var handleUpdate = (0, react_1.useCallback)(function (obj, formValid, fieldUpdate) {
         if (fieldUpdate) {
             if (fieldUpdate === 'attributeIds') {
@@ -99,6 +92,7 @@ var Infomation = function () {
                 fieldName: 'name',
                 type: 'text',
                 label: t('Campaign.Name'),
+                pattern: false,
                 required: true,
             },
         ];

package/lib/ACM-AXN/Campaign/CreateOrEdit/TabSubCampaign/AdList.js

@@ -232,13 +232,13 @@ function AdList(props) {
     /**
      * Hàm khi xem preview
      */
-    var handlePreview = function (e, ad, doaminId) {
+    var handlePreview = function (e, ad, domainId) {
         e.stopPropagation();
-        var url = "".concat(Constant_1.Constants.CAPTIVE_DOMAIN, "/").concat(Constant_1.Constants.PAGE_LOGIN_PREVIEW, "?loginId=").concat(ad.loginId, "&isNetworkCampaign=false");
+        var url = "".concat(Constant_1.Constants.CAPTIVE_DOMAIN, "/").concat(Constant_1.Constants.PAGE_LOGIN_PREVIEW, "?loginId=").concat(ad.loginId, "&isNetworkCampaign=").concat(Boolean(service.domainsGetAll).toString());
         if (ad.welcomeId.length)
             url += "&welcomeId=".concat(ad.welcomeId);
-        if (doaminId)
-            url += "&doaminId=".concat(doaminId);
+        if (domainId)
+            url += "&domainId=".concat(domainId);
         window.open(url, '_blank');
     };
     var handlePreviewPage = function (e, ad) {

package/lib/ACM-AXN/Campaign/CreateOrEdit/TabSubCampaign/AddOrEditRule/RuleForm/RetargetMacAddress/component.js

@@ -19,10 +19,11 @@ var react_1 = __importDefault(require("react"));
 var material_1 = require("@mui/material");
 var react_i18next_1 = require("react-i18next");
 var AWING_1 = require("../../../../../../../AWING");
+var i18n_1 = __importDefault(require("../../../../../../../i18n"));
 var RetargetMacAddress = function (props) {
     var rule = props.rule, valids = props.valids, onChange = props.onChange, remarketingLists = props.remarketingLists;
     var _a = react_1.default.useState(''), inputValue = _a[0], setInputValue = _a[1];
-    var t = (0, react_i18next_1.useTranslation)().t;
+    var t = (0, react_i18next_1.useTranslation)(undefined, { i18n: i18n_1.default }).t;
     react_1.default.useEffect(function () {
         var _a;
         if (remarketingLists.length) {

package/lib/ACM-AXN/Campaign/CreateOrEdit/index.d.ts

@@ -1 +1,3 @@
-export default function (): import("react/jsx-runtime").JSX.Element;
+import React from 'react';
+declare const _default: React.FC<unknown>;
+export default _default;

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

@@ -39,6 +39,7 @@ var Constant_1 = require("../Constant");
 var i18n_1 = __importDefault(require("../../../i18n"));
 var TabLabel_1 = __importDefault(require("../../../Commons/Components/TabLabel"));
 var usePath_1 = __importDefault(require("../../../Commons/Hooks/usePath"));
+var Wrapper_1 = __importDefault(require("../../../AWING/HOC/Wrapper"));
 var route = [
     Constant_1.Constants.CAMPAIGN_INFORMATION,
     Constant_1.Constants.CAMPAIGN_SUBCAMPAIGN,
@@ -76,6 +77,12 @@ var CreateOrEdit = function () {
                 ? Constant_1.Constants.CAMPAIGN_CLONE
                 : Constant_1.Constants.CAMPAIGN_CREATE;
     }, [location.pathname, campaignId]);
+    (0, react_1.useEffect)(function () {
+        if (!service.attributesGetByObjectTypeCode && !campaignData.campaignAttributes.length) {
+            setCampaignData(function (prev) { return (__assign(__assign({}, prev), { campaignAttributes: [""] })); });
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps     
+    }, [service, campaignData.campaignAttributes]);
     (0, react_1.useEffect)(function () {
         setLoading(true);
         Promise.all([getCampaignData(), getPage()]).finally(function () {
@@ -215,7 +222,4 @@ var CreateOrEdit = function () {
                                             : undefined, errContent: (0, jsx_runtime_1.jsx)("span", { style: { marginLeft: '-5px' }, children: "*" }) }) }, idx)); }) }) }), tabsList.map(function (tab, idx) { return ((0, jsx_runtime_1.jsx)(lab_1.TabPanel, { sx: { padding: '0' }, value: String(idx), children: tab.compoent }, idx)); })] }) })) }) }));
 };
 // eslint-disable-next-line import/no-anonymous-default-export
-function default_1() {
-    return ((0, jsx_runtime_1.jsx)(recoil_1.RecoilRoot, { children: (0, jsx_runtime_1.jsx)(CreateOrEdit, {}) }));
-}
-exports.default = default_1;
+exports.default = (0, Wrapper_1.default)(CreateOrEdit, { component: recoil_1.RecoilRoot });

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

@@ -131,6 +131,14 @@ export type CampaignAd = {
         name: string;
         domainId: string;
     }[];
+    /**
+     * Danh sách địa điểm Đã xoá theo điều kiện lọc (thông tin dùng cho việc hiển thị)
+     */
+    deletedPlaces?: {
+        placeId: string;
+        name: string;
+        domainId: string;
+    }[];
     /**
      * Đánh dấu quảng cáo không được xoá
      */

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

@@ -117,7 +117,7 @@ function attributesValid(value) {
 exports.attributesValid = attributesValid;
 function tabInfomationValid(campaign, campaignAttributes) {
     return (directoryValid(campaign.directoryId) &&
-        (0, validation_1.textValidation)(campaign.name, 200).valid &&
+        (0, validation_1.textValidation)(campaign.name, 200, true, false).valid &&
         attributesValid(campaignAttributes));
 }
 exports.tabInfomationValid = tabInfomationValid;

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

@@ -26,11 +26,12 @@ var Constant_1 = require("./Constant");
 var Container_1 = __importDefault(require("./Container"));
 var Context_1 = require("./Context");
 var CreateOrEdit_1 = __importDefault(require("./CreateOrEdit"));
+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, isFutureDate }: 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, isFutureDate = _a.isFutureDate;
     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, 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) {
-                        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, isFutureDate }: 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, isFutureDate = _a.isFutureDate;
     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, isFutureDate: isFutureDate }) }), (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,
                         } }) }) })] }));