awing-library 2.1.31-beta → 2.1.31

package/lib/ACM-AXN/Notifications/NotificationPopover/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ *
+ * @author dauquan1108@gmail.com on 12/1/2023.
+ *
+ **/
+import React from 'react';
+import { NotificationPropsContext } from '../Types';
+export declare const NotificationPopover: React.FC<NotificationPropsContext>;

package/lib/ACM-AXN/Notifications/NotificationPopover/index.js

@@ -0,0 +1,13 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NotificationPopover = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var Container_1 = __importDefault(require("./Container"));
+var Context_1 = require("../Context");
+var NotificationPopover = function (props) {
+    return ((0, jsx_runtime_1.jsx)(Context_1.NotificationContext.Provider, { value: props, children: (0, jsx_runtime_1.jsx)(Container_1.default, {}) }));
+};
+exports.NotificationPopover = NotificationPopover;

package/lib/ACM-AXN/Notifications/NotificationScreen.d.ts

@@ -3,6 +3,6 @@
  * @author dauquan1108@gmail.com on 11/27/2023.
  *
  **/
-import React from "react";
+import React from 'react';
 declare const NotificationScreen: React.FC;
 export default NotificationScreen;

package/lib/ACM-AXN/Notifications/NotificationScreen.js

@@ -8,11 +8,11 @@ var Box_1 = __importDefault(require("@mui/material/Box"));
 var NotificationDetail_1 = __importDefault(require("./NotificationDetail"));
 var NotificationScreen = function () {
     return ((0, jsx_runtime_1.jsx)(Box_1.default, { component: "div", sx: {
-            borderRadius: "8px",
-            border: "0.1px solid #0000001a",
-            boxShadow: "0 4px 8px rgba(0, 0, 0, 0.1)",
+            borderRadius: '8px',
+            border: '0.1px solid #0000001a',
+            boxShadow: '0 4px 8px rgba(0, 0, 0, 0.1)',
         }, "data-testid": "notificationScreen", 
         // width={{xs, sm, md, lg, xl}}
-        width: { xs: "100%", sm: "600px", lg: "680px" }, children: (0, jsx_runtime_1.jsx)(NotificationDetail_1.default, {}) }));
+        width: { xs: '100%', sm: '600px', lg: '680px' }, children: (0, jsx_runtime_1.jsx)(NotificationDetail_1.default, {}) }));
 };
 exports.default = NotificationScreen;

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

@@ -0,0 +1,84 @@
+/**
+ *
+ * @author dauquan1108@gmail.com on 04/15/2024.
+ *
+ **/
+import { Timestamp } from '../../ACM-AXN/Campaign/Types';
+import { SagaTransactionType } from '../../ACM-AXN/TransactionLog/Types';
+export interface IValueFilterState {
+    textSearch: string;
+    tabs: string;
+    status: number | undefined;
+}
+export interface IValueItem {
+    id: number;
+    status: NotificationMessageStatus;
+}
+export interface INotificationItem {
+    id: string | number;
+    content: string;
+    url: string;
+    status: boolean;
+    userName: string;
+    avatarUrl: string;
+    time: number | string;
+}
+export interface Cancel {
+    message: string | undefined;
+}
+export interface CancelToken {
+    promise: Promise<Cancel>;
+    reason?: Cancel;
+    throwIfRequested(): void;
+}
+export interface NotificationPropsContext {
+    service: NotificationService;
+}
+export interface NotificationService {
+    /**
+     *  notificationsPaging: API hiện thị Danh sách Notification.
+     **/
+    notificationsPaging: (pageIndex: number | undefined, pageSize: number | undefined, searchString: string | undefined, status: number | undefined, body: SagaTransactionType[] | undefined, cancelToken?: CancelToken) => Promise<PagedList_1OfNotificationMessage>;
+    /**
+     *  notificationsReadAll: API Chuyển trang Notifications thành đã đọc.
+     **/
+    notificationsReadAll: (cancelToken?: CancelToken) => Promise<void>;
+    /**
+     *  notificationsRead: API Chuyển trang NotificationItem sang đã đọc.
+     **/
+    notificationsRead: (body: number[] | undefined, cancelToken?: CancelToken) => Promise<void>;
+    /**
+     *  notificationsUnread: API Chuyển trang NotificationItem sang chưa đọc.
+     **/
+    notificationsUnread: (body: number[] | undefined, cancelToken?: CancelToken) => Promise<void>;
+    /**
+     *  notificationsCountUnreadMessages: API Hiển thị số lượng thông báo chưa đọc.
+     **/
+    notificationsCountUnreadMessages: (cancelToken?: CancelToken) => Promise<number>;
+}
+export declare enum NotificationMessageStatus {
+    Unread = 0,
+    Read = 1
+}
+export interface NotificationMessage {
+    id?: number;
+    userId?: string;
+    sagaTransactionType?: SagaTransactionType[string];
+    fields?: NotificationMessageField[] | undefined;
+    status?: NotificationMessageStatus;
+    createdDate?: Timestamp;
+}
+export interface NotificationMessageField {
+    name?: string | undefined;
+    value?: string | undefined;
+    text?: string | undefined;
+}
+export interface PagedList_1OfNotificationMessage {
+    items?: NotificationMessage[] | undefined;
+    pageCount?: number;
+    totalItemCount: number;
+    pageNumber?: number;
+    pageSize?: number;
+    hasPreviousPage?: boolean;
+    hasNextPage?: boolean;
+}

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

