@open-mercato/core 0.7.1-develop.7178.1.ab93fbaf4e → 0.7.1-develop.7180.1.9717fbbb43

package/dist/modules/staff/lib/time-tracking-ui/NoProjectAccess.js

@@ -0,0 +1,130 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { ArrowLeft, FolderOpen, MessageSquare, ShieldAlert } from "lucide-react";
+import { Page, PageBody } from "@open-mercato/ui/backend/Page";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { EmptyState } from "@open-mercato/ui/primitives/empty-state";
+import { flash } from "@open-mercato/ui/backend/FlashMessages";
+import { apiCallOrThrow } from "@open-mercato/ui/backend/utils/apiCall";
+import { useGuardedMutation } from "@open-mercato/ui/backend/injection/useGuardedMutation";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+const MY_WORK_HREF = "/backend/staff/time-tracking";
+const ACCESS_REQUEST_ENDPOINT = "/api/staff/timesheets/access-requests";
+const ACCESS_REQUEST_CONTEXT_ID = "staff.time_tracking.access_request";
+function AccessRequestButton({
+  timeProjectId,
+  label,
+  sentLabel,
+  variant = "outline"
+}) {
+  const t = useT();
+  const [submitting, setSubmitting] = React.useState(false);
+  const [sent, setSent] = React.useState(false);
+  const { runMutation, retryLastMutation } = useGuardedMutation({
+    contextId: ACCESS_REQUEST_CONTEXT_ID,
+    blockedMessage: t("ui.forms.flash.saveBlocked", "Save blocked by validation")
+  });
+  const requestAccess = React.useCallback(async () => {
+    const payload = timeProjectId ? { timeProjectId } : {};
+    setSubmitting(true);
+    try {
+      await runMutation({
+        operation: () => apiCallOrThrow(ACCESS_REQUEST_ENDPOINT, {
+          method: "POST",
+          headers: { "content-type": "application/json" },
+          body: JSON.stringify(payload)
+        }),
+        context: {
+          formId: ACCESS_REQUEST_CONTEXT_ID,
+          resourceKind: "staff.timesheets.access_request",
+          retryLastMutation
+        },
+        mutationPayload: payload
+      });
+      setSent(true);
+      flash(
+        t(
+          "staff.time_tracking.access.request.success",
+          "Your request has been sent to the Team Leaders."
+        ),
+        "success"
+      );
+    } catch {
+      flash(
+        t("staff.time_tracking.access.request.error", "Could not send the access request."),
+        "error"
+      );
+    } finally {
+      setSubmitting(false);
+    }
+  }, [retryLastMutation, runMutation, t, timeProjectId]);
+  return /* @__PURE__ */ jsxs(Button, { type: "button", variant, onClick: requestAccess, disabled: submitting || sent, children: [
+    /* @__PURE__ */ jsx(MessageSquare, { className: "size-4", "aria-hidden": "true" }),
+    sent ? sentLabel : label
+  ] });
+}
+function NoProjectAccess({ timeProjectId, myWorkHref = MY_WORK_HREF }) {
+  const t = useT();
+  return /* @__PURE__ */ jsx(Page, { children: /* @__PURE__ */ jsx(PageBody, { children: /* @__PURE__ */ jsx(
+    EmptyState,
+    {
+      variant: "subtle",
+      size: "lg",
+      icon: /* @__PURE__ */ jsx(ShieldAlert, { className: "size-6", "aria-hidden": "true" }),
+      title: t("staff.time_tracking.access.denied.title", "You do not have access to this project"),
+      description: t(
+        "staff.time_tracking.access.denied.description",
+        "Project access is granted one project at a time by a Team Leader. If you had access before, it may have been revoked \u2014 your earlier time entries stay saved."
+      ),
+      actions: /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-center gap-2", children: [
+        /* @__PURE__ */ jsx(Button, { type: "button", variant: "default", asChild: true, children: /* @__PURE__ */ jsxs("a", { href: myWorkHref, children: [
+          /* @__PURE__ */ jsx(ArrowLeft, { className: "size-4", "aria-hidden": "true" }),
+          t("staff.time_tracking.access.denied.back", "Back to My work")
+        ] }) }),
+        /* @__PURE__ */ jsx(
+          AccessRequestButton,
+          {
+            timeProjectId,
+            label: t("staff.time_tracking.access.denied.request", "Request access"),
+            sentLabel: t("staff.time_tracking.access.request.sent", "Request sent")
+          }
+        )
+      ] })
+    }
+  ) }) });
+}
+function NoTimeProjectAssignments() {
+  const t = useT();
+  return /* @__PURE__ */ jsx(
+    EmptyState,
+    {
+      variant: "subtle",
+      size: "lg",
+      icon: /* @__PURE__ */ jsx(FolderOpen, { className: "size-6", "aria-hidden": "true" }),
+      title: t("staff.time_tracking.access.empty.title", "You have no projects assigned yet"),
+      description: t(
+        "staff.time_tracking.access.empty.description",
+        "A Team Leader grants project access. Once you are added to a project it shows up here right away \u2014 no need to log in again."
+      ),
+      actions: /* @__PURE__ */ jsx(
+        AccessRequestButton,
+        {
+          variant: "default",
+          label: t("staff.time_tracking.access.empty.request", "Ask a Team Leader for access"),
+          sentLabel: t("staff.time_tracking.access.request.sent", "Request sent")
+        }
+      )
+    }
+  );
+}
+var NoProjectAccess_default = NoProjectAccess;
+export {
+  ACCESS_REQUEST_ENDPOINT,
+  AccessRequestButton,
+  MY_WORK_HREF,
+  NoProjectAccess,
+  NoTimeProjectAssignments,
+  NoProjectAccess_default as default
+};
+//# sourceMappingURL=NoProjectAccess.js.map

