Demo

import { CICLFullQuoteView } from '@comparaonline/cicl-full-quote/react';
import { useEffect, useState } from 'react';
import '@comparaonline/cicl-full-quote/css';

const ENVIRONMENT = 'production';

export default function App() {
  const environment = ENVIRONMENT === 'staging' ? 'staging' : 'production';
  const baseUrl =
  environment === 'staging'
    ? 'https://cotizador-staging.comparaonline.com'
    : 'https://cotizador.comparaonline.com';
  const [CICLFullQuoteConfig, setCICLFullQuoteConfig] = useState({
    lang: 'es',
    environment,
  });

  useEffect(() => {
    (async () => {
      const res = await fetch(baseUrl + '/octopus-prime/auth/login', {
        method: 'POST',
        headers: {
          Accept: 'application/json',
          'Content-Type': 'application/json',
          'Requesting-App': 'brick',
        },
        body: JSON.stringify({
          username: 'not-a-valid-user',
          password: 'not-a-valid-password',
        }),
      });
      const data = await res.json();

      setCICLFullQuoteConfig((prevConfig) => ({
        ...prevConfig,
        ...data,
        environment,
        theme: {
          mode: 'undefined',
        },
      }));
    })();
  }, [baseUrl, environment]);

  return <CICLFullQuoteView {...CICLFullQuoteConfig} />;
}