awing-library 2.1.219-dev → 2.1.221-dev

package/lib/ACM-AXN/Campaign/CreateOrEdit/Recoils.d.ts

@@ -20,6 +20,10 @@ export declare const campaignState: import("recoil").RecoilState<import("../Type
  * State lưu thông tin của CampaignAttributes
  */
 export declare const campaignAttributesState: import("recoil").RecoilState<import("../Types").CampaignAttribute[]>;
+/**
+ * State lưu thông tin của CampaignApproval
+ */
+export declare const campaignApprovalState: import("recoil").RecoilState<import("../Types").CampaignApproval[] | undefined>;
 /**
  * State lưu thông tin của chiến dịch con
  */

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

@@ -11,7 +11,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.cacheSearchPageState = exports.weightState = exports.readyForSubmitState = exports.tabPartnerValidState = exports.tabSubCampaignValidState = exports.tabInfomationValidState = exports.campaignPartnerState = exports.campaignGroupsState = exports.campaignAttributesState = exports.campaignState = exports.campaignModelState = exports.confirmExitState = exports.isCreateState = exports.attributesState = exports.directoriesState = void 0;
+exports.cacheSearchPageState = exports.weightState = exports.readyForSubmitState = exports.tabPartnerValidState = exports.tabSubCampaignValidState = exports.tabInfomationValidState = exports.campaignPartnerState = exports.campaignGroupsState = exports.campaignApprovalState = exports.campaignAttributesState = exports.campaignState = exports.campaignModelState = exports.confirmExitState = exports.isCreateState = exports.attributesState = exports.directoriesState = void 0;
 var recoil_1 = require("recoil");
 var Utils_1 = require("../Utils");
 var atoms_1 = require("./TabSubCampaign/atoms");
@@ -103,6 +103,23 @@ exports.campaignAttributesState = (0, recoil_1.selector)({
             set(exports.confirmExitState, true);
     }
 });
+/**
+ * State lưu thông tin của CampaignApproval
+ */
+exports.campaignApprovalState = (0, recoil_1.selector)({
+    key: 'campaignApproval',
+    get: function (_a) {
+        var get = _a.get;
+        var campaignModel = get(exports.campaignModelState);
+        return campaignModel.campaignApprovals;
+    },
+    set: function (_a, campaignApprovals) {
+        var set = _a.set, get = _a.get;
+        var campaignModel = get(exports.campaignModelState);
+        set(exports.campaignModelState, campaignApprovals instanceof recoil_1.DefaultValue ?
+            campaignApprovals : __assign(__assign({}, campaignModel), { campaignApprovals: campaignApprovals }));
+    }
+});
 /**
  * State lưu thông tin của chiến dịch con
  */

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

