awing-library 2.1.142-beta → 2.1.142

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

@@ -20,22 +20,26 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     return to.concat(ar || Array.prototype.slice.call(from));
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.enhancedRemove = exports.enhancedUpdate = exports.enhancedFindIndex = exports.flattenParameter = exports.flattenParameter4Parent = exports.removeFiledName = exports.CUSTOM_FIELD_NAME = void 0;
+exports.getFieldName = exports.enhancedUpdate = exports.enhancedFindIndex = exports.flattenParameter = exports.flattenParameter4Parent = exports.removeFiledName = exports.FIELDS = void 0;
 var Enum_1 = require("../../../../ACM-AXN/ViewTemplate/Enum");
 var lodash_1 = require("lodash");
-exports.CUSTOM_FIELD_NAME = {
+exports.FIELDS = {
     CHILDRENS: 'childrens',
     REMOVE: 'remove',
     FIELD_TYPE: 'fieldType',
+    FIELD_NAME: 'fieldName',
     IS_REQUIRED: 'isRequired',
     IS_ADVANCED: 'isAdvanced',
+    LABEL_NAME: 'labelName',
+    DEFAULT_VALUE: 'defaultValue',
+    PARENT_ID: 'parentId',
 };
 var removeFiledName = function (templateParameters) { return templateParameters.map(function (item) {
     var _a;
     return (__assign(__assign({}, item), { childrens: (0, exports.removeFiledName)(item.childrens), fieldName: (_a = item === null || item === void 0 ? void 0 : item.fieldName) === null || _a === void 0 ? void 0 : _a.split('.').at(-1) }));
 }); };
 exports.removeFiledName = removeFiledName;
-var flattenParameter4Parent = function (rows, parentFieldName) {
+exports.flattenParameter4Parent = (0, lodash_1.memoize)(function (rows, parentFieldName) {
     if (parentFieldName === void 0) { parentFieldName = []; }
     parentFieldName = parentFieldName.filter(Boolean);
     return rows
@@ -50,15 +54,14 @@ var flattenParameter4Parent = function (rows, parentFieldName) {
         ], false).flat()), true);
     })
         .flat();
-};
-exports.flattenParameter4Parent = flattenParameter4Parent;
-var flattenParameter = function (parameters, parentId, parentFieldType, parentFieldName) {
+});
+exports.flattenParameter = (0, lodash_1.memoize)(function (parameters, parentId, parentFieldType, parentFieldName) {
     if (parentId === void 0) { parentId = []; }
     if (parentFieldName === void 0) { parentFieldName = []; }
     var shouldRemove = parameters.length > 1;
     return parameters
         .map(function (item) {
-        var errField = !!parameters.find(function (el) { return el.id !== item.id && el.fieldName === item.fieldName; });
+        var errField = !!parameters.find(function (el) { return el.id !== item.id && el.fieldName === item.fieldName; }) || item.fieldName === '';
         var childrens = __spreadArray([], item.childrens, true);
         parentFieldName = parentFieldName.filter(function (field) { return field !== undefined; });
         // delete item.childrens
@@ -69,9 +72,17 @@ var flattenParameter = function (parameters, parentId, parentFieldType, parentFi
             item.fieldName,
         ], false).flat()), true);
     })
