@calcom/atoms 2.8.9 → 2.9.1

package/dist/event-types/components/bulk-edit-default-for-events-modal.js

@@ -0,0 +1,105 @@
+import { jsx as t, jsxs as d } from "react/jsx-runtime";
+import { zodResolver as g } from "@hookform/resolvers/zod";
+import { useForm as p } from "react-hook-form";
+import { z as c } from "zod";
+import { Button as b } from "../../components/ui/button.js";
+import { CheckboxField as m } from "../../components/ui/checkbox.js";
+import { Dialog as k } from "../../components/ui/controlled-dialog.js";
+import { DialogContent as x, DialogHeader as D, DialogTitle as C, DialogDescription as I, DialogFooter as B, DialogClose as F } from "../../components/ui/dialog.js";
+import { Form as E } from "../../components/ui/form.js";
+import { useAtomsLocale as L } from "../../hooks/use-atoms-locale.js";
+const N = c.object({
+  eventTypeIds: c.array(c.number())
+});
+function H({
+  eventTypes: l,
+  isEventTypesFetching: s,
+  isPlatform: u = !1,
+  ...i
+}) {
+  const { t: n } = L(), a = p({
+    resolver: g(N),
+    defaultValues: {
+      eventTypeIds: (l == null ? void 0 : l.map((e) => e.id)) ?? []
+    }
+  }), o = a.watch("eventTypeIds"), h = o.length === 0;
+  return s || !i.open || !l ? null : /* @__PURE__ */ t(
+    k,
+    {
+      isPlatform: u,
+      name: "Bulk Default Location Update",
+      open: i.open,
+      onOpenChange: i.setOpen,
+      children: /* @__PURE__ */ d(x, { children: [
+        /* @__PURE__ */ d(D, { children: [
+          /* @__PURE__ */ t(C, { children: n("default_conferencing_bulk_title") }),
+          /* @__PURE__ */ t(I, { children: i.description })
+        ] }),
+        /* @__PURE__ */ d(
+          E,
+          {
+            form: a,
+            handleSubmit: (e) => {
+              i.bulkUpdateFunction({
+                eventTypeIds: e.eventTypeIds,
+                callback: () => i.setOpen(!1)
+              });
+            },
+            children: [
+              /* @__PURE__ */ d("div", { className: "flex flex-col stack-y-2", children: [
+                l.length > 0 && /* @__PURE__ */ t("div", { className: "flex items-center space-x-2 rounded-md px-3 pb-2.5 pt-1", children: /* @__PURE__ */ t(
+                  m,
+                  {
+                    description: n("select_all"),
+                    descriptionAsLabel: !0,
+                    onChange: (e) => {
+                      a.setValue("eventTypeIds", e.target.checked ? l.map((r) => r.id) : []);
+                    },
+                    checked: o.length === l.length
+                  }
+                ) }),
+                l.map((e) => /* @__PURE__ */ t(
+                  "div",
+                  {
+                    className: "bg-cal-muted flex items-center space-x-2 rounded-md px-3 py-2.5",
+                    children: /* @__PURE__ */ t(
+                      m,
+                      {
+                        description: e.title,
+                        descriptionAsLabel: !0,
+                        checked: o.includes(e.id),
+                        onChange: (r) => {
+                          a.setValue(
+                            "eventTypeIds",
+                            r.target.checked ? [...o, e.id] : o.filter((f) => f !== e.id)
+                          );
+                        }
+                      }
+                    )
+                  },
+                  e.id
+                ))
+              ] }),
+              /* @__PURE__ */ d(B, { className: "mt-10", children: [
+                /* @__PURE__ */ t(
+                  F,
+                  {
+                    onClick: () => {
+                      i.handleBulkEditDialogToggle();
+                    }
+                  }
+                ),
+                /* @__PURE__ */ t(b, { type: "submit", color: "primary", loading: i.isPending, disabled: h, children: n("update") })
+              ] })
+            ]
+          }
+        )
+      ] })
+    }
+  );
+}
+export {
+  H as BulkEditDefaultForEventsModal,
+  N as BulkUpdateEventSchema,
+  H as default
+};