@@ -1,8 +1,8 @@
 import { IDetail } from '.';
 interface RowTableProps {
     row: IDetail;
-    updateRow: (updatedRow: any, id: string) => void;
-    id: string;
+    updateRow: (updatedRow: IDetail, id: number) => void;
+    id: number;
 }
 export declare function RowTable(props: RowTableProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -15,11 +15,8 @@ exports.RowTable = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var material_1 = require("@mui/material");
 var react_1 = require("react");
-var optionsStatus = [
-    { value: 0, label: 'Chờ duyệt' },
-    { value: 1, label: 'Duyệt' },
-    { value: 2, label: 'Hủy' },
-];
+var Enum_1 = require("../../../../ACM-AXN/Campaign/Enum");
+var react_i18next_1 = require("react-i18next");
 var ITEM_HEIGHT = 48;
 var ITEM_PADDING_TOP = 8;
 var MenuProps = {
@@ -33,8 +30,16 @@ var MenuProps = {
 function RowTable(props) {
     var _a, _b;
     var row = props.row, updateRow = props.updateRow, id = props.id;
-    var _c = (0, react_1.useState)((_a = row === null || row === void 0 ? void 0 : row.status) !== null && _a !== void 0 ? _a : 0), selectStatus = _c[0], setSelectStatus = _c[1];
-    var _d = (0, react_1.useState)((_b = row === null || row === void 0 ? void 0 : row.ghichu) !== null && _b !== void 0 ? _b : ''), valueInput = _d[0], setValueInput = _d[1];
+    var t = (0, react_i18next_1.useTranslation)().t;
+    var _c = (0, react_1.useState)((_a = row === null || row === void 0 ? void 0 : row.status) !== null && _a !== void 0 ? _a : Enum_1.CampaignApprovalStatus.PendingApproval), selectStatus = _c[0], setSelectStatus = _c[1];
+    var _d = (0, react_1.useState)((_b = row === null || row === void 0 ? void 0 : row.description) !== null && _b !== void 0 ? _b : ''), valueInput = _d[0], setValueInput = _d[1];
+    var optionsStatus = (0, react_1.useMemo)(function () {
+        return [
+            { value: Enum_1.CampaignApprovalStatus.PendingApproval, label: t('Campaign.Approval.PendingApproval') },
+            { value: Enum_1.CampaignApprovalStatus.Approval, label: t('Campaign.Approval.Approval') },
+            { value: Enum_1.CampaignApprovalStatus.Rejected, label: t('Campaign.Approval.Rejected') },
+        ];
+    }, []);
     var handleStatusChange = (0, react_1.useCallback)(function (value) {
         var newStatus = value;
         setSelectStatus(newStatus);
@@ -43,7 +48,7 @@ function RowTable(props) {
     var handleInputChange = (0, react_1.useCallback)(function (event) {
         var newValue = event.target.value;
         setValueInput(newValue);
-        updateRow(__assign(__assign({}, row), { ghichu: newValue }), id);
+        updateRow(__assign(__assign({}, row), { description: newValue }), id);
     }, [row, id, updateRow]);
     var linkComponent = (0, react_1.useMemo)(function () { return ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
             display: '-webkit-box',
@@ -51,12 +56,12 @@ function RowTable(props) {
             WebkitBoxOrient: 'vertical',
             overflow: 'hidden',
             textOverflow: 'ellipsis',
-        }, children: (0, jsx_runtime_1.jsx)(material_1.Link, { href: row.link, sx: {
+        }, children: (0, jsx_runtime_1.jsx)(material_1.Link, { href: row.linkPreview, sx: {
                 wordWrap: 'break-word',
                 wordBreak: 'break-all',
                 color: 'blue',
                 textDecorationColor: 'unset',
-            }, underline: "hover", target: "_blank", children: row.link }) })); }, [row.link]);
+            }, underline: "hover", target: "_blank", children: row.linkPreview }) })); }, [row.linkPreview]);
     return ((0, jsx_runtime_1.jsxs)(material_1.TableRow, { children: [(0, jsx_runtime_1.jsx)(material_1.TableCell, { style: { maxWidth: 400 }, children: linkComponent }), (0, jsx_runtime_1.jsx)(material_1.TableCell, { children: (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
                         display: 'flex',
                         flexWrap: 'wrap',

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

@@ -14,6 +14,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("@testing-library/react");
 var RowTable_1 = require("./RowTable");
+jest.mock('react-i18next', function () { return ({
+    useTranslation: function () { return ({ t: function (key) { return key; } }); },
+}); });
 // Mock the MUI components
 jest.mock('@mui/material', function () { return (__assign(__assign({}, jest.requireActual('@mui/material')), { TableRow: function (_a) {
         var children = _a.children;
@@ -38,21 +41,24 @@ jest.mock('@mui/material', function () { return (__assign(__assign({}, jest.requ
         return ((0, jsx_runtime_1.jsx)("select", { value: value, onChange: onChange, children: children }));
     }, MenuItem: function (_a) {
         var children = _a.children, value = _a.value;
-        return (0, jsx_runtime_1.jsx)("option", { value: value, children: children });
+        return ((0, jsx_runtime_1.jsx)("option", { value: value, children: children }));
     }, TextField: function (_a) {
         var value = _a.value, onChange = _a.onChange;
         return ((0, jsx_runtime_1.jsx)("input", { type: "text", value: value, onChange: onChange }));
     } })); });
 var mockRow = {
-    link: 'https://example.com',
+    id: 1,
+    linkPreview: 'https://example.com',
     subCampaigns: [
         { id: '1', name: 'Campaign 1' },
         { id: '2', name: 'Campaign 2' },
     ],
-    ghichu: 'Initial note',
+    description: 'Initial note',
     status: 0,
 };
-var renderUi = function () { return (0, react_1.render)((0, jsx_runtime_1.jsx)(RowTable_1.RowTable, { row: mockRow, id: '', updateRow: function () { } })); };
+var renderUi = function () {
+    return (0, react_1.render)((0, jsx_runtime_1.jsx)(RowTable_1.RowTable, { row: mockRow, id: 1, updateRow: function () { } }));
+};
 describe('RowTable', function () {
     it('renders the link correctly', function () {
         renderUi();
@@ -68,13 +74,13 @@ describe('RowTable', function () {
     it('renders the select with correct initial value', function () {
         renderUi();
         var select = react_1.screen.getByRole('combobox');
-        expect(select).toHaveValue('Chờ duyệt');
+        expect(select).toHaveValue('0');
     });
     it('changes the select value when a new option is chosen', function () {
         renderUi();
         var select = react_1.screen.getByRole('combobox');
-        react_1.fireEvent.change(select, { target: { value: 'Duyệt' } });
-        expect(select).toHaveValue('Duyệt');
+        react_1.fireEvent.change(select, { target: { value: 0 } });
+        expect(select).toHaveValue('0');
     });
     it('renders the text field with the initial note', function () {
         renderUi();

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

@@ -3,10 +3,11 @@ interface ISubCampaign {
     name: string;
 }
 export interface IDetail {
+    id?: number;
     status: number;
-    link: string;
+    linkPreview: string;
     subCampaigns: ISubCampaign[];
-    ghichu: string;
+    description: string;
 }
 export default function TabApprove(): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,4 +1,15 @@
 "use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 var __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)) {
@@ -14,8 +25,10 @@ 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 Enum_1 = require("../../../../ACM-AXN/Campaign/Enum");
 var Hooks_1 = __importDefault(require("../../../../ACM-AXN/Campaign/Hooks"));
 var Constant_1 = require("../../../../ACM-AXN/Common/Constant");
+var Router_1 = require("../../../../AWING/Router");
 var lodash_1 = __importDefault(require("lodash"));
 var react_1 = require("react");
 var react_i18next_1 = require("react-i18next");
@@ -23,14 +36,16 @@ var recoil_1 = require("recoil");
 var Recoils_1 = require("../Recoils");
 var atoms_1 = require("../TabSubCampaign/atoms");
 var RowTable_1 = require("./RowTable");
-var Utils_1 = require("../../../../AWING/Form/Utils");
 function TabApprove() {
     var t = (0, react_i18next_1.useTranslation)().t;
-    var _a = (0, react_1.useState)([]), rowSelected = _a[0], setRowSelected = _a[1];
-    var _b = (0, react_1.useState)([]), domains = _b[0], setDomains = _b[1];
+    var campaignId = (0, Router_1.useParams)().campaignId;
+    var _a = (0, recoil_1.useRecoilState)(Recoils_1.campaignApprovalState), campaignApproval = _a[0], setCampaignApproval = _a[1];
+    var setConfirmExit = (0, recoil_1.useSetRecoilState)(Recoils_1.confirmExitState);
+    var _b = (0, react_1.useState)([]), rowSelected = _b[0], setRowSelected = _b[1];
+    var _c = (0, react_1.useState)([]), domains = _c[0], setDomains = _c[1];
     var ads = (0, recoil_1.useRecoilValue)(atoms_1.adListState);
     var subCampaigns = (0, recoil_1.useRecoilValue)(Recoils_1.campaignGroupsState);
-    var _c = (0, Hooks_1.default)(), service = _c.service, defaultDomainId = _c.domainId;
+    var _d = (0, Hooks_1.default)(), service = _d.service, defaultDomainId = _d.domainId;
     var domainIds = (0, react_1.useMemo)(function () {
         return lodash_1.default.uniq(ads
             .filter(function (ad) { return ad.places; })
@@ -38,6 +53,9 @@ function TabApprove() {
             .flat()
             .filter(Boolean));
     }, [ads]);
+    var generateRandomId = function () {
+        return Math.floor(Math.random() * 1000000000); // Số ngẫu nhiên từ 0 đến 999,999,999
+    };
     var renderLinkPreview = function (ad, domainId) {
         if (domainId === void 0) { domainId = defaultDomainId; }
         var url = "".concat(Constant_1.Constants.CAPTIVE_DOMAIN, "/").concat(Constant_1.Constants.PAGE_LOGIN_PREVIEW, "?loginId=").concat(ad.loginId, "&isNetworkCampaign=").concat(Boolean(service.domainsGetAll).toString());
@@ -49,7 +67,7 @@ function TabApprove() {
     };
     var mergedData = function (data) {
         return data.reduce(function (acc, curr) {
-            var found = acc.find(function (item) { return item.link === curr.link; });
+            var found = acc.find(function (item) { return item.linkPreview === curr.linkPreview; });
             if (found) {
                 // Nếu link đã tồn tại, gộp subCampaign
                 found.subCampaigns.push(curr.subCampaigns[0]);
@@ -57,8 +75,9 @@ function TabApprove() {
             else {
                 // Nếu link chưa tồn tại, thêm vào acc với subCampaign là mảng
                 acc.push({
-                    link: curr.link,
-                    ghichu: curr.ghichu,
+                    id: generateRandomId(),
+                    linkPreview: curr.linkPreview,
+                    description: curr.description,
                     status: curr.status,
                     subCampaigns: [curr.subCampaigns[0]],
                 });
@@ -84,8 +103,8 @@ function TabApprove() {
                                     .name,
                             },
                         ],
-                        link: renderLinkPreview(ad, domainId),
-                        ghichu: 'ghichu',
+                        linkPreview: renderLinkPreview(ad, domainId),
+                        description: '',
                         status: 0,
                     };
                 }
@@ -95,16 +114,94 @@ function TabApprove() {
             .flat()
             .filter(Boolean));
     };
+    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 (row, id) {
+        setConfirmExit(true);
+        setCampaignApproval(function (prevState) {
+            if (!prevState)
+                return [];
+            // Tìm index của campaign cần update trong mảng
+            var campaignIndex = prevState === null || prevState === void 0 ? void 0 : prevState.findIndex(function (campaign) { return campaign.id === id; });
+            if (campaignIndex === -1)
+                return prevState; // Nếu không tìm thấy, trả về state cũ
+            // Tạo bản sao của state
+            var newState = __spreadArray([], prevState, true);
+            // Update thông tin của campaign
+            newState[campaignIndex] = __assign(__assign({}, newState[campaignIndex]), { status: Enum_1.CampaignApprovalStatus[row.status], description: row.description, linkPreview: row.linkPreview, subCampaignId: row.subCampaigns
+                    .map(function (sub) { return sub.id; })
+                    .join(',') });
+            return newState;
+        });
+    }, [setCampaignApproval]);
+    var transformedData = function (originalData) {
+        return originalData
+            .map(function (campaign) {
+            return campaign.detail.map(function (detailItem) {
+                var _a;
+                return ({
+                    id: detailItem.id,
+                    campaignId: campaignId,
+                    domainId: campaign.domain.domainId,
+                    subCampaignId: ((_a = detailItem.subCampaigns) === null || _a === void 0 ? void 0 : _a.map(function (sub) { return sub.id; }).join(',')) || undefined,
+                    linkPreview: detailItem.linkPreview,
+                    status: Enum_1.CampaignApprovalStatus[detailItem.status],
+                    description: detailItem.description,
+                });
+            });
+        })
+            .flat();
+    };
     var dataTable = (0, react_1.useMemo)(function () {
         if (!domains.length)
             return [];
-        return domains.map(function (domain) {
+        var data;
+        if (campaignApproval === null || campaignApproval === void 0 ? void 0 : campaignApproval.length) {
+            // Nếu campaignApproval đã có sẵn dữ liệu, chuyển đổi ngược lại thành dạng IDataTable
+            var groupedData = lodash_1.default.groupBy(campaignApproval, 'domainId');
+            data = Object.entries(groupedData).map(function (_a) {
+                var _b;
+                var domainId = _a[0], items = _a[1];
+                return ({
+                    id: generateRandomId(),
+                    domain: {
+                        domainName: ((_b = domains.find(function (d) { return d.domainId === domainId; })) === null || _b === void 0 ? void 0 : _b.name) || 'Unknown',
+                        domainId: domainId,
+                    },
+                    detail: items.map(function (item) {
+                        var _a;
+                        return ({
+                            id: generateRandomId(),
+                            status: Enum_1.CampaignApprovalStatus[item.status],
+                            linkPreview: item.linkPreview,
+                            subCampaigns: ((_a = item.subCampaignId) === null || _a === void 0 ? void 0 : _a.split(',').map(function (id) {
+                                var _a;
+                                return ({
+                                    id: id,
+                                    name: ((_a = subCampaigns.find(function (sc) { return sc.campaignGroup.id.toString() === id; })) === null || _a === void 0 ? void 0 : _a.campaignGroup.name) || "".concat(id)
+                                });
+                            })) || [],
+                            description: item.description,
+                        });
+                    }),
+                });
+            });
+            return data;
+        }
+        data = domains.map(function (domain) {
             return {
-                id: (0, Utils_1.generateId)(),
-                domainName: domain.name,
+                id: generateRandomId(),
+                domain: {
+                    domainName: domain.name,
+                    domainId: domain.domainId,
+                },
                 detail: renderDataDetail(domain.domainId),
             };
         });
+        return data;
     }, [domains]);
     var handleSelectAll = (0, react_1.useCallback)(function () {
         setRowSelected(function (pre) {
@@ -113,34 +210,17 @@ function TabApprove() {
                 : [];
         });
     }, [dataTable]);
-    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 (row, id) {
-        // setData((prevData) =>
-        //     prevData.map((item) => {
-        //         if (id === item.id) {
-        //             return {
-        //                 ...item,
-        //                 detail: item.detail.map((detailItem) => ({
-        //                     ...detailItem,
-        //                     ghichu: row.ghichu,
-        //                     status: row.status,
-        //                 })),
-        //             }
-        //         }
-        //         return item
-        //     })
-        // )
-    }, []);
     (0, react_1.useEffect)(function () {
         if (domainIds.length > 0) {
             service.domainsGetByIds &&
                 service.domainsGetByIds(domainIds).then(setDomains);
         }
     }, [domainIds]);
+    (0, react_1.useEffect)(function () {
+        if (dataTable.length > 0) {
+            setCampaignApproval(transformedData(dataTable));
+        }
+    }, [dataTable]);
     return ((0, jsx_runtime_1.jsxs)(material_1.TableContainer, { children: [(0, jsx_runtime_1.jsx)(material_1.Button, { variant: "outlined", sx: {
                     margin: '1rem',
                 }, children: t('Campaign.Approval.GetApprovalInformation') }), (0, jsx_runtime_1.jsx)(material_1.Button, { variant: "outlined", color: "primary", disabled: !rowSelected.length, children: t('Campaign.Approval.SendEmail') }), (0, jsx_runtime_1.jsxs)(material_1.Table, { sx: {
@@ -152,6 +232,9 @@ function TabApprove() {
                                             rowSelected.length < dataTable.length, checked: rowSelected.length > 0 &&
                                             rowSelected.length === dataTable.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.Status') }), (0, jsx_runtime_1.jsx)(material_1.TableCell, { children: t('Campaign.Approval.Note') })] }) }), (0, jsx_runtime_1.jsx)(material_1.TableBody, { children: dataTable.map(function (item, index) { return ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(material_1.TableRow, { children: [(0, jsx_runtime_1.jsx)(material_1.TableCell, { rowSpan: item.detail.length + 1, style: { width: 60, padding: '0 0 0 4px' }, children: (0, jsx_runtime_1.jsx)(material_1.Box, { display: 'flex', children: (0, jsx_runtime_1.jsx)(material_1.Checkbox, { checked: rowSelected.some(function (x) { return x === item.id; }), color: "primary", onChange: function () {
                                                         return handleRowSelect(item.id);
-                                                    } }) }) }), (0, jsx_runtime_1.jsx)(material_1.TableCell, { rowSpan: item.detail.length + 1, children: item.domainName })] }), item.detail.map(function (detail, index2) { return ((0, jsx_runtime_1.jsx)(RowTable_1.RowTable, { row: detail, id: item.id, updateRow: updateRow }, index2)); })] }, index)); }) })] })] }));
+                                                    } }) }) }), (0, jsx_runtime_1.jsx)(material_1.TableCell, { rowSpan: item.detail.length + 1, children: item.domain.domainName })] }), item.detail.map(function (detail, index2) {
+                                    var _a;
+                                    return ((0, jsx_runtime_1.jsx)(RowTable_1.RowTable, { row: detail, id: (_a = detail === null || detail === void 0 ? void 0 : detail.id) !== null && _a !== void 0 ? _a : -1, updateRow: updateRow }, index2));
+                                })] }, index)); }) })] })] }));
 }
 exports.default = TabApprove;

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

