awing-library 2.1.2-dev.99 → 2.1.2-stable.10

package/lib/ACM-AXN/Directory/components/Permission/UserOrGroup.js

@@ -0,0 +1,47 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var material_1 = require("@mui/material");
+var react_i18next_1 = require("react-i18next");
+var AddAuthen_1 = __importDefault(require("./AddAuthen"));
+var react_router_dom_1 = require("react-router-dom");
+var Constant_1 = require("../../../../ACM-AXN/Common/Constant");
+function UserOrGroup(props) {
+    var t = (0, react_i18next_1.useTranslation)().t;
+    var isCreate = props.isCreate, selected = props.selected, onSelectedChange = props.onSelectedChange;
+    var handleDeleteAuthen = function (item) {
+        var newSelected = selected.filter(function (selectedItem) {
+            return selectedItem.userId
+                ? selectedItem.userId !== item.userId
+                : selectedItem.groupId !== item.groupId;
+        });
+        onSelectedChange(newSelected);
+    };
+    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { pb: 2, children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body1", fontWeight: 'bold', lineHeight: '40px', children: t('Directory.UserOrGroup') }), selected.length > 0 && ((0, jsx_runtime_1.jsx)(material_1.Box, { style: {
+                    display: 'flex',
+                    flexDirection: 'row',
+                    flexWrap: 'wrap',
+                    marginBottom: '8px',
+                }, children: selected.map(function (item, index) { return ((0, jsx_runtime_1.jsx)(material_1.Chip, __assign({ label: item.username || item.name }, (isCreate
+                    ? {
+                        onDelete: function () {
+                            handleDeleteAuthen(item);
+                        },
+                    }
+                    : {}), { style: { margin: '4px 8px 4px 0px' } }), index)); }) })), isCreate && ((0, jsx_runtime_1.jsx)(material_1.Button, { variant: "contained", color: "secondary", component: react_router_dom_1.Link, to: Constant_1.Constants.DIRECTORY_ADD_PERMISSION_ADD_NEWAUTHEN_PATH, children: t('Directory.AddUserOrGroup') })), (0, jsx_runtime_1.jsx)(react_router_dom_1.Routes, { children: (0, jsx_runtime_1.jsx)(react_router_dom_1.Route, { path: Constant_1.Constants.DIRECTORY_ADD_PERMISSION_ADD_NEWAUTHEN_PATH, element: (0, jsx_runtime_1.jsx)(AddAuthen_1.default, { oldSelected: selected, onSubmit: onSelectedChange }) }) })] }));
+}
+exports.default = UserOrGroup;

package/lib/ACM-AXN/Directory/components/Permission/UserOrGroup.test.d.ts

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

package/lib/ACM-AXN/Directory/components/Permission/UserOrGroup.test.js

@@ -0,0 +1,33 @@
+"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 UserOrGroup_1 = __importDefault(require("./UserOrGroup"));
+var react_1 = require("@testing-library/react");
+var react_router_dom_1 = require("react-router-dom");
+describe('UserOrGroup', function () {
+    var mockChange = jest.fn();
+    it('case empty', function () {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(react_router_dom_1.BrowserRouter, { children: (0, jsx_runtime_1.jsx)(UserOrGroup_1.default, { isCreate: true, selected: [], onSelectedChange: mockChange }) }));
+        expect(react_1.screen.getByText('Directory.UserOrGroup')).toBeInTheDocument();
+        var buttonAdd = react_1.screen.getByRole('link', {
+            name: 'Directory.AddUserOrGroup',
+        });
+        expect(buttonAdd).toBeInTheDocument();
+    });
+    it('case has selected', function () {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(react_router_dom_1.BrowserRouter, { children: (0, jsx_runtime_1.jsx)(UserOrGroup_1.default, { isCreate: true, selected: [
+                    { userId: '1', username: 'user1', name: 'User1' },
+                    { groupId: '2', name: 'group2' },
+                ], onSelectedChange: mockChange }) }));
+        var deleteButtons = react_1.screen.getAllByTestId('CancelIcon');
+        expect(deleteButtons).toHaveLength(2);
+        // Delete user1
+        react_1.fireEvent.click(deleteButtons[0]);
+        expect(mockChange.mock.calls[0][0]).toEqual([
+            { groupId: '2', name: 'group2' },
+        ]);
+    });
+});

