<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>Development</title>
    <style>
      body {
        background-color: #f5f6f8;
      }
    </style>
  </head>
  <body>
    <script
      type="text/javascript"
      src="<%= htmlWebpackPlugin.files.js[0] %>"
    ></script>
    <script src="https://cdn.jsdelivr.net/npm/js-base64@2.5.2/base64.min.js"></script>
    <script type="text/javascript">
      const queryString = window.location.search;
      const urlParams = new URLSearchParams(queryString);
      const encodedConfig = urlParams.get('c');
      let config = {};

      if (encodedConfig) {
        config = JSON.parse(Base64.decode(encodedConfig));
      } else if (urlParams.get('integrationId')) {
        const search = queryString.substring(1);
        config = JSON.parse(
          '{"' + search.replace(/&/g, '","').replace(/=/g, '":"') + '"}',
          (key, value) => (key === '' ? value : decodeURIComponent(value))
        );
      }

      MoveoAI.init(config)
        .then((agent) => {
          console.log('Agent connected');
        })
        .catch((err) => console.error(err));
    </script>
  </body>
</html>
