awing-library 2.1.131-beta → 2.1.131

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

@@ -26,18 +26,18 @@ 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 AWING_1 = require("../../AWING");
+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 Utils_1 = require("./Utils");
-var Hooks_1 = __importDefault(require("./Hooks"));
-var Enum_1 = require("./Enum");
 var CopyButton_1 = __importDefault(require("../../Commons/Components/CopyButton"));
-var Helpers_1 = require("../../Utils/Helpers");
-var Constant_1 = require("../../ACM-AXN/Common/Constant");
 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;
@@ -50,7 +50,7 @@ var CampaignContainer = function () {
     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)) {
+        if (location.pathname.endsWith("/" + Constant_1.Constants.CAMPAIGN_PATH)) {
             fetchDirectories();
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -63,7 +63,7 @@ var CampaignContainer = function () {
     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, isReserved = _a.isReserved, priority = _a.priority, status = _a.status, type = _a.type;
+        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) {
@@ -80,10 +80,9 @@ var CampaignContainer = function () {
             endDate: endDate,
             pageIndex: pageIndex,
             pageSize: pageSize,
-            isReserved: isReserved,
             // placeIds: ,
             priorities: priority && [priority],
-            status: status && [status],
+            status: status !== undefined ? [status] : undefined,
             types: type && [type],
         })
             .then(setListCampaign)
@@ -118,6 +117,42 @@ var CampaignContainer = function () {
     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',
@@ -129,19 +164,17 @@ var CampaignContainer = function () {
                     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: Object.entries(Enum_1.CAMPAIGN_STATUS).map(function (_a) {
-                        var key = _a[0], value = _a[1];
-                        return ({
-                            value: value,
-                            text: t(['Campaign', key].join('.')),
-                        });
-                    }),
+                    options: (0, Utils_1.getCampaignStatus)(!Boolean(service.attributesGetByObjectTypeCode)).map(function (item) { return ({
+                        value: item.value,
+                        text: t(['Campaign.Status', item.key].join('.')),
+                    }); }),
                 },
                 {
                     fieldName: 'priority',
@@ -169,22 +202,6 @@ var CampaignContainer = function () {
                         });
                     }),
                 },
-                {
-                    fieldName: 'isReserved',
-                    label: t('Campaign.AdvanceSearchType'),
-                    type: 'autocomplete',
-                    icon: (0, jsx_runtime_1.jsx)(icons_material_1.BookmarkBorder, { fontSize: "small" }),
-                    options: [
-                        {
-                            value: true,
-                            text: t('Campaign.Reserved'),
-                        },
-                        {
-                            value: false,
-                            text: t('Campaign.NoneReserved'),
-                        },
-                    ],
-                },
                 {
                     fieldName: 'directoryId',
                     label: t('Common.Directory'),
@@ -225,31 +242,12 @@ var CampaignContainer = function () {
                                                 : 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 }), (row === null || row === void 0 ? void 0 : row.campaignGroup.ticket) ===
-                                        Enum_1.ACTIVE_CAMPAIGN_TICKET ? ((0, jsx_runtime_1.jsx)(icons_material_1.CheckCircle, { fontSize: 'small', sx: {
-                                            paddingLeft: '4px',
-                                            marginBottom: '-4px',
-                                        }, style: {
-                                            color: (0, Utils_1.checkCampaignIsRunning)(row)
-                                                ? '#008000'
-                                                : '#8D8D8D',
-                                        } })) : ((0, jsx_runtime_1.jsx)(icons_material_1.RemoveCircle, { fontSize: 'small', sx: {
-                                            paddingLeft: '4px',
-                                            marginBottom: '-4px',
-                                        }, color: "primary" })), (0, jsx_runtime_1.jsx)(material_1.Typography, { component: 'span', sx: {
+                            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) }), 
-                                    //Check trong ads có bất kỳ ad nào isReverved
-                                    (row === null || row === void 0 ? void 0 : row.campaignGroup.isReserved) && ((0, jsx_runtime_1.jsx)(material_1.Chip, { sx: {
-                                            backgroundColor: '#c49f47',
-                                            color: '#fff',
-                                            height: '18px',
-                                            marginBottom: '.1rem',
-                                            marginLeft: '4px',
-                                        }, size: "small", label: t('Campaign.Reserved') }))] }));
+                                        }, children: (0, Utils_1.getCampaignPriority)(row === null || row === void 0 ? void 0 : row.campaignGroup.priority) }), renderStatus(row)] }));
                         }
                     },
                 },

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