@@ -0,0 +1,13 @@
+"use strict";
+/**
+ *
+ * @author dauquan1108@gmail.com on 04/15/2024.
+ *
+ **/
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NotificationMessageStatus = void 0;
+var NotificationMessageStatus;
+(function (NotificationMessageStatus) {
+    NotificationMessageStatus[NotificationMessageStatus["Unread"] = 0] = "Unread";
+    NotificationMessageStatus[NotificationMessageStatus["Read"] = 1] = "Read";
+})(NotificationMessageStatus || (exports.NotificationMessageStatus = NotificationMessageStatus = {}));

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

@@ -4,5 +4,5 @@
  *
  **/
 import React from 'react';
-declare const Notifications: React.FC;
-export default Notifications;
+import { NotificationPropsContext } from './Types';
+export declare const Notifications: React.FC<NotificationPropsContext>;

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

@@ -3,12 +3,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Notifications = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var Box_1 = __importDefault(require("@mui/material/Box"));
-var i18n_1 = __importDefault(require("../../i18n"));
-var react_i18next_1 = require("react-i18next");
 var NotificationScreen_1 = __importDefault(require("./NotificationScreen"));
-var Notifications = function () {
-    return ((0, jsx_runtime_1.jsx)(react_i18next_1.I18nextProvider, { i18n: i18n_1.default, children: (0, jsx_runtime_1.jsx)(Box_1.default, { component: "div", display: "flex", justifyContent: "center", children: (0, jsx_runtime_1.jsx)(NotificationScreen_1.default, {}) }) }));
+var Context_1 = require("./Context");
+var Notifications = function (props) {
+    return ((0, jsx_runtime_1.jsx)(Context_1.NotificationContext.Provider, { value: props, children: (0, jsx_runtime_1.jsx)(Box_1.default, { component: "div", display: "flex", justifyContent: "center", children: (0, jsx_runtime_1.jsx)(NotificationScreen_1.default, {}) }) }));
 };
-exports.default = Notifications;
+exports.Notifications = Notifications;

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

@@ -17,6 +17,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var icons_material_1 = require("@mui/icons-material");
 var material_1 = require("@mui/material");
+var DomainPreview_1 = __importDefault(require("../../ACM-AXN/DomainPreview"));
+var PreviewButton_1 = __importDefault(require("../../ACM-AXN/DomainPreview/PreviewButton"));
 var lodash_1 = require("lodash");
 var react_1 = require("react");
 var react_i18next_1 = require("react-i18next");
@@ -29,8 +31,6 @@ var Helpers_1 = require("../../Utils/Helpers");
 var Constant_1 = require("./Constant");
 var Context_2 = __importDefault(require("./Context"));
 var enums_1 = require("./enums");
-var DomainPreview_1 = __importDefault(require("../../ACM-AXN/DomainPreview"));
-var PreviewButton_1 = __importDefault(require("../../ACM-AXN/DomainPreview/PreviewButton"));
 var PageContainer = function () {
     var _a;
     var _b = (0, Context_2.default)(), pageCode = _b.pageCode, service = _b.service, domainId = _b.domainId, CONFIGS = _b.configs;
@@ -38,7 +38,7 @@ var PageContainer = function () {
     var t = (0, react_i18next_1.useTranslation)().t;
     var navigate = (0, react_router_1.useNavigate)();
     var location = (0, react_router_1.useLocation)();
-    var _d = (0, react_1.useState)(false), loading = _d[0], setLoading = _d[1];
+    var _d = (0, react_1.useState)(true), loading = _d[0], setLoading = _d[1];
     var _e = (0, react_1.useState)(true), init = _e[0], setInit = _e[1]; // First time render
     var _f = (0, react_1.useState)([]), directories = _f[0], setDirectories = _f[1];
     var _g = (0, react_1.useState)(true), isLoadDirectory = _g[0], setLoadLoadDirectory = _g[1];
@@ -103,6 +103,7 @@ var PageContainer = function () {
     (0, react_1.useLayoutEffect)(function () {
         setDirectories([]);
         setInit(true);
+        setLoading(true);
         setPage({
             items: [],
             totalItemCount: 0,
@@ -158,7 +159,7 @@ var PageContainer = function () {
         prevQuery.current = (0, lodash_1.cloneDeep)(input);
     }, [directories, handleFetchPaging]);
     var handlePreview = function (id, domainId) {
-        var url = "".concat(CONFIGS.CAPTIVE_DOMAIN, "/").concat(CONFIGS.PAGE_LOGIN_PREVIEW, "?loginId=").concat(id, "&domainId=").concat(domainId, "&isNetworkCampaign=false");
+        var url = "".concat(CONFIGS.CAPTIVE_DOMAIN, "/").concat(CONFIGS.PAGE_LOGIN_PREVIEW, "?loginId=").concat(id, "&domainId=").concat(domainId, "&isNetworkCampaign=").concat(Boolean(service.domainsGetAll).toString());
         window.open(url, '_blank');
     };
     var handlePreviewClick = function (id) {

package/lib/ACM-AXN/Page/CreateOrEdit/Components/useListPageView.js

@@ -30,18 +30,23 @@ var react_1 = __importStar(require("react"));
 var TabInfo_1 = __importDefault(require("../TabInfo"));
 var Tabview_1 = __importDefault(require("../Tabview"));
 var TabFile_1 = __importDefault(require("../TabFile"));
+var Recoil_1 = require("../Recoil");
 var AWING_1 = require("../../../../AWING");
 var react_i18next_1 = require("react-i18next");
 var react_router_dom_1 = require("react-router-dom");
 var recoil_1 = require("recoil");
-var Recoil_1 = require("../Recoil");
+var Recoil_2 = require("../Recoil");
 var Constant_1 = require("../../../Page/Constant");
+var Context_1 = __importDefault(require("../../../../ACM-AXN/Page/Context"));
 var useListPageView = function () {
     var _a;
     var t = (0, react_i18next_1.useTranslation)().t;
     var params = (0, react_router_dom_1.useParams)();
     var setDrawerState = (0, AWING_1.useDrawer)().setDrawerState;
-    var formValid = (0, recoil_1.useRecoilValue)(Recoil_1.validForm);
+    var formValid = (0, recoil_1.useRecoilValue)(Recoil_2.validForm);
+    var _b = (0, Context_1.default)(), configs = _b.configs, service = _b.service, pageCode = _b.pageCode;
+    var pageId = (0, recoil_1.useRecoilValue)((0, Recoil_1.pageState)('page')).page.pageId;
+    var rootDirectory = (0, recoil_1.useRecoilValue)(Recoil_1.pageRootDeirectory);
     var isCreate = !Boolean((_a = params['*']) === null || _a === void 0 ? void 0 : _a.includes(Constant_1.pageConstants.EDIT_PAGE));
     react_1.default.useEffect(function () {
         setDrawerState(AWING_1.DrawerStateEnum[!Object.values(formValid).includes(false) ? 'VALID' : 'INVALID']);
@@ -61,11 +66,11 @@ var useListPageView = function () {
         {
             label: 'File',
             valid: 'tabFileValid',
-            compoent: (0, react_1.createElement)(TabFile_1.default, { isCreate: isCreate }),
+            compoent: (0, react_1.createElement)(TabFile_1.default, { isCreate: isCreate, pageCode: pageCode, service: service, rootDirectory: rootDirectory, pageId: pageId, pathName: configs.FILE_RELATIVE_PATH }),
         },
     ]; }, 
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [t]);
+    [isCreate, pageCode, pageId, rootDirectory, service, t]);
     return { tabs: tabs, formValid: formValid };
 };
 exports.default = useListPageView;

package/lib/ACM-AXN/Page/CreateOrEdit/DrawerAction.js

@@ -36,7 +36,12 @@ var DrawerAction = function (_a) {
         setAnchorEl(null);
     };
     var handlePreview = function (domainId) {
-        var url = "".concat(CONFIGS.CAPTIVE_DOMAIN, "/").concat(CONFIGS.PAGE_LOGIN_PREVIEW, "?loginId=").concat(pageId, "&domainId=").concat(domainId, "&isNetworkCampaign=false");
+        var params = new URLSearchParams({
+            loginId: pageId,
+            domainId: domainId,
+            isNetworkCampaign: Boolean(service.domainsGetAll).toString(),
+        });
+        var url = "".concat(CONFIGS.CAPTIVE_DOMAIN, "/").concat(CONFIGS.PAGE_LOGIN_PREVIEW, "?").concat(params.toString());
         window.open(url, '_blank');
     };
     var handlePreviewPage = function (e) {

package/lib/ACM-AXN/Page/CreateOrEdit/Recoil.d.ts

@@ -1,9 +1,10 @@
 import { Directory } from '../../Campaign/Types';
-import { FormValid, PageModel } from '../Types';
+import { FormValid, PageModel, PageViewEvent } from '../Types';
 export declare const pageDirectoriesState: import("recoil").RecoilState<Directory[]>;
 export declare const wiewMounted: import("recoil").RecoilState<boolean>;
 export declare const pageRootDeirectory: import("recoil").RecoilState<string>;
 export declare const pageChangedFormState: import("recoil").RecoilState<Record<keyof PageModel, boolean>>;
 export declare const pageRootState: import("recoil").RecoilState<PageModel>;
+export declare const pageEventState: import("recoil").RecoilState<PageViewEvent[]>;
 export declare const validForm: import("recoil").RecoilState<FormValid>;
 export declare const pageState: (param: keyof PageModel) => import("recoil").RecoilState<PageModel>;

package/lib/ACM-AXN/Page/CreateOrEdit/Recoil.js

@@ -11,7 +11,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.pageState = exports.validForm = exports.pageRootState = exports.pageChangedFormState = exports.pageRootDeirectory = exports.wiewMounted = exports.pageDirectoriesState = void 0;
+exports.pageState = exports.validForm = exports.pageEventState = exports.pageRootState = exports.pageChangedFormState = exports.pageRootDeirectory = exports.wiewMounted = exports.pageDirectoriesState = void 0;
 var lodash_1 = require("lodash");
 var recoil_1 = require("recoil");
 var Constant_1 = require("../Constant");
@@ -48,6 +48,7 @@ exports.pageChangedFormState = (0, recoil_1.atom)({
                 page: false,
                 commonHtml: false,
                 views: pageData.views.some(function (view) { return view.isChanged; }),
+                viewEvents: false,
             };
         },
     }),
@@ -71,6 +72,18 @@ exports.pageRootState = (0, recoil_1.atom)({
         },
         commonHtml: '',
         views: [Constant_1.defaultView],
+        viewEvents: [],
+    },
+});
+exports.pageEventState = (0, recoil_1.selector)({
+    key: 'pageEventState',
+    get: function (_a) {
+        var get = _a.get;
+        return get(exports.pageRootState).viewEvents;
+    },
+    set: function (_a, newValue) {
+        var set = _a.set;
+        set(exports.pageRootState, function (prev) { return (__assign(__assign({}, prev), { viewEvents: newValue })); });
     },
 });
 exports.validForm = (0, recoil_1.atom)({

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

@@ -1,4 +1,6 @@
-export declare const useFileUtils: (parentDirectoryId: string, objectId: string, isCreate: boolean) => {
+import { ITemplateFileService } from '../../../../ACM-AXN/Template';
+import { PageCode } from '../../../../ACM-AXN/Page/enums';
+export declare const useFileUtils: (parentDirectoryId: string, objectId: string, isCreate: boolean, service: ITemplateFileService, pageCode: PageCode) => {
     createFolder: (pathData: string, directoryName: string) => Promise<void>;
     delete: (pathData: string) => Promise<void>;
     upload: (pathData: string, files: File[]) => Promise<void>;

package/lib/ACM-AXN/Page/CreateOrEdit/TabFile/FileUtils.js

@@ -1,14 +1,9 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useFileUtils = void 0;
-var Context_1 = __importDefault(require("../../Context"));
 var Helpers_1 = require("../../../../Utils/Helpers");
 var react_1 = require("react");
-var useFileUtils = function (parentDirectoryId, objectId, isCreate) {
-    var _a = (0, Context_1.default)(), service = _a.service, pageCode = _a.pageCode;
+var useFileUtils = function (parentDirectoryId, objectId, isCreate, service, pageCode) {
     var clientMethod = (0, react_1.useMemo)(function () {
         return {
             createFolder: function (pathData, directoryName) {

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

@@ -1,6 +1,13 @@
 import { FC } from 'react';
+import { ITemplateFileService } from '../../../../ACM-AXN/Template';
+import { PageCode } from '../../../../ACM-AXN/Page/enums';
 interface FileTabProps {
     isCreate?: boolean;
+    pathName?: string;
+    service: ITemplateFileService;
+    rootDirectory: string;
+    pageId: string;
+    pageCode: PageCode;
 }
 declare const FileTab: FC<FileTabProps>;
 export default FileTab;

package/lib/ACM-AXN/Page/CreateOrEdit/TabFile/index.js

@@ -20,25 +20,23 @@ var DeprecatedEnhancedDialog_1 = __importDefault(require("../../../../Commons/Co
 var react_1 = require("react");
 var react_i18next_1 = require("react-i18next");
 var FileUtils_1 = require("./FileUtils");
-var Context_1 = __importDefault(require("../../Context"));
-var Recoil_1 = require("../Recoil");
-var recoil_1 = require("recoil");
 var FolderTreeView_1 = __importDefault(require("../../../../Commons/Components/FolderTreeView"));
 var AWING_1 = require("../../../../AWING");
-var Context_2 = require("../../../../Context");
+var Context_1 = require("../../../../Context");
 var FileTab = function (_a) {
-    var isCreate = _a.isCreate;
+    var isCreate = _a.isCreate, pathName = _a.pathName, service = _a.service, rootDirectory = _a.rootDirectory, pageId = _a.pageId, pageCode = _a.pageCode;
     var t = (0, react_i18next_1.useTranslation)().t;
-    var _b = (0, Context_1.default)(), service = _b.service, configs = _b.configs, pageCode = _b.pageCode;
-    var _c = (0, Context_2.useAwing)().appHelper, confirm = _c.confirm, snackbar = _c.snackbar;
-    var pageId = (0, recoil_1.useRecoilValue)((0, Recoil_1.pageState)('page')).page.pageId;
-    var rootDirectory = (0, recoil_1.useRecoilValue)(Recoil_1.pageRootDeirectory);
-    var fileMethod = (0, FileUtils_1.useFileUtils)(rootDirectory, pageId, Boolean(isCreate));
+    var _b = (0, Context_1.useAwing)().appHelper, confirm = _b.confirm, snackbar = _b.snackbar;
+    // const {
+    //     page: { pageId },
+    // } = useRecoilValue(pageState('page'))
+    // const rootDirectory = useRecoilValue(pageRootDeirectory)
+    var fileMethod = (0, FileUtils_1.useFileUtils)(rootDirectory, pageId, Boolean(isCreate), service, pageCode);
     var fileRef = (0, react_1.useRef)();
-    var _d = (0, react_1.useState)({ upload: '', create: '' }), pathData = _d[0], setPathData = _d[1];
-    var _e = (0, react_1.useState)(false), openCreateFolder = _e[0], setOpenCreateFolder = _e[1];
-    var _f = (0, react_1.useState)(true), triggerReload = _f[0], setTrigger = _f[1];
-    var _g = (0, react_1.useState)(), treeFolder = _g[0], setTreeFolder = _g[1];
+    var _c = (0, react_1.useState)({ upload: '', create: '' }), pathData = _c[0], setPathData = _c[1];
+    var _d = (0, react_1.useState)(false), openCreateFolder = _d[0], setOpenCreateFolder = _d[1];
+    var _e = (0, react_1.useState)(true), triggerReload = _e[0], setTrigger = _e[1];
+    var _f = (0, react_1.useState)(), treeFolder = _f[0], setTreeFolder = _f[1];
     (0, react_1.useEffect)(function () {
         getTreeFolder();
         // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -107,6 +105,6 @@ var FileTab = function (_a) {
                                     pointerEvents: 'unset',
                                     padding: '10px 0',
                                     borderRadius: '4px',
-                                }, children: !treeFolder ? ((0, jsx_runtime_1.jsx)(AWING_1.CircularProgress, {})) : ((0, jsx_runtime_1.jsx)(FolderTreeView_1.default, { rootItem: treeFolder, onUploadFiles: handleUploadFile, onCreateDirectory: handleCreateDirectory, onDownload: handleDownloadFile, onDelete: handleDelete, onDownloadFolder: handleDownLoadFolder })) }), (0, jsx_runtime_1.jsx)(material_1.Grid, { xs: 12, container: true, item: true, justifyContent: "flex-end", children: (0, jsx_runtime_1.jsx)(material_1.Typography, { sx: { padding: '8px' }, children: "".concat(t('Common.StaticUseFormat'), ": <img src=\"").concat(configs.FILE_RELATIVE_PATH, "/a.jpg\" />") }) })] }) }) })] }));
+                                }, children: !treeFolder ? ((0, jsx_runtime_1.jsx)(AWING_1.CircularProgress, {})) : ((0, jsx_runtime_1.jsx)(FolderTreeView_1.default, { rootItem: treeFolder, onUploadFiles: handleUploadFile, onCreateDirectory: handleCreateDirectory, onDownload: handleDownloadFile, onDelete: handleDelete, onDownloadFolder: handleDownLoadFolder })) }), (0, jsx_runtime_1.jsx)(material_1.Grid, { xs: 12, container: true, item: true, justifyContent: "flex-end", children: (0, jsx_runtime_1.jsx)(material_1.Typography, { sx: { padding: '8px' }, children: "".concat(t('Common.StaticUseFormat'), ": <img src=\"").concat(pathName, "/a.jpg\" />") }) })] }) }) })] }));
 };
 exports.default = FileTab;

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

