awing-library 2.1.78-beta → 2.1.78

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

@@ -4,6 +4,17 @@
  * @author dauquan1108@gmail.com on 03/1/32024.
  *
  **/
+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 __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)) {
@@ -17,37 +28,44 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.convertExcelData = exports.DefaultValueFilter = exports.QueryInputDetail = void 0;
+exports.converData = exports.getValue = exports.convertExcelData = exports.DefaultValueFilter = exports.QueryInputDetail = void 0;
 var lodash_1 = __importDefault(require("lodash"));
+var i18n_1 = __importDefault(require("../../i18n"));
 var moment_1 = __importDefault(require("moment"));
+var Enum_1 = require("../../ACM-AXN/Common/Enum");
+var Constant_1 = require("../../ACM-AXN/Common/Constant");
 exports.QueryInputDetail = {
     pageIndex: 0,
     pageSize: 10,
 };
 exports.DefaultValueFilter = {
     startDate: (0, moment_1.default)().subtract(7, 'days'),
-    endDate: (0, moment_1.default)(),
+    endDate: (0, moment_1.default)().add(-1, 'days'),
     campaignId: '0',
 };
-var convertExcelData = function (resData, campaigns, places, t) {
+var convertExcelData = function (resData, campaigns, places, typeView) {
     var excelData = __spreadArray([], resData.map(function (data) {
         var _a, _b, _c;
-        var filterCampaignName = (_a = campaigns.find(function (item) { return item.id === data.campaignId; })) === null || _a === void 0 ? void 0 : _a.name;
+        var filterCampaignName = (_a = campaigns.find(function (item) {
+            return item.campaignId === data.campaignId;
+        })) === null || _a === void 0 ? void 0 : _a.campaignName;
         var campaignName = Number(data === null || data === void 0 ? void 0 : data.campaignId) !== -1
             ? filterCampaignName
-            : t('ScheduleCompletionRate.CampaignDefault');
+            : i18n_1.default.t('ScheduleCompletionRate.CampaignDefault');
         var placeName = (_c = (_b = places.find(function (item) { return item.placeId === (data === null || data === void 0 ? void 0 : data.placeId); })) === null || _b === void 0 ? void 0 : _b.name) !== null && _c !== void 0 ? _c : '';
-        var rate = (data === null || data === void 0 ? void 0 : data.totalQuantity) !== 0
-            ? Math.round(((data === null || data === void 0 ? void 0 : data.totalRun) / (data === null || data === void 0 ? void 0 : data.totalQuantity)) * 10000) / 100
-            : 0;
+        var totalQuantity = getEventTotal(data === null || data === void 0 ? void 0 : data.expecteds, typeView === Constant_1.TypeView.impression
+            ? Constant_1.ValueAnalyticType.VIEW
+            : Constant_1.ValueAnalyticType.AUTHENTICATION) || 0;
+        var totalRun = (0, exports.getValue)(data === null || data === void 0 ? void 0 : data.runs, data === null || data === void 0 ? void 0 : data.billingUnit, typeView);
+        var rate = totalQuantity > 0 ? (totalRun / totalQuantity) * 100 : 0;
         return {
             campaignName: campaignName,
             groupName: !data.groupName ? 'IS-NULL' : data.groupName,
             placeName: placeName,
             date: data.date,
-            totalQuantity: data.totalQuantity,
-            totalRun: data.totalRun,
-            rate: rate,
+            totalQuantity: totalQuantity,
+            totalRun: totalRun,
+            rate: !isNaN(rate) && Number.isFinite(rate) ? rate : 0,
         };
     }), true);
     excelData = lodash_1.default.mapValues(lodash_1.default.groupBy(excelData, 'campaignName'), function (list) {
@@ -56,3 +74,38 @@ var convertExcelData = function (resData, campaigns, places, t) {
     return excelData;
 };
 exports.convertExcelData = convertExcelData;
+var getEventTotal = function (itemType, label) {
+    var event = itemType === null || itemType === void 0 ? void 0 : itemType.find(function (event) { return event.eventLabel === label; });
+    return event ? event === null || event === void 0 ? void 0 : event.total : 0;
+};
+var getValue = function (itemType, billingUnit, type) {
+    var value = 0;
+    if (type === Constant_1.TypeView.impression || billingUnit === Enum_1.AnalyticType.VIEW) {
+        value = getEventTotal(itemType, Constant_1.ValueAnalyticType.VIEW) || 0;
+    }
+    else {
+        switch (billingUnit) {
+            case Enum_1.AnalyticType.AUTHENTICATION:
+                value =
+                    getEventTotal(itemType, Constant_1.ValueAnalyticType.AUTHENTICATION) ||
+                        0;
+                break;
+            default:
+                value = getEventTotal(itemType, Constant_1.ValueAnalyticType.CLICK) || 0;
+                break;
+        }
+    }
+    return value;
+};
+exports.getValue = getValue;
+var converData = function (data, typeView) {
+    return data.map(function (item) {
+        var totalQuantity = getEventTotal(item === null || item === void 0 ? void 0 : item.expecteds, typeView === Constant_1.TypeView.impression
+            ? Constant_1.ValueAnalyticType.VIEW
+            : Constant_1.ValueAnalyticType.AUTHENTICATION) || 0;
+        var totalRun = (0, exports.getValue)(item === null || item === void 0 ? void 0 : item.runs, Number(item === null || item === void 0 ? void 0 : item.billingUnit), typeView);
+        var rate = totalQuantity > 0 ? (totalRun / totalQuantity) * 100 : 0;
+        return __assign(__assign({}, item), { totalRun: totalRun, billingUnit: item === null || item === void 0 ? void 0 : item.billingUnit, totalQuantity: totalQuantity, rate: rate });
+    });
+};
+exports.converData = converData;

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

@@ -16,13 +16,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ScheduleCompletionRateFeature = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
-var recoil_1 = require("recoil");
-var react_i18next_1 = require("react-i18next");
 var i18n_1 = __importDefault(require("../../i18n"));
+var recoil_1 = require("recoil");
 var Container_1 = __importDefault(require("./Container"));
-var Constant_1 = require("./Constant");
 var Detail_1 = __importDefault(require("./Detail"));
 var Router_1 = require("../../AWING/Router");
+var react_i18next_1 = require("react-i18next");
+var Constant_1 = require("../../ACM-AXN/Common/Constant");
 var Context_1 = require("./Context");
 var ScheduleCompletionRate = function (props) {
     var paths = [

package/lib/ACM-AXN/Statistics/ControlPanel.d.ts

@@ -1,2 +1,2 @@
 import { BaseStatistics } from './interface';
-export default function ControlPanel<F>({ onChangeQueryInput, onChangeExportInput, initialFilters, isLoadings, infoSX, }: BaseStatistics<F>): import("react/jsx-runtime").JSX.Element;
+export default function ControlPanel<F>({ onChangeQueryInput, onChangeExportInput, initialFilters, isLoadings, disableView, }: BaseStatistics<F>): import("react/jsx-runtime").JSX.Element;

package/lib/ACM-AXN/Statistics/ControlPanel.js

@@ -55,13 +55,13 @@ var useStyles = (0, styles_1.makeStyles)(function () { return ({
     },
 }); });
 function ControlPanel(_a) {
-    var _b;
-    var onChangeQueryInput = _a.onChangeQueryInput, onChangeExportInput = _a.onChangeExportInput, initialFilters = _a.initialFilters, isLoadings = _a.isLoadings, infoSX = _a.infoSX;
+    var _b, _c, _d;
+    var onChangeQueryInput = _a.onChangeQueryInput, onChangeExportInput = _a.onChangeExportInput, initialFilters = _a.initialFilters, isLoadings = _a.isLoadings, _e = _a.disableView, disableView = _e === void 0 ? false : _e;
     var classes = useStyles();
     var t = (0, react_i18next_1.useTranslation)().t;
-    var _c = (0, react_1.useState)(), queryInput = _c[0], setQueryInput = _c[1];
-    var _d = (0, react_1.useState)([]), elementInputs = _d[0], setElementInputs = _d[1];
-    var _e = (0, react_1.useState)(false), isShowFilterEnhanced = _e[0], setIsHideFieldAdvanced = _e[1];
+    var _f = (0, react_1.useState)(), queryInput = _f[0], setQueryInput = _f[1];
+    var _g = (0, react_1.useState)([]), elementInputs = _g[0], setElementInputs = _g[1];
+    var _h = (0, react_1.useState)(false), isShowFilterEnhanced = _h[0], setIsHideFieldAdvanced = _h[1];
     var flagRef = (0, react_1.useRef)('-1');
     var getView = function () {
         var _a;
@@ -93,7 +93,7 @@ function ControlPanel(_a) {
     var handleElementInput = function (initialFilters) {
         var updatedElementInputs = [];
         initialFilters.map(function (item, idx) {
-            var _a, _b, _c, _d;
+            var _a, _b, _c, _d, _e, _f, _g;
             switch (item === null || item === void 0 ? void 0 : item.type) {
                 case Enums_1.TYPE_FILTERS.VIEW_BY: {
                     var element = __assign({ component: ((0, jsx_runtime_1.jsx)(material_1.TextField, { select: true, fullWidth: true, label: t('Common.ViewBy'), size: "small", onChange: function (e) {
@@ -123,8 +123,20 @@ function ControlPanel(_a) {
                     updatedElementInputs.push(element);
                     break;
                 }
+                case Enums_1.TYPE_FILTERS.SEARCH_BY_PLACE: {
+                    var element = __assign({ component: ((0, jsx_runtime_1.jsx)(material_1.TextField, { select: true, fullWidth: true, label: t('Common.TitleTypeView'), size: "small", onChange: function (e) {
+                                return handleChangeQueryInput &&
+                                    handleChangeQueryInput(item === null || item === void 0 ? void 0 : item.name, e.target.value);
+                            }, SelectProps: {
+                                native: true,
+                            }, variant: "outlined", style: { minWidth: 150 }, disabled: false, children: (_a = item === null || item === void 0 ? void 0 : item.initialData) === null || _a === void 0 ? void 0 : _a.map(function (data, index) {
+                                return ((0, jsx_runtime_1.jsx)("option", { value: data.value, children: data.label }, item.value));
+                            }) }, idx)), isEnhanced: (item === null || item === void 0 ? void 0 : item.isEnhanced) ? item === null || item === void 0 ? void 0 : item.isEnhanced : false, name: 'SearchByPlace' }, item);
+                    updatedElementInputs.push(element);
+                    break;
+                }
                 case Enums_1.TYPE_FILTERS.DATE_RANGE_PICKER: {
-                    var element = __assign({ component: ((0, jsx_runtime_1.jsx)(AWING_1.DateRangePicker, __assign({ isShowCalendarInfo: true, label: "".concat(t('Common.StartDate'), " - ").concat(t('Common.EndDate')), initialStartDate: (_a = item === null || item === void 0 ? void 0 : item.defaultValue) === null || _a === void 0 ? void 0 : _a.startDate, initialEndDate: (_b = item === null || item === void 0 ? void 0 : item.defaultValue) === null || _b === void 0 ? void 0 : _b.endDate, variant: "outlined", textFieldProps: {
+                    var element = __assign({ component: ((0, jsx_runtime_1.jsx)(AWING_1.DateRangePicker, __assign({ isShowCalendarInfo: (_b = item === null || item === void 0 ? void 0 : item.isShowCalendarInfo) !== null && _b !== void 0 ? _b : true, isFutureDate: (_c = item === null || item === void 0 ? void 0 : item.isFutureDate) !== null && _c !== void 0 ? _c : false, label: "".concat(t('Common.StartDate'), " - ").concat(t('Common.EndDate')), initialStartDate: (_d = item === null || item === void 0 ? void 0 : item.defaultValue) === null || _d === void 0 ? void 0 : _d.startDate, initialEndDate: (_e = item === null || item === void 0 ? void 0 : item.defaultValue) === null || _e === void 0 ? void 0 : _e.endDate, variant: "outlined", textFieldProps: {
                                 fullWidth: true,
                                 className: classes.outlinedInput,
                             }, callback: handleChangeDateRange }, ((item === null || item === void 0 ? void 0 : item.isDayBlocked) && {
@@ -167,7 +179,7 @@ function ControlPanel(_a) {
                     break;
                 }
                 case Enums_1.TYPE_FILTERS.NETWORK: {
-                    var element = __assign({ component: ((0, jsx_runtime_1.jsx)(material_1.FormControlLabel, { control: (0, jsx_runtime_1.jsx)(material_1.Checkbox, { color: "primary", defaultChecked: (_c = queryInput === null || queryInput === void 0 ? void 0 : queryInput.isCampaignNetwork) !== null && _c !== void 0 ? _c : true }), label: t('Statistic.Network.Title'), labelPlacement: "start", onChange: function (e) {
+                    var element = __assign({ component: ((0, jsx_runtime_1.jsx)(material_1.FormControlLabel, { control: (0, jsx_runtime_1.jsx)(material_1.Checkbox, { color: "primary", defaultChecked: (_f = queryInput === null || queryInput === void 0 ? void 0 : queryInput.isCampaignNetwork) !== null && _f !== void 0 ? _f : true }), label: t('Statistic.Network.Title'), labelPlacement: "start", onChange: function (e) {
                                 handleChangeQueryInput(item === null || item === void 0 ? void 0 : item.name, e.target.checked);
                             } }, idx)), isEnhanced: (item === null || item === void 0 ? void 0 : item.isEnhanced) ? item === null || item === void 0 ? void 0 : item.isEnhanced : false, name: 'isCampaignNetwork' }, item);
                     updatedElementInputs.push(element);
@@ -181,7 +193,7 @@ function ControlPanel(_a) {
                     break;
                 }
                 case Enums_1.TYPE_FILTERS.INCLUDE_RESERVED: {
-                    var element = __assign({ component: ((0, jsx_runtime_1.jsx)(material_1.FormControlLabel, { control: (0, jsx_runtime_1.jsx)(material_1.Checkbox, { color: "primary", defaultChecked: (_d = queryInput === null || queryInput === void 0 ? void 0 : queryInput.includeReserved) !== null && _d !== void 0 ? _d : true }), label: t('StatisticSchedulePlan.IncludeCampaignReserved'), labelPlacement: "start", onChange: function (e) {
+                    var element = __assign({ component: ((0, jsx_runtime_1.jsx)(material_1.FormControlLabel, { control: (0, jsx_runtime_1.jsx)(material_1.Checkbox, { color: "primary", defaultChecked: (_g = queryInput === null || queryInput === void 0 ? void 0 : queryInput.includeReserved) !== null && _g !== void 0 ? _g : true }), label: t('StatisticSchedulePlan.IncludeCampaignReserved'), labelPlacement: "start", onChange: function (e) {
                                 handleChangeQueryInput(item === null || item === void 0 ? void 0 : item.name, e.target.checked);
                             } }, idx)), isEnhanced: (item === null || item === void 0 ? void 0 : item.isEnhanced) ? item === null || item === void 0 ? void 0 : item.isEnhanced : false, name: 'includeReserved' }, item);
                     updatedElementInputs.push(element);
@@ -226,7 +238,12 @@ function ControlPanel(_a) {
                                 }
                                 : {}), { children: fieldFilterEnhanced === null || fieldFilterEnhanced === void 0 ? void 0 : fieldFilterEnhanced.component }), idx) }));
                     }), (0, jsx_runtime_1.jsxs)(material_1.Grid, { item: true, sx: { paddingTop: '24px !important' }, children: [(0, jsx_runtime_1.jsx)(material_1.Button, { variant: "contained", color: "primary", onClick: getView, style: { height: '40px' }, disabled: (isLoadings === null || isLoadings === void 0 ? void 0 : isLoadings.chartLoading) ||
-                                    (queryInput === null || queryInput === void 0 ? void 0 : queryInput.domainId) === '0', children: t('Common.View') }), (0, jsx_runtime_1.jsx)(material_1.Button, { variant: "contained", title: t('Common.Download'), onClick: function () { return onChangeExportInput(queryInput); }, color: "inherit", disabled: (isLoadings === null || isLoadings === void 0 ? void 0 : isLoadings.exportLoading) ||
+                                    (disableView &&
+                                        (queryInput === null || queryInput === void 0 ? void 0 : queryInput.placeIds) &&
+                                        ((_c = queryInput === null || queryInput === void 0 ? void 0 : queryInput.placeIds) === null || _c === void 0 ? void 0 : _c.length) === 0) ||
+                                    (disableView &&
+                                        (queryInput === null || queryInput === void 0 ? void 0 : queryInput.domainId) && ((queryInput === null || queryInput === void 0 ? void 0 : queryInput.domainId) === '0' ||
+                                        (queryInput === null || queryInput === void 0 ? void 0 : queryInput.domainId) === undefined)), children: t('Common.View') }), (0, jsx_runtime_1.jsx)(material_1.Button, { variant: "contained", title: t('Common.Download'), onClick: function () { return onChangeExportInput(queryInput); }, color: "inherit", disabled: (isLoadings === null || isLoadings === void 0 ? void 0 : isLoadings.exportLoading) ||
                                     (queryInput === null || queryInput === void 0 ? void 0 : queryInput.domainId) === '0', style: {
                                     marginLeft: '16px',
                                     height: '40px',
@@ -236,8 +253,7 @@ function ControlPanel(_a) {
                                     }, styleIcon: {
                                         width: '25px !important',
                                         height: '25px !important',
-                                    } })) : ((0, jsx_runtime_1.jsx)(GetApp_1.default, {})) }), elementInputs.filter(function (item) { return item.isEnhanced === true; })
-                                .length > 0 && ((0, jsx_runtime_1.jsx)(material_1.IconButton, { sx: { marginLeft: '10px' }, onClick: onShowFilterEnhanced, children: isShowFilterEnhanced ? ((0, jsx_runtime_1.jsx)(icons_material_1.ExpandMore, {})) : ((0, jsx_runtime_1.jsx)(icons_material_1.ExpandLess, {})) }))] })] }), isShowFilterEnhanced && ((0, jsx_runtime_1.jsx)(material_1.Grid, { container: true, justifyContent: "flex-end", spacing: 2, sx: { paddingRight: '3rem' }, children: elementInputs
+                                    } })) : ((0, jsx_runtime_1.jsx)(GetApp_1.default, {})) }), ((_d = elementInputs.filter(function (item) { return item.isEnhanced === true; })) === null || _d === void 0 ? void 0 : _d.length) > 0 && ((0, jsx_runtime_1.jsx)(material_1.IconButton, { sx: { marginLeft: '10px' }, onClick: onShowFilterEnhanced, children: isShowFilterEnhanced ? ((0, jsx_runtime_1.jsx)(icons_material_1.ExpandMore, {})) : ((0, jsx_runtime_1.jsx)(icons_material_1.ExpandLess, {})) }))] })] }), isShowFilterEnhanced && ((0, jsx_runtime_1.jsx)(material_1.Grid, { container: true, justifyContent: "flex-end", spacing: 2, sx: { paddingRight: '3rem' }, children: elementInputs
                     .filter(function (item) { return item.isEnhanced === true; })
                     .map(function (fieldFilterEnhanced, idx) {
                     return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: (fieldFilterEnhanced === null || fieldFilterEnhanced === void 0 ? void 0 : fieldFilterEnhanced.col)

package/lib/ACM-AXN/Statistics/Enums.d.ts

@@ -9,7 +9,8 @@ export declare enum TYPE_FILTERS {
     NETWORK = "NetWork",
     CAMPAIGN_DEFAULT = "CampaignDefault",
     INCLUDE_RESERVED = "IncludeReserved",
-    DATE_RANGE_PICKER = "DateRangePicker"
+    DATE_RANGE_PICKER = "DateRangePicker",
+    SEARCH_BY_PLACE = "SearchByPlace"
 }
 export declare enum TYPE_CHART {
     PIE = "Pie",

package/lib/ACM-AXN/Statistics/Enums.js

@@ -14,6 +14,7 @@ var TYPE_FILTERS;
     TYPE_FILTERS["CAMPAIGN_DEFAULT"] = "CampaignDefault";
     TYPE_FILTERS["INCLUDE_RESERVED"] = "IncludeReserved";
     TYPE_FILTERS["DATE_RANGE_PICKER"] = "DateRangePicker";
+    TYPE_FILTERS["SEARCH_BY_PLACE"] = "SearchByPlace";
 })(TYPE_FILTERS || (exports.TYPE_FILTERS = TYPE_FILTERS = {}));
 var TYPE_CHART;
 (function (TYPE_CHART) {

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

@@ -1,2 +1,2 @@
 import { IStatisticsProps } from './interface';
-export default function StatisticsContainer<F>({ dataChart, onChangeQueryInput, onChangeExportInput, isLoadings, initialFilters, configChart, title, timeline, chart, children, infoSX, }: IStatisticsProps<F>): import("react/jsx-runtime").JSX.Element;
+export default function StatisticsContainer<F>({ dataChart, onChangeQueryInput, onChangeExportInput, isLoadings, initialFilters, configChart, title, timeline, chart, children, infoSX, disableView }: IStatisticsProps<F>): import("react/jsx-runtime").JSX.Element;

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

@@ -13,8 +13,8 @@ var BarLineComponent_1 = __importDefault(require("../../AWING/Chart/BarLineCompo
 var PieComponent_1 = __importDefault(require("../../AWING/Chart/PieComponent"));
 var react_helmet_async_1 = require("react-helmet-async");
 function StatisticsContainer(_a) {
-    var dataChart = _a.dataChart, onChangeQueryInput = _a.onChangeQueryInput, onChangeExportInput = _a.onChangeExportInput, isLoadings = _a.isLoadings, initialFilters = _a.initialFilters, configChart = _a.configChart, title = _a.title, timeline = _a.timeline, chart = _a.chart, children = _a.children, infoSX = _a.infoSX;
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [title && ((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: title }) }) })), (0, jsx_runtime_1.jsx)(ContentHeader_1.default, { title: title }), (0, jsx_runtime_1.jsx)(material_1.Paper, { children: (0, jsx_runtime_1.jsxs)("div", { style: { padding: '1rem' }, children: [(0, jsx_runtime_1.jsx)(ControlPanel_1.default, { onChangeQueryInput: onChangeQueryInput, onChangeExportInput: onChangeExportInput, initialFilters: initialFilters, isLoadings: isLoadings, infoSX: infoSX }), (0, jsx_runtime_1.jsxs)(material_1.Grid, { container: true, item: true, xs: 12, justifyContent: "center", sx: {
+    var dataChart = _a.dataChart, onChangeQueryInput = _a.onChangeQueryInput, onChangeExportInput = _a.onChangeExportInput, isLoadings = _a.isLoadings, initialFilters = _a.initialFilters, configChart = _a.configChart, title = _a.title, timeline = _a.timeline, chart = _a.chart, children = _a.children, infoSX = _a.infoSX, disableView = _a.disableView;
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [title && ((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: title }) }) })), (0, jsx_runtime_1.jsx)(ContentHeader_1.default, { title: title }), (0, jsx_runtime_1.jsx)(material_1.Paper, { children: (0, jsx_runtime_1.jsxs)("div", { style: { padding: '1rem' }, children: [(0, jsx_runtime_1.jsx)(ControlPanel_1.default, { onChangeQueryInput: onChangeQueryInput, onChangeExportInput: onChangeExportInput, initialFilters: initialFilters, isLoadings: isLoadings, infoSX: infoSX, disableView: disableView }), (0, jsx_runtime_1.jsxs)(material_1.Grid, { container: true, item: true, xs: 12, justifyContent: "center", sx: {
                                 marginTop: '1.5rem',
                                 width: '100%',
                             }, children: [(0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 12, className: 'chart-region', children: (dataChart === null || dataChart === void 0 ? void 0 : dataChart.length) > 0 &&

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

@@ -1,4 +1,4 @@
-import { ChartProps } from 'react-chartjs-2';
+import { ChartOptions, ChartType } from 'chart.js';
 import { TYPE_CHART } from './Enums';
 export interface BaseStatistics<F> {
     onChangeQueryInput: (input: any) => void;
@@ -7,6 +7,7 @@ export interface BaseStatistics<F> {
     isLoadings: ILoadings;
     timeline?: number;
     infoSX?: InfoSX;
+    disableView?: boolean;
 }
 export interface InfoSX {
     dateRangePicker?: number;
@@ -30,5 +31,5 @@ export interface ILoadings {
 }
 export interface IConfigChart {
     type: TYPE_CHART;
-    options?: ChartProps;
+    options?: ChartOptions<ChartType>;
 }

package/lib/ACM-AXN/StatisticsAudienceDemographic/Tabs/AgeRange.js

@@ -23,7 +23,7 @@ var AgeRangeTabs = function (_a) {
                         return label;
                     },
                     label: function (tooltipItem) {
-                        return ((0, Helpers_1.roundDecimalNumber)(Number(tooltipItem.formattedValue)) + '%');
+                        return ((0, Helpers_1.formatNumber)(Number(tooltipItem.formattedValue)) + '%');
                     },
                 },
             },
@@ -62,6 +62,7 @@ var AgeRangeTabs = function (_a) {
                 fill: true,
                 borderWidth: 2,
                 yAxisID: 'y',
+                variant: '3',
             },
         ];
     };
@@ -84,12 +85,12 @@ var AgeRangeTabs = function (_a) {
                                                                 borderBottom: '1px solid #a3a3a345',
                                                             }, children: ageItem }), (0, jsx_runtime_1.jsx)(material_1.TableCell, { align: "center", style: {
                                                                 borderBottom: '1px solid #a3a3a345',
-                                                            }, children: (0, Helpers_1.roundDecimalNumber)(ages[ageItem]) }), (0, jsx_runtime_1.jsx)(material_1.TableCell, { align: "center", style: {
+                                                            }, children: (0, Helpers_1.formatNumber)(ages[ageItem] || 0) }), (0, jsx_runtime_1.jsx)(material_1.TableCell, { align: "center", style: {
                                                                 borderBottom: '1px solid #a3a3a345',
                                                             }, children: ages[ageItem] > 0
-                                                                ? ((ages[ageItem] *
+                                                                ? (0, Helpers_1.formatNumber)((ages[ageItem] *
                                                                     100) /
-                                                                    total).toFixed(2)
+                                                                    total)
                                                                 : 0 })] }, index));
                                             })), total && total > 0 && ((0, jsx_runtime_1.jsxs)(material_1.TableRow, { hover: true, children: [(0, jsx_runtime_1.jsx)(material_1.TableCell, { align: "center", style: {
                                                         borderBottom: '1px solid #a3a3a345',
@@ -97,7 +98,7 @@ var AgeRangeTabs = function (_a) {
                                                     }, children: t('Common.Total') }), (0, jsx_runtime_1.jsx)(material_1.TableCell, { align: "center", style: {
                                                         borderBottom: '1px solid #a3a3a345',
                                                         fontWeight: 'bold',
-                                                    }, children: (0, Helpers_1.roundDecimalNumber)(total) }), (0, jsx_runtime_1.jsx)(material_1.TableCell, { align: "center", style: {
+                                                    }, children: (0, Helpers_1.formatNumber)(total) }), (0, jsx_runtime_1.jsx)(material_1.TableCell, { align: "center", style: {
                                                         borderBottom: '1px solid #a3a3a345',
                                                         fontWeight: 'bold',
                                                     }, children: "100" })] }))] })] }) }) }), (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 6, children: (0, jsx_runtime_1.jsx)(BarLineComponent_1.default, { type: 'bar', dataChart: convertToChartData(ages), data: [], optionCustom: options, chart: chart }) })] }) }));

package/lib/ACM-AXN/StatisticsAudienceDemographic/Tabs/TableAndPieChart.js

@@ -88,7 +88,7 @@ var TableAndPieChart = function (_a) {
                         return (' ' +
                             (tooltipItem === null || tooltipItem === void 0 ? void 0 : tooltipItem.label) +
                             ': ' +
-                            (tooltipItem === null || tooltipItem === void 0 ? void 0 : tooltipItem.parsed).toFixed(2) +
+                            (0, Helpers_1.formatNumber)(tooltipItem === null || tooltipItem === void 0 ? void 0 : tooltipItem.parsed) +
                             '(%)');
                     },
                     title: function (tooltipItems) {
@@ -117,12 +117,12 @@ var TableAndPieChart = function (_a) {
                                                                 borderBottom: '1px solid #a3a3a345',
                                                             }, children: graphicCustomerItem }), (0, jsx_runtime_1.jsx)(material_1.TableCell, { align: "center", style: {
                                                                 borderBottom: '1px solid #a3a3a345',
-                                                            }, children: (0, Helpers_1.roundDecimalNumber)(graphicCustomers[graphicCustomerItem]) }), (0, jsx_runtime_1.jsx)(material_1.TableCell, { align: "center", style: {
+                                                            }, children: (0, Helpers_1.formatNumber)(graphicCustomers[graphicCustomerItem]) || 0 }), (0, jsx_runtime_1.jsx)(material_1.TableCell, { align: "center", style: {
                                                                 borderBottom: '1px solid #a3a3a345',
                                                             }, children: graphicCustomers[graphicCustomerItem] > 0
-                                                                ? ((graphicCustomers[graphicCustomerItem] *
+                                                                ? (0, Helpers_1.formatNumber)((graphicCustomers[graphicCustomerItem] *
                                                                     100) /
-                                                                    total).toFixed(2)
+                                                                    total)
                                                                 : 0 })] }));
                                             })), total && total > 0 && ((0, jsx_runtime_1.jsxs)(material_1.TableRow, { hover: true, children: [(0, jsx_runtime_1.jsx)(material_1.TableCell, { align: "center", style: {
                                                         borderBottom: '1px solid #a3a3a345',
@@ -130,7 +130,7 @@ var TableAndPieChart = function (_a) {
                                                     }, children: translationText.total }), (0, jsx_runtime_1.jsx)(material_1.TableCell, { align: "center", style: {
                                                         borderBottom: '1px solid #a3a3a345',
                                                         fontWeight: 'bold',
-                                                    }, children: (0, Helpers_1.roundDecimalNumber)(total) }), (0, jsx_runtime_1.jsx)(material_1.TableCell, { align: "center", style: {
+                                                    }, children: (0, Helpers_1.formatNumber)(total) }), (0, jsx_runtime_1.jsx)(material_1.TableCell, { align: "center", style: {
                                                         borderBottom: '1px solid #a3a3a345',
                                                         fontWeight: 'bold',
                                                     }, children: "100" })] }))] })] }) }) }), (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 6, children: (0, jsx_runtime_1.jsx)("div", { style: { maxHeight: '400px' }, children: (0, jsx_runtime_1.jsx)(PieComponent_1.default, { type: 'pie', data: dataChart, chart: chart, optionCustom: optionCustom }) }) })] }) }));

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

