Edit File by line

import React, { Fragment, useState } from 'react';

[0] Fix | Delete

import ElementorBanner from '../Common/ElementorBanner';

[1] Fix | Delete

import UISpinner from '../../shared/UIComponents/UISpinner';

[2] Fix | Delete

import ElementorMeetingWarning from './ElementorMeetingWarning';

[3] Fix | Delete

import useMeetings, {

[4] Fix | Delete

useSelectedMeetingCalendar,

[5] Fix | Delete

} from '../../shared/Meeting/hooks/useMeetings';

[6] Fix | Delete

import { __ } from '@wordpress/i18n';

[7] Fix | Delete

import Raven from 'raven-js';

[8] Fix | Delete

import {

[9] Fix | Delete

BackgroudAppContext,

[10] Fix | Delete

useBackgroundAppContext,

[11] Fix | Delete

} from '../../iframe/useBackgroundApp';

[12] Fix | Delete

import { refreshToken } from '../../constants/leadinConfig';

[13] Fix | Delete

import { getOrCreateBackgroundApp } from '../../utils/backgroundAppUtils';

[14] Fix | Delete

[15] Fix | Delete

interface IElementorMeetingSelectProps {

[16] Fix | Delete

url: string;

[17] Fix | Delete

setAttributes: Function;

[18] Fix | Delete

}

[19] Fix | Delete

[20] Fix | Delete

function ElementorMeetingSelect({

[21] Fix | Delete

url,

[22] Fix | Delete

setAttributes,

[23] Fix | Delete

}: IElementorMeetingSelectProps) {

[24] Fix | Delete

const {

[25] Fix | Delete

mappedMeetings: meetings,

[26] Fix | Delete

loading,

[27] Fix | Delete

error,

[28] Fix | Delete

reload,

[29] Fix | Delete

connectCalendar,

[30] Fix | Delete

} = useMeetings();

[31] Fix | Delete

const selectedMeetingCalendar = useSelectedMeetingCalendar(url);

[32] Fix | Delete

const [localUrl, setLocalUrl] = useState(url);

[33] Fix | Delete

[34] Fix | Delete

const handleConnectCalendar = () => {

[35] Fix | Delete

return connectCalendar()

[36] Fix | Delete

.then(() => {

[37] Fix | Delete

reload();

[38] Fix | Delete

})

[39] Fix | Delete

.catch(error => {

[40] Fix | Delete

Raven.captureMessage('Unable to connect calendar', {

[41] Fix | Delete

extra: { error },

[42] Fix | Delete

});

[43] Fix | Delete

});

[44] Fix | Delete

};

[45] Fix | Delete

[46] Fix | Delete

return (

[47] Fix | Delete

[48] Fix | Delete

{loading ? (

[49] Fix | Delete

<div>

[50] Fix | Delete

[51] Fix | Delete

</div>

[52] Fix | Delete

) : error ? (

[53] Fix | Delete

[54] Fix | Delete

{__(

[55] Fix | Delete

'Please refresh your meetings or try again in a few minutes',

[56] Fix | Delete

'leadin'

[57] Fix | Delete

)}

[58] Fix | Delete

</ElementorBanner>

[59] Fix | Delete

) : (

[60] Fix | Delete

[61] Fix | Delete

{selectedMeetingCalendar && (

[62] Fix | Delete

<ElementorMeetingWarning

[63] Fix | Delete

status={selectedMeetingCalendar}

[64] Fix | Delete

onConnectCalendar={connectCalendar}

[65] Fix | Delete

[66] Fix | Delete

)}

[67] Fix | Delete

{meetings.length > 1 && (

[68] Fix | Delete

<select

[69] Fix | Delete

value={localUrl}

[70] Fix | Delete

onChange={event => {

[71] Fix | Delete

const newUrl = event.target.value;

[72] Fix | Delete

setLocalUrl(newUrl);

[73] Fix | Delete

setAttributes({

[74] Fix | Delete

url: newUrl,

[75] Fix | Delete

});

[76] Fix | Delete

}}

[77] Fix | Delete

[78] Fix | Delete

[79] Fix | Delete

{__('Select a meeting', 'leadin')}

[80] Fix | Delete

</option>

[81] Fix | Delete

{meetings.map(item => (

[82] Fix | Delete

[83] Fix | Delete

{item.label}

[84] Fix | Delete

</option>

[85] Fix | Delete

))}

[86] Fix | Delete

</select>

[87] Fix | Delete

)}

[88] Fix | Delete

</Fragment>

[89] Fix | Delete

)}

[90] Fix | Delete

</Fragment>

[91] Fix | Delete

);

[92] Fix | Delete

}

[93] Fix | Delete

[94] Fix | Delete

function ElementorMeetingSelectWrapper(props: IElementorMeetingSelectProps) {

[95] Fix | Delete

const isBackgroundAppReady = useBackgroundAppContext();

[96] Fix | Delete

[97] Fix | Delete

return (

[98] Fix | Delete

[99] Fix | Delete

{!isBackgroundAppReady ? (

[100] Fix | Delete

<div>

[101] Fix | Delete

[102] Fix | Delete

</div>

[103] Fix | Delete

) : (

[104] Fix | Delete

[105] Fix | Delete

)}

[106] Fix | Delete

</Fragment>

[107] Fix | Delete

);

[108] Fix | Delete

}

[109] Fix | Delete

[110] Fix | Delete

export default function ElementorMeetingsSelectContainer(

[111] Fix | Delete

props: IElementorMeetingSelectProps

[112] Fix | Delete

) {

[113] Fix | Delete

return (

[114] Fix | Delete

<BackgroudAppContext.Provider

[115] Fix | Delete

value={refreshToken && getOrCreateBackgroundApp(refreshToken)}

[116] Fix | Delete

[117] Fix | Delete

[118] Fix | Delete

</BackgroudAppContext.Provider>

[119] Fix | Delete

);

[120] Fix | Delete

}

[121] Fix | Delete

[122] Fix | Delete