@calcom/atoms 2.8.7 → 2.9.0

package/dist/onboarding/types.d.ts

@@ -0,0 +1,31 @@
+import { ReactNode } from 'react';
+import { AtomOAuthScope } from '../contracts';
+export interface OnboardingEmbedProps {
+    oAuthClientId: string;
+    host?: string;
+    theme?: "light" | "dark";
+    user?: {
+        email?: string;
+        name?: string;
+        username?: string;
+    };
+    authorization: AuthorizationProps;
+    onAuthorizationAllowed?: (result: {
+        code: string;
+    }) => void;
+    onError?: (error: OnboardingError) => void;
+    onAuthorizationDenied?: () => void;
+    onClose?: () => void;
+    trigger?: ReactNode;
+}
+export interface AuthorizationProps {
+    redirectUri: string;
+    scope: AtomOAuthScope[];
+    state: string;
+    codeChallenge?: string;
+}
+export interface OnboardingError {
+    code: "INVALID_PROPS" | "SIGNUP_FAILED" | "ONBOARDING_FAILED" | "AUTHORIZATION_FAILED" | "STATE_MISMATCH" | "UNKNOWN";
+    message: string;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/onboarding/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/onboarding/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAEnD,MAAM,WAAW,oBAAoB;IACnC,aAAa,EAAE,MAAM,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACzB,IAAI,CAAC,EAAE;QACL,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,QAAQ,CAAC,EAAE,MAAM,CAAC;KACnB,CAAC;IACF,aAAa,EAAE,kBAAkB,CAAC;IAClC,sBAAsB,CAAC,EAAE,CAAC,MAAM,EAAE;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAC5D,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAC;IAC3C,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAC;IACnC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,kBAAkB;IACjC,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,eAAe;IAC9B,IAAI,EACA,eAAe,GACf,eAAe,GACf,mBAAmB,GACnB,sBAAsB,GACtB,gBAAgB,GAChB,SAAS,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;CACjB"}

package/dist/onboarding/types.js

@@ -0,0 +1 @@
+

package/dist/router/index.d.ts

@@ -0,0 +1,2 @@
+export { Router } from './router';
+//# sourceMappingURL=index.d.ts.map

package/dist/router/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/router/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC"}

package/dist/router/index.js

@@ -0,0 +1,4 @@
+import { Router as e } from "./router.js";
+export {
+  e as Router
+};

package/dist/router/router.d.ts

@@ -0,0 +1,30 @@
+import { ReactElement, default as React } from 'react';
+import { BookerPlatformWrapperAtomPropsForTeam } from '../booker/types';
+/**
+ * Renders the Router component with predefined props.
+ * Depending on the routing form either renders a custom message, redirects or display Booker embed atom.
+ * formResponsesURLParams contains the answers to the questions fields defined in the form.
+ * ```tsx
+ * <Router
+ *   formId="1a1a1a1a-2b2b-3c3c-4d4d-5e5e5e5e5e5e"
+ *   formResponsesURLParams={new URLSearchParams({ Territory: "Europe" })}
+ *   bookerProps={{
+ *    customClassNames: { bookerWrapper: "dark" },
+ *    bannerUrl: "https://i0.wp.com/mahala.co.uk/wp-content/uploads/2014/12/img_banner-thin_mountains.jpg?fit=800%2C258&ssl=1",
+ *    onCreateBookingSuccess: (data) => console.log(data),
+ *    onCreateBookingError: (err) => console.error(err)
+ * />
+ * ```
+ */
+export declare const Router: React.MemoExoticComponent<({ formId, formResponsesURLParams, onExternalRedirect, onDisplayBookerEmbed, renderMessage, onSubmitFormStart, onSubmitFormEnd, renderLoader, bookerProps, }: {
+    formId: string;
+    formResponsesURLParams?: URLSearchParams;
+    onExternalRedirect?: () => void;
+    onDisplayBookerEmbed?: () => void;
+    onSubmitFormStart?: () => void;
+    onSubmitFormEnd?: () => void;
+    renderMessage?: (message?: string) => ReactElement | ReactElement[];
+    bookerProps?: Pick<Partial<BookerPlatformWrapperAtomPropsForTeam>, "customClassNames" | "bannerUrl" | "onCreateBookingSuccess" | "onCreateBookingError" | "onCreateRecurringBookingSuccess" | "onCreateRecurringBookingError" | "onReserveSlotSuccess" | "onReserveSlotError" | "onDeleteSlotSuccess" | "onDeleteSlotError" | "view" | "onDryRunSuccess" | "hostsLimit" | "metadata" | "handleCreateBooking" | "handleSlotReservation" | "preventEventTypeRedirect">;
+    renderLoader?: (isLoading?: boolean) => ReactElement | ReactElement[];
+}) => JSX.Element>;
+//# sourceMappingURL=router.d.ts.map

package/dist/router/router.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"router.d.ts","sourceRoot":"","sources":["../../src/router/router.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,KAAK,EAAE,qCAAqC,EAAE,MAAM,iBAAiB,CAAC;AAc7E;;;;;;;;;;;;;;;GAeG;AAEH,eAAO,MAAM,MAAM,0LAWd;IACD,MAAM,EAAE,MAAM,CAAC;IACf,sBAAsB,CAAC,EAAE,eAAe,CAAC;IACzC,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAC;IAClC,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,aAAa,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE,MAAM,KAAK,YAAY,GAAG,YAAY,EAAE,CAAC;IACpE,WAAW,CAAC,EAAE,IAAI,CAChB,OAAO,CAAC,qCAAqC,CAAC,EAC5C,kBAAkB,GAClB,WAAW,GACX,wBAAwB,GACxB,sBAAsB,GACtB,iCAAiC,GACjC,+BAA+B,GAC/B,sBAAsB,GACtB,oBAAoB,GACpB,qBAAqB,GACrB,mBAAmB,GACnB,MAAM,GACN,iBAAiB,GACjB,YAAY,GACZ,UAAU,GACV,qBAAqB,GACrB,uBAAuB,GACvB,0BAA0B,CAC7B,CAAC;IACF,YAAY,CAAC,EAAE,CAAC,SAAS,CAAC,EAAE,OAAO,KAAK,YAAY,GAAG,YAAY,EAAE,CAAC;CACvE,iBAuFF,CAAC"}

package/dist/router/router.js

@@ -0,0 +1,65 @@
+import { jsx as e, Fragment as c } from "react/jsx-runtime";
+import U, { useState as a } from "react";
+import { BookerEmbed as j } from "../booker-embed/booker-embed.js";
+const _ = /* @__PURE__ */ new Set(["http:", "https:", "mailto:"]);
+function A(m) {
+  try {
+    const l = new URL(m.trim());
+    return _.has(l.protocol);
+  } catch {
+    return !1;
+  }
+}
+const C = U.memo(
+  ({
+    formId: m,
+    formResponsesURLParams: l,
+    onExternalRedirect: n,
+    onDisplayBookerEmbed: o,
+    renderMessage: w,
+    onSubmitFormStart: h,
+    onSubmitFormEnd: u,
+    renderLoader: i,
+    bookerProps: N
+  }) => {
+    const [r, g] = a(), [s, x] = a(), [t, y] = a(), [T, R] = a();
+    U.useEffect(() => {
+      if (!r) {
+        g(!0), R(!1), y(void 0), x("");
+        const f = void 0;
+        h == null || h(), fetch(`${f}/router/forms/${m}/submit`, {
+          method: "POST",
+          headers: {
+            "Content-Type": "application/json"
+          },
+          body: l ? JSON.stringify(Object.fromEntries(l)) : void 0
+        }).then(async (d) => {
+          var O;
+          const p = await d.json();
+          p.redirect ? x(p.data) : y({ message: ((O = p.data) == null ? void 0 : O.message) ?? "" });
+        }).catch((d) => {
+          console.error(d), R(!0);
+        }).finally(() => {
+          g(!1), u == null || u();
+        });
+      }
+    }, []);
+    const v = !!s;
+    if (r && i)
+      return /* @__PURE__ */ e(c, { children: i == null ? void 0 : i(r) });
+    if (r || T)
+      return /* @__PURE__ */ e(c, {});
+    if (!r && v && s) {
+      const f = new URLSearchParams(s);
+      if (f.get("cal.action") === "eventTypeRedirectUrl")
+        return o == null || o(), /* @__PURE__ */ e(j, { routingFormUrl: s, ...N });
+      if (f.get("cal.action") === "externalRedirectUrl")
+        return A(s) && (n == null || n(), window.location.href = s.trim()), /* @__PURE__ */ e(c, {});
+    }
+    return !v && (t != null && t.message) ? w ? /* @__PURE__ */ e(c, { children: w(t == null ? void 0 : t.message) }) : /* @__PURE__ */ e("div", { className: "mx-auto my-0 max-w-3xl md:my-24", children: /* @__PURE__ */ e("div", { className: "w-full max-w-4xl ltr:mr-2 rtl:ml-2", children: /* @__PURE__ */ e("div", { className: "text-default bg-default -mx-4 rounded-sm border border-neutral-200 p-4 py-6 sm:mx-0 sm:px-8", children: /* @__PURE__ */ e("div", { children: t == null ? void 0 : t.message }) }) }) }) : /* @__PURE__ */ e(c, {});
+  }
+);
+C.displayName = "RouterAtom";
+export {
+  C as Router
+};

package/dist/selected-calendars/index.d.ts

@@ -0,0 +1,2 @@
+export { SelectedCalendarsSettingsPlatformWrapper } from './wrappers/selected-calendars-settings-platform-wrapper';
+//# sourceMappingURL=index.d.ts.map

package/dist/selected-calendars/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/selected-calendars/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wCAAwC,EAAE,MAAM,yDAAyD,CAAC"}

package/dist/selected-calendars/index.js

@@ -0,0 +1,4 @@
+import { SelectedCalendarsSettingsPlatformWrapper as t } from "./wrappers/selected-calendars-settings-platform-wrapper.js";
+export {
+  t as SelectedCalendarsSettingsPlatformWrapper
+};

package/dist/selected-calendars/selected-calendars-settings.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+export declare const SelectedCalendarsSettings: (props: {
+    children: ReactNode;
+    classNames?: string;
+}) => JSX.Element;
+//# sourceMappingURL=selected-calendars-settings.d.ts.map

package/dist/selected-calendars/selected-calendars-settings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"selected-calendars-settings.d.ts","sourceRoot":"","sources":["../../src/selected-calendars/selected-calendars-settings.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,eAAO,MAAM,yBAAyB,GAAI,OAAO;IAAE,QAAQ,EAAE,SAAS,CAAC;IAAC,UAAU,CAAC,EAAE,MAAM,CAAA;CAAE,gBAE5F,CAAC"}

package/dist/selected-calendars/selected-calendars-settings.js

@@ -0,0 +1,6 @@
+import { jsx as r } from "react/jsx-runtime";
+import { cn as t } from "../lib/utils.js";
+const l = (e) => /* @__PURE__ */ r("div", { className: t("border-subtle mt-6 rounded-lg border", e.classNames), children: e.children });
+export {
+  l as SelectedCalendarsSettings
+};

package/dist/selected-calendars/wrappers/selected-calendars-settings-platform-wrapper.d.ts

@@ -0,0 +1,38 @@
+export type CalendarRedirectUrls = {
+    google?: string;
+    outlook?: string;
+};
+export type SelectedCalendarsClassNames = {
+    container?: string;
+    header?: {
+        container?: string;
+        title?: string;
+        description?: string;
+    };
+    selectedCalendarsListClassNames?: {
+        container?: string;
+        selectedCalendar?: {
+            container?: string;
+            header?: {
+                container?: string;
+                title?: string;
+                description?: string;
+            };
+            body?: {
+                container?: string;
+                description?: string;
+            };
+        };
+    };
+    noSelectedCalendarsMessage?: string;
+};
+type SelectedCalendarsSettingsPlatformWrapperProps = {
+    classNames?: string;
+    classNamesObject?: SelectedCalendarsClassNames;
+    calendarRedirectUrls?: CalendarRedirectUrls;
+    allowDelete?: boolean;
+    isDryRun?: boolean;
+};
+export declare const SelectedCalendarsSettingsPlatformWrapper: ({ classNames, calendarRedirectUrls, allowDelete, isDryRun, classNamesObject, }: SelectedCalendarsSettingsPlatformWrapperProps) => JSX.Element;
+export {};
+//# sourceMappingURL=selected-calendars-settings-platform-wrapper.d.ts.map

package/dist/selected-calendars/wrappers/selected-calendars-settings-platform-wrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"selected-calendars-settings-platform-wrapper.d.ts","sourceRoot":"","sources":["../../../src/selected-calendars/wrappers/selected-calendars-settings-platform-wrapper.tsx"],"names":[],"mappings":"AA0BA,MAAM,MAAM,oBAAoB,GAAG;IACjC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,2BAA2B,GAAG;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE;QACP,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,WAAW,CAAC,EAAE,MAAM,CAAC;KACtB,CAAC;IACF,+BAA+B,CAAC,EAAE;QAChC,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,gBAAgB,CAAC,EAAE;YACjB,SAAS,CAAC,EAAE,MAAM,CAAC;YACnB,MAAM,CAAC,EAAE;gBACP,SAAS,CAAC,EAAE,MAAM,CAAC;gBACnB,KAAK,CAAC,EAAE,MAAM,CAAC;gBACf,WAAW,CAAC,EAAE,MAAM,CAAC;aACtB,CAAC;YACF,IAAI,CAAC,EAAE;gBACL,SAAS,CAAC,EAAE,MAAM,CAAC;gBACnB,WAAW,CAAC,EAAE,MAAM,CAAC;aACtB,CAAC;SACH,CAAC;KACH,CAAC;IACF,0BAA0B,CAAC,EAAE,MAAM,CAAC;CACrC,CAAC;AAEF,KAAK,6CAA6C,GAAG;IACnD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gBAAgB,CAAC,EAAE,2BAA2B,CAAC;IAC/C,oBAAoB,CAAC,EAAE,oBAAoB,CAAC;IAC5C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,wCAAwC,GAAI,gFAMtD,6CAA6C,gBAgK/C,CAAC"}

