Multi-window chain

[thehexphoenix]

I want to create an application that requires several GUI windows to close themselves and open the next window. In some cases, the last window must open the first window as well.

This is what I tried:
src/main.rs

#![cfg_attr(not(debug_assertions), windows_subsystem = "windows")]

use std::error::Error;

slint::include_modules!();

fn main() -> Result<(), Box<dyn Error>> {
    let first_window = FirstWindow::new().unwrap();
    let first_window_handle = first_window.as_weak();
    first_window.on_next_pressed({
        let second_window = SecondWindow::new().unwrap();
        let second_window_handle = second_window.as_weak();
        second_window.on_next_pressed({
            let third_window = ThirdWindow::new().unwrap();
            let third_window_handle = third_window.as_weak();
            third_window.on_next_pressed({
                move || {
                    third_window_handle.unwrap().hide().unwrap();
                }
            });
            move || {
                third_window.show().unwrap();
                second_window_handle.unwrap().hide().unwrap();
            }
        });
        move || {
            second_window.show().unwrap();
            first_window_handle.unwrap().hide().unwrap();
        }
    });
    first_window.show().unwrap();
    slint::run_event_loop().unwrap();
    Ok(())
}

build.rs

fn main() {
    slint_build::compile("ui/main.slint").expect("Slint build failed");
}

ui/main.slint

export { FirstWindow } from "first-window.slint";
export { SecondWindow } from "second-window.slint";
export { ThirdWindow } from "third-window.slint";

ui/first-window.slint

import { Button } from "std-widgets.slint";

export component FirstWindow inherits Window {
    callback next_pressed();
    width: 300px;
    height: 200px;
    VerticalLayout {
        padding: 20px;
        HorizontalLayout {
            Text {
                text: "This is the first window.";
            }
        }

        HorizontalLayout {
            alignment: end;
            Button {
                width: 100px;
                height: 30px;
                text: "Next";
                clicked => {
                    root.next_pressed()
                }
            }
        }
    }
}

ui/second-window.slint

import { Button } from "std-widgets.slint";

export component SecondWindow inherits Window {
    callback next_pressed();
    width: 300px;
    height: 200px;
    VerticalLayout {
        padding: 20px;
        HorizontalLayout {
            Text {
                text: "This is the second window.";
            }
        }

        HorizontalLayout {
            alignment: end;
            Button {
                width: 100px;
                height: 30px;
                text: "Next";
                clicked => {
                    root.next_pressed()
                }
            }
        }
    }
}

ui/third-window.slint

import { Button } from "std-widgets.slint";

export component ThirdWindow inherits Window {
    callback next_pressed();
    width: 300px;
    height: 200px;
    VerticalLayout {
        padding: 20px;
        HorizontalLayout {
            Text {
                text: "This is the third window.";
            }
        }

        HorizontalLayout {
            alignment: end;
            Button {
                width: 100px;
                height: 30px;
                text: "Next";
                clicked => {
                    root.next_pressed()
                }
            }
        }
    }
}

Clicking the next button on the first window closes it without opening the next window. As a result, the program continues to run, but there is no GUI window displayed.