package/dist/event-types/components/children-event-type-select.d.ts

@@ -0,0 +1,34 @@
+import { Props } from 'react-select';
+import { ChildrenEventType } from '../../contracts';
+export type ChildrenEventTypeSelectCustomClassNames = {
+    assignToSelect?: {
+        select?: string;
+        innerClassNames?: Record<string, unknown>;
+    };
+    selectedChildrenList?: {
+        container?: string;
+        listItem?: {
+            container?: string;
+            avatar?: string;
+            name?: string;
+            ownerBadge?: string;
+            memberBadge?: string;
+            hiddenBadge?: string;
+            badgeContainer?: string;
+            eventLink?: string;
+            showOnProfileTooltip?: string;
+            previewEventTypeTooltip?: string;
+            previewEventTypeButton?: string;
+            deleteEventTypeTooltip?: string;
+            deleteEventTypeButton?: string;
+        };
+    };
+};
+export declare const ChildrenEventTypeSelect: ({ options, value, customClassNames, ...props }: Omit<Props<ChildrenEventType, true>, "value" | "onChange"> & {
+    value?: ChildrenEventType[];
+    onChange: (value: readonly ChildrenEventType[]) => void;
+    customClassNames?: ChildrenEventTypeSelectCustomClassNames;
+}) => JSX.Element;
+export type { ChildrenEventType };
+export default ChildrenEventTypeSelect;
+//# sourceMappingURL=children-event-type-select.d.ts.map

package/dist/event-types/components/children-event-type-select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"children-event-type-select.d.ts","sourceRoot":"","sources":["../../../src/event-types/components/children-event-type-select.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAQ1C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAMzD,MAAM,MAAM,uCAAuC,GAAG;IACpD,cAAc,CAAC,EAAE;QACf,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,eAAe,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;KAC3C,CAAC;IACF,oBAAoB,CAAC,EAAE;QACrB,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,QAAQ,CAAC,EAAE;YACT,SAAS,CAAC,EAAE,MAAM,CAAC;YACnB,MAAM,CAAC,EAAE,MAAM,CAAC;YAChB,IAAI,CAAC,EAAE,MAAM,CAAC;YACd,UAAU,CAAC,EAAE,MAAM,CAAC;YACpB,WAAW,CAAC,EAAE,MAAM,CAAC;YACrB,WAAW,CAAC,EAAE,MAAM,CAAC;YACrB,cAAc,CAAC,EAAE,MAAM,CAAC;YACxB,SAAS,CAAC,EAAE,MAAM,CAAC;YACnB,oBAAoB,CAAC,EAAE,MAAM,CAAC;YAC9B,uBAAuB,CAAC,EAAE,MAAM,CAAC;YACjC,sBAAsB,CAAC,EAAE,MAAM,CAAC;YAChC,sBAAsB,CAAC,EAAE,MAAM,CAAC;YAChC,qBAAqB,CAAC,EAAE,MAAM,CAAC;SAChC,CAAC;KACH,CAAC;CACH,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAAI,gDAKrC,IAAI,CAAC,KAAK,CAAC,iBAAiB,EAAE,IAAI,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC,GAAG;IAC9D,KAAK,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAC5B,QAAQ,EAAE,CAAC,KAAK,EAAE,SAAS,iBAAiB,EAAE,KAAK,IAAI,CAAC;IACxD,gBAAgB,CAAC,EAAE,uCAAuC,CAAC;CAC5D,gBAsKA,CAAC;AAEF,YAAY,EAAE,iBAAiB,EAAE,CAAC;AAElC,eAAe,uBAAuB,CAAC"}

package/dist/event-types/components/children-event-type-select.js

