@calcom/atoms 2.8.7 → 2.9.0

package/dist/availability/components/date-override-input-dialog.js

@@ -0,0 +1,169 @@
+import { jsxs as i, jsx as t, Fragment as M } from "react/jsx-runtime";
+import { useState as h } from "react";
+import { useForm as k } from "react-hook-form";
+import { BookerStoreProvider as H } from "../../booker/booker-store-provider.js";
+import { DatePicker as S } from "../../calendar-view/components/date-picker.js";
+import { Button as F } from "../../components/ui/button.js";
+import { Dialog as j } from "../../components/ui/controlled-dialog.js";
+import { DialogTrigger as B, DialogContent as R, DialogHeader as I, DialogTitle as L, DialogClose as v } from "../../components/ui/dialog.js";
+import { Form as P } from "../../components/ui/form.js";
+import { showToast as A } from "../../components/ui/show-toast.js";
+import { Switch as E } from "../../components/ui/switch.js";
+import { useAtomsLocale as q } from "../../hooks/use-atoms-locale.js";
+import { cn as z } from "../../lib/utils.js";
+import "../../vendor/dayjs/index.js";
+import { yyyymmdd as f } from "../../vendor/dayjs-utils.js";
+import { DayRanges as G } from "./schedule-component.js";
+import d from "dayjs";
+const J = ({
+  value: r,
+  workingHours: p,
+  excludedDates: g,
+  onChange: l,
+  userTimeFormat: D,
+  weekStart: b,
+  isDryRun: _ = !1
+}) => {
+  const [C, c] = h(), { t: o, i18n: T, isLocaleReady: U } = q(), [y, O] = h(
+    r && r[0].start.getUTCHours() === 0 && r[0].start.getUTCMinutes() === 0 && r[0].end.getUTCHours() === 0 && r[0].end.getUTCMinutes() === 0
+  ), [a, n] = h(r ? [d.utc(r[0].start)] : []), N = (e) => {
+    if (a.some((s) => f(s) === f(e))) {
+      n(a.filter((s) => f(s) !== f(e)));
+      return;
+    }
+    if (!r) {
+      n((s) => [...s, e]);
+      return;
+    }
+    n([e]);
+  }, x = (p || []).reduce((e, s) => (a[0] && s.days.includes(a[0].day()) && e.push({
+    start: d.utc().startOf("day").add(s.startTime, "minute").toDate(),
+    end: d.utc().startOf("day").add(s.endTime, "minute").toDate()
+  }), e), []);
+  x.length || x.push({
+    start: d.utc().startOf("day").add(540, "minute").toDate(),
+    end: d.utc().startOf("day").add(1020, "minute").toDate()
+  });
+  const w = k({
+    values: {
+      range: r && r[0].start.valueOf() !== r[0].end.valueOf() ? r.map((e) => ({
+        start: new Date(
+          d.utc().hour(e.start.getUTCHours()).minute(e.start.getUTCMinutes()).second(0).format()
+        ),
+        end: new Date(
+          d.utc().hour(e.end.getUTCHours()).minute(e.end.getUTCMinutes()).second(0).format()
+        )
+      })) : x
+    }
+  });
+  return /* @__PURE__ */ i(
+    P,
+    {
+      form: w,
+      handleSubmit: (e) => {
+        const s = [];
+        if (a.length !== 0) {
+          if (_) {
+            n([]);
+            return;
+          }
+          y ? (a.map((m) => {
+            s.push({
+              start: m.utc(!0).startOf("day").toDate(),
+              end: m.utc(!0).startOf("day").toDate()
+            });
+          }), l(s)) : (a.map((m) => {
+            e.range.map((u) => {
+              s.push({
+                start: m.hour(u.start.getUTCHours()).minute(u.start.getUTCMinutes()).utc(!0).toDate(),
+                end: m.hour(u.end.getUTCHours()).minute(u.end.getUTCMinutes()).utc(!0).toDate()
+              });
+            });
+          }), l(s)), n([]);
+        }
+      },
+      className: "p-6 sm:flex sm:p-0 xl:flex-row",
+      children: [
+        /* @__PURE__ */ i("div", { className: "sm:border-subtle w-full sm:border-r sm:p-4 sm:pr-6 md:p-8", children: [
+          /* @__PURE__ */ t(I, { children: /* @__PURE__ */ t(L, { children: o("date_overrides_dialog_title") }) }),
+          /* @__PURE__ */ t(H, { children: /* @__PURE__ */ t(
+            S,
+            {
+              excludedDates: g,
+              weekStart: b,
+              selected: a,
+              showExtraDays: !1,
+              onChange: (e) => {
+                e && N(e);
+              },
+              onMonthChange: (e) => {
+                c(e);
+              },
+              browsingDate: C,
+              locale: U ? T.language : "en"
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ t("div", { className: "relative mt-8 flex w-full flex-col sm:mt-0 sm:p-4 md:p-8", children: a[0] ? /* @__PURE__ */ i(M, { children: [
+          /* @__PURE__ */ i("div", { className: "mb-4 grow stack-y-4", children: [
+            /* @__PURE__ */ t("p", { className: "text-medium text-emphasis text-sm", children: o("date_overrides_dialog_which_hours") }),
+            /* @__PURE__ */ t("div", { children: y ? /* @__PURE__ */ t("p", { className: "text-subtle border-default rounded border p-2 text-sm", children: o("date_overrides_unavailable") }) : /* @__PURE__ */ t(G, { name: "range", userTimeFormat: D }) }),
+            /* @__PURE__ */ t(
+              E,
+              {
+                label: o("date_overrides_mark_all_day_unavailable_one"),
+                checked: y,
+                onCheckedChange: O,
+                "data-testid": "date-override-mark-unavailable"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ i("div", { className: "mt-4 flex flex-row-reverse sm:mt-0", children: [
+            /* @__PURE__ */ t(
+              F,
+              {
+                className: "ml-2",
+                color: "primary",
+                type: "submit",
+                onClick: () => {
+                  A(o("date_successfully_added"), "success", 500);
+                },
+                disabled: a.length === 0,
+                "data-testid": "add-override-submit-btn",
+                children: o(r ? "date_overrides_update_btn" : "date_overrides_save_btn")
+              }
+            ),
+            /* @__PURE__ */ t(v, {})
+          ] })
+        ] }) : /* @__PURE__ */ t("div", { className: "bottom-7 right-8 flex flex-row-reverse sm:absolute", children: /* @__PURE__ */ t(v, {}) }) })
+      ]
+    }
+  );
+}, me = ({
+  Trigger: r,
+  excludedDates: p = [],
+  userTimeFormat: g,
+  weekStart: l = 0,
+  className: D,
+  isPlatform: b = !1,
+  ..._
+}) => {
+  const [C, c] = h(!1);
+  return /* @__PURE__ */ i(j, { isPlatform: b, open: C, onOpenChange: c, children: [
+    /* @__PURE__ */ t(B, { asChild: !0, children: r }),
+    /* @__PURE__ */ t(R, { className: z("p-0", D), children: /* @__PURE__ */ t(
+      J,
+      {
+        excludedDates: p,
+        weekStart: l,
+        ..._,
+        onClose: () => c(!1),
+        userTimeFormat: g
+      }
+    ) })
+  ] });
+};
+export {
+  me as DateOverrideInputDialog,
+  me as default
+};

package/dist/availability/components/date-override-list.d.ts

@@ -0,0 +1,20 @@
+import { TimeRange, TravelSchedule, WorkingHours } from '../../contracts';
+declare const DateOverrideList: ({ workingHours, excludedDates, travelSchedules, userTimeFormat, hour12, replace, fields, weekStart, handleAvailabilityUpdate, isDryRun, isPlatform, }: {
+    replace: any;
+    fields: {
+        ranges: TimeRange[];
+        id: string;
+    }[];
+    workingHours: WorkingHours[];
+    excludedDates?: string[];
+    userTimeFormat: number | null;
+    hour12: boolean;
+    travelSchedules?: TravelSchedule[];
+    weekStart?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+    handleAvailabilityUpdate?: VoidFunction;
+    isDryRun?: boolean;
+    isPlatform?: boolean;
+}) => JSX.Element;
+export default DateOverrideList;
+export { DateOverrideList };
+//# sourceMappingURL=date-override-list.d.ts.map

package/dist/availability/components/date-override-list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-override-list.d.ts","sourceRoot":"","sources":["../../../src/availability/components/date-override-list.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAa/E,QAAA,MAAM,gBAAgB,GAAI,uJAYvB;IACD,OAAO,EAAE,GAAG,CAAC;IACb,MAAM,EAAE;QAAE,MAAM,EAAE,SAAS,EAAE,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC9C,YAAY,EAAE,YAAY,EAAE,CAAC;IAC7B,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,MAAM,EAAE,OAAO,CAAC;IAChB,eAAe,CAAC,EAAE,cAAc,EAAE,CAAC;IACnC,SAAS,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACtC,wBAAwB,CAAC,EAAE,YAAY,CAAC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,gBAuHA,CAAC;AAEF,eAAe,gBAAgB,CAAC;AAChC,OAAO,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/availability/components/date-override-list.js

@@ -0,0 +1,111 @@
+import { jsx as r, Fragment as D, jsxs as s } from "react/jsx-runtime";
+import { formatInTimeZone as l } from "date-fns-tz";
+import { Button as w } from "../../components/ui/button.js";
+import { DialogTrigger as y } from "../../components/ui/dialog.js";
+import { Tooltip as F } from "../../components/ui/tooltip.js";
+import { useAtomsLocale as O } from "../../hooks/use-atoms-locale.js";
+import "../../vendor/dayjs/index.js";
+import { DateOverrideInputDialog as $ } from "./date-override-input-dialog.js";
+import T from "dayjs";
+const S = () => {
+}, U = (d, m) => d.ranges[0].start > m.ranges[0].start ? 1 : -1, q = ({
+  workingHours: d,
+  excludedDates: m = [],
+  travelSchedules: b = [],
+  userTimeFormat: v,
+  hour12: g,
+  replace: p,
+  fields: a,
+  weekStart: I = 0,
+  handleAvailabilityUpdate: f = S,
+  isDryRun: h = !1,
+  isPlatform: n = !1
+}) => {
+  const { t: c, i18n: i } = O(), C = a.reduce(
+    (e, { id: t }, o) => ({ ...e, [t]: o }),
+    {}
+  );
+  if (!a.length)
+    return /* @__PURE__ */ r(D, {});
+  const N = ({ start: e, end: t }) => n ? `${l(e, "UTC", "h:mm a")} - ${l(t, "UTC", "h:mm a")}` : `${new Intl.DateTimeFormat(i.language, { hour: "numeric", minute: "numeric", hour12: g }).format(
+    new Date(e.toISOString().slice(0, -1))
+  )} - ${new Intl.DateTimeFormat(i.language, { hour: "numeric", minute: "numeric", hour12: g }).format(
+    new Date(t.toISOString().slice(0, -1))
+  )}`;
+  return /* @__PURE__ */ r("ul", { className: "border-subtle rounded border", "data-testid": "date-overrides-list", children: a.sort(U).map((e) => /* @__PURE__ */ s("li", { className: "border-subtle flex justify-between border-b px-5 py-4 last:border-b-0", children: [
+    /* @__PURE__ */ s("div", { children: [
+      /* @__PURE__ */ s("h3", { className: "text-emphasis text-sm", children: [
+        !n && new Intl.DateTimeFormat(i.language, {
+          weekday: "long",
+          month: "long",
+          day: "numeric",
+          timeZone: "UTC"
+        }).format(e.ranges[0].start),
+        n && l(new Date(e.ranges[0].start), "UTC", "EEE MMM dd")
+      ] }),
+      e.ranges[0].start.valueOf() - e.ranges[0].end.valueOf() === 0 ? /* @__PURE__ */ r("p", { className: "text-subtle text-xs", children: c("unavailable") }) : e.ranges.map((t, o) => {
+        var x;
+        return /* @__PURE__ */ s("p", { className: "text-subtle text-xs", children: [
+          `${N(t)} ${((x = b.find(
+            (u) => !T(e.ranges[0].start).isBefore(u.startDate) && (!T(e.ranges[0].end).isAfter(u.endDate) || !u.endDate)
+          )) == null ? void 0 : x.timeZone.replace(/_/g, " ")) || ""}`,
+          /* @__PURE__ */ r(D, {})
+        ] }, o);
+      })
+    ] }),
+    /* @__PURE__ */ s("div", { className: "flex flex-row-reverse gap-5 space-x-2 rtl:space-x-reverse", children: [
+      /* @__PURE__ */ r(
+        $,
+        {
+          isPlatform: n,
+          userTimeFormat: v,
+          excludedDates: m,
+          workingHours: d,
+          value: e.ranges.map((t) => ({
+            start: new Date(t.start),
+            end: new Date(t.end)
+          })),
+          weekStart: I,
+          onChange: (t) => {
+            h || (p([...a.filter((o) => o.id !== e.id), { ranges: t }]), delete C[e.id], f());
+          },
+          Trigger: /* @__PURE__ */ r(y, { asChild: !0, children: /* @__PURE__ */ r(
+            w,
+            {
+              tooltip: c("edit"),
+              className: "text-default h-5",
+              color: "minimal",
+              variant: "icon",
+              StartIcon: "pencil"
+            }
+          ) })
+        }
+      ),
+      /* @__PURE__ */ r(F, { content: "Delete", children: /* @__PURE__ */ r(
+        w,
+        {
+          className: "text-default h-5",
+          "data-testid": "delete-button",
+          title: c("date_overrides_delete_on_date", {
+            date: n ? l(new Date(e.ranges[0].start), "UTC", "h:mm a") : new Intl.DateTimeFormat(i.language, {
+              weekday: "long",
+              month: "long",
+              day: "numeric",
+              timeZone: "UTC"
+            }).format(e.ranges[0].start)
+          }),
+          color: "destructive",
+          variant: "icon",
+          StartIcon: "trash-2",
+          onClick: () => {
+            p([...a.filter((t) => t.id !== e.id)]), h || f();
+          }
+        }
+      ) })
+    ] })
+  ] }, e.id)) });
+};
+export {
+  q as DateOverrideList,
+  q as default
+};

package/dist/availability/components/schedule-component.d.ts

@@ -0,0 +1,49 @@
+import { default as React } from 'react';
+import { ArrayPath, Control, FieldPath, FieldPathValue, FieldValues } from 'react-hook-form';
+import { scheduleClassNames, TimeRange } from '../../contracts';
+export type { TimeRange };
+export type ScheduleLabelsType = {
+    addTime: string;
+    copyTime: string;
+    deleteTime: string;
+};
+export type SelectInnerClassNames = {
+    control?: string;
+    singleValue?: string;
+    valueContainer?: string;
+    input?: string;
+    menu?: string;
+};
+export type FieldPathByValue<TFieldValues extends FieldValues, TValue> = {
+    [Key in FieldPath<TFieldValues>]: FieldPathValue<TFieldValues, Key> extends TValue ? Key : never;
+}[FieldPath<TFieldValues>];
+export declare const ScheduleDay: <TFieldValues extends FieldValues>({ name, weekday, control, CopyButton, disabled, labels, userTimeFormat, classNames, }: {
+    name: ArrayPath<TFieldValues>;
+    weekday: string;
+    control: Control<TFieldValues>;
+    CopyButton: JSX.Element;
+    disabled?: boolean;
+    labels?: ScheduleLabelsType;
+    userTimeFormat: number | null;
+    classNames?: scheduleClassNames;
+}) => JSX.Element;
+export declare const ScheduleComponent: <TFieldValues extends FieldValues, TPath extends FieldPathByValue<TFieldValues, TimeRange[][]>>({ name, control, disabled, weekStart, labels, userTimeFormat, classNames, }: {
+    name: TPath;
+    control: Control<TFieldValues>;
+    weekStart?: number;
+    disabled?: boolean;
+    labels?: ScheduleLabelsType;
+    userTimeFormat: number | null;
+    classNames?: Omit<scheduleClassNames, "scheduleContainer">;
+}) => JSX.Element;
+export declare const DayRanges: <TFieldValues extends FieldValues>({ name, disabled, control, labels, userTimeFormat, classNames, copyButton, }: {
+    name: ArrayPath<TFieldValues>;
+    control?: Control<TFieldValues>;
+    disabled?: boolean;
+    labels?: ScheduleLabelsType;
+    userTimeFormat: number | null;
+    classNames?: Pick<scheduleClassNames, "dayRanges" | "timeRangeField" | "timePicker">;
+    copyButton?: React.ReactNode;
+}) => JSX.Element | null;
+export declare function parseTimeString(input: string, timeFormat: number | null): Date | null;
+//# sourceMappingURL=schedule-component.d.ts.map

package/dist/availability/components/schedule-component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"schedule-component.d.ts","sourceRoot":"","sources":["../../../src/availability/components/schedule-component.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsE,MAAM,OAAO,CAAC;AAC3F,OAAO,KAAK,EACV,SAAS,EACT,OAAO,EAGP,SAAS,EACT,cAAc,EACd,WAAW,EAEZ,MAAM,iBAAiB,CAAC;AASzB,OAAO,KAAK,EAAE,kBAAkB,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAQrE,YAAY,EAAE,SAAS,EAAE,CAAC;AAE1B,MAAM,MAAM,kBAAkB,GAAG;IAC/B,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAClC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,gBAAgB,CAAC,YAAY,SAAS,WAAW,EAAE,MAAM,IAAI;KACtE,GAAG,IAAI,SAAS,CAAC,YAAY,CAAC,GAAG,cAAc,CAAC,YAAY,EAAE,GAAG,CAAC,SAAS,MAAM,GAAG,GAAG,GAAG,KAAK;CACjG,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC,CAAC;AAE3B,eAAO,MAAM,WAAW,GAAI,YAAY,SAAS,WAAW,EAAE,uFAS3D;IACD,IAAI,EAAE,SAAS,CAAC,YAAY,CAAC,CAAC;IAC9B,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IAC/B,UAAU,EAAE,GAAG,CAAC,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,UAAU,CAAC,EAAE,kBAAkB,CAAC;CACjC,gBAuEA,CAAC;AAgDF,eAAO,MAAM,iBAAiB,GAC5B,YAAY,SAAS,WAAW,EAChC,KAAK,SAAS,gBAAgB,CAAC,YAAY,EAAE,SAAS,EAAE,EAAE,CAAC,EAC3D,6EAQC;IACD,IAAI,EAAE,KAAK,CAAC;IACZ,OAAO,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,UAAU,CAAC,EAAE,IAAI,CAAC,kBAAkB,EAAE,mBAAmB,CAAC,CAAC;CAC5D,gBA2BA,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,YAAY,SAAS,WAAW,EAAE,8EAQzD;IACD,IAAI,EAAE,SAAS,CAAC,YAAY,CAAC,CAAC;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,UAAU,CAAC,EAAE,IAAI,CAAC,kBAAkB,EAAE,WAAW,GAAG,gBAAgB,GAAG,YAAY,CAAC,CAAC;IACrF,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B,uBA8DA,CAAC;AA+FF,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAgBrF"}