package/dist/modules/staff/lib/time-tracking-ui/NoProjectAccess.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/staff/lib/time-tracking-ui/NoProjectAccess.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport Link from 'next/link'\nimport { ArrowLeft, FolderOpen, MessageSquare, ShieldAlert } from 'lucide-react'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { EmptyState } from '@open-mercato/ui/primitives/empty-state'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { apiCallOrThrow } from '@open-mercato/ui/backend/utils/apiCall'\nimport { useGuardedMutation } from '@open-mercato/ui/backend/injection/useGuardedMutation'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\n\nexport const MY_WORK_HREF = '/backend/staff/time-tracking'\nexport const ACCESS_REQUEST_ENDPOINT = '/api/staff/timesheets/access-requests'\nconst ACCESS_REQUEST_CONTEXT_ID = 'staff.time_tracking.access_request'\n\nexport type AccessRequestButtonProps = {\n  /**\n   * Sent with the request so a Team Leader lands on the right project team\n   * drawer. It is never rendered \u2014 screen 17 note 1 forbids confirming that the\n   * project exists to a user who has no right to it.\n   */\n  timeProjectId?: string | null\n  label: string\n  sentLabel: string\n  variant?: 'default' | 'outline'\n}\n\nexport function AccessRequestButton({\n  timeProjectId,\n  label,\n  sentLabel,\n  variant = 'outline',\n}: AccessRequestButtonProps) {\n  const t = useT()\n  const [submitting, setSubmitting] = React.useState(false)\n  const [sent, setSent] = React.useState(false)\n  const { runMutation, retryLastMutation } = useGuardedMutation<Record<string, unknown>>({\n    contextId: ACCESS_REQUEST_CONTEXT_ID,\n    blockedMessage: t('ui.forms.flash.saveBlocked', 'Save blocked by validation'),\n  })\n\n  const requestAccess = React.useCallback(async () => {\n    const payload = timeProjectId ? { timeProjectId } : {}\n    setSubmitting(true)\n    try {\n      await runMutation({\n        operation: () =>\n          apiCallOrThrow(ACCESS_REQUEST_ENDPOINT, {\n            method: 'POST',\n            headers: { 'content-type': 'application/json' },\n            body: JSON.stringify(payload),\n          }),\n        context: {\n          formId: ACCESS_REQUEST_CONTEXT_ID,\n          resourceKind: 'staff.timesheets.access_request',\n          retryLastMutation,\n        },\n        mutationPayload: payload,\n      })\n      setSent(true)\n      flash(\n        t(\n          'staff.time_tracking.access.request.success',\n          'Your request has been sent to the Team Leaders.',\n        ),\n        'success',\n      )\n    } catch {\n      flash(\n        t('staff.time_tracking.access.request.error', 'Could not send the access request.'),\n        'error',\n      )\n    } finally {\n      setSubmitting(false)\n    }\n  }, [retryLastMutation, runMutation, t, timeProjectId])\n\n  return (\n    <Button type=\"button\" variant={variant} onClick={requestAccess} disabled={submitting || sent}>\n      <MessageSquare className=\"size-4\" aria-hidden=\"true\" />\n      {sent ? sentLabel : label}\n    </Button>\n  )\n}\n\nexport type NoProjectAccessProps = {\n  timeProjectId?: string | null\n  /** Where the \"Back to My work\" action returns to. */\n  myWorkHref?: string\n}\n\n/**\n * Screen 17 \u2014 a project-scoped route the caller may not open. The copy names\n * neither the customer nor the project (note 1) and covers both \"never had\n * access\" and \"access was revoked\" (note 2); navigation stays untouched because\n * the caller still has other projects (note 3).\n */\nexport function NoProjectAccess({ timeProjectId, myWorkHref = MY_WORK_HREF }: NoProjectAccessProps) {\n  const t = useT()\n  return (\n    <Page>\n      <PageBody>\n        <EmptyState\n          variant=\"subtle\"\n          size=\"lg\"\n          icon={<ShieldAlert className=\"size-6\" aria-hidden=\"true\" />}\n          title={t('staff.time_tracking.access.denied.title', 'You do not have access to this project')}\n          description={t(\n            'staff.time_tracking.access.denied.description',\n            'Project access is granted one project at a time by a Team Leader. If you had access before, it may have been revoked \u2014 your earlier time entries stay saved.',\n          )}\n          actions={\n            <div className=\"flex flex-wrap items-center justify-center gap-2\">\n              <Button type=\"button\" variant=\"default\" asChild>\n                <a href={myWorkHref}>\n                  <ArrowLeft className=\"size-4\" aria-hidden=\"true\" />\n                  {t('staff.time_tracking.access.denied.back', 'Back to My work')}\n                </a>\n              </Button>\n              <AccessRequestButton\n                timeProjectId={timeProjectId}\n                label={t('staff.time_tracking.access.denied.request', 'Request access')}\n                sentLabel={t('staff.time_tracking.access.request.sent', 'Request sent')}\n              />\n            </div>\n          }\n        />\n      </PageBody>\n    </Page>\n  )\n}\n\n/**\n * Screen 2 \u2014 the caller has no project assignments at all. Rendered inside the\n * host page (which keeps its own header), so it stays a bare empty state.\n */\nexport function NoTimeProjectAssignments() {\n  const t = useT()\n  return (\n    <EmptyState\n      variant=\"subtle\"\n      size=\"lg\"\n      icon={<FolderOpen className=\"size-6\" aria-hidden=\"true\" />}\n      title={t('staff.time_tracking.access.empty.title', 'You have no projects assigned yet')}\n      description={t(\n        'staff.time_tracking.access.empty.description',\n        'A Team Leader grants project access. Once you are added to a project it shows up here right away \u2014 no need to log in again.',\n      )}\n      actions={\n        <AccessRequestButton\n          variant=\"default\"\n          label={t('staff.time_tracking.access.empty.request', 'Ask a Team Leader for access')}\n          sentLabel={t('staff.time_tracking.access.request.sent', 'Request sent')}\n        />\n      }\n    />\n  )\n}\n\nexport default NoProjectAccess\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/modules/staff/lib/time-tracking-ui/PeriodSelector.js

@@ -0,0 +1,98 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { ChevronLeft, ChevronRight } from "lucide-react";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { IconButton } from "@open-mercato/ui/primitives/icon-button";
+import { SegmentedControl, SegmentedControlItem } from "@open-mercato/ui/primitives/segmented-control";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue
+} from "@open-mercato/ui/primitives/select";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import {
+  TIMESHEET_PERIOD_KINDS,
+  formatPeriodLabel,
+  shiftPeriodAnchor,
+  todayIso
+} from "./timesheetPeriod.js";
+function PeriodSelector({
+  periodKind,
+  anchorDate,
+  onPeriodKindChange,
+  onAnchorDateChange,
+  locale
+}) {
+  const t = useT();
+  const kindLabels = {
+    year: t("staff.time_tracking.timesheet.period.year", "Year"),
+    quarter: t("staff.time_tracking.timesheet.period.quarter", "Quarter"),
+    month: t("staff.time_tracking.timesheet.period.month", "Month"),
+    week: t("staff.time_tracking.timesheet.period.week", "Week")
+  };
+  const label = React.useMemo(
+    () => formatPeriodLabel(periodKind, anchorDate, locale),
+    [anchorDate, locale, periodKind]
+  );
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-3", children: [
+    /* @__PURE__ */ jsx(
+      SegmentedControl,
+      {
+        value: periodKind,
+        onValueChange: (value) => {
+          if (value !== periodKind) onPeriodKindChange(value);
+        },
+        "aria-label": t("staff.time_tracking.timesheet.period.label", "Period"),
+        className: "shrink-0",
+        children: TIMESHEET_PERIOD_KINDS.map((kind) => /* @__PURE__ */ jsx(SegmentedControlItem, { value: kind, children: kindLabels[kind] }, kind))
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+      /* @__PURE__ */ jsx(
+        IconButton,
+        {
+          type: "button",
+          variant: "outline",
+          size: "sm",
+          "aria-label": t("staff.time_tracking.timesheet.period.previous", "Previous period"),
+          onClick: () => onAnchorDateChange(shiftPeriodAnchor(periodKind, anchorDate, -1)),
+          children: /* @__PURE__ */ jsx(ChevronLeft, { className: "size-4", "aria-hidden": "true" })
+        }
+      ),
+      /* @__PURE__ */ jsx("span", { className: "min-w-48 whitespace-nowrap px-1 text-center text-sm font-semibold", children: label }),
+      /* @__PURE__ */ jsx(
+        IconButton,
+        {
+          type: "button",
+          variant: "outline",
+          size: "sm",
+          "aria-label": t("staff.time_tracking.timesheet.period.next", "Next period"),
+          onClick: () => onAnchorDateChange(shiftPeriodAnchor(periodKind, anchorDate, 1)),
+          children: /* @__PURE__ */ jsx(ChevronRight, { className: "size-4", "aria-hidden": "true" })
+        }
+      ),
+      /* @__PURE__ */ jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: () => onAnchorDateChange(todayIso()), children: t("staff.time_tracking.timesheet.period.today", "Today") })
+    ] })
+  ] });
+}
+function TimesheetFilterSelect({
+  value,
+  options,
+  onChange,
+  ariaLabel,
+  className,
+  disabled
+}) {
+  return /* @__PURE__ */ jsxs(Select, { value, onValueChange: onChange, disabled, children: [
+    /* @__PURE__ */ jsx(SelectTrigger, { className: className ?? "w-auto min-w-44", "aria-label": ariaLabel, children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+    /* @__PURE__ */ jsx(SelectContent, { children: options.map((option) => /* @__PURE__ */ jsx(SelectItem, { value: option.value, children: option.label }, option.value)) })
+  ] });
+}
+export {
+  PeriodSelector,
+  TimesheetFilterSelect
+};
+//# sourceMappingURL=PeriodSelector.js.map

package/dist/modules/staff/lib/time-tracking-ui/PeriodSelector.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/staff/lib/time-tracking-ui/PeriodSelector.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { ChevronLeft, ChevronRight } from 'lucide-react'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { IconButton } from '@open-mercato/ui/primitives/icon-button'\nimport { SegmentedControl, SegmentedControlItem } from '@open-mercato/ui/primitives/segmented-control'\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@open-mercato/ui/primitives/select'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport {\n  TIMESHEET_PERIOD_KINDS,\n  formatPeriodLabel,\n  shiftPeriodAnchor,\n  todayIso,\n  type TimesheetPeriodKind,\n} from './timesheetPeriod'\n\n/**\n * Screens 11 and 12, top-left: `Rok \u00B7 Kwarta\u0142 \u00B7 Miesi\u0105c \u00B7 Tydzie\u0144` plus the\n * prev / label / next / today cluster (T5.1).\n *\n * The component is fully controlled and owns no date maths \u2014 it hands the anchor\n * to `shiftPeriodAnchor` and renders whatever comes back. That is what makes\n * US-E1 (\"switching week\u2194month stays around now\") a property of\n * `timesheetPeriod.ts` rather than of a React callback nobody can test.\n */\n\nexport type PeriodSelectorProps = {\n  periodKind: TimesheetPeriodKind\n  anchorDate: string\n  onPeriodKindChange: (kind: TimesheetPeriodKind) => void\n  onAnchorDateChange: (anchor: string) => void\n  locale?: string\n}\n\nexport function PeriodSelector({\n  periodKind,\n  anchorDate,\n  onPeriodKindChange,\n  onAnchorDateChange,\n  locale,\n}: PeriodSelectorProps) {\n  const t = useT()\n\n  const kindLabels: Record<TimesheetPeriodKind, string> = {\n    year: t('staff.time_tracking.timesheet.period.year', 'Year'),\n    quarter: t('staff.time_tracking.timesheet.period.quarter', 'Quarter'),\n    month: t('staff.time_tracking.timesheet.period.month', 'Month'),\n    week: t('staff.time_tracking.timesheet.period.week', 'Week'),\n  }\n\n  const label = React.useMemo(\n    () => formatPeriodLabel(periodKind, anchorDate, locale),\n    [anchorDate, locale, periodKind],\n  )\n\n  return (\n    <div className=\"flex flex-wrap items-center gap-3\">\n      <SegmentedControl\n        value={periodKind}\n        onValueChange={(value) => {\n          // The anchor is untouched on purpose \u2014 US-E1.\n          if (value !== periodKind) onPeriodKindChange(value as TimesheetPeriodKind)\n        }}\n        aria-label={t('staff.time_tracking.timesheet.period.label', 'Period')}\n        className=\"shrink-0\"\n      >\n        {TIMESHEET_PERIOD_KINDS.map((kind) => (\n          <SegmentedControlItem key={kind} value={kind}>\n            {kindLabels[kind]}\n          </SegmentedControlItem>\n        ))}\n      </SegmentedControl>\n\n      <div className=\"flex items-center gap-1\">\n        <IconButton\n          type=\"button\"\n          variant=\"outline\"\n          size=\"sm\"\n          aria-label={t('staff.time_tracking.timesheet.period.previous', 'Previous period')}\n          onClick={() => onAnchorDateChange(shiftPeriodAnchor(periodKind, anchorDate, -1))}\n        >\n          <ChevronLeft className=\"size-4\" aria-hidden=\"true\" />\n        </IconButton>\n        <span className=\"min-w-48 whitespace-nowrap px-1 text-center text-sm font-semibold\">{label}</span>\n        <IconButton\n          type=\"button\"\n          variant=\"outline\"\n          size=\"sm\"\n          aria-label={t('staff.time_tracking.timesheet.period.next', 'Next period')}\n          onClick={() => onAnchorDateChange(shiftPeriodAnchor(periodKind, anchorDate, 1))}\n        >\n          <ChevronRight className=\"size-4\" aria-hidden=\"true\" />\n        </IconButton>\n        <Button type=\"button\" variant=\"ghost\" size=\"sm\" onClick={() => onAnchorDateChange(todayIso())}>\n          {t('staff.time_tracking.timesheet.period.today', 'Today')}\n        </Button>\n      </div>\n    </div>\n  )\n}\n\nexport type TimesheetSelectOption = {\n  value: string\n  label: string\n}\n\n/**\n * The project and person pickers of screens 11/12 (US-E2). A Team Member is\n * handed a single-option person list naming themselves (screen 11 note 5); a\n * Team Leader is handed everyone they may see. The component itself makes no\n * access decision \u2014 the page passes only options the caller is allowed.\n */\nexport function TimesheetFilterSelect({\n  value,\n  options,\n  onChange,\n  ariaLabel,\n  className,\n  disabled,\n}: {\n  value: string\n  options: readonly TimesheetSelectOption[]\n  onChange: (next: string) => void\n  ariaLabel: string\n  className?: string\n  disabled?: boolean\n}) {\n  return (\n    <Select value={value} onValueChange={onChange} disabled={disabled}>\n      <SelectTrigger className={className ?? 'w-auto min-w-44'} aria-label={ariaLabel}>\n        <SelectValue />\n      </SelectTrigger>\n      <SelectContent>\n        {options.map((option) => (\n          <SelectItem key={option.value} value={option.value}>\n            {option.label}\n          </SelectItem>\n        ))}\n      </SelectContent>\n    </Select>\n  )\n}\n"],
+  "mappings": ";AA0EU,cAMJ,YANI;AAxEV,YAAY,WAAW;AACvB,SAAS,aAAa,oBAAoB;AAC1C,SAAS,cAAc;AACvB,SAAS,kBAAkB;AAC3B,SAAS,kBAAkB,4BAA4B;AACvD;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,YAAY;AACrB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AAoBA,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAwB;AACtB,QAAM,IAAI,KAAK;AAEf,QAAM,aAAkD;AAAA,IACtD,MAAM,EAAE,6CAA6C,MAAM;AAAA,IAC3D,SAAS,EAAE,gDAAgD,SAAS;AAAA,IACpE,OAAO,EAAE,8CAA8C,OAAO;AAAA,IAC9D,MAAM,EAAE,6CAA6C,MAAM;AAAA,EAC7D;AAEA,QAAM,QAAQ,MAAM;AAAA,IAClB,MAAM,kBAAkB,YAAY,YAAY,MAAM;AAAA,IACtD,CAAC,YAAY,QAAQ,UAAU;AAAA,EACjC;AAEA,SACE,qBAAC,SAAI,WAAU,qCACb;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,QACP,eAAe,CAAC,UAAU;AAExB,cAAI,UAAU,WAAY,oBAAmB,KAA4B;AAAA,QAC3E;AAAA,QACA,cAAY,EAAE,8CAA8C,QAAQ;AAAA,QACpE,WAAU;AAAA,QAET,iCAAuB,IAAI,CAAC,SAC3B,oBAAC,wBAAgC,OAAO,MACrC,qBAAW,IAAI,KADS,IAE3B,CACD;AAAA;AAAA,IACH;AAAA,IAEA,qBAAC,SAAI,WAAU,2BACb;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,cAAY,EAAE,iDAAiD,iBAAiB;AAAA,UAChF,SAAS,MAAM,mBAAmB,kBAAkB,YAAY,YAAY,EAAE,CAAC;AAAA,UAE/E,8BAAC,eAAY,WAAU,UAAS,eAAY,QAAO;AAAA;AAAA,MACrD;AAAA,MACA,oBAAC,UAAK,WAAU,qEAAqE,iBAAM;AAAA,MAC3F;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,cAAY,EAAE,6CAA6C,aAAa;AAAA,UACxE,SAAS,MAAM,mBAAmB,kBAAkB,YAAY,YAAY,CAAC,CAAC;AAAA,UAE9E,8BAAC,gBAAa,WAAU,UAAS,eAAY,QAAO;AAAA;AAAA,MACtD;AAAA,MACA,oBAAC,UAAO,MAAK,UAAS,SAAQ,SAAQ,MAAK,MAAK,SAAS,MAAM,mBAAmB,SAAS,CAAC,GACzF,YAAE,8CAA8C,OAAO,GAC1D;AAAA,OACF;AAAA,KACF;AAEJ;AAaO,SAAS,sBAAsB;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAOG;AACD,SACE,qBAAC,UAAO,OAAc,eAAe,UAAU,UAC7C;AAAA,wBAAC,iBAAc,WAAW,aAAa,mBAAmB,cAAY,WACpE,8BAAC,eAAY,GACf;AAAA,IACA,oBAAC,iBACE,kBAAQ,IAAI,CAAC,WACZ,oBAAC,cAA8B,OAAO,OAAO,OAC1C,iBAAO,SADO,OAAO,KAExB,CACD,GACH;AAAA,KACF;AAEJ;",
+  "names": []
+}

package/dist/modules/staff/lib/time-tracking-ui/PhasePlaceholder.js

@@ -0,0 +1,27 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Page, PageBody, PageHeader } from "@open-mercato/ui/backend/Page";
+import { EmptyState } from "@open-mercato/ui/primitives/empty-state";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+function PhasePlaceholder({ titleKey, titleFallback }) {
+  const t = useT();
+  return /* @__PURE__ */ jsxs(Page, { children: [
+    /* @__PURE__ */ jsx(PageHeader, { title: t(titleKey, titleFallback) }),
+    /* @__PURE__ */ jsx(PageBody, { children: /* @__PURE__ */ jsx(
+      EmptyState,
+      {
+        title: t("staff.time_tracking.placeholder.title", "Coming in a later phase"),
+        description: t(
+          "staff.time_tracking.placeholder.description",
+          "This screen is part of the time tracking rollout and is not available yet."
+        )
+      }
+    ) })
+  ] });
+}
+var PhasePlaceholder_default = PhasePlaceholder;
+export {
+  PhasePlaceholder,
+  PhasePlaceholder_default as default
+};
+//# sourceMappingURL=PhasePlaceholder.js.map

