@ledgerhq/live-common/lib-es/hw/actions/customLockScreenFetch.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 { getImplementation } from "./implementations";
const mapResult = ({ completed, imageFetched, imageAlreadyBackedUp }) => completed || imageFetched || imageAlreadyBackedUp || null;
const getInitialState = (device) => ({
    isLoading: !!device,
    requestQuitApp: false,
    unresponsive: false,
    fetchingImage: false,
    device,
    deviceInfo: null,
    error: null,
    imageAlreadyBackedUp: false,
});
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,
                error: null,
                unresponsive: false,
                requestQuitApp: true,
                isLoading: false,
            };
        case "imageFetched":
            return {
                ...state,
                error: null,
                unresponsive: false,
                isLoading: false,
                fetchingImage: false,
                imageFetched: true,
                hexImage: e.hexImage,
            };
        case "currentImageHash":
            return {
                ...state,
                error: null,
                unresponsive: false,
                isLoading: false,
                fetchingImage: true,
                imgHash: e.imgHash,
            };
        case "imageAlreadyBackedUp":
            return {
                ...state,
                error: null,
                unresponsive: false,
                isLoading: false,
                fetchingImage: false,
                imageFetched: false,
                imageAlreadyBackedUp: true,
                completed: true,
            };
        case "progress":
            return {
                ...state,
                error: null,
                unresponsive: false,
                isLoading: false,
                fetchingImage: 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 (state.imageFetched || state.imageAlreadyBackedUp || state.completed)
                return;
            const impl = getImplementation(currentMode)({
                deviceSubject,
                task,
                request,
            });
            const sub = impl
                .pipe(tap((e) => log("actions-fetch-custom-lock-screen-event", e.type, e)), scan(reducer, getInitialState()))
                .subscribe(setState);
            return () => {
                sub.unsubscribe();
            };
        }, [
            deviceSubject,
            request,
            state.completed,
            state.imageAlreadyBackedUp,
            state.imageFetched,
            resetIndex,
        ]);
        const onRetry = useCallback(() => {
            setResetIndex(currIndex => currIndex + 1);
            setState(s => getInitialState(s.device));
        }, []);
        return {
            ...state,
            onRetry,
        };
    };
    return {
        useHook,
        mapResult,
    };
};
//# sourceMappingURL=customLockScreenFetch.js.map