package/lib/ACM-AXN/Directory/components/Permission/constants.d.ts

@@ -0,0 +1,12 @@
+export declare const PERMISSION_CODE: {
+    FULL_CONTROL: number;
+    MODIFY: number;
+    READ_AND_EXECUTE: number;
+    READ: number;
+    WRITE: number;
+    LIST_FOLDER_CONTENTS: number;
+};
+export declare const PermissionDetails: {
+    code: number;
+    name: string;
+}[];

package/lib/ACM-AXN/Directory/components/Permission/constants.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PermissionDetails = exports.PERMISSION_CODE = void 0;
+exports.PERMISSION_CODE = {
+    FULL_CONTROL: 0,
+    MODIFY: 2,
+    READ_AND_EXECUTE: 1,
+    READ: 3,
+    WRITE: 4,
+    LIST_FOLDER_CONTENTS: 5,
+};
+exports.PermissionDetails = [
+    {
+        code: exports.PERMISSION_CODE.FULL_CONTROL,
+        name: 'FullControl',
+    },
+    {
+        code: exports.PERMISSION_CODE.MODIFY,
+        name: 'Modify',
+    },
+    {
+        code: exports.PERMISSION_CODE.READ_AND_EXECUTE,
+        name: 'ReadAndExecute',
+    },
+    {
+        code: exports.PERMISSION_CODE.READ,
+        name: 'Read',
+    },
+    {
+        code: exports.PERMISSION_CODE.WRITE,
+        name: 'Write',
+    },
+    {
+        code: exports.PERMISSION_CODE.LIST_FOLDER_CONTENTS,
+        name: 'ListFolderContents',
+    },
+];

package/lib/ACM-AXN/Directory/components/Permission/index.d.ts

