awing-library 2.1.2-beta → 2.1.2-stage

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

@@ -30,19 +30,24 @@ 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 Constant_1 = require("../../../Page/Constant");
+var Recoil_2 = require("../Recoil");
+var Constant_1 = require("../../../Common/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 isCreate = !Boolean((_a = params['*']) === null || _a === void 0 ? void 0 : _a.includes(Constant_1.pageConstants.EDIT_PAGE));
+    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.Constants.EDIT_PATH));
     react_1.default.useEffect(function () {
         setDrawerState(AWING_1.DrawerStateEnum[!Object.values(formValid).includes(false) ? 'VALID' : 'INVALID']);
         // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -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

@@ -12,11 +12,15 @@ var Helpers_1 = require("../../../Utils/Helpers");
 var Context_1 = __importDefault(require("../Context"));
 var enums_1 = require("../enums");
 var react_i18next_1 = require("react-i18next");
+var DomainPreview_1 = __importDefault(require("../../../ACM-AXN/DomainPreview"));
+var PreviewButton_1 = __importDefault(require("../../../ACM-AXN/DomainPreview/PreviewButton"));
 var DrawerAction = function (_a) {
     var type = _a.type;
     var pageId = (0, react_router_dom_1.useParams)().pageId;
     var _b = (0, Context_1.default)(), pageCode = _b.pageCode, CONFIGS = _b.configs, domainId = _b.domainId, service = _b.service;
     var _c = react_1.default.useState(false), loadingExport = _c[0], setLoadingExport = _c[1];
+    var _d = react_1.default.useState(), anchorEl = _d[0], setAnchorEl = _d[1];
+    var open = Boolean(anchorEl);
     var t = (0, react_i18next_1.useTranslation)().t;
     var handleExport = function () {
         setLoadingExport(true);
@@ -27,10 +31,28 @@ var DrawerAction = function (_a) {
         })
             .finally(function () { return setLoadingExport(false); });
     };
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)(material_1.Box, { children: [pageCode === enums_1.PageCode.Lgn && ((0, jsx_runtime_1.jsx)(material_1.Tooltip, { title: t('Campaign.Preview'), children: (0, jsx_runtime_1.jsx)(material_1.Button, { variant: "outlined", color: "secondary", onClick: function (e) {
-                            e.stopPropagation();
-                            var url = "".concat(CONFIGS.CAPTIVE_DOMAIN, "/").concat(CONFIGS.PAGE_LOGIN_PREVIEW, "?loginId=").concat(pageId, "&domainId=").concat(domainId, "&isNetworkCampaign=false");
-                            window.open(url, '_blank');
-                        }, children: (0, jsx_runtime_1.jsx)(icons_material_1.VisibilityOutlined, {}) }) })), (0, jsx_runtime_1.jsx)(material_1.Tooltip, { title: t('Common.Export'), children: (0, jsx_runtime_1.jsx)(material_1.Button, { disabled: loadingExport, variant: "outlined", color: "secondary", style: { margin: '0px 16px' }, onClick: handleExport, children: (0, jsx_runtime_1.jsx)(icons_material_1.GetAppOutlined, {}) }) })] }) }));
+    var handlePreviewClose = function (event) {
+        event.stopPropagation();
+        setAnchorEl(null);
+    };
+    var handlePreview = function (domainId) {
+        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) {
+        e.stopPropagation();
+        setAnchorEl(e.currentTarget);
+    };
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { children: [pageCode === enums_1.PageCode.Lgn && ((0, jsx_runtime_1.jsx)(material_1.Tooltip, { title: t('Campaign.Preview'), children: (0, jsx_runtime_1.jsx)(material_1.Button, { variant: "outlined", color: "secondary", onClick: function (e) {
+                                handlePreview(domainId || CONFIGS.DEFAULT_PREVIEW_DOMAIN_ID);
+                            }, children: (0, jsx_runtime_1.jsx)(DomainPreview_1.default, { handlePreviewPage: handlePreviewPage, isSelectDomain: Boolean(service.domainsGetAll) }) }) })), (0, jsx_runtime_1.jsx)(material_1.Tooltip, { title: t('Common.Export'), children: (0, jsx_runtime_1.jsx)(material_1.Button, { disabled: loadingExport, variant: "outlined", color: "secondary", style: { margin: '0px 16px' }, onClick: handleExport, children: (0, jsx_runtime_1.jsx)(icons_material_1.GetAppOutlined, {}) }) })] }), open &&
+                (0, jsx_runtime_1.jsx)(PreviewButton_1.default, { anchorEl: anchorEl, open: open, domainIds: [], handlePreviewClose: handlePreviewClose, handlePreviewDomain: function (event, domainId) {
+                        handlePreview(domainId);
+                    }, service: service })] }));
 };
 exports.default = DrawerAction;

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

@@ -0,0 +1,6 @@
+import { ITemplateModel } from '../../../ACM-AXN/Template';
+import { Template } from '../Types';
+export declare const usePageCache: () => {
+    getTemplate: (templateId: string) => Promise<ITemplateModel>;
+    getTemplateList: (directoryId: string) => Promise<Template[]>;
+};

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

