fix: Improve MS Teams app guidance in App Store (#25173)

apps/web/components/apps/AppPage.tsx

@@ -376,6 +376,21 @@ export const AppPage = ({
         </div>
         {installOrDisconnectAppButton()}
 
+        {slug === "msteams" && (
+          <div className="bg-info mt-4 rounded-md px-4 py-3">
+            <div className="items-start space-x-2.5">
+              <div className="text-info flex items-start">
+                <div>
+                  <Icon name="circle-alert" className="mr-2 mt-1 font-semibold" />
+                </div>
+                <div>
+                  <span className="font-semibold">{t("msteams_calendar_warning_body")}</span>
+                </div>
+              </div>
+            </div>
+          </div>
+        )}
+
         {dependencies &&
           (!dependencyData.isPending ? (
             <div className="mt-6">

apps/web/public/static/locales/en/common.json

@@ -368,6 +368,7 @@
   "available_apps": "Available Apps",
   "available_apps_lower_case": "Available apps",
   "available_apps_desc": "View popular apps below and explore more in our <0>App Store</0>",
+  "msteams_calendar_warning_body": "Install Microsoft Teams and Microsoft Outlook Calendar together so meetings include a proper online link and professional description.",
   "fixed_host_helper": "Add anyone who needs to attend the event. <0>Learn more</0>",
   "round_robin_groups_helper": "People in a group take turns, one person of each group will show up for the event. <0>Learn more</0>",
   "round_robin_helper": "People in the group take turns and only one person will show up for the event. <0>Learn more</0>",

packages/app-store/office365video/_metadata.ts

@@ -21,7 +21,6 @@ export const metadata = {
   publisher: "Cal.com",
   slug: "msteams",
   dirName: "office365video",
-  dependencies: ["office365-calendar"],
   url: "https://www.microsoft.com/en-ca/microsoft-teams/group-chat-software",
   email: "help@cal.com",
   isOAuth: true,

packages/app-store/office365video/config.json

@@ -22,7 +22,6 @@
     }
   },
   "dirName": "office365video",
-  "dependencies": ["office365-calendar"],
   "concurrentMeetings": true,
   "isOAuth": true
 }