Ember.js Adobe Sign Component

adobe-sign.hbs

<iframe title="Adobe Sign" src={{@url}} width="100%" height="700" frameborder="0" class="border-0 overflow-hidden" style="min-height: 800px;"></iframe>

adobe-sign.js

import Component from '@glimmer/component';
import { assert } from '@ember/debug';
import { typeOf } from '@ember/utils';

export interface AdobeSignComponentArgs {
  url: string;
  onChange: () => void;
}

export default class AdobeSignComponent extends Component<AdobeSignComponentArgs> {
  constructor(owner: unknown, args: AdobeSignComponentArgs) {
    super(owner, args);

    assert('<AdobeSign />: Must pass a url string', typeOf(this.args.url) === 'string');
    assert('<AdobeSign />: Must pass an onChange function', typeOf(this.args.onChange) === 'function');

    window.addEventListener('message', (event) => {
      if (event.origin === 'https://na2.documents.adobe.com' && JSON.parse(event.data).type === 'ESIGN') {
        this.args.onChange();
      }
    });
  }
}