awing-library 2.1.147-beta → 2.1.147

package/lib/ACM-AXN/Campaign/CreateOrEdit/TabApprove/RunInBackground.test.js

@@ -0,0 +1,230 @@
+"use strict";
+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) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+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("@testing-library/react");
+var RunInBackground_1 = __importDefault(require("./RunInBackground"));
+var recoil_1 = require("recoil");
+var Router_1 = require("../../../../AWING/Router");
+var Recoils_1 = require("../Recoils");
+var mockSetCampaign = {
+    campaign: {
+        id: '5651975304736390227',
+        directoryId: '5',
+        directoryPath: '.0.5.5651975304736390227.',
+        name: 'Tester',
+        createdDate: {
+            seconds: '1728880372',
+            nanos: 0,
+        },
+    },
+    campaignGroups: [
+        {
+            campaignGroup: {
+                numberHasRun: 0,
+                id: 1,
+                campaignId: '5651975304736390227',
+                name: 'Sub-Campaign 1',
+                status: 2,
+                priority: 1,
+                bookingAmount: 10,
+                bonusAmount: 0,
+                billingUnit: 1,
+            },
+            ads: [
+                {
+                    loginPage: {
+                        pageId: '5122170857262705548',
+                        directoryId: '12',
+                        pageCode: 'lgn',
+                        title: 'THACO_KIA_T7/24',
+                        layoutId: '0',
+                        transitionId: 0,
+                        commonHtml: '',
+                        directoryPath: '.0.6.12.5122170857262705548.',
+                        createdDate: {
+                            seconds: '1721031117',
+                            nanos: 0,
+                        },
+                    },
+                    welcomePage: {
+                        pageId: '4841207366749869113',
+                        directoryId: '11',
+                        pageCode: 'wlc',
+                        title: 'THACO_KIA_T7/24',
+                        layoutId: '0',
+                        transitionId: 0,
+                        commonHtml: '',
+                        directoryPath: '.0.6.11.4841207366749869113.',
+                        createdDate: {
+                            seconds: '1721031168',
+                            nanos: 0,
+                        },
+                    },
+                    places: [
+                        {
+                            placeId: '4719552610781237542',
+                            domainId: '4657799247747765382',
+                            name: 'VINBUS_PQ_68F-011.35',
+                            address: 'Khu bãi dài, xã Gành dầu, TP. Phú Quốc, T. Kiên Giang',
+                            description: '',
+                            longitude: 103.84858,
+                            latitude: 10.3380303,
+                            communeCode: '31087',
+                            districtCode: '911',
+                            provinceCode: '91',
+                            status: 0,
+                            joinedDate: {
+                                seconds: '1687167517',
+                                nanos: 0,
+                            },
+                        },
+                    ],
+                    id: 1,
+                    campaignId: '5651975304736390227',
+                    campaignGroupId: 1,
+                    name: 'Tester',
+                    status: true,
+                    type: 1,
+                    loginId: '5122170857262705548',
+                    welcomeId: '4841207366749869113',
+                    startDate: {
+                        seconds: '1728838800',
+                        nanos: 0,
+                    },
+                    endDate: {
+                        seconds: '1728838800',
+                        nanos: 0,
+                    },
+                    placeFilter: {
+                        operandGroups: [
+                            {
+                                operands: [
+                                    {
+                                        type: 2,
+                                        operator: 7,
+                                        value: '["4657799247747765382"]',
+                                    },
+                                    {
+                                        type: 0,
+                                        operator: 7,
+                                        value: '["4719552610781237542"]',
+                                    },
+                                ],
+                            },
+                        ],
+                    },
+                    weights: [],
+                },
+            ],
+        },
+    ],
+    campaignAttributes: [
+        {
+            campaignId: '5651975304736390227',
+            attributeId: 1,
+        },
+    ],
+    campaignApprovals: [
+        {
+            id: 248,
+            campaignId: '5651975304736390227',
+            domainId: '4657799247747765382',
+            campaignGroupId: 1,
+            campaignAdId: 1,
+            status: 0,
+            loginId: '5122170857262705548',
+            welcomeId: '4841207366749869113',
+            description: '',
+        },
+    ],
+};
+var campaignId = '5651975304736390227';
+var mockDomain = [
+    {
+        domainId: '4657799247747765382',
+        name: 'Vinbus',
+        rateSharing: 100,
+        description: 'Vinbus',
+        shareType: 0,
+        type: null,
+    },
+];
+var mockCLientMethod = {
+    domainsGetByIds: function (_id) { return Promise.resolve(mockDomain); },
+    attributesGetByObjectTypeCode: function (_objectTypeCode) { return Promise.resolve([]); },
+};
+// Mock Hooks
+jest.mock('ACM-AXN/Campaign/Hooks', function () { return ({
+    __esModule: true,
+    default: function () { return ({
+        service: {
+            domainsGetByIds: jest.fn(mockCLientMethod.domainsGetByIds),
+            attributesGetByObjectTypeCode: jest.fn(mockCLientMethod.attributesGetByObjectTypeCode),
+        },
+    }); },
+}); });
+var renderUi = function () {
+    var initializeState = function (_a) {
+        var set = _a.set;
+        set(Recoils_1.campaignModelState, mockSetCampaign);
+    };
+    return (0, react_1.render)((0, jsx_runtime_1.jsx)(recoil_1.RecoilRoot, { initializeState: initializeState, children: (0, jsx_runtime_1.jsx)(Router_1.BrowserRouter, { children: (0, jsx_runtime_1.jsx)(RunInBackground_1.default, {}) }) }));
+};
+describe('RunInBackground Component', function () {
+    it('should render without crashing', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var spy;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    spy = jest.spyOn(mockCLientMethod, 'domainsGetByIds');
+                    return [4 /*yield*/, (0, react_1.act)(function () { return __awaiter(void 0, void 0, void 0, function () { return __generator(this, function (_a) {
+                            return [2 /*return*/, renderUi()];
+                        }); }); })];
+                case 1:
+                    _a.sent();
+                    expect(spy).toBeCalledTimes(1);
+                    expect(spy).toBeCalledWith(['4657799247747765382']);
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+});

package/lib/ACM-AXN/Campaign/CreateOrEdit/TabApprove/index.d.ts

@@ -0,0 +1 @@
+export default function TabApprove(): import("react/jsx-runtime").JSX.Element;

package/lib/ACM-AXN/Campaign/CreateOrEdit/TabApprove/index.js

@@ -0,0 +1,123 @@
+"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 material_1 = require("@mui/material");
+var react_1 = require("react");
+var react_i18next_1 = require("react-i18next");
+var recoil_1 = require("recoil");
+var Recoils_1 = require("../Recoils");
+var RowTable_1 = __importDefault(require("./RowTable"));
+var Router_1 = require("../../../../AWING/Router");
+var Hooks_1 = __importDefault(require("../../../../ACM-AXN/Campaign/Hooks"));
+var Context_1 = require("../../../../Context");
+function TabApprove() {
+    var campaignId = (0, Router_1.useParams)().campaignId;
+    var t = (0, react_i18next_1.useTranslation)().t;
+    var service = (0, Hooks_1.default)().service;
+    var snackbar = (0, Context_1.useAwing)().appHelper.snackbar;
+    var setConfirmExit = (0, recoil_1.useSetRecoilState)(Recoils_1.confirmExitState);
+    var _a = (0, react_1.useState)([]), rowSelected = _a[0], setRowSelected = _a[1];
+    var _b = (0, recoil_1.useRecoilState)(Recoils_1.campaignApprovalTableState), campaignApprovalTable = _b[0], setCampaignApprovalTable = _b[1];
+    var handleRowSelect = (0, react_1.useCallback)(function (id) {
+        setRowSelected(function (pre) {
+            return pre.includes(id) ? pre.filter(function (x) { return x !== id; }) : __spreadArray(__spreadArray([], pre, true), [id], false);
+        });
+    }, []);
+    var updateRow = (0, react_1.useCallback)(function (dataUpdate, rowId, linkId) {
+        setCampaignApprovalTable(function (pre) {
+            return pre.map(function (item) {
+                if (item.id === rowId) {
+                    return __assign(__assign({}, item), { detail: item.detail.map(function (detail) {
+                            if (detail.id === linkId) {
+                                return __assign(__assign({}, detail), { status: dataUpdate.status, description: dataUpdate.description });
+                            }
+                            return detail;
+                        }) });
+                }
+                return item;
+            });
+        });
+        setConfirmExit(true);
+    }, [campaignApprovalTable]);
+    var flattenData = (0, react_1.useCallback)(function (data) {
+        var flattened = [];
+        var index = 0;
+        data.forEach(function (item) {
+            item.detail.forEach(function (detail) {
+                detail.campaign.forEach(function (campaign) {
+                    campaign.ads.forEach(function (ad) {
+                        var _a;
+                        flattened.push({
+                            id: index++,
+                            campaignId: campaignId,
+                            domainId: item.domain.domainId,
+                            status: detail.status,
+                            loginId: detail.loginId,
+                            welcomeId: detail.welcomeId,
+                            description: detail.description,
+                            campaignGroupId: (_a = campaign.subCampaigns[0]) === null || _a === void 0 ? void 0 : _a.id,
+                            campaignAdId: ad === null || ad === void 0 ? void 0 : ad.id,
+                        });
+                    });
+                });
+            });
+        });
+        return flattened;
+    }, []);
+    var handleSelectAll = (0, react_1.useCallback)(function () {
+        setRowSelected(function (pre) {
+            return pre.length < campaignApprovalTable.length
+                ? campaignApprovalTable.map(function (item) { return item.id; })
+                : [];
+        });
+    }, [campaignApprovalTable]);
+    var handleSendMail = (0, react_1.useCallback)(function () {
+        var data = campaignApprovalTable.filter(function (item) {
+            return rowSelected.includes(item.id);
+        });
+        service.campaignsManualSendMail && service.campaignsManualSendMail(campaignId, flattenData(data)).then(function () {
+            setRowSelected([]);
+            snackbar('success');
+        });
+    }, [campaignApprovalTable, rowSelected]);
+    return ((0, jsx_runtime_1.jsxs)(material_1.TableContainer, { children: [(0, jsx_runtime_1.jsx)(material_1.Button, { variant: "outlined", color: "primary", disabled: !rowSelected.length, sx: {
+                    margin: '1rem',
+                }, onClick: handleSendMail, children: t('Campaign.Approval.SendEmail') }), (0, jsx_runtime_1.jsxs)(material_1.Table, { sx: {
+                    boxShadow: 'none',
+                    '.MuiOutlinedInput-notchedOutline': {
+                        border: 'none !important',
+                    },
+                }, children: [(0, jsx_runtime_1.jsx)(material_1.TableHead, { children: (0, jsx_runtime_1.jsxs)(material_1.TableRow, { style: { height: 57 }, children: [(0, jsx_runtime_1.jsx)(material_1.TableCell, { style: { width: 60, padding: '0 0 0 4px' }, children: (0, jsx_runtime_1.jsx)(material_1.Checkbox, { indeterminate: rowSelected.length > 0 &&
+                                            rowSelected.length <
+                                                campaignApprovalTable.length, checked: rowSelected.length > 0 &&
+                                            rowSelected.length ===
+                                                campaignApprovalTable.length, onChange: handleSelectAll, inputProps: { 'aria-label': 'select all ad' }, color: "primary" }) }), (0, jsx_runtime_1.jsx)(material_1.TableCell, { children: t('Campaign.Approval.Domain') }), (0, jsx_runtime_1.jsx)(material_1.TableCell, { style: { maxWidth: 400 }, children: t('Campaign.Approval.LinkPreview') }), (0, jsx_runtime_1.jsx)(material_1.TableCell, { children: t('Campaign.Approval.SubCampaign') }), (0, jsx_runtime_1.jsx)(material_1.TableCell, { children: t('Campaign.Approval.Advertisement') }), (0, jsx_runtime_1.jsx)(material_1.TableCell, { children: t('Campaign.Approval.Status') }), (0, jsx_runtime_1.jsx)(material_1.TableCell, { children: t('Campaign.Approval.Note') })] }) }), (0, jsx_runtime_1.jsx)(material_1.TableBody, { children: campaignApprovalTable.map(function (row) {
+                            return row.detail.map(function (link, linkIndex) {
+                                return link.campaign.map(function (sub, subIndex) { return ((0, jsx_runtime_1.jsx)(RowTable_1.default, { row: row, link: link, sub: sub, linkIndex: linkIndex, subIndex: subIndex, rowSelected: rowSelected, handleRowSelect: handleRowSelect, updateRow: updateRow }, "".concat(row.id, "-").concat(linkIndex, "-").concat(subIndex))); });
+                            });
+                        }) })] })] }));
+}
+exports.default = TabApprove;

package/lib/ACM-AXN/Campaign/CreateOrEdit/TabApprove/index.test.d.ts

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

package/lib/ACM-AXN/Campaign/CreateOrEdit/TabApprove/index.test.js

@@ -0,0 +1,253 @@
+"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) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+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("@testing-library/react");
+var Router_1 = require("../../../../AWING/Router");
+var recoil_1 = require("recoil");
+var _1 = __importDefault(require("."));
+var Recoils_1 = require("../Recoils");
+// Mock các dependencies
+jest.mock('ACM-AXN/Campaign/Hooks');
+jest.mock('react-i18next', function () { return ({
+    useTranslation: function () { return ({ t: function (key) { return key; } }); },
+}); });
+// Mock PageManagement
+jest.mock('./RowTable', function () { return function (props) {
+    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("button", { "data-testid": "update-row", onClick: props.updateRow }), (0, jsx_runtime_1.jsx)("button", { "data-testid": "handle-row-select", onClick: props.handleRowSelect })] }));
+}; });
+jest.mock('Context', function () { return ({
+    __esModule: true,
+    useAwing: function () { return ({
+        appHelper: {
+            snackbar: jest.fn(function (str) { }),
+        },
+    }); },
+}); });
+// Mock các component MUI
+jest.mock('@mui/material', function () { return (__assign(__assign({}, jest.requireActual('@mui/material')), { TableContainer: function (_a) {
+        var children = _a.children;
+        return ((0, jsx_runtime_1.jsx)("div", { "data-testid": "table-container", children: children }));
+    }, Table: function (_a) {
+        var children = _a.children;
+        return (0, jsx_runtime_1.jsx)("table", { children: children });
+    }, TableHead: function (_a) {
+        var children = _a.children;
+        return (0, jsx_runtime_1.jsx)("thead", { children: children });
+    }, TableBody: function (_a) {
+        var children = _a.children;
+        return (0, jsx_runtime_1.jsx)("tbody", { children: children });
+    }, TableRow: function (_a) {
+        var children = _a.children;
+        return (0, jsx_runtime_1.jsx)("tr", { children: children });
+    }, TableCell: function (_a) {
+        var children = _a.children;
+        return (0, jsx_runtime_1.jsx)("td", { children: children });
+    }, Checkbox: function (_a) {
+        var checked = _a.checked, onChange = _a.onChange;
+        return ((0, jsx_runtime_1.jsx)("input", { type: "checkbox", checked: checked, onChange: onChange }));
+    }, Button: function (_a) {
+        var children = _a.children, onClick = _a.onClick;
+        return ((0, jsx_runtime_1.jsx)("button", { onClick: onClick, children: children }));
+    }, Box: function (_a) {
+        var children = _a.children;
+        return (0, jsx_runtime_1.jsx)("div", { children: children });
+    } })); });
+// Mock Hooks
+jest.mock('ACM-AXN/Campaign/Hooks', function () { return ({
+    __esModule: true,
+    default: function () { return ({
+        service: {
+            campaignsManualSendMail: jest.fn(function (_id, data) {
+                return Promise.resolve([]);
+            }),
+        },
+    }); },
+}); });
+var initCampaignApprovalTable = [
+    {
+        id: '4644357797181593495',
+        domain: {
+            domainName: 'Teras Japan',
+            domainId: '4644357797181593495',
+        },
+        detail: [
+            {
+                id: '524d8267-48ca-4c3d-a391-0df6b0ee4add',
+                linkPreview: 'http://connect.awifi.com.vn/Preview/Page?loginId=5122170857262705548&welcomeId=4841207366749869113&isNetworkCampaign=true&domainId=4644357797181593495',
+                campaign: [
+                    {
+                        subCampaigns: [
+                            {
+                                id: 1,
+                                name: 'Sub-Campaign 1',
+                            },
+                        ],
+                        ads: [
+                            {
+                                id: 3,
+                                name: 'ohoo',
+                            },
+                            {
+                                id: 4,
+                                name: 'ohoo - copy',
+                            },
+                        ],
+                    },
+                ],
+                status: 2,
+                description: '',
+                loginId: '5122170857262705548',
+                welcomeId: '4841207366749869113',
+            },
+        ],
+    },
+];
+var renderUi = function () {
+    var initializeState = function (_a) {
+        var set = _a.set;
+        set(Recoils_1.campaignApprovalTableState, initCampaignApprovalTable);
+    };
+    return (0, react_1.render)((0, jsx_runtime_1.jsx)(recoil_1.RecoilRoot, { initializeState: initializeState, children: (0, jsx_runtime_1.jsx)(Router_1.BrowserRouter, { children: (0, jsx_runtime_1.jsx)(_1.default, {}) }) }));
+};
+describe('TabApprove', function () {
+    it('renders the component', function () { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            renderUi();
+            expect(react_1.screen.getByTestId('table-container')).toBeInTheDocument();
+            expect(react_1.screen.getByText('Campaign.Approval.SendEmail'))
+                .toBeInTheDocument;
+            return [2 /*return*/];
+        });
+    }); });
+    it('handles row selection correctly', function () { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    renderUi();
+                    return [4 /*yield*/, (0, react_1.waitFor)(function () {
+                            var checkboxes = react_1.screen.getAllByRole('checkbox');
+                            react_1.fireEvent.click(checkboxes[0]); // Selecting the first domain
+                            expect(checkboxes[0]).toBeChecked();
+                            var button = react_1.screen.getByText('Campaign.Approval.SendEmail');
+                            react_1.fireEvent.click(button);
+                        })];
+                case 1:
+                    _a.sent();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('handles "Select All" correctly', function () { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    renderUi();
+                    return [4 /*yield*/, (0, react_1.waitFor)(function () {
+                            var selectAllCheckbox = react_1.screen.getAllByRole('checkbox')[0];
+                            react_1.fireEvent.click(selectAllCheckbox);
+                            var checkboxes = react_1.screen.getAllByRole('checkbox');
+                            checkboxes.slice(1).forEach(function (checkbox) {
+                                expect(checkbox).toBeChecked();
+                            });
+                        })];
+                case 1:
+                    _a.sent();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('disables "Send Email" button when no rows are selected', function () { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    renderUi();
+                    return [4 /*yield*/, (0, react_1.waitFor)(function () {
+                            expect(react_1.screen.getByText('Campaign.Approval.SendEmail')).toBeInTheDocument();
+                        })];
+                case 1:
+                    _a.sent();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('update row', function () { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    renderUi();
+                    return [4 /*yield*/, (0, react_1.waitFor)(function () {
+                            var buttonUpdateRow = react_1.screen.getByTestId('update-row');
+                            buttonUpdateRow.click();
+                        })];
+                case 1:
+                    _a.sent();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('handle row select', function () { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    renderUi();
+                    return [4 /*yield*/, (0, react_1.waitFor)(function () {
+                            var buttonHandleRowSelect = react_1.screen.getByTestId('handle-row-select');
+                            buttonHandleRowSelect.click();
+                        })];
+                case 1:
+                    _a.sent();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+});

package/lib/ACM-AXN/Campaign/CreateOrEdit/TabInfomation.js

@@ -39,7 +39,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var material_1 = require("@mui/material");
-var immer_1 = __importDefault(require("immer"));
+var immer_1 = require("immer");
 var lodash_1 = require("lodash");
 var react_1 = __importStar(require("react"));
 var react_i18next_1 = require("react-i18next");
@@ -47,6 +47,7 @@ var recoil_1 = require("recoil");
 var AWING_1 = require("../../../AWING");
 var Recoils_1 = require("./Recoils");
 var i18n_1 = __importDefault(require("../../../i18n"));
+var Utils_1 = require("../Utils");
 var Infomation = function () {
     var directories = (0, recoil_1.useRecoilValue)(Recoils_1.directoriesState);
     var attributes = (0, recoil_1.useRecoilValue)(Recoils_1.attributesState);
@@ -56,9 +57,10 @@ var Infomation = function () {
     var t = (0, react_i18next_1.useTranslation)(undefined, { i18n: i18n_1.default }).t;
     (0, react_1.useEffect)(function () {
         if (!campaign.directoryId) {
-            setCampaignModel((0, immer_1.default)(function (draft) {
+            setCampaignModel((0, immer_1.produce)(function (draft) {
                 var _a;
-                draft.campaign.directoryId = ((_a = (0, lodash_1.minBy)(directories, 'level')) === null || _a === void 0 ? void 0 : _a.directoryId) || '';
+                draft.campaign.directoryId =
+                    ((_a = (0, lodash_1.minBy)(directories, 'level')) === null || _a === void 0 ? void 0 : _a.directoryId) || '';
             }));
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -66,7 +68,9 @@ var Infomation = function () {
     var handleUpdate = (0, react_1.useCallback)(function (obj, formValid, fieldUpdate) {
         if (fieldUpdate) {
             if (fieldUpdate === 'attributeIds') {
-                setCampaignAttributes(obj['attributeIds'].map(function (item) { return ({ attributeId: item }); }));
+                setCampaignAttributes(obj['attributeIds'].map(function (item) { return ({
+                    attributeId: item,
+                }); }));
             }
             else {
                 setCampaign(function (prev) { return (__assign(__assign({}, prev), obj)); });
@@ -107,7 +111,19 @@ var Infomation = function () {
                     value: attribute.id,
                     text: attribute.name,
                 }); }),
-            });
+            }),
+                // add field password
+                fields.push({
+                    fieldName: 'password',
+                    type: 'password',
+                    label: t('Campaign.Password.Title'),
+                    length: 100,
+                    helperText: t('Campaign.Password.PasswordNotMatch'),
+                    disabled: !campaign.canModify,
+                    onGeneratePassword: function () {
+                        return (0, Utils_1.generateValidPassword)();
+                    }
+                });
         }
         return fields;
     }, [attributes, directories, t]);