@ledgerhq/live-common/lib-es/hw/actions/customLockScreenLoad.js

Common ground for the Ledger Live apps

import { scan, tap } from "rxjs/operators";
import { useCallback, useEffect, useState } from "react";
import { log } from "@ledgerhq/logs";
import { useReplaySubject } from "../../observable";
import { currentMode } from "./app";
import { defaultImplementationConfig, getImplementation } from "./implementations";
// 2 minutes
const CONNECTION_TIMEOUT_MS = 120000;
const mapResult = ({ imageHash, imageSize }) => ({
    imageHash,
    imageSize,
});
export const getInitialState = (device) => ({
    isLoading: !!device,
    requestQuitApp: false,
    unresponsive: false,
    device,
    deviceInfo: null,
    error: null,
    imageSize: 0,
    imageHash: "",
});
export const reducer = (state, e) => {
    switch (e.type) {
        case "unresponsiveDevice":
            return { ...state, unresponsive: true, isLoading: false };
        case "deviceChange":
            return getInitialState(e.device);
        case "error":
            return {
                ...getInitialState(state.device),
                error: e.error,
                isLoading: false,
            };
        case "appDetected":
            return {
                ...state,
                unresponsive: false,
                requestQuitApp: true,
                isLoading: false,
            };
        case "loadImagePermissionRequested":
            return {
                ...state,
                unresponsive: false,
                imageLoadRequested: true,
                isLoading: false,
            };
        case "commitImagePermissionRequested":
            return {
                ...state,
                unresponsive: false,
                imageCommitRequested: true,
                loadingImage: false,
                isLoading: false,
            };
        case "imageLoaded":
            return {
                ...state,
                unresponsive: false,
                imageLoadRequested: false,
                imageCommitRequested: false,
                isLoading: false,
                loadingImage: false,
                imageLoaded: true,
                imageSize: e.imageSize,
                imageHash: e.imageHash,
            };
        case "progress":
            return {
                ...state,
                unresponsive: false,
                imageLoadRequested: false,
                imageCommitRequested: false,
                isLoading: false,
                loadingImage: true,
                progress: e.progress,
            };
    }
    return state; // Nb Needed until e2e tests are better handled.
};
export const createAction = (task) => {
    const useHook = (device, request) => {
        const [state, setState] = useState(() => getInitialState(device));
        const [resetIndex, setResetIndex] = useState(0);
        const deviceSubject = useReplaySubject(device);
        useEffect(() => {
            if (!request)
                return;
            if (state.imageLoaded)
                return;
            const impl = getImplementation(currentMode)({
                config: {
                    ...defaultImplementationConfig,
                    connectionTimeout: CONNECTION_TIMEOUT_MS,
                },
                deviceSubject,
                task,
                request,
            });
            const sub = impl
                .pipe(tap((e) => log("actions-load-custom-lock-screen-event", e.type, e)), scan(reducer, getInitialState()))
                .subscribe(setState);
            return () => {
                sub.unsubscribe();
            };
        }, [deviceSubject, request, state.imageLoaded, resetIndex]);
        const onRetry = useCallback(() => {
            setResetIndex(currIndex => currIndex + 1);
            setState(s => getInitialState(s.device));
        }, []);
        return {
            ...state,
            onRetry,
        };
    };
    return {
        useHook,
        mapResult,
    };
};
//# sourceMappingURL=customLockScreenLoad.js.map