@@ -0,0 +1,204 @@
+import { jsxs as i, Fragment as C, jsx as r } from "react/jsx-runtime";
+import { useAutoAnimate as N } from "@formkit/auto-animate/react";
+import { Avatar as m } from "../../components/ui/avatar.js";
+import { Badge as v } from "../../components/ui/badge.js";
+import { Button as Z } from "../../components/ui/button.js";
+import { ButtonGroup as s } from "../../components/ui/button-group.js";
+import { Select as ee } from "../../components/ui/select.js";
+import { Switch as ne } from "../../components/ui/switch.js";
+import { Tooltip as x } from "../../components/ui/tooltip.js";
+import "../../contracts/bookings.js";
+import "../../contracts/event-types.js";
+import { MembershipRole as re } from "../../contracts/teams.js";
+import { useAtomsLocale as ie } from "../../hooks/use-atoms-locale.js";
+import { cn as l } from "../../lib/utils.js";
+import { getBookerBaseUrlSync as de } from "../../vendor/booker-url.js";
+const Be = ({
+  options: M = [],
+  value: o = [],
+  customClassNames: e,
+  ...p
+}) => {
+  var b, L, y;
+  const { t: d } = ie(), [c] = N(), a = (n, t) => {
+    const h = (t == null ? void 0 : t.action) === "select-option" && t.option ? Array.from(new Map([...o, t.option].map((f) => [f.owner.id, f])).values()) : [...n];
+    p.onChange(h);
+  };
+  return /* @__PURE__ */ i(C, { children: [
+    /* @__PURE__ */ r(
+      ee,
+      {
+        name: p.name,
+        placeholder: d("select"),
+        options: M,
+        className: (b = e == null ? void 0 : e.assignToSelect) == null ? void 0 : b.select,
+        innerClassNames: (L = e == null ? void 0 : e.assignToSelect) == null ? void 0 : L.innerClassNames,
+        value: o,
+        isMulti: !0,
+        ...p,
+        onChange: a
+      }
+    ),
+    /* @__PURE__ */ r(
+      "ul",
+      {
+        className: l(
+          "border-subtle divide-subtle mt-3 divide-y rounded-md",
+          o.length >= 1 && "border",
+          (y = e == null ? void 0 : e.selectedChildrenList) == null ? void 0 : y.container
+        ),
+        ref: c,
+        children: o.map((n, t) => {
+          var h, f, I, T, B, S, k, E, A, _, $, j, R, z, O, D, F, G, H, P, U, V, W, q, J, K, Q, X, Y;
+          return /* @__PURE__ */ r("li", { children: /* @__PURE__ */ i(
+            "div",
+            {
+              className: l(
+                "flex flex-row items-center gap-3 p-3",
+                (f = (h = e == null ? void 0 : e.selectedChildrenList) == null ? void 0 : h.listItem) == null ? void 0 : f.container
+              ),
+              children: [
+                /* @__PURE__ */ r(
+                  m,
+                  {
+                    size: "mdLg",
+                    className: l("overflow-visible", (T = (I = e == null ? void 0 : e.selectedChildrenList) == null ? void 0 : I.listItem) == null ? void 0 : T.avatar),
+                    imageSrc: n.owner.avatar,
+                    alt: n.owner.name || n.owner.email || ""
+                  }
+                ),
+                /* @__PURE__ */ i("div", { className: "flex w-full flex-row justify-between", children: [
+                  /* @__PURE__ */ i("div", { className: "flex flex-col", children: [
+                    /* @__PURE__ */ i(
+                      "span",
+                      {
+                        className: l(
+                          "text text-sm font-semibold leading-none",
+                          (S = (B = e == null ? void 0 : e.selectedChildrenList) == null ? void 0 : B.listItem) == null ? void 0 : S.name
+                        ),
+                        children: [
+                          n.owner.name || n.owner.email,
+                          /* @__PURE__ */ i(
+                            "div",
+                            {
+                              className: l(
+                                "flex flex-row gap-1",
+                                (E = (k = e == null ? void 0 : e.selectedChildrenList) == null ? void 0 : k.listItem) == null ? void 0 : E.badgeContainer
+                              ),
+                              children: [
+                                n.owner.membership === re.OWNER ? /* @__PURE__ */ r(
+                                  v,
+                                  {
+                                    variant: "gray",
+                                    className: (_ = (A = e == null ? void 0 : e.selectedChildrenList) == null ? void 0 : A.listItem) == null ? void 0 : _.ownerBadge,
+                                    children: d("owner")
+                                  }
+                                ) : /* @__PURE__ */ r(
+                                  v,
+                                  {
+                                    variant: "gray",
+                                    className: (j = ($ = e == null ? void 0 : e.selectedChildrenList) == null ? void 0 : $.listItem) == null ? void 0 : j.memberBadge,
+                                    children: d("member")
+                                  }
+                                ),
+                                n.hidden && /* @__PURE__ */ r(
+                                  v,
+                                  {
+                                    variant: "gray",
+                                    className: (z = (R = e == null ? void 0 : e.selectedChildrenList) == null ? void 0 : R.listItem) == null ? void 0 : z.hiddenBadge,
+                                    children: d("hidden")
+                                  }
+                                )
+                              ]
+                            }
+                          )
+                        ]
+                      }
+                    ),
+                    n.owner.username && /* @__PURE__ */ r(
+                      "small",
+                      {
+                        className: l(
+                          "text-subtle font-normal leading-normal",
+                          (D = (O = e == null ? void 0 : e.selectedChildrenList) == null ? void 0 : O.listItem) == null ? void 0 : D.eventLink
+                        ),
+                        children: `/${n.owner.username}/${n.slug}`
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ i("div", { className: l("flex flex-row items-center gap-2"), children: [
+                    /* @__PURE__ */ r(
+                      x,
+                      {
+                        className: (G = (F = e == null ? void 0 : e.selectedChildrenList) == null ? void 0 : F.listItem) == null ? void 0 : G.showOnProfileTooltip,
+                        content: d("show_eventtype_on_profile"),
+                        children: /* @__PURE__ */ r("div", { className: "self-center rounded-md p-2", children: /* @__PURE__ */ r(
+                          ne,
+                          {
+                            name: "Hidden",
+                            checked: !n.hidden,
+                            onCheckedChange: (w) => {
+                              const u = o.map(
+                                (g) => g.owner.id === n.owner.id ? { ...g, hidden: !w } : g
+                              );
+                              p.onChange(u);
+                            }
+                          }
+                        ) })
+                      }
+                    ),
+                    /* @__PURE__ */ i(s, { combined: !0, children: [
+                      n.created && n.owner.username && /* @__PURE__ */ r(
+                        x,
+                        {
+                          className: (P = (H = e == null ? void 0 : e.selectedChildrenList) == null ? void 0 : H.listItem) == null ? void 0 : P.previewEventTypeTooltip,
+                          content: d("preview"),
+                          children: /* @__PURE__ */ r(
+                            Z,
+                            {
+                              "data-testid": "preview-button",
+                              color: "secondary",
+                              target: "_blank",
+                              variant: "icon",
+                              className: (V = (U = e == null ? void 0 : e.selectedChildrenList) == null ? void 0 : U.listItem) == null ? void 0 : V.previewEventTypeButton,
+                              href: `${de(
+                                ((q = (W = n.owner.profile) == null ? void 0 : W.organization) == null ? void 0 : q.slug) ?? null
+                              )}/${(J = n.owner) == null ? void 0 : J.username}/${n.slug}`,
+                              StartIcon: "external-link"
+                            }
+                          )
+                        }
+                      ),
+                      /* @__PURE__ */ r(
+                        x,
+                        {
+                          className: (Q = (K = e == null ? void 0 : e.selectedChildrenList) == null ? void 0 : K.listItem) == null ? void 0 : Q.deleteEventTypeTooltip,
+                          content: d("delete"),
+                          children: /* @__PURE__ */ r(
+                            Z,
+                            {
+                              color: "secondary",
+                              target: "_blank",
+                              variant: "icon",
+                              className: (Y = (X = e == null ? void 0 : e.selectedChildrenList) == null ? void 0 : X.listItem) == null ? void 0 : Y.deleteEventTypeButton,
+                              onClick: () => p.onChange(o.filter((w) => w.owner.id !== n.owner.id)),
+                              StartIcon: "x"
+                            }
+                          )
+                        }
+                      )
+                    ] })
+                  ] })
+                ] })
+              ]
+            }
+          ) }, t);
+        })
+      }
+    )
+  ] });
+};
+export {
+  Be as ChildrenEventTypeSelect,
+  Be as default
+};

package/dist/event-types/components/create-event-type-form.d.ts

@@ -0,0 +1,29 @@
+import { ReactNode } from 'react';
+import { UseFormReturn } from 'react-hook-form';
+type CreateEventTypeFormValues = {
+    title?: string;
+    slug?: string;
+    description?: string;
+    length?: number;
+    [key: string]: unknown;
+};
+export default function CreateEventTypeForm({ form, isManagedEventType, handleSubmit, pageSlug, isPending, urlPrefix, SubmitButton, isPlatform, 
+/**
+ * Override the description input. Useful for webapp callers that want
+ * to render a rich-text editor (markdown) instead of the default
+ * TextAreaField. Atoms ships a plain textarea because shipping the
+ * full @calcom/ui Editor is out of the SDK surface.
+ */
+descriptionSlot, }: {
+    form: UseFormReturn<CreateEventTypeFormValues>;
+    isManagedEventType: boolean;
+    handleSubmit: (values: CreateEventTypeFormValues) => void;
+    pageSlug?: string;
+    isPending: boolean;
+    urlPrefix?: string;
+    SubmitButton: (isPending: boolean) => ReactNode;
+    isPlatform?: boolean;
+    descriptionSlot?: ReactNode;
+}): JSX.Element;
+export { CreateEventTypeForm };
+//# sourceMappingURL=create-event-type-form.d.ts.map

package/dist/event-types/components/create-event-type-form.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-event-type-form.d.ts","sourceRoot":"","sources":["../../../src/event-types/components/create-event-type-form.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAQrD,KAAK,yBAAyB,GAAG;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,EAC1C,IAAI,EACJ,kBAAkB,EAClB,YAAY,EACZ,QAAQ,EACR,SAAS,EACT,SAAS,EACT,YAAY,EACZ,UAAkB;AAClB;;;;;GAKG;AACH,eAAe,GAChB,EAAE;IACD,IAAI,EAAE,aAAa,CAAC,yBAAyB,CAAC,CAAC;IAC/C,kBAAkB,EAAE,OAAO,CAAC;IAC5B,YAAY,EAAE,CAAC,MAAM,EAAE,yBAAyB,KAAK,IAAI,CAAC;IAC1D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,SAAS,CAAC;IAChD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,eAAe,CAAC,EAAE,SAAS,CAAC;CAC7B,eA+GA;AAED,OAAO,EAAE,mBAAmB,EAAE,CAAC"}

package/dist/event-types/components/create-event-type-form.js

@@ -0,0 +1,128 @@
+import { jsxs as d, jsx as t } from "react/jsx-runtime";
+import { Form as N } from "../../components/ui/form.js";
+import { TextField as o, TextAreaField as x } from "../../components/ui/text-field.js";
+import { Tooltip as w } from "../../components/ui/tooltip.js";
+import { MAX_EVENT_DURATION_MINUTES as c, MIN_EVENT_DURATION_MINUTES as u } from "../../constants/app.js";
+import { useAtomsLocale as b } from "../../hooks/use-atoms-locale.js";
+import h from "../../vendor/slugify.js";
+function I({
+  form: l,
+  isManagedEventType: i,
+  handleSubmit: p,
+  pageSlug: m,
+  isPending: g,
+  urlPrefix: s,
+  SubmitButton: _,
+  isPlatform: r = !1,
+  /**
+   * Override the description input. Useful for webapp callers that want
+   * to render a rich-text editor (markdown) instead of the default
+   * TextAreaField. Atoms ships a plain textarea because shipping the
+   * full @calcom/ui Editor is out of the SDK surface.
+   */
+  descriptionSlot: v
+}) {
+  const { t: a } = b(), { register: n } = l;
+  return /* @__PURE__ */ d(
+    N,
+    {
+      form: l,
+      handleSubmit: (e) => {
+        p(e);
+      },
+      children: [
+        /* @__PURE__ */ d("div", { className: "mt-3 stack-y-6 pb-11", children: [
+          /* @__PURE__ */ t(
+            o,
+            {
+              label: a("title"),
+              placeholder: a("quick_chat"),
+              "data-testid": "event-type-quick-chat",
+              ...n("title"),
+              onChange: (e) => {
+                l.setValue("title", e == null ? void 0 : e.target.value), l.formState.touchedFields.slug === void 0 && l.setValue("slug", h(e == null ? void 0 : e.target.value));
+              }
+            }
+          ),
+          s && s.length >= 21 ? /* @__PURE__ */ d("div", { children: [
+            /* @__PURE__ */ t(
+              o,
+              {
+                label: r ? "Slug" : `${a("url")}: ${s}`,
+                required: !0,
+                addOnLeading: r ? void 0 : /* @__PURE__ */ t("span", { className: "max-w-24 md:max-w-56 overflow-hidden text-ellipsis whitespace-nowrap min-w-0", children: `/${i ? a("username_placeholder") : m}/` }),
+                containerClassName: "[&>div]:gap-0",
+                className: "pl-0",
+                ...n("slug"),
+                onChange: (e) => {
+                  l.setValue("slug", h(e == null ? void 0 : e.target.value), { shouldTouch: !0 });
+                }
+              }
+            ),
+            i && !r && /* @__PURE__ */ t("p", { className: "mt-2 text-sm text-gray-600", children: a("managed_event_url_clarification") })
+          ] }) : /* @__PURE__ */ d("div", { children: [
+            /* @__PURE__ */ t(
+              o,
+              {
+                label: r ? "Slug" : a("url"),
+                required: !0,
+                addOnLeading: r ? void 0 : /* @__PURE__ */ t(
+                  w,
+                  {
+                    content: `${s}/${i ? a("username_placeholder") : m}/`,
+                    children: /* @__PURE__ */ t("span", { className: "max-w-24 md:max-w-56 overflow-hidden text-ellipsis whitespace-nowrap min-w-0", children: `${s}/${i ? a("username_placeholder") : m}/` })
+                  }
+                ),
+                containerClassName: "[&>div]:gap-0",
+                className: "pl-0",
+                ...n("slug"),
+                onChange: (e) => {
+                  l.setValue("slug", h(e == null ? void 0 : e.target.value), { shouldTouch: !0 });
+                }
+              }
+            ),
+            i && !r && /* @__PURE__ */ t("p", { className: "mt-2 text-sm text-gray-600", children: a("managed_event_url_clarification") })
+          ] }),
+          v ?? /* @__PURE__ */ t(
+            x,
+            {
+              name: "description",
+              label: a("description"),
+              placeholder: a("quick_video_meeting"),
+              ...n("description")
+            }
+          ),
+          /* @__PURE__ */ t("div", { className: "relative", children: /* @__PURE__ */ t(
+            o,
+            {
+              type: "number",
+              required: !0,
+              min: u,
+              max: c,
+              placeholder: "15",
+              label: a("duration"),
+              className: "pr-4",
+              ...n("length", {
+                valueAsNumber: !0,
+                min: {
+                  value: u,
+                  message: a("duration_min_error", { min: u })
+                },
+                max: {
+                  value: c,
+                  message: a("duration_max_error", { max: c })
+                }
+              }),
+              addOnSuffix: a("minutes").toLowerCase()
+            }
+          ) })
+        ] }),
+        _(g)
+      ]
+    }
+  );
+}
+export {
+  I as CreateEventTypeForm,
+  I as default
+};

package/dist/event-types/components/event-team-assignment-tab.d.ts

@@ -0,0 +1,2 @@
+export { default, EventTeamAssignmentTab, type EventTeamAssignmentTabBaseProps, type EventTeamAssignmentTabCustomClassNames, mapMemberToChildrenOption, } from './team-assignment/event-team-assignment-tab';
+//# sourceMappingURL=event-team-assignment-tab.d.ts.map

package/dist/event-types/components/event-team-assignment-tab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"event-team-assignment-tab.d.ts","sourceRoot":"","sources":["../../../src/event-types/components/event-team-assignment-tab.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,OAAO,EACP,sBAAsB,EACtB,KAAK,+BAA+B,EACpC,KAAK,sCAAsC,EAC3C,yBAAyB,GAC1B,MAAM,6CAA6C,CAAC"}

package/dist/event-types/components/event-team-assignment-tab.js

@@ -0,0 +1,6 @@
+import { EventTeamAssignmentTab as a, EventTeamAssignmentTab as m, mapMemberToChildrenOption as t } from "./team-assignment/event-team-assignment-tab.js";
+export {
+  a as EventTeamAssignmentTab,
+  m as default,
+  t as mapMemberToChildrenOption
+};

package/dist/event-types/components/event-type-list-item.d.ts

@@ -0,0 +1,12 @@
+import { AtomEventTypeListItem } from '../types';
+type EventTypeListItemProps = {
+    eventType: AtomEventTypeListItem;
+    deleteFunction: ({ eventTypeId }: {
+        eventTypeId: number;
+    }) => void;
+    isDeletable?: boolean;
+    getEventTypeUrl?: (eventTypeId: number) => string;
+};
+export declare function EventTypeListItem({ eventType, deleteFunction, isDeletable, getEventTypeUrl, }: EventTypeListItemProps): JSX.Element;
+export {};
+//# sourceMappingURL=event-type-list-item.d.ts.map

package/dist/event-types/components/event-type-list-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"event-type-list-item.d.ts","sourceRoot":"","sources":["../../../src/event-types/components/event-type-list-item.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AA8FtD,KAAK,sBAAsB,GAAG;IAC5B,SAAS,EAAE,qBAAqB,CAAC;IACjC,cAAc,EAAE,CAAC,EAAE,WAAW,EAAE,EAAE;QAAE,WAAW,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACnE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,MAAM,CAAC;CACnD,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,EAChC,SAAS,EACT,cAAc,EACd,WAAkB,EAClB,eAAe,GAChB,EAAE,sBAAsB,eA0BxB"}

package/dist/event-types/components/event-type-list-item.js

@@ -0,0 +1,100 @@
+import { jsx as e, jsxs as o, Fragment as m } from "react/jsx-runtime";
+import p from "next/link";
+import { useState as u } from "react";
+import { Badge as f } from "../../components/ui/badge.js";
+import { Button as h } from "../../components/ui/button.js";
+import { ConfirmationDialogContent as x } from "../../components/ui/confirmation-dialog-content.js";
+import { Dialog as w } from "../../components/ui/dialog.js";
+import { Dropdown as g, DropdownMenuTrigger as D, DropdownMenuContent as N, DropdownMenuItem as c, DropdownItem as d, DropdownMenuSeparator as b } from "../../components/ui/dropdown.js";
+import { showToast as v } from "../../components/ui/show-toast.js";
+import { useAtomsLocale as C } from "../../hooks/use-atoms-locale.js";
+import { formatEventTypeDuration as I } from "../lib/format-event-type-duration.js";
+const _ = ({ eventType: t }) => /* @__PURE__ */ o("div", { children: [
+  /* @__PURE__ */ e("div", { className: "space-x-2 rtl:space-x-reverse", children: /* @__PURE__ */ e("span", { className: "text-emphasis truncate font-medium", children: t.title }) }),
+  /* @__PURE__ */ o("div", { className: "text-subtle mt-1", children: [
+    t.description && /* @__PURE__ */ e("span", { className: "block", children: t.description }),
+    /* @__PURE__ */ e(f, { variant: "gray", className: "text-xs", children: I(t.length) })
+  ] })
+] }), y = ({
+  eventType: t,
+  isDeletable: s,
+  getEventTypeUrl: i,
+  deleteFunction: n
+}) => {
+  const { t: r } = C(), [a, l] = u(!1);
+  return /* @__PURE__ */ o(m, { children: [
+    /* @__PURE__ */ o(g, { children: [
+      /* @__PURE__ */ e(D, { asChild: !0, children: /* @__PURE__ */ e(
+        h,
+        {
+          "data-testid": `event-type-options-${t.id}`,
+          type: "button",
+          variant: "icon",
+          color: "secondary",
+          StartIcon: "ellipsis",
+          "aria-label": r("options")
+        }
+      ) }),
+      /* @__PURE__ */ o(N, { children: [
+        i && /* @__PURE__ */ e(c, { className: "min-w-40 focus:ring-muted", children: /* @__PURE__ */ e(d, { type: "button", StartIcon: "pencil", href: i(t.id), children: r("edit") }) }),
+        /* @__PURE__ */ e(b, {}),
+        /* @__PURE__ */ e(c, { className: "min-w-40 focus:ring-muted", children: /* @__PURE__ */ e(
+          d,
+          {
+            type: "button",
+            color: "destructive",
+            StartIcon: "trash",
+            "data-testid": `delete-event-type-${t.id}`,
+            className: "rounded-t-none",
+            onClick: () => {
+              if (!s) {
+                v(r("cannot_delete_event_type"), "error");
+                return;
+              }
+              l(!0);
+            },
+            children: r("delete")
+          }
+        ) })
+      ] })
+    ] }),
+    /* @__PURE__ */ e(w, { open: a, onOpenChange: l, children: /* @__PURE__ */ e(
+      x,
+      {
+        variety: "danger",
+        title: r("delete_event_type"),
+        confirmBtnText: r("delete"),
+        onConfirm: () => {
+          n({ eventTypeId: t.id }), l(!1);
+        },
+        children: r("delete_event_type_confirmation")
+      }
+    ) })
+  ] });
+};
+function W({
+  eventType: t,
+  deleteFunction: s,
+  isDeletable: i = !0,
+  getEventTypeUrl: n
+}) {
+  const r = n ? p : "div", a = n ? {
+    href: n(t.id),
+    title: t.title
+  } : {};
+  return /* @__PURE__ */ e("li", { children: /* @__PURE__ */ o("div", { className: "hover:bg-muted flex items-center justify-between px-3 py-5 transition sm:px-4", children: [
+    /* @__PURE__ */ e("div", { className: "group flex w-full items-center justify-between", children: /* @__PURE__ */ e(r, { className: "flex-grow truncate text-sm", ...a, children: /* @__PURE__ */ e(_, { eventType: t }) }) }),
+    /* @__PURE__ */ e(
+      y,
+      {
+        eventType: t,
+        isDeletable: i,
+        getEventTypeUrl: n,
+        deleteFunction: s
+      }
+    )
+  ] }) }, t.id);
+}
+export {
+  W as EventTypeListItem
+};