@@ -61,6 +61,12 @@ 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 ({
+    RowTable: function (props) {
+        return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)("button", { "data-testid": "update-row", onClick: props.updateRow }) }));
+    },
+}); });
 // Mock các component MUI
 jest.mock('@mui/material', function () { return (__assign(__assign({}, jest.requireActual('@mui/material')), { TableContainer: function (_a) {
         var children = _a.children;
@@ -99,11 +105,6 @@ var domainByIds = [
         shareType: 0,
     },
 ];
-var clientMethod = {
-    domainsGetByIds: function () { return function (_id) {
-        Promise.resolve(domainByIds);
-    }; },
-};
 // Mock Hooks
 jest.mock('ACM-AXN/Campaign/Hooks', function () { return ({
     __esModule: true,
@@ -2649,10 +2650,141 @@ var initCampaignData = {
         },
     ],
 };
-var renderUi = function () {
+var initCampaignDataFetch = {
+    campaign: {
+        id: '4992385398844444137',
+        directoryId: '5',
+        directoryPath: '.0.5.4992385398844444137.',
+        name: 'Long Test k  ',
+        createdDate: {
+            seconds: '1727683388',
+            nanos: 0,
+        },
+    },
+    campaignGroups: [
+        {
+            campaignGroup: {
+                numberHasRun: 0,
+                id: 1,
+                campaignId: '4992385398844444137',
+                name: 'Sub-Campaign 1',
+                ticket: 1,
+                priority: 1,
+                bookingAmount: 10,
+                bonusAmount: 0,
+                isReserved: false,
+                billingUnit: 1,
+            },
+            ads: [
+                {
+                    loginPage: {
+                        pageId: '5710972432387459630',
+                        directoryId: '12',
+                        pageCode: 'lgn',
+                        title: 'Sacombank_Sacombank Pay_T7/24_Banner Mall',
+                        layoutId: '0',
+                        transitionId: 0,
+                        commonHtml: '',
+                        directoryPath: '.0.6.12.5710972432387459630.',
+                        createdDate: {
+                            seconds: '1720943408',
+                            nanos: 0,
+                        },
+                    },
+                    welcomePage: {
+                        pageId: '5112329371092484686',
+                        directoryId: '11',
+                        pageCode: 'wlc',
+                        title: 'Sacombank_Sacombank Pay_T7/24',
+                        layoutId: '0',
+                        transitionId: 0,
+                        commonHtml: '',
+                        directoryPath: '.0.6.11.5112329371092484686.',
+                        createdDate: {
+                            seconds: '1720760590',
+                            nanos: 0,
+                        },
+                    },
+                    places: [
+                        {
+                            placeId: '5476424383102671899',
+                            domainId: '5462480518993333800',
+                            name: 'WMP_F209_FWMP Hào Nam',
+                            address: 'số 40 Hào Nam, Phường Ô Chợ Dừa, Q. Đống Đa, Thành phố Hà Nội',
+                            description: null,
+                            longitude: 105.8269428,
+                            latitude: 21.0230709,
+                            communeCode: '00190',
+                            districtCode: '006',
+                            provinceCode: '01',
+                            status: 0,
+                            joinedDate: {
+                                seconds: '1709885253',
+                                nanos: 0,
+                            },
+                        },
+                    ],
+                    deletedPlaces: null,
+                    id: 1,
+                    campaignId: '4992385398844444137',
+                    campaignGroupId: 1,
+                    name: 'Ad 1',
+                    status: true,
+                    type: 1,
+                    loginId: '5710972432387459630',
+                    welcomeId: '5112329371092484686',
+                    startDate: {
+                        seconds: '1727629200',
+                        nanos: 0,
+                    },
+                    endDate: {
+                        seconds: '1727629200',
+                        nanos: 0,
+                    },
+                    placeFilter: {
+                        operandGroups: [
+                            {
+                                operands: [
+                                    {
+                                        type: 0,
+                                        operator: 7,
+                                        value: '["5476424383102671899"]',
+                                    },
+                                ],
+                            },
+                        ],
+                    },
+                    weights: [],
+                    advanced: null,
+                },
+            ],
+        },
+    ],
+    campaignAttributes: [
+        {
+            campaignId: '4992385398844444137',
+            attributeId: 9,
+        },
+    ],
+    campaignPartner: null,
+    campaignWizard: null,
+    campaignApprovals: [
+        {
+            id: 5,
+            campaignId: '4992385398844444137',
+            domainId: '5462480518993333800',
+            subCampaignId: '1',
+            linkPreview: 'http://connect.awifi.com.vn/Preview/Page?loginId=5710972432387459630&isNetworkCampaign=true&welcomeId=5112329371092484686&domainId=5462480518993333800',
+            status: 'Approval',
+            description: 'ANhLong',
+        },
+    ],
+};
+var renderUi = function (initData) {
+    if (initData === void 0) { initData = true; }
     var initializeState = function (_a) {
         var set = _a.set;
-        set(Recoils_1.campaignModelState, initCampaignData);
+        set(Recoils_1.campaignModelState, initData ? initCampaignData : initCampaignDataFetch);
     };
     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, {}) }) }));
 };
@@ -2666,7 +2798,23 @@ describe('TabApprove', function () {
             return [2 /*return*/];
         });
     }); });
