Issue inserting app into page

Having trouble inserting my app Iframe into the page. If I set an editor then when I click insert no call to my backend occurs and no iframe shows up in the page. atlassian-connect.json is as follows
The test version works to create an iframe but then can’t be edited with the editor since one is not set.

{
  "key": "xyz-summary",
  "name": "xyz",
  "description": "abc.",
  "vendor": {
    "name": "xyz",
    "url": "xyz"
  },
  "baseUrl": "{{localBaseUrl}}",
  "authentication": {
    "type": "jwt"
  },
  "lifecycle": {
    "installed": "/installed"
  },
  "scopes": ["READ"],
  "modules": {
    "dynamicContentMacros": [
      {
        "key": "xyz-summary-macro",
        "name": {
          "value": "xyz Summary"
        },
        "url": "/xyz-summary",
        "description": {
          "value": "Displays a xyz"
        },
        "width": "600px",
        "height":"500px",
        "editor": {
          "url": "/xyz-summary-editor",
          "width": "600px",
          "height": "500px",
          "editTitle": {
            "value": "Edit xyz Summary"
          },
          "insertTitle": {
            "value": "Insert xyz Summary"
          }
        },
        "outputType": "block",
        "bodyType": "none"
      },
      {
        "key": "xyz-summary-macro-test",
        "name": {
          "value": "xyz Summary Test"
        },
        "url": "/xyz-summary",
        "description": {
          "value": "Displays a summary of xyz."
        },
        "width": "600px",
        "height":"500px",
        "outputType": "block",
        "bodyType": "none"
      }
    ]
  }
}