@open-mercato/core 0.6.6-develop.6089.1.a7ed560528 → 0.6.6-develop.6121.1.5797a901b3

package/dist/modules/customers/components/calendar/UpcomingCards.js

@@ -0,0 +1,175 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { differenceInCalendarDays } from "date-fns/differenceInCalendarDays";
+import { format } from "date-fns/format";
+import { AlertTriangle, ChevronDown, Clock } from "lucide-react";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { IconButton } from "@open-mercato/ui/primitives/icon-button";
+import { LinkButton } from "@open-mercato/ui/primitives/link-button";
+import {
+  Popover,
+  PopoverClose,
+  PopoverContent,
+  PopoverTrigger
+} from "@open-mercato/ui/primitives/popover";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+function formatTimeRange(item, allDayLabel) {
+  if (item.allDay) return allDayLabel;
+  return `${format(item.start, "h:mm a")} \u2013 ${format(item.end, "h:mm a")}`;
+}
+function canJoin(item) {
+  return item.locationKind === "url" || item.locationKind === "platform";
+}
+function UpcomingCardStatus({
+  card,
+  onJoin,
+  onSeeConflict
+}) {
+  const t = useT();
+  const { item, kind, conflictCount } = card;
+  if (kind === "today") {
+    return /* @__PURE__ */ jsxs("div", { className: "flex w-full items-center gap-1.5 rounded-lg bg-status-success-bg py-2 pl-2 pr-3", children: [
+      /* @__PURE__ */ jsx(Clock, { className: "size-4 shrink-0 text-status-success-icon", "aria-hidden": "true" }),
+      /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate text-xs font-medium text-foreground", children: t("customers.calendar.cards.today", "Today") }),
+      canJoin(item) ? /* @__PURE__ */ jsx(
+        LinkButton,
+        {
+          variant: "gray",
+          size: "sm",
+          underline: "always",
+          onClick: () => onJoin(item),
+          className: "shrink-0",
+          children: t("customers.calendar.cards.join", "Join Meeting")
+        }
+      ) : null
+    ] });
+  }
+  if (kind === "conflicted") {
+    return /* @__PURE__ */ jsxs("div", { className: "flex w-full items-center gap-1.5 rounded-lg bg-status-warning-bg py-2 pl-2 pr-3", children: [
+      /* @__PURE__ */ jsx(AlertTriangle, { className: "size-4 shrink-0 text-status-warning-icon", "aria-hidden": "true" }),
+      /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate text-xs font-medium text-foreground", children: t("customers.calendar.cards.conflictedCount", "{count} Conflicted", {
+        count: conflictCount
+      }) }),
+      /* @__PURE__ */ jsx(
+        LinkButton,
+        {
+          variant: "gray",
+          size: "sm",
+          underline: "always",
+          onClick: () => onSeeConflict(item),
+          className: "shrink-0",
+          children: t("customers.calendar.cards.seeConflict", "See Conflict")
+        }
+      )
+    ] });
+  }
+  if (kind === "cancelled") {
+    return /* @__PURE__ */ jsxs("div", { className: "flex w-full items-center gap-1.5 rounded-lg bg-status-error-bg py-2 pl-2 pr-3", children: [
+      /* @__PURE__ */ jsx(Clock, { className: "size-4 shrink-0 text-status-error-icon", "aria-hidden": "true" }),
+      /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate text-xs font-medium text-foreground", children: t("customers.calendar.cards.cancelled", "Cancelled") }),
+      /* @__PURE__ */ jsx("span", { className: "shrink-0 text-xs text-muted-foreground", children: format(item.start, "MMM dd, yyyy") })
+    ] });
+  }
+  const daysLater = Math.max(0, differenceInCalendarDays(item.start, /* @__PURE__ */ new Date()));
+  return /* @__PURE__ */ jsxs("div", { className: "flex w-full items-center gap-1.5 rounded-lg bg-muted py-2 pl-2 pr-3", children: [
+    /* @__PURE__ */ jsx(Clock, { className: "size-4 shrink-0 text-muted-foreground", "aria-hidden": "true" }),
+    /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate text-xs text-muted-foreground", children: daysLater === 1 ? t("customers.calendar.cards.dayLater", "1 day later") : t("customers.calendar.cards.daysLater", "{days} days later", { days: daysLater }) }),
+    /* @__PURE__ */ jsx("span", { className: "shrink-0 text-xs text-muted-foreground", children: format(item.start, "MMM dd, yyyy") })
+  ] });
+}
+function UpcomingCardItem({
+  card,
+  canManage,
+  onJoin,
+  onSeeConflict,
+  onOpen,
+  onEdit,
+  onCancel
+}) {
+  const t = useT();
+  const { item } = card;
+  return /* @__PURE__ */ jsxs("article", { className: "flex w-[260px] shrink-0 snap-start flex-col gap-3 rounded-xl border bg-card px-2 pb-2 pt-4 shadow-xs sm:w-auto sm:shrink", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2 px-2", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-1", children: [
+        /* @__PURE__ */ jsx("p", { className: "truncate text-sm font-medium text-foreground", children: item.title }),
+        /* @__PURE__ */ jsx("p", { className: "truncate text-xs text-muted-foreground", children: formatTimeRange(item, t("customers.calendar.cards.allDay", "All day")) })
+      ] }),
+      /* @__PURE__ */ jsxs(Popover, { children: [
+        /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+          IconButton,
+          {
+            variant: "outline",
+            size: "xs",
+            fullRadius: true,
+            "aria-label": t("customers.calendar.cards.menu.label", "Event actions"),
+            children: /* @__PURE__ */ jsx(ChevronDown, { "aria-hidden": "true" })
+          }
+        ) }),
+        /* @__PURE__ */ jsxs(PopoverContent, { align: "end", className: "w-40 min-w-0 p-1", children: [
+          /* @__PURE__ */ jsx(PopoverClose, { asChild: true, children: /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "button",
+              variant: "ghost",
+              size: "sm",
+              className: "w-full justify-start",
+              onClick: () => onOpen(item),
+              children: t("customers.calendar.cards.menu.open", "Open")
+            }
+          ) }),
+          canManage ? /* @__PURE__ */ jsx(PopoverClose, { asChild: true, children: /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "button",
+              variant: "ghost",
+              size: "sm",
+              className: "w-full justify-start",
+              onClick: () => onEdit(item),
+              children: t("customers.calendar.cards.menu.edit", "Edit")
+            }
+          ) }) : null,
+          canManage ? /* @__PURE__ */ jsx(PopoverClose, { asChild: true, children: /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "button",
+              variant: "destructive-ghost",
+              size: "sm",
+              className: "w-full justify-start",
+              onClick: () => onCancel(item),
+              children: t("customers.calendar.cards.menu.cancel", "Cancel")
+            }
+          ) }) : null
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(UpcomingCardStatus, { card, onJoin, onSeeConflict })
+  ] });
+}
+function UpcomingCards({
+  cards,
+  canManage = true,
+  onJoin,
+  onSeeConflict,
+  onOpen,
+  onEdit,
+  onCancel
+}) {
+  if (cards.length === 0) return null;
+  return /* @__PURE__ */ jsx("div", { className: "flex snap-x snap-mandatory gap-3 overflow-x-auto pb-1 sm:grid sm:snap-none sm:grid-cols-2 sm:gap-4 sm:overflow-visible sm:pb-0 xl:grid-cols-4", children: cards.map((card) => /* @__PURE__ */ jsx(
+    UpcomingCardItem,
+    {
+      card,
+      canManage,
+      onJoin,
+      onSeeConflict,
+      onOpen,
+      onEdit,
+      onCancel
+    },
+    card.item.id
+  )) });
+}
+export {
+  UpcomingCards
+};
+//# sourceMappingURL=UpcomingCards.js.map

