window.openFinClipWindow = () => {
  const domain = document.getElementById('domain').value;
  const appkey = document.getElementById('appkey').value;
  const appid = document.getElementById('appid').value;
  const secret = document.getElementById('secret').value;
  finclip.open({
    domain, appkey, appid, secret,
  });
};

window.embedFinClipWindow = () => {
  finclip.embed();
};

window.closeFinClipWindow = () => {
  finclip.close();
};

window.setFinClipPosition = () => {
  const left = +document.getElementById('left').value || 0;
  const top = +document.getElementById('top').value || 0;
  const width = +document.getElementById('width').value || 640;
  const height = +document.getElementById('height').value || 480;
  finclip.setPosition({ width, height, left, top });
};