Edit File by line

import React, { Fragment } from 'react';

[0] Fix | Delete

import ReactDOM from 'react-dom';

[1] Fix | Delete

import { domElements } from '../constants/selectors';

[2] Fix | Delete

import useAppEmbedder from './useAppEmbedder';

[3] Fix | Delete

import { App } from './constants';

[4] Fix | Delete

import { IframeErrorPage } from './IframeErrorPage';

[5] Fix | Delete

[6] Fix | Delete

interface PortalProps extends React.PropsWithChildren {

[7] Fix | Delete

app: App;

[8] Fix | Delete

createRoute: boolean;

[9] Fix | Delete

}

[10] Fix | Delete

[11] Fix | Delete

const IntegratedIframePortal = (props: PortalProps) => {

[12] Fix | Delete

const container = document.getElementById(domElements.leadinIframeContainer);

[13] Fix | Delete

const iframeNotRendered = useAppEmbedder(

[14] Fix | Delete

props.app,

[15] Fix | Delete

props.createRoute,

[16] Fix | Delete

container

[17] Fix | Delete

);

[18] Fix | Delete

[19] Fix | Delete

if (container && !iframeNotRendered) {

[20] Fix | Delete

return ReactDOM.createPortal(props.children, container);

[21] Fix | Delete

}

[22] Fix | Delete

[23] Fix | Delete

return (

[24] Fix | Delete

[25] Fix | Delete

{(!container || iframeNotRendered) && <IframeErrorPage />}

[26] Fix | Delete

</Fragment>

[27] Fix | Delete

);

[28] Fix | Delete

};

[29] Fix | Delete

[30] Fix | Delete

const renderIframeApp = () => {

[31] Fix | Delete

const iframeFallbackContainer = document.getElementById(

[32] Fix | Delete

domElements.leadinIframeContainer

[33] Fix | Delete

);

[34] Fix | Delete

[35] Fix | Delete

let app: App;

[36] Fix | Delete

const queryParams = new URLSearchParams(location.search);

[37] Fix | Delete

const page = queryParams.get('page');

[38] Fix | Delete

const createRoute = queryParams.get('leadin_route[0]') === 'create';

[39] Fix | Delete

[40] Fix | Delete

switch (page) {

[41] Fix | Delete

case 'leadin_forms':

[42] Fix | Delete

app = App.Forms;

[43] Fix | Delete

break;

[44] Fix | Delete

case 'leadin_chatflows':

[45] Fix | Delete

app = App.LiveChat;

[46] Fix | Delete

break;

[47] Fix | Delete

case 'leadin_settings':

[48] Fix | Delete

app = App.PluginSettings;

[49] Fix | Delete

break;

[50] Fix | Delete

case 'leadin_user_guide':

[51] Fix | Delete

default:

[52] Fix | Delete

app = App.Plugin;

[53] Fix | Delete

break;

[54] Fix | Delete

}

[55] Fix | Delete

[56] Fix | Delete

ReactDOM.render(

[57] Fix | Delete

<IntegratedIframePortal app={app} createRoute={createRoute} />,

[58] Fix | Delete

iframeFallbackContainer

[59] Fix | Delete

);

[60] Fix | Delete

};

[61] Fix | Delete

[62] Fix | Delete

export default renderIframeApp;

[63] Fix | Delete

[64] Fix | Delete