feat: org-wide workflows

apps/web/lib/booking.ts

@@ -1,5 +1,6 @@
 import { getBookingFieldsWithSystemFields } from "@calcom/features/bookings/lib/getBookingFields";
 import { bookingResponsesDbSchema } from "@calcom/features/bookings/lib/getBookingResponsesSchema";
+import { workflowSelect } from "@calcom/features/ee/workflows/lib/getAllWorkflows";
 import prisma from "@calcom/prisma";
 import type { Prisma } from "@calcom/prisma/client";
 import { BookingStatus } from "@calcom/prisma/enums";
@@ -61,10 +62,7 @@ export const getEventTypesFromDB = async (id: number) => {
       workflows: {
         select: {
           workflow: {
-            select: {
-              id: true,
-              steps: true,
-            },
+            select: workflowSelect,
           },
         },
       },

apps/web/modules/event-types/views/event-types-single-view.tsx

@@ -14,6 +14,7 @@
 import checkForMultiplePaymentApps from "@calcom/app-store/_utils/payments/checkForMultiplePaymentApps";
 import { getEventLocationType } from "@calcom/app-store/locations";
 import { validateCustomEventName } from "@calcom/core/event";
+import type { Workflow } from "@calcom/features/ee/workflows/lib/types";
 import type { ChildrenEventType } from "@calcom/features/eventtypes/components/ChildrenEventTypeSelect";
 import type { FormValues } from "@calcom/features/eventtypes/lib/types";
 import { validateIntervalLimitOrder } from "@calcom/lib";
@@ -143,7 +144,7 @@
 export type EventTypeSetupProps = RouterOutputs["viewer"]["eventTypes"]["get"];
 export type EventTypeSetup = RouterOutputs["viewer"]["eventTypes"]["get"]["eventType"];
 
-const EventTypePage = (props: EventTypeSetupProps) => {
+const EventTypePage = (props: EventTypeSetupProps & { allActiveWorkflows?: Workflow[] }) => {
   const { t } = useLocale();
   const utils = trpc.useUtils();
   const telemetry = useTelemetry();
@@ -227,7 +228,7 @@
     return () => {
       router.events.off("routeChangeStart", handleRouteChange);
     };
   }, [router]);
 
   const [periodDates] = useState<{ startDate: Date; endDate: Date }>({
     startDate: new Date(eventType.periodStartDate || Date.now()),
@@ -451,11 +452,10 @@
     instant: <EventInstantTab eventType={eventType} isTeamEvent={!!team} />,
     recurring: <EventRecurringTab eventType={eventType} />,
     apps: <EventAppsTab eventType={{ ...eventType, URL: permalink }} />,
-    workflows: (
-      <EventWorkflowsTab
-        eventType={eventType}
-        workflows={eventType.workflows.map((workflowOnEventType) => workflowOnEventType.workflow)}
-      />
+    workflows: props.allActiveWorkflows ? (
+      <EventWorkflowsTab eventType={eventType} workflows={props.allActiveWorkflows} />
+    ) : (
+      <></>
     ),
     webhooks: <EventWebhooksTab eventType={eventType} />,
     ai: <EventAITab eventType={eventType} isTeamEvent={!!team} />,
@@ -692,7 +692,7 @@
       <EventTypeSingleLayout
         enabledAppsNumber={numberOfActiveApps}
         installedAppsNumber={eventTypeApps?.items.length || 0}
-        enabledWorkflowsNumber={eventType.workflows.length}
+        enabledWorkflowsNumber={props.allActiveWorkflows ? props.allActiveWorkflows.length : 0}
         eventType={eventType}
         activeWebhooksNumber={eventType.webhooks.filter((webhook) => webhook.active).length}
         team={team}
@@ -840,7 +840,26 @@
   const { data } = trpc.viewer.eventTypes.get.useQuery({ id: props.type });
 
   if (!data) return null;
-  return <EventTypePage {...(data as EventTypeSetupProps)} />;
+
+  const eventType = data.eventType;
+
+  const { data: workflows } = trpc.viewer.workflows.getAllActiveWorkflows.useQuery({
+    eventType: {
+      workflows: eventType.workflows,
+      teamId: eventType.teamId,
+      userId: eventType.userId,
+      parentId: eventType.parentId,
+      parent: eventType.parent,
+      metadata: eventType.metadata,
+    },
+  });
+
+  const propsData = {
+    ...(data as EventTypeSetupProps),
+    allActiveWorkflows: workflows,
+  };
+
+  return <EventTypePage {...propsData} />;
 };
 
 export default EventTypePageWrapper;

apps/web/playwright/availability.e2e.ts

@@ -119,7 +119,7 @@ test.describe("Availablity", () => {
       await expect(page.getByTestId("availablity-title")).toHaveValue("More working hours");
     });
     await test.step("Can delete a schedule", async () => {
-      await page.getByRole("button", { name: /Go Back/i }).click();
+      await page.getByTestId("go-back-button").click();
       await page.locator('[data-testid="schedules"] > li').nth(1).getByTestId("schedule-more").click();
       await page.locator('[data-testid="delete-schedule"]').click();
       const toast = await page.waitForSelector('[data-testid="toast-success"]');

apps/web/playwright/fixtures/workflows.ts

@@ -30,6 +30,7 @@ export function createWorkflowPageFixture(page: Page) {
       await selectEventType("30 min");
     }
     await saveWorkflow();
+    await page.getByTestId("go-back-button").click();
   };
 
   const saveWorkflow = async () => {
@@ -71,7 +72,7 @@ export function createWorkflowPageFixture(page: Page) {
   };
 
   const selectEventType = async (name: string) => {
-    await page.getByText("Select...").click();
+    await page.getByTestId("multi-select-check-boxes").click();
     await page.getByText(name, { exact: true }).click();
   };
 

apps/web/playwright/workflow.e2e.ts

@@ -19,12 +19,13 @@ test.describe("Workflow Tab - Event Type", () => {
         await assertListCount(3);
       });
 
-      test("Editing an existing workflow", async ({ workflowPage }) => {
+      test("Editing an existing workflow", async ({ workflowPage, page }) => {
         const { saveWorkflow, fillNameInput, editSelectedWorkflow, hasWorkflowInList } = workflowPage;
 
         await editSelectedWorkflow("Test Workflow");
         await fillNameInput("Edited Workflow");
         await saveWorkflow();
+        await page.getByTestId("go-back-button").click();
         await hasWorkflowInList("Edited Workflow");
       });
 

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

@@ -1236,6 +1236,8 @@
   "may_require_confirmation": "May require confirmation",
   "nr_event_type_one": "{{count}} event type",
   "nr_event_type_other": "{{count}} event types",
+  "count_team_one": "{{count}} team",
+  "count_team_other": "{{count}} teams",
   "add_action": "Add action",
   "set_whereby_link": "Set Whereby link",
   "invalid_whereby_link": "Please enter a valid Whereby Link",
@@ -1273,7 +1275,12 @@
   "problem_updating_calendar": "There was a problem updating your calendar",
   "active_on_event_types_one": "Active on {{count}} event type",
   "active_on_event_types_other": "Active on {{count}} event types",
+  "active_on_teams_one": "Active on {{count}} team",
+  "active_on_teams_other": "Active on {{count}} teams",
+  "active_on_all_event_types": "Active on all event types",
+  "active_on_all_teams": "Active on all teams",
   "no_active_event_types": "No active event types",
+  "no_active_teams": "No active teams",
   "new_seat_subject": "New Attendee {{name}} on {{eventType}} at {{date}}",
   "new_seat_title": "Someone has added themselves to an event",
   "variable": "Variable",
@@ -1339,6 +1346,9 @@
   "2fa_required": "Two factor authentication required",
   "incorrect_2fa": "Incorrect two factor authentication code",
   "which_event_type_apply": "Which event type will this apply to?",
+  "apply_to_all_event_types": "Apply to all, including future event types",
+  "apply_to_all_teams": "Apply to all team and user event types",
+  "which_team_apply": "Which team will this apply to?",
   "no_workflows_description": "Workflows enable simple automation to send notifications & reminders enabling you to build processes around your events.",
   "timeformat_profile_hint": "This is an internal setting and will not affect how times are displayed on public booking pages for you or anyone booking you.",
   "create_workflow": "Create a workflow",
@@ -2475,6 +2485,7 @@
   "mark_as_no_show_title": "Mark as no show",
   "x_marked_as_no_show": "{{x}} marked as no-show",
   "x_unmarked_as_no_show": "{{x}} unmarked as no-show",
+  "team_select_info": "triggers for all team event types and all team members' personal event types",
   "no_show_updated": "No-show status updated for attendees",
   "email_copied": "Email copied",
   "USER_PENDING_MEMBER_OF_THE_ORG": "User is a pending member of the organization",

apps/web/test/lib/getSchedule.test.ts

@@ -1419,24 +1419,21 @@ describe("getSchedule", () => {
       });
 
       const scenario = await createBookingScenario(
-        getScenarioData(
-          {
-            eventTypes: [
-              {
-                id: 1,
-                slotInterval: 45,
-                length: 45,
-                users: [
-                  {
-                    id: 101,
-                  },
-                ],
-              },
-            ],
-            organizer,
-          },
-          { id: org.id }
-        )
+        getScenarioData({
+          eventTypes: [
+            {
+              id: 1,
+              slotInterval: 45,
+              length: 45,
+              users: [
+                {
+                  id: 101,
+                },
+              ],
+            },
+          ],
+          organizer,
+        })
       );
 
       const { dateString: plus1DateString } = getDate({ dateIncrement: 1 });