@etsoo/react 1.5.80 → 1.5.81

package/lib/app/ReactApp.js

@@ -1,298 +0,0 @@
-import { BridgeUtils, CoreApp, createClient } from '@etsoo/appscript';
-import { NotificationMessageType } from '@etsoo/notificationbase';
-import { WindowStorage } from '@etsoo/shared';
-import React from 'react';
-import { NotifierMU } from '../mu/NotifierMU';
-import { ProgressCount } from '../mu/ProgressCount';
-import { CultureState } from '../states/CultureState';
-import { PageActionType, PageState } from '../states/PageState';
-import { UserActionType, UserState } from '../states/UserState';
-import { Labels } from './Labels';
-import { createBrowserHistory, createMemoryHistory } from 'history';
-/**
- * Global application
- */
-export let globalApp;
-/**
- * React app state detector
- * Case 1: undefined, when refresh the whole page
- * Case 2: false, unauthorized
- * Case 3: true, authorized or considered as authorized (maynot, like token expiry)
- * Case 4: property or properties changed
- * @param props Props
- * @returns Component
- */
-export function ReactAppStateDetector(props) {
-    // Destruct
-    const { targetFields, update } = props;
-    // Context
-    const { state = {} } = globalApp == null
-        ? {}
-        : React.useContext(globalApp.userState.context);
-    // Ready
-    React.useEffect(() => {
-        // Match fields
-        const changedFields = state.lastChangedFields;
-        let matchedFields;
-        if (targetFields == null || changedFields == null) {
-            matchedFields = changedFields;
-        }
-        else {
-            matchedFields = [];
-            targetFields.forEach((targetField) => {
-                if (changedFields.includes(targetField))
-                    matchedFields === null || matchedFields === void 0 ? void 0 : matchedFields.push(targetField);
-            });
-        }
-        // Callback
-        update(state.authorized, matchedFields);
-    }, [state]);
-    // return
-    return React.createElement(React.Fragment);
-}
-/**
- * React application
- */
-export class ReactApp extends CoreApp {
-    /**
-     * Constructor
-     * @param settings Settings
-     * @param name Application name
-     */
-    constructor(settings, name) {
-        super(settings, ReactApp.createApi(settings), ReactApp.createNotifier(), new WindowStorage(), name);
-        /**
-         * User state
-         */
-        this.userState = new UserState();
-        if (BridgeUtils.host) {
-            const startUrl = BridgeUtils.host.getStartUrl();
-            this.history = createMemoryHistory({
-                initialEntries: startUrl == null ? undefined : [startUrl]
-            });
-            BridgeUtils.host.onUpdate((app, version) => {
-                this.notifier.message(NotificationMessageType.Success, this.get('updateTip') + `(${[app, version].join(', ')})`, this.get('updateReady'));
-            });
-        }
-        else {
-            this.history = createBrowserHistory();
-        }
-        this.cultureState = new CultureState(settings.currentCulture);
-        this.pageState = new PageState();
-        globalApp = this;
-    }
-    /**
-     * Get notifier provider
-     */
-    static get notifierProvider() {
-        return this._notifierProvider;
-    }
-    static createApi(settings) {
-        // API
-        // Support to replace {hostname} with current hostname
-        const api = createClient();
-        api.baseUrl = settings.endpoint;
-        return api;
-    }
-    static createNotifier() {
-        // Notifier
-        ReactApp._notifierProvider = NotifierMU.setup();
-        return NotifierMU.instance;
-    }
-    /**
-     * Override alert action result
-     * @param result Action result
-     * @param callback Callback
-     */
-    alertResult(result, callback) {
-        const message = this.formatResult(result);
-        if (message.endsWith(')')) {
-            const startPos = message.lastIndexOf('(');
-            if (startPos > 0) {
-                const main = message.substring(0, startPos).trim();
-                const tip = message.substring(startPos);
-                const titleNode = React.createElement(React.Fragment, null, main, React.createElement('br'), React.createElement('span', { style: { fontSize: '9px' } }, tip));
-                this.notifier.alert(titleNode, callback);
-                return;
-            }
-        }
-        this.notifier.alert(message, callback);
-    }
-    /**
-     * Change culture
-     * @param culture New culture definition
-     */
-    changeCulture(culture) {
-        var _a, _b;
-        // Super call to update cultrue
-        super.changeCulture(culture);
-        // Update component labels
-        Labels.setLabels(culture.resources, {
-            notificationMU: {
-                alertTitle: 'warning',
-                alertOK: 'ok',
-                confirmTitle: 'confirm',
-                confirmYes: 'ok',
-                confirmNo: 'cancel',
-                promptTitle: 'prompt',
-                promptCancel: 'cancel',
-                promptOK: 'ok'
-            }
-        });
-        // Notify host
-        (_a = BridgeUtils.host) === null || _a === void 0 ? void 0 : _a.changeCulture(culture.name);
-        // Document title
-        document.title = (_b = this.get(this.name)) !== null && _b !== void 0 ? _b : this.name;
-    }
-    /**
-     * Change culture extended
-     * @param dispatch Dispatch method
-     * @param culture New culture definition
-     */
-    changeCultureEx(dispatch, culture) {
-        // Same?
-        if (culture.name === this.culture)
-            return;
-        // Dispatch action
-        dispatch(culture);
-        // Super call
-        this.changeCulture(culture);
-    }
-    /**
-     * Get date format props
-     * @returns Props
-     */
-    getDateFormatProps() {
-        return { culture: this.culture, timeZone: this.getTimeZone() };
-    }
-    /**
-     * Get money format props
-     * @param currency Currency, if undefined, default currency applied
-     * @returns Props
-     */
-    getMoneyFormatProps(currency) {
-        return { culture: this.culture, currency: currency !== null && currency !== void 0 ? currency : this.currency };
-    }
-    /**
-     * Fresh countdown UI
-     * @param callback Callback
-     */
-    freshCountdownUI(callback) {
-        // Labels
-        const labels = this.getLabels('cancel', 'tokenExpiry');
-        // Progress
-        const progress = React.createElement(ProgressCount, {
-            seconds: 30,
-            valueUnit: 's',
-            onComplete: () => {
-                // Stop the progress
-                return false;
-            }
-        });
-        // Popup
-        this.notifier.alert(labels.tokenExpiry, async () => {
-            if (callback)
-                await callback();
-            else
-                await this.tryLogin();
-        }, undefined, {
-            okLabel: labels.cancel,
-            primaryButton: { fullWidth: true, autoFocus: false },
-            inputs: progress
-        });
-    }
-    /**
-     * Redirect to the Url
-     * @param url Url
-     */
-    redirectTo(url) {
-        this.history.push(url);
-    }
-    /**
-     * Set page data
-     * @param data Page data
-     */
-    setPageData(data) {
-        // Dispatch the change
-        if (this.pageStateDispatch != null) {
-            this.pageStateDispatch({
-                type: PageActionType.Data,
-                data
-            });
-        }
-    }
-    /**
-     * Set page title and data
-     * @param title Page title
-     */
-    setPageTitle(title) {
-        // Data
-        const data = { title };
-        // Dispatch the change
-        if (this.pageStateDispatch != null) {
-            this.pageStateDispatch({
-                type: PageActionType.Title,
-                data
-            });
-        }
-    }
-    /**
-     * Set page title and data
-     * @param key Page title resource key
-     */
-    setPageKey(key) {
-        var _a;
-        this.setPageTitle((_a = this.get(key)) !== null && _a !== void 0 ? _a : '');
-    }
-    /**
-     * Show input dialog
-     * @param props Props
-     */
-    showInputDialog({ title, message, callback, ...rest }) {
-        return this.notifier.prompt(message, callback, title, rest);
-    }
-    /**
-     * User login extended
-     * @param user New user
-     * @param refreshToken Refresh token
-     * @param keep Keep in local storage or not
-     * @param dispatch User state dispatch
-     */
-    userLogin(user, refreshToken, keep, dispatch) {
-        // Super call, set token
-        super.userLogin(user, refreshToken, keep);
-        // Dispatch action
-        if (this.userStateDispatch != null && dispatch !== false)
-            this.userStateDispatch({
-                type: UserActionType.Login,
-                user
-            });
-    }
-    /**
-     * User logout
-     * @param clearToken Clear refresh token or not
-     */
-    userLogout(clearToken = true) {
-        // Super call
-        super.userLogout(clearToken);
-        // Dispatch action
-        if (this.userStateDispatch != null)
-            this.userStateDispatch({
-                type: UserActionType.Logout
-            });
-    }
-    /**
-     * User unauthorized
-     */
-    userUnauthorized() {
-        // Super call
-        super.userUnauthorized();
-        if (this.userStateDispatch != null) {
-            // There is delay during state update
-            // Not a good idea to try login multiple times with API calls
-            this.userStateDispatch({
-                type: UserActionType.Unauthorized
-            });
-        }
-    }
-}

