awing-library 2.1.118-beta → 2.1.120-beta

package/lib/ACM-AXN/{PlaceGroup → AuthenticationProfile}/Constant.d.ts

@@ -1,9 +1,5 @@
-/**
- *
- * @author dauquan1108@gmail.com on 19/02/2024.
- *
- **/
 export declare const Constants: {
     EDIT_PATH: string;
     CREATE_PATH: string;
+    AUTHENTICATION_PROFILE_PATH: string;
 };

package/lib/ACM-AXN/{PlaceGroup → AuthenticationProfile}/Constant.js

@@ -1,12 +1,8 @@
 "use strict";
-/**
- *
- * @author dauquan1108@gmail.com on 19/02/2024.
- *
- **/
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Constants = void 0;
 exports.Constants = {
     EDIT_PATH: 'Edit',
     CREATE_PATH: 'Create',
+    AUTHENTICATION_PROFILE_PATH: 'AuthenticationProfile',
 };

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

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

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

@@ -0,0 +1,82 @@
+"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 Constant_1 = require("./Constant");
+var Context_1 = require("../../Context");
+var Utils_1 = require("./Utils");
+var Router_1 = require("../../AWING/Router");
+var Hooks_1 = __importDefault(require("./Hooks"));
+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 _b = (0, Context_1.useAwing)().appHelper, confirm = _b.confirm, snackbar = _b.snackbar;
+    var _c = (0, react_1.useState)(false), loading = _c[0], setLoading = _c[1];
+    var _d = (0, react_1.useState)(), authenticationProfiles = _d[0], setAuthenticationProfiles = _d[1];
+    var getAuthenticationProfile = (0, react_1.useCallback)(function (queryParams) {
+        setLoading(true);
+        service
+            .authenticationProfilesPaging(queryParams.searchString, queryParams.pageSize, queryParams.pageIndex)
+            .then(setAuthenticationProfiles)
+            .finally(function () {
+            setLoading(false);
+        });
+    }, 
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    []);
+    return ((0, jsx_runtime_1.jsx)(AWING_1.PageManagement, { title: t('AuthenticationProfile.Title'), inputSearchPlaceholder: t('AuthenticationProfile.SearchPlaceholder'), onChangeQueryInput: getAuthenticationProfile, getRowId: function (obj) { return obj.authenticationProfileId; }, columns: [
+            {
+                field: 'authenticationProfileId',
+                headerName: 'STT',
+                width: 60,
+                valueGetter: function (_unUse, idx, stt) { return stt; },
+            },
+            {
+                field: 'authenticationMethodCode',
+                headerName: 'Method Code',
+                width: 130,
+            },
+            {
+                field: 'apControllerCode',
+                headerName: (0, jsx_runtime_1.jsx)("b", { children: "AP Controller Code" }),
+                width: 170,
+                valueGetter: function (row) {
+                    return row.apControllerCode === Utils_1.AP_CONTROLLER_CODE.All ||
+                        !row.apControllerCode
+                        ? t('AuthenticationProfile.All')
+                        : row.apControllerCode;
+                },
+            },
+            {
+                field: 'name',
+                headerName: t('Common.Name'),
+                width: 250,
+                dynamicTableCellProps: function () {
+                    return {
+                        style: { wordBreak: 'break-all' },
+                    };
+                },
+            },
+            {
+                field: 'parameters',
+                headerName: 'Params',
+                dynamicTableCellProps: function () {
+                    return {
+                        style: { wordBreak: 'break-all' },
+                    };
+                },
+            },
+        ], loading: loading, rows: (authenticationProfiles === null || authenticationProfiles === void 0 ? void 0 : authenticationProfiles.items) || [], onCreateButtonClick: function () {
+            return navigate("/".concat(Constant_1.Constants.AUTHENTICATION_PROFILE_PATH, "/").concat(Constant_1.Constants.CREATE_PATH));
+        }, totalOfRows: (authenticationProfiles === null || authenticationProfiles === void 0 ? void 0 : authenticationProfiles.totalItemCount) || 0, onDelete: (_a = service.authenticationProfilesDelete) === null || _a === void 0 ? void 0 : _a.bind(service), onRowClick: function (id) {
+            return navigate("/".concat(Constant_1.Constants.AUTHENTICATION_PROFILE_PATH, "/").concat(Constant_1.Constants.EDIT_PATH, "/").concat(id));
+        }, confirmDelete: confirm, showNotificationSuccess: function () { return snackbar('success'); } }));
+}
+exports.default = Container;

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

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

package/lib/ACM-AXN/AuthenticationProfile/Container.test.js