@@ -1,2 +1,2 @@
 import { IStatisticsAudienceDemographicContainerProps } from './interfaces';
-export default function StatisticsAudienceDemographicContainer<F>({ onChangeQueryInput, onChangeExportInput, isLoadings, initialFilters, title, dataDisplay, chart, infoSX, children, }: IStatisticsAudienceDemographicContainerProps<F>): import("react/jsx-runtime").JSX.Element;
+export default function StatisticsAudienceDemographicContainer<F>({ onChangeQueryInput, onChangeExportInput, isLoadings, initialFilters, title, dataDisplay, chart, infoSX, children, disableView }: IStatisticsAudienceDemographicContainerProps<F>): import("react/jsx-runtime").JSX.Element;

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

@@ -9,8 +9,8 @@ var ControlPanel_1 = __importDefault(require("../../ACM-AXN/Statistics/ControlPa
 var ContentHeader_1 = __importDefault(require("../CampaignSchedule/Components/ContentHeader"));
 var Tabs_1 = __importDefault(require("./Tabs"));
 function StatisticsAudienceDemographicContainer(_a) {
-    var onChangeQueryInput = _a.onChangeQueryInput, onChangeExportInput = _a.onChangeExportInput, isLoadings = _a.isLoadings, initialFilters = _a.initialFilters, title = _a.title, dataDisplay = _a.dataDisplay, chart = _a.chart, infoSX = _a.infoSX, children = _a.children;
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(ContentHeader_1.default, { title: title }), (0, jsx_runtime_1.jsx)(material_1.Paper, { children: (0, jsx_runtime_1.jsxs)("div", { style: { padding: '1rem' }, children: [(0, jsx_runtime_1.jsx)(ControlPanel_1.default, { onChangeQueryInput: onChangeQueryInput, onChangeExportInput: onChangeExportInput, initialFilters: initialFilters, isLoadings: isLoadings, infoSX: infoSX }), (0, jsx_runtime_1.jsx)(material_1.Grid, { container: true, item: true, xs: 12, justifyContent: "center", sx: {
+    var onChangeQueryInput = _a.onChangeQueryInput, onChangeExportInput = _a.onChangeExportInput, isLoadings = _a.isLoadings, initialFilters = _a.initialFilters, title = _a.title, dataDisplay = _a.dataDisplay, chart = _a.chart, infoSX = _a.infoSX, children = _a.children, disableView = _a.disableView;
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(ContentHeader_1.default, { title: title }), (0, jsx_runtime_1.jsx)(material_1.Paper, { children: (0, jsx_runtime_1.jsxs)("div", { style: { padding: '1rem' }, children: [(0, jsx_runtime_1.jsx)(ControlPanel_1.default, { onChangeQueryInput: onChangeQueryInput, onChangeExportInput: onChangeExportInput, initialFilters: initialFilters, isLoadings: isLoadings, infoSX: infoSX, disableView: disableView }), (0, jsx_runtime_1.jsx)(material_1.Grid, { container: true, item: true, xs: 12, justifyContent: "center", sx: {
                                 width: '100%',
                             }, children: dataDisplay === null ? (children) : ((0, jsx_runtime_1.jsx)(Tabs_1.default, { data: dataDisplay, isLoading: isLoadings === null || isLoadings === void 0 ? void 0 : isLoadings.chartLoading, chart: chart })) })] }) })] }));
 }

package/lib/ACM-AXN/StatisticsAudienceDemographic/interfaces.d.ts

@@ -12,4 +12,5 @@ export interface IStatisticsAudienceDemographicContainerProps<F> {
         barChart: any;
         pieChart: any;
     };
+    disableView?: boolean;
 }

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

@@ -1,2 +1,2 @@
 import { IStatisticsByProvinceContainerProps } from './interfaces';
-export default function StatisticsByProvinceContainer<F>({ onChangeQueryInput, onChangeExportInput, isLoadings, initialFilters, title, dataTable, headCells, infoSX, children, }: IStatisticsByProvinceContainerProps<F>): import("react/jsx-runtime").JSX.Element;
+export default function StatisticsByProvinceContainer<F>({ onChangeQueryInput, onChangeExportInput, isLoadings, initialFilters, title, dataTable, headCells, infoSX, children, disableView }: IStatisticsByProvinceContainerProps<F>): import("react/jsx-runtime").JSX.Element;

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

@@ -10,8 +10,8 @@ var AWING_1 = require("../../AWING");
 var ContentHeader_1 = __importDefault(require("../CampaignSchedule/Components/ContentHeader"));
 var DataTable_1 = __importDefault(require("./DataTable"));
 function StatisticsByProvinceContainer(_a) {
-    var onChangeQueryInput = _a.onChangeQueryInput, onChangeExportInput = _a.onChangeExportInput, isLoadings = _a.isLoadings, initialFilters = _a.initialFilters, title = _a.title, dataTable = _a.dataTable, headCells = _a.headCells, infoSX = _a.infoSX, children = _a.children;
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(ContentHeader_1.default, { title: title }), (0, jsx_runtime_1.jsx)(material_1.Paper, { children: (0, jsx_runtime_1.jsxs)("div", { style: { padding: '1rem' }, children: [(0, jsx_runtime_1.jsx)(ControlPanel_1.default, { onChangeQueryInput: onChangeQueryInput, onChangeExportInput: onChangeExportInput, initialFilters: initialFilters, isLoadings: isLoadings, infoSX: infoSX }), (0, jsx_runtime_1.jsx)(material_1.Grid, { container: true, item: true, xs: 12, justifyContent: "center", sx: {
+    var onChangeQueryInput = _a.onChangeQueryInput, onChangeExportInput = _a.onChangeExportInput, isLoadings = _a.isLoadings, initialFilters = _a.initialFilters, title = _a.title, dataTable = _a.dataTable, headCells = _a.headCells, infoSX = _a.infoSX, children = _a.children, disableView = _a.disableView;
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(ContentHeader_1.default, { title: title }), (0, jsx_runtime_1.jsx)(material_1.Paper, { children: (0, jsx_runtime_1.jsxs)("div", { style: { padding: '1rem' }, children: [(0, jsx_runtime_1.jsx)(ControlPanel_1.default, { onChangeQueryInput: onChangeQueryInput, onChangeExportInput: onChangeExportInput, initialFilters: initialFilters, isLoadings: isLoadings, infoSX: infoSX, disableView: disableView }), (0, jsx_runtime_1.jsx)(material_1.Grid, { container: true, item: true, xs: 12, justifyContent: "center", sx: {
                                 marginTop: '1.5rem',
                                 width: '100%',
                             }, children: dataTable === null ? (children) : ((0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 12, children: (isLoadings === null || isLoadings === void 0 ? void 0 : isLoadings.chartLoading) === false ? ((0, jsx_runtime_1.jsx)(DataTable_1.default, { headCells: headCells, rowsData: dataTable, isPagination: true, isLoading: false })) : ((0, jsx_runtime_1.jsx)(AWING_1.CircularProgress, {})) })) })] }) })] }));

package/lib/ACM-AXN/StatisticsByProvince/interfaces.d.ts

@@ -9,6 +9,7 @@ export interface IStatisticsByProvinceContainerProps<F> {
     headCells: any;
     infoSX?: any;
     children?: any;
+    disableView?: boolean;
 }
 export type Order = 'asc' | 'desc';
 export type HeadCell = {

package/lib/ACM-AXN/TaskScheduler/Components/CornJobInput.js

@@ -32,14 +32,13 @@ var react_1 = __importDefault(require("react"));
 var react_i18next_1 = require("react-i18next");
 var BasicInput_1 = __importDefault(require("./BasicInput"));
 var validation_1 = require("../../../AWING/ultis/validation");
-var cronRegex = /^(\*|[0-5]?\d)(?:\/\d+)? (\*|1?\d|2[0-3])(?:\/\d+)? (\*|0?[1-9]|[12]\d|3[01])(?:\/\d+)? (\*|0?[1-9]|1[0-2]|(?:Jan|Feb|Mar|Apr|May|Jun|Jul|Aug|Sep|Oct|Nov|Dec))(?:\/\d+)? (\*|0?[0-7]|(?:Sun|Mon|Tue|Wed|Thu|Fri|Sat))(?:\/\d+)?$/;
 var CornJobInput = function (_a) {
     var jobModel = _a.jobModel, handleChange = _a.handleChange;
     var t = (0, react_i18next_1.useTranslation)().t;
     return ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: { position: 'relative' }, children: (0, jsx_runtime_1.jsx)(BasicInput_1.default, { fullWidth: true, sx: {
                 marginTop: function (t) { return t.spacing(1); },
                 marginBottom: function (t) { return t.spacing(1); },
-            }, name: "cronTime", label: t('TaskScheduler.Help.Crontime'), onChange: handleChange, value: jobModel.cronTime, checkValid: function (value) { return (0, validation_1.textValidation)(value, 50, true, cronRegex, /^.*$/); }, InputProps: {
+            }, name: "cronTime", label: t('TaskScheduler.Help.Crontime'), onChange: handleChange, value: jobModel.cronTime, checkValid: function (value) { return (0, validation_1.textValidation)(value, 50, true, false, false); }, InputProps: {
                 startAdornment: ((0, jsx_runtime_1.jsx)(material_1.InputAdornment, { position: "start", sx: { marginRight: '30px' }, children: (0, jsx_runtime_1.jsx)(HtmlTooltip, { arrow: true, placement: "bottom-start", title: (0, jsx_runtime_1.jsxs)(react_1.default.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { children: t('TaskScheduler.Help.Crontime') }), (0, jsx_runtime_1.jsxs)("p", { children: [(0, jsx_runtime_1.jsxs)("span", { children: ["[", t('Common.Minute'), "]"] }), (0, jsx_runtime_1.jsxs)("span", { children: ["_[", t('Common.Hour'), "]"] }), (0, jsx_runtime_1.jsxs)("span", { children: ["_[", t('Common.Day'), "]"] }), (0, jsx_runtime_1.jsxs)("span", { children: ["_[", t('Common.Month'), "]"] }), (0, jsx_runtime_1.jsxs)("span", { children: ["_[", t('Common.DayOfWeek'), "]"] })] }), (0, jsx_runtime_1.jsx)("table", { children: (0, jsx_runtime_1.jsxs)("tbody", { children: [(0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsxs)("th", { children: [t('Common.Minute'), ":"] }), (0, jsx_runtime_1.jsx)("td", { children: "0 - 59" })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsxs)("th", { children: [t('Common.Hour'), ":"] }), (0, jsx_runtime_1.jsx)("td", { children: "0 - 23" })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsxs)("th", { children: [t('Common.Day'), ":"] }), (0, jsx_runtime_1.jsx)("td", { children: "1 - 31" })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsxs)("th", { children: [t('Common.Month'), ":"] }), (0, jsx_runtime_1.jsx)("td", { children: "1 - 12" })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsxs)("th", { children: [t('Common.DayOfWeek'), ":"] }), (0, jsx_runtime_1.jsx)("td", { children: "0 - 6" })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("th", { children: "*" }), (0, jsx_runtime_1.jsx)("td", { children: t('TaskScheduler.Help.*') })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("th", { children: "," }), (0, jsx_runtime_1.jsx)("td", { children: t('TaskScheduler.Help.,') })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("th", { children: "-" }), (0, jsx_runtime_1.jsx)("td", { children: t('TaskScheduler.Help.-') })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("th", { children: "/" }), (0, jsx_runtime_1.jsx)("td", { children: t('TaskScheduler.Help./') })] })] }) })] }), children: (0, jsx_runtime_1.jsx)(icons_material_1.HelpOutline, { fontSize: "small", color: "action", style: { position: 'absolute', left: '0' } }) }) })),
             } }) }));
 };