package/dist/selected-calendars/wrappers/selected-calendars-settings-platform-wrapper.js

@@ -0,0 +1,306 @@
+import { jsx as e, jsxs as m, Fragment as k } from "react/jsx-runtime";
+import { useState as q } from "react";
+import { AtomsWrapper as S } from "../../components/atoms-wrapper.js";
+import { Alert as T } from "../../components/ui/alert.js";
+import { AppListCard as J } from "../../components/ui/app-list-card.js";
+import { Button as K } from "../../components/ui/button.js";
+import { CalendarSwitchComponent as Q } from "../../components/ui/calendar-switch.js";
+import { DisconnectIntegrationComponent as V } from "../../components/ui/disconnect-calendar-integration.js";
+import { Dropdown as X, DropdownMenuTrigger as Y, DropdownMenuContent as Z } from "../../components/ui/dropdown.js";
+import { Switch as R } from "../../components/ui/switch.js";
+import { useToast as F } from "../../components/ui/use-toast.js";
+import { AppleConnect as U } from "../../connect/apple/apple-connect.js";
+import { GcalConnect as N } from "../../connect/google/gcal-connect.js";
+import { OutlookConnect as O } from "../../connect/outlook/outlook-connect.js";
+import { useAddSelectedCalendar as j } from "../../hooks/calendars/use-add-selected-calendar.js";
+import { useDeleteCalendarCredentials as ee } from "../../hooks/calendars/use-delete-calendar-credentials.js";
+import { useRemoveSelectedCalendar as re } from "../../hooks/calendars/use-remove-selected-calendar.js";
+import { useAtomsLocale as y } from "../../hooks/use-atoms-locale.js";
+import { useConnectedCalendars as z } from "../../hooks/use-connected-calendars.js";
+import { cn as f } from "../../lib/utils.js";
+import { SelectedCalendarsSettings as B } from "../selected-calendars-settings.js";
+const ke = ({
+  classNames: t = "mx-5 mb-6",
+  calendarRedirectUrls: i,
+  allowDelete: n,
+  isDryRun: o,
+  classNamesObject: r
+}) => {
+  var g;
+  const { t: h } = y(), l = z({});
+  if (l.isPending)
+    return /* @__PURE__ */ e(S, { children: /* @__PURE__ */ e("div", {}) });
+  if (l.isError)
+    return /* @__PURE__ */ e(S, { children: /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(T, { severity: "error", title: "Something went wrong", message: l.error.message }) }) });
+  const a = l.data, s = a.destinationCalendar.externalId;
+  return a.connectedCalendars.length ? /* @__PURE__ */ e(S, { children: /* @__PURE__ */ e("div", { children: /* @__PURE__ */ m(B, { classNames: (r == null ? void 0 : r.container) || t, children: [
+    /* @__PURE__ */ e(
+      H,
+      {
+        classNames: r == null ? void 0 : r.header,
+        calendarRedirectUrls: i,
+        isDryRun: o
+      }
+    ),
+    /* @__PURE__ */ e(
+      List,
+      {
+        noBorderTreatment: !0,
+        className: ((g = r == null ? void 0 : r.selectedCalendarsListClassNames) == null ? void 0 : g.container) || "p-6 pt-2",
+        children: a.connectedCalendars.map((d) => {
+          var w, I, v, _, u, c, C, x, L, A, M, P, $, b, D, E, G;
+          return d.calendars && d.calendars.length > 0 ? /* @__PURE__ */ e(
+            J,
+            {
+              shouldHighlight: !0,
+              slug: d.integration.slug,
+              title: d.integration.name,
+              logo: `https://app.cal.com${d.integration.logo}`,
+              description: ((w = d.primary) == null ? void 0 : w.email) ?? d.integration.description,
+              classNameObject: {
+                container: f(
+                  "border-subtle mt-4 rounded-lg border",
+                  (v = (I = r == null ? void 0 : r.selectedCalendarsListClassNames) == null ? void 0 : I.selectedCalendar) == null ? void 0 : v.container
+                ),
+                title: (c = (u = (_ = r == null ? void 0 : r.selectedCalendarsListClassNames) == null ? void 0 : _.selectedCalendar) == null ? void 0 : u.header) == null ? void 0 : c.title,
+                description: (L = (x = (C = r == null ? void 0 : r.selectedCalendarsListClassNames) == null ? void 0 : C.selectedCalendar) == null ? void 0 : x.header) == null ? void 0 : L.description
+              },
+              actions: /* @__PURE__ */ e("div", { className: "flex w-32 justify-end", children: n && !d.delegationCredentialId && /* @__PURE__ */ e(
+                W,
+                {
+                  credentialId: d.credentialId,
+                  trashIcon: !0,
+                  buttonProps: { className: "border border-default" },
+                  slug: d.integration.slug,
+                  isDryRun: o
+                }
+              ) }),
+              children: /* @__PURE__ */ m(
+                "div",
+                {
+                  className: f(
+                    "border-subtle border-t",
+                    (P = (M = (A = r == null ? void 0 : r.selectedCalendarsListClassNames) == null ? void 0 : A.selectedCalendar) == null ? void 0 : M.body) == null ? void 0 : P.container
+                  ),
+                  children: [
+                    /* @__PURE__ */ e(
+                      "p",
+                      {
+                        className: f(
+                          "text-subtle px-5 pt-4 text-sm",
+                          (D = (b = ($ = r == null ? void 0 : r.selectedCalendarsListClassNames) == null ? void 0 : $.selectedCalendar) == null ? void 0 : b.body) == null ? void 0 : D.description
+                        ),
+                        children: h("toggle_calendars_conflict")
+                      }
+                    ),
+                    /* @__PURE__ */ e("ul", { className: "stack-y-4 px-5 py-4", children: (E = d.calendars) == null ? void 0 : E.map((p) => /* @__PURE__ */ e(
+                      ne,
+                      {
+                        externalId: p.externalId,
+                        title: p.name || "Nameless calendar",
+                        name: p.name || "Nameless calendar",
+                        type: d.integration.type,
+                        isChecked: p.isSelected,
+                        destination: p.externalId === s,
+                        credentialId: p.credentialId,
+                        delegationCredentialId: d.delegationCredentialId,
+                        eventTypeId: null,
+                        isDryRun: o
+                      },
+                      p.externalId
+                    )) })
+                  ]
+                }
+              )
+            },
+            `list-${d.credentialId}-${d.integration.slug}`
+          ) : /* @__PURE__ */ e(
+            T,
+            {
+              severity: "warning",
+              title: h("something_went_wrong"),
+              message: /* @__PURE__ */ e("span", { children: ((G = d.error) == null ? void 0 : G.message) || h("calendar_error") }),
+              iconClassName: "h-10 w-10 ml-2 mr-1 mt-0.5",
+              actions: !d.delegationCredentialId && /* @__PURE__ */ e("div", { className: "flex w-32 justify-end", children: /* @__PURE__ */ e(
+                W,
+                {
+                  credentialId: d.credentialId,
+                  trashIcon: !0,
+                  buttonProps: { className: "border border-default" },
+                  slug: d.integration.slug,
+                  isDryRun: o
+                }
+              ) })
+            },
+            `alert-${d.credentialId}`
+          );
+        })
+      }
+    )
+  ] }) }) }) : /* @__PURE__ */ e(S, { children: /* @__PURE__ */ e("div", { children: /* @__PURE__ */ m(B, { classNames: (r == null ? void 0 : r.container) || t, children: [
+    /* @__PURE__ */ e(
+      H,
+      {
+        classNames: r == null ? void 0 : r.header,
+        calendarRedirectUrls: i,
+        isDryRun: o
+      }
+    ),
+    /* @__PURE__ */ e("h1", { className: f("px-6 py-4 text-base leading-5", r == null ? void 0 : r.noSelectedCalendarsMessage), children: "No connected calendars found." })
+  ] }) }) });
+}, H = ({
+  calendarRedirectUrls: t,
+  isDryRun: i,
+  classNames: n
+}) => {
+  const { t: o } = y();
+  return /* @__PURE__ */ e("div", { className: f("border-subtle border-b p-6", n == null ? void 0 : n.container), children: /* @__PURE__ */ m("div", { className: "flex items-center justify-between", children: [
+    /* @__PURE__ */ m("div", { children: [
+      /* @__PURE__ */ e("h4", { className: f("text-emphasis text-base font-semibold leading-5", n == null ? void 0 : n.title), children: o("check_for_conflicts") }),
+      /* @__PURE__ */ e("p", { className: f("text-default text-sm leading-tight", n == null ? void 0 : n.description), children: o("select_calendars") })
+    ] }),
+    /* @__PURE__ */ e("div", { className: "flex flex-col xl:flex-row xl:space-x-5", children: /* @__PURE__ */ e("div", { className: "flex items-center", children: /* @__PURE__ */ e(
+      te,
+      {
+        calendarRedirectUrls: t,
+        isDryRun: i
+      }
+    ) }) })
+  ] }) });
+}, W = (t) => {
+  const { t: i } = y(), { onSuccess: n, credentialId: o, slug: r } = t, [h, l] = q(!1), { toast: a } = F(), { mutate: s } = ee({
+    onSuccess: () => {
+      a({
+        description: i("app_removed_successfully")
+      }), l(!1), n && n();
+    },
+    onError: () => {
+      a({
+        description: i("error_removing_app")
+      }), l(!1);
+    }
+  });
+  return /* @__PURE__ */ e(
+    V,
+    {
+      onDeletionConfirmation: async () => {
+        t.isDryRun || l(!1), t.isDryRun && a({
+          description: i("app_removed_successfully")
+        }), !t.isDryRun && r && await s({
+          calendar: r.split("-")[0],
+          id: o
+        });
+      },
+      ...t,
+      isModalOpen: h,
+      onModalOpen: () => l((g) => !g)
+    }
+  );
+}, ne = (t) => {
+  const { isChecked: i, title: n, credentialId: o, type: r, externalId: h, delegationCredentialId: l } = t, [a, s] = q(i), { toast: g } = F(), { mutate: d, isPending: w } = j({
+    onError: (u) => {
+      g({
+        description: `Something went wrong while adding calendar - ${n}. ${u}`
+      });
+    }
+  }), { mutate: I, isPending: v } = re(
+    {
+      onError: (u) => {
+        g({
+          description: `Something went wrong while removing calendar - ${n}. ${u}`
+        });
+      }
+    }
+  ), _ = async ({
+    isOn: u,
+    credentialId: c,
+    integration: C,
+    externalId: x
+  }) => {
+    u ? await d({ credentialId: c, integration: C, externalId: x, delegationCredentialId: l }) : await I({
+      credentialId: c,
+      integration: C,
+      externalId: x,
+      delegationCredentialId: l
+    });
+  };
+  return /* @__PURE__ */ e(
+    Q,
+    {
+      destination: t.destination,
+      ...t,
+      isChecked: a,
+      isLoading: w || v,
+      children: /* @__PURE__ */ e(
+        R,
+        {
+          checked: a,
+          id: h,
+          onCheckedChange: async () => {
+            s((u) => !u), t.isDryRun || await _({
+              isOn: !a,
+              credentialId: o,
+              externalId: h,
+              integration: r
+            });
+          }
+        }
+      )
+    }
+  );
+}, te = ({
+  calendarRedirectUrls: t,
+  isDryRun: i
+}) => {
+  const { t: n } = y(), { refetch: o } = z({});
+  return /* @__PURE__ */ m(X, { modal: !1, children: [
+    /* @__PURE__ */ e(Y, { asChild: !0, children: /* @__PURE__ */ e(K, { StartIcon: "plus", color: "secondary", className: "md:rounded-md", children: n("add") }) }),
+    /* @__PURE__ */ e(Z, { className: "w-auto", children: /* @__PURE__ */ m("div", { children: [
+      /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
+        N,
+        {
+          isDryRun: i,
+          isMultiCalendar: !0,
+          isClickable: !0,
+          tooltip: /* @__PURE__ */ e(k, {}),
+          redir: (t == null ? void 0 : t.google) ?? window.location.href,
+          label: n("add_calendar_label", { calendar: "Google" }),
+          loadingLabel: n("add_calendar_label", { calendar: "Google" }),
+          alreadyConnectedLabel: n("add_calendar_label", { calendar: "Google" }),
+          className: "not-disabled:hover:bg-subtle hover:text-default shadow-none! cursor-pointer border-none bg-inherit text-inherit md:rounded-md"
+        }
+      ) }),
+      /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
+        O,
+        {
+          isDryRun: i,
+          isMultiCalendar: !0,
+          isClickable: !0,
+          tooltip: /* @__PURE__ */ e(k, {}),
+          redir: (t == null ? void 0 : t.outlook) ?? window.location.href,
+          label: n("add_calendar_label", { calendar: "Outlook" }),
+          loadingLabel: n("add_calendar_label", { calendar: "Outlook" }),
+          alreadyConnectedLabel: n("add_calendar_label", { calendar: "Outlook" }),
+          className: "not-disabled:hover:bg-subtle hover:text-default shadow-none! cursor-pointer border-none bg-inherit text-inherit md:rounded-md"
+        }
+      ) }),
+      /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
+        U,
+        {
+          isDryRun: i,
+          onSuccess: o,
+          isClickable: !0,
+          isMultiCalendar: !0,
+          tooltip: /* @__PURE__ */ e(k, {}),
+          label: n("add_calendar_label", { calendar: "Apple" }),
+          loadingLabel: n("add_calendar_label", { calendar: "Apple" }),
+          alreadyConnectedLabel: n("add_calendar_label", { calendar: "Apple" }),
+          className: "not-disabled:hover:bg-subtle hover:text-default shadow-none! cursor-pointer border-none bg-inherit text-inherit md:rounded-md"
+        }
+      ) })
+    ] }) })
+  ] });
+};
+export {
+  ke as SelectedCalendarsSettingsPlatformWrapper
+};

