export default function (helpers) {
  const { parsePostData, response } = helpers;

  this.get("/wizard.json", () => {
    return response({
      wizard: {
        start: "hello-world",
        completed: true,
        steps: [
          {
            id: "hello-world",
            title: "hello there",
            index: 0,
            description: "hello!",
            fields: [
              {
                id: "full_name",
                type: "text",
                required: true,
                description: "Your name",
              },
            ],
            next: "second-step",
          },
          {
            id: "second-step",
            title: "Second step",
            index: 1,
            fields: [{ id: "some-title", type: "text" }],
            previous: "hello-world",
            next: "last-step",
          },
          {
            id: "last-step",
            index: 2,
            fields: [
              { id: "snack", type: "dropdown", required: true },
              { id: "theme-preview", type: "component" },
              { id: "an-image", type: "image" },
            ],
            previous: "second-step",
          },
        ],
      },
    });
  });

  this.put("/wizard/steps/:id", (request) => {
    const body = parsePostData(request.requestBody);

    if (body.fields.full_name === "Server Fail") {
      return response(422, {
        errors: [{ field: "full_name", description: "Invalid name" }],
      });
    } else {
      return response(200, { success: true });
    }
  });
}