-    it('handles select all checkbox', function () { return __awaiter(void 0, void 0, void 0, function () {
+    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[1]); // Selecting the first domain
+                            expect(checkboxes[1]).toBeChecked();
+                        })];
+                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:
@@ -2674,7 +2822,10 @@ describe('TabApprove', function () {
                     return [4 /*yield*/, (0, react_1.waitFor)(function () {
                             var selectAllCheckbox = react_1.screen.getAllByRole('checkbox')[0];
                             react_1.fireEvent.click(selectAllCheckbox);
-                            expect(react_1.screen.getByText('Campaign.Approval.SendEmail')).toBeInTheDocument();
+                            var checkboxes = react_1.screen.getAllByRole('checkbox');
+                            checkboxes.slice(1).forEach(function (checkbox) {
+                                expect(checkbox).toBeChecked();
+                            });
                         })];
                 case 1:
                     _a.sent();
@@ -2682,17 +2833,43 @@ describe('TabApprove', function () {
             }
         });
     }); });
-    it('handles individual row selection', function () { return __awaiter(void 0, void 0, void 0, function () {
+    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 () {
-                            var firstRowCheckbox = react_1.screen.getAllByRole('checkbox')[1];
-                            react_1.fireEvent.click(firstRowCheckbox);
                             expect(react_1.screen.getByText('Campaign.Approval.SendEmail')).toBeInTheDocument();
-                            react_1.fireEvent.click(firstRowCheckbox);
-                            expect(react_1.screen.queryByText('Campaign.Approval.SendEmail')).not.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('fetch api data', function () { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    renderUi(false);
+                    return [4 /*yield*/, (0, react_1.waitFor)(function () {
+                            var buttonUpdateRow = react_1.screen.getByTestId('update-row');
+                            buttonUpdateRow.click();
                         })];
                 case 1:
                     _a.sent();

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

@@ -159,7 +159,7 @@ var CreateOrEdit = function (props) {
         return __spreadArray(__spreadArray([], baseTabs, true), [
             {
                 label: t('Campaign.Approval.Title'),
-                isShow: Boolean(service.attributesGetByObjectTypeCode),
+                isShow: Boolean(service.attributesGetByObjectTypeCode) && componentStatus === Constant_1.Constants.CAMPAIGN_DETAIL,
                 component: (0, jsx_runtime_1.jsx)(TabApprove_1.default, {}),
                 route: Constant_1.Constants.CAMPAIGN_APPROVE,
             },
@@ -267,7 +267,7 @@ var CreateOrEdit = function (props) {
         });
     };
     var handleSubmit = function () {
-        var _a;
+        var _a, _b;
         if (campaignData.campaignWizard && !editModeWizard && (props === null || props === void 0 ? void 0 : props.quickWizard)) {
             if (childRefWizard.current) {
                 return childRefWizard.current.onSubmit({
@@ -283,8 +283,8 @@ var CreateOrEdit = function (props) {
                 .flatMap(function (x) { return x.ads; }))) {
                 return Promise.reject(t('Campaign.CClassDuplicatePlace'));
             }
-            var dataSubmit = __assign(__assign({}, campaignData), { campaignAttributes: campaignData.campaignAttributes.filter(Boolean), campaignWizard: undefined });
-            if (!((_a = dataSubmit.campaignPartner) === null || _a === void 0 ? void 0 : _a.isSendApi)) {
+            var dataSubmit = __assign(__assign({}, campaignData), { campaignAttributes: campaignData.campaignAttributes.filter(Boolean), campaignWizard: undefined, campaignApprovals: (_a = campaignData.campaignApprovals) !== null && _a !== void 0 ? _a : [] });
+            if (!((_b = dataSubmit.campaignPartner) === null || _b === void 0 ? void 0 : _b.isSendApi)) {
                 delete dataSubmit.campaignPartner;
             }
             if (componentStatus === Constant_1.Constants.CAMPAIGN_DETAIL) {

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

@@ -176,3 +176,8 @@ export declare enum Operator {
      */
     In = 7
 }
+export declare enum CampaignApprovalStatus {
+    PendingApproval = 0,
+    Approval = 1,
+    Rejected = 2
+}

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

@@ -1,7 +1,7 @@
 "use strict";
 var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Operator = exports.CampaignRuleType = exports.AdType = exports.CampaignTicket = exports.BaseEvent = exports.CampaignPriority = exports.DATE_FORMAT = exports.PlaceFilterOperandType = exports.DirectoryRoot = exports.CAMPAIGN_ANALYTIC_TYPE = exports.CAMPAIGN_STATUS = exports.EnumOperator = exports.ACTIVE_CAMPAIGN_TICKET = void 0;
+exports.CampaignApprovalStatus = exports.Operator = exports.CampaignRuleType = exports.AdType = exports.CampaignTicket = exports.BaseEvent = exports.CampaignPriority = exports.DATE_FORMAT = exports.PlaceFilterOperandType = exports.DirectoryRoot = exports.CAMPAIGN_ANALYTIC_TYPE = exports.CAMPAIGN_STATUS = exports.EnumOperator = exports.ACTIVE_CAMPAIGN_TICKET = void 0;
 var Enum_1 = require("../../ACM-AXN/Common/Enum");
 exports.ACTIVE_CAMPAIGN_TICKET = 0;
 exports.EnumOperator = {
@@ -164,3 +164,9 @@ var Operator;
      */
     Operator[Operator["In"] = 7] = "In";
 })(Operator || (exports.Operator = Operator = {}));
+var CampaignApprovalStatus;
+(function (CampaignApprovalStatus) {
+    CampaignApprovalStatus[CampaignApprovalStatus["PendingApproval"] = 0] = "PendingApproval";
+    CampaignApprovalStatus[CampaignApprovalStatus["Approval"] = 1] = "Approval";
+    CampaignApprovalStatus[CampaignApprovalStatus["Rejected"] = 2] = "Rejected";
+})(CampaignApprovalStatus || (exports.CampaignApprovalStatus = CampaignApprovalStatus = {}));

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

@@ -49,6 +49,7 @@ export type CampaignModel = {
         wizardGroupId?: number;
         wizardId?: string;
     };
+    campaignApprovals?: CampaignApproval[];
 };
 export type Campaign = {
     id: string;
@@ -212,6 +213,15 @@ export type CampaignPartner = {
     email?: string;
     emailInterval: number;
 };
+export type CampaignApproval = {
+    id?: number;
+    campaignId?: string;
+    domainId?: string;
+    subCampaignId?: string | undefined;
+    linkPreview?: string | undefined;
+    status?: string | undefined;
+    description?: string | undefined;
+};
 export type DateRange = {
     startDate: Date;
     endDate: Date;

package/lib/translate/en/translation.json

@@ -523,7 +523,10 @@
             "LinkPreview": "Link Preview",
             "SubCampaign": "Sub Campaign",
             "Status": "Status",
-            "Note": "Note"
+            "Note": "Note",
+            "PendingApproval": "Pending Approval",
+            "Approval": "Approval",
+            "Rejected": "Rejected"
         }
     },
     "DirectoryManagement": {

package/lib/translate/id/translation.json

@@ -514,7 +514,20 @@
             "Click": "Klik"
         },
         "Wizard": "Wizard",
-        "SwitchToProfessionalEditMode": "Anda sedang beralih ke antarmuka Pengaturan Lanjutan untuk melanjutkan pengeditan kampanye Anda.\nPenting: Memilih \"Setuju\" akan mencegah Anda kembali ke antarmuka Kampanye Cepat. Apakah Anda ingin melanjutkan?"
+        "SwitchToProfessionalEditMode": "Anda sedang beralih ke antarmuka Pengaturan Lanjutan untuk melanjutkan pengeditan kampanye Anda.\nPenting: Memilih \"Setuju\" akan mencegah Anda kembali ke antarmuka Kampanye Cepat. Apakah Anda ingin melanjutkan?",
+        "Approval": {
+            "Title": "Persetujuan",
+            "GetApprovalInformation": "Dapatkan Informasi Persetujuan",
+            "SendEmail": "Kirim Email",
+            "Domain": "Domain",
+            "LinkPreview": "Pratinjau Tautan",
+            "SubCampaign": "Sub Kampanye",
+            "Status": "Status",
+            "Note": "Catatan",
+            "PendingApproval": "Menunggu Persetujuan",
+            "Approval": "Persetujuan",
+            "Rejected": "Ditolak"
+        }
     },
     "DirectoryManagement": {
         "DirectoryName": "Nama Direktori",

package/lib/translate/vi/translation.json

@@ -504,10 +504,13 @@
             "GetApprovalInformation": "Lấy thông tin phê duyệt",
             "SendEmail": "Gửi Email",
             "Domain": "Domain",
-            "LinkPreview": "Link Preview",
-            "SubCampaign": "Sub Campaign",
+            "LinkPreview": "Liên kết Xem trước",
+            "SubCampaign": "Chiến dịch con",
             "Status": "Trạng thái",
-            "Note": "Ghi chú"
+            "Note": "Ghi chú",
+            "PendingApproval": "Chờ duyệt",
+            "Approval": "Duyệt",
+            "Rejected": "Hủy"
         }
     },
     "TemplateManagement": {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "awing-library",
-    "version": "2.1.219-dev",
+    "version": "2.1.221-dev",
     "description": "",
     "main": "lib/index.js",
     "types": "lib/index.d.ts",