MS Teams + MS Calendar Bad Implementation

[ldpg-dev]

Issue Summary

Microsoft Teams + Microsoft Outlook Calendar Meetings are not being created as online meetings, and have unprofessional description.

Steps to Reproduce

1. Install MS Teams app from the app marketplace
2. Setup MS Outlook as your main Calendar
3. Create a Booking and set MS Teams as the meeting software
4. Book a meeting
5. Atendees will receive 2 emails: 1 from Cal.com + 1 from MS Calendar

Actual Results

• Attendees will get 2 emails. 1 from Cal.com and 1 from MS Calendar
• The one from MS Calendar looks like this:

• When I go to MS Teams to check this is what I see:

Expected Results

• This is what that email would normally look like when I create a meeting through Calendly or MS Teams directly:

Notice how the location is Not the Meeting Link but an arbitrary URL, in this case Calendly's event, and the "Online Meeting" switch is turned on, letting Microsoft handle the link creation, instead of creating a link and then attaching it to the calendar event

[dosubot]

To address the issue with Microsoft Teams meeting invitations not being created as online meetings and having an unprofessional description, it's essential to ensure that the meetings are created through the Microsoft Graph API as online meetings. This approach will enable Microsoft Teams to handle the invitation layout and details, ensuring a professional appearance.

Here's a more direct solution to implement:

1. Use Microsoft Graph API: Ensure your integration creates the meeting as an online Teams meeting directly through the Microsoft Graph API. This action will automatically set the meeting as an online event and allow Teams to manage the invitation details.

2. Customize Email Invitations: If you're sending additional emails through your application, use the AttendeeScheduledEmail class as a reference for generating professional-looking email content. Include the joinWebUrl prominently in your email template to make it easy for attendees to join the meeting.

3. Automate and Customize: Integrate the email sending functionality into your meeting creation workflow. After creating the meeting and obtaining the joinWebUrl, generate a customized email invitation using your template and send it to all attendees.

4. Error Handling and Localization: Implement error handling for a smooth user experience and use localization and time zone information to ensure the email content is relevant and correctly formatted for all recipients.

By following these steps, you can improve the professionalism of your Microsoft Teams meeting invitations and ensure they are recognized as online meetings. This approach leverages the capabilities of the Microsoft Graph API and custom email templates to enhance the overall user experience.

Details

Sources

• [CAL-3401] MS Teams not clickable in the calendar invite
• [CAL-3364] Team Invite Email weird formatting
• Teams app not creating join button, only a teams link
• [CAL-378] MS Teams link not showing in the confirmation email
• Microsoft Teams No invite link in email - Self Hosted
• packages/app-store/office365video/lib/VideoApiAdapter.ts
• packages/emails/templates/attendee-scheduled-email.ts
• packages/app-store/office365video/lib/VideoApiAdapter.test.ts
• apps/web/lib/clock.ts
• apps/web/public/static/locales/en/common.json
• packages/features/bookings/Booker/utils/dates.tsx
• packages/features/bookings/lib/timePreferences.ts
• packages/emails/templates/organizer-scheduled-email.ts
• packages/app-store/_utils/oauth/OAuthManager.ts

About Dosu
This response is meant to be useful and save you time. It is not meant to be a precise solution, but rather a starting point for your own research.

Help me be more useful! Please leave a 👍 if this is helpful and 👎 if it is irrelevant.

To continue the conversation, mention @dosu.

[milospuac]

@joeauyeung