@@ -41,11 +41,11 @@ 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 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");
@@ -53,14 +53,16 @@ var Recoil_1 = require("../Recoil");
 var Utils_1 = require("../Utils");
 var Styles_1 = require("./Styles");
 var ViewContent = function (_a) {
-    var _b, _c, _d;
+    var _b, _c, _d, _e, _f;
     var viewInfoData = _a.viewInfoData, pageId = _a.pageId, viewNumber = _a.viewNumber, onChange = _a.onChange, isCreate = _a.isCreate;
-    var _e = (0, Context_2.default)(), service = _e.service, pageCode = _e.pageCode, domainId = _e.domainId, CONFIGS = _e.configs;
+    var _g = (0, Context_2.default)(), service = _g.service, pageCode = _g.pageCode, domainId = _g.domainId, CONFIGS = _g.configs;
     var appHelper = (0, Context_1.useAwing)().appHelper;
-    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 _h = react_1.default.useState(''), scriptValidationTemplate = _h[0], setScriptValidationTemplate = _h[1];
+    var _j = react_1.default.useState(''), scriptAutoField = _j[0], setScriptAutoField = _j[1];
+    var _k = react_1.default.useState(false), loading = _k[0], setLoading = _k[1];
+    var isUniq = react_1.default.useRef(false);
     var rootDirectory = (0, recoil_1.useRecoilValue)(Recoil_1.pageRootDeirectory);
+    var _l = (0, recoil_1.useRecoilState)(Recoil_1.pageEventState), events = _l[0], setEvent = _l[1];
     react_1.default.useEffect(function () {
         if (viewInfoData === null || viewInfoData === void 0 ? void 0 : viewInfoData.templateId) {
             setLoading(true);
@@ -76,8 +78,25 @@ var ViewContent = function (_a) {
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [viewInfoData.templateId, viewInfoData.viewDatas.length]);
+    // React.useEffect(() => {
+    //     if (!isUniq.current) {
+    //         setEvent((prev) =>
+    //             uniqBy(prev, (a) =>
+    //                 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) {
         onChange(['viewDatas'], (0, Utils_1.getTemplateDatas)(res.templateParameters, viewInfoData, pageId, viewNumber));
+        // setEvent(prev => [...res?.templateEvents?.map(item => ({ id: item.id, event: item.event, viewNumber: viewNumber+1, pageId, protected: true})), ...prev])
+        isUniq.current = false;
         onChange(['templateValidation'], res.template.validation);
         onChange(['templateHandleEvent'], res.template.autoField);
         setScriptValidationTemplate(res.template.validation || '');
@@ -134,9 +153,11 @@ var ViewContent = function (_a) {
                             ? CONFIGS.FILE_TEMP_PATH
                             : CONFIGS.FILE_STATIC_PATH, "/").concat(pageCode === enums_1.PageCode.Lgn
                             ? '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: [], scriptValidate: scriptValidationTemplate, scriptAutoField: scriptAutoField, domainId: domainId, configs: CONFIGS, 
+                            : '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: (_f = (_e = viewInfoData.viewDatas) === null || _e === void 0 ? void 0 : _e.filter(function (item) { return item === null || item === void 0 ? void 0 : item.isAdvanced; })) === null || _f === void 0 ? void 0 : _f.map(function (field) { return field.fieldName; }), scriptValidate: scriptValidationTemplate, scriptAutoField: scriptAutoField, domainId: domainId, configs: CONFIGS, 
                         // validStatus={validStatus}
-                        validStatus: viewInfoData.validStatus, onChange: handleOnChange, onChangeViewValid: function (status) {
+                        validStatus: viewInfoData.validStatus, 
+                        // viewEvents={events?.filter(item => item.viewNumber === viewNumber+1)}
+                        onChange: handleOnChange, onChangeViewValid: function (status) {
                             onChange(['isValidationFields'], [status]);
                         }, onChangeValidateProcess: function (processValue) {
                             onChange(['validProcessStatus'], processValue);

package/lib/ACM-AXN/Page/CreateOrEdit/Tabview/ViewInfo.d.ts

@@ -1,8 +1,9 @@
 import React from 'react';
 import { Directory } from '../../../Campaign/Types';
-import { ViewModel, TemplateType } from '../../Types';
+import { ViewModel } from '../../Types';
+import { ITemplateType } from '../../../../ACM-AXN/Template/Types';
 interface ViewInfoProps {
-    templateTypes: TemplateType[];
+    templateTypes: ITemplateType[];
     directories: Directory[];
     onChange: (keys: string[], value: unknown) => void;
     viewInfoData: ViewModel;

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

@@ -135,7 +135,8 @@ var ViewInfo = function (_a) {
             })
                 .forEach(function (template) { return result.push(template); });
         }
-        return result;
+        var resultSet = new Set(result);
+        return Array.from(resultSet);
     }, [viewInfoData, templates, pageCode]);
     return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(AWING_1.DataForm, { fields: [
                 {
@@ -179,6 +180,7 @@ var ViewInfo = function (_a) {
                     options: templateOptions.map(function (template) { return ({
                         value: template.id,
                         text: template.description,
+                        disabled: template === null || template === void 0 ? void 0 : template.isDeprecated,
                     }); }),
                 },
             ], oldValue: __assign(__assign({}, viewInfoData), { templateTypeId: 0 }), onUpdate: handleChangeForm }) }));

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

@@ -52,6 +52,7 @@ var ViewList_1 = __importDefault(require("./Components/ViewList"));
 var ViewContent_1 = __importDefault(require("./ViewContent"));
 var ViewInfo_1 = __importDefault(require("./ViewInfo"));
 var Context_2 = require("../../../../Context");
+var Helpers_1 = require("../../../../Utils/Helpers");
 var TabView = function (_a) {
     var isCreate = _a.isCreate;
     var _b = (0, recoil_1.useRecoilState)((0, Recoil_1.pageState)('views')), _c = _b[0], views = _c.views, page = _c.page, setView = _b[1];
@@ -130,7 +131,7 @@ var TabView = function (_a) {
             return;
         }
         setView((0, immer_1.default)(function (draf) {
-            (0, Utils_1.setObject)(draf, keys, value);
+            (0, Helpers_1.setObject)(draf, keys, value);
         }));
     };
     var handleChange = function (key) {

package/lib/ACM-AXN/Page/CreateOrEdit/Tabview/index.test.js

@@ -174,7 +174,8 @@ var renderUi = function () {
                     },
                 },
                 commonHtml: '',
-                views: [Constant_1.defaultView, Constant_1.defaultView]
+                views: [Constant_1.defaultView, Constant_1.defaultView],
+                viewEvents: [],
             });
         }, children: (0, jsx_runtime_1.jsx)(_1.default, {}) }));
 };

