awing-library 2.1.220-dev → 2.1.222-dev

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

@@ -1,67 +1,96 @@
 "use strict";
-// import { fireEvent, render, screen } from '@testing-library/react';
-// import { RowTable } from './RowTable';
-// // Mock the MUI components
-// jest.mock('@mui/material', () => ({
-//   ...jest.requireActual('@mui/material'),
-//   TableRow: ({ children }: any) => <tr>{children}</tr>,
-//   TableCell: ({ children }: any) => <td>{children}</td>,
-//   Box: ({ children }: any) => <div>{children}</div>,
-//   Link: ({ children, href }: any) => <a href={href}>{children}</a>,
-//   Chip: ({ label }: any) => <span>{label}</span>,
-//   FormControl: ({ children }: any) => <div>{children}</div>,
-//   Select: ({ children, value, onChange }: any) => (
-//     <select value={value} onChange={onChange}>
-//       {children}
-//     </select>
-//   ),
-//   MenuItem: ({ children, value }: any) => <option value={value}>{children}</option>,
-//   TextField: ({ value, onChange }: any) => (
-//     <input type="text" value={value} onChange={onChange} />
-//   ),
-// }));
-// const mockRow = {
-//   link: 'https://example.com',
-//   subCampaigns: [
-//     { id: '1', name: 'Campaign 1' },
-//     { id: '2',name: 'Campaign 2' },
-//   ],
-//   ghichu: 'Initial note',
-//   status: 0,
-// };
-// const renderUi = () => render(<RowTable row={mockRow} id='' updateRow={() => {}} />);
-// describe('RowTable', () => {
-//   it('renders the link correctly', () => {
-//     renderUi();
-//     const link = screen.getByRole('link', { name: 'https://example.com' });
-//     expect(link).toBeInTheDocument();
-//     expect(link).toHaveAttribute('href', 'https://example.com');
-//   });
-//   it('renders sub-campaigns as chips', () => {
-//     renderUi();
-//     expect(screen.getByText('Campaign 1')).toBeInTheDocument();
-//     expect(screen.getByText('Campaign 2')).toBeInTheDocument();
-//   });
-//   it('renders the select with correct initial value', () => {
-//     renderUi()
-//     const select = screen.getByRole('combobox');
-//     expect(select).toHaveValue('Chờ duyệt');
-//   });
-//   it('changes the select value when a new option is chosen', () => {
-//     renderUi()
-//     const select = screen.getByRole('combobox');
-//     fireEvent.change(select, { target: { value: 'Duyệt' } });
-//     expect(select).toHaveValue('Duyệt');
-//   });
-//   it('renders the text field with the initial note', () => {
-//     renderUi()
-//     const textField = screen.getByRole('textbox');
-//     expect(textField).toHaveValue('Initial note');
-//   });
-//   it('updates the text field value when typed into', () => {
-//     renderUi()
-//     const textField = screen.getByRole('textbox');
-//     fireEvent.change(textField, { target: { value: 'New note' } });
-//     expect(textField).toHaveValue('New note');
-//   });
-// });
+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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("@testing-library/react");
+var RowTable_1 = require("./RowTable");
+jest.mock('react-i18next', function () { return ({
+    useTranslation: function () { return ({ t: function (key) { return key; } }); },
+}); });
+// Mock the MUI components
+jest.mock('@mui/material', function () { return (__assign(__assign({}, jest.requireActual('@mui/material')), { TableRow: function (_a) {
+        var children = _a.children;
+        return (0, jsx_runtime_1.jsx)("tr", { children: children });
+    }, TableCell: function (_a) {
+        var children = _a.children;
+        return (0, jsx_runtime_1.jsx)("td", { children: children });
+    }, Box: function (_a) {
+        var children = _a.children;
+        return (0, jsx_runtime_1.jsx)("div", { children: children });
+    }, Link: function (_a) {
+        var children = _a.children, href = _a.href;
+        return (0, jsx_runtime_1.jsx)("a", { href: href, 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 }));
+    } })); });
+var mockRow = {
+    id: 1,
+    linkPreview: 'https://example.com',
+    subCampaigns: [
+        { id: '1', name: 'Campaign 1' },
+        { id: '2', name: 'Campaign 2' },
+    ],
+    description: 'Initial note',
+    status: 0,
+};
+var renderUi = function () {
+    return (0, react_1.render)((0, jsx_runtime_1.jsx)(RowTable_1.RowTable, { row: mockRow, id: 1, updateRow: function () { } }));
+};
+describe('RowTable', function () {
+    it('renders the link correctly', function () {
+        renderUi();
+        var link = react_1.screen.getByRole('link', { name: 'https://example.com' });
+        expect(link).toBeInTheDocument();
+        expect(link).toHaveAttribute('href', 'https://example.com');
+    });
+    it('renders sub-campaigns as chips', function () {
+        renderUi();
+        expect(react_1.screen.getByText('Campaign 1')).toBeInTheDocument();
+        expect(react_1.screen.getByText('Campaign 2')).toBeInTheDocument();
+    });
+    it('renders the select with correct initial value', function () {
+        renderUi();
+        var select = react_1.screen.getByRole('combobox');
+        expect(select).toHaveValue('0');
+    });
+    it('changes the select value when a new option is chosen', function () {
+        renderUi();
+        var select = react_1.screen.getByRole('combobox');
+        react_1.fireEvent.change(select, { target: { value: 0 } });
+        expect(select).toHaveValue('0');
+    });
+    it('renders the text field with the initial note', function () {
+        renderUi();
+        var textField = react_1.screen.getByRole('textbox');
+        expect(textField).toHaveValue('Initial note');
+    });
+    it('updates the text field value when typed into', function () {
+        renderUi();
+        var textField = react_1.screen.getByRole('textbox');
+        react_1.fireEvent.change(textField, { target: { value: 'New note' } });
+        expect(textField).toHaveValue('New note');
+    });
+});

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

