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

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

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

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

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

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

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("react");
+var Context_1 = require("./Context");
+var useAuthenticationProfileProps = function () {
+    var authenticationProfileProps = (0, react_1.useContext)(Context_1.authenticationProfilePropsContext);
+    var props = (0, react_1.useMemo)(function () {
+        return authenticationProfileProps;
+    }, [authenticationProfileProps]);
+    return props;
+};
+exports.default = useAuthenticationProfileProps;

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

@@ -0,0 +1,75 @@
+export interface Cancel {
+    message: string | undefined;
+}
+export interface CancelToken {
+    promise: Promise<Cancel>;
+    reason?: Cancel;
+    throwIfRequested(): void;
+}
+export interface AuthenticationProfileService {
+    /**
+     * API authenticationProfilesPaging: Lấy tất cả authenticationProfiles.
+     **/
+    authenticationProfilesPaging: (searchString: string | undefined, pageSize: number | undefined, pageIndex: number | undefined, cancelToken?: CancelToken) => Promise<PagedList_1OfAuthenticationProfile>;
+    /**
+     * API authenticationProfilesDelete: xóa authenticationProfile.
+     **/
+    authenticationProfilesDelete: (id: string, cancelToken?: CancelToken) => Promise<void>;
+    /**
+     * API authenticationProfilesGet: chi tiết authenticationProfile.
+     **/
+    authenticationProfilesGet: (id: string, cancelToken?: CancelToken) => Promise<AuthenticationProfile>;
+    apsGetApControllers: (cancelToken?: CancelToken) => Promise<ApController[]>;
+    /**
+     * API authenticationProfilesPut:  cập nhật authenticationProfile.
+     **/
+    authenticationProfilesPut: (id: string, body: AuthenticationProfile | undefined, cancelToken?: CancelToken) => Promise<void>;
+    /**
+     * API authenticationProfilesPost:  thêm mới authenticationProfile.
+     **/
+    authenticationProfilesPost: (body: AuthenticationProfile | undefined, cancelToken?: CancelToken) => Promise<void>;
+}
+export interface ApController {
+    apControllerCode?: string | undefined;
+    name?: string | undefined;
+    clientAddress?: string | undefined;
+    apAddress?: string | undefined;
+}
+export interface AuthenticationProfileFeatureProps {
+    service: AuthenticationProfileService;
+}
+export interface Timestamp {
+    seconds?: string;
+    nanos?: number;
+}
+export interface AuthenticationProfile {
+    authenticationProfileId?: string;
+    name?: string | undefined;
+    directoryId?: string;
+    directoryPath?: string | undefined;
+    authenticationMethodCode?: string | undefined;
+    apControllerCode?: string | undefined;
+    parameters?: string | undefined;
+    description?: string | undefined;
+    createdDate?: Timestamp;
+}
+export interface PagedList_1OfAuthenticationProfile {
+    items?: AuthenticationProfile[] | undefined;
+    pageCount?: number;
+    totalItemCount?: number;
+    pageNumber?: number;
+    pageSize?: number;
+    hasPreviousPage?: boolean;
+    hasNextPage?: boolean;
+}
+export interface IAuthenticationProfile {
+    authenticationProfileId?: string;
+    name?: string | undefined;
+    directoryId?: string;
+    directoryPath?: string | undefined;
+    authenticationMethodCode?: string | undefined;
+    apControllerCode?: string | undefined;
+    parameters?: string | undefined;
+    description?: string | undefined;
+    createdDate?: Timestamp;
+}

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

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

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

@@ -0,0 +1,11 @@
+export declare const AUTHENTICATION_METHOD_CODE: {
+    MethodByLocalAP: string;
+    MethodByApi: string;
+    MethodByRadius: string;
+};
+export declare const AP_CONTROLLER_CODE: {
+    /**
+     * All => là trường "Chọn tất cả" trong AP Controller Code
+     **/
+    All: string;
+};

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

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AP_CONTROLLER_CODE = exports.AUTHENTICATION_METHOD_CODE = void 0;
+exports.AUTHENTICATION_METHOD_CODE = {
+    MethodByLocalAP: 'standard',
+    MethodByApi: 'api',
+    MethodByRadius: 'radius',
+};
+exports.AP_CONTROLLER_CODE = {
+    /**
+     * All => là trường "Chọn tất cả" trong AP Controller Code
+     **/
+    All: 'all',
+};

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