package/dist/modules/customers/components/calendar/UpcomingCards.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/customers/components/calendar/UpcomingCards.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { differenceInCalendarDays } from 'date-fns/differenceInCalendarDays'\nimport { format } from 'date-fns/format'\nimport { AlertTriangle, ChevronDown, Clock } from 'lucide-react'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { IconButton } from '@open-mercato/ui/primitives/icon-button'\nimport { LinkButton } from '@open-mercato/ui/primitives/link-button'\nimport {\n  Popover,\n  PopoverClose,\n  PopoverContent,\n  PopoverTrigger,\n} from '@open-mercato/ui/primitives/popover'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport type { CalendarItem, UpcomingCard, UpcomingCardsProps } from './types'\n\nfunction formatTimeRange(item: CalendarItem, allDayLabel: string): string {\n  if (item.allDay) return allDayLabel\n  return `${format(item.start, 'h:mm a')} \u2013 ${format(item.end, 'h:mm a')}`\n}\n\nfunction canJoin(item: CalendarItem): boolean {\n  return item.locationKind === 'url' || item.locationKind === 'platform'\n}\n\ntype CardCallbacks = Pick<UpcomingCardsProps, 'canManage' | 'onJoin' | 'onSeeConflict' | 'onOpen' | 'onEdit' | 'onCancel'>\n\nfunction UpcomingCardStatus({\n  card,\n  onJoin,\n  onSeeConflict,\n}: {\n  card: UpcomingCard\n  onJoin: UpcomingCardsProps['onJoin']\n  onSeeConflict: UpcomingCardsProps['onSeeConflict']\n}) {\n  const t = useT()\n  const { item, kind, conflictCount } = card\n\n  if (kind === 'today') {\n    return (\n      <div className=\"flex w-full items-center gap-1.5 rounded-lg bg-status-success-bg py-2 pl-2 pr-3\">\n        <Clock className=\"size-4 shrink-0 text-status-success-icon\" aria-hidden=\"true\" />\n        <span className=\"min-w-0 flex-1 truncate text-xs font-medium text-foreground\">\n          {t('customers.calendar.cards.today', 'Today')}\n        </span>\n        {canJoin(item) ? (\n          <LinkButton\n            variant=\"gray\"\n            size=\"sm\"\n            underline=\"always\"\n            onClick={() => onJoin(item)}\n            className=\"shrink-0\"\n          >\n            {t('customers.calendar.cards.join', 'Join Meeting')}\n          </LinkButton>\n        ) : null}\n      </div>\n    )\n  }\n\n  if (kind === 'conflicted') {\n    return (\n      <div className=\"flex w-full items-center gap-1.5 rounded-lg bg-status-warning-bg py-2 pl-2 pr-3\">\n        <AlertTriangle className=\"size-4 shrink-0 text-status-warning-icon\" aria-hidden=\"true\" />\n        <span className=\"min-w-0 flex-1 truncate text-xs font-medium text-foreground\">\n          {t('customers.calendar.cards.conflictedCount', '{count} Conflicted', {\n            count: conflictCount,\n          })}\n        </span>\n        <LinkButton\n          variant=\"gray\"\n          size=\"sm\"\n          underline=\"always\"\n          onClick={() => onSeeConflict(item)}\n          className=\"shrink-0\"\n        >\n          {t('customers.calendar.cards.seeConflict', 'See Conflict')}\n        </LinkButton>\n      </div>\n    )\n  }\n\n  if (kind === 'cancelled') {\n    return (\n      <div className=\"flex w-full items-center gap-1.5 rounded-lg bg-status-error-bg py-2 pl-2 pr-3\">\n        <Clock className=\"size-4 shrink-0 text-status-error-icon\" aria-hidden=\"true\" />\n        <span className=\"min-w-0 flex-1 truncate text-xs font-medium text-foreground\">\n          {t('customers.calendar.cards.cancelled', 'Cancelled')}\n        </span>\n        <span className=\"shrink-0 text-xs text-muted-foreground\">\n          {format(item.start, 'MMM dd, yyyy')}\n        </span>\n      </div>\n    )\n  }\n\n  const daysLater = Math.max(0, differenceInCalendarDays(item.start, new Date()))\n  return (\n    <div className=\"flex w-full items-center gap-1.5 rounded-lg bg-muted py-2 pl-2 pr-3\">\n      <Clock className=\"size-4 shrink-0 text-muted-foreground\" aria-hidden=\"true\" />\n      <span className=\"min-w-0 flex-1 truncate text-xs text-muted-foreground\">\n        {daysLater === 1\n          ? t('customers.calendar.cards.dayLater', '1 day later')\n          : t('customers.calendar.cards.daysLater', '{days} days later', { days: daysLater })}\n      </span>\n      <span className=\"shrink-0 text-xs text-muted-foreground\">\n        {format(item.start, 'MMM dd, yyyy')}\n      </span>\n    </div>\n  )\n}\n\nfunction UpcomingCardItem({\n  card,\n  canManage,\n  onJoin,\n  onSeeConflict,\n  onOpen,\n  onEdit,\n  onCancel,\n}: { card: UpcomingCard } & CardCallbacks) {\n  const t = useT()\n  const { item } = card\n\n  return (\n    <article className=\"flex w-[260px] shrink-0 snap-start flex-col gap-3 rounded-xl border bg-card px-2 pb-2 pt-4 shadow-xs sm:w-auto sm:shrink\">\n      <div className=\"flex items-start gap-2 px-2\">\n        <div className=\"flex min-w-0 flex-1 flex-col gap-1\">\n          <p className=\"truncate text-sm font-medium text-foreground\">{item.title}</p>\n          <p className=\"truncate text-xs text-muted-foreground\">\n            {formatTimeRange(item, t('customers.calendar.cards.allDay', 'All day'))}\n          </p>\n        </div>\n        <Popover>\n          <PopoverTrigger asChild>\n            <IconButton\n              variant=\"outline\"\n              size=\"xs\"\n              fullRadius\n              aria-label={t('customers.calendar.cards.menu.label', 'Event actions')}\n            >\n              <ChevronDown aria-hidden=\"true\" />\n            </IconButton>\n          </PopoverTrigger>\n          <PopoverContent align=\"end\" className=\"w-40 min-w-0 p-1\">\n            <PopoverClose asChild>\n              <Button\n                type=\"button\"\n                variant=\"ghost\"\n                size=\"sm\"\n                className=\"w-full justify-start\"\n                onClick={() => onOpen(item)}\n              >\n                {t('customers.calendar.cards.menu.open', 'Open')}\n              </Button>\n            </PopoverClose>\n            {canManage ? (\n              <PopoverClose asChild>\n                <Button\n                  type=\"button\"\n                  variant=\"ghost\"\n                  size=\"sm\"\n                  className=\"w-full justify-start\"\n                  onClick={() => onEdit(item)}\n                >\n                  {t('customers.calendar.cards.menu.edit', 'Edit')}\n                </Button>\n              </PopoverClose>\n            ) : null}\n            {canManage ? (\n              <PopoverClose asChild>\n                <Button\n                  type=\"button\"\n                  variant=\"destructive-ghost\"\n                  size=\"sm\"\n                  className=\"w-full justify-start\"\n                  onClick={() => onCancel(item)}\n                >\n                  {t('customers.calendar.cards.menu.cancel', 'Cancel')}\n                </Button>\n              </PopoverClose>\n            ) : null}\n          </PopoverContent>\n        </Popover>\n      </div>\n      <UpcomingCardStatus card={card} onJoin={onJoin} onSeeConflict={onSeeConflict} />\n    </article>\n  )\n}\n\nexport function UpcomingCards({\n  cards,\n  canManage = true,\n  onJoin,\n  onSeeConflict,\n  onOpen,\n  onEdit,\n  onCancel,\n}: UpcomingCardsProps) {\n  if (cards.length === 0) return null\n  return (\n    <div className=\"flex snap-x snap-mandatory gap-3 overflow-x-auto pb-1 sm:grid sm:snap-none sm:grid-cols-2 sm:gap-4 sm:overflow-visible sm:pb-0 xl:grid-cols-4\">\n      {cards.map((card) => (\n        <UpcomingCardItem\n          key={card.item.id}\n          card={card}\n          canManage={canManage}\n          onJoin={onJoin}\n          onSeeConflict={onSeeConflict}\n          onOpen={onOpen}\n          onEdit={onEdit}\n          onCancel={onCancel}\n        />\n      ))}\n    </div>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/modules/customers/components/calendar/editor/CategoryField.js

@@ -0,0 +1,75 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { ChevronDown } from "lucide-react";
+import { cn } from "@open-mercato/shared/lib/utils";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { categoryPillStyle, CONTROL_BORDER, DROPDOWN_PANEL_CLASS, UppercaseBadge } from "./inputs.js";
+function CategoryField({
+  label,
+  value,
+  options,
+  colors,
+  onChange
+}) {
+  const t = useT();
+  const [open, setOpen] = React.useState(false);
+  const selected = options.find((option) => option.value === value) ?? { value, label: value };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "relative w-full",
+      onBlur: (event) => {
+        if (!event.currentTarget.contains(event.relatedTarget)) setOpen(false);
+      },
+      children: [
+        /* @__PURE__ */ jsxs(
+          Button,
+          {
+            type: "button",
+            variant: "outline",
+            "aria-haspopup": "listbox",
+            "aria-expanded": open,
+            "aria-label": label,
+            onClick: () => setOpen((previous) => !previous),
+            className: cn(
+              "h-9 w-full justify-between bg-background px-3 shadow-none",
+              CONTROL_BORDER
+            ),
+            children: [
+              /* @__PURE__ */ jsx(UppercaseBadge, { style: categoryPillStyle(colors[selected.value] ?? null), children: selected.label }),
+              /* @__PURE__ */ jsxs("span", { className: "flex shrink-0 items-center", children: [
+                /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "h-px w-2" }),
+                /* @__PURE__ */ jsx(ChevronDown, { "aria-hidden": true, className: "size-4 opacity-60" })
+              ] })
+            ]
+          }
+        ),
+        open ? /* @__PURE__ */ jsxs("div", { role: "listbox", "aria-label": label, className: DROPDOWN_PANEL_CLASS, children: [
+          options.length === 0 ? /* @__PURE__ */ jsx("p", { className: "px-2 py-3 text-center text-xs text-muted-foreground", children: t("customers.calendar.editor.noResults", "No results") }) : null,
+          options.map((option) => /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "button",
+              variant: "ghost",
+              role: "option",
+              "aria-selected": option.value === value,
+              onClick: () => {
+                onChange(option.value);
+                setOpen(false);
+              },
+              className: "h-auto w-full justify-start px-2 py-1.5 text-left",
+              children: /* @__PURE__ */ jsx(UppercaseBadge, { style: categoryPillStyle(colors[option.value] ?? null), children: option.label })
+            },
+            option.value
+          ))
+        ] }) : null
+      ]
+    }
+  );
+}
+export {
+  CategoryField
+};
+//# sourceMappingURL=CategoryField.js.map