package/lib/ACM-AXN/TaskScheduler/Components/TriggerInput.js

@@ -6,14 +6,16 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var material_1 = require("@mui/material");
 var react_i18next_1 = require("react-i18next");
-var Constant_1 = require("../Constant");
 var BasicInput_1 = __importDefault(require("./BasicInput"));
 var validation_1 = require("../../../AWING/ultis/validation");
+var Context_1 = require("../../../Context");
 var TriggerInput = function (_a) {
     var handleChange = _a.handleChange, jobModel = _a.jobModel;
     var t = (0, react_i18next_1.useTranslation)().t;
+    var transactionType = (0, Context_1.useAwing)().transactionType;
+    var SagaTransactionTypes = Object.entries(transactionType).map(function (x) { return ({ id: x[1], name: x[0] }); });
     return ((0, jsx_runtime_1.jsxs)(material_1.Grid, { container: true, children: [(0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 2, style: { paddingRight: '10px' }, children: (0, jsx_runtime_1.jsx)(BasicInput_1.default, { fullWidth: true, onChange: handleChange, name: "triggerTopic", value: jobModel.triggerTopic, checkValid: validation_1.textValidation, label: t('TaskScheduler.TriggerTopic') }) }), (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 10, children: (0, jsx_runtime_1.jsx)(BasicInput_1.default, { required: true, fullWidth: true, select: true, 
                     // isError={Boolean(jobModelValid?.triggerEventValid)}
-                    name: "triggerEvent", label: t("TaskScheduler.TriggerEvent"), onChange: handleChange, value: jobModel.triggerEvent, children: Constant_1.SagaTransactionTypes.map(function (item) { return ((0, jsx_runtime_1.jsx)(material_1.MenuItem, { value: item.name, children: item.name }, item.name)); }) }) })] }));
+                    name: "triggerEvent", label: t("TaskScheduler.TriggerEvent"), onChange: handleChange, value: jobModel.triggerEvent, children: SagaTransactionTypes.map(function (item) { return ((0, jsx_runtime_1.jsx)(material_1.MenuItem, { value: item.name, children: item.name }, item.name)); }) }) })] }));
 };
 exports.default = TriggerInput;

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

