awing-library 2.1.122-beta → 2.1.124-beta

package/lib/ACM-AXN/Holiday/FormHoliday.js

@@ -1,24 +1,52 @@
 "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 AWING_1 = require("../../AWING");
 var react_i18next_1 = require("react-i18next");
+var react_1 = require("react");
+var Hooks_1 = __importDefault(require("./Hooks"));
+var AWING_1 = require("../../AWING");
 var Utils_1 = require("./Utils");
 var FormHoliday = function (props) {
     var t = (0, react_i18next_1.useTranslation)().t;
+    var service = (0, Hooks_1.default)().service;
     var holidays = props.holidays, onUpdate = props.onUpdate, isAllFieldReadOnly = props.isAllFieldReadOnly;
-    return ((0, jsx_runtime_1.jsx)(AWING_1.BasicDataForm, { oldValue: holidays, onUpdate: onUpdate
-            ? function (formValid, value) {
-                return onUpdate(formValid ? value : {});
-            }
-            : undefined, fields: [
+    var _a = (0, react_1.useState)([]), domains = _a[0], setDomains = _a[1];
+    var _b = (0, react_1.useState)(true), loading = _b[0], setLoading = _b[1];
+    (0, react_1.useEffect)(function () {
+        if (service === null || service === void 0 ? void 0 : service.isAcmAdmin) {
+            service.domainsGetAll &&
+                service
+                    .domainsGetAll()
+                    .then(setDomains)
+                    .finally(function () { return setLoading(false); });
+        }
+        else {
+            setLoading(false);
+        }
+    }, [service]);
+    var fields = (0, react_1.useMemo)(function () {
+        var result = [
             {
                 fieldName: 'name',
                 label: t('HolidayForm.Name'),
                 type: 'text',
                 required: true,
                 length: 100,
-                inputProps: { readOnly: isAllFieldReadOnly ? true : false },
+                inputProps: {
+                    readOnly: isAllFieldReadOnly ? true : false,
+                },
             },
             {
                 fieldName: 'calendarType',
@@ -32,7 +60,9 @@ var FormHoliday = function (props) {
                         text: t("CalendarType.".concat(key)),
                     });
                 }),
-                inputProps: { readOnly: isAllFieldReadOnly ? true : false },
+                inputProps: {
+                    readOnly: isAllFieldReadOnly ? true : false,
+                },
             },
             {
                 fieldName: 'recurrenceType',
@@ -46,8 +76,35 @@ var FormHoliday = function (props) {
                         text: t("RecurrenceType.".concat(key)),
                     });
                 }),
-                inputProps: { readOnly: isAllFieldReadOnly ? true : false },
+                inputProps: {
+                    readOnly: isAllFieldReadOnly ? true : false,
+                },
             },
-        ] }));
+        ];
+        if (service === null || service === void 0 ? void 0 : service.isAcmAdmin) {
+            result.splice(1, 0, {
+                fieldName: 'domainId',
+                label: t('Holiday.Domain'),
+                type: 'autocomplete',
+                required: true,
+                defaultValue: '99',
+                options: __spreadArray([
+                    {
+                        value: '99',
+                        text: t('Common.None'),
+                    }
+                ], domains.map(function (item) { return ({
+                    value: item.domainId,
+                    text: (item === null || item === void 0 ? void 0 : item.name) || '',
+                }); }), true),
+            });
+        }
+        return result;
+    }, [domains, service === null || service === void 0 ? void 0 : service.isAcmAdmin, t, isAllFieldReadOnly]);
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: loading ? ((0, jsx_runtime_1.jsx)(AWING_1.CircularProgress, {})) : ((0, jsx_runtime_1.jsx)(AWING_1.BasicDataForm, { oldValue: holidays, onUpdate: onUpdate
+                ? function (formValid, value) {
+                    return onUpdate(formValid ? value : {});
+                }
+                : undefined, fields: fields })) }));
 };
 exports.default = FormHoliday;

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