@@ -0,0 +1,184 @@
+"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");
+var react_1 = require("@testing-library/react");
+var Router_1 = require("../../AWING/Router");
+var Container_1 = __importDefault(require("./Container"));
+var Constant_1 = require("./Constant");
+var items = [
+    {
+        authenticationProfileId: '4798649175639457397',
+        name: 'TCI UNIFI TEST VP API',
+        directoryId: '4960166916046400365',
+        directoryPath: '.0.90.100.4960166916046400365.4798649175639457397.',
+        authenticationMethodCode: 'api',
+        apControllerCode: 'ruckusvirtualsmartzone',
+        parameters: '{"BaseUrl": "118.70.206.198:8443","SiteId": "24g5ytl0","Username": "admin","Password": "Awing@2018", "Up":10000,"Down":10000,"Minutes":90,"Mbytes":10000}',
+        description: '',
+        createdDate: {
+            seconds: '1702977561',
+            nanos: 0,
+        },
+    },
+    {
+        authenticationProfileId: '5044439137295001011',
+        name: 'Radius 120',
+        directoryId: '4960166916046400365',
+        directoryPath: '.0.90.100.4960166916046400365.5044439137295001011.',
+        authenticationMethodCode: 'radius',
+        apControllerCode: 'extreme',
+        parameters: '{"Username":"awing120","Password":"Awing120@2018","SecretKey":"awing"}',
+        description: '',
+        createdDate: {
+            seconds: '1636731568',
+            nanos: 0,
+        },
+    },
+];
+var clientMethod = {
+    authenticationProfilesPaging: function () {
+        return Promise.resolve({
+            items: items,
+            totalItemCount: items.length,
+        });
+    },
+    authenticationProfilesDelete: function () { return function (_id) { }; },
+};
+// Mock Hooks
+jest.mock('./Hooks', function () { return ({
+    __esModule: true,
+    default: function () { return ({
+        service: {
+            authenticationProfilesPaging: jest.fn(function (_param) {
+                return Promise.resolve(clientMethod.authenticationProfilesPaging());
+            }),
+            authenticationProfilesDelete: jest.fn(function (_id) {
+                return Promise.resolve(clientMethod.authenticationProfilesDelete());
+            }),
+        },
+    }); },
+}); });
+//  Mock đa ngữ
+jest.mock('react-i18next', function () { return (__assign(__assign({}, jest.requireActual('react-i18next')), { useTranslation: function () { return ({ t: jest.fn(function (key) { return key; }) }); } })); });
+// Mock PageManagement
+jest.mock('../../AWING', function () { return ({
+    PageManagement: function (props) {
+        props.onChangeQueryInput({
+            searchString: '',
+            pageIndex: 0,
+            pageSize: 10,
+        });
+        return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("span", { "data-testid": "title", children: "t('AuthenticationProfile.Title')" }), props.columns
+                    .filter(function (item) { return item.valueGetter; })
+                    .map(function (getter, idx) { return ((0, jsx_runtime_1.jsx)("span", { children: getter.valueGetter(items[0], idx) }, idx)); }), (0, jsx_runtime_1.jsx)("span", { "data-testid": "rowid", children: props.getRowId(items[0]) }), (0, jsx_runtime_1.jsx)("button", { "data-testid": "Rowclick", onClick: function () {
+                        props.onRowClick(items[0].authenticationProfileId);
+                    }, children: "Rowclick" }), (0, jsx_runtime_1.jsx)("button", { "data-testid": "CreateBtn", onClick: props.onCreateButtonClick, children: "CreateBtn" }), (0, jsx_runtime_1.jsx)("button", { onClick: function () {
+                        props.onChangeQueryInput({
+                            pageIndex: 1,
+                            pageSize: 10,
+                        });
+                    }, children: "ChangeInput" }), (0, jsx_runtime_1.jsx)("button", { "data-testid": "onDelete", onClick: function () {
+                        props.onDelete('onDelete');
+                    }, children: "Remove Btn" }), (0, jsx_runtime_1.jsx)("p", { children: JSON.stringify(props.rows) }), (0, jsx_runtime_1.jsxs)("span", { children: ["totalItemCount:", props.totalOfRows] })] }));
+    },
+}); });
+var renderUi = function () {
+    return (0, react_1.render)((0, jsx_runtime_1.jsx)(Router_1.BrowserRouter, { children: (0, jsx_runtime_1.jsx)(Container_1.default, {}) }));
+};
+describe('AuthenticationProfileId Container component', function () {
+    it('Check renders component(Container).', function () {
+        renderUi();
+        expect(react_1.screen.getByTestId('title')).toBeInTheDocument();
+        expect(react_1.screen.getByTestId('CreateBtn')).toBeInTheDocument();
+    });
+    it('Chuyển đến trang thêm mới.', function () { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    renderUi();
+                    expect(react_1.screen.getByTestId('CreateBtn')).toBeInTheDocument();
+                    react_1.fireEvent.click(react_1.screen.getByTestId('CreateBtn'));
+                    return [4 /*yield*/, (0, react_1.waitFor)(function () {
+                            return expect(window.location.href).toContain([
+                                'http://localhost',
+                                Constant_1.Constants.AUTHENTICATION_PROFILE_PATH,
+                                Constant_1.Constants.CREATE_PATH,
+                            ].join('/'));
+                        })];
+                case 1:
+                    _a.sent();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('Chuyến đến trang Edit.', function () { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    renderUi();
+                    react_1.fireEvent.click(react_1.screen.getByTestId('Rowclick'));
+                    return [4 /*yield*/, (0, react_1.waitFor)(function () {
+                            return expect(window.location.href).toContain([
+                                'http://localhost',
+                                Constant_1.Constants.AUTHENTICATION_PROFILE_PATH,
+                                Constant_1.Constants.EDIT_PATH,
+                                items[0].authenticationProfileId,
+                            ].join('/'));
+                        })];
+                case 1:
+                    _a.sent();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+});

package/lib/ACM-AXN/AuthenticationProfile/Context.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { AuthenticationProfileFeatureProps } from './Types';
+export declare const authenticationProfilePropsContext: import("react").Context<AuthenticationProfileFeatureProps>;

package/lib/ACM-AXN/AuthenticationProfile/Context.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.authenticationProfilePropsContext = void 0;
+var react_1 = require("react");
+exports.authenticationProfilePropsContext = (0, react_1.createContext)({});

package/lib/ACM-AXN/AuthenticationProfile/CreateOrEdit/CreateOrEdit.test.d.ts

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

package/lib/ACM-AXN/AuthenticationProfile/CreateOrEdit/CreateOrEdit.test.js

@@ -0,0 +1,203 @@
+"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 */
+var react_1 = require("@testing-library/react");
+var Router_1 = require("../../../AWING/Router");
+var index_1 = __importDefault(require("./index"));
+var id = 'idEdit11081999';
+var apControllers = [
+    { text: 'Chọn tất cả', value: 'all' },
+    { text: 'Aerohive', value: 'aerohive' },
+    { text: 'Allied AP', value: 'allied' },
+    { text: 'Aruba AP', value: 'aruba' },
+    { text: 'Aruba IAP', value: 'arubaiap' },
+    { text: 'Aruba Instant', value: 'arubainstant' },
+];
+var authenticationProfile = {
+    authenticationProfileId: '4761184776632900642',
+    name: 'TCI',
+    directoryId: '4960166916046400365',
+    directoryPath: '.0.90.100.4960166916046400365.4761184776632900642.',
+    authenticationMethodCode: 'api',
+    apControllerCode: 'unifi',
+    parameters: '{"Username": "admin","Password": "Awing@2018"}',
+    description: '',
+    createdDate: {
+        seconds: '1703131590',
+        nanos: 0,
+    },
+};
+var clientMethod = {
+    authenticationProfilesGet: function () { return function (_id) {
+        Promise.resolve(authenticationProfile);
+    }; },
+    apsGetApControllers: function () { return Promise.resolve(apControllers); },
+    authenticationProfilesPut: function (_id, body) { },
+    authenticationProfilesPost: function (body) { },
+};
+jest.mock('../Types', function () { return ({
+    __esModule: true,
+    AuthenticationProfile: {},
+    IAuthenticationProfile: {},
+}); });
+// mock Router
+jest.mock('../../../AWING/Router', function () { return (__assign(__assign({}, jest.requireActual('../../../AWING/Router')), { useParams: jest.fn() })); });
+//  Mock đa ngữ
+jest.mock('react-i18next', function () { return (__assign(__assign({}, jest.requireActual('react-i18next')), { useTranslation: function () { return ({ t: jest.fn(function (key) { return key; }) }); } })); });
+// Mock Hooks
+jest.mock('../Hooks', function () { return ({
+    __esModule: true,
+    default: function () { return ({
+        service: {
+            authenticationProfilesGet: jest.fn(function (_id) {
+                return Promise.resolve(clientMethod.authenticationProfilesGet());
+            }),
+            apsGetApControllers: jest.fn(function () {
+                return Promise.resolve(clientMethod.apsGetApControllers());
+            }),
+            authenticationProfilesPut: jest.fn(function (_id, body) {
+                return Promise.resolve(clientMethod.authenticationProfilesPut(_id, body));
+            }),
+            authenticationProfilesPost: jest.fn(function (body) {
+                return Promise.resolve(clientMethod.authenticationProfilesPost(body));
+            }),
+        },
+    }); },
+}); });
+// Mock Drawer
+jest.mock('../../../Commons/Components/ClassicDrawer', function () { return function (props) { return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("span", { "data-testid": "title-drawer", children: id ? 'Common.Edit' : 'Common.Create' }), (0, jsx_runtime_1.jsx)("button", { "data-testid": "onSubmit", onClick: props.onSubmit, children: "submit" }), props.children] })); }; });
+// mock BasicDataForm
+jest.mock('../../../AWING', function () { return ({
+    BasicDataForm: function (props) {
+        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": "BasicDataForm", children: [(0, jsx_runtime_1.jsx)("p", { children: JSON.stringify(props.oldValue) }), (0, jsx_runtime_1.jsx)("button", { "data-testid": "onUpdate", onClick: function () {
+                        props.onUpdate(true, {
+                            name: 'TCI',
+                            authenticationMethodCode: 'api',
+                            apControllerCode: 'unifi',
+                            parameters: '{"Username": "QuanDX","Password": "Awing@2018"}',
+                            description: '',
+                        });
+                    } })] }));
+    },
+    CircularProgress: function () { return (0, jsx_runtime_1.jsx)("div", { children: "CircularProgress" }); },
+}); });
+describe('AddOrEdit component', function () {
+    beforeEach(function () {
+        ;
+        Router_1.useParams.mockReturnValue({ id: '' });
+    });
+    var renderUi = function () {
+        return (0, react_1.render)((0, jsx_runtime_1.jsx)(Router_1.BrowserRouter, { children: (0, jsx_runtime_1.jsx)(index_1.default, {}) }));
+    };
+    it('Render component', function () {
+        renderUi();
+        expect(react_1.screen.getByTestId('title-drawer')).toBeInTheDocument();
+        expect(react_1.screen.getByTestId('onSubmit')).toBeInTheDocument();
+    });
+    it('handleSubmit-create', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var authenticationProfilesPostSpy;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    authenticationProfilesPostSpy = jest.spyOn(clientMethod, 'authenticationProfilesPost');
+                    renderUi();
+                    return [4 /*yield*/, (0, react_1.waitFor)(function () {
+                            react_1.fireEvent.click(react_1.screen.getByTestId('onUpdate'));
+                            react_1.fireEvent.click(react_1.screen.getByTestId('onSubmit'));
+                            expect(authenticationProfilesPostSpy).toHaveBeenCalledWith({
+                                name: 'TCI',
+                                authenticationMethodCode: 'api',
+                                apControllerCode: 'unifi',
+                                parameters: '{"Username": "QuanDX","Password": "Awing@2018"}',
+                                description: '',
+                            });
+                        })];
+                case 1:
+                    _a.sent();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('handleSubmit-edit', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var authenticationProfilesPutSpy;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    ;
+                    Router_1.useParams.mockReturnValue({ id: id });
+                    authenticationProfilesPutSpy = jest.spyOn(clientMethod, 'authenticationProfilesPut');
+                    renderUi();
+                    return [4 /*yield*/, (0, react_1.waitFor)(function () {
+                            react_1.fireEvent.click(react_1.screen.getByTestId('onUpdate'));
+                            react_1.fireEvent.click(react_1.screen.getByTestId('onSubmit'));
+                            return expect(authenticationProfilesPutSpy).toHaveBeenCalledWith(id, {
+                                name: 'TCI',
+                                authenticationMethodCode: 'api',
+                                apControllerCode: 'unifi',
+                                parameters: '{"Username": "QuanDX","Password": "Awing@2018"}',
+                                description: '',
+                            });
+                        })];
+                case 1:
+                    _a.sent();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+});

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

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

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

@@ -0,0 +1,129 @@
+"use strict";
+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 react_1 = require("react");
+var react_i18next_1 = require("react-i18next");
+var Router_1 = require("../../../AWING/Router");
+var Hooks_1 = __importDefault(require("../Hooks"));
+var ClassicDrawer_1 = __importDefault(require("../../../Commons/Components/ClassicDrawer"));
+var Utils_1 = require("../Utils");
+var AWING_1 = require("../../../AWING");
+var CreateOrEdit = function () {
+    var id = (0, Router_1.useParams)().id;
+    var t = (0, react_i18next_1.useTranslation)().t;
+    var service = (0, Hooks_1.default)().service;
+    var _a = (0, react_1.useState)(true), loading = _a[0], setLoading = _a[1];
+    var _b = (0, react_1.useState)(false), formValid = _b[0], setFromValid = _b[1];
+    var _c = (0, react_1.useState)(false), confirmExit = _c[0], setConfirmExit = _c[1];
+    var _d = (0, react_1.useState)([]), apControllers = _d[0], setApControllers = _d[1];
+    var _e = (0, react_1.useState)(), authenticationProfile = _e[0], setAuthenticationProfile = _e[1];
+    (0, react_1.useEffect)(function () {
+        !apControllers.length &&
+            service.apsGetApControllers().then(function (apController) {
+                var apControllers = __spreadArray([
+                    {
+                        text: t('Common.SelectAll'),
+                        value: null,
+                    }
+                ], apController.map(function (item) { return ({
+                    text: (item === null || item === void 0 ? void 0 : item.name) || '',
+                    value: (item === null || item === void 0 ? void 0 : item.apControllerCode) || '',
+                }); }), true);
+                setApControllers(apControllers);
+            });
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [apControllers]);
+    (0, react_1.useEffect)(function () {
+        if (id) {
+            service
+                .authenticationProfilesGet(id)
+                .then(function (authenticationProfile_) {
+                authenticationProfile_.apControllerCode =
+                    (authenticationProfile_ === null || authenticationProfile_ === void 0 ? void 0 : authenticationProfile_.apControllerCode) ===
+                        Utils_1.AP_CONTROLLER_CODE.All
+                        ? null
+                        : (authenticationProfile_ === null || authenticationProfile_ === void 0 ? void 0 : authenticationProfile_.apControllerCode) ||
+                            null;
+                setAuthenticationProfile(authenticationProfile_);
+            })
+                .finally(function () {
+                setLoading(false);
+            });
+        }
+        else {
+            setLoading(false);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [id]);
+    var handleSubmit = function () {
+        return id
+            ? service.authenticationProfilesPut(id, authenticationProfile)
+            : service.authenticationProfilesPost(authenticationProfile);
+    };
+    return ((0, jsx_runtime_1.jsx)(ClassicDrawer_1.default, { title: id ? t('Common.Edit') : t('Common.Create'), onSubmit: handleSubmit, confirmExit: confirmExit, childrenWrapperStyle: { padding: 0 }, disableButtonSubmit: !(formValid && confirmExit), children: loading ? ((0, jsx_runtime_1.jsx)(AWING_1.CircularProgress, {})) : ((0, jsx_runtime_1.jsx)(AWING_1.BasicDataForm, { fields: [
+                {
+                    fieldName: 'authenticationMethodCode',
+                    type: 'autocomplete',
+                    label: 'Authentication Method code',
+                    required: true,
+                    defaultValue: Utils_1.AUTHENTICATION_METHOD_CODE.MethodByLocalAP,
+                    options: Object.entries(Utils_1.AUTHENTICATION_METHOD_CODE).map(function (_a) {
+                        var key = _a[0], value = _a[1];
+                        return ({
+                            value: value,
+                            text: t(['AuthenticationProfile', key].join('.')),
+                        });
+                    }),
+                },
+                {
+                    fieldName: 'apControllerCode',
+                    type: 'autocomplete',
+                    label: 'AP Controller Code',
+                    required: true,
+                    options: apControllers,
+                    defaultValue: null,
+                    checkValid: function (value) {
+                        return value === null || value;
+                    },
+                },
+                {
+                    fieldName: 'name',
+                    type: 'text',
+                    label: t('Common.Name'),
+                    required: true,
+                },
+                {
+                    fieldName: 'parameters',
+                    type: 'text',
+                    label: t('AuthenticationProfile.Params'),
+                    required: true,
+                    length: 500,
+                    pattern: /.*/g,
+                },
+                {
+                    fieldName: 'description',
+                    type: 'text-area',
+                    label: t('Common.Description'),
+                    length: 500,
+                },
+            ], onUpdate: function (validState, valueForm) {
+                if (valueForm) {
+                    setConfirmExit(true);
+                    setFromValid(validState);
+                    setAuthenticationProfile(valueForm);
+                }
+            }, oldValue: authenticationProfile })) }));
+};
+exports.default = CreateOrEdit;

package/lib/ACM-AXN/AuthenticationProfile/Hooks.d.ts

@@ -0,0 +1,2 @@
+declare const useAuthenticationProfileProps: () => import("./Types").AuthenticationProfileFeatureProps;
+export default useAuthenticationProfileProps;