awing-library 2.1.102-beta → 2.1.103-beta

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

@@ -1 +1,3 @@
-export default function (): import("react/jsx-runtime").JSX.Element;
+import React from 'react';
+declare const _default: React.FC<unknown>;
+export default _default;

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

@@ -39,6 +39,7 @@ var Constant_1 = require("../Constant");
 var i18n_1 = __importDefault(require("../../../i18n"));
 var TabLabel_1 = __importDefault(require("../../../Commons/Components/TabLabel"));
 var usePath_1 = __importDefault(require("../../../Commons/Hooks/usePath"));
+var Wrapper_1 = __importDefault(require("../../../AWING/HOC/Wrapper"));
 var route = [
     Constant_1.Constants.CAMPAIGN_INFORMATION,
     Constant_1.Constants.CAMPAIGN_SUBCAMPAIGN,
@@ -221,7 +222,4 @@ var CreateOrEdit = function () {
                                             : undefined, errContent: (0, jsx_runtime_1.jsx)("span", { style: { marginLeft: '-5px' }, children: "*" }) }) }, idx)); }) }) }), tabsList.map(function (tab, idx) { return ((0, jsx_runtime_1.jsx)(lab_1.TabPanel, { sx: { padding: '0' }, value: String(idx), children: tab.compoent }, idx)); })] }) })) }) }));
 };
 // eslint-disable-next-line import/no-anonymous-default-export
-function default_1() {
-    return ((0, jsx_runtime_1.jsx)(recoil_1.RecoilRoot, { children: (0, jsx_runtime_1.jsx)(CreateOrEdit, {}) }));
-}
-exports.default = default_1;
+exports.default = (0, Wrapper_1.default)(CreateOrEdit, { component: recoil_1.RecoilRoot });

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

@@ -46,17 +46,26 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var material_1 = require("@mui/material");
+var AWING_1 = require("../../../../AWING");
+var Context_1 = require("../../../../Context");
 var lodash_1 = require("lodash");
 var react_1 = __importDefault(require("react"));
 var recoil_1 = require("recoil");
-var AWING_1 = require("../../../../AWING");
-var Context_1 = require("../../../../Context");
 var ViewTemplate_1 = __importDefault(require("../../../ViewTemplate"));
 var Context_2 = __importDefault(require("../../Context"));
 var enums_1 = require("../../enums");