@@ -0,0 +1,63 @@
+"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 __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 });
+exports.usePageCache = void 0;
+var react_1 = __importDefault(require("react"));
+var Context_1 = __importDefault(require("../Context"));
+var recoil_1 = require("recoil");
+var Recoil_1 = require("./Recoil");
+var usePageCache = function () {
+    var _a = (0, recoil_1.useRecoilState)(Recoil_1.pageCacheData), _b = _a[0], directoryTemplate = _b.directoryTemplate, templates = _b.templates, setPageCache = _a[1];
+    var service = (0, Context_1.default)().service;
+    return {
+        getTemplate: react_1.default.useCallback(function (templateId) {
+            return new Promise(function (resolve) {
+                var template = templates.find(function (item) { return item.template.id === templateId; });
+                if (template)
+                    resolve(template);
+                else
+                    service.templatesGet(templateId).then(function (res) {
+                        setPageCache(function (p) { return (__assign(__assign({}, p), { templates: __spreadArray(__spreadArray([], p.templates, true), [res], false) })); });
+                        resolve(res);
+                    });
+            });
+        }, 
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+        [templates]),
+        getTemplateList: react_1.default.useCallback(function (directoryId) { return new Promise(function (resolve) {
+            var directory = directoryTemplate.find(function (item) { return item.directoryId === directoryId; });
+            if (directory)
+                resolve(directory.templateList);
+            else {
+                service.templatesGetByDirectoryId(directoryId).then(function (res) {
+                    setPageCache(function (p) { return (__assign(__assign({}, p), { directoryTemplate: __spreadArray(__spreadArray([], p.directoryTemplate, true), [{ directoryId: directoryId, templateList: res }], false) })); });
+                    resolve(res);
+                });
+            }
+            // eslint-disable-next-line react-hooks/exhaustive-deps
+        }); }, [directoryTemplate]),
+    };
+};
+exports.usePageCache = usePageCache;

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

@@ -1,8 +1,21 @@
 import { Directory } from '../../Campaign/Types';
-import { FormValid, PageModel } from '../Types';
+import { FormValid, PageModel, PageViewEvent, Template } from '../Types';
+import { ITemplateModel, ITemplateType } from '../../../ACM-AXN/Template';
 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>;
+export declare const hasDeprecated: import("recoil").RecoilState<boolean>;
+export declare const pageCacheData: import("recoil").RecoilState<{
+    directoryTemplate: {
+        directoryId: string;
+        templateList: Template[];
+    }[];
+    templates: ITemplateModel[];
+}>;
+export declare const templateTypeState: import("recoil").RecoilState<ITemplateType[]>;
+export declare const templateDirectoriesState: import("recoil").RecoilState<Directory[]>;

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.pageDirectoriesState = void 0;
+exports.templateDirectoriesState = exports.templateTypeState = exports.pageCacheData = exports.hasDeprecated = 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");
@@ -21,6 +21,10 @@ exports.pageDirectoriesState = (0, recoil_1.atom)({
     key: 'pageDirectoriesState',
     default: [],
 });
