用js写一个业务复杂的连续多步骤的弹窗，该如何设计呢，集思广益

Question

现在的需求是，需要有一系列流程在弹窗中完成。比如：
我点击payment button，会弹出一个弹窗，在“弹窗1”上，选择要结账的产品 和 结账的方式（立即结账还是月结），如果立即结账，就会进入弹窗2，

注意：
1.每一个时刻，页面只显示一个弹窗，即当前步骤的弹窗。
2.日后一定还会在中间加入其他“步骤”和“分支”。
3.不同选择可能走入不同的分支，可能有跳步等动作，例如图中所示的例子。
4.必须有回退功能，即在用户在最后一步sumbit之前，都是可以回退的，而且必须保持之前选择的状态。那么该如何记录之前的选择呢。

技术范围要求：必须js

我的想法是用js的对象方式写。
求一个设计思路，谢谢了，想了很久没有一个完善的方案。

谢谢大家的解答：

我补充下我之前的想法，不知是否可行
1.每一个弹窗都是一个不同的对象，
2.第一个“弹窗对象”是与众不同的，其他所有的“弹窗对象”都是他的属性，而且有一个array属性，可以存放用户轨迹，方便回退。