awing-library 2.1.147-beta → 2.1.147

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;

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