import * as React from 'react';
import { getWidgetDefinition } from './widget-definition';
import { WidgetContainer } from '@talentsoft-opensource/integration-widget-component';
import { getAppService } from './app-service';

export function WidgetHost() {
    const params: Record<string, string> = getQueryStringParams();
    const definition = getWidgetDefinition(window);
    const appService = getAppService(definition);
    
    return <WidgetContainer
        appService={appService}
        appid={definition.name}
        bodyComponent={definition.component}
        isMobile={false}
        name={definition.name}
        params={params}
    />
}


function getQueryStringParams() {
    const params: Record<string, string> = {};
    const urlParams = new URLSearchParams(window.location.search);
    urlParams.forEach((v, k) => {
        params[k] = v;
    });
    return params;
}