@@ -10,7 +10,7 @@ var react_router_dom_1 = require("react-router-dom");
 var AWING_1 = require("../../AWING");
 var Context_1 = require("../../Context");
 var i18n_1 = __importDefault(require("../../i18n"));
-var Constant_1 = require("./Constant");
+var Constant_1 = require("../../ACM-AXN/Common/Constant");
 var Context_2 = require("./Context");
 var TaskSchedulerContainer = function () {
     var navigate = (0, react_router_dom_1.useNavigate)();
@@ -52,9 +52,9 @@ var TaskSchedulerContainer = function () {
                 valueGetter: function (row) { return t('Common.Status.' + (row.status ? 'Active' : 'InActive')); }
             }
         ], title: t('TaskScheduler.Title'), onChangeQueryInput: handleGetJob, loading: loading, onCreateButtonClick: function () {
-            navigate(Constant_1.Constant.CREATE_PATH);
+            navigate(Constant_1.Constants.CREATE_PATH);
         }, onRowClick: function (id) {
-            navigate([Constant_1.Constant.EDIT_PATH, id].join("/"));
+            navigate([Constant_1.Constants.EDIT_PATH, id].join("/"));
         }, confirmDelete: appHelper.confirm, showNotificationSuccess: function () { return appHelper.snackbar('success'); }, onDelete: service.taskSchedulersDelete }));
 };
 exports.default = TaskSchedulerContainer;

