@etsoo/materialui 1.2.27 → 1.2.29

package/lib/ComboBoxMultiple.js

@@ -123,7 +123,7 @@ export function ComboBoxMultiple(props) {
     return (React.createElement("div", null,
         React.createElement("input", { ref: inputRef, "data-reset": "true", type: "text", style: { display: "none" }, name: name, value: getValue(stateValue), readOnly: true, onChange: inputOnChange }),
         React.createElement(Autocomplete, { value: stateValue == null
-                ? undefined
+                ? []
                 : Array.isArray(stateValue)
                     ? stateValue
                     : [stateValue], disableCloseOnSelect: disableCloseOnSelect, getOptionLabel: getOptionLabel, isOptionEqualToValue: (option, value) => option[idField] === value[idField], onChange: (event, value, reason, details) => {

package/lib/app/IServiceUser.d.ts

@@ -1,4 +1,4 @@
-import { IActionResult, IUser } from '@etsoo/appscript';
+import { IActionResult, IUser } from "@etsoo/appscript";
 /**
  * Service user interface
  */
@@ -7,6 +7,10 @@ export interface IServiceUser extends IUser {
      * Service device id
      */
     serviceDeviceId: string;
+    /**
+     * Service passphrase encrypted
+     */
+    servicePassphrase: string;
 }
 /**
  * Service user login result

package/lib/app/ServiceApp.d.ts

@@ -1,10 +1,10 @@
-import { IApi, RefreshTokenProps, RefreshTokenRQ } from '@etsoo/appscript';
-import { IServiceApp } from './IServiceApp';
-import { IServiceAppSettings } from './IServiceAppSettings';
-import { IServicePageData } from './IServicePage';
-import { IServiceUser } from './IServiceUser';
-import { ISmartERPUser } from './ISmartERPUser';
-import { ReactApp } from './ReactApp';
+import { IApi, RefreshTokenProps, RefreshTokenRQ } from "@etsoo/appscript";
+import { IServiceApp } from "./IServiceApp";
+import { IServiceAppSettings } from "./IServiceAppSettings";
+import { IServicePageData } from "./IServicePage";
+import { IServiceUser } from "./IServiceUser";
+import { ISmartERPUser } from "./ISmartERPUser";
+import { ReactApp } from "./ReactApp";
 /**
  * Core Service App
  * Service login to core system, get the refesh token and access token

package/lib/app/ServiceApp.js

@@ -1,7 +1,7 @@
-import { BridgeUtils, createClient } from '@etsoo/appscript';
-import { CoreConstants } from '@etsoo/react';
-import { DomUtils } from '@etsoo/shared';
-import { ReactApp } from './ReactApp';
+import { BridgeUtils, createClient } from "@etsoo/appscript";
+import { CoreConstants } from "@etsoo/react";
+import { DomUtils } from "@etsoo/shared";
+import { ReactApp } from "./ReactApp";
 /**
  * Core Service App
  * Service login to core system, get the refesh token and access token
@@ -28,10 +28,10 @@ export class ServiceApp extends ReactApp {
         /**
          * Service passphrase
          */
-        this.servicePassphrase = '';
+        this.servicePassphrase = "";
         // Check
         if (settings.serviceId == null || settings.serviceEndpoint == null) {
-            throw new Error('No service settings');
+            throw new Error("No service settings");
         }
         // Service API
         const api = createClient();
@@ -48,7 +48,7 @@ export class ServiceApp extends ReactApp {
             window.location.href = this.settings.webUrl;
         }
         else {
-            BridgeUtils.host.loadApp('core');
+            BridgeUtils.host.loadApp("core");
         }
     }
     /**
@@ -56,13 +56,13 @@ export class ServiceApp extends ReactApp {
      * @param tryLogin Try to login again
      */
     toLoginPage(tryLogin) {
-        const parameters = `?serviceId=${this.settings.serviceId}&${DomUtils.CultureField}=${this.culture}${tryLogin ? '' : '&tryLogin=false'}`;
+        const parameters = `?serviceId=${this.settings.serviceId}&${DomUtils.CultureField}=${this.culture}${tryLogin ? "" : "&tryLogin=false"}`;
         if (BridgeUtils.host == null) {
             const coreUrl = this.settings.webUrl;
             window.location.href = coreUrl + parameters;
         }
         else {
-            BridgeUtils.host.loadApp('core', parameters);
+            BridgeUtils.host.loadApp("core", parameters);
         }
     }
     /**
@@ -74,7 +74,7 @@ export class ServiceApp extends ReactApp {
         const { callback, data, relogin = false, showLoading = false } = props !== null && props !== void 0 ? props : {};
         // Token
         const token = this.getCacheToken();
-        if (token == null || token === '') {
+        if (token == null || token === "") {
             if (callback)
                 callback(false);
             return false;
@@ -103,13 +103,13 @@ export class ServiceApp extends ReactApp {
             const refreshToken = this.getResponseToken(payload.response);
             if (refreshToken == null || result.data == null) {
                 if (failCallback)
-                    failCallback(this.get('noData'));
+                    failCallback(this.get("noData"));
                 return false;
             }
             // User data
             const userData = result.data;
             // Use core system access token to service api to exchange service access token
-            const serviceResult = await this.serviceApi.put('Auth/ExchangeToken', {
+            const serviceResult = await this.serviceApi.put("Auth/ExchangeToken", {
                 token: this.encryptEnhanced(userData.token, this.settings.serviceId.toString())
             }, {
                 showLoading,
@@ -129,7 +129,7 @@ export class ServiceApp extends ReactApp {
             }
             if (serviceResult.data == null) {
                 if (failCallback)
-                    failCallback(this.get('noData'));
+                    failCallback(this.get("noData"));
                 return false;
             }
             // Login
@@ -140,14 +140,14 @@ export class ServiceApp extends ReactApp {
             return true;
         };
         // Call API
-        const result = await this.api.put('Auth/RefreshToken', rq, payload);
+        const result = await this.api.put("Auth/RefreshToken", rq, payload);
         if (result == null)
             return false;
         if (!result.ok) {
-            if (result.type === 'TokenExpired' && relogin) {
+            if (result.type === "TokenExpired" && relogin) {
                 // Try login
                 // Dialog to receive password
-                var labels = this.getLabels('reloginTip', 'login');
+                var labels = this.getLabels("reloginTip", "login");
                 this.notifier.prompt(labels.reloginTip, async (pwd) => {
                     if (pwd == null) {
                         this.toLoginPage();
@@ -156,7 +156,7 @@ export class ServiceApp extends ReactApp {
                     // Set password for the action
                     rq.pwd = this.encrypt(this.hash(pwd));
                     // Submit again
-                    const result = await this.api.put('Auth/RefreshToken', rq, payload);
+                    const result = await this.api.put("Auth/RefreshToken", rq, payload);
                     if (result == null)
                         return;
                     if (result.ok) {
@@ -175,7 +175,7 @@ export class ServiceApp extends ReactApp {
                     // Popup message
                     this.alertResult(result);
                     return false;
-                }, labels.login, { type: 'password' });
+                }, labels.login, { type: "password" });
                 // Fake truth to avoid reloading
                 return true;
             }
@@ -233,7 +233,7 @@ export class ServiceApp extends ReactApp {
         var _a;
         // Service user login
         this.servicePassphrase =
-            (_a = this.decrypt(serviceUser.serviceDeviceId, this.settings.serviceId.toString())) !== null && _a !== void 0 ? _a : '';
+            (_a = this.decrypt(serviceUser.servicePassphrase, this.settings.serviceId.toString())) !== null && _a !== void 0 ? _a : "";
         // Service user
         this.serviceUser = serviceUser;
         // Service API token

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@etsoo/materialui",
-  "version": "1.2.27",
+  "version": "1.2.29",
   "description": "TypeScript Material-UI Implementation",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",

package/src/ComboBoxMultiple.tsx

@@ -259,7 +259,7 @@ export function ComboBoxMultiple<
       <Autocomplete<T, true, false, false>
         value={
           stateValue == null
-            ? undefined
+            ? []
             : Array.isArray(stateValue)
             ? stateValue
             : [stateValue]

package/src/app/IServiceUser.ts

@@ -1,17 +1,22 @@
-import { IActionResult, IUser } from '@etsoo/appscript';
+import { IActionResult, IUser } from "@etsoo/appscript";
 
 /**
  * Service user interface
  */
 export interface IServiceUser extends IUser {
-    /**
-     * Service device id
-     */
-    serviceDeviceId: string;
+  /**
+   * Service device id
+   */
+  serviceDeviceId: string;
+
+  /**
+   * Service passphrase encrypted
+   */
+  servicePassphrase: string;
 }
 
 /**
  * Service user login result
  */
 export type ServiceLoginResult<U extends IServiceUser = IServiceUser> =
-    IActionResult<U>;
+  IActionResult<U>;

package/src/app/ServiceApp.ts

@@ -1,21 +1,21 @@
 import {
-    BridgeUtils,
-    createClient,
-    IActionResult,
-    IApi,
-    IApiPayload,
-    RefreshTokenProps,
-    RefreshTokenResult,
-    RefreshTokenRQ
-} from '@etsoo/appscript';
-import { CoreConstants } from '@etsoo/react';
-import { DomUtils } from '@etsoo/shared';
-import { IServiceApp } from './IServiceApp';
-import { IServiceAppSettings } from './IServiceAppSettings';
-import { IServicePageData } from './IServicePage';
-import { IServiceUser, ServiceLoginResult } from './IServiceUser';
-import { ISmartERPUser } from './ISmartERPUser';
-import { ReactApp } from './ReactApp';
+  BridgeUtils,
+  createClient,
+  IActionResult,
+  IApi,
+  IApiPayload,
+  RefreshTokenProps,
+  RefreshTokenResult,
+  RefreshTokenRQ
+} from "@etsoo/appscript";
+import { CoreConstants } from "@etsoo/react";
+import { DomUtils } from "@etsoo/shared";
+import { IServiceApp } from "./IServiceApp";
+import { IServiceAppSettings } from "./IServiceAppSettings";
+import { IServicePageData } from "./IServicePage";
+import { IServiceUser, ServiceLoginResult } from "./IServiceUser";
+import { ISmartERPUser } from "./ISmartERPUser";
+import { ReactApp } from "./ReactApp";
 
 /**
  * Core Service App
@@ -24,332 +24,321 @@ import { ReactApp } from './ReactApp';
  * Use the new acess token and refresh token to login
  */
 export class ServiceApp<
-        U extends IServiceUser = IServiceUser,
-        P extends IServicePageData = IServicePageData,
-        S extends IServiceAppSettings = IServiceAppSettings
-    >
-    extends ReactApp<S, ISmartERPUser, P>
-    implements IServiceApp
+    U extends IServiceUser = IServiceUser,
+    P extends IServicePageData = IServicePageData,
+    S extends IServiceAppSettings = IServiceAppSettings
+  >
+  extends ReactApp<S, ISmartERPUser, P>
+  implements IServiceApp
 {
-    /**
-     * Service API
-     */
-    readonly serviceApi: IApi;
-
-    private _serviceUser?: U;
-    /**
-     * Service user
-     */
-    get serviceUser() {
-        return this._serviceUser;
-    }
-    protected set serviceUser(value: U | undefined) {
-        this._serviceUser = value;
+  /**
+   * Service API
+   */
+  readonly serviceApi: IApi;
+
+  private _serviceUser?: U;
+  /**
+   * Service user
+   */
+  get serviceUser() {
+    return this._serviceUser;
+  }
+  protected set serviceUser(value: U | undefined) {
+    this._serviceUser = value;
+  }
+
+  /**
+   * Service passphrase
+   */
+  protected servicePassphrase: string = "";
+
+  /**
+   * Constructor
+   * @param settings Settings
+   * @param name Application name
+   */
+  constructor(settings: S, name: string) {
+    super(settings, name);
+
+    // Check
+    if (settings.serviceId == null || settings.serviceEndpoint == null) {
+      throw new Error("No service settings");
     }
 
-    /**
-     * Service passphrase
-     */
-    protected servicePassphrase: string = '';
-
-    /**
-     * Constructor
-     * @param settings Settings
-     * @param name Application name
-     */
-    constructor(settings: S, name: string) {
-        super(settings, name);
-
-        // Check
-        if (settings.serviceId == null || settings.serviceEndpoint == null) {
-            throw new Error('No service settings');
-        }
+    // Service API
+    const api = createClient();
+    this.setApi(api);
 
-        // Service API
-        const api = createClient();
-        this.setApi(api);
+    // Fix the baseUrl done by setupApi (Default is the settings.endpoint)
+    api.baseUrl = settings.serviceEndpoint;
 
-        // Fix the baseUrl done by setupApi (Default is the settings.endpoint)
-        api.baseUrl = settings.serviceEndpoint;
+    this.serviceApi = api;
+  }
 
-        this.serviceApi = api;
+  /**
+   * Load SmartERP core
+   */
+  loadSmartERP() {
+    if (BridgeUtils.host == null) {
+      window.location.href = this.settings.webUrl;
+    } else {
+      BridgeUtils.host.loadApp("core");
     }
-
-    /**
-     * Load SmartERP core
-     */
-    loadSmartERP() {
-        if (BridgeUtils.host == null) {
-            window.location.href = this.settings.webUrl;
-        } else {
-            BridgeUtils.host.loadApp('core');
-        }
+  }
+
+  /**
+   * Go to the login page
+   * @param tryLogin Try to login again
+   */
+  override toLoginPage(tryLogin?: boolean) {
+    const parameters = `?serviceId=${this.settings.serviceId}&${
+      DomUtils.CultureField
+    }=${this.culture}${tryLogin ? "" : "&tryLogin=false"}`;
+
+    if (BridgeUtils.host == null) {
+      const coreUrl = this.settings.webUrl;
+      window.location.href = coreUrl + parameters;
+    } else {
+      BridgeUtils.host.loadApp("core", parameters);
     }
-
-    /**
-     * Go to the login page
-     * @param tryLogin Try to login again
-     */
-    override toLoginPage(tryLogin?: boolean) {
-        const parameters = `?serviceId=${this.settings.serviceId}&${
-            DomUtils.CultureField
-        }=${this.culture}${tryLogin ? '' : '&tryLogin=false'}`;
-
-        if (BridgeUtils.host == null) {
-            const coreUrl = this.settings.webUrl;
-            window.location.href = coreUrl + parameters;
-        } else {
-            BridgeUtils.host.loadApp('core', parameters);
-        }
+  }
+
+  /**
+   * Refresh token
+   * @param props Props
+   */
+  override async refreshToken<D extends object = RefreshTokenRQ>(
+    props?: RefreshTokenProps<D>
+  ) {
+    // Destruct
+    const {
+      callback,
+      data,
+      relogin = false,
+      showLoading = false
+    } = props ?? {};
+
+    // Token
+    const token = this.getCacheToken();
+    if (token == null || token === "") {
+      if (callback) callback(false);
+      return false;
     }
 
-    /**
-     * Refresh token
-     * @param props Props
-     */
-    override async refreshToken<D extends object = RefreshTokenRQ>(
-        props?: RefreshTokenProps<D>
-    ) {
-        // Destruct
-        const {
-            callback,
-            data,
-            relogin = false,
-            showLoading = false
-        } = props ?? {};
-
-        // Token
-        const token = this.getCacheToken();
-        if (token == null || token === '') {
-            if (callback) callback(false);
+    // Reqest data
+    // Merge additional data passed
+    const rq: RefreshTokenRQ = {
+      deviceId: this.deviceId,
+      timezone: this.getTimeZone(),
+      ...data
+    };
+
+    // Login result type
+    type LoginResult = IActionResult<U>;
+
+    // Payload
+    const payload: IApiPayload<LoginResult, any> = {
+      showLoading,
+      config: { headers: { [CoreConstants.TokenHeaderRefresh]: token } },
+      onError: (error) => {
+        if (callback) callback(error);
+
+        // Prevent further processing
+        return false;
+      }
+    };
+
+    // Success callback
+    const success = async (
+      result: LoginResult,
+      failCallback?: (result: RefreshTokenResult) => void
+    ) => {
+      // Token
+      const refreshToken = this.getResponseToken(payload.response);
+      if (refreshToken == null || result.data == null) {
+        if (failCallback) failCallback(this.get("noData")!);
+        return false;
+      }
+
+      // User data
+      const userData = result.data;
+
+      // Use core system access token to service api to exchange service access token
+      const serviceResult = await this.serviceApi.put<ServiceLoginResult<U>>(
+        "Auth/ExchangeToken",
+        {
+          token: this.encryptEnhanced(
+            userData.token,
+            this.settings.serviceId.toString()
+          )
+        },
+        {
+          showLoading,
+          onError: (error) => {
+            if (failCallback) failCallback(error);
+
+            // Prevent further processing
             return false;
+          }
         }
-
-        // Reqest data
-        // Merge additional data passed
-        const rq: RefreshTokenRQ = {
-            deviceId: this.deviceId,
-            timezone: this.getTimeZone(),
-            ...data
-        };
-
-        // Login result type
-        type LoginResult = IActionResult<U>;
-
-        // Payload
-        const payload: IApiPayload<LoginResult, any> = {
-            showLoading,
-            config: { headers: { [CoreConstants.TokenHeaderRefresh]: token } },
-            onError: (error) => {
-                if (callback) callback(error);
-
-                // Prevent further processing
-                return false;
-            }
-        };
-
-        // Success callback
-        const success = async (
-            result: LoginResult,
-            failCallback?: (result: RefreshTokenResult) => void
-        ) => {
-            // Token
-            const refreshToken = this.getResponseToken(payload.response);
-            if (refreshToken == null || result.data == null) {
-                if (failCallback) failCallback(this.get('noData')!);
-                return false;
-            }
-
-            // User data
-            const userData = result.data;
-
-            // Use core system access token to service api to exchange service access token
-            const serviceResult = await this.serviceApi.put<
-                ServiceLoginResult<U>
-            >(
-                'Auth/ExchangeToken',
-                {
-                    token: this.encryptEnhanced(
-                        userData.token,
-                        this.settings.serviceId.toString()
-                    )
-                },
-                {
-                    showLoading,
-                    onError: (error) => {
-                        if (failCallback) failCallback(error);
-
-                        // Prevent further processing
-                        return false;
-                    }
-                }
-            );
-
-            if (serviceResult == null) return false;
-
-            if (!serviceResult.ok) {
-                if (failCallback) failCallback(serviceResult);
-                return false;
+      );
+
+      if (serviceResult == null) return false;
+
+      if (!serviceResult.ok) {
+        if (failCallback) failCallback(serviceResult);
+        return false;
+      }
+
+      if (serviceResult.data == null) {
+        if (failCallback) failCallback(this.get("noData")!);
+        return false;
+      }
+
+      // Login
+      this.userLoginEx(userData, refreshToken, serviceResult.data);
+
+      // Success callback
+      if (failCallback) failCallback(true);
+
+      return true;
+    };
+
+    // Call API
+    const result = await this.api.put<LoginResult>(
+      "Auth/RefreshToken",
+      rq,
+      payload
+    );
+    if (result == null) return false;
+
+    if (!result.ok) {
+      if (result.type === "TokenExpired" && relogin) {
+        // Try login
+        // Dialog to receive password
+        var labels = this.getLabels("reloginTip", "login");
+        this.notifier.prompt(
+          labels.reloginTip,
+          async (pwd) => {
+            if (pwd == null) {
+              this.toLoginPage();
+              return;
             }
 
-            if (serviceResult.data == null) {
-                if (failCallback) failCallback(this.get('noData')!);
-                return false;
-            }
+            // Set password for the action
+            rq.pwd = this.encrypt(this.hash(pwd));
 
-            // Login
-            this.userLoginEx(userData, refreshToken, serviceResult.data);
+            // Submit again
+            const result = await this.api.put<LoginResult>(
+              "Auth/RefreshToken",
+              rq,
+              payload
+            );
 
-            // Success callback
-            if (failCallback) failCallback(true);
+            if (result == null) return;
 
-            return true;
-        };
+            if (result.ok) {
+              await success(result, (loginResult: RefreshTokenResult) => {
+                if (loginResult === true) {
+                  if (callback) callback(true);
+                  return;
+                }
 
-        // Call API
-        const result = await this.api.put<LoginResult>(
-            'Auth/RefreshToken',
-            rq,
-            payload
-        );
-        if (result == null) return false;
-
-        if (!result.ok) {
-            if (result.type === 'TokenExpired' && relogin) {
-                // Try login
-                // Dialog to receive password
-                var labels = this.getLabels('reloginTip', 'login');
-                this.notifier.prompt(
-                    labels.reloginTip,
-                    async (pwd) => {
-                        if (pwd == null) {
-                            this.toLoginPage();
-                            return;
-                        }
-
-                        // Set password for the action
-                        rq.pwd = this.encrypt(this.hash(pwd));
-
-                        // Submit again
-                        const result = await this.api.put<LoginResult>(
-                            'Auth/RefreshToken',
-                            rq,
-                            payload
-                        );
-
-                        if (result == null) return;
-
-                        if (result.ok) {
-                            await success(
-                                result,
-                                (loginResult: RefreshTokenResult) => {
-                                    if (loginResult === true) {
-                                        if (callback) callback(true);
-                                        return;
-                                    }
-
-                                    const message =
-                                        this.formatRefreshTokenResult(
-                                            loginResult
-                                        );
-                                    if (message) this.notifier.alert(message);
-                                }
-                            );
-                            return;
-                        }
-
-                        // Popup message
-                        this.alertResult(result);
-                        return false;
-                    },
-                    labels.login,
-                    { type: 'password' }
-                );
-
-                // Fake truth to avoid reloading
-                return true;
+                const message = this.formatRefreshTokenResult(loginResult);
+                if (message) this.notifier.alert(message);
+              });
+              return;
             }
 
-            if (callback) callback(result);
+            // Popup message
+            this.alertResult(result);
             return false;
-        }
-
-        return await success(result, callback);
-    }
-
-    /**
-     * Service decrypt message
-     * @param messageEncrypted Encrypted message
-     * @param passphrase Secret passphrase
-     * @returns Pure text
-     */
-    serviceDecrypt(messageEncrypted: string, passphrase?: string) {
-        return this.decrypt(
-            messageEncrypted,
-            passphrase ?? this.servicePassphrase
+          },
+          labels.login,
+          { type: "password" }
         );
-    }
 
-    /**
-     * Service encrypt message
-     * @param message Message
-     * @param passphrase Secret passphrase
-     * @param iterations Iterations, 1000 times, 1 - 99
-     * @returns Result
-     */
-    serviceEncrypt(message: string, passphrase?: string, iterations?: number) {
-        return this.encrypt(
-            message,
-            passphrase ?? this.servicePassphrase,
-            iterations
-        );
-    }
+        // Fake truth to avoid reloading
+        return true;
+      }
 
-    /**
-     * Try login
-     * @param data Additional data
-     * @param showLoading Show loading bar or not
-     * @returns Result
-     */
-    override async tryLogin<D extends object = {}>(
-        data?: D,
-        showLoading?: boolean
-    ) {
-        // Reset user state
-        const result = await super.tryLogin(data, showLoading);
-        if (!result) return false;
-
-        // Refresh token
-        return await this.refreshToken({
-            callback: (result) => this.doRefreshTokenResult(result),
-            data,
-            showLoading,
-            relogin: true
-        });
+      if (callback) callback(result);
+      return false;
     }
 
-    /**
-     * User login extended
-     * @param user Core system user
-     * @param refreshToken Refresh token
-     * @param serviceUser Service user
-     */
-    userLoginEx(user: ISmartERPUser, refreshToken: string, serviceUser: U) {
-        // Service user login
-        this.servicePassphrase =
-            this.decrypt(
-                serviceUser.serviceDeviceId,
-                this.settings.serviceId.toString()
-            ) ?? '';
-
-        // Service user
-        this.serviceUser = serviceUser;
-
-        // Service API token
-        this.serviceApi.authorize(this.settings.authScheme, serviceUser.token);
-
-        // Keep = true, means service could hold the refresh token for long access
-        // Trigger Context change and serviceUser is ready then
-        super.userLogin(user, refreshToken, true);
-    }
+    return await success(result, callback);
+  }
+
+  /**
+   * Service decrypt message
+   * @param messageEncrypted Encrypted message
+   * @param passphrase Secret passphrase
+   * @returns Pure text
+   */
+  serviceDecrypt(messageEncrypted: string, passphrase?: string) {
+    return this.decrypt(messageEncrypted, passphrase ?? this.servicePassphrase);
+  }
+
+  /**
+   * Service encrypt message
+   * @param message Message
+   * @param passphrase Secret passphrase
+   * @param iterations Iterations, 1000 times, 1 - 99
+   * @returns Result
+   */
+  serviceEncrypt(message: string, passphrase?: string, iterations?: number) {
+    return this.encrypt(
+      message,
+      passphrase ?? this.servicePassphrase,
+      iterations
+    );
+  }
+
+  /**
+   * Try login
+   * @param data Additional data
+   * @param showLoading Show loading bar or not
+   * @returns Result
+   */
+  override async tryLogin<D extends object = {}>(
+    data?: D,
+    showLoading?: boolean
+  ) {
+    // Reset user state
+    const result = await super.tryLogin(data, showLoading);
+    if (!result) return false;
+
+    // Refresh token
+    return await this.refreshToken({
+      callback: (result) => this.doRefreshTokenResult(result),
+      data,
+      showLoading,
+      relogin: true
+    });
+  }
+
+  /**
+   * User login extended
+   * @param user Core system user
+   * @param refreshToken Refresh token
+   * @param serviceUser Service user
+   */
+  userLoginEx(user: ISmartERPUser, refreshToken: string, serviceUser: U) {
+    // Service user login
+    this.servicePassphrase =
+      this.decrypt(
+        serviceUser.servicePassphrase,
+        this.settings.serviceId.toString()
+      ) ?? "";
+
+    // Service user
+    this.serviceUser = serviceUser;
+
+    // Service API token
+    this.serviceApi.authorize(this.settings.authScheme, serviceUser.token);
+
+    // Keep = true, means service could hold the refresh token for long access
+    // Trigger Context change and serviceUser is ready then
+    super.userLogin(user, refreshToken, true);
+  }
 }