import React from 'react';
import ReactDOM from 'react-dom/client';
import { ModalProvider } from '../ips-react-fw/components/modal/ModalProvider';
import { setApiNonce, setApiRoot } from '../wp-adapter/api/wpClient';
import { CartPage } from '../modules/cart/CartPage';
import type { CartAdminData } from '../modules/cart/types';

export const bootstrapCartAdmin = (config: CartAdminData) => {
  const root = document.getElementById('ipscmi-order-cart-admin-root');
  if (!root) {
    return;
  }

  if (config.restNonce) {
    setApiNonce(config.restNonce);
  }

  if (config.restUrl) {
    setApiRoot(config.restUrl);
  }

  ReactDOM.createRoot(root).render(
    <React.StrictMode>
      <ModalProvider>
        <CartPage initialData={config} />
      </ModalProvider>
    </React.StrictMode>
  );
};