package/dist/timezone/index.d.ts

@@ -0,0 +1,6 @@
+import { Timezone } from '../contracts';
+import { TimezoneSelectComponentProps } from './timezone-select-component';
+export declare function Timezone(props: Omit<TimezoneSelectComponentProps, "data" | "isPending" | "isWebTimezoneSelect"> & {
+    timeZones?: Timezone[];
+}): JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/timezone/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/timezone/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAG7C,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,6BAA6B,CAAC;AAGhF,wBAAgB,QAAQ,CACtB,KAAK,EAAE,IAAI,CAAC,4BAA4B,EAAE,MAAM,GAAG,WAAW,GAAG,qBAAqB,CAAC,GAAG;IACxF,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC;CACxB,eA0BF"}

package/dist/timezone/index.js

@@ -0,0 +1,33 @@
+import { jsx as r } from "react/jsx-runtime";
+import { useMemo as s } from "react";
+import a from "../hooks/use-get-city-timezones.js";
+import { filterPropsTimezones as f, formatTimezones as t } from "../lib/time-zones.js";
+import { TimezoneSelectComponent as l } from "./timezone-select-component.js";
+function Z(e) {
+  const { isLoading: o, data: i } = a(), n = s(() => {
+    if (e.timeZones) {
+      const m = f(e.timeZones, i ?? []);
+      return t(m);
+    } else if (i && !o)
+      return t(i);
+    return [];
+  }, [i, e.timeZones, o]);
+  return (
+    // @ts-expect-error pre-existing: react-select SelectProps `value` does not
+    // distribute through Omit<...> on the wrapper type — `value` is in `props`
+    // and gets spread, but TS does not see it. Surfaced when this package was
+    // extracted from calcom/cal where a different tsconfig was masking it.
+    /* @__PURE__ */ r(
+      l,
+      {
+        ...e,
+        data: n,
+        isPending: o,
+        isWebTimezoneSelect: !1
+      }
+    )
+  );
+}
+export {
+  Z as Timezone
+};