package/dist/modules/customers/components/calendar/editor/CategoryField.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/customers/components/calendar/editor/CategoryField.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { ChevronDown } from 'lucide-react'\nimport { cn } from '@open-mercato/shared/lib/utils'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { categoryPillStyle, CONTROL_BORDER, DROPDOWN_PANEL_CLASS, UppercaseBadge } from './inputs'\n\nexport function CategoryField({\n  label,\n  value,\n  options,\n  colors,\n  onChange,\n}: {\n  label: string\n  value: string\n  options: Array<{ value: string; label: string }>\n  colors: Record<string, string | null>\n  onChange(next: string): void\n}) {\n  const t = useT()\n  const [open, setOpen] = React.useState(false)\n  const selected = options.find((option) => option.value === value) ?? { value, label: value }\n\n  return (\n    <div\n      className=\"relative w-full\"\n      onBlur={(event) => {\n        if (!event.currentTarget.contains(event.relatedTarget as Node | null)) setOpen(false)\n      }}\n    >\n      <Button\n        type=\"button\"\n        variant=\"outline\"\n        aria-haspopup=\"listbox\"\n        aria-expanded={open}\n        aria-label={label}\n        onClick={() => setOpen((previous) => !previous)}\n        className={cn(\n          'h-9 w-full justify-between bg-background px-3 shadow-none',\n          CONTROL_BORDER,\n        )}\n      >\n        <UppercaseBadge style={categoryPillStyle(colors[selected.value] ?? null)}>{selected.label}</UppercaseBadge>\n        <span className=\"flex shrink-0 items-center\">\n          <span aria-hidden className=\"h-px w-2\" />\n          <ChevronDown aria-hidden className=\"size-4 opacity-60\" />\n        </span>\n      </Button>\n      {open ? (\n        <div role=\"listbox\" aria-label={label} className={DROPDOWN_PANEL_CLASS}>\n          {options.length === 0 ? (\n            <p className=\"px-2 py-3 text-center text-xs text-muted-foreground\">\n              {t('customers.calendar.editor.noResults', 'No results')}\n            </p>\n          ) : null}\n          {options.map((option) => (\n            <Button\n              key={option.value}\n              type=\"button\"\n              variant=\"ghost\"\n              role=\"option\"\n              aria-selected={option.value === value}\n              onClick={() => {\n                onChange(option.value)\n                setOpen(false)\n              }}\n              className=\"h-auto w-full justify-start px-2 py-1.5 text-left\"\n            >\n              <UppercaseBadge style={categoryPillStyle(colors[option.value] ?? null)}>{option.label}</UppercaseBadge>\n            </Button>\n          ))}\n        </div>\n      ) : null}\n    </div>\n  )\n}\n"],
+  "mappings": ";AA6CQ,cACA,YADA;AA3CR,YAAY,WAAW;AACvB,SAAS,mBAAmB;AAC5B,SAAS,UAAU;AACnB,SAAS,YAAY;AACrB,SAAS,cAAc;AACvB,SAAS,mBAAmB,gBAAgB,sBAAsB,sBAAsB;AAEjF,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAMG;AACD,QAAM,IAAI,KAAK;AACf,QAAM,CAAC,MAAM,OAAO,IAAI,MAAM,SAAS,KAAK;AAC5C,QAAM,WAAW,QAAQ,KAAK,CAAC,WAAW,OAAO,UAAU,KAAK,KAAK,EAAE,OAAO,OAAO,MAAM;AAE3F,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,QAAQ,CAAC,UAAU;AACjB,YAAI,CAAC,MAAM,cAAc,SAAS,MAAM,aAA4B,EAAG,SAAQ,KAAK;AAAA,MACtF;AAAA,MAEA;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAQ;AAAA,YACR,iBAAc;AAAA,YACd,iBAAe;AAAA,YACf,cAAY;AAAA,YACZ,SAAS,MAAM,QAAQ,CAAC,aAAa,CAAC,QAAQ;AAAA,YAC9C,WAAW;AAAA,cACT;AAAA,cACA;AAAA,YACF;AAAA,YAEA;AAAA,kCAAC,kBAAe,OAAO,kBAAkB,OAAO,SAAS,KAAK,KAAK,IAAI,GAAI,mBAAS,OAAM;AAAA,cAC1F,qBAAC,UAAK,WAAU,8BACd;AAAA,oCAAC,UAAK,eAAW,MAAC,WAAU,YAAW;AAAA,gBACvC,oBAAC,eAAY,eAAW,MAAC,WAAU,qBAAoB;AAAA,iBACzD;AAAA;AAAA;AAAA,QACF;AAAA,QACC,OACC,qBAAC,SAAI,MAAK,WAAU,cAAY,OAAO,WAAW,sBAC/C;AAAA,kBAAQ,WAAW,IAClB,oBAAC,OAAE,WAAU,uDACV,YAAE,uCAAuC,YAAY,GACxD,IACE;AAAA,UACH,QAAQ,IAAI,CAAC,WACZ;AAAA,YAAC;AAAA;AAAA,cAEC,MAAK;AAAA,cACL,SAAQ;AAAA,cACR,MAAK;AAAA,cACL,iBAAe,OAAO,UAAU;AAAA,cAChC,SAAS,MAAM;AACb,yBAAS,OAAO,KAAK;AACrB,wBAAQ,KAAK;AAAA,cACf;AAAA,cACA,WAAU;AAAA,cAEV,8BAAC,kBAAe,OAAO,kBAAkB,OAAO,OAAO,KAAK,KAAK,IAAI,GAAI,iBAAO,OAAM;AAAA;AAAA,YAXjF,OAAO;AAAA,UAYd,CACD;AAAA,WACH,IACE;AAAA;AAAA;AAAA,EACN;AAEJ;",
+  "names": []
+}

