awing-library 2.1.113 → 2.1.114

package/lib/ACM-AXN/Common/Constant.d.ts

@@ -1,5 +1,6 @@
 declare global {
     interface Window {
+        TOPIC_PREFIX: string;
         REACT_APP_API_ENDPOINT: string;
         GOONG_MAP_KEY: string;
         GOONG_API_KEY: string;

package/lib/AWING/AwingMqtt/MqttProvider.d.ts

@@ -0,0 +1,17 @@
+import mqtt from 'mqtt';
+import React from 'react';
+export interface IMqttContext {
+    client: mqtt.MqttClient;
+    isConnected: boolean;
+}
+export declare const MqttContext: React.Context<IMqttContext>;
+export interface MqttProviderProps extends React.PropsWithChildren<{
+    userId: string;
+    userProfilesGet: () => Promise<void>;
+    onError: (fn: (guid: string) => void) => void;
+    brokerUrl: string;
+    deviceId: string;
+}> {
+}
+declare const MqttProvider: React.FC<MqttProviderProps>;
+export default MqttProvider;

package/lib/AWING/AwingMqtt/MqttProvider.js

@@ -0,0 +1,95 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MqttContext = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var mqtt_1 = __importDefault(require("mqtt"));
+var react_1 = __importStar(require("react"));
+exports.MqttContext = (0, react_1.createContext)({
+    client: undefined,
+    isConnected: false,
+});
+var randomId = Math.random().toString(16).substr(2, 8);
+var MqttProvider = function (_a) {
+    var children = _a.children, userId = _a.userId, userProfilesGet = _a.userProfilesGet, onError = _a.onError, brokerUrl = _a.brokerUrl, deviceId = _a.deviceId;
+    var _b = react_1.default.useState(randomId), currentGuid = _b[0], setCurrentGuid = _b[1];
+    var _c = react_1.default.useState(false), connected = _c[0], setConnected = _c[1];
+    onError(setCurrentGuid);
+    var options = react_1.default.useMemo(function () {
+        var userName = [userId, deviceId, window.CLIENT_ID].join(":");
+        return {
+            userId: userId,
+            clientId: userName + ":" + randomId,
+            username: userName,
+            clean: true,
+            password: '',
+            keepalive: 60,
+            reconnectPeriod: 2000,
+            protocolVersion: 5,
+        };
+    }, [userId]);
+    var client = (0, react_1.useRef)();
+    var clientGroupID = localStorage.getItem('clientGroupID');
+    if (!clientGroupID) {
+        clientGroupID = randomId;
+        localStorage.setItem('clientGroupID', clientGroupID);
+    }
+    (0, react_1.useEffect)(function () {
+        var _a, _b;
+        if (!userId || ((_a = client.current) === null || _a === void 0 ? void 0 : _a.connected))
+            return;
+        client.current = mqtt_1.default.connect(brokerUrl, options);
+        client.current.on('connect', function () {
+            console.log('Connected');
+            setConnected(true);
+        });
+        client.current.on('error', function (err) {
+            var isAuthError = err.message.toLocaleLowerCase().includes('not authorized');
+            if (isAuthError) {
+                userProfilesGet();
+            }
+            else {
+                console.error('Connection Error: ', err);
+            }
+        });
+        client.current.on('offline', function () {
+            console.log('is offline');
+        });
+        if (client.current._reconnectCount > 9) {
+            (_b = client.current) === null || _b === void 0 ? void 0 : _b.end();
+        }
+        return function () {
+            var _a;
+            (_a = client.current) === null || _a === void 0 ? void 0 : _a.end();
+            client.current = undefined;
+            setConnected(false);
+        };
+    }, [userId, currentGuid]);
+    return ((0, jsx_runtime_1.jsx)(exports.MqttContext.Provider, { value: { client: client.current, isConnected: connected }, children: children }));
+};
+exports.default = MqttProvider;

package/lib/AWING/AwingMqtt/MqttProvider.test.d.ts

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

package/lib/AWING/AwingMqtt/MqttProvider.test.js

@@ -0,0 +1,194 @@
+"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");
+/* eslint-disable testing-library/no-wait-for-multiple-assertions */
+//yarn test --all src/Commons/MqttProvider.test
+var react_1 = require("@testing-library/react");
+var recoil_1 = require("recoil");
+var mqtt_1 = __importDefault(require("mqtt"));
+var react_2 = require("react");
+// import TokenService from './TokenService'
+jest.mock('./TokenService', function () { return ({
+    getUser: jest.fn(),
+}); });
+jest.mock('react', function () { return (__assign(__assign({}, jest.requireActual('react')), { useState: jest.fn() })); });
+jest.mock('./UseAxiosProvider', function () { return ({
+    __esModule: true,
+    default: jest.fn(),
+}); });
+jest.mock('mqtt');
+var renderUi = function (userId) {
+    if (userId === void 0) { userId = '123456'; }
+    var initializeState = function (_a) {
+        var set = _a.set;
+        // set(currentUserState, {
+        //     userId,
+        // })
+    };
+    return (0, react_1.render)((0, jsx_runtime_1.jsx)(recoil_1.RecoilRoot, { initializeState: initializeState, children: (0, jsx_runtime_1.jsx)("div", {}) }));
+};
+describe('MqttProvider', function () {
+    var mockOn = jest.fn();
+    var mockEnd = jest.fn();
+    beforeEach(function () {
+        jest.clearAllMocks();
+        mqtt_1.default.connect.mockReturnValue({
+            on: mockOn,
+            end: mockEnd,
+            _reconnectCount: 8
+        });
+        // ;(TokenService.getUser as jest.Mock).mockReturnValue({deviceId: '123214sdfs'})
+        // ;(useState as jest.Mock).mockImplementation((init) => [init,jest.fn()])
+        // ;(UseAxiosProvider as jest.Mock).mockReturnValue({
+        //     client: {
+        //         authGetToken: jest.fn(() => Promise.resolve('token')),
+        //         userProfilesGet: jest.fn(() => Promise.resolve('')),
+        //     },
+        //     onError: jest.fn((fn: any) => {
+        //         fn(403, { })
+        //     })
+        // })
+    });
+    it('should render/have no userId', 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 () {
+                            expect(react_1.screen.getByText('MqttProvider')).toBeInTheDocument();
+                        })];
+                case 1:
+                    _a.sent();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('should handle MQTT Offline', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var offlineCallback;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    renderUi();
+                    return [4 /*yield*/, (0, react_1.waitFor)(function () {
+                            expect(mockOn).toHaveBeenCalledWith('offline', expect.any(Function));
+                        })];
+                case 1:
+                    _a.sent();
+                    offlineCallback = mockOn.mock.calls.find(function (call) { return call[0] === 'offline'; })[1];
+                    offlineCallback();
+                    expect(mockOn).toBeCalled();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('should handle MQTT error and retry connection', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var errorCallback;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    renderUi();
+                    return [4 /*yield*/, (0, react_1.waitFor)(function () {
+                            expect(mockOn).toHaveBeenCalledWith('error', expect.any(Function));
+                        })];
+                case 1:
+                    _a.sent();
+                    errorCallback = mockOn.mock.calls.find(function (call) { return call[0] === 'error'; })[1];
+                    // Error Auth, retry
+                    errorCallback({ message: 'not authorized' });
+                    errorCallback({ message: 'unknown' });
+                    expect(mockOn).toBeCalled();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('should handle MQTT connect', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var connectCallback;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    renderUi();
+                    return [4 /*yield*/, (0, react_1.waitFor)(function () {
+                            expect(mockOn).toHaveBeenCalledWith('connect', expect.any(Function));
+                        })];
+                case 1:
+                    _a.sent();
+                    connectCallback = mockOn.mock.calls.find(function (call) { return call[0] === 'connect'; })[1];
+                    connectCallback();
+                    expect(mockOn).toBeCalled();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('http error 419 & response Guid', function () {
+        // ;(UseAxiosProvider as jest.Mock).mockReturnValue({
+        //     onError: jest.fn((fn: any) => {
+        //         fn(419, { guid: 'xxx-xxxx-xxxx' })
+        //     }),
+        // })
+        renderUi();
+        expect(react_2.useState).toBeCalled();
+    });
+    it('retryConnect count > 9', function () { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            ;
+            mqtt_1.default.connect.mockReturnValue({
+                on: jest.fn(),
+                end: mockEnd,
+                _reconnectCount: 11
+            });
+            renderUi();
+            expect(mockEnd).toBeCalled();
+            return [2 /*return*/];
+        });
+    }); });
+});

