Documents Not showing up

Hi, I'm integrating with the e-sign live api and have had some trouble with certain pdfs causing the signing ceremony to give me a blank page. After the package is created and a url is created the window appears blank. (Even the default-consent document won't show up). Some information to hopefully help narrow it down 1) This only happens with some pdfs, others work fine 2) If I view the package using the portal, and attempt to view the pdf I uploaded (by clicking the eye..) , the blur for the overlay appears, but no pdf. I get this browser console error

Uncaught TypeError: Cannot read property 'signerName' of undefined
    at t.getFieldValue (Spot.jsx:125)
    at t.render (Spot.jsx:205)
    at c._renderValidatedComponentWithoutOwnerOrContext (ReactCompositeComponent.js:587)

3) If I download the package as a zip, the pdf is in there as normal (Even has the Sandbox watermark) 4) Browser console gives me this following error when loading a signing ceremony

Uncaught Error: Could not find a valid role
    at f._role_ (https://sandbox.esignlive.com/javascript/lib/ESL/ESR.min.js?v=1481827852130:3:12261)
    at f (https://sandbox.esignlive.com/javascript/lib/ESL/ESR.min.js?v=1481827852130:3:2683)

Im primarily working with government forms and am hoping you could give me some guidance as how to avoid this? Any certain way I should save the pdf? PDF settings to apply? All the pdf forms are edited and saved using Acrobat Pro. I've attached one of the files thats causing this problem.