awing-library 2.1.129-beta → 2.1.129

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

@@ -51,13 +51,16 @@ 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,
         });
     };
-    var handleChangeFormData = (0, react_1.useCallback)(function (obj) {
-        setBussinessData(function (prev) { return (__assign(__assign(__assign(__assign({}, prev), { id: prev.id || '0' }), obj), { directoryId: (obj === null || obj === void 0 ? void 0 : obj.directoryId) || rootDirectoryId })); });
+    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.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/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);

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

@@ -17,16 +17,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var material_1 = require("@mui/material");
 var styles_1 = require("@mui/styles");
-var ImageField_1 = __importDefault(require("./ImageField"));
-var VideoField_1 = __importDefault(require("./VideoField"));
-var MonacoEditor_1 = __importDefault(require("./MonacoEditor"));
-var common_1 = require("../../../common");
-var constant_1 = require("../../../constant");
-var Enum_1 = require("../../../Enum");
+var validation_1 = require("../../../../../AWING/ultis/validation");
 var react_1 = require("react");
 var react_i18next_1 = require("react-i18next");
-var validation_1 = require("../../../../../AWING/ultis/validation");
-var debounce = require('lodash/debounce');
+var Enum_1 = require("../../../Enum");
+var ImageField_1 = __importDefault(require("./ImageField"));
+var MonacoEditor_1 = __importDefault(require("./MonacoEditor"));
+var Utils_1 = require("./Utils");
+var VideoField_1 = __importDefault(require("./VideoField"));
 var useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
     paper: {
         padding: '16px',
@@ -65,6 +63,7 @@ function BasicField(props) {
     register = hookControl.register, errors = hookControl.formState.errors, getValues = hookControl.getValues, setFormValue = hookControl.setFormValue;
     (0, react_1.useEffect)(function () {
         var isNotSubField = fieldPath.split('.').length === 3;
+        var timeOut;
         if (isNotSubField) {
             if (fieldType === Enum_1.TYPE_FIELD_TEMPLATE.CHECKBOX) {
                 if (defaultValue === 'true' &&
@@ -77,13 +76,17 @@ function BasicField(props) {
             }
             else {
                 if (defaultValue && !fieldValue) {
-                    setTimeout(function () {
+                    timeOut = setTimeout(function () {
                         setFormValue(fieldPath, defaultValue);
                         onChange(fieldPath);
                     }, 0);
                 }
             }
         }
+        return function () {
+            if (timeOut)
+                clearTimeout(timeOut);
+        };
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
     var handleChange = function (newValue) {
@@ -93,8 +96,8 @@ function BasicField(props) {
         if (scriptValidate) {
             onChangeValidateProcess(Enum_1.VALIDATE_PROCESS_CODE.NOT_VALIDATE);
         }
-        runValidate(scriptValidate || '', fields, pagePath, onNotifyError, onChangeViewValid, onChangeValidateProcess, configs);
-        runAutoField(scriptAutoField || '', fields, fieldPath, pagePath, function (needUpdateFieldPath, newValue) {
+        (0, Utils_1.runValidate)(scriptValidate || '', fields, pagePath, onNotifyError, onChangeViewValid, onChangeValidateProcess, configs);
+        (0, Utils_1.runAutoField)(scriptAutoField || '', fields, fieldPath, pagePath, function (needUpdateFieldPath, newValue) {
             setFormValue(needUpdateFieldPath, newValue);
             onChange(needUpdateFieldPath);
         }, configs);
@@ -102,12 +105,15 @@ function BasicField(props) {
     var renderField = function () {
         // const isError = !!getValueByPath(/*errors*/ {}, fieldPath)
         var isError = errors.includes(fieldPath);
-        var field = register(fieldPath, __assign({ required: isRequired }, fieldType === Enum_1.TYPE_FIELD_TEMPLATE.URL && {
-            onValidate: function (value) { return (0, validation_1.urlValid)(value); }
+        var field = register(fieldPath, __assign(__assign({ required: isRequired }, fieldType === Enum_1.TYPE_FIELD_TEMPLATE.URL && {
+            onValidate: validation_1.urlValid
+        }), fieldType === Enum_1.TYPE_FIELD_TEMPLATE.COLOR && {
+            onValidate: validation_1.colorValid
         }));
+        // onChangeViewValid(isError)
         switch (fieldType) {
+            // return renderNumberField(field, isError)
             case Enum_1.TYPE_FIELD_TEMPLATE.TEXT_FIELD_NUMBER:
-                return renderTextField(field, isError);
             case Enum_1.TYPE_FIELD_TEMPLATE.TEXT_FIELD:
             case Enum_1.TYPE_FIELD_TEMPLATE.URL:
                 return renderTextField(field, isError);
@@ -128,42 +134,35 @@ function BasicField(props) {
             default:
                 return null;
         }
-        // return (
-        //     <Controller
-        //         name={fieldPath}
-        //         {...register(fieldPath, { required: isRequired })}
-        //         ref={null}
-        //         control={control}
-        //         render={({ field }) => {
-        //             switch (fieldType) {
-        //                 case TYPE_FIELD_TEMPLATE.TEXT_FIELD_NUMBER:
-        //                     return renderTextField(field, isError)
-        //                 case TYPE_FIELD_TEMPLATE.TEXT_FIELD:
-        //                     return renderTextField(field, isError)
-        //                 case TYPE_FIELD_TEMPLATE.TEXTAREA:
-        //                     return renderTextField(field, isError)
-        //                 case TYPE_FIELD_TEMPLATE.DROPDOWN_LIST:
-        //                     return renderDropdownListField(field, isError)
-        //                 case TYPE_FIELD_TEMPLATE.CHECKBOX:
-        //                     return renderCheckboxField(field)
-        //                 case TYPE_FIELD_TEMPLATE.COLOR:
-        //                     return renderColorField(field, isError)
-        //                 case TYPE_FIELD_TEMPLATE.IMAGE:
-        //                     return renderImageOrVideoField(isError)
-        //                 case TYPE_FIELD_TEMPLATE.VIDEO:
-        //                     return renderImageOrVideoField(isError)
-        //                 case TYPE_FIELD_TEMPLATE.HTML:
-        //                     return renderHTMLField()
-        //                 default:
-        //                     return null
-        //             }
-        //         }}
-        //     ></Controller>
-        // )
     };
+    // const renderNumberField = React.useCallback((field: any, isError: boolean) => {
+    //     return (
+    //         <NumberFormat
+    //             {...field}
+    //             inputProps={{ min: 0 }}
+    //             className={classes.text}
+    //             required={isRequired}
+    //             min={0}
+    //             fullWidth
+    //             variant="standard"
+    //             label={labelName || fieldName}
+    //             onChange={(e) => {
+    //                 let newValue = Number(e.target.value)
+    //                 console.log('newValue', newValue)
+    //                 handleChange(newValue)
+    //             }}
+    //             error={isError}
+    //             helperText={isError ? t('Common.Required') : ''}
+    //         />
+    //     )
+    // // eslint-disable-next-line react-hooks/exhaustive-deps
+    // }, [classes, fieldName, isRequired, labelName, t])
     var renderTextField = function (field, isError) {
         return ((0, jsx_runtime_1.jsx)(material_1.TextField, __assign({}, field, { className: classes.text, required: isRequired, fullWidth: true }, (fieldType === Enum_1.TYPE_FIELD_TEMPLATE.TEXT_FIELD_NUMBER
-            ? { type: 'number' }
+            ? { inputProps: {
+                    min: 0,
+                    type: 'number',
+                } }
             : {}), (fieldType === Enum_1.TYPE_FIELD_TEMPLATE.TEXTAREA
             ? { multiline: true, rows: 4 }
             : {}), { variant: "standard", label: labelName || fieldName, onChange: function (e) {
@@ -240,116 +239,3 @@ function BasicField(props) {
     return renderField();
 }
 exports.default = BasicField;
-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];
-};
-var runValidate = debounce(function (scriptValidate, fields, pagePath, notifyError, changeViewValidStatus, changeViewValidProcess, configs) {
-    if (scriptValidate) {
-        changeViewValidProcess(Enum_1.VALIDATE_PROCESS_CODE.VALIDATING);
-        var params = getValidationParams(fields, pagePath, configs);
-        (0, common_1.runScript)(
-        // getValidationParams(fields, pagePath, configs),
-        params, scriptValidate).then(function (result) {
-            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 })];
-};
-var runAutoField = debounce(function (scriptAutoField, fields, fieldPath, pagePath, updateNewValue, configs) {
-    if (scriptAutoField) {
-        (0, common_1.runScript)(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);

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

@@ -58,12 +58,11 @@ var runScript = function (params, script) {
 };
 exports.runScript = runScript;
 var convertRelativeLink = function (link, pagePath, templateId, configs) {
-    var isTemplatePath = (link === null || link === void 0 ? void 0 : link.includes(constant_1.ACM_TEMPLATE_PATH)) || (link === null || link === void 0 ? void 0 : link.includes(constant_1.ACM_PAGE_PATH));
+    var isTemplatePath = link === null || link === void 0 ? void 0 : link.includes(constant_1.ACM_TEMPLATE_PATH);
     if (isTemplatePath) {
         return "".concat(configs.TEMPLATE_FILE_PATH, "/").concat(templateId, "/").concat(link.split("/")[link.split("/").length - 1]);
     }
-    return link;
-    // return `${pagePath}/${link.split("/")[link.split("/").length - 1]}` || "";
+    return (link === null || link === void 0 ? void 0 : link.includes(constant_1.ACM_PAGE_PATH)) ? "".concat(pagePath, "/").concat(link.split("/")[link.split("/").length - 1]) || "" : link;
 };
 exports.convertRelativeLink = convertRelativeLink;
 var generateRandomInteger = function (max) {

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

@@ -60,10 +60,6 @@ function ViewTemplate(_a) {
         control: control,
         name: "templateDatas",
     }).fields;
-    // const { fields } = useFieldArray({
-    //     control,
-    //     name: "templateDatas",
-    // });
     (0, react_1.useEffect)(function () {
         var language = localStorage.getItem("i18nextLng");
         i18n_1.default.changeLanguage(language || "vi");
@@ -89,7 +85,7 @@ function ViewTemplate(_a) {
     return ((0, jsx_runtime_1.jsxs)(material_1.Grid, { container: true, spacing: 4, children: [(0, jsx_runtime_1.jsxs)(material_1.Grid, { item: true, xs: enablePreview ? 8 : 12, children: [templateLabelName && ((0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body1", style: {
                             fontWeight: "bold",
                             textTransform: "uppercase",
-                        }, children: templateLabelName })), fields && renderFields(fields, false), (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { id: "advance-option", style: {
+                        }, children: templateLabelName })), fields && renderFields(fields, false), enablePreview && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { id: "advance-option", style: {
                                     display: "flex",
                                     flexDirection: "row",
                                     justifyContent: "space-between",
@@ -97,7 +93,13 @@ function ViewTemplate(_a) {
                                     cursor: "pointer",
                                 }, onClick: function () {
                                     setAdvanceOptionExpand(!advanceOptionExpand);
-                                }, children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { style: { fontWeight: "bold" }, children: t("ViewTemplate.AdvanceOption") }), (0, jsx_runtime_1.jsx)(material_1.IconButton, { children: advanceOptionExpand ? ((0, jsx_runtime_1.jsx)(icons_material_1.ExpandLess, {})) : ((0, jsx_runtime_1.jsx)(icons_material_1.ExpandMore, {})) })] }), advanceOptionExpand && ((0, jsx_runtime_1.jsxs)(material_1.Grid, { container: true, children: [fields && advanceFields.length > 0 && renderFields(fields, true), (0, jsx_runtime_1.jsx)(Event_1.default, __assign({}, props))] }))] })] }), enablePreview && ((0, jsx_runtime_1.jsxs)(material_1.Grid, { item: true, xs: 4, children: [(0, jsx_runtime_1.jsx)(Preview_1.default, { domainId: domainId || "", validStatus: validStatus, configs: CONFIGS, pagePath: pagePath, templateDatas: templateDatas }), (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "caption", children: t("ViewTemplate.PreviewLoadingNote") })] }))] }));
+                                }, children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { style: { fontWeight: "bold" }, children: t("ViewTemplate.AdvanceOption") }), (0, jsx_runtime_1.jsx)(material_1.IconButton, { children: advanceOptionExpand ? ((0, jsx_runtime_1.jsx)(icons_material_1.ExpandLess, {})) : ((0, jsx_runtime_1.jsx)(icons_material_1.ExpandMore, {})) })] }), (0, jsx_runtime_1.jsxs)(material_1.Grid, { container: true, sx: {
+                                    transition: "all 3s",
+                                }, style: advanceOptionExpand ? {
+                                    display: "block",
+                                } : {
+                                    display: "none",
+                                }, children: [fields && advanceFields.length > 0 && renderFields(fields, true), (0, jsx_runtime_1.jsx)(Event_1.default, __assign({}, props))] })] }))] }), enablePreview && ((0, jsx_runtime_1.jsxs)(material_1.Grid, { item: true, xs: 4, children: [(0, jsx_runtime_1.jsx)(Preview_1.default, { domainId: domainId || "", validStatus: validStatus, configs: CONFIGS, pagePath: pagePath, templateDatas: templateDatas }), (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "caption", children: t("ViewTemplate.PreviewLoadingNote") })] }))] }));
 }
 exports.default = ViewTemplate;
 var getChilds = function (fields, fieldInfo) {
@@ -117,21 +119,18 @@ var addChilds = function (fields, fieldInfo) {
     }
     return result;
 };
-var convertToTreeData = function (data) {
-    var treeData = data
-        .map(function (item) { return addChilds(data, item); })
-        .filter(function (item) { return !item.fieldName.includes("."); })
-        .map(function (item) {
-        if ([Enum_1.TYPE_FIELD_TEMPLATE.LIST, Enum_1.TYPE_FIELD_TEMPLATE.OBJECT].includes(item.fieldType)) {
-            return __assign(__assign({}, item), { fieldValue: item.fieldValue && (0, common_1.isJSON)(item.fieldValue)
-                    ? JSON.parse(item.fieldValue)
-                    : item.fieldType === Enum_1.TYPE_FIELD_TEMPLATE.LIST
-                        ? []
-                        : {} });
-        }
-        else {
-            return item;
-        }
-    });
-    return treeData;
-};
+var convertToTreeData = function (data) { return data
+    .map(function (item) { return addChilds(data, item); })
+    .filter(function (item) { return !item.fieldName.includes("."); })
+    .map(function (item) {
+    if ([Enum_1.TYPE_FIELD_TEMPLATE.LIST, Enum_1.TYPE_FIELD_TEMPLATE.OBJECT].includes(item.fieldType)) {
+        return __assign(__assign({}, item), { fieldValue: item.fieldValue && (0, common_1.isJSON)(item.fieldValue)
+                ? JSON.parse(item.fieldValue)
+                : item.fieldType === Enum_1.TYPE_FIELD_TEMPLATE.LIST
+                    ? []
+                    : {} });
+    }
+    else {
+        return item;
+    }
+}); };

package/lib/ACM-AXN/Wizard/CreateOrEdit/PageTemplate.d.ts

@@ -1,7 +1,9 @@
 /// <reference types="react" />
-import { IWizardTemplate } from '../Types';
+import { Directory, TemplateType, IWizardTemplate } from '../Types';
 interface PropsPageTemplate {
     pageCodeValue: number;
+    directories: Directory[];
+    templateTypes: TemplateType[];
     wizardTemplates: IWizardTemplate[];
     onConfirmExit: () => void;
     onChange: (wizardNew: object) => void;