package/lib/AWING/AwingMqtt/Utils.d.ts

@@ -0,0 +1,2 @@
+export declare function buildTopicPrefix(topic: string): string;
+export declare function topicCompare(topic: string, topicReceive: string): boolean;

package/lib/AWING/AwingMqtt/Utils.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.topicCompare = exports.buildTopicPrefix = void 0;
+function buildTopicPrefix(topic) {
+    return [window.TOPIC_PREFIX, topic].filter(Boolean).join('/');
+}
+exports.buildTopicPrefix = buildTopicPrefix;
+function topicCompare(topic, topicReceive) {
+    var escapeRegExp = function (string) { return string.replace(/[.*+?^${}()|[\]\\]/g, '\\$&'); };
+    var topicToRegex = function (topic) {
+        return new RegExp('^' + topic.split('/').map(function (part) {
+            if (part === '+')
+                return '[^/]+';
+            if (part === '#')
+                return '.*';
+            return escapeRegExp(part);
+        }).join('/') + '$');
+    };
+    var regex = topicToRegex(topic);
+    return regex.test(topicReceive);
+}
+exports.topicCompare = topicCompare;

package/lib/AWING/AwingMqtt/useMqtt.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="node" />
+declare const useMqtt: (topic: string, handleMessage: (topic: string, message: Buffer) => void, opts?: {
+    qos?: 0 | 1 | 2;
+    retain?: boolean;
+    isShare?: boolean;
+}, deps?: any[]) => void;
+export default useMqtt;