@@ -0,0 +1,5 @@
+interface Props {
+    isSystemDirectory?: boolean;
+}
+export default function DirectoryPermission(props: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/ACM-AXN/Directory/components/Permission/index.js

@@ -0,0 +1,22 @@
+"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_i18next_1 = require("react-i18next");
+var Management_1 = __importDefault(require("./Management"));
+var Context_1 = __importDefault(require("../../../../Context"));
+var react_1 = require("react");
+var Constant_1 = require("../../../../ACM-AXN/Common/Constant");
+var CreateOrEditPermission_1 = __importDefault(require("./CreateOrEditPermission"));
+var react_router_dom_1 = require("react-router-dom");
+function DirectoryPermission(props) {
+    var i18next = (0, react_1.useContext)(Context_1.default).i18next;
+    var isSystemDirectory = props.isSystemDirectory;
+    return ((0, jsx_runtime_1.jsxs)(react_i18next_1.I18nextProvider, { i18n: i18next, children: [(0, jsx_runtime_1.jsx)(Management_1.default, { isSystemDirectory: isSystemDirectory }), (0, jsx_runtime_1.jsxs)(react_router_dom_1.Routes, { children: [(0, jsx_runtime_1.jsx)(react_router_dom_1.Route, { path: Constant_1.Constants.DIRECTORY_ADD_PERMISSION_PATH + '/*', element: (0, jsx_runtime_1.jsx)(CreateOrEditPermission_1.default, { isSystemDirectory: isSystemDirectory }) }), (0, jsx_runtime_1.jsx)(react_router_dom_1.Route, { path: Constant_1.Constants.DIRECTORY_EDIT_PERMISSION_PATH +
+                            '/:type' +
+                            '/:id' +
+                            '/*', element: (0, jsx_runtime_1.jsx)(CreateOrEditPermission_1.default, { isSystemDirectory: isSystemDirectory }) })] })] }));
+}
+exports.default = DirectoryPermission;

package/lib/ACM-AXN/Directory/function.d.ts

@@ -0,0 +1,6 @@
+import { IRawData } from './interface';
+import { TreeNode } from '../../AWING';
+export declare const replaceChildren: (object1: TreeNode, object2: TreeNode) => TreeNode;
+export declare const convertData: (input: IRawData[], parentId?: string | null) => TreeNode[];
+export declare const convertMenuData: (input: any[], parentId?: string | null) => TreeNode[];
+export declare const translateMenu: (data: any, i18n: any, t: any) => any;

package/lib/ACM-AXN/Directory/function.js

@@ -0,0 +1,94 @@
+"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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.translateMenu = exports.convertMenuData = exports.convertData = exports.replaceChildren = void 0;
+var AWING_1 = require("../../AWING");
+var replaceChildren = function (object1, object2) {
+    if (object1.nodeId === object2.nodeId) {
+        var newObj1 = __assign({}, object1);
+        newObj1.children = object2.children;
+        return newObj1;
+    }
+    if (object1.children && object1.children.length > 0) {
+        var newChildren = object1.children.map(function (child) {
+            return (0, exports.replaceChildren)(child, object2);
+        });
+        var newObj1 = __assign({}, object1);
+        newObj1.children = newChildren;
+        return newObj1;
+    }
+    return object1;
+};
+exports.replaceChildren = replaceChildren;
+var convertData = function (input, parentId) {
+    if (parentId === void 0) { parentId = input[0].parentDirectoryId; }
+    var result = [];
+    for (var i = 0; i < input.length; i++) {
+        var item = input[i];
+        if (item.parentDirectoryId === parentId) {
+            var newItem = {
+                name: item.name,
+                nodeId: item.directoryId,
+                status: AWING_1.NodeStatus.Unchecked,
+                isSystem: item.isSystem,
+                parentId: item.parentDirectoryId,
+                children: [],
+            };
+            var children = (0, exports.convertData)(input, item.directoryId);
+            if (children.length > 0) {
+                newItem.children = children;
+            }
+            result.push(newItem);
+        }
+    }
+    return result;
+};
+exports.convertData = convertData;
+var convertMenuData = function (input, parentId) {
+    if (parentId === void 0) { parentId = input[0].parentMenuId; }
+    var result = [];
+    for (var i = 0; i < input.length; i++) {
+        var item = input[i];
+        if (item.parentMenuId === parentId) {
+            var newItem = {
+                name: item.name,
+                nodeId: item.menuId,
+                status: AWING_1.NodeStatus.Unchecked,
+                isSystem: true,
+                parentId: item.parentMenuId,
+                children: [],
+            };
+            var children = (0, exports.convertMenuData)(input, item.menuId);
+            if (children.length > 0) {
+                newItem.children = children;
+            }
+            result.push(newItem);
+        }
+    }
+    return result;
+};
+exports.convertMenuData = convertMenuData;
+var translateMenu = function (data, i18n, t) {
+    if (!data)
+        return data;
+    if (i18n.exists("Menu.MenuName.Menu_".concat(data.nodeId))) {
+        data.name = t("Menu.MenuName.Menu_".concat(data.nodeId));
+    }
+    if (data.children) {
+        data.children = data.children.map(function (child) {
+            return (0, exports.translateMenu)(child, i18n, t);
+        });
+    }
+    return data;
+};
+exports.translateMenu = translateMenu;

package/lib/ACM-AXN/Directory/interface.d.ts

@@ -0,0 +1,35 @@
+export interface DomainDirectoryProps {
+    rootDirectoryId: string;
+}
+export interface SystemDirectoryProps {
+    rootDirectoryId: string | number;
+}
+export type IRawData = {
+    description: null | string;
+    directoryPath: string;
+    isFile: boolean;
+    isSystem: boolean;
+    level: number;
+    objectTypeCode: string;
+    directoryId: string;
+    parentDirectoryId: string;
+    name: string;
+};
+export interface IDirectory {
+    description: string;
+    directoryId: string;
+    directoryPath: string;
+    isFile: boolean;
+    isSystem: boolean;
+    level: number;
+    name: string;
+    objectTypeCode: string;
+    parentDirectoryId: string;
+    order: number;
+}
+export type IUSerOrGroup = {
+    userId?: string;
+    groupId?: string;
+    name: string;
+    username?: string;
+};

package/lib/ACM-AXN/Directory/interface.js

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

package/lib/ACM-AXN/DomainPreview/PreviewButton.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { IDomain } from '../../ACM-AXN/Page/Types';
+interface PreviewCampaignContainerProps {
+    domainIds: string[];
+    open: boolean;
+    anchorEl: HTMLElement | null;
+    handlePreviewClose: (event: React.MouseEvent<HTMLElement>) => void;
+    handlePreviewDomain: (event: React.MouseEvent<HTMLElement>, domainId: string) => void;
+    service: {
+        domainsGetAll: () => Promise<IDomain[]>;
+        domainsGetByIds: (body: string[]) => Promise<IDomain[]>;
+    };
+}
+declare const PreviewCampaignContainer: React.FC<PreviewCampaignContainerProps>;
+export default PreviewCampaignContainer;

package/lib/ACM-AXN/DomainPreview/PreviewButton.js

@@ -0,0 +1,188 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var material_1 = require("@mui/material");
+var icons_material_1 = require("@mui/icons-material");
+var react_1 = __importStar(require("react"));
+var react_i18next_1 = require("react-i18next");
+var styles_1 = require("@mui/styles");
+var AWING_1 = require("../../AWING");
+var lodash_1 = require("lodash");
+var useStylesContainer = (0, styles_1.makeStyles)(function () {
+    var _a, _b;
+    var theme = (0, material_1.useTheme)();
+    return {
+        circularProgress: {
+            width: '10px !important',
+            height: '10px !important',
+            margin: '0px auto',
+        },
+        drawer: {
+            width: theme.spacing(60),
+        },
+        search: (_a = {
+                position: 'relative',
+                borderRadius: theme.shape.borderRadius,
+                backgroundColor: 'rgba(255, 255, 255, 0.15)',
+                '&:hover': {
+                    backgroundColor: 'rgba(255, 255, 255, 0.25)',
+                },
+                marginRight: theme.spacing(2),
+                marginLeft: 0,
+                width: '100%'
+            },
+            _a[theme.breakpoints.up('sm')] = {
+                marginLeft: theme.spacing(3),
+                width: 'auto',
+            },
+            _a),
+        searchIcon: {
+            padding: theme.spacing(0, 2),
+            height: '100%',
+            position: 'absolute',
+            pointerEvents: 'none',
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+        },
+        inputRoot: {
+            color: 'inherit',
+        },
+        inputInput: (_b = {
+                padding: theme.spacing(1, 1, 1, 0),
+                // vertical padding + font size from searchIcon
+                paddingLeft: "calc(1em + ".concat(theme.spacing(4), "px)"),
+                transition: theme.transitions.create('width'),
+                width: '100%'
+            },
+            _b[theme.breakpoints.up('md')] = {
+                width: '20ch',
+            },
+            _b),
+    };
+});
+var PreviewCampaignContainer = function (props) {
+    var domainIds = props.domainIds, open = props.open, anchorEl = props.anchorEl, handlePreviewClose = props.handlePreviewClose, handlePreviewDomain = props.handlePreviewDomain, service = props.service;
+    var t = (0, react_i18next_1.useTranslation)().t;
+    var _a = react_1.default.useState([]), domains = _a[0], setDomains = _a[1];
+    var _b = react_1.default.useState(false), loadingFlags = _b[0], setLoadingFlags = _b[1];
+    var classes = useStylesContainer();
+    react_1.default.useEffect(function () {
+        setLoadingFlags(true);
+    }, []);
+    react_1.default.useEffect(function () {
+        if (open === true) {
+            if (domainIds.length) {
+                service
+                    .domainsGetByIds(domainIds)
+                    .then(setDomains)
+                    .finally(function () { return setLoadingFlags(false); });
+            }
+            else {
+                service
+                    .domainsGetAll()
+                    .then(function (res) {
+                    setAllDomain(res);
+                    setDomains(res.slice(0, 5));
+                })
+                    .finally(function () { return setLoadingFlags(false); });
+            }
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [domainIds, open]);
+    var _c = react_1.default.useState(false), openDrawer = _c[0], setOpenDrawer = _c[1];
+    var toggleDrawer = function (open) { return function (event) {
+        event.stopPropagation();
+        if (event &&
+            event.type === 'keydown' &&
+            (event.key === 'Tab' ||
+                event.key === 'Shift')) {
+            return;
+        }
+        setOpenDrawer(open);
+    }; };
+    var _d = react_1.default.useState(''), searchDomainString = _d[0], setSearchDomainString = _d[1];
+    var _e = react_1.default.useState([]), allDomain = _e[0], setAllDomain = _e[1];
+    var _f = react_1.default.useState(true), isLoadingAllDomain = _f[0], setIsLoadingAllDomain = _f[1];
+    react_1.default.useEffect(function () {
+        if (openDrawer === true && allDomain.length <= 0) {
+            setIsLoadingAllDomain(true);
+            service
+                .domainsGetAll()
+                .then(setAllDomain)
+                .finally(function () { return setIsLoadingAllDomain(false); });
+        }
+        else {
+            setIsLoadingAllDomain(false);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [openDrawer]);
+    var translationText = {
+        searchPlaceholder: t('Common.SearchPlaceholder'),
+        copyToClipboard: t('Common.Preview'),
+        other: t('Campaign.Type.Other'),
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    var handleSearch = (0, react_1.useCallback)((0, lodash_1.debounce)(setSearchDomainString, 300), []);
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(material_1.Menu, { id: "long-menu", anchorEl: anchorEl, keepMounted: true, open: open, onClose: handlePreviewClose, PaperProps: {
+                    style: {
+                        maxHeight: 48 * 4.5,
+                        width: '25ch',
+                    },
+                }, children: [loadingFlags ? ((0, jsx_runtime_1.jsx)(material_1.MenuItem, { children: (0, jsx_runtime_1.jsx)(AWING_1.CircularProgress, {}) })) : (domains &&
+                        domains.map(function (domain) { return ((0, jsx_runtime_1.jsx)(material_1.MenuItem, { onClick: function (event) {
+                                handlePreviewClose(event);
+                                handlePreviewDomain(event, domain.domainId);
+                            }, children: domain.name }, domain.domainId)); })), !loadingFlags && ((0, jsx_runtime_1.jsx)(material_1.MenuItem, { onClick: toggleDrawer(true), children: translationText.other }))] }), (0, jsx_runtime_1.jsx)(material_1.Drawer, { anchor: 'right', open: openDrawer, onClose: function () {
+                    toggleDrawer(false);
+                    handlePreviewClose({ stopPropagation: function () { } });
+                }, onClick: function (e) { return e.stopPropagation(); }, sx: {
+                    zIndex: function (theme) { return theme.zIndex.drawer * 10; },
+                }, children: isLoadingAllDomain ? ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
+                            width: function (t) { return t.spacing(60); },
+                        }, children: (0, jsx_runtime_1.jsx)(AWING_1.CircularProgress, {}) }) })) : ((0, jsx_runtime_1.jsxs)(material_1.List, { className: classes.drawer, children: [(0, jsx_runtime_1.jsx)(material_1.ListItem, { component: "div", children: (0, jsx_runtime_1.jsx)(material_1.TextField, { fullWidth: true, placeholder: translationText.searchPlaceholder, inputProps: { 'aria-label': 'search' }, InputProps: {
+                                    startAdornment: (0, jsx_runtime_1.jsx)(icons_material_1.Search, {}),
+                                }, onChange: function (e) { return handleSearch(e.target.value); } }) }), (0, jsx_runtime_1.jsx)(material_1.Divider, {}), allDomain &&
+                            allDomain
+                                .filter(function (d) {
+                                return d.name
+                                    .toLowerCase()
+                                    .includes(searchDomainString.toLowerCase());
+                            })
+                                .sort(function (a, b) {
+                                return a.name !== b.name
+                                    ? a.name < b.name
+                                        ? -1
+                                        : 1
+                                    : 0;
+                            })
+                                .map(function (domain) { return ((0, jsx_runtime_1.jsxs)(material_1.ListItem, { button: true, onClick: function (e) {
+                                    return handlePreviewDomain(e, domain.domainId);
+                                }, children: [(0, jsx_runtime_1.jsx)(material_1.ListItemText, { primary: domain.name }), (0, jsx_runtime_1.jsx)(material_1.ListItemSecondaryAction, { children: (0, jsx_runtime_1.jsx)(material_1.Tooltip, { title: translationText.copyToClipboard, placement: "left", arrow: true, children: (0, jsx_runtime_1.jsx)(material_1.IconButton, { edge: "end", onClick: function (e) {
+                                                    return handlePreviewDomain(e, domain.domainId);
+                                                }, children: (0, jsx_runtime_1.jsx)(icons_material_1.VisibilityOutlined, { fontSize: "small" }) }) }) })] }, domain.domainId)); })] })) })] }));
+};
+exports.default = PreviewCampaignContainer;

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

