Generated by XState Viz: https://xstate.js.org/viz

machine.js

const checkWifiCredentials = (context) => {
    const { wifi: { ssid, password, encryptionType, hidden } } = context;
    return !!ssid && !!password && !!encryptionType && hidden !== undefined;
};
const checkAccessToken = (context) => {
    return !!context.accessToken;
};
const checkCredentials = (context, event, { cond }) => {
    return ((checkWifiCredentials(context) && checkAccessToken(context)) ===
        !cond.negate);
};
const checkWifiConnection = (context, event, { cond }) => {
    console.log('----');
    const connectionStatus = cond.connectionStatus || 'connected';
    return (context.wifiConnection &&
        context.wifiConnection.connectionStatus === connectionStatus);
};
const resetConnectionAttempts = (context) => {
    return Object.assign(Object.assign({}, context), { attempts: 0 });
};
const increaseConnectionAttempts = (context) => {
    return Object.assign(Object.assign({}, context), { attempts: context.attempts + 1 });
};
const credentialsMachine = Machine({
    id: 'app',
    // the initial context (extended state) of the statechart
    context: {
        accessToken: '123',
        wifi: {
            ssid: 'ssid',
            password: ' pwd',
            encryptionType: 'WEP',
            hidden: false
        },
        wifiConnection: {
            connectionStatus: 'disconnected'
        },
        credentials: true
    },
    initial: 'init',
    states: {
        init: {
            on: {
                '': [
                    {
                        target: 'connectToWifi',
                        cond: 'checkCredentials'
                    },
                    {
                        target: 'QR',
                        cond: {
                            type: 'checkCredentials',
                            negate: true
                        }
                    }
                ]
            }
        },
        connectToWifi: {
            id: 'wifi',
            initial: 'waitingToRetry',
            states: {
                connected: {
                    on: {
                        WIFI_DISCONNECT: 'waitingToRetry'
                    },
                    entry: ['resetConnectionAttempts']
                },
                disconnected: {},
                waitingToRetry: {
                    after: {
                        // after 1 second, transition to yellow
                        1000: 'retrying'
                    }
                },
                retrying: {
                    after: {
                        // after 1 second, transition to yellow
                        1000: 'connected'
                    },
                    entry: ['increaseConnectionAttempts']
                }
            }
        },
        QR: {}
    }
}, {
    actions: { resetConnectionAttempts, increaseConnectionAttempts },
    guards: { checkCredentials, checkWifiCredentials, checkWifiConnection }
});