awing-library 2.1.3 → 2.1.4

package/lib/ACM-AXN/Notifications/NotificationPopover/Container.js

@@ -0,0 +1,149 @@
+"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");
+/**
+ *
+ * @author dauquan1108@gmail.com on 12/1/2023.
+ *
+ **/
+var react_1 = require("react");
+var material_1 = require("@mui/material");
+var Notifications_1 = __importDefault(require("@mui/icons-material/Notifications"));
+var signalr_1 = require("@microsoft/signalr");
+var Constant_1 = require("../Constant");
+var Hooks_1 = __importDefault(require("../Hooks"));
+var NotificationDetail_1 = __importDefault(require("../NotificationDetail"));
+var Container = function () {
+    var service = (0, Hooks_1.default)().service;
+    var _a = (0, react_1.useState)(null), anchorEl = _a[0], setAnchorEl = _a[1];
+    var _b = (0, react_1.useState)(0), totalNotification = _b[0], setTotalNotification = _b[1];
+    var _c = (0, react_1.useState)(null), signalRConnection = _c[0], setSignalRConnection = _c[1];
+    (0, react_1.useEffect)(function () {
+        service.notificationsCountUnreadMessages().then(setTotalNotification);
+        setUpSignalRConnection().then(function (connection) { return __awaiter(void 0, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                setSignalRConnection(connection);
+                return [2 /*return*/];
+            });
+        }); });
+        return function () {
+            if (signalRConnection)
+                signalRConnection.stop();
+        };
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    var setUpSignalRConnection = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var connection, err_1;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    connection = new signalr_1.HubConnectionBuilder()
+                        .withUrl("".concat(Constant_1.Constants.API_ENDPOINT, "/api/hubs/notification"))
+                        .configureLogging(signalr_1.LogLevel.None)
+                        .withAutomaticReconnect([0, 5000, 10000, 15000])
+                        .build();
+                    connection.on('ReceiveMessage', function (message) {
+                        setTotalNotification(function (prev) { return prev + 1; });
+                    });
+                    _a.label = 1;
+                case 1:
+                    _a.trys.push([1, 3, , 4]);
+                    return [4 /*yield*/, connection.start()];
+                case 2:
+                    _a.sent();
+                    return [3 /*break*/, 4];
+                case 3:
+                    err_1 = _a.sent();
+                    console.log(err_1);
+                    return [3 /*break*/, 4];
+                case 4: return [2 /*return*/, connection];
+            }
+        });
+    }); };
+    var handleClick = function (event) {
+        var href = window.location.href;
+        // nếu đang ở notifications thì click vào quả chuông sẽ không mở popover nữa.
+        if (!href.includes(Constant_1.Constants.NOTIFICATIONS_PATH)) {
+            setTotalNotification(0);
+            setAnchorEl(event.currentTarget);
+        }
+    };
+    var handleClose = function () {
+        setAnchorEl(null);
+    };
+    var open = Boolean(anchorEl);
+    var id = open ? 'simple-popover' : undefined;
+    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { component: "div", children: [(0, jsx_runtime_1.jsx)(material_1.IconButton, { "aria-describedby": id, onClick: handleClick, sx: { backgroundColor: open ? '#F98D9C' : 'inherit' }, children: (0, jsx_runtime_1.jsx)(material_1.Badge, { badgeContent: totalNotification, color: "error", children: (0, jsx_runtime_1.jsx)(Notifications_1.default, { "data-testid": "notification-icon", sx: { color: open ? '#DD040C' : 'inherit' } }) }) }), (0, jsx_runtime_1.jsx)(material_1.Popover, { id: id, open: open, anchorEl: anchorEl, onClose: handleClose, sx: { zIndex: 1100 }, anchorOrigin: {
+                    vertical: 'bottom',
+                    horizontal: 'center',
+                }, transformOrigin: {
+                    vertical: 'top',
+                    horizontal: 'center',
+                }, PaperProps: {
+                    style: {
+                        borderRadius: '8px',
+                    },
+                }, children: (0, jsx_runtime_1.jsx)(material_1.Box, { "data-testid": "popover", component: "div", sx: [
+                        {
+                            width: '400px',
+                            overflowY: 'auto',
+                            maxHeight: 'calc(90vh - 8px)',
+                        },
+                        {
+                            '&::-webkit-scrollbar': {
+                                width: '10px',
+                            },
+                        },
+                        {
+                            '&::-webkit-scrollbar-track': {
+                                backgroundColor: '#f1f1f1',
+                            },
+                        },
+                        {
+                            '&::-webkit-scrollbar-thumb': {
+                                borderRadius: '4px',
+                                backgroundColor: '#c1c1c1',
+                            },
+                        },
+                    ], children: (0, jsx_runtime_1.jsx)(NotificationDetail_1.default, {}) }) })] }));
+};
+exports.default = Container;

