awing-library 2.1.21 → 2.1.22-stage

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/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;

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

@@ -8,13 +8,18 @@
 //     }
 // }
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.cloneValue = exports.getFormValidation = void 0;
-var Enums_1 = require("./Enums");
+exports.cloneValue = exports.getFormValidation = exports.JobTypes = void 0;
+var Enum_1 = require("../../ACM-AXN/Common/Enum");
+exports.JobTypes = Object.entries(Enum_1.JobTypeEnum)
+    .map(function (_a, x) {
+    var key = _a[0], value = _a[1];
+    return ({ id: x, name: value });
+});
 var getFormValidation = function (job, jobValid) {
     var isValid = false;
     if (!Object.values(jobValid).length)
         return true;
-    if (job.jobType === Enums_1.JobTypeEnum.Trigger) {
+    if (job.jobType === Enum_1.JobTypeEnum.Trigger) {
         isValid =
             (Boolean(job.triggerTopic) ||
                 (jobValid['triggerTopic'] !== undefined &&

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

@@ -10,16 +10,16 @@ var react_i18next_1 = require("react-i18next");
 var Context_1 = require("./Context");
 var Container_1 = __importDefault(require("./Container"));
 var react_router_dom_1 = require("react-router-dom");
-var Constant_1 = require("./Constant");
+var Constant_1 = require("../../ACM-AXN/Common/Constant");
 var CreateOrEdit_1 = __importDefault(require("./CreateOrEdit"));
 var TaskScheduler = function (props) {
     var paths = [
         {
-            path: Constant_1.Constant.CREATE_PATH,
+            path: Constant_1.Constants.CREATE_PATH,
             element: (0, jsx_runtime_1.jsx)(CreateOrEdit_1.default, {}),
         },
         {
-            path: Constant_1.Constant.EDIT_PATH + '/:taskId',
+            path: Constant_1.Constants.EDIT_PATH + '/:taskId',
             element: (0, jsx_runtime_1.jsx)(CreateOrEdit_1.default, {}),
         },
     ];

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

@@ -11,7 +11,7 @@ var PageManagement_1 = require("../../AWING/PageManagement");
 var react_1 = require("react");
 var react_i18next_1 = require("react-i18next");
 var Router_1 = require("../../AWING/Router");
-var Constants_1 = require("../../ACM-AXN/GroupUser/Constants");
+var Constant_1 = require("../../ACM-AXN/Common/Constant");
 var Context_1 = require("../../Context");
 var Hooks_1 = __importDefault(require("./Hooks"));
 var TemplateContainer = function () {
@@ -22,7 +22,7 @@ var TemplateContainer = function () {
     var _b = (0, react_1.useState)(true), loading = _b[0], setLoading = _b[1];
     var _c = (0, react_1.useState)(), templates = _c[0], setTemplates = _c[1];
     var handleNavigate = function () {
-        navigate(Constants_1.CREATE_PATH);
+        navigate(Constant_1.Constants.CREATE_PATH);
     };
     var getUsers = (0, react_1.useCallback)(function (queryParams) {
         setLoading(true);
@@ -58,17 +58,17 @@ var TemplateContainer = function () {
                     field: 'PageCode',
                     headerName: 'PageCode',
                     valueGetter: function (row) {
-                        return t("TemplateManagement.Page_".concat(row.pageCode));
+                        return t("TemplateManagement.Page_".concat(['wlc', 'lgn'].includes(row.pageCode) ? row.pageCode : row.pageCode === '0' ? 'wlc' : 'lgn'));
                     },
                 },
-            ], loading: loading, rows: (templates === null || templates === void 0 ? void 0 : templates.templates) || [], onCreateButtonClick: handleNavigate, customActions: (0, jsx_runtime_1.jsx)(material_1.Button, { component: Router_1.Link, to: Constants_1.IMPORT_PATH, variant: "outlined", size: "medium", sx: { marginLeft: '16px', fontWeight: 'bold' }, children: t('Common.Import') }), rowActions: [
+            ], loading: loading, rows: (templates === null || templates === void 0 ? void 0 : templates.templates) || [], onCreateButtonClick: handleNavigate, customActions: (0, jsx_runtime_1.jsx)(material_1.Button, { component: Router_1.Link, to: Constant_1.Constants.IMPORT_PATH, variant: "outlined", size: "medium", sx: { marginLeft: '16px', fontWeight: 'bold' }, children: t('Common.Import') }), rowActions: [
                 {
                     icon: (0, jsx_runtime_1.jsx)(GetApp_1.default, {}),
                     tooltipTitle: t('Common.Export'),
                     action: handleDownLoadFile,
                 },
             ], onRowClick: function (id) {
-                navigate([Constants_1.EDIT_PATH, id].join('/'));
+                navigate([Constant_1.Constants.EDIT_PATH, id].join('/'));
             }, totalOfRows: templates === null || templates === void 0 ? void 0 : templates.total, onDelete: handleDelete, confirmDelete: confirm }) }));
 };
 exports.default = TemplateContainer;

package/lib/ACM-AXN/Template/Container.test.js

@@ -55,7 +55,8 @@ require("@testing-library/jest-dom/extend-expect");
 var react_1 = require("@testing-library/react");
 var Router_1 = require("../../AWING/Router");
 var Container_1 = __importDefault(require("./Container"));
-var Constants_1 = require("../../ACM-AXN/GroupUser/Constants");
+var Constant_1 = require("../../ACM-AXN/Common/Constant");
+var CREATE_PATH = Constant_1.Constants.CREATE_PATH, EDIT_PATH = Constant_1.Constants.EDIT_PATH, IMPORT_PATH = Constant_1.Constants.IMPORT_PATH;
 var items = [
     {
         id: '5496349541280075898',
@@ -114,7 +115,7 @@ jest.mock('react-i18next', function () { return (__assign(__assign({}, jest.requ
 // Mock Utils/Helpers
 jest.mock('Utils/Helpers', function () { return (__assign(__assign({}, jest.requireActual('Utils/Helpers')), { downloadZipFile: function () { } })); });
 // Mock PageManagement
-jest.mock('awing-library/lib/AWING/PageManagement', function () { return ({
+jest.mock('AWING/PageManagement', function () { return ({
     PageManagement: function (props) {
         props.onChangeQueryInput({
             searchString: '',
@@ -187,7 +188,7 @@ describe('Template Container Component', function () {
                     renderUi();
                     react_1.fireEvent.click(react_1.screen.getByTestId('Rowclick'));
                     return [4 /*yield*/, (0, react_1.waitFor)(function () {
-                            return expect(window.location.href).toContain(['http://localhost', Constants_1.EDIT_PATH, items[0].id].join('/'));
+                            return expect(window.location.href).toContain(['http://localhost', EDIT_PATH, items[0].id].join('/'));
                         })];
                 case 1:
                     _a.sent();
@@ -206,7 +207,7 @@ describe('Template Container Component', function () {
                     renderUi();
                     react_1.fireEvent.click(react_1.screen.getByText('Common.Import'));
                     return [4 /*yield*/, (0, react_1.waitFor)(function () {
-                            return expect(window.location.href).toContain(['http://localhost', Constants_1.IMPORT_PATH].join('/'));
+                            return expect(window.location.href).toContain(['http://localhost', IMPORT_PATH].join('/'));
                         })];
                 case 1:
                     _a.sent();
@@ -231,7 +232,7 @@ describe('Template Container Component', function () {
                     renderUi();
                     react_1.fireEvent.click(react_1.screen.getByText('CreateBtn'));
                     return [4 /*yield*/, (0, react_1.waitFor)(function () {
-                            return expect(window.location.href).toContain(['http://localhost', Constants_1.CREATE_PATH].join('/'));
+                            return expect(window.location.href).toContain(['http://localhost', CREATE_PATH].join('/'));
                         })];
                 case 1:
                     _a.sent();

package/lib/ACM-AXN/Template/CreateOrEdit/CreateOrEdit.test.js

@@ -269,7 +269,7 @@ jest.mock('Commons/UseAxiosProvider', function () { return ({
     }); },
 }); });
 // Mock Drawer
-jest.mock('awing-library/lib/Commons/Components/ClassicDrawer', function () { return function (props) { return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("p", { children: props.title }), (0, jsx_runtime_1.jsx)("button", { "data-testid": "onSubmit", onClick: props.onSubmit, children: "submit" }), props.children] })); }; });
+jest.mock('Commons/Components/ClassicDrawer', function () { return function (props) { return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("p", { children: props.title }), (0, jsx_runtime_1.jsx)("button", { "data-testid": "onSubmit", onClick: props.onSubmit, children: "submit" }), props.children] })); }; });
 // Mock Infomation
 jest.mock('./Infomation', function () { return function (props) { return ((0, jsx_runtime_1.jsx)("div", { children: Object.entries(props).map(function (_a) {
         var key = _a[0], val = _a[1];

package/lib/ACM-AXN/Template/CreateOrEdit/Infomation.js

@@ -23,6 +23,9 @@ var Infomation = function (props) {
     var t = (0, react_i18next_1.useTranslation)().t;
     var _a = (0, recoil_1.useRecoilState)(Recoils_1.templateInfoState), templateInfo = _a[0], handleTemplateData = _a[1];
     var handleUpdate = (0, react_1.useCallback)(function (obj, formValid, fieldUpdate) {
+        if (fieldUpdate === 'pageCode') {
+            handleTemplateData(function (prev) { return (__assign(__assign({}, prev), { templateTypeId: null })); });
+        }
         if (fieldUpdate) {
             handleTemplateData(function (prev) { return (__assign(__assign({}, prev), obj)); });
         }
@@ -44,7 +47,9 @@ var Infomation = function (props) {
                 type: 'select',
                 label: t('Common.TypePage'),
                 required: true,
-                options: Object.values(enums_1.PageCode).filter(function (item) { return !isNaN(Number(item)); }).map(function (value) { return ({
+                options: Object.values(enums_1.PageCode)
+                    .filter(function (item) { return !isNaN(Number(item)); })
+                    .map(function (value) { return ({
                     value: enums_1.PageCode[value].toLowerCase(),
                     text: enums_1.PageCode[value],
                 }); }),
@@ -54,7 +59,13 @@ var Infomation = function (props) {
                 type: 'select',
                 label: t('Common.TypeTemplate'),
                 required: true,
-                options: templateTypes.map(function (type) { return ({
+                options: templateTypes
+                    .filter(function (type) {
+                    var _a;
+                    return !((_a = type.templateTypeCode) === null || _a === void 0 ? void 0 : _a.localeCompare(templateInfo.pageCode || 'lgn'));
+                })
+                    .sort(function (a, b) { var _a; return ((_a = a.name) === null || _a === void 0 ? void 0 : _a.localeCompare((b === null || b === void 0 ? void 0 : b.name) || '')) || -1; })
+                    .map(function (type) { return ({
                     value: type.id,
                     text: type.name,
                 }); }),

package/lib/ACM-AXN/Template/CreateOrEdit/Infomation.test.js

@@ -25,7 +25,7 @@ jest.mock('react-i18next', function () { return (__assign(__assign({}, jest.requ
 // Mock Utils/Helpers
 jest.mock('Utils/Helpers', function () { return (__assign(__assign({}, jest.requireActual('Utils/Helpers')), { downloadZipFile: function () { } })); });
 // Mock DataForm
-jest.mock('awing-library/lib/AWING', function () { return ({
+jest.mock('AWING', function () { return ({
     DataForm: function (props) {
         var _a, _b;
         props.fields.forEach(function (element) {

package/lib/ACM-AXN/Template/CreateOrEdit/Recoils.d.ts

@@ -4,3 +4,4 @@ export declare const templateInfoState: import("recoil").RecoilState<ITemplate>;
 export declare const templateEventState: import("recoil").RecoilState<ITemplateEvent[]>;
 export declare const templateParametersState: import("recoil").RecoilState<ITemplateParameter[]>;
 export declare const isEditState: import("recoil").RecoilState<boolean>;
+export declare const isErrorParameterState: import("recoil").RecoilState<boolean>;

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

@@ -11,7 +11,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.isEditState = exports.templateParametersState = exports.templateEventState = exports.templateInfoState = exports.templateState = void 0;
+exports.isErrorParameterState = exports.isEditState = exports.templateParametersState = exports.templateEventState = exports.templateInfoState = exports.templateState = void 0;
 var recoil_1 = require("recoil");
 var defaultValidation = "<!-- return function(fields) {\n    // Parameter fields: [{fieldName, fieldValue}]\n    // VALID_CODE: 200, NOT_VALID_CODE: 100\n    // Return array include field name, error message and check code of them\n    // Eg: Check field \"text\" must have equal or more than 10 character\n    return new Promise((resolve, reject) => {\n        const needCheckField = fields.find(field => field.fieldName === \"text\")\n        const isOk = needCheckField.fieldValue.length >= 10\n        resolve([\n            {\n                fieldName: needCheckField.fieldName,\n                code: isOk ? 200 : 100,\n                errorMessage: \"Text has less than 10 character\"\n            }\n        ])\n    })\n} -->";
 var defaultHandleEvent = "<!-- return function(fields, fieldChange) {\n    // Parameter fields: [{fieldName, fieldValue}], fieldChange: field which change\n    // Return array of field need update with new value\n    // In case no update, return empty array\n    // Eg: Auto update value of \"textUpperCase\" field when value of \"text\" field changed\n    return new Promise((resolve, reject) => {\n        if(fieldChange.fieldName === \"text\") {\n            resolve([\n                {\n                    fieldName: \"textUpperCase\",\n                    newValue: fieldChange.fieldValue.toUpperCase()\n                }\n            ])\n        }else resolve([])\n    })\n} -->";
@@ -77,3 +77,7 @@ exports.isEditState = (0, recoil_1.atom)({
     key: "isEditState",
     default: false,
 });
+exports.isErrorParameterState = (0, recoil_1.atom)({
+    key: "isErrorParameterState",
+    default: false,
+});

package/lib/ACM-AXN/Template/CreateOrEdit/Script.js

@@ -17,7 +17,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 /* eslint-disable react-hooks/exhaustive-deps */
 var material_1 = require("@mui/material");
-var Constants_1 = require("../../../ACM-AXN/GroupUser/Constants");
+var Constant_1 = require("../../../ACM-AXN/Common/Constant");
 var MonacoEditor_1 = __importDefault(require("../../../ACM-AXN/ViewTemplate/TemplateField/Fields/BasicField/MonacoEditor"));
 var lodash_1 = require("lodash");
 var react_1 = require("react");
@@ -29,10 +29,10 @@ var Script = function () {
     var _a = (0, recoil_1.useRecoilState)(Recoils_1.templateInfoState), templateInfo = _a[0], setTemplateInfo = _a[1];
     var handleChangeValidation = (0, react_1.useCallback)((0, lodash_1.debounce)(function (validation) {
         setTemplateInfo(function (prev) { return (__assign(__assign({}, prev), { validation: validation })); });
-    }, Constants_1.DEBOUNCE_TIME_300), [setTemplateInfo]);
+    }, Constant_1.Constants.DEBOUNCE_TIME_300), [setTemplateInfo]);
     var handleChangeAutoField = (0, react_1.useCallback)((0, lodash_1.debounce)(function (autoField) {
         setTemplateInfo(function (prev) { return (__assign(__assign({}, prev), { autoField: autoField })); });
-    }, Constants_1.DEBOUNCE_TIME_300), [setTemplateInfo]);
+    }, Constant_1.Constants.DEBOUNCE_TIME_300), [setTemplateInfo]);
     return ((0, jsx_runtime_1.jsx)(material_1.Grid, { container: true, sx: { flexGrow: 1, padding: function (theme) { return theme.spacing(3); } }, children: (0, jsx_runtime_1.jsxs)(material_1.Grid, { item: true, component: material_1.Paper, sx: { padding: function (theme) { return theme.spacing(2); }, width: '100%' }, children: [(0, jsx_runtime_1.jsxs)(material_1.Grid, { item: true, xs: 12, children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "subtitle1", sx: {
                                 fontWeight: 'bold',
                                 color: '#BDC7CC',

package/lib/ACM-AXN/Template/CreateOrEdit/Template/Parameter.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 interface ParameterProps {
     templateId: string;
 }
@@ -15,6 +15,7 @@ export declare const OmitListType: {
     LIST: string;
     OBJECT: string;
     COLOR: string;
+    URL: string;
 };
-declare const _default: import("react").NamedExoticComponent<ParameterProps>;
+declare const _default: React.NamedExoticComponent<ParameterProps>;
 export default _default;