awing-library 2.1.131-beta → 2.1.131

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

@@ -0,0 +1,306 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var recoil_1 = require("recoil");
+var Recoils_1 = require("../Recoils");
+var react_1 = require("react");
+var Hooks_1 = __importDefault(require("../../../../ACM-AXN/Campaign/Hooks"));
+var Constant_1 = require("../../../../ACM-AXN/Common/Constant");
+var lodash_1 = __importDefault(require("lodash"));
+var Helpers_1 = require("../../../../Utils/Helpers");
+var Router_1 = require("../../../../AWING/Router");
+var atoms_1 = require("../TabSubCampaign/atoms");
+var RunInBackground = function () {
+    var campaignId = (0, Router_1.useParams)().campaignId;
+    var subCampaigns = (0, recoil_1.useRecoilValue)(Recoils_1.campaignGroupsState);
+    var subCampaignDetailValid = (0, recoil_1.useRecoilValue)(atoms_1.subCampaignDetailValidState);
+    var subCampaignAdsValid = (0, recoil_1.useRecoilValue)(atoms_1.subCampaignAdsValidState);
+    var _a = (0, Hooks_1.default)(), service = _a.service, defaultDomainId = _a.domainId;
+    var _b = (0, recoil_1.useRecoilState)(Recoils_1.campaignApprovalState), campaignApproval = _b[0], setCampaignApproval = _b[1];
+    var _c = (0, recoil_1.useRecoilState)(Recoils_1.campaignApprovalTableState), campaignApprovalTable = _c[0], setCampaignApprovalTable = _c[1];
+    var _d = (0, react_1.useState)([]), domains = _d[0], setDomains = _d[1];
+    var _e = (0, react_1.useState)(true), isInit = _e[0], setIsInit = _e[1];
+    var oldCampaignApproval = (0, react_1.useRef)([]);
+    var prevDomainIds = (0, react_1.useRef)([]);
+    var domainIds = (0, react_1.useMemo)(function () {
+        var ads = subCampaigns.flatMap(function (sub) { return sub.ads; });
+        return lodash_1.default.uniq(ads
+            .filter(function (ad) { return ad.places; })
+            .map(function (ad) { return ad.places.map(function (x) { return x.domainId; }); })
+            .flat()
+            .filter(Boolean));
+    }, [subCampaigns]);
+    var areAllTrue = function (data) {
+        return Object.values(data).every(function (value) { return value === true; });
+    };
+    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);
+        if (ad.welcomeId)
+            url += "&welcomeId=".concat(ad.welcomeId, "&isNetworkCampaign=").concat(Boolean(service.domainsGetAll).toString());
+        if (domainId)
+            url += "&domainId=".concat(domainId);
+        return url;
+    };
+    var mergedData = function (data) {
+        return data.reduce(function (acc, detail) {
+            var existingLink = acc.find(function (l) { return l.linkPreview === detail.linkPreview; });
+            if (existingLink) {
+                var existingCampaign = existingLink.campaign.find(function (item) {
+                    return item.subCampaigns.find(function (subCampaign) {
+                        return subCampaign.id ===
+                            detail.campaign[0].subCampaigns[0].id;
+                    });
+                });
+                if (existingCampaign) {
+                    existingCampaign.ads.push({
+                        id: detail.campaign[0].ads[0].id,
+                        name: detail.campaign[0].ads[0].name,
+                    });
+                }
+                else {
+                    detail.campaign.forEach(function (item) {
+                        existingLink.campaign.push(item);
+                    });
+                }
+            }
+            else {
+                acc.push({
+                    id: (0, Helpers_1.generateUUID)(),
+                    linkPreview: detail.linkPreview,
+                    campaign: detail.campaign,
+                    status: detail.status,
+                    description: detail.description,
+                    loginId: detail.loginId,
+                    welcomeId: detail.welcomeId,
+                });
+            }
+            return acc;
+        }, []);
+    };
+    var renderDataDetail = function (domainId) {
+        return mergedData(subCampaigns
+            .map(function (subCampaign) {
+            return subCampaign.ads
+                .map(function (ad) {
+                var _a;
+                var isDomain = (_a = ad === null || ad === void 0 ? void 0 : ad.places) === null || _a === void 0 ? void 0 : _a.find(function (place) {
+                    return place.domainId === domainId;
+                });
+                if (isDomain) {
+                    return {
+                        linkPreview: renderLinkPreview(ad, domainId),
+                        campaign: [
+                            {
+                                subCampaigns: [
+                                    {
+                                        id: subCampaign
+                                            .campaignGroup.id,
+                                        name: subCampaign
+                                            .campaignGroup.name,
+                                        status: subCampaign.campaignGroup.status
+                                    },
+                                ],
+                                ads: [
+                                    {
+                                        id: ad.id,
+                                        name: ad.name,
+                                    },
+                                ],
+                            },
+                        ],
+                        loginId: ad.loginId,
+                        welcomeId: ad.welcomeId,
+                        description: '',
+                        status: 0,
+                    };
+                }
+            })
+                .filter(Boolean);
+        })
+            .flat()
+            .filter(Boolean));
+    };
+    var flattenData = function (data) {
+        var flattened = [];
+        var index = 0;
+        data.forEach(function (item) {
+            item.detail.forEach(function (detail) {
+                detail.campaign.forEach(function (campaign) {
+                    campaign.ads.forEach(function (ad) {
+                        var _a;
+                        flattened.push({
+                            id: index++,
+                            campaignId: campaignId,
+                            domainId: item.domain.domainId,
+                            status: detail.status,
+                            loginId: detail.loginId,
+                            welcomeId: detail.welcomeId,
+                            description: detail.description,
+                            campaignGroupId: (_a = campaign.subCampaigns[0]) === null || _a === void 0 ? void 0 : _a.id,
+                            campaignAdId: ad === null || ad === void 0 ? void 0 : ad.id,
+                        });
+                    });
+                });
+            });
+        });
+        return flattened;
+    };
+    var unflattenData = function (inputData) {
+        var subCampaignsFlat = subCampaigns.flatMap(function (item) {
+            var subCampaignId = item.campaignGroup.id;
+            var subCampaignName = item.campaignGroup.name;
+            return item.ads.map(function (ad) { return ({
+                subCampaignId: subCampaignId,
+                subCampaignName: subCampaignName,
+                adId: ad.id,
+                adName: ad.name,
+                loginId: ad.loginId,
+                welcomeId: ad.welcomeId,
+            }); });
+        });
+        var findAd = function (subId, adId) {
+            var ad = subCampaignsFlat.find(function (item) { return item.adId === adId && item.subCampaignId === subId; });
+            return ad;
+        };
+        var groupedData = inputData.reduce(function (acc, item) {
+            var _a, _b, _c;
+            var domainId = item.domainId;
+            if (!acc[domainId]) {
+                var domain = domains.find(function (d) { return d.domainId === domainId; });
+                acc[domainId] = {
+                    id: domainId,
+                    domain: {
+                        domainName: domain === null || domain === void 0 ? void 0 : domain.name,
+                        domainId: domain === null || domain === void 0 ? void 0 : domain.domainId,
+                    },
+                    detail: [],
+                };
+            }
+            // Tạo linkPreview chỉ nếu chưa tồn tại
+            var existingDetail = acc[domainId].detail.find(function (detail) {
+                return detail.loginId === item.loginId &&
+                    detail.welcomeId === item.welcomeId;
+            });
+            if (!existingDetail) {
+                acc[domainId].detail.push({
+                    id: (0, Helpers_1.generateUUID)(),
+                    linkPreview: renderLinkPreview({
+                        loginId: item.loginId,
+                        welcomeId: item.welcomeId,
+                    }, domainId),
+                    campaign: [],
+                    status: item.status,
+                    description: item.description,
+                    loginId: item.loginId,
+                    welcomeId: item.welcomeId,
+                });
+            }
+            var campaign = (_a = acc[domainId].detail.find(function (detail) {
+                return detail.loginId === item.loginId &&
+                    detail.welcomeId === item.welcomeId;
+            })) === null || _a === void 0 ? void 0 : _a.campaign;
+            var subCampaign = campaign.find(function (c) { return c.subCampaigns[0].id === item.campaignGroupId; });
+            if (!subCampaign) {
+                var sub = subCampaigns.find(function (subCampaign) {
+                    return subCampaign.campaignGroup.id ===
+                        item.campaignGroupId;
+                });
+                subCampaign = {
+                    subCampaigns: [
+                        {
+                            id: sub === null || sub === void 0 ? void 0 : sub.campaignGroup.id,
+                            name: sub === null || sub === void 0 ? void 0 : sub.campaignGroup.name,
+                            status: sub === null || sub === void 0 ? void 0 : sub.campaignGroup.status
+                        },
+                    ],
+                    ads: [],
+                };
+                campaign.push(subCampaign);
+            }
+            subCampaign.ads.push({
+                id: item.campaignAdId,
+                name: (_c = (_b = findAd(subCampaign.subCampaigns[0].id, item.campaignAdId)) === null || _b === void 0 ? void 0 : _b.adName) !== null && _c !== void 0 ? _c : '',
+            });
+            return acc;
+        }, {});
+        return Object.values(groupedData);
+    };
+    var fetchDomains = (0, react_1.useCallback)(function (ids) {
+        if (ids.length > 0 && service.domainsGetByIds) {
+            service.domainsGetByIds(ids).then(setDomains);
+        }
+    }, [service.domainsGetByIds, setDomains]);
+    var campaignApprovalMerged = function (oldData, newData) {
+        return newData.map(function (newItem) {
+            var newDomainId = newItem.domain.domainId;
+            newItem.detail = newItem.detail.map(function (newDetail) {
+                var oldItem = oldData.find(function (item) { return item.domain.domainId === newDomainId; });
+                if (oldItem) {
+                    var oldDetail = oldItem.detail.find(function (detail) {
+                        return detail.welcomeId === newDetail.welcomeId &&
+                            detail.loginId === newDetail.loginId;
+                    });
+                    if (oldDetail) {
+                        return __assign(__assign({}, newDetail), { status: oldDetail.status, description: oldDetail.description });
+                    }
+                }
+                return newDetail;
+            });
+            return newItem;
+        });
+    };
+    (0, react_1.useEffect)(function () {
+        if (!Boolean(service.attributesGetByObjectTypeCode))
+            return undefined;
+        if (!domains.length)
+            return setCampaignApprovalTable([]);
+        if (areAllTrue(subCampaignDetailValid) &&
+            areAllTrue(subCampaignAdsValid)) {
+            var data = domains.map(function (domain) {
+                return {
+                    id: domain.domainId,
+                    domain: {
+                        domainName: domain.name,
+                        domainId: domain.domainId,
+                    },
+                    detail: renderDataDetail(domain.domainId),
+                };
+            });
+            return setCampaignApprovalTable(campaignApprovalMerged(unflattenData(oldCampaignApproval.current), data));
+        }
+    }, [domains, subCampaigns]);
+    (0, react_1.useEffect)(function () {
+        if (!lodash_1.default.isEqual(prevDomainIds.current, domainIds)) {
+            fetchDomains(domainIds);
+            prevDomainIds.current = domainIds;
+        }
+    }, [domainIds]);
+    (0, react_1.useEffect)(function () {
+        if (campaignApprovalTable.length > 0) {
+            setCampaignApproval(flattenData(campaignApprovalTable));
+        }
+    }, [campaignApprovalTable]);
+    (0, react_1.useEffect)(function () {
+        if (!oldCampaignApproval.current.length && isInit) {
+            oldCampaignApproval.current = campaignApproval !== null && campaignApproval !== void 0 ? campaignApproval : [];
+            setIsInit(true);
+        }
+    }, [campaignApproval]);
+    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
+};
+exports.default = RunInBackground;

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

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

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

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

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

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

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

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

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

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