awing-library 2.1.2-beta → 2.1.2-stage

package/lib/ACM-AXN/Page/CreateOrEdit/Tabview/ViewInfo.js

@@ -47,31 +47,49 @@ var enums_1 = require("../../enums");
 var Utils_1 = require("../Utils");
 var Constant_1 = require("../../../../ACM-AXN/Page/Constant");
 var react_router_dom_1 = require("react-router-dom");
+var recoil_1 = require("recoil");
+var Recoil_1 = require("../Recoil");
+var Constant_2 = require("../../../../ACM-AXN/Common/Constant");
+var ListenTemplate_1 = require("../ListenTemplate");
 var ViewInfo = function (_a) {
-    var directories = _a.directories, templateTypes = _a.templateTypes, onChange = _a.onChange, viewInfoData = _a.viewInfoData;
+    var templateTypes = _a.templateTypes, onChange = _a.onChange, viewInfoData = _a.viewInfoData, viewNumber = _a.viewNumber;
     var pageId = (0, react_router_dom_1.useParams)().pageId;
-    var defaultDirectory = react_1.default.useMemo(function () { return directories.find(function (item) { return item.parentDirectoryId === '99'; }); }, [directories]);
-    var cacheDirectoryId = react_1.default.useRef('');
-    var _b = react_1.default.useState([]), templates = _b[0], setTemplates = _b[1];
-    var _c = react_1.default.useState(false), loadingTemplate = _c[0], setLoadingTemplate = _c[1];
-    var _d = (0, Context_1.default)(), service = _d.service, pageCode = _d.pageCode;
+    var _b = (0, Context_1.default)(), pageCode = _b.pageCode, domainId = _b.domainId;
+    var getTemplateList = (0, ListenTemplate_1.usePageCache)().getTemplateList;
     var t = (0, react_i18next_1.useTranslation)().t;
+    var directories = (0, recoil_1.useRecoilValue)(Recoil_1.templateDirectoriesState);
+    var _c = (0, recoil_1.useRecoilState)(Recoil_1.wiewMounted), isMounted = _c[0], setIsMounted = _c[1];
+    var setEvent = (0, recoil_1.useSetRecoilState)(Recoil_1.pageEventState);
+    var setDeprecated = (0, recoil_1.useSetRecoilState)(Recoil_1.hasDeprecated);
+    var _d = react_1.default.useState([]), templates = _d[0], setTemplates = _d[1];
+    var _e = react_1.default.useState(false), loadingTemplate = _e[0], setLoadingTemplate = _e[1];
+    var defaultDirectory = react_1.default.useMemo(function () { return directories.find(function (item) { return item.parentDirectoryId === '99'; }); }, [directories]);
     (0, react_1.useEffect)(function () {
-        var savedDirectoryId = localStorage.getItem(Constant_1.PAGE_LOGIN_DIRECTORY_SELECTED);
-        if (savedDirectoryId && !pageId) {
+        var savedDirectoryId = JSON.parse(localStorage.getItem(Constant_1.PAGE_LOGIN_DIRECTORY_SELECTED) || '{}')[Array.isArray(domainId) ? 'awingPge' : domainId];
+        if (savedDirectoryId && !pageId && !isMounted) {
+            setIsMounted(true);
             handleChangeForm({ directoryId: savedDirectoryId }, true, 'directoryId');
         }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
+    var overWriteOnChange = function (keys, value) {
+        if (keys.includes('templateId')) {
+            setDeprecated(false);
+        }
+        onChange(keys, value);
+    };
     var handleChangeForm = react_1.default.useCallback(function (obj, _valid, keyUpdate) {
-        if ((0, lodash_1.isEmpty)(obj))
+        var _a;
+        if (!keyUpdate)
             return;
         if (['templateTypeId', 'directoryId'].includes(keyUpdate)) {
             if (keyUpdate === 'directoryId') {
-                localStorage.setItem(Constant_1.PAGE_LOGIN_DIRECTORY_SELECTED, obj[keyUpdate]);
+                localStorage.setItem(Constant_1.PAGE_LOGIN_DIRECTORY_SELECTED, JSON.stringify((_a = {}, _a[Array.isArray(domainId) ? 'awingPge' : domainId] = obj[keyUpdate], _a)));
             }
-            onChange(['templateId'], null);
+            overWriteOnChange(['templateId'], '');
         }
-        onChange([keyUpdate], obj[keyUpdate]);
+        setEvent(function (res) { return res.filter(function (x) { return x.viewNumber !== viewNumber; }); });
+        overWriteOnChange([keyUpdate], obj[keyUpdate]);
     }, 
     // eslint-disable-next-line react-hooks/exhaustive-deps
     []);
@@ -85,6 +103,10 @@ var ViewInfo = function (_a) {
         var validStatus = !(isValidationFields === null || isValidationFields === void 0 ? void 0 : isValidationFields.includes(false)) &&
             fieldsRequireStatus &&
             validProcessStatus === enums_1.VALID_PROCESS_CODE.VALIDATED;
+        var directoryId = viewInfoData.directoryId;
+        if (directoryId) {
+            getTemplates(directoryId, viewInfoData.templateId);
+        }
         onChange(['validStatus'], validStatus);
         // onChangeCompletedTab("1", validStatus);
         // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -95,24 +117,20 @@ var ViewInfo = function (_a) {
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [viewInfoData, defaultDirectory]);
-    react_1.default.useEffect(function () {
-        var directoryId = viewInfoData.directoryId;
-        if (directoryId && cacheDirectoryId.current !== directoryId) {
-            cacheDirectoryId.current = directoryId;
-            getTemplates(directoryId);
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [viewInfoData]);
-    var getTemplates = function (directoryId) {
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    var getTemplates = react_1.default.useCallback((0, lodash_1.debounce)(function (directoryId, templateId) {
+        if (templateId === void 0) { templateId = ''; }
         setLoadingTemplate(true);
-        service
-            .templatesGetByDirectoryId(directoryId)
-            .then(setTemplates)
+        getTemplateList(directoryId)
+            .then(function (res) {
+            var viewDeprecate = res.find(function (x) { return x.id === templateId && x.isDeprecated; });
+            setTemplates(res.filter(function (x) { return !x.isDeprecated; }).concat(viewDeprecate ? [viewDeprecate] : []));
+        })
             .finally(function () { return setLoadingTemplate(false); });
-    };
+    }, Constant_2.Constants.DEBOUNCE_TIME_300), []);
     var templateOptions = react_1.default.useMemo(function () {
         var result = [];
-        if (Boolean(viewInfoData.templateTypeId)) {
+        if (viewInfoData.templateTypeId) {
             templates
                 .filter(function (x) {
                 return x.pageCode ===
@@ -129,7 +147,7 @@ var ViewInfo = function (_a) {
             })
                 .forEach(function (template) { return result.push(template); });
         }
-        return result;
+        return result.sort(function (a, b) { return a.description.localeCompare(b.description); });
     }, [viewInfoData, templates, pageCode]);
     return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(AWING_1.DataForm, { fields: [
                 {
@@ -172,7 +190,8 @@ var ViewInfo = function (_a) {
                     error: true,
                     options: templateOptions.map(function (template) { return ({
                         value: template.id,
-                        text: template.description,
+                        text: template.description + (template.isDeprecated ? " - ".concat(t('TemplateManagement.isDeprecate')) : ''),
+                        disabled: template === null || template === void 0 ? void 0 : template.isDeprecated,
                     }); }),
                 },
             ], oldValue: __assign(__assign({}, viewInfoData), { templateTypeId: 0 }), onUpdate: handleChangeForm }) }));

package/lib/ACM-AXN/Page/CreateOrEdit/Tabview/index.js

@@ -38,12 +38,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
-var immer_1 = __importDefault(require("immer"));
+var Helpers_1 = require("../../../../Utils/Helpers");
+var immer_1 = require("immer");
+var lodash_1 = require("lodash");
 var react_1 = __importStar(require("react"));
 var react_i18next_1 = require("react-i18next");
 var recoil_1 = require("recoil");
+var Context_1 = require("../../../../Context");
 var Constant_1 = require("../../Constant");
-var Context_1 = __importDefault(require("../../Context"));
+var Context_2 = __importDefault(require("../../Context"));
 var enums_1 = require("../../enums");
 var Recoil_1 = require("../Recoil");
 var Utils_1 = require("../Utils");
@@ -51,39 +54,30 @@ var Panel_1 = __importDefault(require("./Components/Panel"));
 var ViewList_1 = __importDefault(require("./Components/ViewList"));
 var ViewContent_1 = __importDefault(require("./ViewContent"));
 var ViewInfo_1 = __importDefault(require("./ViewInfo"));
-var Context_2 = require("../../../../Context");
 var TabView = function (_a) {
     var isCreate = _a.isCreate;
     var _b = (0, recoil_1.useRecoilState)((0, Recoil_1.pageState)('views')), _c = _b[0], views = _c.views, page = _c.page, setView = _b[1];
     var _d = react_1.default.useState(0), activeViewIndex = _d[0], setActiveViewIndex = _d[1];
-    var _e = react_1.default.useState(true), tempLoading = _e[0], setTempLoading = _e[1];
-    var _f = react_1.default.useState([]), directories = _f[0], setDirectories = _f[1];
-    var _g = react_1.default.useState([]), templateTypes = _g[0], setTemplateTypes = _g[1];
-    var _h = (0, Context_1.default)(), service = _h.service, pageCode = _h.pageCode;
-    var appHelper = (0, Context_2.useAwing)().appHelper;
+    var _e = (0, recoil_1.useRecoilState)(Recoil_1.templateDirectoriesState), directories = _e[0], setDirectories = _e[1];
+    var _f = (0, recoil_1.useRecoilState)(Recoil_1.templateTypeState), templateTypes = _f[0], setTemplateTypes = _f[1];
+    var _g = (0, Context_2.default)(), service = _g.service, pageCode = _g.pageCode;
+    var appHelper = (0, Context_1.useAwing)().appHelper;
     var t = (0, react_i18next_1.useTranslation)().t;
     react_1.default.useEffect(function () {
         fetchData();
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
-    // React.useLayoutEffect(() => {
-    //     const tempId = setTimeout(() => {
-    //         setTempLoading(false)
-    //     }, 0)
-    //     return () => {
-    //         clearTimeout(tempId)
-    //         setTempLoading(true)
-    //     }
-    // }, [activeViewIndex])
     var fetchData = function () {
         Promise.all([
-            service.templatesGetDirectories(),
-            service.templateTypesGet(),
+            !directories.length ? service.templatesGetDirectories() : Promise.resolve(directories),
+            !templateTypes.length ? service.templateTypesGet() : Promise.resolve(templateTypes),
         ]).then(function (_a) {
-            var directories = _a[0], templateTypes = _a[1];
-            setDirectories(directories);
-            setTemplateTypes(function () {
-                var result = templateTypes.filter(function (item) {
+            var resDir = _a[0], resTemplateTypes = _a[1];
+            setDirectories(function (prev) { return (0, lodash_1.isEqual)(prev, resDir) ? prev : resDir; });
+            setTemplateTypes(function (prev) {
+                if ((0, lodash_1.isEqual)(prev, resTemplateTypes))
+                    return prev;
+                var result = resTemplateTypes.filter(function (item) {
                     return item.templateTypeCode ===
                         (pageCode === enums_1.PageCode.Lgn ? 'lgn' : 'wlc');
                 });
@@ -97,7 +91,7 @@ var TabView = function (_a) {
         });
     };
     var addPageView = function () {
-        setView((0, immer_1.default)(function (draft) {
+        setView((0, immer_1.produce)(function (draft) {
             var viewsValid = !views
                 .map(function (viewStatus) { return viewStatus.validStatus; })
                 .includes(false);
@@ -115,7 +109,7 @@ var TabView = function (_a) {
         }));
     };
     var deletePageView = function (tabID) {
-        setView((0, immer_1.default)(function (draft) {
+        setView((0, immer_1.produce)(function (draft) {
             if (draft.views.length === 1)
                 return;
             draft.views = draft.views
@@ -129,8 +123,8 @@ var TabView = function (_a) {
             setActiveViewIndex(Number(value));
             return;
         }
-        setView((0, immer_1.default)(function (draf) {
-            (0, Utils_1.setObject)(draf, keys, value);
+        setView((0, immer_1.produce)(function (draf) {
+            (0, Helpers_1.setObject)(draf, keys, value);
         }));
     };
     var handleChange = function (key) {
@@ -140,6 +134,6 @@ var TabView = function (_a) {
     var handleChangeView = react_1.default.useMemo(function () { return handleChange(['views', String(activeViewIndex)]); }, 
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [activeViewIndex]);
-    return ((0, jsx_runtime_1.jsx)(ViewList_1.default, { isDisableTabHeader: false, activeViewIndex: activeViewIndex, viewCount: views.length, onChangeView: handleChange(), addView: addPageView, deleteView: deletePageView, children: (0, jsx_runtime_1.jsx)(Panel_1.default, { value: activeViewIndex, index: activeViewIndex, children: views.map(function (view, index) { return ((0, jsx_runtime_1.jsx)(react_1.Fragment, { children: activeViewIndex === index && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(ViewInfo_1.default, { onChange: handleChangeView, directories: directories, templateTypes: templateTypes, viewInfoData: view }), (0, jsx_runtime_1.jsx)(ViewContent_1.default, { viewInfoData: view, pageId: page.pageId, viewNumber: index, onChange: handleChangeView, isCreate: Boolean(isCreate) })] })) }, index)); }) }) }));
+    return ((0, jsx_runtime_1.jsx)(ViewList_1.default, { isDisableTabHeader: false, activeViewIndex: activeViewIndex, viewCount: views.length, onChangeView: handleChange(), addView: addPageView, deleteView: deletePageView, children: (0, jsx_runtime_1.jsx)(Panel_1.default, { value: activeViewIndex, index: activeViewIndex, children: views.map(function (view, index) { return ((0, jsx_runtime_1.jsx)(react_1.Fragment, { children: activeViewIndex === index && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(ViewInfo_1.default, { onChange: handleChangeView, templateTypes: templateTypes, viewInfoData: view, viewNumber: index + 1 }), (0, jsx_runtime_1.jsx)(ViewContent_1.default, { viewInfoData: view, pageId: page.pageId, viewNumber: index, onChange: handleChangeView, isCreate: Boolean(isCreate) })] })) }, index)); }) }) }));
 };
 exports.default = TabView;

package/lib/ACM-AXN/Page/CreateOrEdit/Tabview/index.test.js

@@ -174,7 +174,8 @@ var renderUi = function () {
                     },
                 },
                 commonHtml: '',
-                views: [Constant_1.defaultView, Constant_1.defaultView]
+                views: [Constant_1.defaultView, Constant_1.defaultView],
+                viewEvents: [],
             });
         }, children: (0, jsx_runtime_1.jsx)(_1.default, {}) }));
 };

package/lib/ACM-AXN/Page/CreateOrEdit/Utils.d.ts

@@ -1,10 +1,10 @@
 import { DataObject } from '../../../AWING';
-import { PageModel, TemplateData, TemplateParameter, ViewModel } from '../Types';
+import { PageModel, TemplateData, ViewModel } from '../Types';
+import { ITemplateParameter } from '../../../ACM-AXN/Template/Types';
 export declare const isObjectType: (value: unknown) => value is object;
 export declare const isObject: <T extends object>(value: unknown) => value is T;
 export declare const composeKey: <F extends (...p: any[]) => any, G extends (...p: any[]) => any>(f: F, g: G) => F;
 export declare const concatKey: (parent: string | string[]) => (child: string | string[]) => string[];
-export declare const setObject: <O extends {}>(obj: O, arrKey: (keyof O)[], value: unknown) => void;
 export declare const convertTreeArrayToFlatArray: (treeArray: DataObject[]) => any[];
 export declare const convertValueByType: (type: string, val: any) => any;
 export declare const getFieldsValid: (templateDatas: TemplateData[]) => boolean[];
@@ -14,10 +14,10 @@ export declare function updateStateByPageModel(this: {
 /**
  * Retrieves the template data based on the provided template parameters, view information data, page ID, and view number.
  *
- * @param {TemplateParameter[]} templateParameters - The array of template parameters.
+ * @param {ITemplateParameter[]} templateParameters - The array of template parameters.
  * @param {ViewModel} viewInfoData - The view information data.
  * @param {string} pageId - The page ID.
  * @param {number} viewNumber - The view number.
  * @returns {TemplateData[]} - The array of template data.
  */
-export declare const getTemplateDatas: (templateParameters: TemplateParameter[], viewInfoData: ViewModel, pageId: string, viewNumber: number) => TemplateData[];
+export declare const getTemplateDatas: (templateParameters: ITemplateParameter[], viewInfoData: ViewModel, pageId: string, viewNumber: number) => TemplateData[];

package/lib/ACM-AXN/Page/CreateOrEdit/Utils.js

@@ -11,16 +11,14 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     }
     return to.concat(ar || Array.prototype.slice.call(from));
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getTemplateDatas = exports.updateStateByPageModel = exports.getFieldsValid = exports.convertValueByType = exports.convertTreeArrayToFlatArray = exports.setObject = exports.concatKey = exports.composeKey = exports.isObject = exports.isObjectType = void 0;
+exports.getTemplateDatas = exports.updateStateByPageModel = exports.getFieldsValid = exports.convertValueByType = exports.convertTreeArrayToFlatArray = exports.concatKey = exports.composeKey = exports.isObject = exports.isObjectType = void 0;
 var Enum_1 = require("../../ViewTemplate/Enum");
 var lodash_1 = require("lodash");
-var immer_1 = __importDefault(require("immer"));
+var immer_1 = require("immer");
 var common_1 = require("../../ViewTemplate/common");
 var enums_1 = require("../enums");
+var Helpers_1 = require("../../../Utils/Helpers");
 // }
 var isDateObject = function (value) { return value instanceof Date; };
 var isNullOrUndefined = function (value) {
@@ -53,14 +51,22 @@ var concatKey = function (parent) {
     };
 };
 exports.concatKey = concatKey;
-var setObject = function (obj, arrKey, value) {
-    (0, lodash_1.set)(obj, arrKey.reduce(function (acc, val) { return acc + '[' + val + ']'; }, ''), value);
-};
-exports.setObject = setObject;
 var convertTreeArrayToFlatArray = function (treeArray) {
     var result = [];
-    treeArray.forEach(function (data) {
-        getChilds(data, function (item) { return result.push(item); });
+    treeArray === null || treeArray === void 0 ? void 0 : treeArray.forEach(function (data) {
+        getChilds(data, function (item) {
+            if (item.fieldType === Enum_1.TYPE_FIELD_TEMPLATE.OBJECT && !item.fieldName.includes('.')) {
+                var child_1 = {};
+                getChilds(item, function (el) {
+                    var keys = el.fieldName.split('.');
+                    if (keys.length > 1) {
+                        (0, Helpers_1.setObject)(child_1, keys, el.fieldValue || el.defaultValue);
+                    }
+                });
+                item.fieldValue = JSON.stringify((0, lodash_1.get)(child_1, item.fieldName));
+            }
+            result.push(item);
+        });
     });
     return result;
 };
@@ -77,13 +83,14 @@ var convertValueByType = function (type, val) {
         if (typeof val === 'string')
             val = val === 'true';
     }
-    else if (type === Enum_1.TYPE_FIELD_TEMPLATE.TEXT_FIELD_NUMBER) {
-        val = parseInt(val);
-    }
     else if (type === Enum_1.TYPE_FIELD_TEMPLATE.DROPDOWN_LIST) {
         var spl = val.split('\\n');
         val = spl[0].trim();
     }
+    // Không parse số, trong trường hợp số có thể float
+    // else if (type === TYPE_FIELD_TEMPLATE.TEXT_FIELD_NUMBER) {
+    //     // val = parseInt(val)
+    // }
     return val;
 };
 exports.convertValueByType = convertValueByType;
@@ -194,8 +201,8 @@ var objectFieldValid = function (fieldDatas, indexOfField, fieldValue, isSubFiel
         return !!((_a = fieldDatas[indexOfField]) === null || _a === void 0 ? void 0 : _a.isRequired);
 };
 function updateStateByPageModel(pageModel) {
-    var page = pageModel.page, commonHtml = pageModel.commonHtml, views = pageModel.views;
-    this.setPageRoot((0, immer_1.default)(function (draft) {
+    var page = pageModel.page, commonHtml = pageModel.commonHtml, views = pageModel.views, viewEvents = pageModel.viewEvents;
+    this.setPageRoot((0, immer_1.produce)(function (draft) {
         draft.views = views.map(function (view) { return ({
             templateId: view.templateId,
             viewDatas: view.viewDatas,
@@ -209,16 +216,17 @@ function updateStateByPageModel(pageModel) {
             fieldsRequireStatus: false,
             isChanged: false,
             verifiedStatus: enums_1.VERIFIED_STATUS.NOT_VERIFIED,
-        }); });
+        }); }).sort(function (view1, view2) { return view1.viewDatas.at(-1).viewNumber - view2.viewDatas.at(-1).viewNumber; });
         draft.page = page;
         draft.commonHtml = commonHtml;
+        draft.viewEvents = viewEvents;
     }));
 }
 exports.updateStateByPageModel = updateStateByPageModel;
 /**
  * Retrieves the template data based on the provided template parameters, view information data, page ID, and view number.
  *
- * @param {TemplateParameter[]} templateParameters - The array of template parameters.
+ * @param {ITemplateParameter[]} templateParameters - The array of template parameters.
  * @param {ViewModel} viewInfoData - The view information data.
  * @param {string} pageId - The page ID.
  * @param {number} viewNumber - The view number.
@@ -242,6 +250,7 @@ var getTemplateDatas = function (templateParameters, viewInfoData, pageId, viewN
             defaultValue: parameter.defaultValue,
             fieldValue: fieldValue,
             isRequired: parameter.isRequired,
+            isAdvanced: parameter.isAdvanced,
         };
     });
     return result;

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

@@ -1,7 +1,6 @@
 import React from 'react';
 import { PathType } from '../enums';
-type ICreateOrEditComp = React.FC<{
+declare const _default: React.FC<{
     type: PathType;
 }>;
-declare const PageCreateOrEdit: ICreateOrEditComp;
-export default PageCreateOrEdit;
+export default _default;

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

@@ -1,15 +1,4 @@
 "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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -33,12 +22,48 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
+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");
-var immer_1 = __importDefault(require("immer"));
+var immer_1 = require("immer");
 var react_1 = __importStar(require("react"));
 var react_i18next_1 = require("react-i18next");
 var react_router_dom_1 = require("react-router-dom");
@@ -54,51 +79,83 @@ var Recoil_1 = require("./Recoil");
 var Utils_1 = require("./Utils");
 var Helpers_1 = require("../../../Utils/Helpers");
 var lodash_1 = require("lodash");
+var Wrapper_1 = __importDefault(require("../../../AWING/HOC/Wrapper"));
+var Context_2 = require("../../../Context");
+var ListenTemplate_1 = require("./ListenTemplate");
 var CreateOrEdit = function (_a) {
     var type = _a.type;
     var t = (0, react_i18next_1.useTranslation)().t;
     var pageId = (0, react_router_dom_1.useParams)().pageId;
+    var na = (0, react_router_dom_1.useNavigate)();
+    var appHelper = (0, Context_2.useAwing)().appHelper;
+    var getTemplate = (0, ListenTemplate_1.usePageCache)().getTemplate;
     var _b = (0, Context_1.default)(), service = _b.service, pageCode = _b.pageCode;
     var _c = react_1.default.useState(false), loading = _c[0], setLoading = _c[1];
+    var _d = (0, recoil_1.useRecoilState)(Recoil_1.hasDeprecated), isDeprecated = _d[0], setDeprecated = _d[1];
     var setDirectories = (0, recoil_1.useSetRecoilState)(Recoil_1.pageDirectoriesState);
     var formValid = (0, recoil_1.useRecoilValue)(Recoil_1.validForm);
     var pageChangedForm = (0, recoil_1.useRecoilValue)(Recoil_1.pageChangedFormState);
-    var _d = (0, recoil_1.useRecoilState)(Recoil_1.pageRootState), pageRoot = _d[0], setPageRoot = _d[1];
+    var _e = (0, recoil_1.useRecoilState)(Recoil_1.pageRootState), pageRoot = _e[0], setPageRoot = _e[1];
     (0, react_1.useEffect)(function () {
-        fetchDirectories();
-        setPageRoot((0, immer_1.default)(function (draf) {
-            draf.page.createdDate = (0, Helpers_1.convertDateTimeToTimestamp)(new Date());
-        }));
-        if (type === enums_1.PathType.CREATE) {
-            service.pagesGenerateId().then(function (res) {
-                setPageRoot((0, immer_1.default)(function (draf) {
-                    draf.page.pageId = res;
-                    draf.page.pageCode =
-                        pageCode === enums_1.PageCode.Lgn ? 'lgn' : 'wlc';
-                }));
+        setLoading(true);
+        fetchDirectories().then(function (directories) { return __awaiter(void 0, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        if (!(type === enums_1.PathType.CREATE)) return [3 /*break*/, 2];
+                        return [4 /*yield*/, service.pagesGenerateId().then(function (res) {
+                                setPageRoot((0, immer_1.produce)(function (draf) {
+                                    var _a;
+                                    draf.page.createdDate = (0, Helpers_1.convertDateTimeToTimestamp)(new Date());
+                                    draf.page.directoryId = ((_a = (0, lodash_1.minBy)(directories, 'level')) === null || _a === void 0 ? void 0 : _a.directoryId) || '';
+                                    draf.page.pageId = res;
+                                    draf.page.pageCode = pageCode === enums_1.PageCode.Lgn ? 'lgn' : 'wlc';
+                                }));
+                            })];
+                    case 1:
+                        _a.sent();
+                        return [3 /*break*/, 4];
+                    case 2: return [4 /*yield*/, service[type === enums_1.PathType.CLONE ? 'pagesClone' : 'pagesGet'](pageId).then(function (res) { return __awaiter(void 0, void 0, void 0, function () {
+                            var isDeprecated;
+                            return __generator(this, function (_a) {
+                                switch (_a.label) {
+                                    case 0: return [4 /*yield*/, checkDeprecated(res.views.map(function (x) { return x.templateId; }))];
+                                    case 1:
+                                        isDeprecated = _a.sent();
+                                        setDeprecated(isDeprecated);
+                                        if (isDeprecated && type === enums_1.PathType.CLONE) {
+                                            na('..', { replace: true });
+                                            appHelper.snackbar('error', t('Page.DeprecatedTemplate'));
+                                            throw new Error(t('Page.DeprecatedTemplate'));
+                                        }
+                                        Utils_1.updateStateByPageModel.call({ setPageRoot: setPageRoot }, res);
+                                        return [2 /*return*/];
+                                }
+                            });
+                        }); })];
+                    case 3:
+                        _a.sent();
+                        _a.label = 4;
+                    case 4:
+                        setDirectories(directories);
+                        return [2 /*return*/];
+                }
             });
-        }
-        else {
-            setLoading(true);
-            service[type === enums_1.PathType.CLONE ? 'pagesClone' : 'pagesGet'](pageId)
-                .then(Utils_1.updateStateByPageModel.bind({ setPageRoot: setPageRoot }))
-                .finally(function () { return setLoading(false); });
-        }
+        }); }).finally(function () { return setLoading(false); });
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
+    var checkDeprecated = function (templateIds) {
+        return Promise.all(templateIds.map(function (id) { return getTemplate(id); })).then(function (res) { return res.some(function (x) { return x.template.isDeprecated; }); });
+    };
     var fetchDirectories = function () {
-        service
-            .directoriesGetByObjectTypeCode(Enum_1.DirectoryRoot[pageCode === enums_1.PageCode.Lgn ? 'PageLogin' : 'PageWelcome'])
-            .then(function (res) {
-            setDirectories(res);
-            if (!pageRoot.page.directoryId)
-                setPageRoot((0, immer_1.default)(function (draf) {
-                    var _a;
-                    draf.page.directoryId = ((_a = (0, lodash_1.minBy)(res, 'level')) === null || _a === void 0 ? void 0 : _a.directoryId) || '';
-                }));
-        });
+        return service
+            .directoriesGetByObjectTypeCode(Enum_1.DirectoryRoot[pageCode === enums_1.PageCode.Lgn ? 'PageLogin' : 'PageWelcome']);
     };
     var handleSubmit = function () {
+        if (isDeprecated) {
+            appHelper.snackbar('error', t('Page.DeprecatedTemplate'));
+            return;
+        }
         var params = [pageRoot];
         if (type === enums_1.PathType.EDIT)
             params.unshift(pageId);
@@ -106,7 +163,4 @@ var CreateOrEdit = function (_a) {
     };
     return ((0, jsx_runtime_1.jsx)(ClassicDrawer_1.default, { customAction: type === enums_1.PathType.EDIT ? ((0, jsx_runtime_1.jsx)(DrawerAction_1.default, { type: type })) : undefined, title: t("Page.".concat(pageCode === enums_1.PageCode.Lgn ? 'TitleLogin' : 'TitleWelcome').concat(type)), disableButtonSubmit: Object.values(formValid).includes(false), confirmExit: Object.values(pageChangedForm).includes(true), onSubmit: handleSubmit, childrenWrapperStyle: { padding: 0 }, children: type === enums_1.PathType.EDIT ? ((0, jsx_runtime_1.jsx)(PageTabView_1.default, { loading: loading })) : ((0, jsx_runtime_1.jsx)(PageStepView_1.default, {})) }));
 };
-var PageCreateOrEdit = function (props) {
-    return ((0, jsx_runtime_1.jsx)(recoil_1.RecoilRoot, { children: (0, jsx_runtime_1.jsx)(CreateOrEdit, __assign({}, props)) }));
-};
-exports.default = PageCreateOrEdit;
+exports.default = (0, Wrapper_1.default)(CreateOrEdit, { component: recoil_1.RecoilRoot });

package/lib/ACM-AXN/Page/Import/index.js

@@ -90,6 +90,7 @@ var ImportPage = function () {
                         label: 'File',
                         inputProps: {
                             value: tempFile === null || tempFile === void 0 ? void 0 : tempFile.name,
+                            readOnly: true,
                         },
                         required: true,
                     },