package/dist/modules/customers/components/calendar/editor/LocationField.js

@@ -0,0 +1,30 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { MapPin } from "lucide-react";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { Input } from "@open-mercato/ui/primitives/input";
+import { Field } from "./inputs.js";
+function LocationField({
+  variant,
+  value,
+  onChange
+}) {
+  const t = useT();
+  const label = variant === "phoneLink" ? t("customers.calendar.editor.phoneLink", "Phone / link") : t("customers.calendar.editor.location", "Location");
+  const placeholder = variant === "phoneLink" ? t("customers.calendar.editor.phoneLinkPlaceholder", "Add a phone number or link\u2026") : t("customers.calendar.editor.locationPlaceholder", "Add a location or link\u2026");
+  return /* @__PURE__ */ jsx(Field, { label, children: /* @__PURE__ */ jsx(
+    Input,
+    {
+      type: "text",
+      value,
+      onChange: (event) => onChange(event.target.value),
+      placeholder,
+      "aria-label": label,
+      leftIcon: /* @__PURE__ */ jsx(MapPin, {})
+    }
+  ) });
+}
+export {
+  LocationField
+};
+//# sourceMappingURL=LocationField.js.map

package/dist/modules/customers/components/calendar/editor/LocationField.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/customers/components/calendar/editor/LocationField.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { MapPin } from 'lucide-react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport { Field } from './inputs'\n\nexport function LocationField({\n  variant,\n  value,\n  onChange,\n}: {\n  variant: 'location' | 'phoneLink'\n  value: string\n  onChange(next: string): void\n}) {\n  const t = useT()\n  const label = variant === 'phoneLink'\n    ? t('customers.calendar.editor.phoneLink', 'Phone / link')\n    : t('customers.calendar.editor.location', 'Location')\n  const placeholder = variant === 'phoneLink'\n    ? t('customers.calendar.editor.phoneLinkPlaceholder', 'Add a phone number or link\u2026')\n    : t('customers.calendar.editor.locationPlaceholder', 'Add a location or link\u2026')\n  return (\n    <Field label={label}>\n      <Input\n        type=\"text\"\n        value={value}\n        onChange={(event) => onChange(event.target.value)}\n        placeholder={placeholder}\n        aria-label={label}\n        leftIcon={<MapPin />}\n      />\n    </Field>\n  )\n}\n"],
+  "mappings": ";AAgCkB;AA7BlB,SAAS,cAAc;AACvB,SAAS,YAAY;AACrB,SAAS,aAAa;AACtB,SAAS,aAAa;AAEf,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,QAAM,IAAI,KAAK;AACf,QAAM,QAAQ,YAAY,cACtB,EAAE,uCAAuC,cAAc,IACvD,EAAE,sCAAsC,UAAU;AACtD,QAAM,cAAc,YAAY,cAC5B,EAAE,kDAAkD,kCAA6B,IACjF,EAAE,iDAAiD,8BAAyB;AAChF,SACE,oBAAC,SAAM,OACL;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL;AAAA,MACA,UAAU,CAAC,UAAU,SAAS,MAAM,OAAO,KAAK;AAAA,MAChD;AAAA,MACA,cAAY;AAAA,MACZ,UAAU,oBAAC,UAAO;AAAA;AAAA,EACpB,GACF;AAEJ;",
+  "names": []
+}