package/lib/app/ServiceApp.d.ts

@@ -1,78 +0,0 @@
-import { IApi, RefreshTokenProps } from '@etsoo/appscript';
-import { IServiceAppSettings } from './IServiceAppSettings';
-import { IServicePageData } from './IServicePage';
-import { IServiceUser } from './IServiceUser';
-import { ISmartERPUser } from './ISmartERPUser';
-import { ReactApp } from './ReactApp';
-import { RefreshTokenRQ } from './RefreshTokenRQ';
-/**
- * Core Service App
- * Service login to core system, get the refesh token and access token
- * Use the acess token to the service api, get a service access token
- * Use the new acess token and refresh token to login
- */
-export declare class ServiceApp<U extends IServiceUser = IServiceUser, P extends IServicePageData = IServicePageData, S extends IServiceAppSettings = IServiceAppSettings> extends ReactApp<S, ISmartERPUser, P> {
-    /**
-     * Service API
-     */
-    readonly serviceApi: IApi;
-    private _serviceUser?;
-    /**
-     * Service user
-     */
-    get serviceUser(): U | undefined;
-    protected set serviceUser(value: U | undefined);
-    /**
-     * Service passphrase
-     */
-    protected servicePassphrase: string;
-    /**
-     * Constructor
-     * @param settings Settings
-     * @param name Application name
-     */
-    constructor(settings: S, name: string);
-    /**
-     * Load SmartERP core
-     */
-    loadSmartERP(): void;
-    /**
-     * Go to the login page
-     * @param tryLogin Try to login again
-     */
-    toLoginPage(tryLogin?: boolean): void;
-    /**
-     * Refresh token
-     * @param props Props
-     */
-    refreshToken<D extends object = RefreshTokenRQ>(props?: RefreshTokenProps<D>): Promise<boolean>;
-    /**
-     * Service decrypt message
-     * @param messageEncrypted Encrypted message
-     * @param passphrase Secret passphrase
-     * @returns Pure text
-     */
-    serviceDecrypt(messageEncrypted: string, passphrase?: string): string | undefined;
-    /**
-     * 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): string;
-    /**
-     * Try login
-     * @param data Additional data
-     * @param showLoading Show loading bar or not
-     * @returns Result
-     */
-    tryLogin<D extends object = {}>(data?: D, showLoading?: boolean): Promise<boolean>;
-    /**
-     * User login extended
-     * @param user Core system user
-     * @param refreshToken Refresh token
-     * @param serviceUser Service user
-     */
-    userLoginEx(user: ISmartERPUser, refreshToken: string, serviceUser: U): void;
-}