package/lib/AWING/AwingMqtt/useMqtt.js

@@ -0,0 +1,45 @@
+"use strict";
+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));
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("react");
+var MqttProvider_1 = require("./MqttProvider");
+var Utils_1 = require("./Utils");
+var useMqtt = function (topic, handleMessage, opts, deps) {
+    if (opts === void 0) { opts = {}; }
+    if (deps === void 0) { deps = []; }
+    var mqttClient = (0, react_1.useContext)(MqttProvider_1.MqttContext);
+    if (!mqttClient) {
+        throw new Error('useMqtt must be used within a MqttProvider');
+    }
+    (0, react_1.useEffect)(function () {
+        var clientGroupID = localStorage.getItem('clientGroupID');
+        if (!clientGroupID) {
+            clientGroupID = Math.random().toString(16).substr(2, 8);
+            localStorage.setItem('clientGroupID', clientGroupID);
+        }
+        var topicRebuild = (0, Utils_1.buildTopicPrefix)(topic);
+        if (mqttClient.isConnected) {
+            mqttClient.client.subscribe(opts.isShare ? "$share/".concat(clientGroupID, "/").concat(topicRebuild) : topicRebuild);
+            mqttClient.client.on('message', function (topicReceive, message) {
+                if ((0, Utils_1.topicCompare)(topicRebuild, topicReceive)) {
+                    handleMessage(topic, message);
+                }
+            });
+            return function () {
+                var _a;
+                if (mqttClient === null || mqttClient === void 0 ? void 0 : mqttClient.client) {
+                    (_a = mqttClient.client) === null || _a === void 0 ? void 0 : _a.unsubscribe(topic);
+                }
+            };
+        }
+    }, __spreadArray([mqttClient.isConnected, topic], deps, true));
+};
+exports.default = useMqtt;

package/lib/AWING/AwingMqtt/useMqtt.test.d.ts

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

package/lib/AWING/AwingMqtt/useMqtt.test.js