@@ -85,11 +85,10 @@ var resData = {
                         id: 1,
                         campaignId: '5111120384159200990',
                         name: 'Lotusa',
-                        ticket: 1,
+                        status: 1,
                         priority: 0,
                         bookingAmount: 0,
                         bonusAmount: 0,
-                        isReserved: false,
                     },
                     ads: [
                         {
@@ -250,7 +249,6 @@ jest.mock('AWING/PageManagement', function () { return ({
                         props.onChangeQueryInput({
                             advancedObject: {
                                 status: '0',
-                                isReserved: true,
                                 priority: '0',
                                 type: '1',
                                 directoryId: '4684432198852342857',

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

@@ -1,8 +1,10 @@
-import { CampaignModel, Directory, CampaignGroupModel, Attribute } from '../Types';
+import { CampaignModel, Directory, CampaignGroupModel, Attribute, ICampaignApprovalTable } from '../Types';
 import { WeightContainerProps } from './TabSubCampaign/Weight';
+import { MenuOption } from '../../../AWING';
 export declare const directoriesState: import("recoil").RecoilState<Directory[]>;
 export declare const attributesState: import("recoil").RecoilState<Attribute[]>;
 export declare const isCreateState: import("recoil").RecoilState<boolean>;
+export declare const campaignApprovalTableState: import("recoil").RecoilState<ICampaignApprovalTable[]>;
 /**
  * Đánh dấu việc cần xác nhận lại trước khi đóng (set thành true khi có bất kỳ chỉnh sửa campaign nào)
  */
@@ -19,6 +21,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
  */
@@ -48,3 +54,4 @@ export declare const readyForSubmitState: import("recoil").RecoilValueReadOnly<b
  * Nếu Weight render trong AdRow thì sẽ không đóng được DateRangePicker
  */
 export declare const weightState: import("recoil").RecoilState<WeightContainerProps>;
+export declare const cacheSearchPageState: import("recoil").RecoilState<Record<string, MenuOption[]>>;

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.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.campaignApprovalTableState = exports.isCreateState = exports.attributesState = exports.directoriesState = void 0;
 var recoil_1 = require("recoil");
 var Utils_1 = require("../Utils");
 var atoms_1 = require("./TabSubCampaign/atoms");
@@ -28,6 +28,10 @@ exports.isCreateState = (0, recoil_1.atom)({
     key: 'isCreateState',
     default: false,
 });
+exports.campaignApprovalTableState = (0, recoil_1.atom)({
+    key: 'campaignApprovalTableState',
+    default: [],
+});
 /**
  * Đánh dấu việc cần xác nhận lại trước khi đóng (set thành true khi có bất kỳ chỉnh sửa campaign nào)
  */
@@ -52,10 +56,9 @@ exports.campaignModelState = (0, recoil_1.atom)({
                     id: 1,
                     name: 'Sub-Campaign 1',
                     priority: (0, Utils_1.getIndexPriority)(Enum_1.CampaignPriority.ClassB),
-                    ticket: Enum_1.CampaignTicket.INACTIVE,
+                    status: Enum_1.CampaignStatus.Draft,
                     bookingAmount: 10,
                     bonusAmount: 0,
-                    isReserved: false,
                     billingUnit: 1,
                 },
                 ads: [],
@@ -103,6 +106,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
  */
@@ -207,3 +227,7 @@ exports.weightState = (0, recoil_1.atom)({
         isOpen: false,
     }
 });
+exports.cacheSearchPageState = (0, recoil_1.atom)({
+    key: 'cacheSearchPageState',
+    default: {},
+});

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

@@ -0,0 +1,17 @@
+import React from 'react';
+import { ICampaignApprovalSubRow, ICampaignApprovalTable, ICampaignApprovalTableRow } from '../../../../ACM-AXN/Campaign/Types';
+interface TableRowProps {
+    row: ICampaignApprovalTable;
+    link: ICampaignApprovalTableRow;
+    sub: ICampaignApprovalSubRow;
+    linkIndex: number;
+    subIndex: number;
+    rowSelected: string[];
+    handleRowSelect: (id: string) => void;
+    updateRow: (dataTableUpdate: {
+        status: number;
+        description: string;
+    }, rowId: string, linkId: string) => void;
+}
+declare const TableRowMemo: React.FC<TableRowProps>;
+export default TableRowMemo;

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

@@ -0,0 +1,121 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = __importStar(require("react"));
+var material_1 = require("@mui/material");
+var Enum_1 = require("../../../../ACM-AXN/Campaign/Enum");
+var react_i18next_1 = require("react-i18next");
+var TableRowMemo = react_1.default.memo(function (_a) {
+    var _b, _c, _d;
+    var row = _a.row, link = _a.link, sub = _a.sub, linkIndex = _a.linkIndex, subIndex = _a.subIndex, rowSelected = _a.rowSelected, handleRowSelect = _a.handleRowSelect, updateRow = _a.updateRow;
+    var isSelect = (_b = link.campaign) === null || _b === void 0 ? void 0 : _b.some(function (campaign) {
+        return campaign.subCampaigns.some(function (sub) {
+            var _a;
+            return ![
+                Enum_1.CampaignStatus.Draft,
+                Enum_1.CampaignStatus.Reserved,
+                Enum_1.CampaignStatus.Done,
+            ].includes((_a = sub.status) !== null && _a !== void 0 ? _a : Enum_1.CampaignStatus.Draft);
+        });
+    });
+    var _e = (0, react_1.useState)((_c = link.status) !== null && _c !== void 0 ? _c : Enum_1.CampaignApprovalStatus.Draft), selectStatus = _e[0], setSelectStatus = _e[1];
+    var _f = (0, react_1.useState)((_d = link.description) !== null && _d !== void 0 ? _d : ''), valueInput = _f[0], setValueInput = _f[1];
+    var t = (0, react_i18next_1.useTranslation)().t;
+    var optionsStatus = (0, react_1.useMemo)(function () {
+        return [
+            {
+                value: Enum_1.CampaignApprovalStatus.Draft,
+                label: t('Campaign.Approval.Draft'),
+            },
+            {
+                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);
+        updateRow({
+            status: newStatus,
+            description: valueInput,
+        }, row.id, link.id);
+    }, [row, link]);
+    var handleInputChange = (0, react_1.useCallback)(function (event) {
+        var newValue = event.target.value;
+        setValueInput(newValue);
+        updateRow({
+            status: selectStatus,
+            description: newValue,
+        }, row.id, link.id);
+    }, [row, link]);
+    return ((0, jsx_runtime_1.jsxs)(material_1.TableRow, { children: [linkIndex === 0 && subIndex === 0 && ((0, jsx_runtime_1.jsx)(material_1.TableCell, { rowSpan: row.detail.reduce(function (acc, curr) { return acc + curr.campaign.length; }, 0), 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 === row.id; }), color: "primary", onChange: function () { return handleRowSelect(row.id); } }) }) })), linkIndex === 0 && subIndex === 0 && ((0, jsx_runtime_1.jsx)(material_1.TableCell, { rowSpan: row.detail.reduce(function (acc, curr) { return acc + curr.campaign.length; }, 0), children: row.domain.domainName })), subIndex === 0 && ((0, jsx_runtime_1.jsx)(material_1.TableCell, { rowSpan: link.campaign.length, style: { maxWidth: 400 }, children: (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
+                        display: '-webkit-box',
+                        WebkitLineClamp: 2,
+                        WebkitBoxOrient: 'vertical',
+                        overflow: 'hidden',
+                        textOverflow: 'ellipsis',
+                    }, children: (0, jsx_runtime_1.jsx)(material_1.Link, { href: link.linkPreview, sx: {
+                            wordWrap: 'break-word',
+                            wordBreak: 'break-all',
+                            color: 'blue',
+                            textDecorationColor: 'unset',
+                        }, underline: "hover", target: "_blank", children: link.linkPreview }) }) })), (0, jsx_runtime_1.jsx)(material_1.TableCell, { children: (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
+                        display: 'flex',
+                        flexWrap: 'wrap',
+                        gap: '8px',
+                    }, children: sub.subCampaigns.map(function (subCampaign) { return ((0, jsx_runtime_1.jsx)(material_1.Chip, { label: subCampaign.name }, subCampaign.id)); }) }) }), (0, jsx_runtime_1.jsx)(material_1.TableCell, { children: (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
+                        display: 'flex',
+                        flexWrap: 'wrap',
+                        gap: '8px',
+                    }, children: sub.ads.map(function (ad) { return ((0, jsx_runtime_1.jsx)(material_1.Chip, { label: ad.name }, ad.id)); }) }) }), subIndex === 0 && ((0, jsx_runtime_1.jsx)(material_1.TableCell, { rowSpan: link.campaign.length, children: (0, jsx_runtime_1.jsx)(material_1.FormControl, { sx: { width: 150 }, children: (0, jsx_runtime_1.jsx)(material_1.Select, { value: selectStatus, onChange: function (e) {
+                            return handleStatusChange(e.target.value);
+                        }, sx: {
+                            '& .MuiSelect-select': {
+                                paddingLeft: 'unset !important',
+                            },
+                        }, disabled: !isSelect, children: optionsStatus.map(function (item) { return ((0, jsx_runtime_1.jsx)(material_1.MenuItem, { value: item.value, disabled: link.status ===
+                                Enum_1.CampaignApprovalStatus.Draft
+                                ? item.value ===
+                                    Enum_1.CampaignApprovalStatus.Rejected
+                                : item.value !==
+                                    Enum_1.CampaignApprovalStatus.Rejected, children: item.label }, item.value)); }) }) }) })), subIndex === 0 && ((0, jsx_runtime_1.jsx)(material_1.TableCell, { rowSpan: link.campaign.length, width: 200, children: (0, jsx_runtime_1.jsx)(material_1.TextField, { value: valueInput, onChange: handleInputChange, multiline: true, minRows: 2, maxRows: 5, fullWidth: true, sx: {
+                        '& .MuiInputBase-root': {
+                            minWidth: '150px',
+                            paddingLeft: 'unset !important',
+                        },
+                    } }) }))] }, "".concat(row.id, "-").concat(linkIndex, "-").concat(subIndex)));
+});
+TableRowMemo.displayName = 'TableRowMemo';
+exports.default = TableRowMemo;

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

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

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