@@ -23,6 +23,24 @@ export interface HolidayService {
     holidaysGetDetail: (id: number, cancelToken?: CancelToken) => Promise<HolidayDetail>;
     holidaysGetDetailByHolidayId: (holidayId: number, cancelToken?: CancelToken) => Promise<HolidayDetail[]>;
     holidaysDeleteDetail: (id: number, cancelToken?: CancelToken) => Promise<void>;
+    /**
+     * isAcmAdmin: Kiểm tra xem có phải là trang ACM Admin.
+     **/
+    isAcmAdmin?: boolean;
+    domainsGetAll?: (cancelToken?: CancelToken) => Promise<Domain[]>;
+}
+export interface Domain {
+    domainId?: string;
+    domainTariffId?: number;
+    directoryPath?: string | undefined;
+    name?: string | undefined;
+    joinNetwork?: boolean;
+    description?: string | undefined;
+    license?: string | undefined;
+    requiredCustomerData?: boolean | undefined;
+    url?: string | undefined;
+    customizeCustomerFormPath?: string | undefined;
+    contactPhoneNumber?: string | undefined;
 }
 export interface Holiday {
     id?: number;

package/lib/ACM-AXN/Wizard/CreateOrEdit/PageTemplate.js

@@ -19,13 +19,55 @@ var react_1 = require("react");
 var react_i18next_1 = require("react-i18next");
 var Add_1 = __importDefault(require("@mui/icons-material/Add"));
 var material_1 = require("@mui/material");
+var Hooks_1 = __importDefault(require("../Hooks"));
 var RowTemplate_1 = __importDefault(require("./RowTemplate"));
-var Utils_1 = require("../Utils");
+var AWING_1 = require("../../../AWING");
 var enums_1 = require("../../../ACM-AXN/Page/enums");
+var Utils_1 = require("../Utils");
 function PageTemplate(props) {
     var pageCodeValue = props.pageCodeValue, wizardTemplates = props.wizardTemplates, onChange = props.onChange, onConfirmExit = props.onConfirmExit, _a = props.onUpdateWizardLogin, onUpdateWizardLogin = _a === void 0 ? function () { return null; } : _a;
     var t = (0, react_i18next_1.useTranslation)().t;
+    var service = (0, Hooks_1.default)().service;
     var isPageCodeLogin = pageCodeValue === enums_1.PageCode.Lgn;
+    var pageCode = pageCodeValue === enums_1.PageCode.Lgn ? Utils_1.CPageCode.LGN : Utils_1.CPageCode.WLC;
+    var _b = (0, react_1.useState)(true), loadingDirectory = _b[0], setLoadingDirectories = _b[1];
+    var _c = (0, react_1.useState)(true), loadingtemplateTypes = _c[0], setLoadingTemplateTypes = _c[1];
+    // DATA => Tên Thư Mục
+    var _d = (0, react_1.useState)([]), directories = _d[0], setDirectories = _d[1];
+    // DATA => Kiểu template
+    var _e = (0, react_1.useState)([]), templateTypes = _e[0], setTemplateTypes = _e[1];
+    (0, react_1.useEffect)(function () {
+        service
+            .templatesGetDirectories()
+            .then(function (directories_) {
+            // CALL API => DATA => Tên Thư Mục
+            var systemDirectoryIndex = directories_ === null || directories_ === void 0 ? void 0 : directories_.findIndex(function (directory) {
+                return directory.parentDirectoryId ===
+                    Utils_1.ROOT_DIRECTORY.SYSTEM_DIRECTORY.toString();
+            });
+            if (systemDirectoryIndex !== -1) {
+                directories_[systemDirectoryIndex].name = 'SYSTEM TEMPLATE';
+            }
+            setDirectories(directories_);
+        })
+            .finally(function () {
+            setLoadingDirectories(false);
+        });
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    (0, react_1.useEffect)(function () {
+        service
+            .templateTypesGet()
+            .then(function (templateTypes_) {
+            setTemplateTypes(templateTypes_.filter(function (itemTemplate) {
+                return itemTemplate.templateTypeCode === pageCode;
+            }));
+        })
+            .finally(function () {
+            setLoadingTemplateTypes(false);
+        });
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [pageCodeValue]);
     var handleChangeRowTemplate = function (fieldValue, sortOrder) {
         var _a;
         onConfirmExit();
@@ -39,13 +81,6 @@ function PageTemplate(props) {
             }),
             _a));
     };
-    var getKeyPageCode = (0, react_1.useCallback)(function () {
-        var text = Object.fromEntries(Object.entries(enums_1.PageCode).filter(function (_a) {
-            var key = _a[0];
-            return !isNaN(Number(key));
-        }))[pageCodeValue];
-        return text ? text.toLocaleLowerCase() : '';
-    }, [pageCodeValue]);
     return ((0, jsx_runtime_1.jsxs)(material_1.Grid, { component: material_1.Paper, sx: {
             p: 3,
             ml: 3,
@@ -58,6 +93,6 @@ function PageTemplate(props) {
                             ? t('Wizard.LoginTemplate')
                             : t('Wizard.WelcomeTemplate') }), isPageCodeLogin && ((0, jsx_runtime_1.jsx)(material_1.Button, { variant: "contained", "aria-label": "button-add", title: t('Common.Add'), "data-testid": "button-add", onClick: function () {
                             return onUpdateWizardLogin(Utils_1.TYPE_LOGIN_TEMPLATE.ADD);
-                        }, children: (0, jsx_runtime_1.jsx)(Add_1.default, {}) }))] }), wizardTemplates.map(function (template, idx) { return ((0, jsx_runtime_1.jsx)(RowTemplate_1.default, { template: template, pageCode: getKeyPageCode(), onChangeRow: handleChangeRowTemplate, onUpdateWizardLogin: onUpdateWizardLogin, disabledIconDelete: wizardTemplates.length === 1 }, idx)); })] }));
+                        }, children: (0, jsx_runtime_1.jsx)(Add_1.default, {}) }))] }), loadingDirectory || loadingtemplateTypes ? ((0, jsx_runtime_1.jsx)(AWING_1.CircularProgress, {})) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: wizardTemplates.map(function (template, idx) { return ((0, jsx_runtime_1.jsx)(RowTemplate_1.default, { template: template, pageCode: pageCode, directories: directories, templateTypes: templateTypes, onChangeRow: handleChangeRowTemplate, onUpdateWizardLogin: onUpdateWizardLogin, disabledIconDelete: wizardTemplates.length === 1 }, idx)); }) }))] }));
 }
 exports.default = (0, react_1.memo)(PageTemplate);