-        .flat();
-};
-exports.flattenParameter = flattenParameter;
+        .flat().map(function (item) {
+        Object.keys(item).forEach(function (key) {
+            var value = item[key];
+            if (Array.isArray(value)) {
+                ;
+                item[key] = value.filter(Boolean);
+            }
+        });
+        return item;
+    });
+});
 var enhancedFindIndex = function (rows, ids) {
     var indexs = [];
     var index = (0, lodash_1.findIndex)(rows, { id: ids[0] });
@@ -102,14 +113,14 @@ var enhancedUpdate = function (rows, ids, field, value, defaultParam) {
         }
         else {
             switch (field) {
-                case exports.CUSTOM_FIELD_NAME.CHILDRENS:
+                case exports.FIELDS.CHILDRENS:
                     rowsUpdate[indexs[turn]].childrens.push(value);
                     break;
-                case exports.CUSTOM_FIELD_NAME.REMOVE: {
+                case exports.FIELDS.REMOVE: {
                     rowsUpdate.splice(indexs[turn], 1);
                     break;
                 }
-                case exports.CUSTOM_FIELD_NAME.FIELD_TYPE: {
+                case exports.FIELDS.FIELD_TYPE: {
                     ;
                     rowsUpdate[indexs[turn]][field] = value;
                     rowsUpdate[indexs[turn]].childrens = [];
@@ -134,5 +145,22 @@ var enhancedUpdate = function (rows, ids, field, value, defaultParam) {
     }
 };
 exports.enhancedUpdate = enhancedUpdate;
-var enhancedRemove = function (ids) { };
-exports.enhancedRemove = enhancedRemove;
+/**
+ * viết type là DataObject thôi nhưng type của nó là:
+ */
+exports.getFieldName = (0, lodash_1.memoize)(function (row) {
+    var value = '';
+    var parentName = row.parentFieldName.length
+        ? __spreadArray(__spreadArray([], row.parentFieldName, true), [''], false).join('.')
+        : '';
+    if (parentName.split('.').length === row.parentId.length) {
+        parentName += '.';
+    }
+    if (row.fieldName) {
+        value += parentName + row.fieldName;
+    }
+    if (row.parentId.length && !value.split('.').at(row.parentId.length)) {
+        value = parentName;
+    }
+    return value;
+});

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

@@ -58,7 +58,7 @@ var TabFile_1 = __importDefault(require("../../../ACM-AXN/Page/CreateOrEdit/TabF
 var enums_1 = require("../../../ACM-AXN/Page/enums");
 var AWING_1 = require("../../../AWING");
 var Wrapper_1 = __importDefault(require("../../../AWING/HOC/Wrapper"));
-var immer_1 = __importDefault(require("immer"));
+var immer_1 = require("immer");
 var Router_1 = require("../../../AWING/Router");
 var validation_1 = require("../../../AWING/ultis/validation");
 var ClassicDrawer_1 = __importDefault(require("../../../Commons/Components/ClassicDrawer"));
@@ -90,6 +90,7 @@ var CreateOrEdit = function () {
     var _e = (0, react_1.useState)([]), templateTypes = _e[0], setTemplateTypes = _e[1];
     var _f = (0, recoil_1.useRecoilState)(Recoils_1.templateState), templateData = _f[0], setTemplateData = _f[1];
     var confirmExit = (0, recoil_1.useRecoilValue)(Recoils_1.isEditState);
+    var isError = (0, recoil_1.useRecoilValue)(Recoils_1.isErrorParameterState);
     var _g = (0, react_1.useState)('0'), value = _g[0], setValue = _g[1];
     (0, react_1.useEffect)(function () {
         setLoading(true);
@@ -104,7 +105,7 @@ var CreateOrEdit = function () {
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
     (0, react_1.useEffect)(function () {
-        setTemplateData((0, immer_1.default)(function (prev) {
+        setTemplateData((0, immer_1.produce)(function (prev) {
             var _a;
             prev.template.directoryId =
                 prev.template.directoryId ||
@@ -152,7 +153,7 @@ var CreateOrEdit = function () {
     var fetchTemplateData = function () {
         if (templateId) {
             return service.templatesGet(templateId).then(function (res) {
-                setTemplateData(__assign(__assign({}, res), { templateParameters: (0, Utils_1.removeFiledName)(res.templateParameters) }));
+                setTemplateData(__assign(__assign({}, res), { template: __assign(__assign({}, res.template), { pageCode: isNaN(Number(res.template.pageCode)) ? res.template.pageCode : Number(res.template.pageCode) ? 'lgn' : 'wlc' }), templateParameters: (0, Utils_1.removeFiledName)(res.templateParameters) }));
             });
         }
     };
@@ -205,7 +206,10 @@ var CreateOrEdit = function () {
         }
         return service.templatesPost(data4Update);
     };
-    return ((0, jsx_runtime_1.jsx)(ClassicDrawer_1.default, { title: "".concat(t(['TemplateManagement', templateId ? 'Edit' : 'Create'].join('.'))).concat(templateId ? ": ".concat((_a = templateData === null || templateData === void 0 ? void 0 : templateData.template) === null || _a === void 0 ? void 0 : _a.description) : '', "\n               "), onSubmit: handleSubmit, disableButtonSubmit: !((_b = templateData.template) === null || _b === void 0 ? void 0 : _b.templateTypeId) || !descriptionValid.valid || !confirmExit, confirmExit: confirmExit, childrenWrapperStyle: { padding: 0 }, children: (0, jsx_runtime_1.jsx)(material_1.Grid, { container: true, sx: {
+    return ((0, jsx_runtime_1.jsx)(ClassicDrawer_1.default, { title: "".concat(t(['TemplateManagement', templateId ? 'Edit' : 'Create'].join('.'))).concat(templateId ? ": ".concat((_a = templateData === null || templateData === void 0 ? void 0 : templateData.template) === null || _a === void 0 ? void 0 : _a.description) : '', "\n               "), onSubmit: handleSubmit, disableButtonSubmit: !((_b = templateData.template) === null || _b === void 0 ? void 0 : _b.templateTypeId) ||
+            !descriptionValid.valid ||
+            !confirmExit ||
+            isError, confirmExit: confirmExit, childrenWrapperStyle: { padding: 0 }, children: (0, jsx_runtime_1.jsx)(material_1.Grid, { container: true, sx: {
                 display: 'flex',
                 flexDirection: 'column',
                 flexGrow: 1,

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

@@ -51,7 +51,7 @@ var ImportTemplate = function () {
     };
     var handleSubmit = function () {
         var directoryId = bussinessData.directoryId, id = bussinessData.id, name = bussinessData.name;
-        return service.templatesImport(directoryId, id, name, {
+        return service.templatesImport(directoryId, id || '0', name, {
             data: tempFile,
             fileName: tempFile === null || tempFile === void 0 ? void 0 : tempFile.name,
         });
@@ -59,7 +59,7 @@ var ImportTemplate = function () {
     var handleChangeFormData = (0, react_1.useCallback)(function (obj, valid, key) {
         setBussinessData(function (prev) {
             var _a;
-            return (__assign(__assign({}, prev), (_a = {}, _a[key] = obj[key], _a.id = prev.id || (obj === null || obj === void 0 ? void 0 : obj.id) || '0', _a.directoryId = (obj === null || obj === void 0 ? void 0 : obj.directoryId) || rootDirectoryId, _a)));
+            return (__assign(__assign({}, prev), (_a = {}, _a[key] = obj[key], _a.directoryId = (obj === null || obj === void 0 ? void 0 : obj.directoryId) || rootDirectoryId, _a)));
         });
     }, [rootDirectoryId]);
     return ((0, jsx_runtime_1.jsxs)(ClassicDrawer_1.default, { title: t('TemplateManagement.ImportTemplate'), onSubmit: handleSubmit, disableButtonSubmit: !(tempFile === null || tempFile === void 0 ? void 0 : tempFile.name), confirmExit: true, childrenWrapperStyle: { padding: 0 }, children: [(0, jsx_runtime_1.jsx)(AWING_1.DataForm, { fields: [

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

@@ -10,15 +10,15 @@ export interface ITemplateType {
     templateTypeCode?: string;
 }
 export interface ITemplateParameter {
-    id?: string;
-    templateId?: string;
-    fieldName?: string;
-    fieldType?: string;
-    defaultValue?: string;
-    labelName?: string;
-    isRequired?: boolean;
-    childrens?: ITemplateParameter[];
-    isAdvanced?: boolean;
+    id: string;
+    templateId: string;
+    fieldName: string;
+    fieldType: string;
+    defaultValue: string | number | boolean | undefined;
+    labelName: string | undefined;
+    isRequired: boolean;
+    childrens: ITemplateParameter[];
+    isAdvanced: boolean;
 }
 export interface ITemplateEvent {
     id?: number;

package/lib/ACM-AXN/TransactionLog/Detail.js

@@ -92,7 +92,7 @@ var newStyles = {
             removedGutterBackground: '#ececec',
         },
         titleBlock: {
-            fontFamily: "'AW-Roboto', sans-serif",
+            fontFamily: "'Roboto', sans-serif",
             fontSize: '12px',
             fontWeight: 'bold',
         },

package/lib/ACM-AXN/ViewTemplate/Preview.js

@@ -43,17 +43,16 @@ var Preview = function (props) {
     var _a;
     var classes = useStyles();
     var t = (0, react_i18next_1.useTranslation)().t;
-    var validStatus = props.validStatus, pagePath = props.pagePath, templateDatas = props.templateDatas, 
-    // domainId,
-    configs = props.configs;
+    var validStatus = props.validStatus, pagePath = props.pagePath, templateDatas = props.templateDatas, domainId = props.domainId, configs = props.configs;
     var viewIndex = ((_a = templateDatas[0]) === null || _a === void 0 ? void 0 : _a.viewNumber) || -1;
     var formRef = react_1.default.useRef(null);
     var iframeSrc = (0, react_1.useMemo)(function () {
-        var result = "".concat(configs.CAPTIVE_DOMAIN, "/").concat(configs.TEMPLATE_PREVIEW);
+        var result = "".concat(configs.CAPTIVE_DOMAIN, "/").concat(configs.TEMPLATE_PREVIEW, "?domainId=").concat(domainId);
         if (result.startsWith("http://"))
             result = result.replace("http://", "https://");
         return result;
-    }, [configs.CAPTIVE_DOMAIN, configs.TEMPLATE_PREVIEW]);
+    }, [configs.CAPTIVE_DOMAIN, configs.TEMPLATE_PREVIEW, domainId]);
+    var iframeName = react_1.default.useMemo(function () { return "iframe-demo".concat(viewIndex); }, [viewIndex]);
     (0, react_1.useEffect)(function () {
         var handleFormdata = function (_a) {
             var formData = _a.formData;
@@ -87,6 +86,6 @@ var Preview = function (props) {
                 }, children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body1", style: {
                             fontWeight: "bold",
                             textTransform: "uppercase",
-                        }, children: t("ViewTemplate.PreviewTitle") }), (0, jsx_runtime_1.jsx)(material_1.Tooltip, { title: t("Common.Refresh") || "", placement: "top", children: (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(material_1.IconButton, { onClick: function () { return formRef.current.submit(); }, "aria-label": "refresh", style: { float: "right" }, disabled: !validStatus, children: (0, jsx_runtime_1.jsx)(Refresh_1.default, {}) }) }) })] }), (0, jsx_runtime_1.jsx)("form", { action: iframeSrc, method: "post", target: "iframe-demo", ref: formRef }), (0, jsx_runtime_1.jsx)("iframe", { title: "iframe-demo-".concat(viewIndex), id: "iframe-demo", name: "iframe-demo", className: classes.root, width: "100%" })] }));
+                        }, children: t("ViewTemplate.PreviewTitle") }), (0, jsx_runtime_1.jsx)(material_1.Tooltip, { title: t("Common.Refresh") || "", placement: "top", children: (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(material_1.IconButton, { onClick: function () { return formRef.current.submit(); }, "aria-label": "refresh", style: { float: "right" }, disabled: !validStatus, children: (0, jsx_runtime_1.jsx)(Refresh_1.default, {}) }) }) })] }), (0, jsx_runtime_1.jsx)("form", { action: iframeSrc, method: "post", target: iframeName, ref: formRef }), (0, jsx_runtime_1.jsx)("iframe", { title: iframeName, id: iframeName, name: iframeName, className: classes.root, width: "100%" })] }));
 };
 exports.default = Preview;

package/lib/ACM-AXN/ViewTemplate/TemplateField/Event.js

@@ -27,22 +27,32 @@ var Events = function (_a) {
     var t = (0, react_i18next_1.useTranslation)(undefined, { i18n: i18n_1.default }).t;
     var _b = react_1.default.useState(''), tempValue = _b[0], setTempValue = _b[1];
     var _c = react_1.default.useState(''), error = _c[0], setError = _c[1];
+    var handleValue = function () {
+        if (tempValue.trim() === '') {
+            return;
+        }
+        var _a = (0, validation_1.textValidation)(tempValue, 50, false, /^[a-zA-Z0-9đĐ_.()\u0080-\uFFFF]+$/g), valid = _a.valid, message = _a.message;
+        var isStartWithNumber = tempValue.match(/^\d/);
+        if (viewEvents.map(function (item) { return item.event; }).includes((0, Helpers_1.changeToAlias)(tempValue)) || !valid || isStartWithNumber) {
+            setError(!valid ? message : isStartWithNumber ? t('Common.InvalidData') : t('Common.Existed').replace('{0}', tempValue));
+            return;
+        }
+        onChangeEvent((0, lodash_1.uniqBy)(viewEvents.concat({ event: tempValue, id: 0 }), function (item) { return (0, Helpers_1.changeToAlias)(item.event); }));
+        setTempValue('');
+    };
     return ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
             marginBottom: 2,
             width: '100%',
         }, children: (0, jsx_runtime_1.jsx)(material_1.TextField, __assign({ error: !!error, helperText: error, fullWidth: true, variant: "standard", placeholder: "".concat(t('Common.Events'), "...") }, (!disabledLabel && { label: t('Common.Events') }), { inputProps: {
                 autoComplete: 'off',
             }, value: tempValue, onKeyDown: function (e) {
-                if (e.key === 'Enter') {
-                    var _a = (0, validation_1.textValidation)(tempValue, 50, false, /^[a-zA-Z0-9đĐ_.()\u0080-\uFFFF]+$/g), valid = _a.valid, message = _a.message;
-                    var isStartWithNumber = tempValue.match(/^\d/);
-                    if (viewEvents.map(function (item) { return item.event; }).includes((0, Helpers_1.changeToAlias)(tempValue)) || !valid || isStartWithNumber) {
-                        setError(!valid ? message : isStartWithNumber ? t('Common.InvalidData') : t('Common.Existed').replace('{0}', tempValue));
-                        return;
-                    }
-                    onChangeEvent((0, lodash_1.uniqBy)(viewEvents.concat({ event: tempValue, id: 0 }), function (item) { return (0, Helpers_1.changeToAlias)(item.event); }));
-                    setTempValue('');
+                if (e.key === 'Enter' || e.key === 'Tab' || e.key === ',') {
+                    e.preventDefault();
+                    handleValue();
                 }
+            }, onBlur: function (e) {
+                e.preventDefault();
+                handleValue();
             }, onChange: function (event) {
                 setTempValue(event.target.value);
                 setError('');
@@ -62,8 +72,10 @@ var Events = function (_a) {
                         marginRight: 1,
                         marginBottom: 0.5,
                     }, label: option.event, title: option.event, disabled: option === null || option === void 0 ? void 0 : option.protected, onDelete: function () {
-                        onChangeEvent(viewEvents.filter(function (item) { return item.event !== option.event; }));
-                    } }, option.event)); }),
+                        var res = viewEvents.filter(function (item) { return item.event !== option.event; });
+                        console.log("res", res);
+                        onChangeEvent(res);
+                    } }, JSON.stringify(option))); }),
             } })) }));
 };
 exports.default = Events;

package/lib/ACM-AXN/ViewTemplate/TemplateField/Fields/BasicField/Utils.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="lodash" />
+import { Configs, FieldInfo } from "../../../../../ACM-AXN/ViewTemplate/interface";
+export declare const getValidationParams: (templateDatas: FieldInfo[], pagePath: string, configs: Configs) => {
+    fieldValue: any;
+    id?: string | undefined;
+    defaultValue?: string | undefined;
+    fieldName: string;
+    fieldType: "object" | "color" | "html" | "textarea" | "video" | "image" | "list" | "checkbox" | "url" | "textfield" | "textfield_number" | "dropdownlist" | "checkboxlist";
+    isRequired: boolean;
+    labelName?: string | undefined;
+    pageId?: string | undefined;
+    templateId?: string | undefined;
+    viewNumber?: number | undefined;
+    childrens?: FieldInfo[] | undefined;
+}[][];
+export declare const runValidate: import("lodash").DebouncedFunc<(scriptValidate: string, fields: FieldInfo[], pagePath: string, notifyError: (errorMessage: string) => void, changeViewValidStatus: (status: boolean) => void, changeViewValidProcess: (processValue: number) => void, configs: Configs) => void>;
+export declare const getAutoFieldParams: (templateDatas: FieldInfo[], fieldPath: string, pagePath: string, configs: Configs) => any[];
+export declare const runAutoField: import("lodash").DebouncedFunc<(scriptAutoField: string, fields: FieldInfo[], fieldPath: string, pagePath: string, updateNewValue: (needUpdateFieldPath: string, newValue: any) => void, configs: Configs) => void>;

package/lib/ACM-AXN/ViewTemplate/TemplateField/Fields/BasicField/Utils.js

@@ -0,0 +1,170 @@
+"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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.runAutoField = exports.getAutoFieldParams = exports.runValidate = exports.getValidationParams = void 0;
+var Enum_1 = require("../../../../../ACM-AXN/ViewTemplate/Enum");
+var common_1 = require("../../../../../ACM-AXN/ViewTemplate/common");
+var constant_1 = require("../../../../../ACM-AXN/ViewTemplate/constant");
+var validation_1 = require("../../../../../AWING/ultis/validation");
+var i18n_1 = __importDefault(require("../../../../../i18n"));
+var lodash_1 = require("lodash");
+var getValidationParams = function (templateDatas, pagePath, configs) {
+    var fields = templateDatas.map(function (dt) {
+        // Convert all video, image link
+        var fieldValue = dt.fieldValue;
+        if ([
+            Enum_1.TYPE_FIELD_TEMPLATE.IMAGE,
+            Enum_1.TYPE_FIELD_TEMPLATE.VIDEO,
+            Enum_1.TYPE_FIELD_TEMPLATE.OBJECT,
+            Enum_1.TYPE_FIELD_TEMPLATE.LIST,
+        ].includes(dt.fieldType)) {
+            var jsonValue = JSON.stringify(fieldValue);
+            if (jsonValue.includes(constant_1.ACM_TEMPLATE_PATH)) {
+                jsonValue = jsonValue.replaceAll('/' + constant_1.ACM_TEMPLATE_PATH, "".concat(configs.TEMPLATE_FILE_PATH, "/").concat(dt.templateId));
+            }
+            if (jsonValue.includes(configs.FILE_RELATIVE_PATH || '')) {
+                jsonValue = jsonValue.replaceAll(configs.FILE_RELATIVE_PATH || '', pagePath);
+            }
+            fieldValue = JSON.parse(jsonValue);
+        }
+        return __assign(__assign({}, dt), { fieldValue: fieldValue });
+    });
+    return [fields];
+};
+exports.getValidationParams = getValidationParams;
+var nomalValidate = function (parmas) {
+    return new Promise(function (resolve, reject) {
+        var result = [];
+        parmas.flatMap(function (f) { return f; }).forEach(function (field) {
+            var errorObj = {
+                code: Enum_1.VALID_TEMPLATE_CODE.ERROR,
+                fieldName: field.labelName || field.fieldName,
+                errorMessage: i18n_1.default.t('Common.InvalidData'),
+            };
+            if (field.fieldValue)
+                switch (field.fieldType) {
+                    case Enum_1.TYPE_FIELD_TEMPLATE.COLOR: {
+                        if (!(0, validation_1.colorValid)(field.fieldValue)) {
+                            result.push(errorObj);
+                        }
+                        break;
+                    }
+                    case Enum_1.TYPE_FIELD_TEMPLATE.URL: {
+                        if (!(0, validation_1.urlValid)(field.fieldValue)) {
+                            result.push(errorObj);
+                        }
+                        break;
+                    }
+                    default:
+                        break;
+                }
+        });
+        resolve(result);
+    });
+};
+exports.runValidate = (0, lodash_1.debounce)(function (scriptValidate, fields, pagePath, notifyError, changeViewValidStatus, changeViewValidProcess, configs) {
+    changeViewValidProcess(Enum_1.VALIDATE_PROCESS_CODE.VALIDATING);
+    Promise.all([
+        scriptValidate
+            ? (0, common_1.runScript)((0, exports.getValidationParams)(fields, pagePath, configs), scriptValidate)
+            : Promise.resolve([]),
+        nomalValidate((0, exports.getValidationParams)(fields, pagePath, configs)),
+    ]).then(function (_a) {
+        var resultScript = _a[0], resultNormal = _a[1];
+        var result = Array.from(resultNormal).concat(resultScript);
+        if (result) {
+            var fieldsError_1 = [];
+            var newAnswer = result.map(function (validInfo) {
+                var _a;
+                if (validInfo.code === Enum_1.VALID_TEMPLATE_CODE.SUCCESS) {
+                    return true;
+                }
+                else {
+                    var displayName = ((_a = fields.find(function (dt) {
+                        return validInfo.fieldName === dt.fieldName;
+                    })) === null || _a === void 0 ? void 0 : _a.labelName) || validInfo.fieldName;
+                    fieldsError_1.push("".concat(displayName).concat(validInfo.errorMessage
+                        ? ": ".concat(validInfo.errorMessage)
+                        : ''));
+                    return false;
+                }
+            });
+            if (fieldsError_1.length > 0) {
+                notifyError(fieldsError_1.toString());
+            }
+            changeViewValidStatus(newAnswer.length === 0 || !newAnswer.includes(false));
+        }
+        changeViewValidProcess(Enum_1.VALIDATE_PROCESS_CODE.VALIDATED);
+    });
+}, constant_1.DELAY_TIME_RUN_SCRIPT);
+var getAutoFieldParams = function (templateDatas, fieldPath, pagePath, configs) {
+    var fields = templateDatas.map(function (dt) {
+        // Convert all video, image link
+        var fieldValue = dt.fieldValue;
+        if ([
+            Enum_1.TYPE_FIELD_TEMPLATE.IMAGE,
+            Enum_1.TYPE_FIELD_TEMPLATE.VIDEO,
+            Enum_1.TYPE_FIELD_TEMPLATE.OBJECT,
+            Enum_1.TYPE_FIELD_TEMPLATE.LIST,
+        ].includes(dt.fieldType)) {
+            var jsonValue = JSON.stringify(fieldValue);
+            if (jsonValue.includes(constant_1.ACM_TEMPLATE_PATH)) {
+                jsonValue = jsonValue.replaceAll('/' + constant_1.ACM_TEMPLATE_PATH, "".concat(configs.TEMPLATE_FILE_PATH, "/").concat(dt.templateId));
+            }
+            if (jsonValue.includes(configs.FILE_RELATIVE_PATH || '')) {
+                jsonValue = jsonValue.replaceAll(configs.FILE_RELATIVE_PATH || '', pagePath);
+            }
+            fieldValue = JSON.parse(jsonValue);
+        }
+        return __assign(__assign({}, dt), { fieldValue: fieldValue });
+    });
+    var keys = fieldPath.split('.');
+    var fieldChange = fields[Number(keys[1])];
+    return [fields, __assign(__assign({}, fieldChange), { changePath: fieldPath })];
+};
+exports.getAutoFieldParams = getAutoFieldParams;
+exports.runAutoField = (0, lodash_1.debounce)(function (scriptAutoField, fields, fieldPath, pagePath, updateNewValue, configs) {
+    if (scriptAutoField) {
+        (0, common_1.runScript)((0, exports.getAutoFieldParams)(fields, fieldPath, pagePath, configs), scriptAutoField).then(function (result) {
+            if (result) {
+                result === null || result === void 0 ? void 0 : result.map(function (r) {
+                    var _a;
+                    var idx = fields.findIndex(function (f) { return f.fieldName === r.fieldName; });
+                    if ([
+                        Enum_1.TYPE_FIELD_TEMPLATE.IMAGE,
+                        Enum_1.TYPE_FIELD_TEMPLATE.VIDEO,
+                        Enum_1.TYPE_FIELD_TEMPLATE.OBJECT,
+                        Enum_1.TYPE_FIELD_TEMPLATE.LIST,
+                    ].includes(fields[idx].fieldType)) {
+                        var jsonValue = JSON.stringify(r.newValue);
+                        if (jsonValue.includes(pagePath)) {
+                            jsonValue = jsonValue.replaceAll(pagePath, configs.FILE_RELATIVE_PATH || '');
+                        }
+                        if (configs.TEMPLATE_FILE_PATH &&
+                            jsonValue.includes(configs.TEMPLATE_FILE_PATH)) {
+                            var templatePath = "".concat(configs.TEMPLATE_FILE_PATH, "/").concat((_a = fields === null || fields === void 0 ? void 0 : fields[0]) === null || _a === void 0 ? void 0 : _a.templateId);
+                            jsonValue = jsonValue.replaceAll(templatePath, "\"/".concat(constant_1.ACM_TEMPLATE_PATH));
+                        }
+                        r.newValue = JSON.parse(jsonValue);
+                    }
+                    var needUpdateFieldPath = "templateDatas.".concat(idx, ".fieldValue");
+                    updateNewValue(needUpdateFieldPath, r.newValue);
+                    return r;
+                });
+            }
+        });
+    }
+}, constant_1.DELAY_TIME_RUN_SCRIPT);