@@ -0,0 +1,219 @@
+"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 Enum_1 = require("../../../../ACM-AXN/Campaign/Enum");
+var RowTable_1 = __importDefault(require("./RowTable"));
+var user_event_1 = __importDefault(require("@testing-library/user-event"));
+// Mock the useTranslation hook
+jest.mock('react-i18next', function () { return ({
+    useTranslation: function () { return ({ t: function (key) { return key; } }); },
+}); });
+var mockProps = {
+    row: {
+        id: '100',
+        domain: {
+            domainName: 'Vincom',
+            domainId: '100',
+        },
+        detail: [
+            {
+                id: '10c77e54-8aff-4e36-8334-70eca26d5a75',
+                linkPreview: 'http://connect.awifi.com.vn/Preview/Page?loginId=5122170857262705548&welcomeId=4841207366749869113&isNetworkCampaign=true&domainId=100',
+                campaign: [
+                    {
+                        subCampaigns: [
+                            {
+                                id: 1,
+                                name: 'Sub-Campaign 1',
+                            },
+                        ],
+                        ads: [
+                            {
+                                id: 1,
+                                name: 'Ad 1',
+                            },
+                            {
+                                id: 2,
+                                name: 'Ad 2',
+                            },
+                        ],
+                    },
+                ],
+                status: 0,
+                description: '',
+                loginId: '5122170857262705548',
+                welcomeId: '4841207366749869113',
+            },
+        ],
+    },
+    link: {
+        id: '10c77e54-8aff-4e36-8334-70eca26d5a75',
+        linkPreview: 'http://connect.awifi.com.vn/Preview/Page?loginId=5122170857262705548&welcomeId=4841207366749869113&isNetworkCampaign=true&domainId=100',
+        campaign: [
+            {
+                subCampaigns: [
+                    {
+                        id: 1,
+                        name: 'Sub-Campaign 1',
+                    },
+                ],
+                ads: [
+                    {
+                        id: 1,
+                        name: 'Ad 1',
+                    },
+                    {
+                        id: 2,
+                        name: 'Ad 2',
+                    },
+                ],
+            },
+        ],
+        status: 0,
+        description: '',
+        loginId: '5122170857262705548',
+        welcomeId: '4841207366749869113',
+    },
+    sub: {
+        subCampaigns: [
+            {
+                id: 1,
+                name: 'Sub-Campaign 1',
+            },
+        ],
+        ads: [
+            {
+                id: 1,
+                name: 'Ad 1',
+            },
+            {
+                id: 2,
+                name: 'Ad 2',
+            },
+        ],
+    },
+    linkIndex: 0,
+    subIndex: 0,
+    rowSelected: [],
+    handleRowSelect: jest.fn(),
+    updateRow: jest.fn(),
+};
+// Mock cho các component MUI
+jest.mock('@mui/material', function () { return (__assign(__assign({}, jest.requireActual('@mui/material')), { TableCell: function (_a) {
+        var children = _a.children;
+        return (0, jsx_runtime_1.jsx)("td", { children: children });
+    }, Chip: function (_a) {
+        var label = _a.label;
+        return (0, jsx_runtime_1.jsx)("span", { children: label });
+    }, FormControl: function (_a) {
+        var children = _a.children;
+        return (0, jsx_runtime_1.jsx)("div", { children: children });
+    }, Select: function (_a) {
+        var children = _a.children, value = _a.value, onChange = _a.onChange;
+        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 }));
+    }, TextField: function (_a) {
+        var value = _a.value, onChange = _a.onChange;
+        return ((0, jsx_runtime_1.jsx)("input", { type: "text", value: value, onChange: onChange }));
+    }, Link: function (_a) {
+        var children = _a.children, href = _a.href, target = _a.target;
+        return ((0, jsx_runtime_1.jsx)("a", { href: href, target: target, children: children }));
+    } })); });
+var renderUi = function () {
+    return (0, react_1.render)((0, jsx_runtime_1.jsx)("table", { children: (0, jsx_runtime_1.jsx)("tbody", { children: (0, jsx_runtime_1.jsx)(RowTable_1.default, __assign({}, mockProps)) }) }));
+};
+describe('TableRowMemo', function () {
+    it('renders correctly', function () {
+        renderUi();
+        expect(react_1.screen.getByText('Vincom')).toBeInTheDocument();
+        expect(react_1.screen.getByText('http://connect.awifi.com.vn/Preview/Page?loginId=5122170857262705548&welcomeId=4841207366749869113&isNetworkCampaign=true&domainId=100')).toBeInTheDocument();
+        expect(react_1.screen.getByText('Sub-Campaign 1')).toBeInTheDocument();
+        expect(react_1.screen.getByText('Ad 1')).toBeInTheDocument();
+    });
+    it('handles checkbox change', function () {
+        renderUi();
+        var checkbox = react_1.screen.getByRole('checkbox');
+        react_1.fireEvent.click(checkbox);
+        expect(mockProps.handleRowSelect).toHaveBeenCalledWith('100');
+    });
+    it('handles status change', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var select;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    renderUi();
+                    select = react_1.screen.getByRole('combobox');
+                    return [4 /*yield*/, user_event_1.default.selectOptions(select, Enum_1.CampaignApprovalStatus.Rejected.toString())];
+                case 1:
+                    _a.sent();
+                    expect(mockProps.updateRow).toHaveBeenCalledWith({
+                        status: Enum_1.CampaignApprovalStatus.Rejected.toString(),
+                        description: '',
+                    }, '100', '10c77e54-8aff-4e36-8334-70eca26d5a75');
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('handles description change', function () {
+        renderUi();
+        var input = react_1.screen.getByRole('textbox');
+        react_1.fireEvent.change(input, { target: { value: 'New description' } });
+        expect(mockProps.updateRow).toHaveBeenCalledWith({
+            status: Enum_1.CampaignApprovalStatus.PendingApproval,
+            description: 'New description',
+        }, '100', '10c77e54-8aff-4e36-8334-70eca26d5a75');
+    });
+});

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

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