awing-library 2.1.144-beta → 2.1.144

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

@@ -34,18 +34,18 @@ function Container() {
     return ((0, jsx_runtime_1.jsx)(AWING_1.PageManagement, { title: t('AuthenticationProfile.Title'), inputSearchPlaceholder: t('AuthenticationProfile.SearchPlaceholder'), onChangeQueryInput: getAuthenticationProfile, getRowId: function (obj) { return obj.authenticationProfileId; }, columns: [
             {
                 field: 'authenticationProfileId',
-                headerName: 'STT',
+                headerName: '#',
                 width: 60,
                 valueGetter: function (_unUse, idx, stt) { return stt; },
             },
             {
                 field: 'authenticationMethodCode',
-                headerName: 'Method Code',
+                headerName: t('AuthenticationProfile.MethodCode'),
                 width: 130,
             },
             {
                 field: 'apControllerCode',
-                headerName: (0, jsx_runtime_1.jsx)("b", { children: "AP Controller Code" }),
+                headerName: t('AuthenticationProfile.APControllerCode'),
                 width: 170,
                 valueGetter: function (row) {
                     return row.apControllerCode === Utils_1.AP_CONTROLLER_CODE.All ||
@@ -66,7 +66,7 @@ function Container() {
             },
             {
                 field: 'parameters',
-                headerName: 'Params',
+                headerName: t('AuthenticationProfile.Params'),
                 dynamicTableCellProps: function () {
                     return {
                         style: { wordBreak: 'break-all' },

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

@@ -76,7 +76,7 @@ var CreateOrEdit = function () {
                 {
                     fieldName: 'authenticationMethodCode',
                     type: 'autocomplete',
-                    label: 'Authentication Method code',
+                    label: t('AuthenticationProfile.MethodCode'),
                     required: true,
                     defaultValue: Utils_1.AUTHENTICATION_METHOD_CODE.MethodByLocalAP,
                     options: Object.entries(Utils_1.AUTHENTICATION_METHOD_CODE).map(function (_a) {
@@ -90,7 +90,7 @@ var CreateOrEdit = function () {
                 {
                     fieldName: 'apControllerCode',
                     type: 'autocomplete',
-                    label: 'AP Controller Code',
+                    label: t('AuthenticationProfile.APControllerCode'),
                     required: true,
                     options: apControllers,
                     defaultValue: null,

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 {};