@@ -189,7 +189,6 @@ function TabApprove() {
                     }),
                 });
             });
-            setCampaignApproval(transformedData(data));
             return data;
         }
         data = domains.map(function (domain) {
@@ -202,7 +201,6 @@ function TabApprove() {
                 detail: renderDataDetail(domain.domainId),
             };
         });
-        setCampaignApproval(transformedData(data));
         return data;
     }, [domains]);
     var handleSelectAll = (0, react_1.useCallback)(function () {
@@ -218,6 +216,11 @@ function TabApprove() {
                 service.domainsGetByIds(domainIds).then(setDomains);
         }
     }, [domainIds]);
+    (0, react_1.useEffect)(function () {
+        if (dataTable.length > 0) {
+            setCampaignApproval(transformedData(dataTable));
+        }
+    }, [dataTable]);
     return ((0, jsx_runtime_1.jsxs)(material_1.TableContainer, { children: [(0, jsx_runtime_1.jsx)(material_1.Button, { variant: "outlined", sx: {
                     margin: '1rem',
                 }, children: t('Campaign.Approval.GetApprovalInformation') }), (0, jsx_runtime_1.jsx)(material_1.Button, { variant: "outlined", color: "primary", disabled: !rowSelected.length, children: t('Campaign.Approval.SendEmail') }), (0, jsx_runtime_1.jsxs)(material_1.Table, { sx: {

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

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

package/lib/AWING/DataForm/DataInput.js

@@ -128,13 +128,11 @@ function DataInput(props) {
     }, [type, value]);
     var handleParamValueChange = function () {
         var newValue = Number(numberValue);
-        onChange(newValue, checkValidationValue(fieldDefinition, newValue));
+        setNumberValue(newValue);
+        if (type === 'number' && Number(value) !== newValue) {
+            onChange(newValue, checkValidationValue(fieldDefinition, newValue));
+        }
     };
-    (0, react_2.useEffect)(function () {
-        if (type === 'number' && Number(value) !== Number(numberValue))
-            handleParamValueChange();
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [numberValue, type]);
     switch (type) {
         case 'logic-expression': {
             return ((0, jsx_runtime_1.jsx)(LogicExpression_1.default, __assign({ cf: function (newValue, valid) {
@@ -216,7 +214,8 @@ function DataInput(props) {
             return ((0, jsx_runtime_1.jsx)(AWING_1.NumberFormat, __assign({ id: fieldName.toString(), name: fieldName.toString(), fullWidth: true, variant: "standard" }, other, { value: numberValue !== null && numberValue !== void 0 ? numberValue : '', onChange: function (event) {
                     var newValue = event.target.value;
                     setNumberValue(newValue);
-                }, error: error, helperText: !disableHelperText && error
+                    onChange(Number(newValue), checkValidationValue(fieldDefinition, Number(newValue)));
+                }, onBlur: handleParamValueChange, error: error, helperText: !disableHelperText && error
                     ? (_h = fieldDefinition.helperText) !== null && _h !== void 0 ? _h : t('Common.InvalidData')
                     : '' })));
         }

package/lib/AWING/DataForm/interface.d.ts

@@ -68,7 +68,6 @@ export interface NumberFieldDefinition<T extends DataObject> extends BaseFieldDe
     onValidate?(value?: number): boolean;
     defaultValue?: number;
     autoFormula?: string;
-    isFloat?: boolean;
     min?: number;
     max?: number;
 }

package/package.json

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