npm install @grapecity-software/wyn-integration

import { WynIntegration } from "@grapecity-software/wyn-integration";

let designer:any = null;
const createDesigner = async (baseUrl, token, onSavedReport, reportId, reportType) => {

    if (designer) {
        designer.destroy();
        clearContainer();
    }

    WynIntegration.createReportDesigner({
        baseUrl: baseUrl,
        reportId: reportId,
        lng: 'en',
        token: token,
        onSaved: onSavedReport,
        makeTitle: (reportName, options) => {
            const title = `${reportName}${options.dirty ? ' *' : ''}`;
            return title;
        },
    }, '#wyn-root').then(ins => {
        designer = ins;
        designer.closeViewer();
        designer.api.createReport({ reportType });
    });
};

const clearContainer = () => {
     const container = document.querySelector('#wyn-root');
     if (container) container.innerHTML = '';
}