@@ -0,0 +1,7 @@
+import React from 'react';
+interface DomainPreviewProps {
+    handlePreviewPage: (e: React.MouseEvent<HTMLSpanElement, any>) => void;
+    isSelectDomain?: boolean;
+}
+declare const DomainPreview: React.FC<DomainPreviewProps>;
+export default DomainPreview;

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

@@ -0,0 +1,10 @@
+"use strict";
+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 = function (_a) {
+    var handlePreviewPage = _a.handlePreviewPage, isSelectDomain = _a.isSelectDomain;
+    return isSelectDomain ? ((0, jsx_runtime_1.jsxs)(material_1.Typography, { component: 'p', sx: { display: 'flex' }, children: [(0, jsx_runtime_1.jsx)(icons_material_1.VisibilityOutlined, {}), (0, jsx_runtime_1.jsx)(material_1.Typography, { component: 'span', "aria-label": "more", "aria-controls": "long-menu", "aria-haspopup": "true", onClick: handlePreviewPage, sx: { height: '20px' }, children: (0, jsx_runtime_1.jsx)(icons_material_1.ArrowDropDown, { fontSize: "small" }) })] })) : ((0, jsx_runtime_1.jsx)(icons_material_1.VisibilityOutlined, {}));
+};
+exports.default = DomainPreview;

