awing-library 2.1.95-beta → 2.1.97-beta

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

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.templatePropsContext = void 0;
+var react_1 = require("react");
+var react_2 = require("react");
+exports.templatePropsContext = (0, react_1.createContext)({});
+var useTemplateProps = function () {
+    var props = (0, react_2.useContext)(exports.templatePropsContext);
+    return (0, react_2.useMemo)(function () {
+        return props;
+    }, [props]);
+};
+exports.default = useTemplateProps;

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

@@ -0,0 +1,2 @@
+declare const ImportTemplate: () => import("react/jsx-runtime").JSX.Element;
+export default ImportTemplate;

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

@@ -0,0 +1,123 @@
+"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 ClassicDrawer_1 = __importDefault(require("../../Commons/Components/ClassicDrawer"));
+var AWING_1 = require("../../AWING");
+var lodash_1 = require("lodash");
+var react_1 = require("react");
+var react_i18next_1 = require("react-i18next");
+var Enum_1 = require("../../ACM-AXN/Campaign/Enum");
+var UploadButton_1 = __importDefault(require("./UploadButton"));
+var Hooks_1 = __importDefault(require("./Hooks"));
+var ImportTemplate = function () {
+    var t = (0, react_i18next_1.useTranslation)().t;
+    var service = (0, Hooks_1.default)().service;
+    var _a = (0, react_1.useState)(), tempFile = _a[0], setTempFile = _a[1];
+    var _b = (0, react_1.useState)([]), directories = _b[0], setDirectories = _b[1];
+    var _c = (0, react_1.useState)({ directoryId: '', id: '', name: '' }), bussinessData = _c[0], setBussinessData = _c[1];
+    var rootDirectoryId = (0, react_1.useMemo)(function () { var _a; return (_a = (0, lodash_1.minBy)(directories, 'level')) === null || _a === void 0 ? void 0 : _a.directoryId; }, [directories]);
+    var hiddenTemplateImport = (0, react_1.useRef)();
+    (0, react_1.useEffect)(function () {
+        fetchDirectories();
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    var handleChooseFileClicked = function () {
+        hiddenTemplateImport.current && hiddenTemplateImport.current.click();
+    };
+    var handleImportTemplate = function (e) {
+        if (e.target.files.length > 0) {
+            setTempFile(e.target.files[0]);
+            e.target.value = null;
+        }
+    };
+    var fetchDirectories = function () {
+        service
+            .directoriesGetByObjectTypeCode(Enum_1.DirectoryRoot.Template)
+            .then(setDirectories);
+    };
+    var handleSubmit = function () {
+        var directoryId = bussinessData.directoryId, id = bussinessData.id, name = bussinessData.name;
+        return service.templatesImport(directoryId, id, 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 })); });
+    }, [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: [
+                    {
+                        fieldName: 'directoryId',
+                        type: 'select',
+                        label: t('Common.Directory'),
+                        required: true,
+                        options: directories.map(function (directory) { return ({
+                            value: directory.directoryId,
+                            text: directory.name,
+                            level: directory.level,
+                        }); }),
+                    },
+                    {
+                        fieldName: 'name',
+                        type: 'text',
+                        label: t('Common.Name'),
+                        onValidate: function () { return true; },
+                    },
+                    {
+                        fieldName: 'id',
+                        type: 'text',
+                        label: t('TemplateManagement.TemplateId'),
+                        onValidate: function () { return true; },
+                    },
+                    {
+                        fieldName: 'fileName',
+                        type: 'text',
+                        disabled: !(tempFile === null || tempFile === void 0 ? void 0 : tempFile.name),
+                        label: t('Common.File'),
+                        inputProps: {
+                            value: tempFile === null || tempFile === void 0 ? void 0 : tempFile.name,
+                        },
+                        required: true,
+                        onValidate: function () { return true; },
+                    },
+                    {
+                        fieldName: '',
+                        type: 'text',
+                        InputProps: {
+                            onClick: handleChooseFileClicked,
+                            sx: {
+                                ':before': {
+                                    border: 'none',
+                                },
+                                ':hover': {
+                                    ':before': {
+                                        border: 'none!important',
+                                    },
+                                },
+                                width: 'fit-content',
+                            },
+                            inputComponent: (0, react_1.forwardRef)(UploadButton_1.default),
+                        },
+                    },
+                ], oldValue: {
+                    directoryId: rootDirectoryId,
+                    id: '',
+                    name: '',
+                    fileName: '',
+                }, onUpdate: handleChangeFormData }), (0, jsx_runtime_1.jsx)("input", { style: { display: 'none' }, name: "fileupload", ref: hiddenTemplateImport, accept: ".zip", type: "file", onChange: handleImportTemplate })] }));
+};
+exports.default = ImportTemplate;