package/dist/modules/staff/lib/time-tracking-ui/PhasePlaceholder.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/staff/lib/time-tracking-ui/PhasePlaceholder.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { Page, PageBody, PageHeader } from '@open-mercato/ui/backend/Page'\nimport { EmptyState } from '@open-mercato/ui/primitives/empty-state'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\n\nexport type PhasePlaceholderProps = {\n  titleKey: string\n  titleFallback: string\n}\n\nexport function PhasePlaceholder({ titleKey, titleFallback }: PhasePlaceholderProps) {\n  const t = useT()\n  return (\n    <Page>\n      <PageHeader title={t(titleKey, titleFallback)} />\n      <PageBody>\n        <EmptyState\n          title={t('staff.time_tracking.placeholder.title', 'Coming in a later phase')}\n          description={t(\n            'staff.time_tracking.placeholder.description',\n            'This screen is part of the time tracking rollout and is not available yet.'\n          )}\n        />\n      </PageBody>\n    </Page>\n  )\n}\n\nexport default PhasePlaceholder\n"],
+  "mappings": ";AAeI,SACE,KADF;AAZJ,SAAS,MAAM,UAAU,kBAAkB;AAC3C,SAAS,kBAAkB;AAC3B,SAAS,YAAY;AAOd,SAAS,iBAAiB,EAAE,UAAU,cAAc,GAA0B;AACnF,QAAM,IAAI,KAAK;AACf,SACE,qBAAC,QACC;AAAA,wBAAC,cAAW,OAAO,EAAE,UAAU,aAAa,GAAG;AAAA,IAC/C,oBAAC,YACC;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,EAAE,yCAAyC,yBAAyB;AAAA,QAC3E,aAAa;AAAA,UACX;AAAA,UACA;AAAA,QACF;AAAA;AAAA,IACF,GACF;AAAA,KACF;AAEJ;AAEA,IAAO,2BAAQ;",
+  "names": []
+}