@@ -71,6 +80,7 @@ var ViewContent = function (_a) {
     var _f = react_1.default.useState(''), scriptValidationTemplate = _f[0], setScriptValidationTemplate = _f[1];
     var _g = react_1.default.useState(''), scriptAutoField = _g[0], setScriptAutoField = _g[1];
     var _h = react_1.default.useState(false), loading = _h[0], setLoading = _h[1];
+    var isUniq = react_1.default.useRef(false);
     var rootDirectory = (0, recoil_1.useRecoilValue)(Recoil_1.pageRootDeirectory);
     var _j = (0, recoil_1.useRecoilState)(Recoil_1.pageEventState), events = _j[0], setEvent = _j[1];
     react_1.default.useEffect(function () {
@@ -88,14 +98,26 @@ var ViewContent = function (_a) {
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [viewInfoData.templateId, viewInfoData.viewDatas.length]);
+    react_1.default.useEffect(function () {
+        if (!isUniq.current) {
+            console.log("uniq...");
+            setEvent(function (prev) {
+                return (0, lodash_1.uniqBy)(prev, function (a) {
+                    return JSON.stringify({
+                        event: a.event,
+                        viewNumber: a.viewNumber,
+                        pageId: a.pageId,
+                    });
+                });
+            });
+            isUniq.current = true;
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [events]);
     var handleResData = function (res) {
-        console.log("res", res.templateEvents);
         onChange(['viewDatas'], (0, Utils_1.getTemplateDatas)(res.templateParameters, viewInfoData, pageId, viewNumber));
-        setEvent(function (prev) {
-            var viewEvents = prev.filter(function (item) { return item.viewNumber !== viewNumber; });
-            viewEvents.concat(res.templateEvents.map(function (item) { return (__assign(__assign({}, item), { viewNumber: viewNumber })); }));
-            return viewEvents;
-        });
+        setEvent(function (prev) { return __spreadArray(__spreadArray([], res.templateEvents.map(function (item) { return ({ id: item.id, event: item.event, viewNumber: viewNumber + 1, pageId: pageId, protected: true }); }), true), prev, true); });
+        isUniq.current = false;
         onChange(['templateValidation'], res.template.validation);
         onChange(['templateHandleEvent'], res.template.autoField);
         setScriptValidationTemplate(res.template.validation || '');
@@ -109,12 +131,10 @@ var ViewContent = function (_a) {
         var _a;
         var keys = fieldPath.split('.');
         var fieldChange = templateDatasUpdated[keys[1]];
-        console.log(fieldPath, fieldChange);
         var indexOfFieldChange = (_a = viewInfoData.viewDatas) === null || _a === void 0 ? void 0 : _a.findIndex(function (field) { return field.fieldName === fieldChange.fieldName; });
         onChange(['viewDatas', String(indexOfFieldChange), 'fieldValue'], fieldChange.fieldValue);
         setChanged();
     };
-    console.log("events", events);
     var onUploadFile = function (files) { return __awaiter(void 0, void 0, void 0, function () {
         var fieldName, params;
         return __generator(this, function (_a) {
@@ -156,14 +176,17 @@ var ViewContent = function (_a) {
                             ? 'lgn'
                             : 'wlc', "/").concat((_d = (_c = viewInfoData.viewDatas) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.pageId), enablePreview: pageCode === enums_1.PageCode.Lgn, advanceFields: viewInfoData.viewDatas.filter(function (item) { return item === null || item === void 0 ? void 0 : item.isAdvanced; }).map(function (field) { return field.fieldName; }), scriptValidate: scriptValidationTemplate, scriptAutoField: scriptAutoField, domainId: domainId, configs: CONFIGS, 
                         // validStatus={validStatus}
-                        validStatus: viewInfoData.validStatus, 
-                        // viewEvent={}
-                        onChange: handleOnChange, onChangeViewValid: function (status) {
+                        validStatus: viewInfoData.validStatus, viewEvents: events.filter(function (item) { return item.viewNumber === viewNumber + 1; }), onChange: handleOnChange, onChangeViewValid: function (status) {
                             onChange(['isValidationFields'], [status]);
                         }, onChangeValidateProcess: function (processValue) {
                             onChange(['validProcessStatus'], processValue);
                         }, onNotifyError: function (errorMessage) {
                             appHelper.snackbar('error', errorMessage);
-                        }, onUploadFile: onUploadFile }) }) })) })) }));
+                        }, onUploadFile: onUploadFile, onChangeEvent: function (values) {
+                            setEvent(function (prev) {
+                                return prev.filter(function (item) { return item.viewNumber !== viewNumber + 1; }).concat(values.map(function (value) { return (__assign(__assign({}, value), { viewNumber: viewNumber + 1, pageId: pageId })); }));
+                            });
+                            isUniq.current = false;
+                        } }) }) })) })) }));
 };
 exports.default = ViewContent;

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

@@ -16,24 +16,28 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var material_1 = require("@mui/material");
+var Event_1 = __importDefault(require("../../../../ACM-AXN/ViewTemplate/TemplateField/Event"));
 var MonacoEditor_1 = __importDefault(require("../../../../ACM-AXN/ViewTemplate/TemplateField/Fields/BasicField/MonacoEditor"));
 var react_1 = require("react");
 var react_i18next_1 = require("react-i18next");
 var recoil_1 = require("recoil");
 var Recoils_1 = require("../Recoils");
 var Parameter_1 = __importDefault(require("./Parameter"));