@@ -0,0 +1,2 @@
+import { AuthenticationProfileFeatureProps } from './Types';
+export declare const AuthenticationProfileFeature: React.FC<AuthenticationProfileFeatureProps>;

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

@@ -0,0 +1,40 @@
+"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 });
+exports.AuthenticationProfileFeature = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_i18next_1 = require("react-i18next");
+var i18n_1 = __importDefault(require("../../i18n"));
+var Container_1 = __importDefault(require("./Container"));
+var CreateOrEdit_1 = __importDefault(require("./CreateOrEdit"));
+var Constant_1 = require("../Common/Constant");
+var Router_1 = require("../../AWING/Router");
+var Context_1 = require("./Context");
+var AuthenticationProfile = function (props) {
+    var paths = [
+        {
+            path: Constant_1.Constants.CREATE_PATH,
+            element: (0, jsx_runtime_1.jsx)(CreateOrEdit_1.default, {}),
+        },
+        {
+            path: Constant_1.Constants.EDIT_PATH + '/:id',
+            element: (0, jsx_runtime_1.jsx)(CreateOrEdit_1.default, {}),
+        },
+    ];
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Container_1.default, {}), (0, jsx_runtime_1.jsx)(Router_1.Routes, { children: paths.map(function (p) { return ((0, jsx_runtime_1.jsx)(Router_1.Route, { path: p.path, element: p.element }, p.path)); }) })] }));
+};
+var AuthenticationProfileFeature = function (props) { return ((0, jsx_runtime_1.jsx)(react_i18next_1.I18nextProvider, { i18n: i18n_1.default, children: (0, jsx_runtime_1.jsx)(Context_1.authenticationProfilePropsContext.Provider, { value: props, children: (0, jsx_runtime_1.jsx)(AuthenticationProfile, __assign({}, props)) }) })); };
+exports.AuthenticationProfileFeature = AuthenticationProfileFeature;

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

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

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

