Demo

import { TravelQuoteForm } from '@comparaonline/travel-quote/react';
import { useEffect, useState } from 'react';
import '@comparaonline/travel-quote/css';

const ENVIRONMENT = 'production';

export default function App() {
  const environment = ENVIRONMENT === 'staging' ? 'staging' : 'production';
  const authUrl =
  environment === 'staging'
    ? 'https://ms-staging.comparaonline.com/travel-funnel-bff/public/cl/auth/login'
    : 'https://ms.comparaonline.com/travel-funnel-bff/public/cl/auth/login';

  const [travelProps, setTravelProps] = useState({
    country: 'CL',
    environment,
    styles: {
      theme: 'undefined',
      primaryColor: '#E28743'
    },
  });

  useEffect(() => {
    (async () => {
      const res = await fetch(authUrl, {
        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();

      setTravelProps((prevConfig) => ({
        ...prevConfig,
        ...data,
      }));
    })();
  }, [authUrl]);

  return <TravelQuoteForm {...travelProps} />;
}