-var Events_1 = __importDefault(require("./Events"));
+// import Events from './Events'
 // import MonacoEditor from 'Components/MonacoEditor'
 var Template = function () {
     var t = (0, react_i18next_1.useTranslation)().t;
-    var _a = (0, recoil_1.useRecoilState)(Recoils_1.templateInfoState), info = _a[0], setInfo = _a[1];
+    var _a = (0, recoil_1.useRecoilState)(Recoils_1.templateEventState), events = _a[0], setEvent = _a[1];
+    var _b = (0, recoil_1.useRecoilState)(Recoils_1.templateInfoState), info = _b[0], setInfo = _b[1];
     var handleChangeEditor = (0, react_1.useCallback)(function (templateHtml) {
         setInfo(function (prev) { return (__assign(__assign({}, prev), { templateHtml: templateHtml })); });
     }, [setInfo]);
     return ((0, jsx_runtime_1.jsx)(material_1.Grid, { container: true, sx: { flexGrow: 1, padding: function (theme) { return theme.spacing(3); } }, children: (0, jsx_runtime_1.jsxs)(material_1.Grid, { item: true, component: material_1.Paper, sx: { padding: function (theme) { return theme.spacing(2); }, width: '100%' }, children: [(0, jsx_runtime_1.jsxs)(material_1.Grid, { item: true, xs: 12, children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "subtitle1", sx: {
                                 fontWeight: 'bold',
                                 color: '#BDC7CC',
-                            }, children: t('Common.Events') }), (0, jsx_runtime_1.jsx)(material_1.Box, { marginBottom: 2, children: (0, jsx_runtime_1.jsx)(Events_1.default, { templateId: info.id || '' }) })] }), (0, jsx_runtime_1.jsxs)(material_1.Grid, { item: true, xs: 12, children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "subtitle1", sx: {
+                            }, children: t('Common.Events') }), (0, jsx_runtime_1.jsx)(material_1.Box, { marginBottom: 2, children: (0, jsx_runtime_1.jsx)(Event_1.default, { viewEvents: events, disabledLabel: true, onChangeEvent: function (values) {
+                                    setEvent(values.map(function (item, index) { return (__assign(__assign({}, item), { templateId: info.id })); }));
+                                } }) })] }), (0, jsx_runtime_1.jsxs)(material_1.Grid, { item: true, xs: 12, children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "subtitle1", sx: {
                                 fontWeight: 'bold',
                                 color: '#BDC7CC',
                             }, children: t('TemplateManagement.TemplateHtml') }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {

package/lib/ACM-AXN/ViewTemplate/TemplateField/Event.d.ts

@@ -0,0 +1,12 @@
+import { PageViewEvent } from '../../../ACM-AXN/Page/Types';
+import React from 'react';
+export interface ViewTemplateEvents extends Omit<PageViewEvent, 'viewNumber' | 'templateId'> {
+    protected?: boolean;
+}
+export interface EventsProps {
+    viewEvents: ViewTemplateEvents[];
+    onChangeEvent: (values: ViewTemplateEvents[]) => void;
+    disabledLabel?: boolean;
+}
+declare const Events: React.FC<EventsProps>;
+export default Events;

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

@@ -0,0 +1,69 @@
+"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 });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var material_1 = require("@mui/material");
+var validation_1 = require("../../../AWING/ultis/validation");
+var Helpers_1 = require("../../../Utils/Helpers");
+var i18n_1 = __importDefault(require("../../../i18n"));
+var lodash_1 = require("lodash");
+var react_1 = __importDefault(require("react"));
+var react_i18next_1 = require("react-i18next");
+var Events = function (_a) {
+    var viewEvents = _a.viewEvents, onChangeEvent = _a.onChangeEvent, disabledLabel = _a.disabledLabel;
+    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];
+    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('');
+                }
+            }, onChange: function (event) {
+                setTempValue(event.target.value);
+                setError('');
+            }, InputProps: {
+                inputProps: {
+                    autoComplete: 'off',
+                    sx: {
+                        width: 'auto!important',
+                        display: 'flex',
+                        flex: '1 1 auto',
+                    },
+                },
+                sx: {
+                    flexWrap: 'wrap',
+                },
+                startAdornment: viewEvents.map(function (option) { return ((0, jsx_runtime_1.jsx)(material_1.Chip, { sx: {
+                        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)); }),
+            } })) }));
+};
+exports.default = Events;

package/lib/ACM-AXN/ViewTemplate/TemplateField/Event.test.d.ts

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

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