package/lib/ACM-AXN/Page/CreateOrEdit/Utils.d.ts

@@ -1,10 +1,10 @@
 import { DataObject } from '../../../AWING';
-import { PageModel, TemplateData, TemplateParameter, ViewModel } from '../Types';
+import { PageModel, TemplateData, ViewModel } from '../Types';
+import { ITemplateParameter } from '../../../ACM-AXN/Template/Types';
 export declare const isObjectType: (value: unknown) => value is object;
 export declare const isObject: <T extends object>(value: unknown) => value is T;
 export declare const composeKey: <F extends (...p: any[]) => any, G extends (...p: any[]) => any>(f: F, g: G) => F;
 export declare const concatKey: (parent: string | string[]) => (child: string | string[]) => string[];
-export declare const setObject: <O extends {}>(obj: O, arrKey: Array<keyof O>, value: unknown) => void;
 export declare const convertTreeArrayToFlatArray: (treeArray: DataObject[]) => any[];
 export declare const convertValueByType: (type: string, val: any) => any;
 export declare const getFieldsValid: (templateDatas: TemplateData[]) => boolean[];
@@ -14,10 +14,10 @@ export declare function updateStateByPageModel(this: {
 /**
  * Retrieves the template data based on the provided template parameters, view information data, page ID, and view number.
  *
- * @param {TemplateParameter[]} templateParameters - The array of template parameters.
+ * @param {ITemplateParameter[]} templateParameters - The array of template parameters.
  * @param {ViewModel} viewInfoData - The view information data.
  * @param {string} pageId - The page ID.
  * @param {number} viewNumber - The view number.
  * @returns {TemplateData[]} - The array of template data.
  */
-export declare const getTemplateDatas: (templateParameters: TemplateParameter[], viewInfoData: ViewModel, pageId: string, viewNumber: number) => TemplateData[];
+export declare const getTemplateDatas: (templateParameters: ITemplateParameter[], viewInfoData: ViewModel, pageId: string, viewNumber: number) => TemplateData[];