@@ -0,0 +1,291 @@
+"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 });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var icons_material_1 = require("@mui/icons-material");
+var material_1 = require("@mui/material");
+var Constant_1 = require("../../ACM-AXN/Common/Constant");
+var lodash_1 = require("lodash");
+var react_1 = require("react");
+var react_i18next_1 = require("react-i18next");
+var AWING_1 = require("../../AWING");
+var Router_1 = require("../../AWING/Router");
+var CopyButton_1 = __importDefault(require("../../Commons/Components/CopyButton"));
+var Context_1 = require("../../Context");
+var Helpers_1 = require("../../Utils/Helpers");
+var Enum_1 = require("./Enum");
+var Hooks_1 = __importDefault(require("./Hooks"));
+var Utils_1 = require("./Utils");
+var CampaignContainer = function () {
+    var _a;
+    var t = (0, react_i18next_1.useTranslation)().t;
+    var service = (0, Hooks_1.default)().service;
+    var _b = (0, Context_1.useAwing)().appHelper, confirm = _b.confirm, snackbar = _b.snackbar;
+    var navigate = (0, Router_1.useNavigate)();
+    var location = (0, Router_1.useLocation)();
+    var _c = (0, react_1.useState)([]), directories = _c[0], setDirectories = _c[1];
+    var _d = (0, react_1.useState)([]), collapseIds = _d[0], setCollapseId = _d[1];
+    var _e = (0, react_1.useState)(), listCampaign = _e[0], setListCampaign = _e[1];
+    var _f = (0, react_1.useState)(true), loading = _f[0], setLoading = _f[1];
+    (0, react_1.useEffect)(function () {
+        if (location.pathname.endsWith("/" + Constant_1.Constants.CAMPAIGN_PATH)) {
+            fetchDirectories();
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [location]);
+    var fetchDirectories = function () {
+        service
+            .directoriesGetByObjectTypeCode(Enum_1.DirectoryRoot.Campaign)
+            .then(setDirectories);
+    };
+    var getCampaign = (0, react_1.useCallback)(function (params) {
+        var advancedObject = params.advancedObject, id = params.id, searchString = params.searchString, pageIndex = params.pageIndex, pageSize = params.pageSize;
+        setCollapseId([]);
+        var _a = advancedObject || {}, directoryId = _a.directoryId, priority = _a.priority, status = _a.status, type = _a.type;
+        var startDate = '';
+        var endDate = '';
+        if (advancedObject === null || advancedObject === void 0 ? void 0 : advancedObject.date) {
+            startDate = (0, Utils_1.advancedSearchFormatDate)(advancedObject.date[0]);
+            endDate = (0, Utils_1.advancedSearchFormatDate)(advancedObject.date[1]);
+        }
+        setLoading(true);
+        service
+            .campaignsPaging({
+            directoryId: directoryId,
+            campaignId: id || 0,
+            searchString: searchString,
+            startDate: startDate,
+            endDate: endDate,
+            pageIndex: pageIndex,
+            pageSize: pageSize,
+            // placeIds: ,
+            priorities: priority && [priority],
+            status: status !== undefined ? [status] : undefined,
+            types: type && [type],
+        })
+            .then(setListCampaign)
+            .finally(function () { return setLoading(false); });
+    }, [service]);
+    var handleCollapse = function (event) {
+        var _a;
+        event.stopPropagation();
+        var targetId = (_a = event.currentTarget) === null || _a === void 0 ? void 0 : _a.name;
+        setCollapseId(function (prev) {
+            var index = prev.findIndex(function (id) { return id === targetId; });
+            if (index === -1) {
+                prev.push(targetId);
+            }
+            else {
+                prev.splice(index, 1);
+            }
+            return __spreadArray([], prev, true);
+        });
+    };
+    var handleRowClick = function (id, event) {
+        if ((event === null || event === void 0 ? void 0 : event.currentTarget.dataset.row) === 'row')
+            navigate([
+                Constant_1.Constants.CAMPAIGN_DETAIL,
+                id,
+                Constant_1.Constants.CAMPAIGN_INFORMATION,
+            ].join('/'));
+    };
+    var handleClone = function (id) {
+        navigate([Constant_1.Constants.CAMPAIGN_CLONE, id, Constant_1.Constants.CAMPAIGN_INFORMATION].join('/'));
+    };
+    var handleDelete = function (id) {
+        return service.campaignsDelete(id);
+    };
+    var renderStatus = function (row) {
+        var _a;
+        var statusConfig = (_a = {},
+            _a[Enum_1.CampaignStatus.Draft] = {
+                label: 'Campaign.Status.Draft',
+                color: Enum_1.ColorCampaignStatus.Draft
+            },
+            _a[Enum_1.CampaignStatus.Reserved] = {
+                label: 'Campaign.Status.Reserved',
+                color: Enum_1.ColorCampaignStatus.Reserved
+            },
+            _a[Enum_1.CampaignStatus.Pending] = {
+                label: 'Campaign.Status.Pending',
+                color: Enum_1.ColorCampaignStatus.UnderApproval
+            },
+            _a[Enum_1.CampaignStatus.Active] = {
+                label: 'Campaign.Status.Active',
+                color: function (row) { return (0, Utils_1.checkCampaignIsRunning)(row) ? Enum_1.ColorCampaignStatus.Active : Enum_1.ColorCampaignStatus.UnActive; }
+            },
+            _a[Enum_1.CampaignStatus.Done] = {
+                label: 'Campaign.Status.Done',
+                color: Enum_1.ColorCampaignStatus.Done
+            },
+            _a);
+        var status = row === null || row === void 0 ? void 0 : row.campaignGroup.status;
+        var config = statusConfig[status];
+        if (!config)
+            return null;
+        return ((0, jsx_runtime_1.jsx)(material_1.Chip, { label: t(config.label), style: {
+                height: 18,
+                backgroundColor: typeof config.color === 'function' ? config.color(row) : config.color,
+                color: 'white',
+                marginBottom: '4px',
+                marginLeft: '4px'
+            } }));
+    };
+    return ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
+            '& tr[data-row="sub-row"]': {
+                cursor: 'default!important',
+                button: { display: 'none!important' },
+            },
+        }, children: (0, jsx_runtime_1.jsx)(AWING_1.PageManagement, { title: t('Campaign.Title'), onChangeQueryInput: getCampaign, includeSearchById: true, getRowId: function (obj) { var _a; return (_a = obj.campaign) === null || _a === void 0 ? void 0 : _a.id; }, advancedSearchFields: [
+                {
+                    fieldName: 'date',
+                    label: t('Campaign.DateRange'),
+                    type: 'date-range',
+                    icon: (0, jsx_runtime_1.jsx)(icons_material_1.Event, { fontSize: "small" }),
+                    isShowCalendarInfo: true,
+                },
+                {
+                    fieldName: 'status',
+                    label: t('Campaign.AdvanceSearchStatus'),
+                    type: 'autocomplete',
+                    icon: (0, jsx_runtime_1.jsx)(icons_material_1.Place, { fontSize: "small" }),
+                    options: (0, Utils_1.getCampaignStatus)(!Boolean(service.attributesGetByObjectTypeCode)).map(function (item) { return ({
+                        value: item.value,
+                        text: t(['Campaign.Status', item.key].join('.')),
+                    }); }),
+                },
+                {
+                    fieldName: 'priority',
+                    label: t('Campaign.AdvanceSearchPriority'),
+                    type: 'autocomplete',
+                    icon: (0, jsx_runtime_1.jsx)(icons_material_1.StarOutlined, { fontSize: "small" }),
+                    options: Object.entries(Enum_1.CampaignPriority).map(function (_a) {
+                        var key = _a[0], value = _a[1];
+                        return ({
+                            value: value,
+                            text: t(['Campaign', key].join('.')),
+                        });
+                    }),
+                },
+                {
+                    fieldName: 'type',
+                    label: t('Campaign.AdvanceSearchAdsType'),
+                    type: 'autocomplete',
+                    icon: (0, jsx_runtime_1.jsx)(icons_material_1.FlashOnOutlined, { fontSize: "small" }),
+                    options: Object.entries(Utils_1.CampaignType).map(function (_a) {
+                        var key = _a[0], value = _a[1];
+                        return ({
+                            value: value,
+                            text: t(['Campaign.Type', key].join('.')),
+                        });
+                    }),
+                },
+                {
+                    fieldName: 'directoryId',
+                    label: t('Common.Directory'),
+                    type: 'directory',
+                    icon: (0, jsx_runtime_1.jsx)(icons_material_1.FolderOpen, { fontSize: "small" }),
+                    rootId: (_a = (0, lodash_1.minBy)(directories, 'level')) === null || _a === void 0 ? void 0 : _a.directoryId,
+                    options: directories.map(function (directory) { return (__assign(__assign({}, directory), { text: directory.name, value: directory.directoryId })); }),
+                },
+            ], loading: loading, columns: [
+                {
+                    field: 'id',
+                    headerName: '#',
+                    width: '250px',
+                    dynamicTableCellProps: function (row) {
+                        var _a;
+                        return ({
+                            name: ((_a = row === null || row === void 0 ? void 0 : row.campaign) === null || _a === void 0 ? void 0 : _a.id) || 'sub-row',
+                        });
+                    },
+                    valueGetter: function (row) {
+                        var _a, _b;
+                        if (row.campaign) {
+                            return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: { display: 'flex' }, children: [(0, jsx_runtime_1.jsx)("span", { children: (_a = row === null || row === void 0 ? void 0 : row.campaign) === null || _a === void 0 ? void 0 : _a.id }), (0, jsx_runtime_1.jsx)(CopyButton_1.default, { id: (_b = row === null || row === void 0 ? void 0 : row.campaign) === null || _b === void 0 ? void 0 : _b.id })] }));
+                        }
+                    },
+                },
+                {
+                    field: 'name',
+                    headerName: t('Common.Name'),
+                    valueGetter: function (row) {
+                        var _a, _b, _c, _d, _e;
+                        if ((_a = row === null || row === void 0 ? void 0 : row.campaign) === null || _a === void 0 ? void 0 : _a.id) {
+                            return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: { display: 'flex' }, children: [(0, jsx_runtime_1.jsx)("span", { style: { color: '#315d98' }, children: (_b = row === null || row === void 0 ? void 0 : row.campaign) === null || _b === void 0 ? void 0 : _b.name }), (0, jsx_runtime_1.jsx)(material_1.IconButton, { size: "small", sx: {
+                                            padding: 0,
+                                            marginLeft: '10px',
+                                        }, name: (_c = row === null || row === void 0 ? void 0 : row.campaign) === null || _c === void 0 ? void 0 : _c.id, onClick: handleCollapse, children: (0, jsx_runtime_1.jsx)(material_1.Box, { name: (_d = row === null || row === void 0 ? void 0 : row.campaign) === null || _d === void 0 ? void 0 : _d.id, component: collapseIds.includes((_e = row === null || row === void 0 ? void 0 : row.campaign) === null || _e === void 0 ? void 0 : _e.id)
+                                                ? icons_material_1.KeyboardArrowUp
+                                                : icons_material_1.KeyboardArrowDown }) })] }));
+                        }
+                        else {
+                            return ((0, jsx_runtime_1.jsxs)(material_1.Box, { style: { paddingLeft: '32px' }, children: [(0, jsx_runtime_1.jsx)("span", { children: row === null || row === void 0 ? void 0 : row.campaignGroup.name }), (0, jsx_runtime_1.jsx)(material_1.Typography, { component: 'span', sx: {
+                                            color: '#000',
+                                            fontSize: '1.1rem',
+                                            marginLeft: '8px',
+                                            fontFamily: '"Segoe UI Symbol", "Apple Symbols", "Noto Sans Symbols 2" !important',
+                                        }, children: (0, Utils_1.getCampaignPriority)(row === null || row === void 0 ? void 0 : row.campaignGroup.priority) }), renderStatus(row)] }));
+                        }
+                    },
+                },
+                {
+                    field: 'booking',
+                    headerName: (0, jsx_runtime_1.jsx)(material_1.Box, { sx: { width: '150px', textAlign: 'right' }, children: t('Campaign.BookingText') }),
+                    valueGetter: function (row) {
+                        var _a;
+                        var text = '';
+                        if ((_a = row === null || row === void 0 ? void 0 : row.campaign) === null || _a === void 0 ? void 0 : _a.id) {
+                            text = (0, Utils_1.getTotalBooking)(row === null || row === void 0 ? void 0 : row.campaignGroups);
+                        }
+                        else {
+                            text = (0, Utils_1.checkPriority)(row.campaignGroup.priority, Enum_1.CampaignPriority.ClassB)
+                                ? (0, Helpers_1.formatNumber)(row.campaignGroup.bookingAmount)
+                                : 'N/A';
+                        }
+                        return (0, jsx_runtime_1.jsx)(material_1.Box, { sx: { width: '150px', textAlign: 'right' }, children: text });
+                    },
+                },
+            ], rows: (0, Utils_1.formatListCampaign)(listCampaign === null || listCampaign === void 0 ? void 0 : listCampaign.items, collapseIds) || [], rowActions: [
+                {
+                    icon: (0, jsx_runtime_1.jsx)(icons_material_1.FileCopyOutlined, {}),
+                    tooltipTitle: t('Campaign.Clone'),
+                    action: handleClone,
+                    isShouldHideActions: function (row) { var _a; return !((_a = row === null || row === void 0 ? void 0 : row.campaign) === null || _a === void 0 ? void 0 : _a.id); },
+                },
+            ], totalOfRows: listCampaign === null || listCampaign === void 0 ? void 0 : listCampaign.totalItemCount, onCreateButtonClick: function () {
+                navigate([
+                    Constant_1.Constants.CAMPAIGN_CREATE,
+                    Constant_1.Constants.CAMPAIGN_INFORMATION,
+                ].join('/'));
+            }, onCreateFolderButtonClick: function () {
+                var _a;
+                navigate([
+                    Constant_1.Constants.DIRECTORY_CREATE_DIRECTORY_PATH,
+                    (_a = (0, lodash_1.minBy)(directories, 'level')) === null || _a === void 0 ? void 0 : _a.directoryId,
+                ].join('/'));
+            }, onRowClick: handleRowClick, onDelete: handleDelete, showNotificationSuccess: function () { return snackbar('success'); }, confirmDelete: confirm }) }));
+};
+exports.default = CampaignContainer;

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

@@ -0,0 +1 @@
+import '@testing-library/jest-dom/extend-expect';