@@ -0,0 +1,84 @@
+"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 });
+var jsx_runtime_1 = require("react/jsx-runtime");
+/* eslint-disable testing-library/no-wait-for-side-effects */
+var react_1 = require("@testing-library/react");
+var Event_1 = __importDefault(require("./Event"));
+// Mock i18next
+jest.mock('react-i18next', function () { return (__assign(__assign({}, jest.requireActual('react-i18next')), { useTranslation: function () { return ({ t: jest.fn(function (key) { return key; }) }); } })); });
+var props = {
+    viewEvents: [
+        { id: 1101, event: 'event', pageId: 'pageId' },
+        { id: 113, event: 'event-2xxx', pageId: 'pageId' },
+    ],
+    onChangeEvent: jest.fn(function (values) { }),
+};
+var renderUi = function (p) {
+    if (p === void 0) { p = props; }
+    return (0, react_1.render)((0, jsx_runtime_1.jsx)(Event_1.default, __assign({}, p)));
+};
+describe('Import Template component', function () {
+    it('render without crash', function () {
+        // Biên viewEvents
+        renderUi(__assign(__assign({}, props), { viewEvents: [] }));
+        renderUi();
+        expect(react_1.screen.getByText('event-2xxx')).toBeInTheDocument();
+    });
+    it('Remove event', function () {
+        renderUi();
+        react_1.screen.getAllByTestId('CancelIcon').forEach(function (removeBtn) {
+            expect(removeBtn).toBeInTheDocument();
+            react_1.fireEvent.click(removeBtn);
+            expect(props.onChangeEvent).toBeCalled();
+        });
+    });
+    it('Add event Lỗi ký tự', function () {
+        renderUi();
+        var textBox = react_1.screen.getByRole('textbox', { name: 'Common.Events' });
+        react_1.fireEvent.change(textBox, { target: { value: 'new-event@$#' } });
+        react_1.fireEvent.keyDown(textBox, { key: 'Enter' });
+        expect(react_1.screen.getByText('Ký tự không hợp lệ: - @ $ #')).toBeInTheDocument();
+    });
+    it('Add event Existed', function () {
+        renderUi();
+        var textBox = react_1.screen.getByRole('textbox', { name: 'Common.Events' });
+        react_1.fireEvent.change(textBox, { target: { value: 'event' } });
+        react_1.fireEvent.keyDown(textBox, { key: 'Enter' });
+        expect(react_1.screen.getByText('Common.Existed')).toBeInTheDocument();
+    });
+    it('Add event start with number', function () {
+        renderUi();
+        var textBox = react_1.screen.getByRole('textbox', { name: 'Common.Events' });
+        react_1.fireEvent.change(textBox, { target: { value: '123event' } });
+        react_1.fireEvent.keyDown(textBox, { key: 'Enter' });
+        expect(react_1.screen.getByText('Common.InvalidData')).toBeInTheDocument();
+    });
+    it('Add event', function () {
+        renderUi();
+        var textBox = react_1.screen.getByRole('textbox', { name: 'Common.Events' });
+        react_1.fireEvent.change(textBox, { target: { value: 'newEvent' } });
+        react_1.fireEvent.keyDown(textBox, { key: 'Enter' });
+        expect(props.onChangeEvent).toBeCalled();
+    });
+    it('Add event without Enter', function () {
+        renderUi();
+        var textBox = react_1.screen.getByRole('textbox', { name: 'Common.Events' });
+        react_1.fireEvent.change(textBox, { target: { value: 'newEvent' } });
+        react_1.fireEvent.keyDown(textBox, { key: 'Esc' });
+        expect(react_1.screen.getByDisplayValue('newEvent')).toBeInTheDocument();
+    });
+});

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