package/lib/ACM-AXN/GeoFencing/GeoFencingComponent.test.d.ts

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

package/lib/ACM-AXN/GeoFencing/GeoFencingComponent.test.js

@@ -0,0 +1,47 @@
+"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 enzyme_1 = require("enzyme");
+var enzyme_adapter_react_16_1 = __importDefault(require("enzyme-adapter-react-16"));
+var component_1 = __importDefault(require("../PlaceFilter/Input/GeoFencing/component"));
+(0, enzyme_1.configure)({ adapter: new enzyme_adapter_react_16_1.default() });
+describe("ACM > PlaceFilter > Input > GeoFencing > component", function () {
+    var mockOnGoongMapSelect = jest.fn(function () { });
+    var mockOnChange = jest.fn(function () { });
+    var mockOnSearch = jest.fn(function () { });
+    var configs = {
+        GOONG_MAP_KEY: "hSwoA8SR8o0yMkP7ucnADcx3xY8OD4MnxZTMrCfo",
+        GOONG_API_KEY: "JUkTlUZ11wZmX6jSPoLPtEsG8VuPbMddMcihKNoe",
+    };
+    it("Case have no init", function () {
+        var Wrapper = function () {
+            return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(component_1.default, { label: "GeoFencing", configs: configs, marker: undefined, radius: "500", locationString: "", onGoongMapSelect: mockOnGoongMapSelect, onChange: mockOnChange, onSearch: mockOnSearch }) }));
+        };
+        var wrapper = (0, enzyme_1.mount)((0, jsx_runtime_1.jsx)(Wrapper, {}));
+        var inputs = wrapper.find("input");
+        expect(inputs.length).toEqual(2);
+        inputs
+            .at(0)
+            .simulate("change", { target: { value: "23.456, 23.456" } });
+        expect(mockOnChange.mock.calls[0][0]).toEqual("locationString");
+        expect(mockOnChange.mock.calls[0][1]).toEqual("23.456, 23.456");
+        inputs.at(1).simulate("change", { target: { value: "1000" } });
+        expect(mockOnChange.mock.calls[1][0]).toEqual("radius");
+        expect(mockOnChange.mock.calls[1][1]).toEqual("1000");
+        inputs.at(1).simulate("keydown", { key: "Enter" });
+        expect(mockOnSearch.mock.calls.length).toEqual(1);
+    });
+    it("Case have init", function () {
+        var Wrapper = function () {
+            return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(component_1.default, { label: "GeoFencing", configs: configs, marker: { latitude: 23.456, longitude: 23.456 }, radius: "500", locationString: "23.456, 23.456", onGoongMapSelect: mockOnGoongMapSelect, onChange: mockOnChange, onSearch: mockOnSearch }) }));
+        };
+        var wrapper = (0, enzyme_1.mount)((0, jsx_runtime_1.jsx)(Wrapper, {}));
+        var inputs = wrapper.find("input");
+        expect(inputs.length).toEqual(2);
+        expect(inputs.get(0).props.value).toEqual("23.456, 23.456");
+        expect(inputs.get(1).props.value).toEqual("500");
+    });
+});

