awing-library 2.1.2-beta → 2.1.2-stage

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,13 +10,13 @@ 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)();
     var t = (0, react_i18next_1.useTranslation)(undefined, { i18n: i18n_1.default }).t;
     var service = (0, Context_2.useTaskSchedulerProps)().service;
-    var _a = react_1.default.useState(false), loading = _a[0], setloading = _a[1];
+    var _a = react_1.default.useState(true), loading = _a[0], setloading = _a[1];
     var _b = react_1.default.useState({ jobs: [], total: 0 }), data = _b[0], setData = _b[1];
     var appHelper = (0, Context_1.useAwing)().appHelper;
     var handleGetJob = function (queryParams) {
@@ -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");
@@ -49,18 +49,17 @@ var AWING_1 = require("../../AWING");
 var validation_1 = require("../../AWING/ultis/validation");
 var ClassicDrawer_1 = __importStar(require("../../Commons/Components/ClassicDrawer"));
 var Context_1 = require("../../Context");
-var Utils_1 = require("../Page/CreateOrEdit/Utils");
 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_2 = require("./Utils");
+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: [],
@@ -81,7 +80,7 @@ var CreateOrEdit = function () {
     var _e = react_1.default.useState(), jobActionSelected = _e[0], setJobActionSelected = _e[1];
     var _f = react_1.default.useState(false), enableSubmit = _f[0], setEnableSubmit = _f[1];
     react_1.default.useEffect(function () {
-        setEnableSubmit((0, Utils_2.getFormValidation)(jobModel, jobValid.current));
+        setEnableSubmit((0, Utils_1.getFormValidation)(jobModel, jobValid.current));
     }, [jobModel]);
     react_1.default.useEffect(function () {
         setLoading(true);
@@ -95,7 +94,7 @@ var CreateOrEdit = function () {
             var initJobActions = responses[0];
             setJobActions(initJobActions);
             if (responses.length > 1) {
-                var model_1 = (0, Utils_2.cloneValue)(responses[1]);
+                var model_1 = (0, Utils_1.cloneValue)(responses[1]);
                 setJobModel(model_1);
                 setJobActionSelected(initJobActions.find(function (x) { return x.name === model_1.jobAction; }));
             }
@@ -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) {
-            (0, Utils_1.setObject)(draft, keys, value);
+        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,18 +141,16 @@ 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]);
                                         handleChange('jobAction', name);
-                                    }, value: jobModel.jobAction, children: jobActions.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, style: { marginTop: '16px' }, children: (jobModel === null || jobModel === void 0 ? void 0 : jobModel.inputParameters) && ((0, jsx_runtime_1.jsx)(InputParameters_1.default, { inputParameters: jobModel === null || jobModel === void 0 ? void 0 : jobModel.inputParameters, jobActionSelected: jobActionSelected, handleInputParamChange: handleInputParamChange })) }), (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 6, children: (0, jsx_runtime_1.jsxs)(material_1.Grid, { container: true, children: [(0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 6, style: { paddingRight: '10px' }, children: (0, jsx_runtime_1.jsx)(BasicInput_1.default, { fullWidth: true, name: "authUsername", required: false, label: t('User.Username'), checkValid: function (value) {
-                                                    return (0, validation_1.textValidation)(value, 50, false);
-                                                }, onChange: handleChange, value: jobModel.authUsername }) }), (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 5, style: { paddingRight: '10px' }, children: (0, jsx_runtime_1.jsx)(BasicInput_1.default, { fullWidth: true, autoComplete: "current-password", name: "authPassword", type: "password", required: false, label: t('User.Password'), onChange: handleChange, value: jobModel.authPassword }) }), (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 1, children: (0, jsx_runtime_1.jsx)(material_1.Tooltip, { placement: "top", title: t('TaskScheduler.Help.Authen'), arrow: true, children: (0, jsx_runtime_1.jsx)(icons_material_1.HelpOutline, { fontSize: "small", color: "action", style: {
+                                    }, value: jobModel.jobAction, children: jobActions.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, style: { marginTop: '16px' }, children: (jobModel === null || jobModel === void 0 ? void 0 : jobModel.inputParameters) && ((0, jsx_runtime_1.jsx)(InputParameters_1.default, { inputParameters: jobModel === null || jobModel === void 0 ? void 0 : jobModel.inputParameters, jobActionSelected: jobActionSelected, handleInputParamChange: handleInputParamChange })) }), (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 6, children: (0, jsx_runtime_1.jsxs)(material_1.Grid, { container: true, children: [(0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 6, style: { paddingRight: '10px' }, children: (0, jsx_runtime_1.jsx)(BasicInput_1.default, { fullWidth: true, name: "authUsername", required: false, label: t('User.Username'), checkValid: function (value) { return (0, validation_1.textValidation)(value, 150, false, /^[a-zA-Z0-9\/\-_.@()\[\] ]+$/g, false); }, onChange: handleChange, value: jobModel.authUsername }) }), (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 5, style: { paddingRight: '10px' }, children: (0, jsx_runtime_1.jsx)(BasicInput_1.default, { fullWidth: true, autoComplete: "current-password", name: "authPassword", type: "password", required: false, label: t('User.Password'), onChange: handleChange, value: jobModel.authPassword }) }), (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 1, children: (0, jsx_runtime_1.jsx)(material_1.Tooltip, { placement: "top", title: t('TaskScheduler.Help.Authen'), arrow: true, children: (0, jsx_runtime_1.jsx)(icons_material_1.HelpOutline, { fontSize: "small", color: "action", style: {
                                                         marginTop: '20px',
                                                         marginLeft: '-10px',
                                                     } }) }) })] }) })] }) }), (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, children: (0, jsx_runtime_1.jsx)(material_1.FormControlLabel, { control: (0, jsx_runtime_1.jsx)(material_1.Checkbox, { name: "status", checked: jobModel.status, onChange: function (event) {

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,11 +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 (job.jobType === Enums_1.JobTypeEnum.Trigger) {
+    if (!Object.values(jobValid).length)
+        return true;
+    if (job.jobType === Enum_1.JobTypeEnum.Trigger) {
         isValid =
             (Boolean(job.triggerTopic) ||
                 (jobValid['triggerTopic'] !== undefined &&
@@ -27,7 +34,10 @@ var getFormValidation = function (job, jobValid) {
             (jobValid['cronTime'] !== undefined &&
                 jobValid['cronTime'])) && job.inputParameters.length > 0;
     }
-    return isValid && jobValid['name'] !== undefined && jobValid['name'] && (jobValid['authUsername'] === undefined || jobValid['authUsername']);
+    if (jobValid['name'] !== undefined) {
+        isValid = isValid && jobValid['name'];
+    }
+    return isValid && (jobValid['authUsername'] === undefined || jobValid['authUsername']);
 };
 exports.getFormValidation = getFormValidation;
 var cloneValue = function (item) {

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.d.ts

@@ -0,0 +1,2 @@
+declare const TemplateContainer: () => import("react/jsx-runtime").JSX.Element;
+export default TemplateContainer;

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

@@ -0,0 +1,74 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var GetApp_1 = __importDefault(require("@mui/icons-material/GetApp"));
+var material_1 = require("@mui/material");
+var Helpers_1 = require("../../Utils/Helpers");
+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 Constant_1 = require("../../ACM-AXN/Common/Constant");
+var Context_1 = require("../../Context");
+var Hooks_1 = __importDefault(require("./Hooks"));
+var TemplateContainer = function () {
+    var t = (0, react_i18next_1.useTranslation)().t;
+    var service = (0, Hooks_1.default)().service;
+    var _a = (0, Context_1.useAwing)().appHelper, confirm = _a.confirm, snackbar = _a.snackbar;
+    var navigate = (0, Router_1.useNavigate)();
+    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(Constant_1.Constants.CREATE_PATH);
+    };
+    var getUsers = (0, react_1.useCallback)(function (queryParams) {
+        setLoading(true);
+        service
+            .templatesPaging(queryParams.searchString, queryParams.pageSize, queryParams.pageIndex)
+            .then(setTemplates)
+            .finally(function () {
+            setLoading(false);
+        });
+    }, [service]);
+    var handleDownLoadFile = function (id) {
+        service.templatesExport(id).then(Helpers_1.downloadZipFile);
+    };
+    var handleDelete = function (id) {
+        return service.templatesDelete(id).then(function () { return snackbar('success'); });
+    };
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(PageManagement_1.PageManagement, { title: t('TemplateManagement.title'), onChangeQueryInput: getUsers, getRowId: function (obj) { return obj.id; }, columns: [
+                {
+                    field: '#',
+                    headerName: '#',
+                    width: 85,
+                    valueGetter: function (_unUse, idx, stt) { return stt; },
+                },
+                {
+                    field: 'id',
+                    headerName: 'ID',
+                },
+                {
+                    field: 'description',
+                    headerName: t('TemplateManagement.TemplateName'),
+                },
+                {
+                    field: 'PageCode',
+                    headerName: 'PageCode',
+                    valueGetter: function (row) {
+                        return t("TemplateManagement.Page_".concat(row.pageCode));
+                    },
+                },
+            ], 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([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.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom/extend-expect';

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

@@ -0,0 +1,260 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+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 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',
+        directoryId: '5202880755274023966',
+        directoryPath: '.0.90.4913100144472996590.5202880755274023966.5496349541280075898.',
+        name: 'textmatching',
+        templateHtml: '<link rel="stylesheet" href="112233"></link>',
+        layoutId: '5197905656409960384',
+        pageCode: 'lgn',
+        description: 'Textmatching',
+        templateTypeId: 1,
+        validation: '',
+        autoField: '',
+    },
+    {
+        id: '5140705289680815022',
+        directoryId: '5202880755274023966',
+        directoryPath: '.0.90.4913100144472996590.5202880755274023966.5140705289680815022.',
+        name: 'textmatching',
+        templateHtml: '',
+        layoutId: '5197905656409960384',
+        pageCode: 'lgn',
+        description: '[Test] Textmatching',
+        templateTypeId: 19,
+        validation: '',
+        autoField: '',
+    },
+];
+var clientMethod = {
+    templatesPaging: function () { return ({
+        templates: items,
+        total: items.length,
+    }); },
+    templatesDelete: function (_id) { },
+    templatesExport: function (_id) { },
+};
+// Mock Axios client
+jest.mock('Commons/UseAxiosProvider', function () { return ({
+    __esModule: true,
+    default: function () { return ({
+        client: {
+            templatesPaging: jest.fn(function (_param) {
+                return Promise.resolve(clientMethod.templatesPaging());
+            }),
+            templatesDelete: jest.fn(function (_id) {
+                return Promise.resolve(clientMethod.templatesDelete(_id));
+            }),
+            templatesExport: jest.fn(function (_id) {
+                return Promise.resolve(clientMethod.templatesExport(_id));
+            }),
+        },
+    }); },
+}); });
+// Mock i18next
+jest.mock('react-i18next', function () { return (__assign(__assign({}, jest.requireActual('react-i18next')), { useTranslation: function () { return ({ t: jest.fn(function (key) { return key; }) }); } })); });
+// Mock Utils/Helpers
+jest.mock('Utils/Helpers', function () { return (__assign(__assign({}, jest.requireActual('Utils/Helpers')), { downloadZipFile: function () { } })); });
+// Mock PageManagement
+jest.mock('AWING/PageManagement', function () { return ({
+    PageManagement: function (props) {
+        props.onChangeQueryInput({
+            searchString: '',
+            pageIndex: 0,
+            pageSize: 10,
+        });
+        return ((0, jsx_runtime_1.jsxs)("div", { children: [props.columns
+                    .filter(function (item) { return item.valueGetter; })
+                    .map(function (getter, idx) { return ((0, jsx_runtime_1.jsx)("span", { children: getter.valueGetter(items[0], idx) }, idx)); }), (0, jsx_runtime_1.jsx)("span", { "data-testid": "rowid", children: props.getRowId(items[0]) }), (0, jsx_runtime_1.jsx)("button", { "data-testid": "CreateBtn", onClick: props.onCreateButtonClick, children: "CreateBtn" }), (0, jsx_runtime_1.jsx)("button", { onClick: function () {
+                        props.onChangeQueryInput({
+                            pageIndex: 1,
+                            pageSize: 10,
+                        });
+                    }, children: "ChangeInput" }), props.customActions, props.rowActions.map(function (item, idx) { return ((0, jsx_runtime_1.jsx)("button", { "data-testid": item.tooltipTitle, onClick: function () {
+                        item.action('onExport');
+                    }, children: item.icon }, idx)); }), (0, jsx_runtime_1.jsx)("button", { "data-testid": "Rowclick", onClick: function () {
+                        props.onRowClick(items[0].id);
+                    }, children: "Rowclick" }), (0, jsx_runtime_1.jsx)("button", { "data-testid": "onDelete", onClick: function () {
+                        props.onDelete('onDelete');
+                    }, children: "Remove Btn" }), (0, jsx_runtime_1.jsx)("p", { children: JSON.stringify(props.rows) }), (0, jsx_runtime_1.jsxs)("span", { children: ["totalItemCount:", props.totalOfRows] })] }));
+    },
+}); });
+jest.mock('Commons/Client', function () { return ({
+    __esModule: true,
+    PageCode: {
+        Lgn: 0,
+        Wlc: 1,
+    }
+}); });
+var renderUi = function () {
+    return (0, react_1.render)((0, jsx_runtime_1.jsx)(Router_1.BrowserRouter, { children: (0, jsx_runtime_1.jsx)(Container_1.default, {}) }));
+};
+describe('Template Container Component', function () {
+    it('renders without crashing', function () {
+        renderUi();
+    });
+    it('render state', function () { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    renderUi();
+                    expect(react_1.screen.getByTestId('CreateBtn')).toBeInTheDocument();
+                    return [4 /*yield*/, (0, react_1.waitFor)(function () {
+                            expect(react_1.screen.getByText(JSON.stringify(items))).toBeInTheDocument();
+                        })];
+                case 1:
+                    _a.sent();
+                    return [4 /*yield*/, (0, react_1.waitFor)(function () {
+                            expect(react_1.screen.getByText("totalItemCount:".concat(items.length))).toBeInTheDocument();
+                        })];
+                case 2:
+                    _a.sent();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('get paging', function () {
+        var templatesPagingSpy = jest.spyOn(clientMethod, 'templatesPaging');
+        renderUi();
+        expect(templatesPagingSpy).toBeCalled();
+    });
+    it('get rowid', function () {
+        renderUi();
+        expect(react_1.screen.getByText(items[0].id)).toBeInTheDocument();
+    });
+    it('Row click', function () { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    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', EDIT_PATH, items[0].id].join('/'));
+                        })];
+                case 1:
+                    _a.sent();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('row getter', function () {
+        renderUi();
+        expect(react_1.screen.getByText('TemplateManagement.Page_lgn')).toBeInTheDocument();
+    });
+    it('Trigger Import button', function () { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    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', IMPORT_PATH].join('/'));
+                        })];
+                case 1:
+                    _a.sent();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('Trigger export button', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var templatesExportSpy;
+        return __generator(this, function (_a) {
+            templatesExportSpy = jest.spyOn(clientMethod, 'templatesExport');
+            renderUi();
+            react_1.fireEvent.click(react_1.screen.getByTestId('Common.Export'));
+            expect(templatesExportSpy).toHaveBeenCalledWith('onExport');
+            return [2 /*return*/];
+        });
+    }); });
+    it('Trigger Create button', function () { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    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', CREATE_PATH].join('/'));
+                        })];
+                case 1:
+                    _a.sent();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('Delete Template', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var templatesDeleteSpy;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    templatesDeleteSpy = jest.spyOn(clientMethod, 'templatesDelete');
+                    renderUi();
+                    react_1.fireEvent.click(react_1.screen.getByTestId('onDelete'));
+                    return [4 /*yield*/, (0, react_1.waitFor)(function () {
+                            expect(templatesDeleteSpy).toHaveBeenCalledWith('onDelete');
+                        })];
+                case 1:
+                    _a.sent();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+});

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

@@ -0,0 +1 @@
+import '@testing-library/jest-dom/extend-expect';