@etsoo/materialui 1.2.26 → 1.2.28

package/lib/Tiplist.js

@@ -11,7 +11,7 @@ import { InputField } from "./InputField";
  * @returns Component
  */
 export function Tiplist(props) {
-    var _a, _b;
+    var _a;
     // Labels
     const { noOptions, loading, more, open: openDefault } = (_a = globalApp === null || globalApp === void 0 ? void 0 : globalApp.getLabels("noOptions", "loading", "more", "open")) !== null && _a !== void 0 ? _a : {};
     // Destruct
@@ -41,9 +41,12 @@ export function Tiplist(props) {
         if (localValue != null)
             stateUpdate({ value: localValue });
     }, [localValue]);
-    // State
-    const [state] = React.useState({});
-    const isMounted = React.useRef(true);
+    // Ref
+    const state = React.useRef({
+        idLoaded: false,
+        idSet: false,
+        isMounted: false
+    });
     // Add readOnly
     const addReadOnly = (params) => {
         if (readOnly != null) {
@@ -87,7 +90,7 @@ export function Tiplist(props) {
             stateUpdate({ loading: true });
         // Load list
         loadData(keyword, id, maxItems).then((options) => {
-            if (!isMounted.current)
+            if (!state.current.isMounted)
                 return;
             if (options != null && options.length >= maxItems) {
                 options.push({ [idField]: "n/a" });
@@ -123,42 +126,44 @@ export function Tiplist(props) {
         if (localIdValue == null) {
             if (inputValue != null)
                 setInputValue(null);
+            return;
         }
-        else if (state.idLoaded) {
-            state.idLoaded = false;
-            state.idSet = false;
+        if (state.current.idLoaded) {
+            state.current.idLoaded = false;
+            state.current.idSet = false;
         }
     }, [localIdValue]);
     React.useEffect(() => {
         if (localIdValue != null && localIdValue !== "") {
-            if (state.idLoaded) {
+            if (state.current.idLoaded) {
                 // Set default
-                if (!state.idSet && states.options.length > 0) {
+                if (!state.current.idSet && states.options.length > 0) {
                     const item = states.options.find((o) => o[idField] === localIdValue);
                     if (item) {
                         stateUpdate({
                             value: states.options[0]
                         });
-                        state.idSet = true;
+                        state.current.idSet = true;
                     }
                 }
             }
             else {
                 // Load id data
                 loadDataDirect(undefined, localIdValue);
-                state.idLoaded = true;
+                state.current.idLoaded = true;
             }
         }
-    }, [state.idLoaded, state.idSet, localIdValue, states.options]);
+    }, [localIdValue, states.options]);
     React.useEffect(() => {
+        state.current.isMounted = true;
         return () => {
-            isMounted.current = false;
+            state.current.isMounted = false;
             delayed.clear();
         };
     }, []);
     // Layout
     return (React.createElement("div", null,
-        React.createElement("input", { ref: inputRef, "data-reset": "true", type: "text", style: { display: "none" }, name: name, value: `${(_b = inputValue !== null && inputValue !== void 0 ? inputValue : localIdValue) !== null && _b !== void 0 ? _b : ""}`, readOnly: true, onChange: inputOnChange }),
+        React.createElement("input", { ref: inputRef, "data-reset": "true", type: "text", style: { display: "none" }, name: name, value: `${inputValue !== null && inputValue !== void 0 ? inputValue : (state.current.idSet ? "" : localIdValue !== null && localIdValue !== void 0 ? localIdValue : "")}`, readOnly: true, onChange: inputOnChange }),
         React.createElement(Autocomplete, { filterOptions: (options, _state) => options, value: states.value, options: states.options, onChange: (event, value, reason, details) => {
                 // Set value
                 setInputValue(value);

package/lib/TiplistPro.js

@@ -9,7 +9,7 @@ import { globalApp } from "./app/ReactApp";
  * @returns Component
  */
 export function TiplistPro(props) {
-    var _a, _b;
+    var _a;
     // Labels
     const { noOptions, loading, more, open: openDefault } = (_a = globalApp === null || globalApp === void 0 ? void 0 : globalApp.getLabels("noOptions", "loading", "more", "open")) !== null && _a !== void 0 ? _a : {};
     // Destruct
@@ -41,9 +41,12 @@ export function TiplistPro(props) {
     const inputValue = React.useMemo(() => states.value && typeof states.value === "object"
         ? states.value.id
         : undefined, [states.value]);
-    // State
-    const [state] = React.useState({});
-    const isMounted = React.useRef(true);
+    // Ref
+    const state = React.useRef({
+        idLoaded: false,
+        idSet: false,
+        isMounted: false
+    });
     // Change handler
     const changeHandle = (event) => {
         // Stop processing with auto trigger event
@@ -77,7 +80,7 @@ export function TiplistPro(props) {
             stateUpdate({ loading: true });
         // Load list
         loadData(keyword, id, maxItems).then((options) => {
-            if (!isMounted.current)
+            if (!state.current.isMounted)
                 return;
             if (options != null && options.length >= maxItems) {
                 options.push({ id: -1, name: "n/a" });
@@ -113,39 +116,41 @@ export function TiplistPro(props) {
         if (localIdValue == null) {
             if (inputValue != null)
                 setInputValue(null);
+            return;
         }
-        else if (state.idLoaded) {
-            state.idLoaded = false;
-            state.idSet = false;
+        if (state.current.idLoaded) {
+            state.current.idLoaded = false;
+            state.current.idSet = false;
         }
     }, [localIdValue]);
     React.useEffect(() => {
         if (localIdValue != null && localIdValue !== "") {
-            if (state.idLoaded) {
+            if (state.current.idLoaded) {
                 // Set default
-                if (!state.idSet && states.options.length > 0) {
+                if (!state.current.idSet && states.options.length > 0) {
                     stateUpdate({
                         value: states.options.find((o) => o.id === localIdValue)
                     });
-                    state.idSet = true;
+                    state.current.idSet = true;
                 }
             }
             else {
                 // Load id data
                 loadDataDirect(undefined, localIdValue);
-                state.idLoaded = true;
+                state.current.idLoaded = true;
             }
         }
-    }, [state.idLoaded, state.idSet, localIdValue, states.options]);
+    }, [localIdValue, states.options]);
     React.useEffect(() => {
+        state.current.isMounted = true;
         return () => {
-            isMounted.current = false;
+            state.current.isMounted = false;
             delayed.clear();
         };
     }, []);
     // Layout
     return (React.createElement("div", null,
-        React.createElement("input", { ref: inputRef, "data-reset": "true", type: "text", style: { display: "none" }, name: name, value: (_b = inputValue !== null && inputValue !== void 0 ? inputValue : localIdValue) !== null && _b !== void 0 ? _b : "", readOnly: true, onChange: inputOnChange }),
+        React.createElement("input", { ref: inputRef, "data-reset": "true", type: "text", style: { display: "none" }, name: name, value: inputValue !== null && inputValue !== void 0 ? inputValue : (state.current.idSet ? "" : localIdValue !== null && localIdValue !== void 0 ? localIdValue : ""), readOnly: true, onChange: inputOnChange }),
         React.createElement(Autocomplete, { filterOptions: (options, _state) => options, value: states.value, options: states.options, freeSolo: true, clearOnBlur: false, onChange: (event, value, reason, details) => {
                 if (typeof value === "object") {
                     // Set value

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.26",
+  "version": "1.2.28",
   "description": "TypeScript Material-UI Implementation",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",

package/src/Tiplist.tsx

@@ -129,12 +129,12 @@ export function Tiplist<
     if (localValue != null) stateUpdate({ value: localValue });
   }, [localValue]);
 
-  // State
-  const [state] = React.useState<{
-    idLoaded?: boolean;
-    idSet?: boolean;
-  }>({});
-  const isMounted = React.useRef(true);
+  // Ref
+  const state = React.useRef({
+    idLoaded: false,
+    idSet: false,
+    isMounted: false
+  });
 
   // Add readOnly
   const addReadOnly = (params: AutocompleteRenderInputParams) => {
@@ -189,7 +189,7 @@ export function Tiplist<
 
     // Load list
     loadData(keyword, id, maxItems).then((options) => {
-      if (!isMounted.current) return;
+      if (!state.current.isMounted) return;
 
       if (options != null && options.length >= maxItems) {
         options.push({ [idField]: "n/a" } as T);
@@ -228,36 +228,40 @@ export function Tiplist<
   React.useEffect(() => {
     if (localIdValue == null) {
       if (inputValue != null) setInputValue(null);
-    } else if (state.idLoaded) {
-      state.idLoaded = false;
-      state.idSet = false;
+      return;
+    }
+
+    if (state.current.idLoaded) {
+      state.current.idLoaded = false;
+      state.current.idSet = false;
     }
   }, [localIdValue]);
 
   React.useEffect(() => {
     if (localIdValue != null && (localIdValue as any) !== "") {
-      if (state.idLoaded) {
+      if (state.current.idLoaded) {
         // Set default
-        if (!state.idSet && states.options.length > 0) {
+        if (!state.current.idSet && states.options.length > 0) {
           const item = states.options.find((o) => o[idField] === localIdValue);
           if (item) {
             stateUpdate({
               value: states.options[0]
             });
-            state.idSet = true;
+            state.current.idSet = true;
           }
         }
       } else {
         // Load id data
         loadDataDirect(undefined, localIdValue);
-        state.idLoaded = true;
+        state.current.idLoaded = true;
       }
     }
-  }, [state.idLoaded, state.idSet, localIdValue, states.options]);
+  }, [localIdValue, states.options]);
 
   React.useEffect(() => {
+    state.current.isMounted = true;
     return () => {
-      isMounted.current = false;
+      state.current.isMounted = false;
       delayed.clear();
     };
   }, []);
@@ -271,7 +275,9 @@ export function Tiplist<
         type="text"
         style={{ display: "none" }}
         name={name}
-        value={`${inputValue ?? localIdValue ?? ""}`}
+        value={`${
+          inputValue ?? (state.current.idSet ? "" : localIdValue ?? "")
+        }`}
         readOnly
         onChange={inputOnChange}
       />

package/src/TiplistPro.tsx

@@ -152,12 +152,12 @@ export function TiplistPro<T extends ListType2 = ListType2>(
     [states.value]
   );
 
-  // State
-  const [state] = React.useState<{
-    idLoaded?: boolean;
-    idSet?: boolean;
-  }>({});
-  const isMounted = React.useRef(true);
+  // Ref
+  const state = React.useRef({
+    idLoaded: false,
+    idSet: false,
+    isMounted: false
+  });
 
   // Change handler
   const changeHandle = (event: React.ChangeEvent<HTMLInputElement>) => {
@@ -199,7 +199,7 @@ export function TiplistPro<T extends ListType2 = ListType2>(
 
     // Load list
     loadData(keyword, id, maxItems).then((options) => {
-      if (!isMounted.current) return;
+      if (!state.current.isMounted) return;
 
       if (options != null && options.length >= maxItems) {
         options.push({ id: -1, name: "n/a" } as T);
@@ -238,33 +238,37 @@ export function TiplistPro<T extends ListType2 = ListType2>(
   React.useEffect(() => {
     if (localIdValue == null) {
       if (inputValue != null) setInputValue(null);
-    } else if (state.idLoaded) {
-      state.idLoaded = false;
-      state.idSet = false;
+      return;
+    }
+
+    if (state.current.idLoaded) {
+      state.current.idLoaded = false;
+      state.current.idSet = false;
     }
   }, [localIdValue]);
 
   React.useEffect(() => {
     if (localIdValue != null && (localIdValue as any) !== "") {
-      if (state.idLoaded) {
+      if (state.current.idLoaded) {
         // Set default
-        if (!state.idSet && states.options.length > 0) {
+        if (!state.current.idSet && states.options.length > 0) {
           stateUpdate({
             value: states.options.find((o) => o.id === localIdValue)
           });
-          state.idSet = true;
+          state.current.idSet = true;
         }
       } else {
         // Load id data
         loadDataDirect(undefined, localIdValue);
-        state.idLoaded = true;
+        state.current.idLoaded = true;
       }
     }
-  }, [state.idLoaded, state.idSet, localIdValue, states.options]);
+  }, [localIdValue, states.options]);
 
   React.useEffect(() => {
+    state.current.isMounted = true;
     return () => {
-      isMounted.current = false;
+      state.current.isMounted = false;
       delayed.clear();
     };
   }, []);
@@ -278,7 +282,7 @@ export function TiplistPro<T extends ListType2 = ListType2>(
         type="text"
         style={{ display: "none" }}
         name={name}
-        value={inputValue ?? localIdValue ?? ""}
+        value={inputValue ?? (state.current.idSet ? "" : localIdValue ?? "")}
         readOnly
         onChange={inputOnChange}
       />

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);
+  }
 }