package/lib/ACM-AXN/GeoFencing/GeoFencingContainer.test.d.ts

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

package/lib/ACM-AXN/GeoFencing/GeoFencingContainer.test.js

@@ -0,0 +1,54 @@
+"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 enzyme_1 = require("enzyme");
+var enzyme_adapter_react_16_1 = __importDefault(require("enzyme-adapter-react-16"));
+var container_1 = __importDefault(require("../PlaceFilter/Input/GeoFencing/container"));
+(0, enzyme_1.configure)({ adapter: new enzyme_adapter_react_16_1.default() });
+describe("ACM > PlaceFilter > Input > GeoFencing > container", function () {
+    var mockOnChange = jest.fn(function () { });
+    var configs = {
+        GOONG_MAP_KEY: "hSwoA8SR8o0yMkP7ucnADcx3xY8OD4MnxZTMrCfo",
+        GOONG_API_KEY: "JUkTlUZ11wZmX6jSPoLPtEsG8VuPbMddMcihKNoe",
+    };
+    it("Test", function () {
+        var Wrapper = function () {
+            return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(container_1.default, { initValue: undefined, onChange: mockOnChange, label: "Demo", configs: configs }) }));
+        };
+        var wrapper = (0, enzyme_1.mount)((0, jsx_runtime_1.jsx)(Wrapper, {}));
+        var inputs = wrapper.find("input");
+        inputs.at(0).simulate("change", { target: { value: "invalid value" } });
+        inputs.at(0).simulate("keydown", { key: "Enter" });
+        expect(mockOnChange.mock.calls.length).toEqual(0);
+        inputs
+            .at(0)
+            .simulate("change", { target: { value: "23.456, 23.456" } });
+        inputs.at(0).simulate("keydown", { key: "Enter" });
+        expect(mockOnChange.mock.calls.length).toEqual(1);
+        expect(mockOnChange.mock.calls[0][0]).toEqual({
+            latitude: 23.456,
+            longitude: 23.456,
+            radius: 500,
+        });
+    });
+    it("Case have init value", function () {
+        var Wrapper = function () {
+            return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(container_1.default, { initValue: {
+                        latitude: 23.456,
+                        longitude: 23.456,
+                        radius: 1000,
+                    }, onChange: mockOnChange, label: "Demo", configs: configs, value: {
+                        latitude: 23.456,
+                        longitude: 23.456,
+                        radius: 1000,
+                    } }) }));
+        };
+        var wrapper = (0, enzyme_1.mount)((0, jsx_runtime_1.jsx)(Wrapper, {}));
+        var inputs = wrapper.find("input");
+        expect(inputs.get(0).props.value).toEqual("23.456, 23.456");
+        expect(inputs.get(1).props.value).toEqual("1000");
+    });
+});