package/lib/ACM-AXN/TaskScheduler/CreateOrEdit.js

@@ -41,7 +41,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var icons_material_1 = require("@mui/icons-material");
 var material_1 = require("@mui/material");
-var immer_1 = __importDefault(require("immer"));
+var immer_1 = require("immer");
 var react_1 = __importDefault(require("react"));
 var react_i18next_1 = require("react-i18next");
 var react_router_dom_1 = require("react-router-dom");
@@ -53,14 +53,13 @@ var BasicInput_1 = __importDefault(require("./Components/BasicInput"));
 var CornJobInput_1 = __importDefault(require("./Components/CornJobInput"));
 var InputParameters_1 = __importDefault(require("./Components/InputParameters"));
 var TriggerInput_1 = __importDefault(require("./Components/TriggerInput"));
-var Constant_1 = require("./Constant");
 var Context_2 = require("./Context");
-var Enums_1 = require("./Enums");
 var Utils_1 = require("./Utils");
 var Helpers_1 = require("../../Utils/Helpers");
+var Enum_1 = require("../../ACM-AXN/Common/Enum");
 var JobInput = (_a = {},
-    _a[Enums_1.JobTypeEnum.Cron] = CornJobInput_1.default,
-    _a[Enums_1.JobTypeEnum.Trigger] = TriggerInput_1.default,
+    _a[Enum_1.JobTypeEnum.Cron] = CornJobInput_1.default,
+    _a[Enum_1.JobTypeEnum.Trigger] = TriggerInput_1.default,
     _a);
 var CreateOrEdit = function () {
     var t = (0, react_i18next_1.useTranslation)().t;
@@ -71,7 +70,7 @@ var CreateOrEdit = function () {
     var _a = react_1.default.useState(false), loading = _a[0], setLoading = _a[1];
     var _b = react_1.default.useState(false), confirmExit = _b[0], setConfirmExit = _b[1];
     var _c = react_1.default.useState({
-        jobType: Enums_1.JobTypeEnum.Cron,
+        jobType: Enum_1.JobTypeEnum.Cron,
         cronTime: '* * * * *',
         status: true,
         inputParameters: [],
@@ -120,13 +119,13 @@ var CreateOrEdit = function () {
     var handleInputParamChange = function (path, value) {
         setConfirmExit(true);
         var keys = path.split('.');
-        setJobModel((0, immer_1.default)(function (draft) {
+        setJobModel((0, immer_1.produce)(function (draft) {
             (0, Helpers_1.setObject)(draft, keys, value);
             // draft.inputParameters[index] = item
         }));
     };
     var handleJobActionChange = function (jobAction) {
-        setJobModel((0, immer_1.default)(function (draf) {
+        setJobModel((0, immer_1.produce)(function (draf) {
             draf.inputParameters = jobAction.parameters.map(function (x) { return ({
                 key: x.name,
                 operator: x.operators[0],
@@ -142,11 +141,11 @@ var CreateOrEdit = function () {
     };
     var handleChangeJobType = function (key, jobType) {
         setConfirmExit(true);
-        setJobModel(function (prev) { return (__assign(__assign(__assign({}, prev), { jobType: jobType }), (jobType === Enums_1.JobTypeEnum.Cron
+        setJobModel(function (prev) { return (__assign(__assign(__assign({}, prev), { jobType: jobType }), (jobType === Enum_1.JobTypeEnum.Cron
             ? { cronTime: '* * * * *' }
             : { triggerTopic: '', triggerEvent: '' }))); });
     };
-    return ((0, jsx_runtime_1.jsx)(ClassicDrawer_1.default, { title: t("Common.".concat(taskId ? 'Edit' : 'Create')), onSubmit: handleSubmit, disableButtonSubmit: !enableSubmit, confirmExit: confirmExit, childrenWrapperStyle: { padding: function (theme) { return theme.spacing(3); } }, children: loading ? ((0, jsx_runtime_1.jsx)(AWING_1.CircularProgress, {})) : ((0, jsx_runtime_1.jsxs)(material_1.Grid, { container: true, component: material_1.Paper, sx: { p: 2 }, children: [(0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 12, children: (0, jsx_runtime_1.jsx)(BasicInput_1.default, { name: "name", label: t('Common.Name'), fullWidth: true, variant: "standard", checkValid: validation_1.textValidation, value: jobModel.name, onChange: handleChange }) }), (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 12, children: (0, jsx_runtime_1.jsxs)(material_1.Grid, { container: true, style: { marginTop: '20px', marginBottom: '20px' }, children: [(0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 4, style: { paddingRight: '10px' }, children: (0, jsx_runtime_1.jsx)(BasicInput_1.default, { fullWidth: true, select: true, required: false, name: "jobType", variant: "standard", label: t('TaskScheduler.JobType'), onChange: handleChangeJobType, value: jobModel.jobType, children: Constant_1.JobTypes.map(function (item) { return ((0, jsx_runtime_1.jsx)(material_1.MenuItem, { value: item.name, children: item.name }, item.name)); }) }) }), (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 8, children: (0, jsx_runtime_1.jsx)(material_1.Box, { component: JobInput[jobModel.jobType], jobModel: jobModel, handleChange: handleChange }) })] }) }), (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 12, children: (0, jsx_runtime_1.jsxs)(material_1.Grid, { container: true, children: [(0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 4, style: { paddingRight: '10px' }, children: (0, jsx_runtime_1.jsx)(BasicInput_1.default, { fullWidth: true, select: true, name: "jobAction", label: t('TaskScheduler.JobAction'), 
+    return ((0, jsx_runtime_1.jsx)(ClassicDrawer_1.default, { title: t("Common.".concat(taskId ? 'Edit' : 'Create')), onSubmit: handleSubmit, disableButtonSubmit: !enableSubmit, confirmExit: confirmExit, childrenWrapperStyle: { padding: function (theme) { return theme.spacing(3); } }, children: loading ? ((0, jsx_runtime_1.jsx)(AWING_1.CircularProgress, {})) : ((0, jsx_runtime_1.jsxs)(material_1.Grid, { container: true, component: material_1.Paper, sx: { p: 2 }, children: [(0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 12, children: (0, jsx_runtime_1.jsx)(BasicInput_1.default, { name: "name", label: t('Common.Name'), fullWidth: true, variant: "standard", checkValid: validation_1.textValidation, value: jobModel.name, onChange: handleChange }) }), (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 12, children: (0, jsx_runtime_1.jsxs)(material_1.Grid, { container: true, style: { marginTop: '20px', marginBottom: '20px' }, children: [(0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 4, style: { paddingRight: '10px' }, children: (0, jsx_runtime_1.jsx)(BasicInput_1.default, { fullWidth: true, select: true, required: false, name: "jobType", variant: "standard", label: t('TaskScheduler.JobType'), onChange: handleChangeJobType, value: jobModel.jobType, children: Utils_1.JobTypes.map(function (item) { return ((0, jsx_runtime_1.jsx)(material_1.MenuItem, { value: item.name, children: item.name }, item.name)); }) }) }), (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 8, children: (0, jsx_runtime_1.jsx)(material_1.Box, { component: JobInput[jobModel.jobType], jobModel: jobModel, handleChange: handleChange }) })] }) }), (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 12, children: (0, jsx_runtime_1.jsxs)(material_1.Grid, { container: true, children: [(0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 4, style: { paddingRight: '10px' }, children: (0, jsx_runtime_1.jsx)(BasicInput_1.default, { fullWidth: true, select: true, name: "jobAction", label: t('TaskScheduler.JobAction'), 
                                     // isError={Boolean(jobValid?.jobActionValid)}
                                     onChange: function (_k, name) {
                                         handleJobActionChange(jobActions.filter(function (x) { return x.name === name; })[0]);

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

@@ -1,4 +1,4 @@
-import { JobTypeEnum } from "./Enums";
+import { JobTypeEnum } from "../../ACM-AXN/Common/Enum";
 export interface IInputParameter {
     key: string;
     operator: string;

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

@@ -1,3 +1,8 @@
+import { JobTypeEnum } from '../../ACM-AXN/Common/Enum';
 import { IJob } from './Types';
+export declare const JobTypes: {
+    id: number;
+    name: JobTypeEnum;
+}[];
 export declare const getFormValidation: (job: IJob, jobValid: Record<string, any>) => any;
 export declare const cloneValue: <T extends any[] | Record<string, any>>(item: T) => T;