package/dist/modules/customers/components/calendar/editor/PeopleField.js

@@ -0,0 +1,135 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "@open-mercato/shared/lib/utils";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { Avatar } from "@open-mercato/ui/primitives/avatar";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { Input } from "@open-mercato/ui/primitives/input";
+import { searchPeopleOptions } from "./lookups.js";
+import { CONTROL_BORDER, DROPDOWN_PANEL_CLASS, PersonChip, UppercaseBadge } from "./inputs.js";
+function PeopleField({
+  mode,
+  placeholder,
+  ariaLabel,
+  value,
+  onChange,
+  includeCustomers
+}) {
+  const t = useT();
+  const [query, setQuery] = React.useState("");
+  const [open, setOpen] = React.useState(false);
+  const [options, setOptions] = React.useState([]);
+  const [loading, setLoading] = React.useState(false);
+  React.useEffect(() => {
+    if (!open) return;
+    const controller = new AbortController();
+    let cancelled = false;
+    const timer = window.setTimeout(async () => {
+      setLoading(true);
+      try {
+        const results = await searchPeopleOptions(query.trim(), { includeCustomers, signal: controller.signal });
+        if (cancelled) return;
+        setOptions(results);
+      } catch {
+        if (!cancelled) setOptions([]);
+      } finally {
+        if (!cancelled) setLoading(false);
+      }
+    }, 250);
+    return () => {
+      cancelled = true;
+      controller.abort();
+      window.clearTimeout(timer);
+    };
+  }, [open, query, includeCustomers]);
+  const selectedIds = new Set(value.map((participant) => participant.userId));
+  const visibleOptions = options.filter((option) => !selectedIds.has(option.userId));
+  const customerBadge = /* @__PURE__ */ jsx(UppercaseBadge, { className: "bg-status-info-bg text-status-info-text", children: t("customers.calendar.editor.customerBadge", "Customer") });
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "relative w-full",
+      onBlur: (event) => {
+        if (!event.currentTarget.contains(event.relatedTarget)) setOpen(false);
+      },
+      children: [
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: cn(
+              "flex w-full flex-wrap content-center items-center gap-2 rounded-md bg-background px-2.5 py-2",
+              mode === "multi" ? "min-h-24" : "min-h-14",
+              CONTROL_BORDER
+            ),
+            children: [
+              value.map((participant) => /* @__PURE__ */ jsx(
+                PersonChip,
+                {
+                  name: participant.name,
+                  badge: participant.isCustomer ? customerBadge : void 0,
+                  onRemove: () => onChange(value.filter((entry) => entry.userId !== participant.userId)),
+                  removeLabel: t("customers.calendar.editor.removePerson", "Remove {name}", { name: participant.name })
+                },
+                participant.userId
+              )),
+              /* @__PURE__ */ jsx(
+                Input,
+                {
+                  type: "text",
+                  value: query,
+                  onChange: (event) => setQuery(event.target.value),
+                  onFocus: () => setOpen(true),
+                  placeholder,
+                  "aria-label": ariaLabel,
+                  role: "combobox",
+                  "aria-expanded": open,
+                  className: "min-w-36 flex-1 border-0 bg-transparent px-0 shadow-none hover:bg-transparent focus-within:border-transparent focus-within:shadow-none",
+                  inputClassName: "text-sm text-foreground placeholder:text-muted-foreground"
+                }
+              )
+            ]
+          }
+        ),
+        open ? /* @__PURE__ */ jsxs("div", { role: "listbox", "aria-label": ariaLabel, className: DROPDOWN_PANEL_CLASS, children: [
+          loading ? /* @__PURE__ */ jsx("p", { className: "px-2 py-3 text-center text-xs text-muted-foreground", children: t("customers.calendar.editor.searching", "Searching\u2026") }) : null,
+          !loading && visibleOptions.length === 0 ? /* @__PURE__ */ jsx("p", { className: "px-2 py-3 text-center text-xs text-muted-foreground", children: t("customers.calendar.editor.noResults", "No results") }) : null,
+          !loading ? visibleOptions.map((option) => /* @__PURE__ */ jsxs(
+            Button,
+            {
+              type: "button",
+              variant: "ghost",
+              role: "option",
+              "aria-selected": false,
+              onClick: () => {
+                const participant = {
+                  userId: option.userId,
+                  name: option.name,
+                  email: option.email ?? void 0,
+                  isCustomer: option.isCustomer
+                };
+                onChange(mode === "single" ? [participant] : [...value, participant]);
+                setQuery("");
+                if (mode === "single") setOpen(false);
+              },
+              className: "h-auto w-full justify-start gap-2 whitespace-normal px-2 py-1.5 text-left text-sm font-normal text-foreground",
+              children: [
+                /* @__PURE__ */ jsx(Avatar, { size: "xs", label: option.name }),
+                /* @__PURE__ */ jsxs("span", { className: "min-w-0 flex-1 truncate", children: [
+                  option.name,
+                  option.email ? /* @__PURE__ */ jsx("span", { className: "ml-1.5 text-xs text-muted-foreground", children: option.email }) : null
+                ] }),
+                option.isCustomer ? customerBadge : null
+              ]
+            },
+            `${option.isCustomer ? "customer" : "staff"}:${option.userId}`
+          )) : null
+        ] }) : null
+      ]
+    }
+  );
+}
+export {
+  PeopleField
+};
+//# sourceMappingURL=PeopleField.js.map

