hunk.code_window: import React from "react";
   import styled, { createGlobalStyle, withTheme } from "styled-components";
   import { Popover, Position } from "@blueprintjs/core";
  
hunk.labels: replace keep keep keep
hunk.after_edit: import React, { useEffect } from "react";
  
hunk.file_path: app/client/src/pages/Editor/HelpButton.tsx
hunk.type: replace
file: import { FetchPageResponse } from "api/PageApi";
  import { generateReactKey } from "utils/generators";
  import { WidgetType } from "constants/WidgetConstants";
  import { PluginType } from "entities/Action";
  
  const PageMockResponse: FetchPageResponse = {
    responseMeta: {
      status: 200,
      success: true,
    },
    data: {
      id: generateReactKey(),
      applicationId: generateReactKey(),
      name: "Mock Page",
      layouts: [
        {
          id: generateReactKey(),
          dsl: {
            widgetId: "0",
            type: "CONTAINER_WIDGET" as WidgetType,
            topRow: 2,
            leftColumn: 2,
            rightColumn: 10,
            bottomRow: 10,
            children: [
              {
                widgetId: "1",
                type: "BUTTON_WIDGET" as WidgetType,
                topRow: 2,
                leftColumn: 2,
                text: "submit",
                rightColumn: 10,
                bottomRow: 10,
                onClick: [
                  {
                    actionId: "5d8082e2795dc6000482bc84",
                    actionType: "API",
                  },
                ],
              },
            ],
          },
          layoutActions: [
            {
              id: "5d8082e2795dc6000482bc84",
              name: "someActions",
              jsonPathKeys: [],
              pluginType: PluginType.API,
              timeoutInMillisecond: 10000,
            },
          ],
          layoutOnLoadActions: [],
        },
      ],
    },
  };
  
  export default PageMockResponse;
  