+exports.wiewMounted = (0, recoil_1.atom)({
+    key: 'wiewMounted',
+    default: false,
+});
 exports.pageRootDeirectory = (0, recoil_1.atom)({
     key: 'pageRootDeirectory',
     default: (0, recoil_1.selector)({
@@ -44,6 +48,7 @@ exports.pageChangedFormState = (0, recoil_1.atom)({
                 page: false,
                 commonHtml: false,
                 views: pageData.views.some(function (view) { return view.isChanged; }),
+                viewEvents: false,
             };
         },
     }),
@@ -67,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)({
@@ -109,3 +126,22 @@ exports.pageState = (0, recoil_1.selectorFamily)({
         };
     },
 });
+exports.hasDeprecated = (0, recoil_1.atom)({
+    key: 'hasDeprecated',
+    default: false,
+});
+exports.pageCacheData = (0, recoil_1.atom)({
+    key: 'pageCacheData',
+    default: {
+        directoryTemplate: [],
+        templates: [],
+    },
+});
+exports.templateTypeState = (0, recoil_1.atom)({
+    key: 'templateTypeState',
+    default: [],
+});
+exports.templateDirectoriesState = (0, recoil_1.atom)({
+    key: 'templateDirectoriesState',
+    default: [],
+});

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/Components/Panel.d.ts

@@ -1,10 +1,2 @@
-import PropTypes from 'prop-types';
-declare const PageTabPanel: {
-    (props: any): import("react/jsx-runtime").JSX.Element;
-    propTypes: {
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        index: PropTypes.Validator<any>;
-        value: PropTypes.Validator<any>;
-    };
-};
+declare const PageTabPanel: (props: any) => import("react/jsx-runtime").JSX.Element;
 export default PageTabPanel;

package/lib/ACM-AXN/Page/CreateOrEdit/Tabview/Components/Panel.js

@@ -21,20 +21,11 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var material_1 = require("@mui/material");
-var prop_types_1 = __importDefault(require("prop-types"));
 var PageTabPanel = function (props) {
     var children = props.children, value = props.value, index = props.index, other = __rest(props, ["children", "value", "index"]);
     return ((0, jsx_runtime_1.jsx)(material_1.Box, __assign({ component: "div", role: "tabpanel", hidden: value !== index, id: "full-width-tabpanel-".concat(index), "aria-labelledby": "full-width-tab-".concat(index) }, other, { children: value === index && (0, jsx_runtime_1.jsx)(material_1.Box, { sx: { '& > div:first-of-type': { padding: function (theme) { return theme.spacing(1); } }, p: 2 }, children: children }) })));
 };
-PageTabPanel.propTypes = {
-    children: prop_types_1.default.node,
-    index: prop_types_1.default.any.isRequired,
-    value: prop_types_1.default.any.isRequired,
-};
 exports.default = PageTabPanel;

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

@@ -1,4 +1,15 @@
 "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) {
@@ -35,49 +46,76 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var material_1 = require("@mui/material");
+var AWING_1 = require("../../../../AWING");
+var Context_1 = require("../../../../Context");
 var lodash_1 = require("lodash");
 var react_1 = __importDefault(require("react"));
 var recoil_1 = require("recoil");
-var AWING_1 = require("../../../../AWING");
-var Context_1 = require("../../../../Context");
 var ViewTemplate_1 = __importDefault(require("../../../ViewTemplate"));
 var Context_2 = __importDefault(require("../../Context"));
 var enums_1 = require("../../enums");
 var Recoil_1 = require("../Recoil");
 var Utils_1 = require("../Utils");
 var Styles_1 = require("./Styles");
+var ListenTemplate_1 = require("../ListenTemplate");
 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 getTemplate = (0, ListenTemplate_1.usePageCache)().getTemplate;
+    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 () {
+        onChange(['viewDatas'], []);
         if (viewInfoData === null || viewInfoData === void 0 ? void 0 : viewInfoData.templateId) {
             setLoading(true);
-            service
-                .templatesGet(viewInfoData.templateId)
+            getTemplate(viewInfoData.templateId)
                 .then(handleResData)
                 .finally(function () {
                 setLoading(false);
             });
         }
-        else {
-            onChange(['viewDatas'], []);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [viewInfoData.templateId]);
+    react_1.default.useEffect(function () {
+        if (!isUniq.current) {
+            setEvent(function (prev) {
+                return (0, lodash_1.uniqBy)(prev, function (a) {
+                    return JSON.stringify({
+                        event: a.event,
+                        viewNumber: a.viewNumber,
+                        pageId: a.pageId,
+                    });
+                });
+            });
+            isUniq.current = true;
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [service, viewInfoData.templateId, viewInfoData.viewDatas.length]);
+    }, [events]);
     var handleResData = function (res) {
         onChange(['viewDatas'], (0, Utils_1.getTemplateDatas)(res.templateParameters, viewInfoData, pageId, viewNumber));
+        setEvent(function (prev) { var _a; return __spreadArray(__spreadArray([], (_a = res === null || res === void 0 ? void 0 : res.templateEvents) === null || _a === void 0 ? void 0 : _a.map(function (item) { return ({ id: item.id, event: item.event, viewNumber: viewNumber + 1, pageId: pageId, protected: true }); }), true), prev, true); });
+        isUniq.current = false;
         onChange(['templateValidation'], res.template.validation);
         onChange(['templateHandleEvent'], res.template.autoField);
         setScriptValidationTemplate(res.template.validation || '');
@@ -134,14 +172,19 @@ 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 === null || events === void 0 ? void 0 : events.filter(function (item) { return item.viewNumber === viewNumber + 1; }), onChange: handleOnChange, onChangeViewValid: function (status) {
                             onChange(['isValidationFields'], [status]);
                         }, onChangeValidateProcess: function (processValue) {
                             onChange(['validProcessStatus'], processValue);
                         }, onNotifyError: function (errorMessage) {
                             appHelper.snackbar('error', errorMessage);
-                        }, onUploadFile: onUploadFile }) }) })) })) }));
+                        }, onUploadFile: onUploadFile, onChangeEvent: function (values) {
+                            setEvent(function (prev) {
+                                return prev.filter(function (item) { return item.viewNumber !== viewNumber + 1; }).concat(values.map(function (value) { return (__assign(__assign({}, value), { viewNumber: viewNumber + 1, pageId: pageId })); }));
+                            });
+                            isUniq.current = false;
+                        } }) }) })) })) }));
 };
 exports.default = ViewContent;

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

@@ -1,11 +1,11 @@
 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[];
-    directories: Directory[];
+    templateTypes: ITemplateType[];
     onChange: (keys: string[], value: unknown) => void;
     viewInfoData: ViewModel;
+    viewNumber: number;
 }
 declare const ViewInfo: React.FC<ViewInfoProps>;
 export default ViewInfo;