package/lib/ACM-AXN/Wizard/CreateOrEdit/PageTemplate.test.js

@@ -19,11 +19,58 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("@testing-library/react");
 var PageTemplate_1 = __importDefault(require("./PageTemplate"));
 var Utils_1 = require("../Utils");
+var directories = [
+    {
+        description: null,
+        directoryId: '4711650767517730267',
+        directoryPath: '.0.99.4711650767517730267.',
+        isFile: false,
+        isSystem: true,
+        level: 2,
+        name: 'SYSTEM TEMPLATE',
+        objectTypeCode: 'template',
+        order: 0,
+        parentDirectoryId: '99',
+    },
+    {
+        description: null,
+        directoryId: '5084661221099431199',
+        directoryPath: '.0.99.4711650767517730267.5084661221099431199.',
+        isFile: false,
+        isSystem: false,
+        level: 3,
+        name: 'Beta template',
+        objectTypeCode: 'template',
+        order: 0,
+        parentDirectoryId: '4711650767517730267',
+    },
+];
+var templateTypes = [
+    { id: 1, name: 'Banner', templateTypeCode: 'lgn' },
+    { id: 5, name: 'Customize', templateTypeCode: 'lgn' },
+];
 jest.mock('../Utils', function () { return ({
     TYPE_LOGIN_TEMPLATE: { ADD: 'add', REMOVE: 'remove' },
 }); });
 //  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; }) }); } })); });