package/lib/ACM-AXN/Template/Import.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom/extend-expect';

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

@@ -0,0 +1,188 @@
+"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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+/* eslint-disable testing-library/no-wait-for-side-effects */
+require("@testing-library/jest-dom/extend-expect");
+var react_1 = require("@testing-library/react");
+var Import_1 = __importDefault(require("./Import"));
+var user_event_1 = __importDefault(require("@testing-library/user-event"));
+// Mock Axios client
+var directories = [
+    {
+        directoryId: '5202880755274023966',
+        name: 'template',
+        parentDirectoryId: '4913100144472996590',
+        objectTypeCode: 'template',
+        level: 3,
+        isFile: false,
+        isSystem: true,
+        order: 0,
+        description: null,
+        directoryPath: '.0.90.4913100144472996590.5202880755274023966.',
+    },
+    {
+        directoryId: '4736019141892318583',
+        name: 'Beta template',
+        parentDirectoryId: '5202880755274023966',
+        objectTypeCode: 'template',
+        level: 4,
+        isFile: false,
+        isSystem: false,
+        order: 0,
+        description: '',
+        directoryPath: '.0.90.4913100144472996590.5202880755274023966.4736019141892318583.',
+    },
+];
+var clientMethod = {
+    directoriesGetByObjectTypeCode: function (id) {
+        return Promise.resolve(directories);
+    },
+    templatesImport: function () { return Promise.resolve(); },
+};
+jest.mock('./Hooks', function () { return ({
+    __esModule: true,
+    default: function () { return ({
+        service: {
+            directoriesGetByObjectTypeCode: jest.fn(function (id) {
+                return Promise.resolve(clientMethod.directoriesGetByObjectTypeCode(id));
+            }),
+            templatesImport: jest.fn(function (_id) {
+                return Promise.resolve(clientMethod.templatesImport());
+            }),
+        },
+    }); },
+}); });
+jest.mock('Commons/Client', function () { return ({
+    __esModule: true,
+    DirectoryRoot: {
+        template: 'template',
+    },
+    // IDirectory: ,
+}); });
+// Mock i18next
+jest.mock('react-i18next', function () { return (__assign(__assign({}, jest.requireActual('react-i18next')), { useTranslation: function () { return ({ t: jest.fn(function (key) { return key; }) }); } })); });
+// Mock React
+jest.mock('react', function () { return (__assign(__assign({}, jest.requireActual('react')), { forwardRef: jest.fn(function (arg) { return arg; }), useRef: function () { return ({ current: { click: function () { } } }); } })); });
+// Mock Drawer
+jest.mock('awing-library/lib/Commons/Components/ClassicDrawer', function () { return function (props) {
+    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("button", { "data-testid": "onSubmit", onClick: props.onSubmit, children: "submit" }), props.children] }));
+}; });
+// Mock DataForm
+jest.mock('awing-library/lib/AWING', function () { return ({
+    DataForm: function (props) {
+        var _a, _b, _c;
+        props.fields.forEach(function (element) {
+            if (element === null || element === void 0 ? void 0 : element.onValidate) {
+                element === null || element === void 0 ? void 0 : element.onValidate();
+            }
+        });
+        return ((0, jsx_runtime_1.jsxs)("div", { "data-testid": "DataForm", children: [(0, jsx_runtime_1.jsx)("p", { children: JSON.stringify(props.oldValue) }), (0, jsx_runtime_1.jsx)("p", { "data-testid": "file-name", children: (_a = props.fields.find(function (item) { return item.inputProps; })) === null || _a === void 0 ? void 0 : _a.inputProps.value }), (0, jsx_runtime_1.jsx)("p", { "data-testid": "select-options", children: JSON.stringify((_b = props.fields.find(function (item) { return item.options; })) === null || _b === void 0 ? void 0 : _b.options) }), (0, jsx_runtime_1.jsx)("button", { "data-testid": "upload-btn", onClick: (_c = props.fields.find(function (item) { return item.InputProps; })) === null || _c === void 0 ? void 0 : _c.InputProps.onClick }), (0, jsx_runtime_1.jsx)("button", { "data-testid": "onUpdate", onClick: function () {
+                        props.onUpdate({
+                            id: 'id',
+                            name: 'name',
+                        });
+                    } })] }));
+    },
+}); });
+describe('Import Template component', function () {
+    var renderUi = function () { return (0, react_1.render)((0, jsx_runtime_1.jsx)(Import_1.default, {})); };
+    it('render without crash', function () {
+        renderUi();
+    });
+    it('render template directory select option', function () { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    renderUi();
+                    return [4 /*yield*/, (0, react_1.waitFor)(function () {
+                            expect(react_1.screen.getByText(JSON.stringify(directories.map(function (directory) { return ({
+                                value: directory.directoryId,
+                                text: directory.name,
+                                level: directory.level,
+                            }); })))).toBeInTheDocument();
+                        })];
+                case 1:
+                    _a.sent();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('trigger upload button', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var file, container, input;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    file = new File(['abc'], 'test.zip', {
+                        type: 'application/x-zip-compressed',
+                    });
+                    container = renderUi().container;
+                    input = container.querySelector("input[name=\"fileupload\"]");
+                    react_1.fireEvent.click(react_1.screen.getByTestId('upload-btn'));
+                    react_1.fireEvent.change(input, { target: { files: undefined } });
+                    user_event_1.default.upload(input, file);
+                    return [4 /*yield*/, (0, react_1.waitFor)(function () {
+                            expect(react_1.screen.getByText('test.zip')).toBeInTheDocument();
+                        })];
+                case 1:
+                    _a.sent();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('handle submit', function () {
+        renderUi();
+        react_1.fireEvent.click(react_1.screen.getByTestId('onUpdate'));
+        react_1.fireEvent.click(react_1.screen.getByTestId('onSubmit'));
+        // TODO: test client.templatesImport with arguments
+    });
+});

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

@@ -0,0 +1,84 @@
+import { DirectoryRoot } from '../../ACM-AXN/Campaign/Enum';
+import { Directory } from '../../ACM-AXN/Campaign/Types';
+import { IDirectory } from '../../ACM-AXN/Directory/interface';
+import { FileParameter, PhysicalFolder, Template } from '../../ACM-AXN/Page/Types';
+import { PageCode } from '../../ACM-AXN/Page/enums';
+import { FileResponse } from '../../Commons/Types';
+export interface ITemplateType {
+    id?: number;
+    name?: string;
+    templateTypeCode?: string;
+}
+export interface ITemplateParameter {
+    id?: string;
+    templateId?: string;
+    fieldName?: string;
+    fieldType?: string;
+    defaultValue?: string;
+    labelName?: string;
+    isRequired?: boolean;
+    childrens?: ITemplateParameter[];
+    isAdvanced?: boolean;
+}
+export interface ITemplateEvent {
+    id?: number;
+    templateId?: string;
+    event?: string;
+}
+export interface ITemplateModel {
+    template: ITemplate;
+    templateParameters: ITemplateParameter[];
+    templateEvents: ITemplateEvent[];
+}
+export interface ITemplate {
+    id?: string;
+    directoryId?: string;
+    directoryPath?: string;
+    name?: string;
+    templateHtml?: string;
+    layoutId?: string;
+    pageCode?: string;
+    description?: string;
+    templateTypeId?: number;
+    validation?: string;
+    autoField?: string;
+    isDeprecated?: boolean;
+}
+export interface ITemplatesPaging {
+    templates?: ITemplate[];
+    total?: number;
+}
+export interface ITemplateFileService {
+    templatesGetDirectories: () => Promise<Directory[]>;
+    templateTypesGet: () => Promise<ITemplateType[]>;
+    templatesGetByDirectoryId: (directoryId: string) => Promise<Template[]>;
+    templatesGet: ITemplateService['templatesGet'];
+    pageFilesCreateCreateUpload: (parentDirectoryId: string, code: PageCode, objectId: string, path: string, files: FileParameter[]) => Promise<void>;
+    pageFilesUpdateUpload: (code: PageCode, objectId: string, path: string, files: FileParameter[]) => Promise<void>;
+    pagesGenerateId: () => Promise<string>;
+    pageFilesUpdateGetTreeFolder: (code: PageCode, objectId: string) => Promise<PhysicalFolder>;
+    pageFilesCreateGetTreeFolder: (parentDirectoryId: string, code: PageCode, objectId: string) => Promise<PhysicalFolder>;
+    pageFilesCreateDownload: (parentDirectoryId: string, code: PageCode, objectId: string, pathFile: string) => Promise<FileResponse>;
+    pageFilesUpdateDownload: (code: PageCode, objectId: string, pathFile: string) => Promise<FileResponse>;
+    pageFilesUpdateDownloadFolder: (code: PageCode, objectId: string, path: string) => Promise<FileResponse>;
+    pageFilesCreateDownloadFolder: (parentDirectoryId: string, code: PageCode, objectId: string, path: string) => Promise<FileResponse>;
+    pageFilesCreateCreateFolder: (parentDirectoryId: string, code: PageCode, objectId: string, path: string, name: string) => Promise<void>;
+    pageFilesUpdateCreateFolder: (code: PageCode, objectId: string, path: string, name: string) => Promise<void>;
+    pageFilesCreateDelete: (parentDirectoryId: string, code: PageCode, objectId: string, path: string) => Promise<void>;
+    pageFilesUpdateDelete: (code: PageCode, objectId: string, path: string) => Promise<void>;
+}
+export interface ITemplateService extends ITemplateFileService {
+    templatesPaging: (searchString: string | undefined, pageSize: number | undefined, pageIndexc: number | undefined) => Promise<ITemplatesPaging>;
+    templatesExport(id: string | undefined): Promise<FileResponse>;
+    templatesDelete(id: string): Promise<void>;
+    directoriesGetByObjectTypeCode(objectTypeCode: DirectoryRoot): Promise<IDirectory[]>;
+    templatesImport(newDirectoryId: string | undefined, id: string | undefined, name: string | undefined, file: FileParameter | undefined): Promise<void>;
+    templateTypesGet(): Promise<ITemplateType[]>;
+    templatesGet(id: string): Promise<ITemplateModel>;
+    directoriesGenerateId(): Promise<string>;
+    templatesPut(id: string, body: ITemplateModel): Promise<void>;
+    templatesPost(body: ITemplateModel): Promise<void>;
+}
+export interface TemplateProps {
+    service: ITemplateService;
+}

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

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -0,0 +1,2 @@
+declare const UploadButton: () => import("react/jsx-runtime").JSX.Element;
+export default UploadButton;

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

@@ -0,0 +1,14 @@
+"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 CloudUpload_1 = __importDefault(require("@mui/icons-material/CloudUpload"));
+var material_1 = require("@mui/material");
+var react_i18next_1 = require("react-i18next");
+var UploadButton = function () {
+    var t = (0, react_i18next_1.useTranslation)().t;
+    return ((0, jsx_runtime_1.jsx)(material_1.Tooltip, { title: t('Common.Upload'), children: (0, jsx_runtime_1.jsx)(material_1.Button, { variant: "outlined", style: { marginTop: '16px' }, children: (0, jsx_runtime_1.jsx)(CloudUpload_1.default, {}) }) }));
+};
+exports.default = UploadButton;

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { TemplateProps } from './Types';
+export declare const TemplateFeature: React.FC<TemplateProps>;
+export * from './Types';
+export default TemplateFeature;

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

@@ -0,0 +1,44 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TemplateFeature = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var Container_1 = __importDefault(require("./Container"));
+var Router_1 = require("../../AWING/Router");
+var react_1 = require("react");
+var Import_1 = __importDefault(require("./Import"));
+var CreateOrEdit_1 = __importDefault(require("./CreateOrEdit"));
+var Constants_1 = require("../../ACM-AXN/GroupUser/Constants");
+var Hooks_1 = require("./Hooks");
+var react_i18next_1 = require("react-i18next");
+var i18n_1 = __importDefault(require("../../i18n"));
+var TemplateFeature = function (props) {
+    var paths = [
+        { param: Constants_1.IMPORT_PATH, element: Import_1.default },
+        { param: Constants_1.CREATE_PATH, element: CreateOrEdit_1.default },
+        {
+            param: Constants_1.EDIT_PATH + '/:templateId',
+            element: CreateOrEdit_1.default,
+        },
+    ];
+    return ((0, jsx_runtime_1.jsx)(react_i18next_1.I18nextProvider, { i18n: i18n_1.default, children: (0, jsx_runtime_1.jsxs)(Hooks_1.templatePropsContext.Provider, { value: props, children: [(0, jsx_runtime_1.jsx)(Container_1.default, {}), (0, jsx_runtime_1.jsx)(Router_1.Routes, { children: paths.map(function (p) { return ((0, jsx_runtime_1.jsx)(Router_1.Route, { path: p.param, element: (0, react_1.createElement)(p.element) }, p.param)); }) })] }) }));
+};
+exports.TemplateFeature = TemplateFeature;
+__exportStar(require("./Types"), exports);
+exports.default = exports.TemplateFeature;

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 { PageViewEvent } from "../../ACM-AXN/Page/Types";
 export interface Configs {
     TEMPLATE_FILE_PATH?: string;
     FILE_TEMP_PATH?: string;
@@ -48,6 +49,9 @@ export interface FieldProps {
     onNotifyError: (errorMessage: string) => void;
     onUploadFile: (files: any[]) => Promise<string>;
 }
+export interface ViewTemplateEvents extends Omit<PageViewEvent, 'viewNumber'> {
+    protected?: boolean;
+}
 export interface ViewTemplateProps {
     templateDatas: FieldInfo[];
     /**
@@ -90,5 +94,6 @@ 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>;
+    viewEvents?: ViewTemplateEvents[];
 }

package/lib/AWING/HOC/Wrapper.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+declare const Wrapper: <T extends React.FC<any> = () => JSX.Element, W extends React.FC<any> = () => JSX.Element>(Compoent: T, Parrent: {
+    component: W;
+    props?: React.ComponentProps<W>;
+}) => React.FC<React.ComponentProps<T>>;
+export default Wrapper;

package/lib/AWING/HOC/Wrapper.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("react");
+var Wrapper = function (Compoent, Parrent) {
+    var wrapped = function (props) {
+        return (0, react_1.createElement)(Parrent.component, Parrent.props, (0, react_1.createElement)(Compoent, props));
+    };
+    return wrapped;
+};
+exports.default = Wrapper;

package/lib/translate/en/translation.json

@@ -112,7 +112,10 @@
         "GroupName": "Group Name",
         "InvalidChars": "Invalid characters",
         "InvalidLength": "Invalid string length",
-        "RequestHasApprove": "Your request have approved"
+        "RequestHasApprove": "Your request have approved",
+        "Advance": "Advance",
+        "Default": "Default",
+        "Events": "Events"
     },
     "User": {
         "Username": "Username",
@@ -132,6 +135,29 @@
         "All": "All",
         "TotalSelected": "Total selected"
     },
+    "TemplateManagement": {
+        "Create": "Create template",
+        "Edit": "Edit template",
+        "title": "Template Management",
+        "TemplateName": "Template name",
+        "Page_lgn": "Page Login",
+        "Page_wlc": "Page Welcome",
+        "TemplateId": "Template ID",
+        "ImportTemplate": "Import template",
+        "Information": "Information",
+        "Template": "Template",
+        "Advance": "Advance",
+        "Script": "Script",
+        "TemplateHtml": "Html",
+        "TemplateValidation": "Validation",
+        "FieldAutoUpdate": "Field Auto Update",
+        "Parameter": "Parameter",
+        "FieldName": "Name",
+        "fieldType": "Type",
+        "NamingFieldNotice": "Do not use period characters (\". \") when naming fields",
+        "DuplicateFieldName": "Field name duplicated. Please check again",
+        "isDeprecate": "Unsupport"
+    },
     "InvalidMessage": {
         "InvalidNotExistedUsername": "Username is invalid or not existed",
         "InvalidAccountConnected": "Account has been added to this domain!"

package/lib/translate/vi/translation.json

@@ -117,7 +117,10 @@
         "Copied": "Đã sao chép",
         "InvalidChars": "Ký tự không hợp lệ",
         "InvalidLength": "Độ dài chuỗi không hợp lệ",
-        "RequestHasApprove": "Yêu cầu đã được thay đổi"
+        "RequestHasApprove": "Yêu cầu đã được thay đổi",
+        "Advance": "Nâng cao",
+        "Default": "Mặc định",
+        "Events": "Sự kiện"
     },
     "InvalidMessage": {
         "InvalidNotExistedUsername": "Tài khoản không tồn tại",
@@ -462,6 +465,29 @@
         "CantBeDelete": "Không thể xoá chiến dịch này",
         "Attributes": "Thuộc tính"
     },
+    "TemplateManagement": {
+        "Create": "Tạo mới template",
+        "Edit": "Sửa template",
+        "title": "Quản trị template",
+        "TemplateName": "Tên Template",
+        "Page_lgn": "Trang Login",
+        "Page_wlc": "Trang Welcome",
+        "TemplateId": "Template ID",
+        "ImportTemplate": "Nhập Template",
+        "Information": "Thông tin",
+        "Template": "Template",
+        "Advance": "Nâng cao",
+        "Script": "Kịch bản",
+        "TemplateHtml": "Html",
+        "TemplateValidation": "Validation",
+        "FieldAutoUpdate": "Trường tự động cập nhật",
+        "Parameter": "Parameter",
+        "FieldName": "Tên",
+        "fieldType": "Kiểu",
+        "NamingFieldNotice": "Không sử dụng ký tự dấu chấm (\".\") khi đặt tên cho trường",
+        "DuplicateFieldName": "Tên trường trùng lặp. Vui lòng kiểm tra lại",
+        "isDeprecate": "Không hỗ trợ"
+    },
     "DirectoryManagement": {
         "DirectoryName": "Tên thư mục",
         "CreateNewFolder": "Điền tên thư mục để tạo.",

package/package.json

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

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

@@ -1 +0,0 @@
-import '@testing-library/jest-dom';