package/dist/modules/staff/lib/time-tracking-ui/ProjectCodeField.js

@@ -0,0 +1,166 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Check, Loader2, Pencil } from "lucide-react";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { Input } from "@open-mercato/ui/primitives/input";
+import { apiCall } from "@open-mercato/ui/backend/utils/apiCall";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { deriveProjectCode, slugifyProjectName, PROJECT_CODE_MAX_LENGTH } from "../time-tracking/projectCode.js";
+const PAGE_SIZE = 100;
+const MAX_PAGES = 5;
+function useTakenProjectCodes(excludeId) {
+  const [taken, setTaken] = React.useState(() => /* @__PURE__ */ new Set());
+  const [loading, setLoading] = React.useState(true);
+  React.useEffect(() => {
+    let cancelled = false;
+    async function load() {
+      setLoading(true);
+      const collected = /* @__PURE__ */ new Set();
+      try {
+        for (let page = 1; page <= MAX_PAGES; page += 1) {
+          const res = await apiCall(
+            `/api/staff/timesheets/time-projects?page=${page}&pageSize=${PAGE_SIZE}&sortField=code&sortDir=asc`
+          );
+          const items = Array.isArray(res.result?.items) ? res.result.items : [];
+          items.forEach((row) => {
+            const id = typeof row.id === "string" ? row.id : null;
+            const code = typeof row.code === "string" ? row.code.trim().toUpperCase() : "";
+            if (!code) return;
+            if (excludeId && id === excludeId) return;
+            collected.add(code);
+          });
+          const totalPages = typeof res.result?.totalPages === "number" ? res.result.totalPages : 1;
+          if (items.length < PAGE_SIZE || page >= totalPages) break;
+        }
+      } catch {
+      }
+      if (cancelled) return;
+      setTaken(collected);
+      setLoading(false);
+    }
+    void load();
+    return () => {
+      cancelled = true;
+    };
+  }, [excludeId]);
+  return { taken, loading };
+}
+function ProjectCodeField({
+  value,
+  name,
+  taken,
+  manual,
+  disabled,
+  error,
+  onChange,
+  onManualChange
+}) {
+  const t = useT();
+  const [editing, setEditing] = React.useState(false);
+  const duplicate = React.useMemo(() => {
+    const normalized = value.trim().toUpperCase();
+    return normalized.length > 0 && taken.has(normalized);
+  }, [taken, value]);
+  const startEditing = React.useCallback(() => {
+    onManualChange(true);
+    setEditing(true);
+  }, [onManualChange]);
+  const resetToDerived = React.useCallback(() => {
+    onManualChange(false);
+    onChange(deriveProjectCode(name, taken));
+    setEditing(false);
+  }, [name, onChange, onManualChange, taken]);
+  if (!editing) {
+    return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx("code", { className: "rounded-md border border-border bg-muted px-2 py-1 font-mono text-xs text-muted-foreground", children: value || t("staff.time_tracking.projects.code.empty", "\u2014") }),
+        /* @__PURE__ */ jsxs(Button, { type: "button", variant: "ghost", size: "sm", onClick: startEditing, disabled, children: [
+          /* @__PURE__ */ jsx(Pencil, { className: "h-3.5 w-3.5", "aria-hidden": true }),
+          t("staff.time_tracking.projects.code.edit", "Edit code")
+        ] })
+      ] }),
+      duplicate ? /* @__PURE__ */ jsx("p", { className: "text-xs text-status-error-text", children: t("staff.time_tracking.projects.code.duplicate", "This code is already used by another project.") }) : /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: manual ? t("staff.time_tracking.projects.code.manualHint", "Set manually \u2014 it no longer follows the name.") : t("staff.time_tracking.projects.code.autoHint", "Derived from the project name; it prefixes every task reference.") }),
+      error ? /* @__PURE__ */ jsx("p", { className: "text-xs text-status-error-text", children: error }) : null
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          value,
+          disabled,
+          maxLength: PROJECT_CODE_MAX_LENGTH,
+          autoFocus: true,
+          "aria-invalid": duplicate || Boolean(error),
+          onChange: (event) => onChange(slugifyProjectName(event.target.value).slice(0, PROJECT_CODE_MAX_LENGTH)),
+          onKeyDown: (event) => {
+            if (event.key === "Enter") {
+              event.preventDefault();
+              setEditing(false);
+            }
+          }
+        }
+      ),
+      /* @__PURE__ */ jsxs(Button, { type: "button", variant: "ghost", size: "sm", onClick: () => setEditing(false), children: [
+        /* @__PURE__ */ jsx(Check, { className: "h-3.5 w-3.5", "aria-hidden": true }),
+        t("staff.time_tracking.projects.code.done", "Done")
+      ] }),
+      /* @__PURE__ */ jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: resetToDerived, children: t("staff.time_tracking.projects.code.reset", "Use the derived code") })
+    ] }),
+    duplicate ? /* @__PURE__ */ jsx("p", { className: "text-xs text-status-error-text", children: t("staff.time_tracking.projects.code.duplicate", "This code is already used by another project.") }) : null,
+    error ? /* @__PURE__ */ jsx("p", { className: "text-xs text-status-error-text", children: error }) : null
+  ] });
+}
+function ProjectCodeFieldBinding({
+  value,
+  values,
+  error,
+  disabled,
+  setValue,
+  setFormValue
+}) {
+  const recordId = typeof values?.id === "string" ? values.id : null;
+  const name = typeof values?.name === "string" ? values.name : "";
+  const manual = values?.codeManual === true;
+  const code = typeof value === "string" ? value : "";
+  const { taken, loading } = useTakenProjectCodes(recordId);
+  const setManual = React.useCallback(
+    (next) => setFormValue?.("codeManual", next),
+    [setFormValue]
+  );
+  React.useEffect(() => {
+    if (manual || loading) return;
+    const derived = deriveProjectCode(name, taken);
+    if (!name.trim()) {
+      if (code) setValue("");
+      return;
+    }
+    if (derived !== code) setValue(derived);
+  }, [code, loading, manual, name, setValue, taken]);
+  if (loading && !code) return /* @__PURE__ */ jsx(ProjectCodeLoading, {});
+  return /* @__PURE__ */ jsx(
+    ProjectCodeField,
+    {
+      value: code,
+      name,
+      taken,
+      manual,
+      disabled,
+      error,
+      onChange: setValue,
+      onManualChange: setManual
+    }
+  );
+}
+function ProjectCodeLoading() {
+  return /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin text-muted-foreground", "aria-hidden": true });
+}
+export {
+  ProjectCodeField,
+  ProjectCodeFieldBinding,
+  ProjectCodeLoading,
+  useTakenProjectCodes
+};
+//# sourceMappingURL=ProjectCodeField.js.map