package/dist/modules/customers/components/calendar/editor/PeopleField.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/customers/components/calendar/editor/PeopleField.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { cn } from '@open-mercato/shared/lib/utils'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Avatar } from '@open-mercato/ui/primitives/avatar'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport type { EditorParticipant } from '../../../lib/calendar/editorPayload'\nimport { searchPeopleOptions, type PersonOption } from './lookups'\nimport { CONTROL_BORDER, DROPDOWN_PANEL_CLASS, PersonChip, UppercaseBadge } from './inputs'\n\nexport function PeopleField({\n  mode,\n  placeholder,\n  ariaLabel,\n  value,\n  onChange,\n  includeCustomers,\n}: {\n  mode: 'multi' | 'single'\n  placeholder: string\n  ariaLabel: string\n  value: EditorParticipant[]\n  onChange(next: EditorParticipant[]): void\n  includeCustomers: boolean\n}) {\n  const t = useT()\n  const [query, setQuery] = React.useState('')\n  const [open, setOpen] = React.useState(false)\n  const [options, setOptions] = React.useState<PersonOption[]>([])\n  const [loading, setLoading] = React.useState(false)\n\n  React.useEffect(() => {\n    if (!open) return\n    const controller = new AbortController()\n    let cancelled = false\n    const timer = window.setTimeout(async () => {\n      setLoading(true)\n      try {\n        const results = await searchPeopleOptions(query.trim(), { includeCustomers, signal: controller.signal })\n        if (cancelled) return\n        setOptions(results)\n      } catch {\n        if (!cancelled) setOptions([])\n      } finally {\n        if (!cancelled) setLoading(false)\n      }\n    }, 250)\n    return () => {\n      cancelled = true\n      controller.abort()\n      window.clearTimeout(timer)\n    }\n  }, [open, query, includeCustomers])\n\n  const selectedIds = new Set(value.map((participant) => participant.userId))\n  const visibleOptions = options.filter((option) => !selectedIds.has(option.userId))\n\n  const customerBadge = (\n    <UppercaseBadge className=\"bg-status-info-bg text-status-info-text\">\n      {t('customers.calendar.editor.customerBadge', 'Customer')}\n    </UppercaseBadge>\n  )\n\n  return (\n    <div\n      className=\"relative w-full\"\n      onBlur={(event) => {\n        if (!event.currentTarget.contains(event.relatedTarget as Node | null)) setOpen(false)\n      }}\n    >\n      <div\n        className={cn(\n          'flex w-full flex-wrap content-center items-center gap-2 rounded-md bg-background px-2.5 py-2',\n          mode === 'multi' ? 'min-h-24' : 'min-h-14',\n          CONTROL_BORDER,\n        )}\n      >\n        {value.map((participant) => (\n          <PersonChip\n            key={participant.userId}\n            name={participant.name}\n            badge={participant.isCustomer ? customerBadge : undefined}\n            onRemove={() => onChange(value.filter((entry) => entry.userId !== participant.userId))}\n            removeLabel={t('customers.calendar.editor.removePerson', 'Remove {name}', { name: participant.name })}\n          />\n        ))}\n        <Input\n          type=\"text\"\n          value={query}\n          onChange={(event) => setQuery(event.target.value)}\n          onFocus={() => setOpen(true)}\n          placeholder={placeholder}\n          aria-label={ariaLabel}\n          role=\"combobox\"\n          aria-expanded={open}\n          className=\"min-w-36 flex-1 border-0 bg-transparent px-0 shadow-none hover:bg-transparent focus-within:border-transparent focus-within:shadow-none\"\n          inputClassName=\"text-sm text-foreground placeholder:text-muted-foreground\"\n        />\n      </div>\n      {open ? (\n        <div role=\"listbox\" aria-label={ariaLabel} className={DROPDOWN_PANEL_CLASS}>\n          {loading ? (\n            <p className=\"px-2 py-3 text-center text-xs text-muted-foreground\">\n              {t('customers.calendar.editor.searching', 'Searching\u2026')}\n            </p>\n          ) : null}\n          {!loading && visibleOptions.length === 0 ? (\n            <p className=\"px-2 py-3 text-center text-xs text-muted-foreground\">\n              {t('customers.calendar.editor.noResults', 'No results')}\n            </p>\n          ) : null}\n          {!loading\n            ? visibleOptions.map((option) => (\n                <Button\n                  key={`${option.isCustomer ? 'customer' : 'staff'}:${option.userId}`}\n                  type=\"button\"\n                  variant=\"ghost\"\n                  role=\"option\"\n                  aria-selected={false}\n                  onClick={() => {\n                    const participant: EditorParticipant = {\n                      userId: option.userId,\n                      name: option.name,\n                      email: option.email ?? undefined,\n                      isCustomer: option.isCustomer,\n                    }\n                    onChange(mode === 'single' ? [participant] : [...value, participant])\n                    setQuery('')\n                    if (mode === 'single') setOpen(false)\n                  }}\n                  className=\"h-auto w-full justify-start gap-2 whitespace-normal px-2 py-1.5 text-left text-sm font-normal text-foreground\"\n                >\n                  <Avatar size=\"xs\" label={option.name} />\n                  <span className=\"min-w-0 flex-1 truncate\">\n                    {option.name}\n                    {option.email ? <span className=\"ml-1.5 text-xs text-muted-foreground\">{option.email}</span> : null}\n                  </span>\n                  {option.isCustomer ? customerBadge : null}\n                </Button>\n              ))\n            : null}\n        </div>\n      ) : null}\n    </div>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}