+var clientMethod = {
+    templatesGetDirectories: function () { return Promise.resolve(directories); },
+    templateTypesGet: function () { return Promise.resolve(templateTypes); },
+};
+jest.mock('AWING', function () { return (__assign(__assign({}, jest.requireActual('AWING')), { CircularProgress: function () { return ((0, jsx_runtime_1.jsx)("div", { "data-testid": "CircularProgress", children: "CircularProgress" })); } })); });
+// Mock Hooks
+jest.mock('../Hooks', function () { return ({
+    __esModule: true,
+    default: function () { return ({
+        service: {
+            templatesGetDirectories: jest.fn(function () {
+                return Promise.resolve(clientMethod.templatesGetDirectories());
+            }),
+            templateTypesGet: jest.fn(clientMethod.templateTypesGet),
+        },
+    }); },
+}); });
 jest.mock('./RowTemplate', function () { return function (props) { return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)("button", { "data-testid": "row-template-change", onClick: props.onChangeRow }) })); }; });
 describe('PageTemplate component', function () {
     var mockData = {

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

@@ -1,7 +1,9 @@
 /// <reference types="react" />
-import { IWizardTemplate } from '../Types';
+import { IDirectory, TemplateType, IWizardTemplate } from '../Types';
 interface PropsRowTemplate {
     pageCode: string;
+    directories: IDirectory[];
+    templateTypes: TemplateType[];
     template: IWizardTemplate;
     disabledIconDelete: boolean;
     onChangeRow: (fieldValue: any, sortOrder: number) => void;

package/lib/ACM-AXN/Wizard/CreateOrEdit/RowTemplate.js

@@ -24,50 +24,27 @@ var Utils_1 = require("../Utils");
 var validation_1 = require("../../../AWING/ultis/validation");
 function RowTemplate(props) {
     var _a;
-    var pageCode = props.pageCode, template = props.template, onChangeRow = props.onChangeRow, onUpdateWizardLogin = props.onUpdateWizardLogin, _b = props.disabledIconDelete, disabledIconDelete = _b === void 0 ? false : _b;
+    var pageCode = props.pageCode, template = props.template, onChangeRow = props.onChangeRow, directories = props.directories, templateTypes = props.templateTypes, onUpdateWizardLogin = props.onUpdateWizardLogin, _b = props.disabledIconDelete, disabledIconDelete = _b === void 0 ? false : _b;
     var t = (0, react_i18next_1.useTranslation)().t;
     var service = (0, Hooks_1.default)().service;
-    // DATA => Tên Thư Mục
-    var _c = (0, react_1.useState)([]), directories = _c[0], setDirectories = _c[1];
-    // DATA => Kiểu template
-    var _d = (0, react_1.useState)([]), templateTypes = _d[0], setTemplateTypes = _d[1];
     // DATA => Chọn Template
-    var _e = (0, react_1.useState)([]), templates = _e[0], setTemplates = _e[1];
+    var _c = (0, react_1.useState)([]), templates = _c[0], setTemplates = _c[1];
     // DATA => Các trường dữ liệu
-    var _f = (0, react_1.useState)(), templateModel = _f[0], setTemplateModel = _f[1];
+    var _d = (0, react_1.useState)(), templateModel = _d[0], setTemplateModel = _d[1];
     // DATA ROW TEMPLATE
-    var _g = (0, react_1.useState)(function () { return (__assign(__assign({}, template), { templateTypeId: 0 })); }), wizardTemplate = _g[0], setWizardTemplate = _g[1];
+    var _e = (0, react_1.useState)(function () {
+        var _a;
+        return (__assign(__assign({}, template), { templateTypeId: 0, directoryId: ((_a = directories[0]) === null || _a === void 0 ? void 0 : _a.directoryId) || '' }));
+    }), wizardTemplate = _e[0], setWizardTemplate = _e[1];
     // disabled => Các trường dữ liệu => call API
-    var _h = (0, react_1.useState)(true), isLoadingParameter = _h[0], setIsLoadingParameter = _h[1];
-    var _j = (0, react_1.useState)({
+    var _f = (0, react_1.useState)(true), isLoadingParameter = _f[0], setIsLoadingParameter = _f[1];
+    var _g = (0, react_1.useState)({
         status: true,
         message: '',
-    }), validFieldName = _j[0], setValidFieldName = _j[1];
-    (0, react_1.useEffect)(function () {
-        service.templatesGetDirectories().then(function (directories_) {
-            // CALL API => DATA => Tên Thư Mục
-            var systemDirectoryIndex = directories_ === null || directories_ === void 0 ? void 0 : directories_.findIndex(function (directory) {
-                return directory.parentDirectoryId ===
-                    Utils_1.ROOT_DIRECTORY.SYSTEM_DIRECTORY.toString();
-            });
-            if (systemDirectoryIndex !== -1) {
-                directories_[systemDirectoryIndex].name = 'SYSTEM TEMPLATE';
-            }
-            setDirectories(directories_);
-            setWizardTemplate(function (oldWizardTemplate) {
-                var _a;
-                return (__assign(__assign({}, oldWizardTemplate), { directoryId: ((_a = directories_[0]) === null || _a === void 0 ? void 0 : _a.directoryId) || '' }));
-            });
-        });
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, []);
-    (0, react_1.useEffect)(function () {
-        service.templateTypesGet().then(function (templateTypes_) {
-            setTemplateTypes(templateTypes_.filter(function (itemTemplate) {
-                return itemTemplate.templateTypeCode === pageCode;
-            }));
-        });
-    }, [pageCode]);
+    }), validFieldName = _g[0], setValidFieldName = _g[1];
+    (0, react_1.useLayoutEffect)(function () {
+        setWizardTemplate(function (oldWizardData) { return (__assign(__assign({}, oldWizardData), template)); });
+    }, [template]);
     (0, react_1.useEffect)(function () {
         if (wizardTemplate === null || wizardTemplate === void 0 ? void 0 : wizardTemplate.directoryId) {
             setIsLoadingParameter(true);
@@ -102,7 +79,17 @@ function RowTemplate(props) {
     }, [wizardTemplate === null || wizardTemplate === void 0 ? void 0 : wizardTemplate.templateId]);
     var handleChange = function (fieldName, value) {
         var _a, _b, _c;
-        setWizardTemplate(__assign(__assign({}, wizardTemplate), (_a = {}, _a[fieldName] = value, _a)));
+        // Update dữ liệu nội bộ
+        var newWizardTemplate = __assign(__assign({}, wizardTemplate), (_a = {}, _a[fieldName] = value, _a));
+        if (fieldName === 'directoryId' || fieldName === 'templateTypeId') {
+            newWizardTemplate.templateId = '';
+            newWizardTemplate.templateParameterDisplayFieldNames = [];
+        }
+        else if (fieldName === 'templateId') {
+            newWizardTemplate.templateParameterDisplayFieldNames = [];
+        }
+        setWizardTemplate(newWizardTemplate);
+        // Update dữ liệu API
         if (fieldName !== 'directoryId' && fieldName !== 'templateTypeId') {
             if (fieldName === 'name') {
                 var _d = (0, validation_1.textValidation)(value, 50, true), valid = _d.valid, message = _d.message;

package/lib/ACM-AXN/Wizard/CreateOrEdit/RowTemplate.test.js

@@ -151,8 +151,6 @@ var templateModel = {
     ],
 };
 var clientMethod = {
-    templatesGetDirectories: function () { return Promise.resolve(directories); },
-    templateTypesGet: function () { return Promise.resolve(templateTypes); },
     templatesGetByDirectoryId: function (_id) {
         return Promise.resolve(templates);
     },
@@ -165,10 +163,6 @@ jest.mock('../Hooks', function () { return ({
     __esModule: true,
     default: function () { return ({
         service: {
-            templatesGetDirectories: jest.fn(function () {
-                return Promise.resolve(clientMethod.templatesGetDirectories());
-            }),
-            templateTypesGet: jest.fn(clientMethod.templateTypesGet),
             templatesGetByDirectoryId: jest.fn(function (_id) {
                 return Promise.resolve(clientMethod.templatesGetByDirectoryId(_id));
             }),
@@ -187,6 +181,8 @@ describe('RowTemplate component', function () {
         disabledIconDelete: false,
         onChangeRow: jest.fn(),
         onUpdateWizardLogin: jest.fn(),
+        directories: directories,
+        templateTypes: templateTypes,
     };
     var renderUi = function () { return (0, react_1.render)((0, jsx_runtime_1.jsx)(RowTemplate_1.default, __assign({}, mockProps))); };
     it('renders component', function () {

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

@@ -5,6 +5,10 @@ export declare const TYPE_LOGIN_TEMPLATE: {
     ADD: string;
     REMOVE: string;
 };
+export declare const CPageCode: {
+    WLC: string;
+    LGN: string;
+};
 export declare const CAMPAIGN_TYPE: {
     BANNER_STATIC: number;
     BANNER_EFFECT: number;

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

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.CAMPAIGN_PRIORITY = exports.CAMPAIGN_TYPE = exports.TYPE_LOGIN_TEMPLATE = exports.ROOT_DIRECTORY = void 0;
+exports.CAMPAIGN_PRIORITY = exports.CAMPAIGN_TYPE = exports.CPageCode = exports.TYPE_LOGIN_TEMPLATE = exports.ROOT_DIRECTORY = void 0;
 exports.ROOT_DIRECTORY = {
     SYSTEM_DIRECTORY: 99,
 };
@@ -8,6 +8,10 @@ exports.TYPE_LOGIN_TEMPLATE = {
     ADD: 'add',
     REMOVE: 'remove',
 };
+exports.CPageCode = {
+    WLC: 'wlc',
+    LGN: 'lgn',
+};
 exports.CAMPAIGN_TYPE = {
     // DEFAULT: 0,
     BANNER_STATIC: 1,

package/lib/translate/en/translation.json

@@ -798,6 +798,7 @@
         "All": "All"
     },
     "Holiday": {
+        "Domain": "Domain",
         "Title": "Holiday Management",
         "TitleCreate": "Create Holiday",
         "TitleEdit": "Edit Holiday"

package/lib/translate/vi/translation.json

@@ -800,6 +800,7 @@
         "All": "Tất cả"
     },
     "Holiday": {
+        "Domain": "Domain",
         "Title": "Quản trị ngày nghỉ lễ",
         "TitleCreate": "Tạo ngày nghỉ lễ",
         "TitleEdit": "Sửa ngày nghỉ lễ"

package/package.json

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