package/lib/ACM-AXN/Notifications/{NotificationPopover.test.d.ts → NotificationPopover/Container.test.d.ts}

@@ -3,4 +3,4 @@
  * @author dauquan1108@gmail.com on 12/7/2023.
  *
  **/
-import "@testing-library/jest-dom";
+import '@testing-library/jest-dom';

package/lib/ACM-AXN/Notifications/{NotificationPopover.test.js → NotificationPopover/Container.test.js}

@@ -7,11 +7,11 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 require("@testing-library/jest-dom");
 var react_1 = require("@testing-library/react");
 // Component
-var NotificationPopover_1 = __importDefault(require("./NotificationPopover"));
-describe("NotificationPopover", function () {
-    it("renders the component", function () {
-        var getByTestId = (0, react_1.render)((0, jsx_runtime_1.jsx)(NotificationPopover_1.default, {})).getByTestId;
-        var notificationsIcon = getByTestId("notification-icon");
+var Container_1 = __importDefault(require("./Container"));
+describe('NotificationPopover', function () {
+    it('renders the component', function () {
+        var getByTestId = (0, react_1.render)((0, jsx_runtime_1.jsx)(Container_1.default, {})).getByTestId;
+        var notificationsIcon = getByTestId('notification-icon');
         expect(notificationsIcon).toBeInTheDocument();
     });
     // it("Mở dao diện 'NotificationPopover' khi click vào quả chuông.", async () => {

package/lib/ACM-AXN/Notifications/NotificationPopover/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ *
+ * @author dauquan1108@gmail.com on 12/1/2023.
+ *
+ **/
+import React from 'react';
+import { NotificationPropsContext } from '../Types';
+export declare const NotificationPopover: React.FC<NotificationPropsContext>;

package/lib/ACM-AXN/Notifications/NotificationPopover/index.js

@@ -0,0 +1,13 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NotificationPopover = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var Container_1 = __importDefault(require("./Container"));
+var Context_1 = require("../Context");
+var NotificationPopover = function (props) {
+    return ((0, jsx_runtime_1.jsx)(Context_1.NotificationContext.Provider, { value: props, children: (0, jsx_runtime_1.jsx)(Container_1.default, {}) }));
+};
+exports.NotificationPopover = NotificationPopover;

package/lib/ACM-AXN/Notifications/NotificationScreen.d.ts

@@ -3,6 +3,6 @@
  * @author dauquan1108@gmail.com on 11/27/2023.
  *
  **/
-import React from "react";
+import React from 'react';
 declare const NotificationScreen: React.FC;
 export default NotificationScreen;

package/lib/ACM-AXN/Notifications/NotificationScreen.js

@@ -8,11 +8,11 @@ var Box_1 = __importDefault(require("@mui/material/Box"));
 var NotificationDetail_1 = __importDefault(require("./NotificationDetail"));
 var NotificationScreen = function () {
     return ((0, jsx_runtime_1.jsx)(Box_1.default, { component: "div", sx: {
-            borderRadius: "8px",
-            border: "0.1px solid #0000001a",
-            boxShadow: "0 4px 8px rgba(0, 0, 0, 0.1)",
+            borderRadius: '8px',
+            border: '0.1px solid #0000001a',
+            boxShadow: '0 4px 8px rgba(0, 0, 0, 0.1)',
         }, "data-testid": "notificationScreen", 
         // width={{xs, sm, md, lg, xl}}
-        width: { xs: "100%", sm: "600px", lg: "680px" }, children: (0, jsx_runtime_1.jsx)(NotificationDetail_1.default, {}) }));
+        width: { xs: '100%', sm: '600px', lg: '680px' }, children: (0, jsx_runtime_1.jsx)(NotificationDetail_1.default, {}) }));
 };
 exports.default = NotificationScreen;

package/lib/ACM-AXN/Notifications/Types.d.ts

@@ -0,0 +1,241 @@
+/**
+ *
+ * @author dauquan1108@gmail.com on 04/15/2024.
+ *
+ **/
+import { AlertColor } from '@mui/material';
+export interface IValueFilterState {
+    textSearch: string;
+    tabs: string;
+}
+export interface IValueItem {
+    id: number;
+    status: NotificationMessageStatus;
+}
+export interface INotificationItem {
+    id: string | number;
+    content: string;
+    url: string;
+    status: boolean;
+    userName: string;
+    avatarUrl: string;
+    time: number | string;
+}
+export interface Cancel {
+    message: string | undefined;
+}
+export interface CancelToken {
+    promise: Promise<Cancel>;
+    reason?: Cancel;
+    throwIfRequested(): void;
+}
+export interface AppHelper {
+    alert: (message: string, title?: string) => void;
+    snackbar: (severity?: AlertColor, message?: string, autoHideDuration?: number) => void;
+    confirm: (okFunction?: () => void, cancelFunction?: () => void, message?: string, title?: string) => void;
+}
+export interface NotificationPropsContext {
+    service: NotificationService;
+    appHelper: AppHelper;
+}
+export interface NotificationService {
+    /**
+     *  notificationsPaging: API hiện thị Danh sách Notification.
+     **/
+    notificationsPaging: (pageIndex: number | undefined, pageSize: number | undefined, searchString: string | undefined, body: SagaTransactionType[] | undefined, cancelToken?: CancelToken) => Promise<PagedList_1OfNotificationMessage>;
+    /**
+     *  notificationsReadAll: API Chuyển trang Notifications thành đã đọc.
+     **/
+    notificationsReadAll: (cancelToken?: CancelToken) => Promise<void>;
+    /**
+     *  notificationsRead: API Chuyển trang NotificationItem sang đã đọc.
+     **/
+    notificationsRead: (body: number[] | undefined, cancelToken?: CancelToken) => Promise<void>;
+    /**
+     *  notificationsUnread: API Chuyển trang NotificationItem sang chưa đọc.
+     **/
+    notificationsUnread: (body: number[] | undefined, cancelToken?: CancelToken) => Promise<void>;
+    /**
+     *  notificationsCountUnreadMessages: API Hiển thị số lượng thông báo chưa đọc.
+     **/
+    notificationsCountUnreadMessages: (cancelToken?: CancelToken) => Promise<number>;
+}
+export interface ITimestamp {
+    seconds?: string;
+    nanos?: number;
+}
+export declare class Timestamp implements ITimestamp {
+    seconds?: string;
+    nanos?: number;
+    constructor(data?: ITimestamp);
+    init(_data?: any): void;
+    static fromJS(data: any): Timestamp;
+    toJSON(data?: any): any;
+}
+export declare enum NotificationMessageStatus {
+    Unread = 0,
+    Read = 1
+}
+export interface INotificationMessage {
+    id?: number;
+    userId?: string;
+    sagaTransactionType?: SagaTransactionType;
+    fields?: NotificationMessageField[] | undefined;
+    status?: NotificationMessageStatus;
+    createdDate?: Timestamp;
+}
+export declare class NotificationMessage implements INotificationMessage {
+    id?: number;
+    userId?: string;
+    sagaTransactionType?: SagaTransactionType;
+    readonly fields?: NotificationMessageField[] | undefined;
+    status?: NotificationMessageStatus;
+    createdDate?: Timestamp;
+    constructor(data?: INotificationMessage);
+    init(_data?: any): void;
+    static fromJS(data: any): NotificationMessage;
+    toJSON(data?: any): any;
+}
+export interface INotificationMessageField {
+    name?: string | undefined;
+    value?: string | undefined;
+    text?: string | undefined;
+}
+export declare class NotificationMessageField implements INotificationMessageField {
+    name?: string | undefined;
+    value?: string | undefined;
+    text?: string | undefined;
+    constructor(data?: INotificationMessageField);
+    init(_data?: any): void;
+    static fromJS(data: any): NotificationMessageField;
+    toJSON(data?: any): any;
+}
+export interface IPagedList_1OfNotificationMessage {
+    items?: NotificationMessage[] | undefined;
+    pageCount?: number;
+    totalItemCount?: number;
+    pageNumber?: number;
+    pageSize?: number;
+    hasPreviousPage?: boolean;
+    hasNextPage?: boolean;
+}
+export declare class PagedList_1OfNotificationMessage implements IPagedList_1OfNotificationMessage {
+    items?: NotificationMessage[] | undefined;
+    pageCount?: number;
+    totalItemCount?: number;
+    pageNumber?: number;
+    pageSize?: number;
+    readonly hasPreviousPage?: boolean;
+    readonly hasNextPage?: boolean;
+    constructor(data?: IPagedList_1OfNotificationMessage);
+    init(_data?: any): void;
+    static fromJS(data: any): PagedList_1OfNotificationMessage;
+    toJSON(data?: any): any;
+}
+export declare enum SagaTransactionType {
+    None = 0,
+    StartDay = 1,
+    CampaignCreate = 1000,
+    CampaignUpdate = 1001,
+    CampaignDelete = 1002,
+    CampaignBlocked = 1003,
+    PlaceCreate = 1100,
+    PlaceUpdate = 1101,
+    PlaceDelete = 1102,
+    PlaceJoinRequest = 1103,
+    PlaceJoinApprove = 1104,
+    PlaceJoinReject = 1105,
+    PlaceJoinDelete = 1106,
+    PlaceUnjoinRequest = 1107,
+    PlaceUnjoinApprove = 1108,
+    PlaceUnjoinReject = 1109,
+    PlaceUnjoinDelete = 1110,
+    PlaceCustomerInfoUpdate = 1111,
+    PlaceStatsNeedCalculate = 1112,
+    PlaceStatsUpdate = 1113,
+    PlaceClearCache = 1114,
+    PlaceCustomerInfoCreate = 1115,
+    PlaceCustomerInfoDelete = 1116,
+    PlaceGroupCreate = 1117,
+    PlaceGroupUpdate = 1118,
+    PlaceGroupDelete = 1119,
+    PlaceStatusUpdate = 1120,
+    DomainCreate = 1200,
+    DomainUpdate = 1201,
+    DomainDelete = 1202,
+    DomainJoinRequest = 1203,
+    DomainJoinApprove = 1204,
+    DomainJoinReject = 1205,
+    DomainJoinDelete = 1206,
+    DomainJoinUpdate = 1207,
+    DomainUnjoinRequest = 1208,
+    DomainUnjoinApprove = 1209,
+    DomainUnjoinReject = 1210,
+    DomainUnjoinDelete = 1211,
+    DomainClearCache = 1212,
+    PageCreate = 1300,
+    PageUpdate = 1301,
+    PageDelete = 1302,
+    PageArchive = 1303,
+    DirectoryCreate = 1400,
+    DirectoryUpdate = 1401,
+    DirectoryDelete = 1402,
+    DirectoryPermissionUpdate = 1501,
+    DirectoryPermissionDelete = 1502,
+    SystemDirectoryPermissionUpdate = 1551,
+    SystemDirectoryPermissionDelete = 1552,
+    StaticFileUpload = 1601,
+    StaticFileDelete = 1602,
+    StaticFileDownload = 1603,
+    FolderFileCreate = 1700,
+    ScheduleNeedCalculate = 1803,
+    ScheduleAllCalculate = 1804,
+    ScheduleCampaignCalculate = 1805,
+    ApCreate = 1900,
+    ApUpdate = 1901,
+    ApDelete = 1902,
+    ApControllerClearCache = 1903,
+    AuthenticationProfileCreate = 2000,
+    AuthenticationProfileUpdate = 2001,
+    AuthenticationProfileDelete = 2002,
+    CaptiveClearCache = 2100,
+    GroupCreate = 2200,
+    GroupUpdate = 2201,
+    GroupDelete = 2202,
+    UserCreate = 2300,
+    UserUpdate = 2301,
+    UserDelete = 2302,
+    UserChangePassword = 2303,
+    UserAddToDomain = 2304,
+    UserRemoveFromDomain = 2305,
+    TemplateCreate = 2400,
+    TemplateUpdate = 2401,
+    TemplateDelete = 2402,
+    RemarketingListCreate = 2500,
+    RemarketingListUpdate = 2501,
+    RemarketingListDelete = 2502,
+    UserLogin = 2600,
+    UserLogout = 2601,
+    WizardCreate = 2700,
+    WizardUpdate = 2701,
+    WizardDelete = 2702,
+    HolidayCreate = 2800,
+    HolidayUpdate = 2801,
+    HolidayDelete = 2802,
+    AttributeCreate = 2900,
+    AttributeUpdate = 2901,
+    AttributeDelete = 2902,
+    InventoryCreate = 3000,
+    InventoryUpdate = 3001,
+    InventoryDelete = 3002,
+    MenuPermissionCreate = 3100,
+    MenuPermissionUpdate = 3101,
+    MenuPermissionDelete = 3102,
+    AudienceSumupCalculate = 3200,
+    AttributeTypeCreate = 3300,
+    AttributeTypeUpdate = 3301,
+    AttributeTypeDelete = 3302,
+    TaskSchedulerCreate = 3400,
+    TaskSchedulerUpdate = 3401,
+    TaskSchedulerDelete = 3402
+}