zmp-sdk 2.19.1 → 2.21.0-rc

package/dist/index.es.js

@@ -2064,6 +2064,9 @@ function set(object, path, value) {
 
 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,
@@ -2075,7 +2078,8 @@ var _ = {
     isArray: isArray_1,
     isRegExp: isRegExp_1,
     get: get_1,
-    set: set_1
+    set: set_1,
+    isPromise,
 };
 
 function Debug(name) {
@@ -2147,13 +2151,6 @@ var VibrateType;
 (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";
@@ -2161,6 +2158,7 @@ var Events;
     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) {
@@ -2240,7 +2238,8 @@ const COOKIE_NAME = {
     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',
@@ -2248,6 +2247,8 @@ const APIS = {
     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) => ({
@@ -2258,6 +2259,78 @@ const NETWORK_TYPE = (isAndroid) => ({
     '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',
@@ -2370,7 +2443,19 @@ const ACTION = {
         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',
@@ -2439,7 +2524,19 @@ const ACTION = {
     },
     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',
@@ -2537,7 +2634,34 @@ const ACTION = {
     },
     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',
@@ -2558,11 +2682,41 @@ const ACTION = {
     },
     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',
@@ -2576,32 +2730,45 @@ const ACTION = {
     },
     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,
@@ -2713,124 +2880,36 @@ const PAYMENT_APIS = {
 };
 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) => ({
@@ -2839,13 +2918,13 @@ const apiResponse = {
         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.`)
     }
 };
 
@@ -3085,7 +3164,8 @@ const parseJSON = (str) => {
         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;
         });
@@ -3259,7 +3339,7 @@ const getAppInfo = (appId, versionStatus, currentVersion) => __awaiter(void 0, v
     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'
     });
@@ -3651,504 +3731,97 @@ class ZMPEEmitter extends eventemitter3 {
     }
 }
 
-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$1 = "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$1;
     }
-}
-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$1,
+            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$1 = "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$1;
-    }
-    /**
-     * Gets system information.
-     *
-     * @function getSystemInfo
-     * @category Basics
-     *
-     *
-     *
-     */
-    static getSystemInfo() {
-        const system = {
-            version: getMetaValue('version-id') || '',
-            apiVersion: version$1,
-            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.
@@ -4191,7 +3864,7 @@ class NavigationBar {
                 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
             });
         });
@@ -4226,62 +3899,32 @@ class NavigationBar {
      * @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
             });
         });
     }
@@ -4313,7 +3956,7 @@ class Background {
         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,
@@ -4425,7 +4068,7 @@ class Device {
      */
     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]
             });
         });
@@ -4449,7 +4092,7 @@ class Device {
      */
     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) => {
@@ -4563,7 +4206,7 @@ class Device {
                     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;
         });
     }
@@ -4582,7 +4225,7 @@ class Device {
             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;
         });
     }
@@ -4603,7 +4246,7 @@ class Device {
             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 = {
@@ -4645,7 +4288,7 @@ class Device {
      */
     static stopBluetoothDevicesDiscovery() {
         return __awaiter(this, void 0, void 0, function* () {
-            return this.callNative({
+            return this.getJSBridge().callNative({
                 name: ''
             }, {});
         });
@@ -4672,7 +4315,7 @@ class Device {
      */
     static startBluetoothDevicesDiscovery(object) {
         return __awaiter(this, void 0, void 0, function* () {
-            return this.callNative({
+            return this.getJSBridge().callNative({
                 name: ''
             }, Object.assign({}, object));
         });
@@ -4696,7 +4339,7 @@ class Device {
      */
     static openBluetoothAdapter() {
         return __awaiter(this, void 0, void 0, function* () {
-            return this.callNative({
+            return this.getJSBridge().callNative({
                 name: ''
             }, {});
         });
@@ -4716,7 +4359,7 @@ class Device {
      */
     static onBluetoothDeviceFound() {
         return __awaiter(this, void 0, void 0, function* () {
-            return this.callNative({
+            return this.getJSBridge().callNative({
                 name: ''
             }, {});
         });
@@ -4764,7 +4407,7 @@ class Device {
             const data = {
                 services: object.services || []
             };
-            return this.callNative({
+            return this.getJSBridge().callNative({
                 name: ''
             }, data);
         });
@@ -4785,7 +4428,7 @@ class Device {
      */
     static getBluetoothDevices() {
         return __awaiter(this, void 0, void 0, function* () {
-            return this.callNative({
+            return this.getJSBridge().callNative({
                 name: ''
             }, {});
         });
@@ -4806,7 +4449,7 @@ class Device {
      */
     static getBluetoothAdapterState() {
         return __awaiter(this, void 0, void 0, function* () {
-            return this.callNative({
+            return this.getJSBridge().callNative({
                 name: ''
             }, {});
         });
@@ -4827,7 +4470,7 @@ class Device {
      */
     static closeBluetoothAdapter() {
         return __awaiter(this, void 0, void 0, function* () {
-            return this.callNative({
+            return this.getJSBridge().callNative({
                 name: ''
             }, {});
         });
@@ -4841,7 +4484,7 @@ class Device {
      */
     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
             });
         });
@@ -4855,308 +4498,770 @@ class Device {
      */
     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
@@ -5164,7 +5269,8 @@ class NativeResourceStorage extends ZJSBridgeProvider {
                 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));
@@ -5175,7 +5281,8 @@ class NativeResourceStorage extends ZJSBridgeProvider {
     }
     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
@@ -5183,7 +5290,8 @@ class NativeResourceStorage extends ZJSBridgeProvider {
                 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;
@@ -5195,13 +5303,15 @@ class NativeResourceStorage extends ZJSBridgeProvider {
     }
     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;
@@ -5216,7 +5326,8 @@ class NativeResourceStorage extends ZJSBridgeProvider {
     }
     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
@@ -5224,7 +5335,8 @@ class NativeResourceStorage extends ZJSBridgeProvider {
                 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;
@@ -5236,7 +5348,7 @@ class NativeResourceStorage extends ZJSBridgeProvider {
     }
     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")
@@ -5244,7 +5356,7 @@ class NativeResourceStorage extends ZJSBridgeProvider {
         });
     }
 }
-_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 {
@@ -5496,18 +5608,13 @@ class OpenApi {
      */
     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
             });
@@ -5526,7 +5633,7 @@ class Window {
      */
     static closeApp(object) {
         return __awaiter(this, void 0, void 0, function* () {
-            yield this.callNative(ACTION.WINDOW_CLOSE, {});
+            yield this.getJSBridge().callNative(ACTION.WINDOW_CLOSE, {});
         });
     }
     /**
@@ -5558,7 +5665,7 @@ class Window {
                 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
             });
@@ -5574,7 +5681,7 @@ class Window {
      */
     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
             });
         });
@@ -5589,7 +5696,7 @@ class Window {
      */
     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
@@ -5616,30 +5723,24 @@ class Location {
      */
     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
             });
@@ -5655,7 +5756,7 @@ class Location {
      */
     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()
@@ -5675,17 +5776,12 @@ class Media {
      */
     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'
+                    });
                 }
             });
         });
@@ -5711,7 +5807,7 @@ class Media {
                     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));
         });
     }
 }
@@ -5726,7 +5822,7 @@ class Zalo {
      */
     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()
@@ -5745,7 +5841,7 @@ class Zalo {
      */
     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(),
@@ -5763,9 +5859,10 @@ class Zalo {
      */
     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
@@ -5804,7 +5901,9 @@ class Zalo {
                     };
                     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,
@@ -5823,7 +5922,7 @@ class Zalo {
      */
     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()
@@ -5842,7 +5941,7 @@ class Zalo {
      */
     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()
             }, {
@@ -5864,7 +5963,8 @@ class Zalo {
             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 {
@@ -5931,9 +6031,11 @@ class Zalo {
                         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,
@@ -5952,7 +6054,7 @@ class Zalo {
      */
     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
@@ -5969,15 +6071,14 @@ class Zalo {
      */
     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);
                 }
             });
         });
@@ -5992,15 +6093,15 @@ class Zalo {
      */
     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);
                     }
@@ -6010,7 +6111,6 @@ class Zalo {
                         };
                         return Promise.resolve(res);
                     }
-                    return Promise.reject(error);
                 }
             });
         });
@@ -6034,7 +6134,7 @@ class Zalo {
                 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,
@@ -6042,15 +6142,11 @@ class Zalo {
                 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);
                 }
             });
         });
@@ -6065,7 +6161,7 @@ class Zalo {
      */
     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
             });
         });
@@ -6104,7 +6200,7 @@ class Routing {
      */
     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)
             });
         });
@@ -6129,11 +6225,10 @@ class Routing {
     }
 }
 
-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);
@@ -6146,9 +6241,10 @@ class ZaloMiniProgramSDKService extends ZJSBridgeProvider {
                 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);
@@ -6158,31 +6254,6 @@ class ZaloMiniProgramSDKService extends ZJSBridgeProvider {
         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;
@@ -6252,6 +6323,8 @@ class ZaloMiniProgramSDKService extends ZJSBridgeProvider {
         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
@@ -6295,9 +6368,19 @@ class ZaloMiniProgramSDKService extends ZJSBridgeProvider {
     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) &&
@@ -6314,23 +6397,23 @@ class ZaloMiniProgramSDKService extends ZJSBridgeProvider {
                     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");
@@ -6367,7 +6450,7 @@ class ZaloMiniProgramSDKService extends ZJSBridgeProvider {
                     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");
@@ -6388,7 +6471,7 @@ class ZaloMiniProgramSDKService extends ZJSBridgeProvider {
         });
     }
 }
-_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 {
@@ -6409,6 +6492,9 @@ class MockSDKService {
         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"));
@@ -8119,90 +8205,175 @@ function getFnParamNames(fn) {
         .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);
@@ -8263,7 +8434,7 @@ class SDKCreator {
     }
     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) {
@@ -8278,7 +8449,7 @@ class SDKCreator {
     }
     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) {
@@ -8533,6 +8704,7 @@ class SDKCreator {
     }
     vibrate(object) {
         return __awaiter(this, void 0, void 0, function* () {
+            console.log(object);
             yield __classPrivateFieldGet(this, _SDKCreator_sdkService, "f").vibrate(object);
         });
     }
@@ -8677,33 +8849,25 @@ class SDKCreator {
             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'] }),
@@ -8711,57 +8875,37 @@ __decorate([
     }))
 ], 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']
@@ -8769,75 +8913,19 @@ __decorate([
     }))
 ], 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' } })),
@@ -8855,23 +8943,17 @@ __decorate([
     }))
 ], 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' } })),
@@ -8910,14 +8992,6 @@ __decorate([
     }))
 ], 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'),
@@ -8935,44 +9009,28 @@ __decorate([
     }))
 ], 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')
@@ -8981,35 +9039,24 @@ __decorate([
     }))
 ], 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')
@@ -9019,30 +9066,11 @@ __decorate([
     }))
 ], 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 })
     }, {
@@ -9050,8 +9078,6 @@ __decorate([
     }))
 ], SDKCreator.prototype, "openProfilePicker", null);
 __decorate([
-    handleError,
-    validate,
     __param(0, required(['SSID'])),
     __param(0, checkType('object', {
         SSID: checkData('string'),
@@ -9060,8 +9086,6 @@ __decorate([
     }))
 ], SDKCreator.prototype, "connectWifi", null);
 __decorate([
-    handleError,
-    validate,
     __param(0, checkType('object', {
         type: checkData('string', {
             values: ['photo', 'video', 'file']
@@ -9076,8 +9100,6 @@ __decorate([
     }))
 ], SDKCreator.prototype, "openMediaPicker", null);
 __decorate([
-    handleError,
-    validate,
     __param(0, checkType('object', {
         title: checkData('string', { maxLength: 100 }),
         'thumbnail?': checkData('url'),
@@ -9087,14 +9109,9 @@ __decorate([
         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();
@@ -9290,7 +9307,7 @@ class MockPaymentService {
 _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);
@@ -9298,42 +9315,50 @@ class PaymentCreator {
         __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();
@@ -9375,4 +9400,4 @@ else {
 window.ZaloMiniAppSDK = app;
 
 export default app;
-export { ChatType, Events, MediaPickerType, NativeCode, NetworkType, OrientationType, payment as Payment, PlatformType, PostFeedType, ProfileType, SDKCreator, ShareSheetType, VibrateType };
+export { ChatType, Events, MediaPickerType, NetworkType, OrientationType, payment as Payment, PlatformType, PostFeedType, ProfileType, SDKCreator, ShareSheetType, VibrateType };