@@ -0,0 +1,5 @@
+import { ViewTemplateEvents } from "./Event";
+export declare const validEvents: (events: ViewTemplateEvents[]) => {
+    valid: boolean;
+    message: string;
+};

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

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.validEvents = void 0;
+var validEvents = function (events) {
+    var result = {
+        valid: true,
+        message: '',
+    };
+    console.log("aa12aa", events);
+    // const aa = uniqWith(events, (a, b) => a.event === b.event)
+    // console.log("aa", aa, events)
+    return result;
+};
+exports.validEvents = validEvents;

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);
@@ -77,7 +89,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), (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 +97,7 @@ 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, {})) })] }), 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") })] }))] }));
 }
 exports.default = ViewTemplate;
 var getChilds = function (fields, fieldInfo) {

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

@@ -1,4 +1,4 @@
-import { PageViewEvent } from "../../ACM-AXN/Page/Types";
+import { EventsProps } from "./TemplateField/Event";
 export interface Configs {
     TEMPLATE_FILE_PATH?: string;
     FILE_TEMP_PATH?: string;
@@ -49,10 +49,7 @@ export interface FieldProps {
     onNotifyError: (errorMessage: string) => void;
     onUploadFile: (files: any[]) => Promise<string>;
 }
-export interface ViewTemplateEvents extends Omit<PageViewEvent, 'viewNumber'> {
-    protected?: boolean;
-}
-export interface ViewTemplateProps {
+export interface ViewTemplateProps extends EventsProps {
     templateDatas: FieldInfo[];
     /**
      * Đường dẫn tuyệt đối các file của page
@@ -95,5 +92,4 @@ export interface ViewTemplateProps {
      */
     onNotifyError?: (errorMessage: string) => void;
     onUploadFile: (files: any[]) => Promise<any>;
-    viewEvents?: ViewTemplateEvents[];
 }

package/lib/Utils/Helpers.d.ts

@@ -27,7 +27,7 @@ export declare function timestampToStringDDMMYYYYHHmm(date: {
 }): string | null;
 export declare const getRoutePath: (location: Location, params: Params) => string;
 export declare function calculatorDirectoryIdRoot(directoriesTree: any): number;
-export declare function changeToAlias(str: string): string;
+export declare function changeToAlias(str?: string): string;
 export declare const offlinePaginate: (array: DataObject[], pageIndex: number, pageSize: number) => DataObject[];
 export declare function convertArrayToObject(array: any, keyName: string): any;
 export declare function roundDecimalNumber(number: any): string | null;

package/lib/Utils/Helpers.js

@@ -197,6 +197,7 @@ function calculatorDirectoryIdRoot(directoriesTree) {
 }
 exports.calculatorDirectoryIdRoot = calculatorDirectoryIdRoot;
 function changeToAlias(str) {
+    if (str === void 0) { str = ''; }
     // Chuyển toàn bộ Tiếng Việt sang không dấu viết thường và các kí tự đặc biệt thành dấu "-"
     return str
         .trim()

package/lib/translate/en/translation.json

@@ -1,5 +1,6 @@
 {
     "Common": {
+        "Existed": "{0} is already existed!",
         "lg": "en",
         "InvalidData": "Invalid data",
         "Required": "This field is required",

package/lib/translate/vi/translation.json

@@ -1,5 +1,6 @@
 {
     "Common": {
+        "Existed": "{0} đã tồn tại!",
         "lg": "vn",
         "InvalidData": "Dữ liệu không hợp lệ",
         "Required": "Đây là trường bắt buộc",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "awing-library",
-  "version": "2.1.102-beta",
+  "version": "2.1.103-beta",
   "description": "",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",

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

@@ -1,5 +0,0 @@
-import React from 'react';
-declare const Events: React.FC<{
-    templateId: string;
-}>;
-export default Events;

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

@@ -1,41 +0,0 @@
-"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 });
-var jsx_runtime_1 = require("react/jsx-runtime");
-var material_1 = require("@mui/material");
-var react_i18next_1 = require("react-i18next");
-var i18n_1 = __importDefault(require("../../../../i18n"));
-var recoil_1 = require("recoil");
-var Recoils_1 = require("../Recoils");
-var lodash_1 = require("lodash");
-// id?: number
-// templateId?: string
-// event?: string
-var Events = function (_a) {
-    var templateId = _a.templateId;
-    var t = (0, react_i18next_1.useTranslation)(undefined, { i18n: i18n_1.default }).t;
-    var _b = (0, recoil_1.useRecoilState)(Recoils_1.templateEventState), events = _b[0], setEvent = _b[1];
-    var renderTags = function (options, getTagProps, ownerState) {
-        return options.map(function (option, i) {
-            console.log("ownerState", ownerState, options);
-            return ((0, jsx_runtime_1.jsx)(material_1.Chip, __assign({ label: option.text, title: option.text, size: "small" }, getTagProps({ index: i }))));
-        });
-    };
-    return ((0, jsx_runtime_1.jsx)(material_1.Box, { marginBottom: 2, children: (0, jsx_runtime_1.jsx)(material_1.Autocomplete, { fullWidth: true, multiple: true, autoComplete: true, options: [], onChange: function (reseaon, values) {
-                setEvent((0, lodash_1.uniqBy)(values.map(function (value) { return typeof value === 'string' ? { id: 0, templateId: templateId, event: value } : value; }), 'event'));
-            }, freeSolo: true, disableClearable: true, value: events, getOptionLabel: function (option) { return option === null || option === void 0 ? void 0 : option.event; }, isOptionEqualToValue: function (option, value) { return (option === null || option === void 0 ? void 0 : option.event) === (value === null || value === void 0 ? void 0 : value.event); }, renderInput: function (params) { return ((0, jsx_runtime_1.jsx)(material_1.TextField, __assign({ variant: 'standard' }, params, { placeholder: "".concat(t('Common.Events'), "..."), inputProps: __assign(__assign({}, params.inputProps), { autoComplete: 'off' }) }))); } }) }));
-};
-exports.default = Events;