zmp-sdk 2.19.1 → 2.21.0-rc

package/dist/browser.min.js

@@ -2067,6 +2067,9 @@
 
     var set_1 = set;
 
+    const isPromise = (obj) => !!obj &&
+        (typeof obj === 'object' || typeof obj === 'function') &&
+        typeof obj.then === 'function';
     var _ = {
         isEmpty: isEmpty_1,
         isNull: isNull_1,
@@ -2078,7 +2081,8 @@
         isArray: isArray_1,
         isRegExp: isRegExp_1,
         get: get_1,
-        set: set_1
+        set: set_1,
+        isPromise,
     };
 
     function Debug(name) {
@@ -2150,13 +2154,6 @@
     (function (VibrateType) {
         VibrateType[VibrateType["oneShot"] = 0] = "oneShot";
     })(VibrateType || (VibrateType = {}));
-    var NativeCode;
-    (function (NativeCode) {
-        NativeCode[NativeCode["token_invalid"] = -2] = "token_invalid";
-        NativeCode[NativeCode["not_permission"] = -1] = "not_permission";
-        NativeCode[NativeCode["client_not_support"] = -5] = "client_not_support";
-        NativeCode[NativeCode["decode_failed"] = -4] = "decode_failed";
-    })(NativeCode || (NativeCode = {}));
     var Events;
     (function (Events) {
         Events["AppPaused"] = "h5.event.paused";
@@ -2164,6 +2161,7 @@
         Events["NetworkChanged"] = "h5.event.connection.changed";
         Events["OnDataCallback"] = "h5.event.webview.result";
         Events["OpenApp"] = "h5.event.open.mp";
+        Events["AppClose"] = "h5.event.action.close";
     })(Events || (Events = {}));
     var MediaPickerType;
     (function (MediaPickerType) {
@@ -2243,7 +2241,8 @@
         ZOAUTH: `h5.zdn.vn_zoauth`,
         ZACC_SESSiON: `h5.zdn.vn_zacc_session`,
         JS_TOKEN: `h5.zdn.vn_zlink3rd`,
-        ZOAUTH_VRF: `h5.zdn.vn_zoauth_vrf`
+        ZOAUTH_VRF: `h5.zdn.vn_zoauth_vrf`,
+        DEVICE_ID: `h5.zdn.vn_deviceID`
     };
     const APIS = {
         GET_USER_INFO: 'https://graph.zalo.me/v2.0/me',
@@ -2251,6 +2250,8 @@
         GET_ACCESS_TOKEN_V3: 'https://oauth.zaloapp.com/v3/access_token',
         GET_LIST_USER_INFO: 'https://graph.zalo.me/v2.0/me/friends/list',
         CREATE_ORDER: 'https://payment-mini.zalo.me/api/order/create',
+        GET_APP_INFO: 'https://h5.zalo.me/apps/get-info',
+        SEND_ACTION_LOG: 'https://h5.zalo.me/log/async'
     };
     const STORAGE_LIMIT = 5 * MB;
     const NETWORK_TYPE = (isAndroid) => ({
@@ -2261,6 +2262,78 @@
         '4G': isAndroid ? 13 : 2
     });
     const MEDIA_PICKER_LIMIT = 1 * MB;
+    const RESPONSE_CODE = {
+        SUCCESS: 0,
+        UNKNOWN_ERROR: -2000,
+        BAD_REQUEST: -1400,
+        INTERNAL_SERVER_ERROR: -1500,
+        UNAUTHORIZED: -1401,
+        FORBIDDEN: -1403,
+        CLIENT_NOT_SUPPORT: -1404,
+        TIME_OUT: -1408,
+        DECODE_FAILED: -2001,
+        USER_DENIED: -2002,
+        USER_CANCEL: -2003,
+        // Media picker
+        MEDIA_PICKER_FAIL: -2004,
+        // Save image to gallery
+        SAVE_IMAGE_FAIL: -2005
+    };
+    const MESSAGES = {
+        SUCCESS: 'Success',
+        UNKNOWN_ERROR: 'Unknown error. Please try again later.',
+        TIME_OUT: 'Request timeout. Please try again later.',
+        LOGIN_REQUIRED: 'Please login (https://miniapp.zalo.me/docs/api/login) before to call this api',
+        LOGIN_FAILED: 'Login failed',
+        NOT_PERMISSION: `You don't have permission to call this api`,
+        CLIENT_NOT_SUPPORT: `This API is not supported in this Zalo version`,
+        DECODE_FAILED: 'Can not decode id. Please check your params again.',
+        INVALID_PARAM: 'Invalid parameter',
+        USER_DENIED: 'User denied',
+        USER_CANCEL: 'User cancel',
+        // Media picker
+        MEDIA_PICKER_FAIL: 'Unable to pick media',
+        // Save image to gallery
+        SAVE_IMAGE_FAIL: 'Unable to save image'
+    };
+    const RESPONSE = {
+        SUCCESS: {
+            code: RESPONSE_CODE.SUCCESS,
+            message: MESSAGES.SUCCESS
+        },
+        UNKNOWN_ERROR: {
+            code: RESPONSE_CODE.UNKNOWN_ERROR,
+            message: MESSAGES.UNKNOWN_ERROR
+        },
+        UNAUTHORIZED: {
+            code: RESPONSE_CODE.UNAUTHORIZED,
+            message: MESSAGES.LOGIN_REQUIRED
+        },
+        FORBIDDEN: {
+            code: RESPONSE_CODE.FORBIDDEN,
+            message: MESSAGES.NOT_PERMISSION
+        },
+        CLIENT_NOT_SUPPORT: {
+            code: RESPONSE_CODE.CLIENT_NOT_SUPPORT,
+            message: MESSAGES.CLIENT_NOT_SUPPORT
+        },
+        DECODE_FAILED: {
+            code: RESPONSE_CODE.DECODE_FAILED,
+            message: MESSAGES.DECODE_FAILED
+        },
+        TIME_OUT: {
+            code: RESPONSE_CODE.TIME_OUT,
+            message: MESSAGES.TIME_OUT
+        },
+        USER_DENIED: {
+            code: RESPONSE_CODE.USER_DENIED,
+            message: MESSAGES.USER_DENIED
+        },
+        USER_CANCEL: {
+            code: RESPONSE_CODE.USER_CANCEL,
+            message: MESSAGES.USER_CANCEL
+        }
+    };
     const ACTION = {
         GET_DOWNLOADED_STICKER: {
             name: 'action.get.downloaded.sticker',
@@ -2373,7 +2446,19 @@
             have_callback: true
         },
         REQUEST_PERMISSION_CAMERA: {
-            name: 'action.request.permission.camera'
+            name: 'action.request.permission.camera',
+            error_list: {
+                android: {
+                    '-2': {
+                        map_to: RESPONSE.USER_DENIED
+                    }
+                },
+                iOS: {
+                    '-2': {
+                        map_to: RESPONSE.USER_DENIED
+                    }
+                }
+            }
         },
         CHANGE_TITLE_HEADER: {
             name: 'action.change.title.header',
@@ -2442,7 +2527,19 @@
         },
         GET_LOCATION: {
             name: 'action.get.location',
-            have_callback: true
+            have_callback: true,
+            error_list: {
+                android: {
+                    '-1': {
+                        map_to: RESPONSE.USER_DENIED
+                    }
+                },
+                iOS: {
+                    '-1': {
+                        map_to: RESPONSE.USER_DENIED
+                    }
+                }
+            }
         },
         QUERY_LOCATION_HIDE: {
             name: 'action.query.location.hide',
@@ -2540,7 +2637,34 @@
         },
         SAVE_IMAGE_GALLERY: {
             name: 'action.save.image.gallery',
-            version_live: { iOS: 408 }
+            version_live: { iOS: 408 },
+            error_list: {
+                android: {
+                    '-101': {
+                        map_to: {
+                            code: RESPONSE_CODE.SAVE_IMAGE_FAIL,
+                            message: MESSAGES.SAVE_IMAGE_FAIL
+                        },
+                        need_more_detail: true
+                    },
+                    '-102': {
+                        map_to: {
+                            code: RESPONSE_CODE.SAVE_IMAGE_FAIL,
+                            message: MESSAGES.SAVE_IMAGE_FAIL
+                        },
+                        need_more_detail: true
+                    }
+                },
+                iOS: {
+                    '-10': {
+                        map_to: {
+                            code: RESPONSE_CODE.SAVE_IMAGE_FAIL,
+                            message: MESSAGES.SAVE_IMAGE_FAIL
+                        },
+                        need_more_detail: true
+                    }
+                }
+            }
         },
         OPEN_MP: {
             name: 'action.open.mp',
@@ -2561,11 +2685,41 @@
         },
         MP_GET_NUMBER: {
             name: 'action.mp.get.number',
-            version_live: { iOS: 416 }
+            version_live: { iOS: 416 },
+            error_list: {
+                android: {
+                    '-1': {
+                        map_to: RESPONSE.USER_DENIED
+                    },
+                    '-101': {
+                        map_to: RESPONSE.USER_DENIED
+                    }
+                },
+                iOS: {
+                    '-1': {
+                        map_to: RESPONSE.USER_DENIED
+                    },
+                    '-10': {
+                        map_to: RESPONSE.USER_DENIED
+                    }
+                }
+            }
         },
         MP_OPEN_PROFILE_PICKER: {
             name: 'action.mp.open.profile.picker',
-            version_live: { iOS: 432 }
+            version_live: { iOS: 432 },
+            error_list: {
+                android: {
+                    '-101': {
+                        map_to: RESPONSE.USER_CANCEL
+                    }
+                },
+                iOS: {
+                    '-101': {
+                        map_to: RESPONSE.USER_CANCEL
+                    }
+                }
+            }
         },
         GET_SUPPORTED_ACTIONS: {
             name: 'action.get.supported.actions',
@@ -2579,32 +2733,45 @@
         },
         PICK_MEDIA: {
             name: 'action.pick.media',
-            version_live: { iOS: 440 }
+            version_live: { iOS: 440 },
+            error_list: {
+                android: {
+                    '-101': {
+                        map_to: RESPONSE.USER_CANCEL
+                    },
+                    '999': {
+                        map_to: {
+                            code: RESPONSE_CODE.MEDIA_PICKER_FAIL,
+                            message: MESSAGES.MEDIA_PICKER_FAIL
+                        },
+                        need_more_detail: true
+                    }
+                },
+                iOS: {
+                    '-10': {
+                        map_to: {
+                            code: RESPONSE_CODE.MEDIA_PICKER_FAIL,
+                            message: MESSAGES.MEDIA_PICKER_FAIL
+                        }
+                    }
+                }
+            }
         },
         MP_CLOSE_LOADINGVIEW: {
             name: 'action.mp.close.loadingview'
         }
     };
-    const RESPONSE_CODE = {
-        SUCCESS: 0,
-        BAD_REQUEST: -1400,
-        INTERNAL_SERVER_ERROR: -1500,
-        UNAUTHORIZED: -1401,
-        FORBIDDEN: -1403,
-        CLIENT_NOT_SUPPORT: -1404
-    };
-    const MESSAGES = {
-        SUCCESS: 'Success',
-        READ_MORE: 'Read more at: https://miniapp.zalo.me/docs/api',
-        LOGIN_REQUIRED: 'Please login before to call this api. Read more at: https://miniapp.zalo.me/docs/api/login',
-        LOGIN_FAILED: 'Login failed.',
-        NOT_PERMISSION: `You don't have permission to call this api`,
-        CLIENT_NOT_SUPPORT: `This API is not supported in this Zalo version`,
-        DECODE_FAILED: 'Can not decode your data. Read more at: https://miniapp.zalo.me/docs/api/error'
-    };
-    const API_DOMAIN = 'https://h5.zalo.me/';
-    const H5_API = {
-        GET_APP_INFO: 'apps/get-info'
+    const COMMON_NATIVE_ERROR_CODE = {
+        android: {
+            '-4': RESPONSE.DECODE_FAILED,
+            '-5': RESPONSE.CLIENT_NOT_SUPPORT,
+            '-14': RESPONSE.TIME_OUT
+        },
+        iOS: {
+            '-9': RESPONSE.DECODE_FAILED,
+            '-5': RESPONSE.CLIENT_NOT_SUPPORT,
+            '-14': RESPONSE.TIME_OUT
+        }
     };
     const ZALO_SUPPORT_STORAGE_VERSION = {
         android: 12100571,
@@ -2716,124 +2883,36 @@
     };
     const PAYMENT_H5_URL = 'https://payment-mini.zalo.me';
 
-    class CommonError {
+    class AppError {
         constructor(code, msg, api) {
             this.code = code;
             this.message = msg;
             this.api = api;
         }
         toString() {
-            return `api: ${this.api}; code: ${this.code}; message: ${this.message}`;
+            return `api: ${String(this.api)}; code: ${this.code}; message: ${this.message}`;
         }
-    }
-    class NativeError extends CommonError {
-        constructor(code, msg) {
-            super(code, msg);
-            this.message = `${msg}. ${MESSAGES.READ_MORE}`;
-            this.handler();
-        }
-        handler() {
-            switch (this.code) {
-                case NativeCode.token_invalid:
-                    this.code = RESPONSE_CODE.UNAUTHORIZED;
-                    this.message = MESSAGES.LOGIN_REQUIRED;
-                    break;
-                case NativeCode.not_permission:
-                    this.code = RESPONSE_CODE.FORBIDDEN;
-                    this.message = MESSAGES.NOT_PERMISSION;
-                    break;
-                case NativeCode.client_not_support:
-                    this.code = RESPONSE_CODE.CLIENT_NOT_SUPPORT;
-                    this.message = MESSAGES.CLIENT_NOT_SUPPORT;
-                    break;
-                case NativeCode.decode_failed:
-                    this.message = MESSAGES.DECODE_FAILED;
-                    break;
-            }
+        toJSON() {
+            return {
+                code: this.code,
+                message: this.message,
+                api: this.api
+            };
         }
     }
-    const catchDecoratorStore = {
-        handler: null,
-        setHandler(handler) {
-            this.handler = handler;
-        }
+    const handleKnownExceptions = (error, api) => {
+        error.api = api;
+        return error.toJSON();
     };
-    const errorHandler = (api, error) => {
-        if (error instanceof CommonError) {
-            error.api = api;
-            return error;
+    const handleUnknownExceptions = (error, api) => {
+        if (error instanceof Error) {
+            return new AppError(RESPONSE_CODE.UNKNOWN_ERROR, error.message, api).toJSON();
         }
-        return new CommonError(-2001, _.isNull(error.message) ? 'Unknown Error' : error.message, api);
-    };
-    catchDecoratorStore.setHandler(errorHandler);
-    const handleError = (target, propertyName, descriptor) => {
-        const fn = descriptor.value;
-        descriptor.value = function (...args) {
-            return __awaiter(this, void 0, void 0, function* () {
-                const { success, fail } = Array.isArray(args) && args.length > 0 && args[0];
-                return new Promise((resolve, reject) => __awaiter(this, void 0, void 0, function* () {
-                    try {
-                        const res = yield fn.apply(this, args);
-                        if (!_.isNull(success) && _.isFunction(success)) {
-                            success.call(null, res, this);
-                        }
-                        else {
-                            resolve(res);
-                        }
-                    }
-                    catch (error) {
-                        if ((error === null || error === void 0 ? void 0 : error.api) !== 'login' && // login is not error
-                            ((error === null || error === void 0 ? void 0 : error.code) === RESPONSE_CODE.UNAUTHORIZED ||
-                                (error === null || error === void 0 ? void 0 : error.code) === RESPONSE_CODE.FORBIDDEN)) {
-                            let loggedIn = false;
-                            if (this instanceof SDKCreator) {
-                                loggedIn = this.getLoginStatus();
-                            }
-                            if (!loggedIn) {
-                                error = new CommonError(RESPONSE_CODE.UNAUTHORIZED, MESSAGES.LOGIN_REQUIRED);
-                            }
-                        }
-                        const { handler } = catchDecoratorStore;
-                        const errorParsed = handler.call(null, propertyName, error, this);
-                        window.zmpSentry && window.zmpSentry.throwError(errorParsed.toString());
-                        if (!_.isNull(fail) && _.isFunction(fail)) {
-                            fail.call(null, errorParsed, this);
-                        }
-                        else {
-                            reject(errorParsed);
-                        }
-                    }
-                }));
-            });
-        };
-        return descriptor;
+        return new AppError(RESPONSE_CODE.UNKNOWN_ERROR, MESSAGES.UNKNOWN_ERROR, api).toJSON();
     };
-    const handleErrorSync = (target, key, descriptor) => {
-        const fn = descriptor.value;
-        descriptor.value = function (...args) {
-            try {
-                return fn.apply(this, args);
-            }
-            catch (error) {
-                if ((error === null || error === void 0 ? void 0 : error.api) !== 'login' && // login is not error
-                    ((error === null || error === void 0 ? void 0 : error.code) === RESPONSE_CODE.UNAUTHORIZED ||
-                        (error === null || error === void 0 ? void 0 : error.code) === RESPONSE_CODE.FORBIDDEN)) {
-                    let loggedIn = false;
-                    if (this instanceof SDKCreator) {
-                        loggedIn = this.getLoginStatus();
-                    }
-                    if (!loggedIn) {
-                        error = new CommonError(RESPONSE_CODE.UNAUTHORIZED, MESSAGES.LOGIN_REQUIRED);
-                    }
-                }
-                const { handler } = catchDecoratorStore;
-                const errorParsed = handler.call(null, key, error, this);
-                window.zmpSentry && window.zmpSentry.throwError(errorParsed.toString());
-                throw errorParsed;
-            }
-        };
-        return descriptor;
-    };
+    const errorHandler = (error, api) => error instanceof AppError
+        ? handleKnownExceptions(error, api)
+        : handleUnknownExceptions(error, api);
 
     const apiResponse = {
         success: (data, message) => ({
@@ -2842,13 +2921,13 @@
             data: data || {}
         }),
         error: {
-            badRequest: (message) => new CommonError(RESPONSE_CODE.BAD_REQUEST, message),
-            loginFailed: () => new CommonError(RESPONSE_CODE.BAD_REQUEST, MESSAGES.LOGIN_FAILED),
-            loginRequired: () => new CommonError(RESPONSE_CODE.UNAUTHORIZED, MESSAGES.LOGIN_REQUIRED),
-            missingParam: (params) => new CommonError(RESPONSE_CODE.BAD_REQUEST, `Missing required argument: ${params}`),
-            wrongTypeParam: (arg, expected, got) => new CommonError(RESPONSE_CODE.BAD_REQUEST, `Wrong type of parameter '${arg}'. Expected ${expected}, but got ${got}`),
-            cannotGetShareInfo: () => new CommonError(RESPONSE_CODE.INTERNAL_SERVER_ERROR, `Can not get app info to share`),
-            lengthInvalid: (arg) => new CommonError(RESPONSE_CODE.BAD_REQUEST, `${arg} length is invalid.`),
+            badRequest: (message) => new AppError(RESPONSE_CODE.BAD_REQUEST, message),
+            loginFailed: (message) => new AppError(RESPONSE_CODE.UNAUTHORIZED, `${MESSAGES.LOGIN_FAILED}: ${message}`),
+            loginRequired: () => new AppError(RESPONSE_CODE.UNAUTHORIZED, MESSAGES.LOGIN_REQUIRED),
+            missingParam: (params) => new AppError(RESPONSE_CODE.BAD_REQUEST, `Missing required argument: ${params}`),
+            wrongTypeParam: (arg, expected, got) => new AppError(RESPONSE_CODE.BAD_REQUEST, `Wrong type of parameter '${arg}'. Expected ${expected}, but got ${got}`),
+            cannotGetShareInfo: () => new AppError(RESPONSE_CODE.INTERNAL_SERVER_ERROR, `Can not get app info to share`),
+            lengthInvalid: (arg) => new AppError(RESPONSE_CODE.BAD_REQUEST, `${arg} length is invalid.`)
         }
     };
 
@@ -3088,7 +3167,8 @@
             const formattedStr = str
                 .replace(/\n/g, '\\n')
                 .replace(/\r/g, '\\r')
-                .replace(/\t/g, '\\t');
+                .replace(/\t/g, '\\t')
+                .replace(/\x00/g, '');
             return JSON.parse(formattedStr, (key, value) => {
                 return value;
             });
@@ -3262,7 +3342,7 @@
         if (!_.isUndefined(currentVersion)) {
             inputData.currentVersion = currentVersion;
         }
-        const api = QueryString.appendToUrl(`${API_DOMAIN}${H5_API.GET_APP_INFO}`, inputData);
+        const api = QueryString.appendToUrl(APIS.GET_APP_INFO, inputData);
         const msgApi = yield fetch(api, {
             credentials: 'include'
         });
@@ -3654,504 +3734,97 @@
         }
     }
 
-    var wrappers = {};
-    var WrapperFn = function wrapFunction(fn, type, source) {
-        var t = type || 'default';
-        return function () {
-            var callee = t in wrappers ? wrappers[t](fn, source) : fn;
-            return callee.apply(this, arguments);
-        };
-    };
-    WrapperFn.setWrapper = function (fn) {
-        var type = arguments.length <= 1 || arguments[1] === undefined
-            ? 'default'
-            : arguments[1];
-        wrappers[type] = fn;
-    };
-    var ERROR = {
-        error: {
-            code: 1,
-            error_subcode: 1357046,
-            message: 'Received Invalid JSON reply.',
-            type: 'http'
-        }
-    };
-    function safelyParseResponse(rawResponse) {
-        try {
-            return rawResponse === null ? ERROR : JSON.parse(rawResponse);
-        }
-        catch (ex) {
-            return ERROR;
+    var version = "2.21.0-rc";
+
+    class Basics {
+        /**
+         * Lấy version hiện tại của Zalo Mini Program SDK
+         *
+         * @category Basics
+         *
+         * @returns {string} Version hiện tại của Zalo Mini Program SDK.
+         */
+        static getVersion() {
+            return version;
         }
-    }
-    function createCORSRequest(method, url) {
-        if (!self.XMLHttpRequest) {
-            return null;
+        /**
+         * Gets system information.
+         *
+         * @function getSystemInfo
+         * @category Basics
+         *
+         *
+         *
+         */
+        static getSystemInfo() {
+            const system = {
+                version: getMetaValue('version-id') || '',
+                apiVersion: version,
+                zaloVersion: getZaloVersion(),
+                platform: getPlatform(),
+                language: navigator.language,
+                zaloLanguage: window.zLanguage || 'vi',
+                zaloTheme: window.zTheme || 'light'
+            };
+            return system;
         }
-        var xhr = new XMLHttpRequest();
-        var noop = function noop() { };
-        if ('withCredentials' in xhr) {
-            xhr.open(method, url, true);
-            xhr.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
+        /**
+         * Lấy thông tin mini app
+         *
+         * @async
+         * @function getAppInfo
+         * @category Device
+         *
+         */
+        static getAppInfo() {
+            return __awaiter(this, void 0, void 0, function* () {
+                const appId = this.getAppId();
+                const systemInfo = this.getSystemInfo();
+                return yield getAppInfo(appId, 0, systemInfo.version);
+            });
         }
-        else {
-            return null;
-        }
-        var wrapper = {
-            send: function send(data) {
-                xhr.send(data);
-            }
-        };
-        var onload = WrapperFn(function () {
-            onload = noop;
-            if ('onload' in wrapper) {
-                wrapper.onload(xhr);
-            }
-        }, 'entry', 'XMLHttpRequest:load');
-        var onerror = WrapperFn(function () {
-            onerror = noop;
-            if ('onerror' in wrapper) {
-                wrapper.onerror(xhr);
-            }
-        }, 'entry', 'XMLHttpRequest:error');
-        xhr.onload = function () {
-            onload();
-        };
-        xhr.onerror = function () {
-            onerror();
-        };
-        xhr.onreadystatechange = function () {
-            if (xhr.readyState == 4) {
-                if (xhr.status == 200) {
-                    onload();
-                }
-                else {
-                    onerror();
-                }
-            }
-        };
-        return wrapper;
-    }
-    function execute(url, method, params, cb) {
-        params.suppress_http_code = 1;
-        var data = QueryString.encode(params);
-        if (method != 'post') {
-            url = QueryString.appendToUrl(url, data);
-            data = '';
-        }
-        var request = createCORSRequest(method, url);
-        if (!request) {
-            return false;
-        }
-        request.onload = function (xhr) {
-            cb(safelyParseResponse(xhr.responseText));
-        };
-        request.onerror = function (xhr) {
-            if (xhr.responseText) {
-                cb(safelyParseResponse(xhr.responseText));
-            }
-            else {
-                cb({
-                    error: {
-                        code: 1,
-                        error_subcode: 1357045,
-                        message: 'unknown error (empty response)',
-                        status: xhr.status,
-                        type: 'http'
-                    }
-                });
-            }
-        };
-        request.send(data);
-        return true;
-    }
-    var CORSRequest = {
-        execute: execute
-    };
-
-    class ZaloJSBridge extends eventemitter3 {
-        constructor() {
-            super();
-            this.debug = Debug('zmp:ZaloJSBridge');
-            this.events = ZMPEEmitter.getInstance();
-            this._accessTk = getToken('zacc_session') || 'DEFAULT_ACCESS_TOKEN';
-            this._jsAccessTk = getToken('zlink3rd') || 'DEFAULT_JS_TOKEN';
-            this.results = [];
-            this._userAgent = getUserAgent();
-            this._device = checkPlatform();
-            this._jsCallFuncCallbacks = {};
-            this.events.on(Events.AppPaused, () => {
-                if (this.results.length > 0) {
-                    let array = this.results;
-                    this.results = [];
-                    try {
-                        this.sendLogData(array);
-                    }
-                    catch (error) { }
-                }
-            });
-            if (this.sendLogTimer) {
-                clearInterval(this.sendLogTimer);
-            }
-            else {
-                this.sendLogTimer = setInterval(() => {
-                    if (this.results.length > 0) {
-                        let array = this.results;
-                        this.results = [];
-                        try {
-                            this.sendLogData(array);
-                        }
-                        catch (error) { }
-                    }
-                }, 5000);
-            }
-        }
-        static getInstance() {
-            if (!ZaloJSBridge.instance) {
-                ZaloJSBridge.instance = new ZaloJSBridge();
-            }
-            return ZaloJSBridge.instance;
-        }
-        set accessTk(value) {
-            this._accessTk = value;
-        }
-        set jsAccessTk(value) {
-            this._jsAccessTk = value;
-        }
-        sendLogData(data) {
-            try {
-                CORSRequest.execute('https://h5.zalo.me/log/async', 'post', {
-                    appId: window.APP_ID,
-                    data: JSON.stringify(data)
-                }, (response) => { });
-            }
-            catch (error) { }
-        }
-        onJSCall(key, data) {
-            try {
-                this.debug('onJSCall', key, data);
-                const parsedData = parseJSON(data);
-                if (this._jsCallFuncCallbacks[key]) {
-                    const callback = this._jsCallFuncCallbacks[key].callback;
-                    const timeout = this._jsCallFuncCallbacks[key].timeout;
-                    if (!!callback) {
-                        try {
-                            callback.call(this, parsedData);
-                        }
-                        catch (error) {
-                            console.error('Call callback error', error);
-                        }
-                        !!timeout && clearTimeout(timeout);
-                        this._jsCallFuncCallbacks[key] = null;
-                        delete this._jsCallFuncCallbacks[key];
-                    }
-                }
-                this.results.push({
-                    action: parsedData.action,
-                    error: parsedData.error_code
-                });
-            }
-            catch (e) {
-                console.log('onJSCall', 'error', e);
-            }
-        }
-        onMultiJSCall(key, data) {
-            try {
-                this.debug('onMultiJSCall', key, data);
-                const parsedData = parseJSON(data);
-                if (this._jsCallFuncCallbacks[key]) {
-                    const callback = this._jsCallFuncCallbacks[key].callback;
-                    const timeout = this._jsCallFuncCallbacks[key].timeout;
-                    if (!!callback) {
-                        try {
-                            callback.call(this, parsedData);
-                        }
-                        catch (error) {
-                            console.error('Call callback error', error);
-                        }
-                        !!timeout && clearTimeout(timeout);
-                    }
-                }
-                this.results.push({
-                    action: parsedData.action,
-                    error: parsedData.error_code
-                });
-            }
-            catch (e) {
-                console.log('onMultiJSCall', 'error', e);
-            }
-        }
-        nativeEventHandler(eventId, eventName, eventData) {
-            this.debug(`eventId: ${eventId}, eventName: ${eventName}, eventData: ${eventData}`);
-            const data = stringToData(eventData);
-            this.debug(data);
-            const convertedData = this.handleEventData(eventName, data);
-            this.events.emit(eventName, eventId, convertedData);
-        }
-        handleEventData(eventName, data) {
-            try {
-                switch (eventName) {
-                    case Events.OpenApp:
-                        const { url } = data;
-                        const validUrl = new URL(url);
-                        const path = validUrl.pathname.split(`/zapps/${APP_ID}`)[1];
-                        return {
-                            path: `${path ? path : '/'}${validUrl.search}`
-                        };
-                        break;
-                    default:
-                        return data;
-                        break;
-                }
-            }
-            catch (error) {
-                return data;
-            }
-        }
-        defaultCallback(data) {
-            if (data !== null && data !== undefined) {
-                data = parseJSON(data);
-            }
-        }
-        jsCall(action, options, callback, isMultiCallback = false, nRetry = 3, haveTimeout = true) {
-            try {
-                const actionName = action.name;
-                const key = generateUniqueString(actionName);
-                if (!this._device.isMobile || _.isEmpty(actionName)) {
-                    this.onJSCall(key, {
-                        error_code: -13,
-                        error_message: 'params invalid!',
-                        data: {
-                            device: this._device.isMobile,
-                            jsToken: this._jsAccessTk,
-                            access_token: this._accessTk
-                        },
-                        action: actionName
-                    });
-                    return false;
-                }
-                if (options === undefined || options === null) {
-                    options = {};
-                }
-                if (!callback) {
-                    callback = this.defaultCallback;
-                }
-                const timeoutCallback = {
-                    error_code: -14,
-                    error_message: 'Request Timeout!',
-                    data: {},
-                    action: actionName
-                };
-                this._jsCallFuncCallbacks[key] = {
-                    timeout: haveTimeout &&
-                        action.have_callback &&
-                        setTimeout(() => {
-                            this.onJSCall(key, timeoutCallback);
-                        }, 8000),
-                    callback: callback
-                };
-                try {
-                    options = serialize(options);
-                    if (isMultiCallback) {
-                        if (this._device.isIOS) {
-                            return ZaloJavaScriptInterface.jsCall(this._jsAccessTk, actionName, this._accessTk, options, window.onMultiJSCall(key));
-                        }
-                        return ZaloJavaScriptInterface.jsCall(this._jsAccessTk, actionName, this._accessTk, options, `window.onMultiJSCall('${key}')`);
-                    }
-                    if (this._device.isIOS) {
-                        return ZaloJavaScriptInterface.jsCall(this._jsAccessTk, actionName, this._accessTk, options, window.onJSCall(key));
-                    }
-                    return ZaloJavaScriptInterface.jsCall(this._jsAccessTk, actionName, this._accessTk, options, `window.onJSCall('${key}')`);
-                }
-                catch (error) {
-                    if (nRetry-- > 0) {
-                        setTimeout(() => {
-                            this.jsCall(action, options, callback, isMultiCallback, nRetry);
-                        }, 500);
-                    }
-                    else {
-                        const errorCallback = {
-                            error_code: -5,
-                            error_message: 'Not ready!',
-                            data: {
-                                userAgent: this._userAgent,
-                                options: options,
-                                jsToken: this._jsAccessTk,
-                                access_token: this._accessTk
-                            },
-                            action: actionName,
-                            js_error: error
-                        };
-                        this.onJSCall(key, errorCallback);
-                        return false;
-                    }
-                }
-            }
-            catch (error) {
-                console.log('jsCall', 'error', error);
-            }
-            return false;
-        }
-    }
-
-    var _ZJSBridgeProvider_bridge;
-    /** @ignore */
-    class ZJSBridgeProvider {
-        /** @ignore */
-        constructor() {
-            this.debug = Debug('zmp:ZJSBridgeProvider');
-            _ZJSBridgeProvider_bridge.set(this, void 0);
-            __classPrivateFieldSet(this, _ZJSBridgeProvider_bridge, ZaloJSBridge.getInstance(), "f");
-        }
-        setZAccSession(value) {
-            __classPrivateFieldGet(this, _ZJSBridgeProvider_bridge, "f").accessTk = value;
-        }
-        setJSToken(value) {
-            __classPrivateFieldGet(this, _ZJSBridgeProvider_bridge, "f").jsAccessTk = value;
-        }
-        callNative(action, data, option) {
-            this.debug(action.name, data);
-            return new Promise((resolve, reject) => {
-                const fn = (cb) => __awaiter(this, void 0, void 0, function* () {
-                    try {
-                        const error = new NativeError(cb.error_code, `${cb.action}: ${cb.error_message}`);
-                        if (option === null || option === void 0 ? void 0 : option.callback) {
-                            const res = yield option.callback(cb, error);
-                            return resolve(res);
-                        }
-                        else {
-                            if (cb && cb.error_code >= 0) {
-                                resolve(cb.data || {});
-                            }
-                            else if (cb && cb.error_code < 0) {
-                                try {
-                                    window.zmpSentry &&
-                                        window.zmpSentry.captureMessage(`${action.name}: call native fail`, {
-                                            extra: {
-                                                data: data,
-                                                rs: cb
-                                            }
-                                        });
-                                }
-                                catch (error) { }
-                                return reject(error);
-                            }
-                        }
-                    }
-                    catch (error) {
-                        return reject(error);
-                    }
-                });
-                const isIOS = checkPlatform().isIOS;
-                const isSupportAction = checkIOSSupportAction(action);
-                if (isIOS && !isSupportAction) {
-                    const error = new NativeError(-5, `${action}: Client isn't support this action`);
-                    return reject(error);
-                }
-                else if (option === null || option === void 0 ? void 0 : option.delay) {
-                    setTimeout(() => {
-                        __classPrivateFieldGet(this, _ZJSBridgeProvider_bridge, "f").jsCall(action, data, fn, option === null || option === void 0 ? void 0 : option.isMultiCallback, option === null || option === void 0 ? void 0 : option.nRetry, option === null || option === void 0 ? void 0 : option.haveTimeout);
-                    }, option.delay);
-                }
-                else {
-                    __classPrivateFieldGet(this, _ZJSBridgeProvider_bridge, "f").jsCall(action, data, fn, option === null || option === void 0 ? void 0 : option.isMultiCallback, option === null || option === void 0 ? void 0 : option.nRetry, option === null || option === void 0 ? void 0 : option.haveTimeout);
-                }
-            });
-        }
-    }
-    _ZJSBridgeProvider_bridge = new WeakMap();
-
-    var version = "2.19.1";
-
-    class Basics {
-        /**
-         * Lấy version hiện tại của Zalo Mini Program SDK
-         *
-         * @category Basics
-         *
-         * @returns {string} Version hiện tại của Zalo Mini Program SDK.
-         */
-        static getVersion() {
-            return version;
-        }
-        /**
-         * Gets system information.
-         *
-         * @function getSystemInfo
-         * @category Basics
-         *
-         *
-         *
-         */
-        static getSystemInfo() {
-            const system = {
-                version: getMetaValue('version-id') || '',
-                apiVersion: version,
-                zaloVersion: getZaloVersion(),
-                platform: getPlatform(),
-                language: navigator.language,
-                zaloLanguage: window.zLanguage || 'vi',
-                zaloTheme: window.zTheme || 'light'
-            };
-            return system;
-        }
-        /**
-         * Lấy thông tin mini app
-         *
-         * @async
-         * @function getAppInfo
-         * @category Device
-         *
-         */
-        static getAppInfo() {
-            return __awaiter(this, void 0, void 0, function* () {
-                const appId = this.getAppId();
-                const systemInfo = this.getSystemInfo();
-                return yield getAppInfo(appId, 0, systemInfo.version);
-            });
-        }
-    }
-
-    class NavigationBar {
-        /**
-         * A promise for the user's favorite color.
-         *
-         * @promise FavoriteColorPromise
-         * @fulfill {string} The user's favorite color.
-         * @reject {TypeError} The user's favorite color is an invalid type.
-         * @reject {MissingColorError} The user has not specified a favorite color.
-         */
-        /**
-         * Dynamically sets the title of the current page.
-         *
-         * @async
-         * @function setNavigationBarTitle
-         * @category Navigation Bar
-         *
-         * @example
-         *
-         * zmpApis.setNavigationBarTitle({
-         *  title: "Current Page"
-         * }).then((res) => {
-         *  console.log("Success");
-         * }).catch((error) => {
-         *  console.log("Fail");
-         * });
-         *
-         * @param {Object} object
-         * @param {string} object.title - The title of the page
-         *
-         * @return {Promise}
-         *
-         */
-        static setNavigationBarTitle(object) {
-            return __awaiter(this, void 0, void 0, function* () {
-                yield this.callNative(ACTION.CHANGE_TITLE_HEADER, {
-                    title: object.title
-                }, {
-                    haveTimeout: false
-                });
-            });
+    }
+
+    class NavigationBar {
+        /**
+         * A promise for the user's favorite color.
+         *
+         * @promise FavoriteColorPromise
+         * @fulfill {string} The user's favorite color.
+         * @reject {TypeError} The user's favorite color is an invalid type.
+         * @reject {MissingColorError} The user has not specified a favorite color.
+         */
+        /**
+         * Dynamically sets the title of the current page.
+         *
+         * @async
+         * @function setNavigationBarTitle
+         * @category Navigation Bar
+         *
+         * @example
+         *
+         * zmpApis.setNavigationBarTitle({
+         *  title: "Current Page"
+         * }).then((res) => {
+         *  console.log("Success");
+         * }).catch((error) => {
+         *  console.log("Fail");
+         * });
+         *
+         * @param {Object} object
+         * @param {string} object.title - The title of the page
+         *
+         * @return {Promise}
+         *
+         */
+        static setNavigationBarTitle(object) {
+            return __awaiter(this, void 0, void 0, function* () {
+                yield this.getJSBridge().callNative(ACTION.CHANGE_TITLE_HEADER, {
+                    title: object.title
+                }, {
+                    haveTimeout: false
+                });
+            });
         }
         /**
          * Sets the color of the navigation bar in the page.
@@ -4194,7 +3867,7 @@
                     actionBarType = HIDE_ACTION_BAR;
                 }
                 this.setActionBarConfig((state) => (Object.assign(Object.assign({}, state), { actionbarType: actionBarType, dataConfig: Object.assign(Object.assign({}, state.dataConfig), dataConfig) })));
-                yield this.callNative(ACTION.CHANGE_ACTIONBAR, Object.assign({}, this.getActionBarConfig()), {
+                yield this.getJSBridge().callNative(ACTION.CHANGE_ACTIONBAR, Object.assign({}, this.getActionBarConfig()), {
                     haveTimeout: false
                 });
             });
@@ -4229,62 +3902,32 @@
          * @param {string} [object.dialogMessage="Bạn có muốn thoát?"] - Specifies a message that will be shown on native dialog. Only when ```confirmToExit``` is 1
          * @param {Function} [object.handleCloseEvent] - Specifies a function that will be called when user click close button. Only when ```confirmToExit``` is 2
          */
-        static setNavigationBarLeftButton(object) {
-            return __awaiter(this, void 0, void 0, function* () {
-                const leftButtonType = object.type === 'none' || object.type === 'home'
-                    ? ACTION_LEFT_BUTTON_TYPE.HIDE_BACK
-                    : ACTION_LEFT_BUTTON_TYPE.SHOW_BACK;
-                const showHomeButton = object.type === 'home' || object.type === 'both'
-                    ? ACTION_LEFT_BUTTON_TYPE.SHOW_HOME
-                    : ACTION_LEFT_BUTTON_TYPE.HIDE_HOME;
-                this.setActionBarConfig((state) => (Object.assign(Object.assign({}, state), { buttonType: leftButtonType, dataConfig: Object.assign(Object.assign({}, state.dataConfig), { viewInLeftType: leftButtonType }), homeConfig: Object.assign(Object.assign({}, state.homeConfig), { enable: showHomeButton }) })));
-                yield this.callNative(ACTION.CHANGE_ACTIONBAR_LEFTBUTTON_TYPE, Object.assign({}, this.getActionBarConfig()), {
+        static setNavigationBarLeftButton(type, confirmToExit) {
+            return __awaiter(this, void 0, void 0, function* () {
+                let leftButtonType;
+                let showHomeButton;
+                if (_.isString(type)) {
+                    leftButtonType =
+                        type === 'none' || type === 'home'
+                            ? ACTION_LEFT_BUTTON_TYPE.HIDE_BACK
+                            : ACTION_LEFT_BUTTON_TYPE.SHOW_BACK;
+                    showHomeButton =
+                        type === 'home' || type === 'both'
+                            ? ACTION_LEFT_BUTTON_TYPE.SHOW_HOME
+                            : ACTION_LEFT_BUTTON_TYPE.HIDE_HOME;
+                }
+                this.setActionBarConfig((state) => (Object.assign(Object.assign({}, state), { buttonType: _.isNumber(leftButtonType) ? leftButtonType : state.buttonType, dataConfig: Object.assign(Object.assign({}, state.dataConfig), { confirmToExit: _.isNumber(confirmToExit) ? confirmToExit : state.dataConfig.confirmToExit, viewInLeftType: _.isNumber(leftButtonType) ? leftButtonType : state.dataConfig.viewInLeftType }), homeConfig: Object.assign(Object.assign({}, state.homeConfig), { enable: _.isNumber(showHomeButton) ? showHomeButton : state.homeConfig.enable }) })));
+                yield this.getJSBridge().callNative(ACTION.CHANGE_ACTIONBAR_LEFTBUTTON_TYPE, Object.assign({}, this.getActionBarConfig()), {
                     haveTimeout: false
                 });
             });
         }
-        /**
-         * @ignore
-         * Dynamically sets the right button of the current page.
-         *
-         * @ignore
-         * @category Navigation Bar
-         *
-         * @example
-         * zmpApis.setNavigationBarRightButton({
-         *  supportToolBar: 1,
-         *  reset: 0,
-         *  menuListItems: [{
-         *    title: "Post on timeline",
-         *    action: "zalo.web.internal.postfeed",
-         *    showAsAction: 0,
-         *    iconUrl: "https://cdn3.iconfinder.com/data/icons/user-interface-3-3/34/251-512.png",
-         *    type: 0,
-         *    data: {}
-         * }],
-         * }).then((res) => {
-         *  console.log("Success");
-         * }).catch((error) => {
-         *  console.log("Fail");
-         * });
-         *
-         * @param {Object} object
-         * @param {Number} object.title - Title of a menu item
-         * @param {Number} object.action - Native action
-         * @param {string} object.showAsAction
-         * If ```showAsAction``` is 1 and ```iconUrl``` can load,
-         * this item will be shown outside and next to more-button. Maximum 2 item will be shown
-         * @param {Function} object.iconUrl - Specifies icon of a menu item
-         * @param {0} object.type
-         * @param {Object} object.data - Data depends on ```action```
-         */
-        static setNavigationBarRightButton(object) {
+        static setNavigationBar(data) {
             return __awaiter(this, void 0, void 0, function* () {
-                yield this.callNative(ACTION.CREATE_OPTIONS_MENU, {
-                    supportToolBar: object.supportToolBar,
-                    reset: object.reset,
-                    menuListItems: object.menuListItems,
-                    zapp: this.getAppId()
+                yield this.getJSBridge().callNative(ACTION.CHANGE_ACTIONBAR, {
+                    data
+                }, {
+                    haveTimeout: false
                 });
             });
         }
@@ -4316,7 +3959,7 @@
             return __awaiter(this, void 0, void 0, function* () {
                 if (_.isString(object.backgroundColor) &&
                     object.backgroundColor.length > 0) {
-                    yield this.callNative(ACTION.CHANGE_ACTIONBAR, {
+                    yield this.getJSBridge().callNative(ACTION.CHANGE_ACTIONBAR, {
                         actionbarType: this.isShowNavBar ? 5 : 6,
                         dataConfig: {
                             backgroundColor: object.backgroundColor,
@@ -4428,7 +4071,7 @@
          */
         static setDeviceOrientation(object) {
             return __awaiter(this, void 0, void 0, function* () {
-                yield this.callNative(ACTION.CHANGE_AUTOROTATE, {
+                yield this.getJSBridge().callNative(ACTION.CHANGE_AUTOROTATE, {
                     autoRotate: OrientationType[object.rotate]
                 });
             });
@@ -4452,7 +4095,7 @@
          */
         static getNetworkType(object) {
             return __awaiter(this, void 0, void 0, function* () {
-                const resData = yield this.callNative(ACTION.WEBVIEW_NETWORKTYPE, {
+                const resData = yield this.getJSBridge().callNative(ACTION.WEBVIEW_NETWORKTYPE, {
                     url: window.location.href,
                     featureId: ''
                 }).then((data) => {
@@ -4566,7 +4209,7 @@
                         items: Array.isArray(object === null || object === void 0 ? void 0 : object.items) ? object === null || object === void 0 ? void 0 : object.items : []
                     }
                 };
-                yield this.callNative(ACTION.SCAN_IBEACON, Object.assign({}, data));
+                yield this.getJSBridge().callNative(ACTION.SCAN_IBEACON, Object.assign({}, data));
                 return true;
             });
         }
@@ -4585,7 +4228,7 @@
                 const data = {
                     subaction: 2
                 };
-                yield this.callNative(ACTION.SCAN_IBEACON, Object.assign({}, data));
+                yield this.getJSBridge().callNative(ACTION.SCAN_IBEACON, Object.assign({}, data));
                 return true;
             });
         }
@@ -4606,7 +4249,7 @@
                 const data = {
                     subaction: 1
                 };
-                const resData = yield this.callNative(ACTION.SCAN_IBEACON, Object.assign({}, data), {
+                const resData = yield this.getJSBridge().callNative(ACTION.SCAN_IBEACON, Object.assign({}, data), {
                     isMultiCallback: true
                 }).then((resData) => {
                     const res = {
@@ -4648,7 +4291,7 @@
          */
         static stopBluetoothDevicesDiscovery() {
             return __awaiter(this, void 0, void 0, function* () {
-                return this.callNative({
+                return this.getJSBridge().callNative({
                     name: ''
                 }, {});
             });
@@ -4675,7 +4318,7 @@
          */
         static startBluetoothDevicesDiscovery(object) {
             return __awaiter(this, void 0, void 0, function* () {
-                return this.callNative({
+                return this.getJSBridge().callNative({
                     name: ''
                 }, Object.assign({}, object));
             });
@@ -4699,7 +4342,7 @@
          */
         static openBluetoothAdapter() {
             return __awaiter(this, void 0, void 0, function* () {
-                return this.callNative({
+                return this.getJSBridge().callNative({
                     name: ''
                 }, {});
             });
@@ -4719,7 +4362,7 @@
          */
         static onBluetoothDeviceFound() {
             return __awaiter(this, void 0, void 0, function* () {
-                return this.callNative({
+                return this.getJSBridge().callNative({
                     name: ''
                 }, {});
             });
@@ -4767,7 +4410,7 @@
                 const data = {
                     services: object.services || []
                 };
-                return this.callNative({
+                return this.getJSBridge().callNative({
                     name: ''
                 }, data);
             });
@@ -4788,7 +4431,7 @@
          */
         static getBluetoothDevices() {
             return __awaiter(this, void 0, void 0, function* () {
-                return this.callNative({
+                return this.getJSBridge().callNative({
                     name: ''
                 }, {});
             });
@@ -4809,7 +4452,7 @@
          */
         static getBluetoothAdapterState() {
             return __awaiter(this, void 0, void 0, function* () {
-                return this.callNative({
+                return this.getJSBridge().callNative({
                     name: ''
                 }, {});
             });
@@ -4830,7 +4473,7 @@
          */
         static closeBluetoothAdapter() {
             return __awaiter(this, void 0, void 0, function* () {
-                return this.callNative({
+                return this.getJSBridge().callNative({
                     name: ''
                 }, {});
             });
@@ -4844,7 +4487,7 @@
          */
         static scanQRCode(object) {
             return __awaiter(this, void 0, void 0, function* () {
-                return yield this.callNative(ACTION.OPEN_QR, {
+                return yield this.getJSBridge().callNative(ACTION.OPEN_QR, {
                     skipOpenLink: true
                 });
             });
@@ -4858,308 +4501,770 @@
          */
         static showToast(object) {
             return __awaiter(this, void 0, void 0, function* () {
-                yield this.callNative(ACTION.SHOW_TOAST, {
+                yield this.getJSBridge().callNative(ACTION.SHOW_TOAST, {
                     toast: object.message
                 });
             });
         }
-        /**
-         * Ẩn keyboard
-         * @async
-         * @function hideKeyboard
-         * @category Device
-         *
-         */
-        static hideKeyboard(object) {
+        /**
+         * Ẩn keyboard
+         * @async
+         * @function hideKeyboard
+         * @category Device
+         *
+         */
+        static hideKeyboard(object) {
+            return __awaiter(this, void 0, void 0, function* () {
+                yield this.getJSBridge().callNative(ACTION.HIDE_KEYBOARD, {});
+            });
+        }
+        /**
+         * Open phone
+         * @async
+         * @function openPhone
+         * @category Device
+         *
+         */
+        static openPhone(object) {
+            return __awaiter(this, void 0, void 0, function* () {
+                yield this.getJSBridge().callNative(ACTION.OPEN_PHONE, {
+                    phoneNum: object.phoneNumber,
+                    phoneCode: object.phoneNumber
+                });
+            });
+        }
+        /**
+         * Open SMS
+         * @async
+         * @function openSMS
+         * @category Device
+         *
+         */
+        static openSMS(object) {
+            return __awaiter(this, void 0, void 0, function* () {
+                yield this.getJSBridge().callNative(ACTION.OPEN_SMS, {
+                    content: object.content,
+                    phoneCode: object.phoneNumber
+                });
+            });
+        }
+        /**
+         * Keep screen.
+         * @async
+         * @function keepScreen
+         * @category Device
+         *
+         */
+        static keepScreen(object) {
+            return __awaiter(this, void 0, void 0, function* () {
+                return yield this.getJSBridge().callNative(ACTION.KEEP_SCREEN, {
+                    data: {
+                        keep_screen_on: object.keepScreenOn ? 1 : 0
+                    }
+                });
+            });
+        }
+        /**
+         * Xác thực bằng sinh trắc học
+         * @async
+         * @function openBioAuthentication
+         * @category Authentication
+         *
+         */
+        static openBioAuthentication(object) {
+            return __awaiter(this, void 0, void 0, function* () {
+                return yield this.getJSBridge().callNative(ACTION.PROMPT_AUTHENTICATION, {
+                    secret_data: object.secretData,
+                    app_id: this.getZAppId(),
+                    ui: {
+                        title: object.ui.title,
+                        sub_title: object.ui.subTitle,
+                        negative_text: object.ui.negativeButtonText
+                    },
+                    require_fingerprint: object.requireFingerprint ? 1 : 0
+                }).then((data) => {
+                    var _a, _b, _c, _d;
+                    return {
+                        code: data === null || data === void 0 ? void 0 : data.error_code,
+                        message: data === null || data === void 0 ? void 0 : data.error_message,
+                        data: {
+                            domain: (_a = data === null || data === void 0 ? void 0 : data.data) === null || _a === void 0 ? void 0 : _a.domain,
+                            code: (_b = data === null || data === void 0 ? void 0 : data.data) === null || _b === void 0 ? void 0 : _b.error_code,
+                            message: (_c = data === null || data === void 0 ? void 0 : data.data) === null || _c === void 0 ? void 0 : _c.error_message,
+                            payToken: (_d = data === null || data === void 0 ? void 0 : data.data) === null || _d === void 0 ? void 0 : _d.pay_token
+                        }
+                    };
+                });
+            });
+        }
+        /**
+         * Một phần của flow H5-Bio-Authentication. Dùng cho H5 kiểm tra xem bio-factor có bị thay đổi gì so với trước đây ko (thêm vân tay, reset...)
+         * @async
+         * @function checkStateBioAuthentication
+         * @category Authentication
+         *
+         * @example
+         * api.checkStateAuthen({
+         * 	success: (res) => {},
+         * 	fail: (err) => {}
+         * })
+         * @param {InputDataType.CallbackType} object
+         */
+        static checkStateBioAuthentication(object) {
+            return __awaiter(this, void 0, void 0, function* () {
+                return yield this.getJSBridge().callNative(ACTION.PROMPT_AUTHENTICATION_CHECK_STATE, {}).then((data) => {
+                    return {
+                        bioState: data === null || data === void 0 ? void 0 : data.bio_state
+                    };
+                });
+            });
+        }
+        /**
+         * Vibrate.
+         * @async
+         * @function vibrate
+         * @category Device
+         *
+         */
+        static vibrate(object) {
+            return __awaiter(this, void 0, void 0, function* () {
+                return yield this.getJSBridge().callNative(ACTION.INTERACTIVE_VIBRATION, {
+                    type: VibrateType[object.type],
+                    vibrate_time: object.milliseconds
+                });
+            });
+        }
+        /**
+         * Connect Wifi.
+         * @async
+         * @function connectWifi
+         * @category Device
+         *
+         */
+        static connectWifi(object) {
+            return __awaiter(this, void 0, void 0, function* () {
+                let securityType = 'open';
+                if (_.isString(object.password) && object.password.length > 0) {
+                    securityType = 'wpa_wpa2';
+                }
+                return yield this.getJSBridge().callNative(ACTION.MP_JOIN_WIFI, {
+                    ssid: object.SSID,
+                    securityType: securityType,
+                    password: object.password,
+                    hiddenSsid: object.hiddenSSID
+                });
+            });
+        }
+        /**
+         * Open App Store.
+         * @async
+         * @function openAppStore
+         * @category Device
+         *
+         */
+        static openAppStore(object) {
+            return __awaiter(this, void 0, void 0, function* () {
+                return yield this.getJSBridge().callNative(ACTION.OPEN_APPSTORE, object);
+            });
+        }
+    }
+
+    var _LocalResourceStorage_storage, _LocalResourceStorage_prefix, _LocalResourceStorage_resourceInfo;
+    class LocalResourceStorage {
+        constructor(prefix) {
+            _LocalResourceStorage_storage.set(this, localStorage);
+            _LocalResourceStorage_prefix.set(this, void 0);
+            _LocalResourceStorage_resourceInfo.set(this, void 0);
+            checkPlatform();
+            // if (platform.isMobile && platform.isZalo) {
+            //   Object.defineProperty(window, 'localStorage', {
+            //     value: null,
+            //     configurable: true,
+            //     enumerable: true,
+            //     writable: false
+            //   });
+            // }
+            __classPrivateFieldSet(this, _LocalResourceStorage_resourceInfo, {
+                keys: new Set(),
+                currentSize: 0,
+                limitSize: STORAGE_LIMIT
+            }, "f");
+            __classPrivateFieldSet(this, _LocalResourceStorage_prefix, prefix, "f");
+            this.findAllCurrentDataByApp(prefix);
+        }
+        findAllCurrentDataByApp(prefix) {
+            try {
+                let _x;
+                for (_x in __classPrivateFieldGet(this, _LocalResourceStorage_storage, "f")) {
+                    if (prefix) {
+                        const _prefix = _x.split('_')[0];
+                        if (_prefix !== prefix) {
+                            continue;
+                        }
+                    }
+                    __classPrivateFieldGet(this, _LocalResourceStorage_resourceInfo, "f").keys.add(_x);
+                }
+            }
+            catch (error) {
+                logger.error(error, 'LocalResourceStorage > findAllCurrentDataByApp');
+            }
+        }
+        get(keys) {
+            let res = new Map();
+            keys.forEach((key) => {
+                res.set(key, this.getSync(key));
+            });
+            return Promise.resolve(res);
+        }
+        getSync(key) {
+            if (__classPrivateFieldGet(this, _LocalResourceStorage_prefix, "f")) {
+                key = `${__classPrivateFieldGet(this, _LocalResourceStorage_prefix, "f")}_${key}`;
+            }
+            if (!__classPrivateFieldGet(this, _LocalResourceStorage_resourceInfo, "f").keys.has(key))
+                return null;
+            return __classPrivateFieldGet(this, _LocalResourceStorage_storage, "f").getItem(key);
+        }
+        set(data) {
+            return __awaiter(this, void 0, void 0, function* () {
+                Object.entries(data).forEach(([key, value]) => {
+                    this.setSync(key, value.replace(/\\"/g, '"'));
+                });
+                return Promise.resolve({ errorKeys: [] });
+            });
+        }
+        setSync(key, value) {
+            if (__classPrivateFieldGet(this, _LocalResourceStorage_prefix, "f")) {
+                key = `${__classPrivateFieldGet(this, _LocalResourceStorage_prefix, "f")}_${key}`;
+            }
+            __classPrivateFieldGet(this, _LocalResourceStorage_storage, "f").setItem(key, value);
+            __classPrivateFieldGet(this, _LocalResourceStorage_resourceInfo, "f").keys.add(key);
+        }
+        getInfo() {
             return __awaiter(this, void 0, void 0, function* () {
-                yield this.callNative(ACTION.HIDE_KEYBOARD, {});
+                return Promise.resolve(this.getInfoSync());
             });
         }
-        /**
-         * Open phone
-         * @async
-         * @function openPhone
-         * @category Device
-         *
-         */
-        static openPhone(object) {
+        getInfoSync() {
+            const currentSize = calcLocalStorageSize(__classPrivateFieldGet(this, _LocalResourceStorage_storage, "f"), __classPrivateFieldGet(this, _LocalResourceStorage_prefix, "f"));
+            return {
+                currentSize: _.isNumber(currentSize)
+                    ? Number((currentSize / 1024).toFixed(2))
+                    : 0,
+                limitSize: Number((STORAGE_LIMIT / 1024).toFixed(2))
+            };
+        }
+        remove(keys) {
             return __awaiter(this, void 0, void 0, function* () {
-                yield this.callNative(ACTION.OPEN_PHONE, {
-                    phoneNum: object.phoneNumber,
-                    phoneCode: object.phoneNumber
+                keys.forEach((key) => {
+                    this.removeSync(key);
                 });
+                return Promise.resolve({ errorKeys: [] });
             });
         }
-        /**
-         * Open SMS
-         * @async
-         * @function openSMS
-         * @category Device
-         *
-         */
-        static openSMS(object) {
+        removeSync(key) {
+            if (__classPrivateFieldGet(this, _LocalResourceStorage_prefix, "f")) {
+                key = `${__classPrivateFieldGet(this, _LocalResourceStorage_prefix, "f")}_${key}`;
+            }
+            if (__classPrivateFieldGet(this, _LocalResourceStorage_resourceInfo, "f").keys.has(key)) {
+                __classPrivateFieldGet(this, _LocalResourceStorage_storage, "f").removeItem(key);
+                __classPrivateFieldGet(this, _LocalResourceStorage_resourceInfo, "f").keys.delete(key);
+            }
+        }
+        clear() {
             return __awaiter(this, void 0, void 0, function* () {
-                yield this.callNative(ACTION.OPEN_SMS, {
-                    content: object.content,
-                    phoneCode: object.phoneNumber
-                });
+                return Promise.resolve(this.clearSync());
             });
         }
-        /**
-         * Keep screen.
-         * @async
-         * @function keepScreen
-         * @category Device
-         *
-         */
-        static keepScreen(object) {
-            return __awaiter(this, void 0, void 0, function* () {
-                return yield this.callNative(ACTION.KEEP_SCREEN, {
-                    data: {
-                        keep_screen_on: object.keepScreenOn ? 1 : 0
-                    }
-                });
+        clearSync() {
+            __classPrivateFieldGet(this, _LocalResourceStorage_resourceInfo, "f").keys.forEach((key) => {
+                if (__classPrivateFieldGet(this, _LocalResourceStorage_prefix, "f") && key.indexOf(__classPrivateFieldGet(this, _LocalResourceStorage_prefix, "f")) < 0) {
+                    return;
+                }
+                __classPrivateFieldGet(this, _LocalResourceStorage_storage, "f").removeItem(key);
+                __classPrivateFieldGet(this, _LocalResourceStorage_resourceInfo, "f").keys.delete(key);
             });
         }
-        /**
-         * Xác thực bằng sinh trắc học
-         * @async
-         * @function openBioAuthentication
-         * @category Authentication
-         *
-         */
-        static openBioAuthentication(object) {
-            return __awaiter(this, void 0, void 0, function* () {
-                return yield this.callNative(ACTION.PROMPT_AUTHENTICATION, {
-                    secret_data: object.secretData,
-                    app_id: this.getZAppId(),
-                    ui: {
-                        title: object.ui.title,
-                        sub_title: object.ui.subTitle,
-                        negative_text: object.ui.negativeButtonText
-                    },
-                    require_fingerprint: object.requireFingerprint ? 1 : 0
-                }).then((data) => {
-                    var _a, _b, _c, _d;
-                    return {
-                        code: data === null || data === void 0 ? void 0 : data.error_code,
-                        message: data === null || data === void 0 ? void 0 : data.error_message,
-                        data: {
-                            domain: (_a = data === null || data === void 0 ? void 0 : data.data) === null || _a === void 0 ? void 0 : _a.domain,
-                            code: (_b = data === null || data === void 0 ? void 0 : data.data) === null || _b === void 0 ? void 0 : _b.error_code,
-                            message: (_c = data === null || data === void 0 ? void 0 : data.data) === null || _c === void 0 ? void 0 : _c.error_message,
-                            payToken: (_d = data === null || data === void 0 ? void 0 : data.data) === null || _d === void 0 ? void 0 : _d.pay_token
-                        }
-                    };
+    }
+    _LocalResourceStorage_storage = new WeakMap(), _LocalResourceStorage_prefix = new WeakMap(), _LocalResourceStorage_resourceInfo = new WeakMap();
+
+    var wrappers = {};
+    var WrapperFn = function wrapFunction(fn, type, source) {
+        var t = type || 'default';
+        return function () {
+            var callee = t in wrappers ? wrappers[t](fn, source) : fn;
+            return callee.apply(this, arguments);
+        };
+    };
+    WrapperFn.setWrapper = function (fn) {
+        var type = arguments.length <= 1 || arguments[1] === undefined
+            ? 'default'
+            : arguments[1];
+        wrappers[type] = fn;
+    };
+    var ERROR = {
+        error: {
+            code: 1,
+            error_subcode: 1357046,
+            message: 'Received Invalid JSON reply.',
+            type: 'http'
+        }
+    };
+    function safelyParseResponse(rawResponse) {
+        try {
+            return rawResponse === null ? ERROR : JSON.parse(rawResponse);
+        }
+        catch (ex) {
+            return ERROR;
+        }
+    }
+    function createCORSRequest(method, url) {
+        if (!self.XMLHttpRequest) {
+            return null;
+        }
+        var xhr = new XMLHttpRequest();
+        var noop = function noop() { };
+        if ('withCredentials' in xhr) {
+            xhr.open(method, url, true);
+            xhr.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
+        }
+        else {
+            return null;
+        }
+        var wrapper = {
+            send: function send(data) {
+                xhr.send(data);
+            }
+        };
+        var onload = WrapperFn(function () {
+            onload = noop;
+            if ('onload' in wrapper) {
+                wrapper.onload(xhr);
+            }
+        }, 'entry', 'XMLHttpRequest:load');
+        var onerror = WrapperFn(function () {
+            onerror = noop;
+            if ('onerror' in wrapper) {
+                wrapper.onerror(xhr);
+            }
+        }, 'entry', 'XMLHttpRequest:error');
+        xhr.onload = function () {
+            onload();
+        };
+        xhr.onerror = function () {
+            onerror();
+        };
+        xhr.onreadystatechange = function () {
+            if (xhr.readyState == 4) {
+                if (xhr.status == 200) {
+                    onload();
+                }
+                else {
+                    onerror();
+                }
+            }
+        };
+        return wrapper;
+    }
+    function execute(url, method, params, cb) {
+        params.suppress_http_code = 1;
+        var data = QueryString.encode(params);
+        if (method != 'post') {
+            url = QueryString.appendToUrl(url, data);
+            data = '';
+        }
+        var request = createCORSRequest(method, url);
+        if (!request) {
+            return false;
+        }
+        request.onload = function (xhr) {
+            cb(safelyParseResponse(xhr.responseText));
+        };
+        request.onerror = function (xhr) {
+            if (xhr.responseText) {
+                cb(safelyParseResponse(xhr.responseText));
+            }
+            else {
+                cb({
+                    error: {
+                        code: 1,
+                        error_subcode: 1357045,
+                        message: 'unknown error (empty response)',
+                        status: xhr.status,
+                        type: 'http'
+                    }
+                });
+            }
+        };
+        request.send(data);
+        return true;
+    }
+    var CORSRequest = {
+        execute: execute
+    };
+
+    var _ZaloJSBridge_instances, _ZaloJSBridge_cookies, _ZaloJSBridge_actionRuntimeInfo, _ZaloJSBridge_jsCall;
+    class ZaloJSBridge extends eventemitter3 {
+        constructor() {
+            super();
+            _ZaloJSBridge_instances.add(this);
+            this.debug = Debug('zmp:ZaloJSBridge');
+            this.events = ZMPEEmitter.getInstance();
+            this._accessTk = getToken('zacc_session') || 'DEFAULT_ACCESS_TOKEN';
+            this._jsAccessTk = getToken('zlink3rd') || 'DEFAULT_JS_TOKEN';
+            this.results = [];
+            this._userAgent = getUserAgent();
+            this._device = checkPlatform();
+            this.isJumped = false;
+            _ZaloJSBridge_cookies.set(this, null);
+            _ZaloJSBridge_actionRuntimeInfo.set(this, void 0);
+            this.jump = () => {
+                return new Promise((resolve, reject) => {
+                    if (!_.isUndefined(__classPrivateFieldGet(this, _ZaloJSBridge_cookies, "f")) && !_.isNull(__classPrivateFieldGet(this, _ZaloJSBridge_cookies, "f"))) {
+                        resolve(__classPrivateFieldGet(this, _ZaloJSBridge_cookies, "f"));
+                    }
+                    else {
+                        this.callNative(ACTION.JUMP_LOGIN, {})
+                            .then((data) => {
+                            const cookies = (data && data.cookiesOAuthLogins) || [];
+                            const actionPermission = (data && data.actionPermission) || [];
+                            Object.entries(actionPermission).forEach((item) => {
+                                const key = item[0];
+                                const value = item[1] || { perm: 0, decode: 0 };
+                                if (!__classPrivateFieldGet(this, _ZaloJSBridge_actionRuntimeInfo, "f")[key]) {
+                                    __classPrivateFieldGet(this, _ZaloJSBridge_actionRuntimeInfo, "f")[key] = {
+                                        permission: false,
+                                        support: false
+                                    };
+                                }
+                                __classPrivateFieldGet(this, _ZaloJSBridge_actionRuntimeInfo, "f")[key].permission = value.perm === 1;
+                            });
+                            const jsToken = cookies.find((cookie) => cookie.name === COOKIE_NAME.JS_TOKEN);
+                            if (jsToken) {
+                                this.jsAccessTk = jsToken.value;
+                                window.ZJSBridge.setJSToken &&
+                                    window.ZJSBridge.setJSToken(jsToken.value);
+                            }
+                            __classPrivateFieldSet(this, _ZaloJSBridge_cookies, cookies, "f");
+                            this.isJumped = true;
+                            resolve(cookies);
+                        })
+                            .catch((error) => {
+                            this.isJumped = false;
+                            reject(error);
+                        });
+                    }
                 });
+            };
+            this._jsCallFuncCallbacks = {};
+            __classPrivateFieldSet(this, _ZaloJSBridge_actionRuntimeInfo, {}, "f");
+            this.events.on(Events.AppPaused, () => {
+                if (this.results.length > 0) {
+                    let array = this.results;
+                    this.results = [];
+                    try {
+                        this.sendLogData(array);
+                    }
+                    catch (error) { }
+                }
             });
+            if (this.sendLogTimer) {
+                clearInterval(this.sendLogTimer);
+            }
+            else {
+                this.sendLogTimer = setInterval(() => {
+                    if (this.results.length > 0) {
+                        let array = this.results;
+                        this.results = [];
+                        try {
+                            this.sendLogData(array);
+                        }
+                        catch (error) { }
+                    }
+                }, 5000);
+            }
         }
-        /**
-         * Một phần của flow H5-Bio-Authentication. Dùng cho H5 kiểm tra xem bio-factor có bị thay đổi gì so với trước đây ko (thêm vân tay, reset...)
-         * @async
-         * @function checkStateBioAuthentication
-         * @category Authentication
-         *
-         * @example
-         * api.checkStateAuthen({
-         * 	success: (res) => {},
-         * 	fail: (err) => {}
-         * })
-         * @param {InputDataType.CallbackType} object
-         */
-        static checkStateBioAuthentication(object) {
-            return __awaiter(this, void 0, void 0, function* () {
-                return yield this.callNative(ACTION.PROMPT_AUTHENTICATION_CHECK_STATE, {}).then((data) => {
+        static getInstance() {
+            if (!ZaloJSBridge.instance) {
+                ZaloJSBridge.instance = new ZaloJSBridge();
+            }
+            return ZaloJSBridge.instance;
+        }
+        set accessTk(value) {
+            this._accessTk = value;
+        }
+        set jsAccessTk(value) {
+            this._jsAccessTk = value;
+        }
+        sendLogData(data) {
+            try {
+                const logData = data.map((item) => {
                     return {
-                        bioState: data === null || data === void 0 ? void 0 : data.bio_state
+                        action: item.action,
+                        error: item.error
                     };
                 });
-            });
+                CORSRequest.execute(APIS.SEND_ACTION_LOG, 'post', {
+                    appId: window.APP_ID,
+                    data: JSON.stringify(logData)
+                }, (response) => { });
+                window.zmpSentry &&
+                    window.zmpSentry.captureMessage('Result from native', {
+                        extra: {
+                            data: data
+                        }
+                    });
+            }
+            catch (error) { }
         }
-        /**
-         * Vibrate.
-         * @async
-         * @function vibrate
-         * @category Device
-         *
-         */
-        static vibrate(object) {
-            return __awaiter(this, void 0, void 0, function* () {
-                return yield this.callNative(ACTION.INTERACTIVE_VIBRATION, {
-                    type: VibrateType[object.type],
-                    vibrate_time: object.milliseconds
+        onJSCall(key, data) {
+            try {
+                this.debug('onJSCall', key, data);
+                const parsedData = parseJSON(data);
+                if (this._jsCallFuncCallbacks[key]) {
+                    const callback = this._jsCallFuncCallbacks[key].callback;
+                    const timeout = this._jsCallFuncCallbacks[key].timeout;
+                    if (!!callback) {
+                        try {
+                            callback.call(this, parsedData);
+                        }
+                        catch (error) {
+                            console.error('Call callback error', error);
+                        }
+                        !!timeout && clearTimeout(timeout);
+                        this._jsCallFuncCallbacks[key] = null;
+                        delete this._jsCallFuncCallbacks[key];
+                    }
+                }
+                this.results.push({
+                    action: parsedData.action,
+                    error: parsedData.error_code,
+                    message: parsedData.error_message
                 });
-            });
+            }
+            catch (e) {
+                console.log('onJSCall', 'error', e);
+            }
         }
-        /**
-         * Connect Wifi.
-         * @async
-         * @function connectWifi
-         * @category Device
-         *
-         */
-        static connectWifi(object) {
-            return __awaiter(this, void 0, void 0, function* () {
-                let securityType = 'open';
-                if (_.isString(object.password) && object.password.length > 0) {
-                    securityType = 'wpa_wpa2';
+        onMultiJSCall(key, data) {
+            try {
+                this.debug('onMultiJSCall', key, data);
+                const parsedData = parseJSON(data);
+                if (this._jsCallFuncCallbacks[key]) {
+                    const callback = this._jsCallFuncCallbacks[key].callback;
+                    const timeout = this._jsCallFuncCallbacks[key].timeout;
+                    if (!!callback) {
+                        try {
+                            callback.call(this, parsedData);
+                        }
+                        catch (error) {
+                            console.error('Call callback error', error);
+                        }
+                        !!timeout && clearTimeout(timeout);
+                    }
                 }
-                return yield this.callNative(ACTION.MP_JOIN_WIFI, {
-                    ssid: object.SSID,
-                    securityType: securityType,
-                    password: object.password,
-                    hiddenSsid: object.hiddenSSID
+                this.results.push({
+                    action: parsedData.action,
+                    error: parsedData.error_code,
+                    message: parsedData.error_message
                 });
-            });
-        }
-        /**
-         * Open App Store.
-         * @async
-         * @function openAppStore
-         * @category Device
-         *
-         */
-        static openAppStore(object) {
-            return __awaiter(this, void 0, void 0, function* () {
-                return yield this.callNative(ACTION.OPEN_APPSTORE, object);
-            });
+            }
+            catch (e) {
+                console.log('onMultiJSCall', 'error', e);
+            }
         }
-    }
-
-    var _LocalResourceStorage_storage, _LocalResourceStorage_prefix, _LocalResourceStorage_resourceInfo;
-    class LocalResourceStorage {
-        constructor(prefix) {
-            _LocalResourceStorage_storage.set(this, localStorage);
-            _LocalResourceStorage_prefix.set(this, void 0);
-            _LocalResourceStorage_resourceInfo.set(this, void 0);
-            checkPlatform();
-            // if (platform.isMobile && platform.isZalo) {
-            //   Object.defineProperty(window, 'localStorage', {
-            //     value: null,
-            //     configurable: true,
-            //     enumerable: true,
-            //     writable: false
-            //   });
-            // }
-            __classPrivateFieldSet(this, _LocalResourceStorage_resourceInfo, {
-                keys: new Set(),
-                currentSize: 0,
-                limitSize: STORAGE_LIMIT
-            }, "f");
-            __classPrivateFieldSet(this, _LocalResourceStorage_prefix, prefix, "f");
-            this.findAllCurrentDataByApp(prefix);
+        nativeEventHandler(eventId, eventName, eventData) {
+            this.debug(`eventId: ${eventId}, eventName: ${eventName}, eventData: ${eventData}`);
+            const data = stringToData(eventData);
+            this.debug(data);
+            const convertedData = this.handleEventData(eventName, data);
+            this.events.emit(eventName, eventId, convertedData);
         }
-        findAllCurrentDataByApp(prefix) {
+        handleEventData(eventName, data) {
             try {
-                let _x;
-                for (_x in __classPrivateFieldGet(this, _LocalResourceStorage_storage, "f")) {
-                    if (prefix) {
-                        const _prefix = _x.split('_')[0];
-                        if (_prefix !== prefix) {
-                            continue;
-                        }
-                    }
-                    __classPrivateFieldGet(this, _LocalResourceStorage_resourceInfo, "f").keys.add(_x);
+                switch (eventName) {
+                    case Events.OpenApp:
+                        const { url } = data;
+                        const validUrl = new URL(url);
+                        const path = validUrl.pathname.split(`/zapps/${APP_ID}`)[1];
+                        return {
+                            path: `${path ? path : '/'}${validUrl.search}`
+                        };
+                        break;
+                    default:
+                        return data;
+                        break;
                 }
             }
             catch (error) {
-                logger.error(error, 'LocalResourceStorage > findAllCurrentDataByApp');
+                return data;
             }
         }
-        get(keys) {
-            let res = new Map();
-            keys.forEach((key) => {
-                res.set(key, this.getSync(key));
-            });
-            return Promise.resolve(res);
-        }
-        getSync(key) {
-            if (__classPrivateFieldGet(this, _LocalResourceStorage_prefix, "f")) {
-                key = `${__classPrivateFieldGet(this, _LocalResourceStorage_prefix, "f")}_${key}`;
+        defaultCallback(data) {
+            if (data !== null && data !== undefined) {
+                data = parseJSON(data);
             }
-            if (!__classPrivateFieldGet(this, _LocalResourceStorage_resourceInfo, "f").keys.has(key))
-                return null;
-            return __classPrivateFieldGet(this, _LocalResourceStorage_storage, "f").getItem(key);
         }
-        set(data) {
-            return __awaiter(this, void 0, void 0, function* () {
-                Object.entries(data).forEach(([key, value]) => {
-                    this.setSync(key, value.replace(/\\"/g, '"'));
+        callNative(action, data, option) {
+            this.debug(action.name, data);
+            return new Promise((resolve, reject) => {
+                const handleNativeCallback = (cb) => __awaiter(this, void 0, void 0, function* () {
+                    var _a, _b, _c, _d, _e, _f, _g, _h;
+                    try {
+                        if (_.isUndefined(cb) || _.isNull(cb)) {
+                            return reject(new Error('Native callback is null'));
+                        }
+                        if (cb.error_code !== 0) {
+                            let error = new AppError(cb.error_code, cb.error_message);
+                            const platform = getPlatform();
+                            if (action === ACTION.JUMP_LOGIN) {
+                                error = new AppError(RESPONSE_CODE.UNKNOWN_ERROR, `Can not get auth code: ${cb.error_message}`);
+                            }
+                            else if (!this.isJumped && !action.skip_jump) {
+                                error = new AppError(RESPONSE.UNAUTHORIZED.code, RESPONSE.UNAUTHORIZED.message);
+                            }
+                            else if (String(error.message).toLowerCase() === 'permission required!' ||
+                                String(error.message).toLowerCase() === 'no permission!') {
+                                error = new AppError(RESPONSE.FORBIDDEN.code, RESPONSE.FORBIDDEN.message);
+                            }
+                            else if (COMMON_NATIVE_ERROR_CODE[platform][cb.error_code]) {
+                                error = new AppError(COMMON_NATIVE_ERROR_CODE[platform][cb.error_code].code, COMMON_NATIVE_ERROR_CODE[platform][cb.error_code].message);
+                            }
+                            else if ((_b = (_a = action.error_list) === null || _a === void 0 ? void 0 : _a[platform]) === null || _b === void 0 ? void 0 : _b[String(cb.error_code)]) {
+                                let error_message = action.error_list[platform][String(cb.error_code)].map_to.message;
+                                if ((_e = (_d = (_c = action.error_list) === null || _c === void 0 ? void 0 : _c[platform]) === null || _d === void 0 ? void 0 : _d[String(cb.error_code)]) === null || _e === void 0 ? void 0 : _e.need_more_detail) {
+                                    error_message = `${(_h = (_g = (_f = action.error_list) === null || _f === void 0 ? void 0 : _f[platform]) === null || _g === void 0 ? void 0 : _g[String(cb.error_code)]) === null || _h === void 0 ? void 0 : _h.map_to.message}: ${cb.error_message}`;
+                                }
+                                error = new AppError(action.error_list[platform][String(cb.error_code)].map_to.code, error_message);
+                            }
+                            return reject(error);
+                        }
+                        if (option === null || option === void 0 ? void 0 : option.successCallback) {
+                            const res = yield option.successCallback(cb.data);
+                            return resolve(res);
+                        }
+                        else {
+                            resolve(cb.data || {});
+                        }
+                    }
+                    catch (error) {
+                        return reject(error);
+                    }
                 });
-                return Promise.resolve({ errorKeys: [] });
+                const isIOS = checkPlatform().isIOS;
+                const isSupportAction = checkIOSSupportAction(action);
+                if (isIOS && !isSupportAction) {
+                    const error = new AppError(-5, `Client isn't support this action`);
+                    return reject(error);
+                }
+                else if (option === null || option === void 0 ? void 0 : option.delay) {
+                    setTimeout(() => {
+                        __classPrivateFieldGet(this, _ZaloJSBridge_instances, "m", _ZaloJSBridge_jsCall).call(this, action, data, handleNativeCallback, option === null || option === void 0 ? void 0 : option.isMultiCallback, option === null || option === void 0 ? void 0 : option.nRetry, option === null || option === void 0 ? void 0 : option.haveTimeout);
+                    }, option.delay);
+                }
+                else {
+                    __classPrivateFieldGet(this, _ZaloJSBridge_instances, "m", _ZaloJSBridge_jsCall).call(this, action, data, handleNativeCallback, option === null || option === void 0 ? void 0 : option.isMultiCallback, option === null || option === void 0 ? void 0 : option.nRetry, option === null || option === void 0 ? void 0 : option.haveTimeout);
+                }
             });
         }
-        setSync(key, value) {
-            if (__classPrivateFieldGet(this, _LocalResourceStorage_prefix, "f")) {
-                key = `${__classPrivateFieldGet(this, _LocalResourceStorage_prefix, "f")}_${key}`;
+    }
+    _ZaloJSBridge_cookies = new WeakMap(), _ZaloJSBridge_actionRuntimeInfo = new WeakMap(), _ZaloJSBridge_instances = new WeakSet(), _ZaloJSBridge_jsCall = function _ZaloJSBridge_jsCall(action, options, callback, isMultiCallback = false, nRetry = 3, haveTimeout = true) {
+        try {
+            const actionName = action.name;
+            const key = generateUniqueString(actionName);
+            if (!this._device.isMobile || _.isEmpty(actionName)) {
+                this.onJSCall(key, {
+                    error_code: -13,
+                    error_message: 'params invalid!',
+                    data: {
+                        device: this._device.isMobile,
+                        jsToken: this._jsAccessTk,
+                        access_token: this._accessTk
+                    },
+                    action: actionName
+                });
+                return false;
             }
-            __classPrivateFieldGet(this, _LocalResourceStorage_storage, "f").setItem(key, value);
-            __classPrivateFieldGet(this, _LocalResourceStorage_resourceInfo, "f").keys.add(key);
-        }
-        getInfo() {
-            return __awaiter(this, void 0, void 0, function* () {
-                return Promise.resolve(this.getInfoSync());
-            });
-        }
-        getInfoSync() {
-            const currentSize = calcLocalStorageSize(__classPrivateFieldGet(this, _LocalResourceStorage_storage, "f"), __classPrivateFieldGet(this, _LocalResourceStorage_prefix, "f"));
-            return {
-                currentSize: _.isNumber(currentSize)
-                    ? Number((currentSize / 1024).toFixed(2))
-                    : 0,
-                limitSize: Number((STORAGE_LIMIT / 1024).toFixed(2))
+            if (options === undefined || options === null) {
+                options = {};
+            }
+            if (!callback) {
+                callback = this.defaultCallback;
+            }
+            const timeoutCallback = {
+                error_code: -14,
+                error_message: 'Request Timeout!',
+                data: {},
+                action: actionName
             };
-        }
-        remove(keys) {
-            return __awaiter(this, void 0, void 0, function* () {
-                keys.forEach((key) => {
-                    this.removeSync(key);
-                });
-                return Promise.resolve({ errorKeys: [] });
-            });
-        }
-        removeSync(key) {
-            if (__classPrivateFieldGet(this, _LocalResourceStorage_prefix, "f")) {
-                key = `${__classPrivateFieldGet(this, _LocalResourceStorage_prefix, "f")}_${key}`;
+            this._jsCallFuncCallbacks[key] = {
+                timeout: haveTimeout &&
+                    action.have_callback &&
+                    setTimeout(() => {
+                        this.onJSCall(key, timeoutCallback);
+                    }, 8000),
+                callback: callback
+            };
+            try {
+                options = serialize(options);
+                if (isMultiCallback) {
+                    if (this._device.isIOS) {
+                        return ZaloJavaScriptInterface.jsCall(this._jsAccessTk, actionName, this._accessTk, options, window.onMultiJSCall(key));
+                    }
+                    return ZaloJavaScriptInterface.jsCall(this._jsAccessTk, actionName, this._accessTk, options, `window.onMultiJSCall('${key}')`);
+                }
+                if (this._device.isIOS) {
+                    return ZaloJavaScriptInterface.jsCall(this._jsAccessTk, actionName, this._accessTk, options, window.onJSCall(key));
+                }
+                return ZaloJavaScriptInterface.jsCall(this._jsAccessTk, actionName, this._accessTk, options, `window.onJSCall('${key}')`);
             }
-            if (__classPrivateFieldGet(this, _LocalResourceStorage_resourceInfo, "f").keys.has(key)) {
-                __classPrivateFieldGet(this, _LocalResourceStorage_storage, "f").removeItem(key);
-                __classPrivateFieldGet(this, _LocalResourceStorage_resourceInfo, "f").keys.delete(key);
+            catch (error) {
+                if (nRetry-- > 0) {
+                    setTimeout(() => {
+                        __classPrivateFieldGet(this, _ZaloJSBridge_instances, "m", _ZaloJSBridge_jsCall).call(this, action, options, callback, isMultiCallback, nRetry);
+                    }, 500);
+                }
+                else {
+                    const errorCallback = {
+                        error_code: -5,
+                        error_message: 'Not ready!',
+                        data: {
+                            userAgent: this._userAgent,
+                            options: options,
+                            jsToken: this._jsAccessTk,
+                            access_token: this._accessTk
+                        },
+                        action: actionName,
+                        js_error: error
+                    };
+                    this.onJSCall(key, errorCallback);
+                    return false;
+                }
             }
         }
-        clear() {
-            return __awaiter(this, void 0, void 0, function* () {
-                return Promise.resolve(this.clearSync());
-            });
-        }
-        clearSync() {
-            __classPrivateFieldGet(this, _LocalResourceStorage_resourceInfo, "f").keys.forEach((key) => {
-                if (__classPrivateFieldGet(this, _LocalResourceStorage_prefix, "f") && key.indexOf(__classPrivateFieldGet(this, _LocalResourceStorage_prefix, "f")) < 0) {
-                    return;
-                }
-                __classPrivateFieldGet(this, _LocalResourceStorage_storage, "f").removeItem(key);
-                __classPrivateFieldGet(this, _LocalResourceStorage_resourceInfo, "f").keys.delete(key);
-            });
+        catch (error) {
+            console.log('jsCall', 'error', error);
         }
-    }
-    _LocalResourceStorage_storage = new WeakMap(), _LocalResourceStorage_prefix = new WeakMap(), _LocalResourceStorage_resourceInfo = new WeakMap();
+        return false;
+    };
 
-    var _NativeResourceStorage_appId, _NativeResourceStorage_resourceInfo;
-    class NativeResourceStorage extends ZJSBridgeProvider {
+    var _NativeResourceStorage_appId, _NativeResourceStorage_resourceInfo, _NativeResourceStorage_bridge;
+    class NativeResourceStorage {
         constructor(appId) {
-            super();
             _NativeResourceStorage_appId.set(this, void 0);
             _NativeResourceStorage_resourceInfo.set(this, void 0);
+            _NativeResourceStorage_bridge.set(this, void 0);
             __classPrivateFieldSet(this, _NativeResourceStorage_resourceInfo, {
                 keys: new Set(),
                 currentSize: 0,
                 limitSize: STORAGE_LIMIT
             }, "f");
             __classPrivateFieldSet(this, _NativeResourceStorage_appId, appId, "f");
+            __classPrivateFieldSet(this, _NativeResourceStorage_bridge, ZaloJSBridge.getInstance(), "f");
         }
         get(keys) {
             return __awaiter(this, void 0, void 0, function* () {
-                return yield this.callNative(ACTION.ZBROWSER_MPDS, {
+                return yield __classPrivateFieldGet(this, _NativeResourceStorage_bridge, "f")
+                    .callNative(ACTION.ZBROWSER_MPDS, {
                     mpds_action: 'mpds.get',
                     mpds_data: {
                         keys
@@ -5167,7 +5272,8 @@
                     appId: __classPrivateFieldGet(this, _NativeResourceStorage_appId, "f")
                 }, {
                     isMultiCallback: false
-                }).then((data) => {
+                })
+                    .then((data) => {
                     let res = new Map();
                     if (data && data.mpds_data && data.mpds_data.map) {
                         res = new Map(Object.entries(data.mpds_data.map));
@@ -5178,7 +5284,8 @@
         }
         set(data) {
             return __awaiter(this, void 0, void 0, function* () {
-                const errorKeys = yield this.callNative(ACTION.ZBROWSER_MPDS, {
+                const errorKeys = yield __classPrivateFieldGet(this, _NativeResourceStorage_bridge, "f")
+                    .callNative(ACTION.ZBROWSER_MPDS, {
                     mpds_action: 'mpds.set',
                     mpds_data: {
                         map: data
@@ -5186,7 +5293,8 @@
                     appId: __classPrivateFieldGet(this, _NativeResourceStorage_appId, "f")
                 }, {
                     isMultiCallback: false
-                }).then((data) => {
+                })
+                    .then((data) => {
                     let res = [];
                     if (data && data.mpds_data && data.mpds_data.error_keys) {
                         res = data.mpds_data.error_keys;
@@ -5198,13 +5306,15 @@
         }
         getInfo() {
             return __awaiter(this, void 0, void 0, function* () {
-                const currentSize = yield this.callNative(ACTION.ZBROWSER_MPDS, {
+                const currentSize = yield __classPrivateFieldGet(this, _NativeResourceStorage_bridge, "f")
+                    .callNative(ACTION.ZBROWSER_MPDS, {
                     mpds_action: 'mpds.get.size',
                     mpds_data: {},
                     appId: __classPrivateFieldGet(this, _NativeResourceStorage_appId, "f")
                 }, {
                     isMultiCallback: false
-                }).then((data) => {
+                })
+                    .then((data) => {
                     let res = 0;
                     if (data && data.mpds_data && data.mpds_data.size) {
                         res = data.mpds_data.size;
@@ -5219,7 +5329,8 @@
         }
         remove(keys) {
             return __awaiter(this, void 0, void 0, function* () {
-                const errorKeys = yield this.callNative(ACTION.ZBROWSER_MPDS, {
+                const errorKeys = yield __classPrivateFieldGet(this, _NativeResourceStorage_bridge, "f")
+                    .callNative(ACTION.ZBROWSER_MPDS, {
                     mpds_action: 'mpds.remove.key',
                     mpds_data: {
                         keys: keys
@@ -5227,7 +5338,8 @@
                     appId: __classPrivateFieldGet(this, _NativeResourceStorage_appId, "f")
                 }, {
                     isMultiCallback: false
-                }).then((data) => {
+                })
+                    .then((data) => {
                     let res = [];
                     if (data && data.mpds_data && data.mpds_data.error_keys) {
                         res = data.mpds_data.error_keys;
@@ -5239,7 +5351,7 @@
         }
         clear() {
             return __awaiter(this, void 0, void 0, function* () {
-                yield this.callNative(ACTION.ZBROWSER_MPDS, {
+                yield __classPrivateFieldGet(this, _NativeResourceStorage_bridge, "f").callNative(ACTION.ZBROWSER_MPDS, {
                     mpds_action: 'mpds.clear.appData',
                     mpds_data: {},
                     appId: __classPrivateFieldGet(this, _NativeResourceStorage_appId, "f")
@@ -5247,7 +5359,7 @@
             });
         }
     }
-    _NativeResourceStorage_appId = new WeakMap(), _NativeResourceStorage_resourceInfo = new WeakMap();
+    _NativeResourceStorage_appId = new WeakMap(), _NativeResourceStorage_resourceInfo = new WeakMap(), _NativeResourceStorage_bridge = new WeakMap();
 
     var _LocalStorageCreator_appId, _NativeStorageCreator_appId;
     class StorageCreator {
@@ -5499,18 +5611,13 @@
          */
         static getPhoneNumber(object) {
             return __awaiter(this, void 0, void 0, function* () {
-                return yield this.callNative(ACTION.MP_GET_NUMBER, {}, {
+                return yield this.getJSBridge().callNative(ACTION.MP_GET_NUMBER, {}, {
                     isMultiCallback: true,
-                    callback: (nativeData, error) => {
-                        if (nativeData.error_code === 0) {
-                            const res = {
-                                number: nativeData.data
-                            };
-                            return Promise.resolve(res);
-                        }
-                        else {
-                            return Promise.reject(error);
-                        }
+                    successCallback: (data) => {
+                        const res = {
+                            number: data
+                        };
+                        return Promise.resolve(res);
                     },
                     delay: this.isIOS ? 400 : 0
                 });
@@ -5529,7 +5636,7 @@
          */
         static closeApp(object) {
             return __awaiter(this, void 0, void 0, function* () {
-                yield this.callNative(ACTION.WINDOW_CLOSE, {});
+                yield this.getJSBridge().callNative(ACTION.WINDOW_CLOSE, {});
             });
         }
         /**
@@ -5561,7 +5668,7 @@
                     mpInfo.appName = appInfo.name;
                     mpInfo.appAvtUrl = appInfo.logoUrl;
                 }
-                yield this.callNative(ACTION.OPEN_MP, {
+                yield this.getJSBridge().callNative(ACTION.OPEN_MP, {
                     mpUrl: `${MINI_APP_INTERNAL_LINK}/${appId}/${queryParamString.length > 0 ? '?' + queryParamString : ''}`,
                     mpInfo: mpInfo
                 });
@@ -5577,7 +5684,7 @@
          */
         static openWebview(url) {
             return __awaiter(this, void 0, void 0, function* () {
-                yield this.callNative(ACTION.OPEN_INAPP, {
+                yield this.getJSBridge().callNative(ACTION.OPEN_INAPP, {
                     url: url
                 });
             });
@@ -5592,7 +5699,7 @@
          */
         static closeLoading(when) {
             return __awaiter(this, void 0, void 0, function* () {
-                yield this.callNative(ACTION.MP_CLOSE_LOADINGVIEW, {
+                yield this.getJSBridge().callNative(ACTION.MP_CLOSE_LOADINGVIEW, {
                     at: new Date().getTime(),
                     when: when,
                     url: location.href
@@ -5619,30 +5726,24 @@
          */
         static getLocation(object) {
             return __awaiter(this, void 0, void 0, function* () {
-                return yield this.callNative(ACTION.GET_LOCATION, {
+                return yield this.getJSBridge().callNative(ACTION.GET_LOCATION, {
                     silent_request: false,
                     permission_description: 'Cho phép Zalo truy cập vào vị trí của thiết bị này?'
                 }, {
                     isMultiCallback: true,
                     haveTimeout: false,
-                    callback: (nativeData, error) => {
-                        if (nativeData.error_code === 0) {
-                            const data = nativeData.data;
-                            const res = {
-                                /** latitude */
-                                latitude: data.latitude,
-                                /** longitude */
-                                longitude: data.longitude,
-                                /** timestamp */
-                                timestamp: data.timestamp,
-                                /** provider */
-                                provider: data.provider
-                            };
-                            return Promise.resolve(res);
-                        }
-                        else {
-                            return Promise.reject(error);
-                        }
+                    successCallback: (data) => {
+                        const res = {
+                            /** latitude */
+                            latitude: data.latitude,
+                            /** longitude */
+                            longitude: data.longitude,
+                            /** timestamp */
+                            timestamp: data.timestamp,
+                            /** provider */
+                            provider: data.provider
+                        };
+                        return Promise.resolve(res);
                     },
                     delay: this.isIOS ? 400 : 0
                 });
@@ -5658,7 +5759,7 @@
          */
         static sendLocation(object) {
             return __awaiter(this, void 0, void 0, function* () {
-                yield this.callNative(ACTION.QUERY_LOCATION_HIDE, {
+                yield this.getJSBridge().callNative(ACTION.QUERY_LOCATION_HIDE, {
                     title: object.title,
                     touserid: object.toUserId,
                     zapp: this.getZAppId()
@@ -5678,17 +5779,12 @@
          */
         static requestCameraPermission(object) {
             return __awaiter(this, void 0, void 0, function* () {
-                return yield this.callNative(ACTION.REQUEST_PERMISSION_CAMERA, {}, {
-                    callback: (nativeData, error) => {
-                        if (nativeData.error_code === -2 || nativeData.error_code >= 0) {
-                            return Promise.resolve({
-                                userAllow: nativeData.error_code === -2 ? false : true,
-                                message: nativeData.error_message
-                            });
-                        }
-                        else {
-                            return Promise.reject(error);
-                        }
+                return yield this.getJSBridge().callNative(ACTION.REQUEST_PERMISSION_CAMERA, {}, {
+                    successCallback: () => {
+                        return Promise.resolve({
+                            userAllow: true,
+                            message: 'User Allow'
+                        });
                     }
                 });
             });
@@ -5714,7 +5810,7 @@
                         imageUrl: object.imageUrl
                     };
                 }
-                return yield this.callNative(ACTION.SAVE_IMAGE_GALLERY, Object.assign({}, data));
+                return yield this.getJSBridge().callNative(ACTION.SAVE_IMAGE_GALLERY, Object.assign({}, data));
             });
         }
     }
@@ -5729,7 +5825,7 @@
          */
         static viewOAQr(object) {
             return __awaiter(this, void 0, void 0, function* () {
-                yield this.callNative(ACTION.VIEW_MYQR, {
+                yield this.getJSBridge().callNative(ACTION.VIEW_MYQR, {
                     dpn: object.displayName,
                     uid: object.id,
                     zapp: this.getZAppId()
@@ -5748,7 +5844,7 @@
          */
         static openProfile(object) {
             return __awaiter(this, void 0, void 0, function* () {
-                return yield this.callNative(ACTION.OPEN_PROFILE, {
+                return yield this.getJSBridge().callNative(ACTION.OPEN_PROFILE, {
                     uId: object.id,
                     type: ProfileType[object.type],
                     zapp: this.getZAppId(),
@@ -5766,9 +5862,10 @@
          */
         static openChat(object) {
             return __awaiter(this, void 0, void 0, function* () {
-                return yield this.callNative(ACTION.OPEN_CHAT, {
+                return yield this.getJSBridge().callNative(ACTION.OPEN_CHAT, {
                     uId: object.id,
                     type: ChatType[object.type],
+                    msg: object.message || '',
                     zapp: this.getZAppId(),
                     sourceId: object.sourceId,
                     sourceIndex: object.sourceIndex
@@ -5807,7 +5904,9 @@
                         };
                         break;
                 }
-                return yield this.callNative(ACTION.OPEN_POSTFEED, Object.assign(Object.assign({ type: PostFeedType[object.type] }, reqData), { zapp: this.getZAppId() })).then((res) => {
+                return yield this.getJSBridge()
+                    .callNative(ACTION.OPEN_POSTFEED, Object.assign(Object.assign({ type: PostFeedType[object.type] }, reqData), { zapp: this.getZAppId() }))
+                    .then((res) => {
                     return {
                         status: res.status,
                         shareType: res.share_type,
@@ -5826,7 +5925,7 @@
          */
         static followOA(object) {
             return __awaiter(this, void 0, void 0, function* () {
-                yield this.callNative(ACTION.FOLLOW_OA, {
+                yield this.getJSBridge().callNative(ACTION.FOLLOW_OA, {
                     uid: object.id,
                     showDialogConfirm: true,
                     zapp: this.getZAppId()
@@ -5845,7 +5944,7 @@
          */
         static unfollowOA(object) {
             return __awaiter(this, void 0, void 0, function* () {
-                yield this.callNative(ACTION.UNFOLLOW_OA, {
+                yield this.getJSBridge().callNative(ACTION.UNFOLLOW_OA, {
                     uid: object.id,
                     zapp: this.getZAppId()
                 }, {
@@ -5867,7 +5966,8 @@
                 switch (object.type) {
                     case 'image':
                         let photoUrls = [];
-                        if (Array.isArray(object.data.imageUrls) && object.data.imageUrls.length > 0) {
+                        if (Array.isArray(object.data.imageUrls) &&
+                            object.data.imageUrls.length > 0) {
                             photoUrls = object.data.imageUrls;
                         }
                         else {
@@ -5934,9 +6034,11 @@
                             object.type = 'link';
                         }
                 }
-                return yield this.callNative(ACTION.OPEN_SHARESHEET, Object.assign(Object.assign({ type: ShareSheetType[object.type] }, reqData), { zapp: this.getZAppId() }), {
+                return yield this.getJSBridge()
+                    .callNative(ACTION.OPEN_SHARESHEET, Object.assign(Object.assign({ type: ShareSheetType[object.type] }, reqData), { zapp: this.getZAppId() }), {
                     haveTimeout: false
-                }).then((res) => {
+                })
+                    .then((res) => {
                     return {
                         status: res.status,
                         shareType: res.share_type,
@@ -5955,7 +6057,7 @@
          */
         static createShortcut(url, title, icon) {
             return __awaiter(this, void 0, void 0, function* () {
-                return yield this.callNative(ACTION.CREATE_SHORTCUT, {
+                return yield this.getJSBridge().callNative(ACTION.CREATE_SHORTCUT, {
                     url: url,
                     title: title,
                     iconUrl: icon
@@ -5972,15 +6074,14 @@
          */
         static openProfilePicker(maxProfile) {
             return __awaiter(this, void 0, void 0, function* () {
-                return yield this.callNative(ACTION.MP_OPEN_PROFILE_PICKER, {
+                return yield this.getJSBridge().callNative(ACTION.MP_OPEN_PROFILE_PICKER, {
                     maxProfile: maxProfile
                 }, {
                     isMultiCallback: true,
-                    callback: (nativeData, error) => {
-                        if (nativeData.error_code === 0 && Array.isArray(nativeData.data)) {
-                            return Promise.resolve(nativeData.data.map((item) => item.id));
+                    successCallback: (data) => {
+                        if (Array.isArray(data)) {
+                            return Promise.resolve(data.map((item) => item.id));
                         }
-                        return Promise.reject(error);
                     }
                 });
             });
@@ -5995,15 +6096,15 @@
          */
         static getActionsSupported(object) {
             return __awaiter(this, void 0, void 0, function* () {
-                return yield this.callNative(ACTION.GET_SUPPORTED_ACTIONS, {}, {
+                return yield this.getJSBridge().callNative(ACTION.GET_SUPPORTED_ACTIONS, {}, {
                     isMultiCallback: false,
-                    callback: (nativeData, error) => {
+                    successCallback: (data) => {
                         const platform = getPlatform();
-                        if (Array.isArray(nativeData.actions) &&
-                            nativeData.actions.length > 0) {
+                        if (Array.isArray(data.actions) &&
+                            data.actions.length > 0) {
                             const skipJumpActions = Object.keys(ACTION).filter((item) => ACTION[item].skip_jump);
                             const res = {
-                                actions: [...nativeData.actions, ...skipJumpActions]
+                                actions: [...data.actions, ...skipJumpActions]
                             };
                             return Promise.resolve(res);
                         }
@@ -6013,7 +6114,6 @@
                             };
                             return Promise.resolve(res);
                         }
-                        return Promise.reject(error);
                     }
                 });
             });
@@ -6037,7 +6137,7 @@
                     enable: 1,
                     aspect_ratio: '1:1'
                 };
-                return yield this.callNative(ACTION.PICK_MEDIA, {
+                return yield this.getJSBridge().callNative(ACTION.PICK_MEDIA, {
                     media_type: MediaPickerType[type],
                     edit_view: Object.assign(Object.assign({}, defaultEditView), editView),
                     silent_request: silentRequest,
@@ -6045,15 +6145,11 @@
                     max_select_items: maxSelectItem
                 }, {
                     isMultiCallback: true,
-                    callback: (nativeData, error) => {
-                        var _a;
-                        if (nativeData.error_code === 0) {
-                            const res = {
-                                data: (_a = nativeData.data) === null || _a === void 0 ? void 0 : _a.result_content
-                            };
-                            return Promise.resolve(res);
-                        }
-                        return Promise.reject(error);
+                    successCallback: (data) => {
+                        const res = {
+                            data: data === null || data === void 0 ? void 0 : data.result_content
+                        };
+                        return Promise.resolve(res);
                     }
                 });
             });
@@ -6068,7 +6164,7 @@
          */
         static openOutApp(url) {
             return __awaiter(this, void 0, void 0, function* () {
-                return yield this.callNative(ACTION.OPEN_OUTAPP, {
+                return yield this.getJSBridge().callNative(ACTION.OPEN_OUTAPP, {
                     url: url
                 });
             });
@@ -6107,7 +6203,7 @@
          */
         static sendDataToPreviousMiniApp(object) {
             return __awaiter(this, void 0, void 0, function* () {
-                return yield this.callNative(ACTION.WEBVIEW_SET_RESULT, {
+                return yield this.getJSBridge().callNative(ACTION.WEBVIEW_SET_RESULT, {
                     result: stringifyData(object.data)
                 });
             });
@@ -6132,11 +6228,10 @@
         }
     }
 
-    var _ZaloMiniProgramSDKService_zAppId, _ZaloMiniProgramSDKService_appId, _ZaloMiniProgramSDKService_appConfig, _ZaloMiniProgramSDKService_zOAuth, _ZaloMiniProgramSDKService_zOAuthVrf, _ZaloMiniProgramSDKService_accessToken, _ZaloMiniProgramSDKService_refreshToken, _ZaloMiniProgramSDKService_cache, _ZaloMiniProgramSDKService_prevGetTokenTimestamp, _ZaloMiniProgramSDKService_tokenExpiresIn, _ZaloMiniProgramSDKService_cookies, _ZaloMiniProgramSDKService_actionBarConfig, _ZaloMiniProgramSDKService_callJump, _ZaloMiniProgramSDKService_setNavigationBarRightButton, _ZaloMiniProgramSDKService_getActionsSupported;
-    class ZaloMiniProgramSDKService extends ZJSBridgeProvider {
+    var _ZaloMiniProgramSDKService_zAppId, _ZaloMiniProgramSDKService_appId, _ZaloMiniProgramSDKService_appConfig, _ZaloMiniProgramSDKService_zOAuth, _ZaloMiniProgramSDKService_zOAuthVrf, _ZaloMiniProgramSDKService_accessToken, _ZaloMiniProgramSDKService_refreshToken, _ZaloMiniProgramSDKService_cache, _ZaloMiniProgramSDKService_bridge, _ZaloMiniProgramSDKService_prevGetTokenTimestamp, _ZaloMiniProgramSDKService_tokenExpiresIn, _ZaloMiniProgramSDKService_deviceId, _ZaloMiniProgramSDKService_actionBarConfig, _ZaloMiniProgramSDKService_getActionsSupported;
+    class ZaloMiniProgramSDKService {
         constructor() {
             var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s;
-            super();
             _ZaloMiniProgramSDKService_zAppId.set(this, ZAPP_ID);
             _ZaloMiniProgramSDKService_appId.set(this, APP_ID);
             _ZaloMiniProgramSDKService_appConfig.set(this, APP_CONFIG);
@@ -6149,9 +6244,10 @@
                     getToken: 0
                 }
             });
+            _ZaloMiniProgramSDKService_bridge.set(this, void 0);
             _ZaloMiniProgramSDKService_prevGetTokenTimestamp.set(this, void 0);
             _ZaloMiniProgramSDKService_tokenExpiresIn.set(this, void 0);
-            _ZaloMiniProgramSDKService_cookies.set(this, null);
+            _ZaloMiniProgramSDKService_deviceId.set(this, void 0);
             this.events = ZMPEEmitter.getInstance();
             this.isIOS = checkPlatform().isIOS;
             _ZaloMiniProgramSDKService_actionBarConfig.set(this, void 0);
@@ -6161,31 +6257,6 @@
             this.setActionBarConfig = (setState) => {
                 __classPrivateFieldSet(this, _ZaloMiniProgramSDKService_actionBarConfig, setState(__classPrivateFieldGet(this, _ZaloMiniProgramSDKService_actionBarConfig, "f")), "f");
             };
-            _ZaloMiniProgramSDKService_callJump.set(this, () => {
-                return new Promise((resolve, reject) => {
-                    if (!_.isUndefined(__classPrivateFieldGet(this, _ZaloMiniProgramSDKService_cookies, "f")) && !_.isNull(__classPrivateFieldGet(this, _ZaloMiniProgramSDKService_cookies, "f"))) {
-                        resolve(__classPrivateFieldGet(this, _ZaloMiniProgramSDKService_cookies, "f"));
-                    }
-                    else {
-                        this.callNative(ACTION.JUMP_LOGIN, {})
-                            .then((data) => {
-                            const cookies = (data && data.cookiesOAuthLogins) || [];
-                            const jsToken = cookies.find((cookie) => cookie.name === COOKIE_NAME.JS_TOKEN);
-                            if (jsToken) {
-                                this.setJSToken(jsToken.value);
-                                window.ZJSBridge.setJSToken &&
-                                    window.ZJSBridge.setJSToken(jsToken.value);
-                            }
-                            __classPrivateFieldSet(this, _ZaloMiniProgramSDKService_cookies, cookies, "f");
-                            resolve(cookies);
-                        })
-                            .catch((error) => {
-                            reject(error);
-                        });
-                    }
-                });
-            });
-            _ZaloMiniProgramSDKService_setNavigationBarRightButton.set(this, NavigationBar.setNavigationBarRightButton);
             this.getVersion = Basics.getVersion;
             this.getSystemInfo = Basics.getSystemInfo;
             this.setNavigationBarTitle = NavigationBar.setNavigationBarTitle;
@@ -6255,6 +6326,8 @@
             this.isShowNavBar = true;
             __classPrivateFieldSet(this, _ZaloMiniProgramSDKService_prevGetTokenTimestamp, 0, "f");
             __classPrivateFieldSet(this, _ZaloMiniProgramSDKService_tokenExpiresIn, 0, "f");
+            __classPrivateFieldSet(this, _ZaloMiniProgramSDKService_deviceId, '', "f");
+            __classPrivateFieldSet(this, _ZaloMiniProgramSDKService_bridge, ZaloJSBridge.getInstance(), "f");
             const showHomeButton = ((_b = (_a = __classPrivateFieldGet(this, _ZaloMiniProgramSDKService_appConfig, "f")) === null || _a === void 0 ? void 0 : _a.app) === null || _b === void 0 ? void 0 : _b.leftButton) === 'home' ||
                 ((_d = (_c = __classPrivateFieldGet(this, _ZaloMiniProgramSDKService_appConfig, "f")) === null || _c === void 0 ? void 0 : _c.app) === null || _d === void 0 ? void 0 : _d.leftButton) === 'both'
                 ? ACTION_LEFT_BUTTON_TYPE.SHOW_HOME
@@ -6298,9 +6371,19 @@
         getZAppId() {
             return __classPrivateFieldGet(this, _ZaloMiniProgramSDKService_zAppId, "f");
         }
+        getDeviceId() {
+            return __classPrivateFieldGet(this, _ZaloMiniProgramSDKService_deviceId, "f");
+        }
+        getJSBridge() {
+            return __classPrivateFieldGet(this, _ZaloMiniProgramSDKService_bridge, "f");
+        }
         login(object) {
             return __awaiter(this, void 0, void 0, function* () {
-                const cookies = yield __classPrivateFieldGet(this, _ZaloMiniProgramSDKService_callJump, "f").call(this);
+                const cookies = yield __classPrivateFieldGet(this, _ZaloMiniProgramSDKService_bridge, "f").jump();
+                const deviceId = cookies.find((cookie) => cookie.name === COOKIE_NAME.DEVICE_ID);
+                if (deviceId) {
+                    __classPrivateFieldSet(this, _ZaloMiniProgramSDKService_deviceId, deviceId.value, "f");
+                }
                 const zOAuthCookie = cookies.find((cookie) => cookie.name === COOKIE_NAME.ZOAUTH);
                 const zOAuthVrfCookie = cookies.find((cookie) => cookie.name === COOKIE_NAME.ZOAUTH_VRF);
                 if (!_.isUndefined(zOAuthCookie) &&
@@ -6317,23 +6400,23 @@
                         yield this.loginZaloV3();
                     }
                     if (!__classPrivateFieldGet(this, _ZaloMiniProgramSDKService_accessToken, "f")) {
-                        throw apiResponse.error.loginFailed();
+                        throw apiResponse.error.loginFailed('Invalid authorization code');
                     }
                     return __classPrivateFieldGet(this, _ZaloMiniProgramSDKService_accessToken, "f");
                 }
-                throw apiResponse.error.loginFailed();
+                throw apiResponse.error.loginFailed('Zalo app has not been activated');
             });
         }
         loginZaloV3() {
             return __awaiter(this, void 0, void 0, function* () {
-                return yield fetch(`${APIS.GET_ACCESS_TOKEN_V3}?app_id=${__classPrivateFieldGet(this, _ZaloMiniProgramSDKService_zAppId, "f")}&redirect_uri=${MINI_APP_INTERNAL_LINK}/${__classPrivateFieldGet(this, _ZaloMiniProgramSDKService_appId, "f")}/&code=${__classPrivateFieldGet(this, _ZaloMiniProgramSDKService_zOAuth, "f")}&isSDK=true123`).then((response) => __awaiter(this, void 0, void 0, function* () {
+                return yield fetch(`${APIS.GET_ACCESS_TOKEN_V3}?app_id=${__classPrivateFieldGet(this, _ZaloMiniProgramSDKService_zAppId, "f")}&redirect_uri=${MINI_APP_INTERNAL_LINK}/${__classPrivateFieldGet(this, _ZaloMiniProgramSDKService_appId, "f")}/&code=${__classPrivateFieldGet(this, _ZaloMiniProgramSDKService_zOAuth, "f")}&isSDK=true`).then((response) => __awaiter(this, void 0, void 0, function* () {
                     let resData = yield response.json();
                     if (resData.access_token) {
                         __classPrivateFieldSet(this, _ZaloMiniProgramSDKService_accessToken, resData.access_token, "f");
                         const expiresIn = parseInt(resData.expires_in) * 1000;
                         __classPrivateFieldSet(this, _ZaloMiniProgramSDKService_tokenExpiresIn, expiresIn, "f");
                         __classPrivateFieldSet(this, _ZaloMiniProgramSDKService_prevGetTokenTimestamp, new Date().getTime(), "f");
-                        this.setZAccSession(__classPrivateFieldGet(this, _ZaloMiniProgramSDKService_accessToken, "f") || '');
+                        __classPrivateFieldGet(this, _ZaloMiniProgramSDKService_bridge, "f").accessTk = __classPrivateFieldGet(this, _ZaloMiniProgramSDKService_accessToken, "f") || '';
                         window.ZJSBridge.setZAccSession &&
                             window.ZJSBridge.setZAccSession(__classPrivateFieldGet(this, _ZaloMiniProgramSDKService_accessToken, "f") || '');
                         return __classPrivateFieldGet(this, _ZaloMiniProgramSDKService_accessToken, "f");
@@ -6370,7 +6453,7 @@
                         const expiresIn = parseInt(resData.expires_in) * 1000;
                         __classPrivateFieldSet(this, _ZaloMiniProgramSDKService_tokenExpiresIn, expiresIn, "f");
                         __classPrivateFieldSet(this, _ZaloMiniProgramSDKService_prevGetTokenTimestamp, new Date().getTime(), "f");
-                        this.setZAccSession(__classPrivateFieldGet(this, _ZaloMiniProgramSDKService_accessToken, "f") || '');
+                        __classPrivateFieldGet(this, _ZaloMiniProgramSDKService_bridge, "f").accessTk = __classPrivateFieldGet(this, _ZaloMiniProgramSDKService_accessToken, "f") || '';
                         window.ZJSBridge.setZAccSession &&
                             window.ZJSBridge.setZAccSession(__classPrivateFieldGet(this, _ZaloMiniProgramSDKService_accessToken, "f") || '');
                         return __classPrivateFieldGet(this, _ZaloMiniProgramSDKService_accessToken, "f");
@@ -6391,7 +6474,7 @@
             });
         }
     }
-    _ZaloMiniProgramSDKService_zAppId = new WeakMap(), _ZaloMiniProgramSDKService_appId = new WeakMap(), _ZaloMiniProgramSDKService_appConfig = new WeakMap(), _ZaloMiniProgramSDKService_zOAuth = new WeakMap(), _ZaloMiniProgramSDKService_zOAuthVrf = new WeakMap(), _ZaloMiniProgramSDKService_accessToken = new WeakMap(), _ZaloMiniProgramSDKService_refreshToken = new WeakMap(), _ZaloMiniProgramSDKService_cache = new WeakMap(), _ZaloMiniProgramSDKService_prevGetTokenTimestamp = new WeakMap(), _ZaloMiniProgramSDKService_tokenExpiresIn = new WeakMap(), _ZaloMiniProgramSDKService_cookies = new WeakMap(), _ZaloMiniProgramSDKService_actionBarConfig = new WeakMap(), _ZaloMiniProgramSDKService_callJump = new WeakMap(), _ZaloMiniProgramSDKService_setNavigationBarRightButton = new WeakMap(), _ZaloMiniProgramSDKService_getActionsSupported = new WeakMap();
+    _ZaloMiniProgramSDKService_zAppId = new WeakMap(), _ZaloMiniProgramSDKService_appId = new WeakMap(), _ZaloMiniProgramSDKService_appConfig = new WeakMap(), _ZaloMiniProgramSDKService_zOAuth = new WeakMap(), _ZaloMiniProgramSDKService_zOAuthVrf = new WeakMap(), _ZaloMiniProgramSDKService_accessToken = new WeakMap(), _ZaloMiniProgramSDKService_refreshToken = new WeakMap(), _ZaloMiniProgramSDKService_cache = new WeakMap(), _ZaloMiniProgramSDKService_bridge = new WeakMap(), _ZaloMiniProgramSDKService_prevGetTokenTimestamp = new WeakMap(), _ZaloMiniProgramSDKService_tokenExpiresIn = new WeakMap(), _ZaloMiniProgramSDKService_deviceId = new WeakMap(), _ZaloMiniProgramSDKService_actionBarConfig = new WeakMap(), _ZaloMiniProgramSDKService_getActionsSupported = new WeakMap();
 
     var _MockSDKService_appId, _MockSDKService_appConfig, _MockSDKService_zOAuth, _MockSDKService_accessToken, _MockSDKService_cache, _MockSDKService_loggedId;
     class MockSDKService {
@@ -6412,6 +6495,9 @@
             this.getAppId = () => {
                 return __classPrivateFieldGet(this, _MockSDKService_appId, "f");
             };
+            this.getDeviceId = () => {
+                return '';
+            };
             this.login = () => {
                 __classPrivateFieldSet(this, _MockSDKService_loggedId, true, "f");
                 return Promise.resolve(__classPrivateFieldGet(this, _MockSDKService_zOAuth, "f"));
@@ -6764,90 +6850,175 @@
             .replace(/\s/gi, '')
             .split(',');
     }
-    const validate = (target, propertyName, descriptor) => {
-        const method = descriptor.value;
-        const argsName = getFnParamNames(method);
-        descriptor.value = function () {
-            const requiredParameters = Reflect.getOwnMetadata(requiredMetadataKey, target, propertyName);
-            const checkTypeParameters = Reflect.getOwnMetadata(checkTypeMetadataKey, target, propertyName);
-            if (checkTypeParameters) {
-                checkTypeParameters.forEach((parameter) => {
-                    const { parameterIndex, type, properties, defaultValue } = parameter;
-                    let argument = arguments[parameterIndex];
-                    let argumentName = argsName[parameterIndex];
-                    const parameterType = typeof argument;
-                    if (!_.isUndefined(argument)) {
-                        if (!isType(argument, type)) {
-                            throw apiResponse.error.wrongTypeParam(argumentName, type, Array.isArray(argument)
-                                ? 'array'
-                                : argument === null
-                                    ? 'null'
-                                    : parameterType);
+    /**
+     * Copies all metadata from one object to another.
+     * Useful for overwriting function definition in
+     * decorators while keeping all previously
+     * attached metadata
+     *
+     * @param from object to copy metadata from
+     * @param to object to copy metadata to
+     */
+    function copyMetadata(from, to) {
+        const metadataKeys = Reflect.getMetadataKeys(from);
+        metadataKeys.map((key) => {
+            const value = Reflect.getMetadata(key, from);
+            Reflect.defineMetadata(key, value, to);
+        });
+    }
+    /**
+     * Apply the given decorator to all class methods
+     *
+     * @param decorator Method decorator to apply to all methods of a class
+     * @param {string[]} options.exclude array of method names that won't be decorated
+     * @param {boolean} options.deep if true, also decorates methods of the extended classes (recusrively)
+     */
+    const DecorateAll = (decorator, options = {}) => {
+        return (target) => {
+            var _a;
+            let descriptors = Object.getOwnPropertyDescriptors(target.prototype);
+            if (options.deep) {
+                let base = Object.getPrototypeOf(target);
+                while (base.prototype) {
+                    const baseDescriptors = Object.getOwnPropertyDescriptors(base.prototype);
+                    descriptors = Object.assign(Object.assign({}, baseDescriptors), descriptors);
+                    base = Object.getPrototypeOf(base);
+                }
+            }
+            for (const [propName, descriptor] of Object.entries(descriptors)) {
+                const isMethod = typeof descriptor.value == 'function' && propName != 'constructor';
+                if ((_a = options.exclude) === null || _a === void 0 ? void 0 : _a.includes(propName))
+                    continue;
+                if (options.excludePrefix && propName.startsWith(options.excludePrefix))
+                    continue;
+                if (!isMethod)
+                    continue;
+                const originalMethod = descriptor.value;
+                decorator(target, propName, descriptor);
+                if (originalMethod != descriptor.value) {
+                    copyMetadata(originalMethod, descriptor.value);
+                }
+                Object.defineProperty(target.prototype, propName, descriptor);
+            }
+        };
+    };
+    const centralizedFunctionHandler = (target, propertyName, descriptor) => {
+        const fn = descriptor.value;
+        const argsName = getFnParamNames(fn);
+        descriptor.value = function (...args) {
+            try {
+                // begin validation
+                const requiredParameters = Reflect.getOwnMetadata(requiredMetadataKey, target.prototype, propertyName);
+                const checkTypeParameters = Reflect.getOwnMetadata(checkTypeMetadataKey, target.prototype, propertyName);
+                if (checkTypeParameters) {
+                    checkTypeParameters.forEach((parameter) => {
+                        const { parameterIndex, type, properties, defaultValue } = parameter;
+                        let argument = args[parameterIndex];
+                        let argumentName = argsName[parameterIndex];
+                        const parameterType = typeof argument;
+                        if (!_.isUndefined(argument)) {
+                            if (!isType(argument, type)) {
+                                throw apiResponse.error.wrongTypeParam(argumentName, type, Array.isArray(argument)
+                                    ? 'array'
+                                    : argument === null
+                                        ? 'null'
+                                        : parameterType);
+                            }
+                            if (type === 'object') {
+                                Object.entries(properties).forEach(([propKey, propType]) => {
+                                    const key = propKey.split('?')[0];
+                                    const propValue = _.get(argument, key);
+                                    if (!_.isUndefined(propValue) && !_.isNull(propValue)) {
+                                        if (_.isFunction(propType)) {
+                                            const res = propType(propValue);
+                                            if (res && res.error) {
+                                                throw apiResponse.error.wrongTypeParam(`${argumentName}.${key}`, res.errorMessage, typeof propValue);
+                                            }
+                                        }
+                                    }
+                                    else if (!propKey.includes('?')) {
+                                        throw apiResponse.error.missingParam(propKey);
+                                    }
+                                    else if (!_.get(argument, key.split('.')[0]) &&
+                                        defaultValue &&
+                                        !_.isUndefined(_.get(defaultValue, key))) {
+                                        _.set(args[parameterIndex], key, _.get(defaultValue, key));
+                                    }
+                                });
+                            }
+                        }
+                    });
+                }
+                if (requiredParameters) {
+                    requiredParameters.forEach((parameter) => {
+                        const { parameterIndex, option, fields } = parameter;
+                        const argument = args[parameterIndex];
+                        const condition = option === null || option === void 0 ? void 0 : option.if;
+                        const defaultValue = option === null || option === void 0 ? void 0 : option.defaultValue;
+                        let isMeetCondition = true;
+                        if (condition) {
+                            isMeetCondition = Object.keys(condition).every((key) => _.get(argument, key) === condition[key]);
                         }
-                        if (type === 'object') {
-                            Object.entries(properties).forEach(([propKey, propType]) => {
-                                const key = propKey.split('?')[0];
-                                const propValue = _.get(argument, key);
-                                if (!_.isUndefined(propValue) && !_.isNull(propValue)) {
-                                    if (_.isFunction(propType)) {
-                                        const res = propType(propValue);
-                                        if (res && res.error) {
-                                            throw apiResponse.error.wrongTypeParam(`${argumentName}.${key}`, res.errorMessage, typeof propValue);
+                        if (isMeetCondition) {
+                            fields.forEach((item) => {
+                                const isInValidField = (field) => {
+                                    let isInValid = false;
+                                    if (_.isEmpty(_.get(argument, field))) {
+                                        if (!_.isUndefined(_.get(defaultValue, field))) {
+                                            _.set(args[parameterIndex], field, _.get(defaultValue, field));
                                         }
+                                        isInValid = true;
                                     }
+                                    return isInValid;
+                                };
+                                if (Array.isArray(item) &&
+                                    item.length > 0 &&
+                                    item.every(isInValidField)) {
+                                    throw apiResponse.error.missingParam(item.join(' or '));
                                 }
-                                else if (!propKey.includes('?')) {
-                                    throw apiResponse.error.missingParam(propKey);
-                                }
-                                else if (_.isObject(_.get(argument, key.split('.')[0])) &&
-                                    defaultValue &&
-                                    !_.isUndefined(_.get(defaultValue, key))) {
-                                    _.set(arguments[parameterIndex], key, _.get(defaultValue, key));
+                                else if (_.isString(item) && isInValidField(item)) {
+                                    throw apiResponse.error.missingParam(item);
                                 }
                             });
                         }
-                    }
-                });
-            }
-            if (requiredParameters) {
-                requiredParameters.forEach((parameter) => {
-                    const { parameterIndex, option, fields } = parameter;
-                    const argument = arguments[parameterIndex];
-                    const condition = option === null || option === void 0 ? void 0 : option.if;
-                    const defaultValue = option === null || option === void 0 ? void 0 : option.defaultValue;
-                    let isMeetCondition = true;
-                    if (condition) {
-                        isMeetCondition = Object.keys(condition).every((key) => _.get(argument, key) === condition[key]);
-                    }
-                    if (isMeetCondition) {
-                        fields.forEach((item) => {
-                            const isInValidField = (field) => {
-                                let isInValid = false;
-                                if (_.isEmpty(_.get(argument, field))) {
-                                    if (!_.isUndefined(_.get(defaultValue, field))) {
-                                        _.set(arguments[parameterIndex], field, _.get(defaultValue, field));
-                                    }
-                                    isInValid = true;
-                                }
-                                return isInValid;
-                            };
-                            if (Array.isArray(item) && item.length > 0 && item.every(isInValidField)) {
-                                throw apiResponse.error.missingParam(item.join(' or '));
+                    });
+                }
+                // end validation
+                const res = fn.call(this, ...args);
+                if (_.isPromise(res)) {
+                    const { success, fail } = Array.isArray(args) && args.length > 0 && args[0];
+                    return new Promise((resolve, reject) => {
+                        res
+                            .then((data) => {
+                            if (!_.isNull(success) && _.isFunction(success)) {
+                                success.call(null, data, this);
+                            }
+                            else {
+                                resolve(res);
+                            }
+                        })
+                            .catch((error) => {
+                            const errorParsed = errorHandler(error, propertyName);
+                            if (!_.isNull(fail) && _.isFunction(fail)) {
+                                fail.call(null, errorParsed, this);
                             }
-                            else if (_.isString(item) && isInValidField(item)) {
-                                throw apiResponse.error.missingParam(item);
+                            else {
+                                reject(errorParsed);
                             }
                         });
-                    }
-                });
+                    });
+                }
+                return res;
+            }
+            catch (error) {
+                throw errorHandler(error, propertyName);
             }
-            return method.apply(this, arguments);
         };
         return descriptor;
     };
 
     var _SDKCreator_sdkService;
-    class SDKCreator {
+    let SDKCreator = class SDKCreator {
         constructor() {
             this.events = ZMPEEmitter.getInstance();
             _SDKCreator_sdkService.set(this, void 0);
@@ -6908,7 +7079,7 @@
         }
         setNavigationBarTitle(object) {
             return __awaiter(this, void 0, void 0, function* () {
-                return __classPrivateFieldGet(this, _SDKCreator_sdkService, "f").setNavigationBarTitle(object);
+                return yield __classPrivateFieldGet(this, _SDKCreator_sdkService, "f").setNavigationBarTitle(object);
             });
         }
         setNavigationBarColor(object) {
@@ -6923,7 +7094,7 @@
         }
         setNavigationBarLeftButton(object) {
             return __awaiter(this, void 0, void 0, function* () {
-                return yield __classPrivateFieldGet(this, _SDKCreator_sdkService, "f").setNavigationBarLeftButton(object);
+                return yield __classPrivateFieldGet(this, _SDKCreator_sdkService, "f").setNavigationBarLeftButton(object.type);
             });
         }
         setDeviceOrientation(object) {
@@ -7178,6 +7349,7 @@
         }
         vibrate(object) {
             return __awaiter(this, void 0, void 0, function* () {
+                console.log(object);
                 yield __classPrivateFieldGet(this, _SDKCreator_sdkService, "f").vibrate(object);
             });
         }
@@ -7322,33 +7494,25 @@
                 return yield __classPrivateFieldGet(this, _SDKCreator_sdkService, "f").openOutApp(appStoreURL);
             });
         }
-    }
+        onConfirmToExit(callback) {
+            this.events.on(Events.AppClose, callback, '{"handle_h5": 1}');
+            __classPrivateFieldGet(this, _SDKCreator_sdkService, "f").setNavigationBarLeftButton(undefined, 2);
+        }
+        offConfirmToExit() {
+            this.events.off(Events.AppClose);
+            __classPrivateFieldGet(this, _SDKCreator_sdkService, "f").setNavigationBarLeftButton(undefined, 0);
+        }
+        getDeviceId() {
+            return __classPrivateFieldGet(this, _SDKCreator_sdkService, "f").getDeviceId();
+        }
+    };
     _SDKCreator_sdkService = new WeakMap();
     __decorate([
-        handleError
-    ], SDKCreator.prototype, "login", null);
-    __decorate([
-        handleErrorSync
-    ], SDKCreator.prototype, "getLoginStatus", null);
-    __decorate([
-        handleError
-    ], SDKCreator.prototype, "getAccessToken", null);
-    __decorate([
-        handleErrorSync
-    ], SDKCreator.prototype, "getVersion", null);
-    __decorate([
-        handleErrorSync
-    ], SDKCreator.prototype, "getSystemInfo", null);
-    __decorate([
-        handleError,
-        validate,
         __param(0, checkType('object', {
             title: checkData('string')
         }))
     ], SDKCreator.prototype, "setNavigationBarTitle", null);
     __decorate([
-        handleError,
-        validate,
         __param(0, checkType('object', {
             color: checkData('string'),
             'textColor?': checkData('string', { values: ['white', 'black'] }),
@@ -7356,57 +7520,37 @@
         }))
     ], SDKCreator.prototype, "setNavigationBarColor", null);
     __decorate([
-        handleError,
-        validate,
         __param(0, checkType('object', {
             backgroundColor: checkData('string'),
             'textColor?': checkData('string', { values: ['white', 'black'] })
         }))
     ], SDKCreator.prototype, "setBackgroundColor", null);
     __decorate([
-        handleError,
-        validate,
         __param(0, checkType('object', {
             type: checkData('string', { values: ['none', 'back', 'home', 'both'] })
         }))
     ], SDKCreator.prototype, "setNavigationBarLeftButton", null);
     __decorate([
-        handleError,
-        validate,
         __param(0, checkType('object', {
             rotate: checkData('string', { values: ['auto', 'portrait', 'landscape'] })
         }))
     ], SDKCreator.prototype, "setDeviceOrientation", null);
     __decorate([
-        handleError,
-        validate,
         __param(0, checkType('object', {
             data: checkData('object')
         }))
     ], SDKCreator.prototype, "setStorage", null);
     __decorate([
-        handleError,
-        validate,
         __param(0, checkType('object', {
             keys: checkData('array<string>')
         }))
     ], SDKCreator.prototype, "getStorage", null);
     __decorate([
-        handleError
-    ], SDKCreator.prototype, "getStorageInfo", null);
-    __decorate([
-        handleError,
-        validate,
         __param(0, checkType('object', {
             keys: checkData('array<string>')
         }))
     ], SDKCreator.prototype, "removeStorage", null);
     __decorate([
-        handleError
-    ], SDKCreator.prototype, "clearStorage", null);
-    __decorate([
-        handleError,
-        validate,
         __param(0, checkType('object', {
             'avatarType?': checkData('string', {
                 values: ['small', 'normal', 'large']
@@ -7414,75 +7558,19 @@
         }))
     ], SDKCreator.prototype, "getUserInfo", null);
     __decorate([
-        handleError
-    ], SDKCreator.prototype, "getNetworkType", null);
-    __decorate([
-        handleError
-    ], SDKCreator.prototype, "onNetworkStatusChange", null);
-    __decorate([
-        handleError
-    ], SDKCreator.prototype, "startBeaconDiscovery", null);
-    __decorate([
-        handleError
-    ], SDKCreator.prototype, "stopBeaconDiscovery", null);
-    __decorate([
-        handleError
-    ], SDKCreator.prototype, "getBeacons", null);
-    __decorate([
-        handleError
-    ], SDKCreator.prototype, "closeApp", null);
-    __decorate([
-        handleError
-    ], SDKCreator.prototype, "getLocation", null);
-    __decorate([
-        handleError
-    ], SDKCreator.prototype, "stopBluetoothDevicesDiscovery", null);
-    __decorate([
-        handleError
-    ], SDKCreator.prototype, "startBluetoothDevicesDiscovery", null);
-    __decorate([
-        handleError
-    ], SDKCreator.prototype, "openBluetoothAdapter", null);
-    __decorate([
-        handleError
-    ], SDKCreator.prototype, "onBluetoothDeviceFound", null);
-    __decorate([
-        handleError
-    ], SDKCreator.prototype, "onBluetoothAdapterStateChange", null);
-    __decorate([
-        handleError
-    ], SDKCreator.prototype, "getConnectedBluetoothDevices", null);
-    __decorate([
-        handleError
-    ], SDKCreator.prototype, "getBluetoothDevices", null);
-    __decorate([
-        handleError
-    ], SDKCreator.prototype, "getBluetoothAdapterState", null);
-    __decorate([
-        handleError
-    ], SDKCreator.prototype, "closeBluetoothAdapter", null);
-    __decorate([
-        handleError
-    ], SDKCreator.prototype, "scanQRCode", null);
-    __decorate([
-        handleError,
-        validate,
         __param(0, checkType('object', {
             type: checkData('string', { values: ['user', 'oa', 'aliasOA'] }),
             id: checkData('string')
         }))
     ], SDKCreator.prototype, "openProfile", null);
     __decorate([
-        handleError,
-        validate,
         __param(0, checkType('object', {
             type: checkData('string', { values: ['user', 'oa'] }),
-            id: checkData('string')
+            id: checkData('string'),
+            'message?': checkData('string')
         }))
     ], SDKCreator.prototype, "openChat", null);
     __decorate([
-        handleError,
-        validate,
         __param(0, required(['data.imageUrl'], { if: { type: 'image' } })),
         __param(0, required(['data.link'], { if: { type: 'link' } })),
         __param(0, required(['data.id'], { if: { type: 'profile' } })),
@@ -7500,23 +7588,17 @@
         }))
     ], SDKCreator.prototype, "openPostFeed", null);
     __decorate([
-        handleError,
-        validate,
         __param(0, checkType('object', {
             id: checkData('string'),
             'showDialogConfirm?': checkData('boolean')
         }))
     ], SDKCreator.prototype, "followOA", null);
     __decorate([
-        handleError,
-        validate,
         __param(0, checkType('object', {
             id: checkData('string')
         }))
     ], SDKCreator.prototype, "unfollowOA", null);
     __decorate([
-        handleError,
-        validate,
         __param(0, required([['data.imageUrl', 'data.imageUrls']], { if: { type: 'image' } })),
         __param(0, required(['data.link'], { if: { type: 'link' } })),
         __param(0, required(['data.id'], { if: { type: 'oa' } })),
@@ -7555,14 +7637,6 @@
         }))
     ], SDKCreator.prototype, "openShareSheet", null);
     __decorate([
-        handleError
-    ], SDKCreator.prototype, "requestCameraPermission", null);
-    __decorate([
-        handleError
-    ], SDKCreator.prototype, "createShortcut", null);
-    __decorate([
-        handleError,
-        validate,
         __param(0, checkType('object', {
             secretData: checkData('string'),
             'ui?': checkData('object'),
@@ -7580,44 +7654,28 @@
         }))
     ], SDKCreator.prototype, "openBioAuthentication", null);
     __decorate([
-        handleError
-    ], SDKCreator.prototype, "checkStateBioAuthentication", null);
-    __decorate([
-        handleError,
-        validate,
         __param(0, checkType('object', {
             toUserId: checkData('string'),
             'title?': checkData('string')
         }))
     ], SDKCreator.prototype, "sendLocation", null);
     __decorate([
-        handleError,
-        validate,
         __param(0, checkType('object', {
             message: checkData('string')
         }))
     ], SDKCreator.prototype, "showToast", null);
     __decorate([
-        handleError
-    ], SDKCreator.prototype, "hideKeyboard", null);
-    __decorate([
-        handleError,
-        validate,
         __param(0, checkType('object', {
             phoneNumber: checkData('string')
         }))
     ], SDKCreator.prototype, "openPhone", null);
     __decorate([
-        handleError,
-        validate,
         __param(0, checkType('object', {
             content: checkData('string'),
             phoneNumber: checkData('string', { regex: /^\+?\d+$/ })
         }))
     ], SDKCreator.prototype, "openSMS", null);
     __decorate([
-        handleError,
-        validate,
         __param(0, checkType('object', {
             id: checkData('string'),
             'displayName?': checkData('string')
@@ -7626,35 +7684,24 @@
         }))
     ], SDKCreator.prototype, "viewOAQr", null);
     __decorate([
-        handleError
-    ], SDKCreator.prototype, "keepScreen", null);
-    __decorate([
-        handleError,
-        validate,
         __param(0, checkType('object', {
             'imageBase64Data?': checkData('string'),
             'imageUrl?': checkData('url')
         }))
     ], SDKCreator.prototype, "saveImageToGallery", null);
     __decorate([
-        handleError,
-        validate,
         __param(0, checkType('object', {
             'imageBase64Data?': checkData('string'),
             'imageUrl?': checkData('url')
         }))
     ], SDKCreator.prototype, "saveImageToPhotosAlbum", null);
     __decorate([
-        handleError,
-        validate,
         __param(0, checkType('object', {
             appId: checkData('string'),
             'params?': checkData('object')
         }))
     ], SDKCreator.prototype, "openMiniApp", null);
     __decorate([
-        handleError,
-        validate,
         __param(0, checkType('object', {
             'type?': checkData('string', { values: ['oneShot'] }),
             'milliseconds?': checkData('number')
@@ -7664,30 +7711,11 @@
         }))
     ], SDKCreator.prototype, "vibrate", null);
     __decorate([
-        handleError,
-        validate,
         __param(0, checkType('object', {
             url: checkData('url')
         }))
     ], SDKCreator.prototype, "openWebview", null);
     __decorate([
-        handleErrorSync
-    ], SDKCreator.prototype, "getRouteParams", null);
-    __decorate([
-        handleError
-    ], SDKCreator.prototype, "getAppInfo", null);
-    __decorate([
-        handleError
-    ], SDKCreator.prototype, "sendDataToPreviousMiniApp", null);
-    __decorate([
-        handleError
-    ], SDKCreator.prototype, "onCallbackData", null);
-    __decorate([
-        handleError
-    ], SDKCreator.prototype, "getPhoneNumber", null);
-    __decorate([
-        handleError,
-        validate,
         __param(0, checkType('object', {
             'maxProfile?': checkData('number', { min: 1, max: 10 })
         }, {
@@ -7695,8 +7723,6 @@
         }))
     ], SDKCreator.prototype, "openProfilePicker", null);
     __decorate([
-        handleError,
-        validate,
         __param(0, required(['SSID'])),
         __param(0, checkType('object', {
             SSID: checkData('string'),
@@ -7705,8 +7731,6 @@
         }))
     ], SDKCreator.prototype, "connectWifi", null);
     __decorate([
-        handleError,
-        validate,
         __param(0, checkType('object', {
             type: checkData('string', {
                 values: ['photo', 'video', 'file']
@@ -7721,8 +7745,6 @@
         }))
     ], SDKCreator.prototype, "openMediaPicker", null);
     __decorate([
-        handleError,
-        validate,
         __param(0, checkType('object', {
             title: checkData('string', { maxLength: 100 }),
             'thumbnail?': checkData('url'),
@@ -7732,14 +7754,9 @@
             description: ''
         }))
     ], SDKCreator.prototype, "getShareableLink", null);
-    __decorate([
-        handleError,
-        validate
-    ], SDKCreator.prototype, "closeLoading", null);
-    __decorate([
-        handleError,
-        validate
-    ], SDKCreator.prototype, "requestUpdateZalo", null);
+    SDKCreator = __decorate([
+        DecorateAll(centralizedFunctionHandler)
+    ], SDKCreator);
     class ZaloMiniAppSDKCreator extends SDKCreator {
         getServiceInstance() {
             return ZaloMiniProgramSDKService.getInstance();
@@ -7935,7 +7952,7 @@
     _MockPaymentService_appId = new WeakMap();
 
     var _PaymentCreator_instance, _PaymentCreator_sdk;
-    class PaymentCreator {
+    let PaymentCreator = class PaymentCreator {
         constructor(sdk) {
             _PaymentCreator_instance.set(this, void 0);
             _PaymentCreator_sdk.set(this, void 0);
@@ -7943,42 +7960,50 @@
             __classPrivateFieldSet(this, _PaymentCreator_sdk, sdk, "f");
         }
         /**
-        * Tạo đơn hàng
-        *
-        * @async
-        * @function createOrder
-        * @category Payment
-        * @returns  {Promise<CallbackDataType.CreateOrderCallBack>}
-        */
+         * Tạo đơn hàng
+         *
+         * @async
+         * @function createOrder
+         * @category Payment
+         * @returns  {Promise<CallbackDataType.CreateOrderCallBack>}
+         */
         createOrder(object) {
             return __classPrivateFieldGet(this, _PaymentCreator_instance, "f").createOrder(__classPrivateFieldGet(this, _PaymentCreator_sdk, "f"), object);
         }
         /**
-        * Lấy thông tin transaction
-        *
-        * @async
-        * @function checkTransaction
-        * @category Payment
-        * @returns  {Promise<CallbackDataType.CheckTransactionSuccessCallBack>}
-        */
+         * Lấy thông tin transaction
+         *
+         * @async
+         * @function checkTransaction
+         * @category Payment
+         * @returns  {Promise<CallbackDataType.CheckTransactionSuccessCallBack>}
+         */
         checkTransaction(object) {
             return __classPrivateFieldGet(this, _PaymentCreator_instance, "f").checkTransaction(__classPrivateFieldGet(this, _PaymentCreator_sdk, "f"), object);
         }
-    }
+    };
     _PaymentCreator_instance = new WeakMap(), _PaymentCreator_sdk = new WeakMap();
     __decorate([
-        handleError,
-        validate,
         __param(0, checkType('object', {
-            'amount': checkData(['string', 'number']),
-            'desc': checkData('string'),
-            'method?': checkData('string', { values: ['MOMO', 'ZALOPAY', 'MOMO_SANDBOX', 'ZALOPAY_SANDBOX', 'CC', 'CC_SANDBOX', 'ATM', 'ATM_SANDBOX'] })
+            amount: checkData(['string', 'number']),
+            desc: checkData('string'),
+            'method?': checkData('string', {
+                values: [
+                    'MOMO',
+                    'ZALOPAY',
+                    'MOMO_SANDBOX',
+                    'ZALOPAY_SANDBOX',
+                    'CC',
+                    'CC_SANDBOX',
+                    'ATM',
+                    'ATM_SANDBOX'
+                ]
+            })
         }))
     ], PaymentCreator.prototype, "createOrder", null);
-    __decorate([
-        handleError,
-        validate
-    ], PaymentCreator.prototype, "checkTransaction", null);
+    PaymentCreator = __decorate([
+        DecorateAll(centralizedFunctionHandler)
+    ], PaymentCreator);
     class ZaloMiniAppPaymentCreator extends PaymentCreator {
         getInstance() {
             return PaymentService.getInstance();