awing-library 2.1.78-beta → 2.1.78

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

@@ -17,15 +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 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',
@@ -64,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' &&
@@ -76,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) {
@@ -92,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);
@@ -101,11 +105,17 @@ function BasicField(props) {
     var renderField = function () {
         // const isError = !!getValueByPath(/*errors*/ {}, fieldPath)
         var isError = errors.includes(fieldPath);
-        var field = register(fieldPath, { required: isRequired });
+        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);
             case Enum_1.TYPE_FIELD_TEMPLATE.TEXTAREA:
                 return renderTextField(field, isError);
@@ -124,47 +134,45 @@ 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) {
                 handleChange(e.target.value);
-            }, error: isError, helperText: isError ? t('Common.Required') : '' })));
+            }, error: isError, helperText: isError
+                ? fieldType === Enum_1.TYPE_FIELD_TEMPLATE.URL &&
+                    !(0, validation_1.urlValid)(field.value)
+                    ? t('Common.InvalidData')
+                    : t('Common.Required')
+                : '' })));
     };
     var renderDropdownListField = function (field, isError) {
         var opts = defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.split('\\n');
@@ -231,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

@@ -62,7 +62,7 @@ var convertRelativeLink = function (link, pagePath, templateId, configs) {
     if (isTemplatePath) {
         return "".concat(configs.TEMPLATE_FILE_PATH, "/").concat(templateId, "/").concat(link.split("/")[link.split("/").length - 1]);
     }
-    return "".concat(pagePath, "/").concat(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/constant.d.ts

@@ -1,2 +1,3 @@
 export declare const ACM_TEMPLATE_PATH = "{acmTemplatePath}";
+export declare const ACM_PAGE_PATH = "{acmPagePath}";
 export declare const DELAY_TIME_RUN_SCRIPT = 1500;

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

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DELAY_TIME_RUN_SCRIPT = exports.ACM_TEMPLATE_PATH = void 0;
+exports.DELAY_TIME_RUN_SCRIPT = exports.ACM_PAGE_PATH = exports.ACM_TEMPLATE_PATH = void 0;
 exports.ACM_TEMPLATE_PATH = "{acmTemplatePath}";
+exports.ACM_PAGE_PATH = "{acmPagePath}";
 exports.DELAY_TIME_RUN_SCRIPT = 1500;

package/lib/ACM-AXN/ViewTemplate/container.d.ts

@@ -1,2 +1,2 @@
 import { ViewTemplateProps } from "./interface";
-export default function ViewTemplate({ templateDatas, pagePath, enablePreview, advanceFields, templateLabelName, domainId, validStatus, scriptAutoField, scriptValidate, configs, onChange, onChangeViewValid, onChangeValidateProcess, onNotifyError, onUploadFile, }: ViewTemplateProps): import("react/jsx-runtime").JSX.Element;
+export default function ViewTemplate({ templateDatas, pagePath, enablePreview, advanceFields, templateLabelName, domainId, validStatus, scriptAutoField, scriptValidate, configs, onChange, onChangeViewValid, onChangeValidateProcess, onNotifyError, onUploadFile, ...props }: ViewTemplateProps): import("react/jsx-runtime").JSX.Element;

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

@@ -10,6 +10,17 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -26,6 +37,7 @@ var react_1 = require("react");
 var react_i18next_1 = require("react-i18next");
 var i18n_1 = __importDefault(require("../../i18n"));
 var Form_1 = require("../../AWING/Form");
+var Event_1 = __importDefault(require("./TemplateField/Event"));
 function ViewTemplate(_a) {
     var _b = _a.templateDatas, templateDatas = _b === void 0 ? [] : _b, pagePath = _a.pagePath, _c = _a.enablePreview, enablePreview = _c === void 0 ? true : _c, _d = _a.advanceFields, advanceFields = _d === void 0 ? [] : _d, _e = _a.templateLabelName, templateLabelName = _e === void 0 ? "" : _e, _f = _a.domainId, domainId = _f === void 0 ? "" : _f, _g = _a.validStatus, validStatus = _g === void 0 ? true : _g, _h = _a.scriptAutoField, scriptAutoField = _h === void 0 ? "" : _h, _j = _a.scriptValidate, scriptValidate = _j === void 0 ? "" : _j, configs = _a.configs, onChange = _a.onChange, _k = _a.onChangeViewValid, onChangeViewValid = _k === void 0 ? function (status) {
         console.log(status);
@@ -33,7 +45,7 @@ function ViewTemplate(_a) {
         console.log(processValue);
     } : _l, _m = _a.onNotifyError, onNotifyError = _m === void 0 ? function (errorMessage) {
         console.log(errorMessage);
-    } : _m, onUploadFile = _a.onUploadFile;
+    } : _m, onUploadFile = _a.onUploadFile, props = __rest(_a, ["templateDatas", "pagePath", "enablePreview", "advanceFields", "templateLabelName", "domainId", "validStatus", "scriptAutoField", "scriptValidate", "configs", "onChange", "onChangeViewValid", "onChangeValidateProcess", "onNotifyError", "onUploadFile"]);
     var t = (0, react_i18next_1.useTranslation)().t;
     var _o = (0, react_1.useState)(false), advanceOptionExpand = _o[0], setAdvanceOptionExpand = _o[1];
     var CONFIGS = (0, common_1.fillConfigs)(configs);
@@ -48,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");
@@ -77,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), fields && advanceFields.length > 0 && ((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",
@@ -85,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.jsx)(material_1.Grid, { container: true, children: renderFields(fields, true) }))] }))] }), 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) {
@@ -105,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/ViewTemplate/index.d.ts

@@ -1,2 +1,3 @@
-export declare function ViewTemplate(props: any): import("react/jsx-runtime").JSX.Element;
+import { ViewTemplateProps } from "./interface";
+export declare function ViewTemplate(props: ViewTemplateProps): import("react/jsx-runtime").JSX.Element;
 export default ViewTemplate;

package/lib/ACM-AXN/ViewTemplate/interface.d.ts

@@ -1,3 +1,4 @@
+import { EventsProps } from "./TemplateField/Event";
 export interface Configs {
     TEMPLATE_FILE_PATH?: string;
     FILE_TEMP_PATH?: string;
@@ -10,7 +11,7 @@ export interface FieldInfo {
     id?: string;
     defaultValue?: string;
     fieldName: string;
-    fieldType: "image" | "textfield" | "video" | "textfield_number" | "html" | "checkbox" | "textarea" | "dropdownlist" | "checkboxlist" | "list" | "object" | "color";
+    fieldType: "image" | "textfield" | "video" | "textfield_number" | "html" | "checkbox" | "textarea" | "dropdownlist" | "checkboxlist" | "list" | "object" | "color" | "url";
     fieldValue?: any;
     isRequired: boolean;
     labelName?: string;
@@ -48,7 +49,7 @@ export interface FieldProps {
     onNotifyError: (errorMessage: string) => void;
     onUploadFile: (files: any[]) => Promise<string>;
 }
-export interface ViewTemplateProps {
+export interface ViewTemplateProps extends EventsProps {
     templateDatas: FieldInfo[];
     /**
      * Đường dẫn tuyệt đối các file của page
@@ -90,5 +91,5 @@ export interface ViewTemplateProps {
      * Hiển thị thông báo lỗi
      */
     onNotifyError?: (errorMessage: string) => void;
-    onUploadFile: (files: any[]) => Promise<string>;
+    onUploadFile: (files: any[]) => Promise<any>;
 }

package/lib/ACM-AXN/Wizard/Container.d.ts

@@ -0,0 +1,2 @@
+declare function Container(): import("react/jsx-runtime").JSX.Element;
+export default Container;

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

@@ -0,0 +1,46 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var react_i18next_1 = require("react-i18next");
+var Hooks_1 = __importDefault(require("./Hooks"));
+var Context_1 = require("../../Context");
+var Router_1 = require("../../AWING/Router");
+var Constant_1 = require("../Common/Constant");
+var AWING_1 = require("../../AWING");
+function Container() {
+    var _a;
+    var navigate = (0, Router_1.useNavigate)();
+    var t = (0, react_i18next_1.useTranslation)().t;
+    var service = (0, Hooks_1.default)().service;
+    var confirm = (0, Context_1.useAwing)().appHelper.confirm;
+    var _b = (0, react_1.useState)(false), loading = _b[0], setLoading = _b[1];
+    var _c = (0, react_1.useState)(), wizards = _c[0], setWizards = _c[1];
+    var queryData = (0, react_1.useCallback)(function (queryInput) {
+        var _a;
+        setLoading(true);
+        service
+            .wizardsPaging(undefined, (_a = queryInput === null || queryInput === void 0 ? void 0 : queryInput.searchString) === null || _a === void 0 ? void 0 : _a.trim(), queryInput.pageIndex, queryInput.pageSize)
+            .then(setWizards)
+            .finally(function () {
+            setLoading(false);
+        });
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    return ((0, jsx_runtime_1.jsx)(AWING_1.PageManagement, { title: t('Wizard.Title'), onChangeQueryInput: queryData, inputSearchPlaceholder: t('Wizard.SearchPlaceholder'), columns: [
+            {
+                field: 'id',
+                headerName: '#',
+                valueGetter: function (row, idx, stt) { return stt; },
+                width: 60,
+            },
+            {
+                field: 'name',
+                headerName: t('Common.Name'),
+            },
+        ], loading: loading, confirmDelete: confirm, getRowId: function (row) { return row.id; }, rows: (wizards === null || wizards === void 0 ? void 0 : wizards.items) || [], onDelete: (_a = service.wizardsDelete) === null || _a === void 0 ? void 0 : _a.bind(service), totalOfRows: (wizards === null || wizards === void 0 ? void 0 : wizards.totalItemCount) || 0, onRowClick: function (id) { return navigate("".concat(Constant_1.Constants.EDIT_PATH, "/").concat(id)); }, onCreateButtonClick: function () { return navigate("".concat(Constant_1.Constants.CREATE_PATH)); } }));
+}
+exports.default = Container;

package/lib/ACM-AXN/Wizard/Container.test.d.ts

@@ -0,0 +1 @@
+export {};