@@ -0,0 +1,183 @@
+"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 });
+/* eslint-disable testing-library/no-wait-for-multiple-assertions */
+var react_1 = require("@testing-library/react");
+var useMqtt_1 = __importDefault(require("./useMqtt"));
+// Mock MqttContext
+var mockSubscribe = jest.fn();
+var mockUnsubscribe = jest.fn();
+var mockOn = jest.fn();
+var mockRemoveListener = jest.fn();
+var mockMqttClient = {
+    isConnected: true,
+    client: {
+        subscribe: mockSubscribe,
+        unsubscribe: mockUnsubscribe,
+        on: mockOn,
+        removeListener: mockRemoveListener,
+        connected: true,
+        disconnecting: false,
+        disconnected: false,
+        reconnecting: false,
+        incomingStore: {},
+        outgoingStore: {},
+        options: {},
+        queueQoSZero: true,
+        // Add other required properties here
+    },
+};
+jest.mock('react', function () { return (__assign(__assign({}, jest.requireActual('react')), { useContext: function () { return mockMqttClient; } })); });
+jest.mock('Commons/MqttProvider', function () { return ({
+    MqttContext: {
+        Consumer: function (_a) {
+            var children = _a.children;
+            return children(mockMqttClient);
+        },
+    },
+}); });
+jest.mock('mqtt');
+describe('useMqtt', function () {
+    beforeEach(function () {
+        jest.clearAllMocks();
+    });
+    it('Thông báo lỗi nếu không được gọi trong MqttProvider', function () {
+        var error;
+        try {
+            (0, react_1.renderHook)(function () { return (0, useMqtt_1.default)('test/topic', jest.fn()); });
+        }
+        catch (e) {
+            error = e;
+        }
+        expect(error).toBeUndefined();
+    });
+    it('sub topic khi được kết nối tới mqtt', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var topic, handleMessage;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    topic = 'test/topic';
+                    handleMessage = jest.fn();
+                    (0, react_1.renderHook)(function () { return (0, useMqtt_1.default)(topic, handleMessage); }, {});
+                    return [4 /*yield*/, (0, react_1.waitFor)(function () {
+                            expect(mockSubscribe).toHaveBeenCalledWith(topic);
+                            expect(mockOn).toHaveBeenCalledWith('message', expect.any(Function));
+                        })];
+                case 1:
+                    _a.sent();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('unSub topic nếu component bị unmount', function () {
+        var topic = 'test/topic';
+        var handleMessage = jest.fn();
+        var unmount = (0, react_1.renderHook)(function () { return (0, useMqtt_1.default)(topic, handleMessage); }, {}).unmount;
+        unmount();
+        expect(mockUnsubscribe).toHaveBeenCalledWith(topic);
+    });
+    it('Xử lý khi message trả về và topic trả về đúng với topic được sub', function () {
+        var sharedTopic = '$share/group/test/topic';
+        var handleMessage = jest.fn();
+        (0, react_1.renderHook)(function () { return (0, useMqtt_1.default)(sharedTopic, handleMessage); }, {});
+        var messageHandler = mockOn.mock.calls[0][1];
+        var message = Buffer.from('test message');
+        (0, react_1.act)(function () {
+            messageHandler('test/topic', message);
+        });
+        expect(handleMessage).toHaveBeenCalledWith('test/topic', message);
+    });
+    it('Không gọi handleMessage nếu không đúng topic đang sub', function () {
+        var topic = 'test/topic';
+        var handleMessage = jest.fn();
+        (0, react_1.renderHook)(function () { return (0, useMqtt_1.default)(topic, handleMessage); }, {});
+        var messageHandler = mockOn.mock.calls[0][1];
+        var message = Buffer.from('test message');
+        (0, react_1.act)(function () {
+            messageHandler('unrelated/topic', message);
+        });
+        expect(handleMessage).not.toHaveBeenCalled();
+    });
+    it('sub lại nếu thay đổi topic', function () {
+        var initialTopic = 'initial/topic';
+        var newTopic = 'new/topic';
+        var handleMessage = jest.fn();
+        var rerender = (0, react_1.renderHook)(function (_a) {
+            var topic = _a.topic;
+            return (0, useMqtt_1.default)(topic, handleMessage);
+        }, { initialProps: { topic: initialTopic } }).rerender;
+        expect(mockSubscribe).toHaveBeenCalledWith(initialTopic);
+        rerender({ topic: newTopic });
+        expect(mockUnsubscribe).toHaveBeenCalledWith(initialTopic);
+        expect(mockSubscribe).toHaveBeenCalledWith(newTopic);
+    });
+    it('Không sub được khi bị disconnect', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var disconnectedMqttClient, topic, handleMessage;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    disconnectedMqttClient = __assign(__assign({}, mockMqttClient), { isConnected: false });
+                    mockMqttClient = disconnectedMqttClient;
+                    topic = 'test/topic';
+                    handleMessage = jest.fn();
+                    (0, react_1.renderHook)(function () { return (0, useMqtt_1.default)(topic, handleMessage); }, {});
+                    return [4 /*yield*/, (0, react_1.waitFor)(function () {
+                            expect(mockSubscribe).not.toHaveBeenCalled();
+                            expect(mockOn).not.toHaveBeenCalled();
+                        })];
+                case 1:
+                    _a.sent();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+});

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "awing-library",
-    "version": "2.1.113",
+    "version": "2.1.114",
     "description": "",
     "main": "lib/index.js",
     "types": "lib/index.d.ts",
@@ -53,6 +53,7 @@
         "immer": "^10.1.1",
         "lodash": "^4.17.21",
         "moment": "^2.29.4",
+        "mqtt": "^5.10.2",
         "prismjs": "^1.29.0",
         "process": "^0.11.10",
         "react": "^18.2.0",
@@ -126,9 +127,9 @@
         "copyfiles": "^2.4.1",
         "eslint-plugin-storybook": "^0.6.12",
         "prop-types": "^15.8.1",
+        "rimraf": "^6.0.1",
         "storybook": "^7.0.26",
         "tsc-alias": "^1.8.8",
-        "webpack": "^5.88.1",
-        "rimraf": "^6.0.1"
+        "webpack": "^5.88.1"
     }
 }