package/lib/app/ServiceApp.js

@@ -1,244 +0,0 @@
-import { BridgeUtils, createClient } from '@etsoo/appscript';
-import { DomUtils } from '@etsoo/shared';
-import { CoreConstants } from './CoreConstants';
-import { ReactApp } from './ReactApp';
-/**
- * Core Service App
- * Service login to core system, get the refesh token and access token
- * Use the acess token to the service api, get a service access token
- * Use the new acess token and refresh token to login
- */
-export class ServiceApp extends ReactApp {
-    /**
-     * Constructor
-     * @param settings Settings
-     * @param name Application name
-     */
-    constructor(settings, name) {
-        super(settings, name);
-        /**
-         * Service passphrase
-         */
-        this.servicePassphrase = '';
-        // Check
-        if (settings.serviceId == null || settings.serviceEndpoint == null) {
-            throw new Error('No service settings');
-        }
-        // Service API
-        const api = createClient();
-        api.baseUrl = settings.serviceEndpoint;
-        this.setApi(api);
-        this.serviceApi = api;
-    }
-    /**
-     * Service user
-     */
-    get serviceUser() {
-        return this._serviceUser;
-    }
-    set serviceUser(value) {
-        this._serviceUser = value;
-    }
-    /**
-     * 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
-     */
-    toLoginPage(tryLogin) {
-        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
-     */
-    async refreshToken(props) {
-        // Destruct
-        const { callback, data, relogin = false, showLoading = false } = props !== null && props !== void 0 ? props : {};
-        // Token
-        const token = this.getCacheToken();
-        if (token == null || token === '') {
-            if (callback)
-                callback(false);
-            return false;
-        }
-        // Reqest data
-        // Merge additional data passed
-        const rq = {
-            deviceId: this.deviceId,
-            timezone: this.getTimeZone(),
-            ...data
-        };
-        // Payload
-        const payload = {
-            showLoading,
-            config: { headers: { [CoreConstants.TokenHeaderRefresh]: token } },
-            onError: (error) => {
-                if (callback)
-                    callback(error);
-                // Prevent further processing
-                return false;
-            }
-        };
-        // Success callback
-        const success = async (result, failCallback) => {
-            // 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('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.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('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('Auth/RefreshToken', rq, payload);
-                    if (result == null)
-                        return;
-                    if (result.ok) {
-                        await success(result, (loginResult) => {
-                            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;
-            }
-            if (callback)
-                callback(result);
-            return false;
-        }
-        return await success(result, callback);
-    }
-    /**
-     * Service decrypt message
-     * @param messageEncrypted Encrypted message
-     * @param passphrase Secret passphrase
-     * @returns Pure text
-     */
-    serviceDecrypt(messageEncrypted, passphrase) {
-        return this.decrypt(messageEncrypted, passphrase !== null && passphrase !== void 0 ? passphrase : this.servicePassphrase);
-    }
-    /**
-     * Service encrypt message
-     * @param message Message
-     * @param passphrase Secret passphrase
-     * @param iterations Iterations, 1000 times, 1 - 99
-     * @returns Result
-     */
-    serviceEncrypt(message, passphrase, iterations) {
-        return this.encrypt(message, passphrase !== null && passphrase !== void 0 ? passphrase : this.servicePassphrase, iterations);
-    }
-    /**
-     * Try login
-     * @param data Additional data
-     * @param showLoading Show loading bar or not
-     * @returns Result
-     */
-    async tryLogin(data, showLoading) {
-        // 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, refreshToken, serviceUser) {
-        var _a;
-        // Service user login
-        this.servicePassphrase =
-            (_a = this.decrypt(serviceUser.serviceDeviceId, this.settings.serviceId.toString())) !== null && _a !== void 0 ? _a : '';
-        // 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);
-    }
-}

package/lib/components/ShowDataComparison.d.ts

@@ -1,20 +0,0 @@
-/**
- * Audit line update data model
- */
-export interface AuditLineUpdateData {
-    oldData: Record<string, unknown>;
-    newData: Record<string, unknown>;
-}
-/**
- * Check obj is instance of AuditLineUpdateData
- * @param obj Input
- * @returns Result
- */
-export declare function IsAuditLineUpdateData(obj: any): obj is AuditLineUpdateData;
-/**
- * Show data comparison
- * @param data Data
- * @param modelTitle Model window title
- * @param getLabel Get label callback
- */
-export declare const ShowDataComparison: (data: AuditLineUpdateData, modelTitle?: string, getLabel?: ((field: string) => string) | undefined) => void;

package/lib/components/ShowDataComparison.js

@@ -1,60 +0,0 @@
-import { NotificationMessageType } from '@etsoo/notificationbase';
-import { Utils } from '@etsoo/shared';
-import { Table, TableBody, TableCell, TableHead, TableRow } from '@mui/material';
-import React from 'react';
-import { globalApp } from '../app/ReactApp';
-/**
- * Check obj is instance of AuditLineUpdateData
- * @param obj Input
- * @returns Result
- */
-export function IsAuditLineUpdateData(obj) {
-    return (typeof obj === 'object' &&
-        'oldData' in obj &&
-        typeof obj.oldData === 'object' &&
-        'newData' in obj &&
-        typeof obj.newData === 'object');
-}
-// Format value
-const formatValue = (value) => {
-    if (value == null)
-        return '';
-    if (value instanceof Date && typeof globalApp !== 'undefined')
-        return globalApp.formatDate(value, 'ds');
-    return `${value}`;
-};
-/**
- * Show data comparison
- * @param data Data
- * @param modelTitle Model window title
- * @param getLabel Get label callback
- */
-export const ShowDataComparison = (data, modelTitle, getLabel) => {
-    if (typeof globalApp === 'undefined')
-        return;
-    modelTitle !== null && modelTitle !== void 0 ? modelTitle : (modelTitle = globalApp.get('dataComparison'));
-    getLabel !== null && getLabel !== void 0 ? getLabel : (getLabel = (key) => {
-        var _a;
-        return (_a = globalApp.get(Utils.formatInitial(key))) !== null && _a !== void 0 ? _a : key;
-    });
-    const keys = new Set([
-        ...Object.keys(data.oldData),
-        ...Object.keys(data.newData)
-    ]);
-    const rows = Array.from(keys).map((field) => ({
-        field,
-        oldValue: data.oldData[field],
-        newValue: data.newData[field]
-    }));
-    const inputs = (React.createElement(Table, null,
-        React.createElement(TableHead, null,
-            React.createElement(TableRow, null,
-                React.createElement(TableCell, { width: "18%" }, getLabel('field')),
-                React.createElement(TableCell, { width: "41%", align: "right" }, getLabel('oldValue')),
-                React.createElement(TableCell, { width: "41%", align: "right" }, getLabel('newValue')))),
-        React.createElement(TableBody, null, rows.map((row) => (React.createElement(TableRow, { key: row.field },
-            React.createElement(TableCell, null, getLabel(row.field)),
-            React.createElement(TableCell, { align: "right" }, formatValue(row.oldValue)),
-            React.createElement(TableCell, { align: "right" }, formatValue(row.newValue))))))));
-    globalApp.notifier.alert([undefined, modelTitle], undefined, NotificationMessageType.Info, { fullScreen: globalApp.smDown, inputs });
-};