package/dist/modules/staff/lib/time-tracking-ui/ProjectCodeField.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/staff/lib/time-tracking-ui/ProjectCodeField.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { Check, Loader2, Pencil } from 'lucide-react'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { deriveProjectCode, slugifyProjectName, PROJECT_CODE_MAX_LENGTH } from '../time-tracking/projectCode'\n\nconst PAGE_SIZE = 100\nconst MAX_PAGES = 5\n\ntype ProjectCodeRow = { id?: unknown; code?: unknown }\n\n/**\n * D-10: screen 4 has no code field, but the column is required and unique, so\n * the code is derived from the name and shown read-only underneath it behind an\n * explicit edit affordance. Uniqueness is checked live against the codes already\n * in scope; the server-side partial unique index (surfaced as a `409` with a\n * `code` field error) stays the authority.\n */\nexport function useTakenProjectCodes(excludeId?: string | null): {\n  taken: Set<string>\n  loading: boolean\n} {\n  const [taken, setTaken] = React.useState<Set<string>>(() => new Set())\n  const [loading, setLoading] = React.useState(true)\n\n  React.useEffect(() => {\n    let cancelled = false\n    async function load() {\n      setLoading(true)\n      const collected = new Set<string>()\n      try {\n        for (let page = 1; page <= MAX_PAGES; page += 1) {\n          const res = await apiCall<{ items?: ProjectCodeRow[]; totalPages?: number }>(\n            `/api/staff/timesheets/time-projects?page=${page}&pageSize=${PAGE_SIZE}&sortField=code&sortDir=asc`,\n          )\n          const items = Array.isArray(res.result?.items) ? res.result.items : []\n          items.forEach((row) => {\n            const id = typeof row.id === 'string' ? row.id : null\n            const code = typeof row.code === 'string' ? row.code.trim().toUpperCase() : ''\n            if (!code) return\n            if (excludeId && id === excludeId) return\n            collected.add(code)\n          })\n          const totalPages = typeof res.result?.totalPages === 'number' ? res.result.totalPages : 1\n          if (items.length < PAGE_SIZE || page >= totalPages) break\n        }\n      } catch {\n        // A failed probe only weakens the client-side hint \u2014 the unique index\n        // still rejects a duplicate on save.\n      }\n      if (cancelled) return\n      setTaken(collected)\n      setLoading(false)\n    }\n    void load()\n    return () => { cancelled = true }\n  }, [excludeId])\n\n  return { taken, loading }\n}\n\nexport type ProjectCodeFieldProps = {\n  value: string\n  name: string\n  taken: Set<string>\n  manual: boolean\n  disabled?: boolean\n  error?: string\n  onChange: (code: string) => void\n  onManualChange: (manual: boolean) => void\n}\n\nexport function ProjectCodeField({\n  value,\n  name,\n  taken,\n  manual,\n  disabled,\n  error,\n  onChange,\n  onManualChange,\n}: ProjectCodeFieldProps) {\n  const t = useT()\n  const [editing, setEditing] = React.useState(false)\n\n  const duplicate = React.useMemo(() => {\n    const normalized = value.trim().toUpperCase()\n    return normalized.length > 0 && taken.has(normalized)\n  }, [taken, value])\n\n  const startEditing = React.useCallback(() => {\n    onManualChange(true)\n    setEditing(true)\n  }, [onManualChange])\n\n  const resetToDerived = React.useCallback(() => {\n    onManualChange(false)\n    onChange(deriveProjectCode(name, taken))\n    setEditing(false)\n  }, [name, onChange, onManualChange, taken])\n\n  if (!editing) {\n    return (\n      <div className=\"flex flex-col gap-1\">\n        <div className=\"flex items-center gap-2\">\n          <code className=\"rounded-md border border-border bg-muted px-2 py-1 font-mono text-xs text-muted-foreground\">\n            {value || t('staff.time_tracking.projects.code.empty', '\u2014')}\n          </code>\n          <Button type=\"button\" variant=\"ghost\" size=\"sm\" onClick={startEditing} disabled={disabled}>\n            <Pencil className=\"h-3.5 w-3.5\" aria-hidden />\n            {t('staff.time_tracking.projects.code.edit', 'Edit code')}\n          </Button>\n        </div>\n        {duplicate ? (\n          <p className=\"text-xs text-status-error-text\">\n            {t('staff.time_tracking.projects.code.duplicate', 'This code is already used by another project.')}\n          </p>\n        ) : (\n          <p className=\"text-xs text-muted-foreground\">\n            {manual\n              ? t('staff.time_tracking.projects.code.manualHint', 'Set manually \u2014 it no longer follows the name.')\n              : t('staff.time_tracking.projects.code.autoHint', 'Derived from the project name; it prefixes every task reference.')}\n          </p>\n        )}\n        {error ? <p className=\"text-xs text-status-error-text\">{error}</p> : null}\n      </div>\n    )\n  }\n\n  return (\n    <div className=\"flex flex-col gap-1\">\n      <div className=\"flex items-center gap-2\">\n        <Input\n          value={value}\n          disabled={disabled}\n          maxLength={PROJECT_CODE_MAX_LENGTH}\n          autoFocus\n          aria-invalid={duplicate || Boolean(error)}\n          onChange={(event) => onChange(slugifyProjectName(event.target.value).slice(0, PROJECT_CODE_MAX_LENGTH))}\n          onKeyDown={(event) => {\n            if (event.key === 'Enter') {\n              event.preventDefault()\n              setEditing(false)\n            }\n          }}\n        />\n        <Button type=\"button\" variant=\"ghost\" size=\"sm\" onClick={() => setEditing(false)}>\n          <Check className=\"h-3.5 w-3.5\" aria-hidden />\n          {t('staff.time_tracking.projects.code.done', 'Done')}\n        </Button>\n        <Button type=\"button\" variant=\"ghost\" size=\"sm\" onClick={resetToDerived}>\n          {t('staff.time_tracking.projects.code.reset', 'Use the derived code')}\n        </Button>\n      </div>\n      {duplicate ? (\n        <p className=\"text-xs text-status-error-text\">\n          {t('staff.time_tracking.projects.code.duplicate', 'This code is already used by another project.')}\n        </p>\n      ) : null}\n      {error ? <p className=\"text-xs text-status-error-text\">{error}</p> : null}\n    </div>\n  )\n}\n\nexport type ProjectCodeFieldBindingProps = {\n  value: unknown\n  values?: Record<string, unknown>\n  error?: string\n  disabled?: boolean\n  setValue: (value: unknown) => void\n  setFormValue?: (id: string, value: unknown) => void\n}\n\n/**\n * Binds the code field to the name: on create the code follows the name until\n * the user edits it; on edit the stored code is authoritative and is never\n * silently re-derived.\n */\nexport function ProjectCodeFieldBinding({\n  value,\n  values,\n  error,\n  disabled,\n  setValue,\n  setFormValue,\n}: ProjectCodeFieldBindingProps) {\n  const recordId = typeof values?.id === 'string' ? values.id : null\n  const name = typeof values?.name === 'string' ? values.name : ''\n  const manual = values?.codeManual === true\n  const code = typeof value === 'string' ? value : ''\n  const { taken, loading } = useTakenProjectCodes(recordId)\n\n  const setManual = React.useCallback(\n    (next: boolean) => setFormValue?.('codeManual', next),\n    [setFormValue],\n  )\n\n  React.useEffect(() => {\n    if (manual || loading) return\n    const derived = deriveProjectCode(name, taken)\n    if (!name.trim()) {\n      if (code) setValue('')\n      return\n    }\n    if (derived !== code) setValue(derived)\n  }, [code, loading, manual, name, setValue, taken])\n\n  if (loading && !code) return <ProjectCodeLoading />\n\n  return (\n    <ProjectCodeField\n      value={code}\n      name={name}\n      taken={taken}\n      manual={manual}\n      disabled={disabled}\n      error={error}\n      onChange={setValue}\n      onManualChange={setManual}\n    />\n  )\n}\n\nexport function ProjectCodeLoading() {\n  return <Loader2 className=\"h-4 w-4 animate-spin text-muted-foreground\" aria-hidden />\n}\n"],
+  "mappings": "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",
+  "names": []
+}