package/dist/timezone/timezone-select-component.d.ts

@@ -0,0 +1,15 @@
+import { ITimezone, ITimezoneOption, Props as SelectProps } from 'react-timezone-select';
+import { Timezones } from '../vendor/timezone';
+export type TimezoneSelectComponentProps = SelectProps & {
+    variant?: "default" | "minimal";
+    isPending: boolean;
+    data?: Timezones;
+    timezoneSelectCustomClassname?: string;
+    size?: "sm" | "md";
+    grow?: boolean;
+    isWebTimezoneSelect?: boolean;
+};
+export declare function TimezoneSelectComponent({ className, classNames: timezoneClassNames, timezoneSelectCustomClassname, components, variant: _variant, isPending, value, size, grow, isWebTimezoneSelect, ...props }: TimezoneSelectComponentProps): JSX.Element;
+export type { ITimezone, ITimezoneOption };
+export default TimezoneSelectComponent;
+//# sourceMappingURL=timezone-select-component.d.ts.map

package/dist/timezone/timezone-select-component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"timezone-select-component.d.ts","sourceRoot":"","sources":["../../src/timezone/timezone-select-component.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,SAAS,EAAE,eAAe,EAAE,KAAK,IAAI,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAK9F,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAGpD,MAAM,MAAM,4BAA4B,GAAG,WAAW,GAAG;IACvD,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAChC,SAAS,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,6BAA6B,CAAC,EAAE,MAAM,CAAC;IACvC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B,CAAC;AAEF,wBAAgB,uBAAuB,CAAC,EACtC,SAAS,EACT,UAAU,EAAE,kBAAkB,EAC9B,6BAA6B,EAC7B,UAAU,EACV,OAAO,EAAE,QAAoB,EAC7B,SAAS,EACT,KAAK,EACL,IAAW,EACX,IAAY,EACZ,mBAA0B,EAC1B,GAAG,KAAK,EACT,EAAE,4BAA4B,eAuJ9B;AAED,YAAY,EAAE,SAAS,EAAE,eAAe,EAAE,CAAC;AAE3C,eAAe,uBAAuB,CAAC"}