formanitor 0.1.11 → 0.2.0

package/dist/FollowupWidget-EEKOI2TW.cjs

@@ -0,0 +1,285 @@
+'use strict';
+
+var chunkJE6VXRWW_cjs = require('./chunk-JE6VXRWW.cjs');
+var chunkAZSAPO2V_cjs = require('./chunk-AZSAPO2V.cjs');
+var chunk4KSZUIJE_cjs = require('./chunk-4KSZUIJE.cjs');
+var chunkO3VQBPEW_cjs = require('./chunk-O3VQBPEW.cjs');
+var chunkIDSBJOFY_cjs = require('./chunk-IDSBJOFY.cjs');
+var chunkJMGUUFOJ_cjs = require('./chunk-JMGUUFOJ.cjs');
+var chunkFHHISVCH_cjs = require('./chunk-FHHISVCH.cjs');
+var react = require('react');
+var dateFns = require('date-fns');
+var lucideReact = require('lucide-react');
+var jsxRuntime = require('react/jsx-runtime');
+
+var FOLLOWUP_TYPE_OPTIONS = [
+  { value: "no followup", label: "No Follow-up" },
+  { value: "one time", label: "One Time" }
+];
+var UNIT_OPTIONS = [
+  { value: "days", label: "Days" },
+  { value: "weeks", label: "Weeks" },
+  { value: "months", label: "Months" }
+];
+var DAYS_PER_MONTH = 30;
+function durationToDays(valueNum, unit) {
+  const today = /* @__PURE__ */ new Date();
+  today.setHours(0, 0, 0, 0);
+  let target;
+  if (unit === "days") target = dateFns.addDays(today, valueNum);
+  else if (unit === "weeks") target = dateFns.addWeeks(today, valueNum);
+  else target = dateFns.addDays(today, valueNum * DAYS_PER_MONTH);
+  return Math.max(0, dateFns.differenceInCalendarDays(target, today));
+}
+function daysToDisplayCount(daysNum, unit) {
+  if (unit === "days") return Math.max(0, daysNum);
+  if (unit === "weeks") return Math.round(daysNum / 7) || 1;
+  return Math.round(daysNum / DAYS_PER_MONTH) || 1;
+}
+function dateToDays(date) {
+  const today = /* @__PURE__ */ new Date();
+  today.setHours(0, 0, 0, 0);
+  const d = new Date(date);
+  d.setHours(0, 0, 0, 0);
+  return Math.max(0, dateFns.differenceInCalendarDays(d, today));
+}
+function daysToDate(days) {
+  const today = /* @__PURE__ */ new Date();
+  today.setHours(0, 0, 0, 0);
+  return dateFns.addDays(today, days);
+}
+function normalizeFollowup(value) {
+  if (value === false || value === null || value === void 0) return false;
+  if (typeof value !== "object") return false;
+  const o = value;
+  if (o.followupType !== "one time") return false;
+  if (typeof o.value === "string" && o.unit === "days") {
+    return { followupType: "one time", value: o.value, unit: "days" };
+  }
+  const today = /* @__PURE__ */ new Date();
+  today.setHours(0, 0, 0, 0);
+  if (o.mode === "date" && typeof o.date === "string") {
+    const d = parseLocalDate(o.date);
+    if (d) {
+      const days2 = dateToDays(d);
+      return { followupType: "one time", value: String(days2), unit: "days" };
+    }
+  }
+  const val = o.value != null ? Number(String(o.value)) : 7;
+  const u = o.unit === "weeks" || o.unit === "months" ? o.unit : "days";
+  const days = durationToDays(Number.isNaN(val) ? 7 : val, u);
+  return { followupType: "one time", value: String(days), unit: "days" };
+}
+function getDefaultDate() {
+  const d = /* @__PURE__ */ new Date();
+  d.setDate(d.getDate() + 7);
+  return d;
+}
+function parseLocalDate(dateString) {
+  if (!dateString) return null;
+  try {
+    return dateFns.parseISO(dateString);
+  } catch {
+    const parts = dateString.split("-");
+    if (parts.length === 3) {
+      const y = parseInt(parts[0], 10);
+      const m = parseInt(parts[1], 10) - 1;
+      const d = parseInt(parts[2], 10);
+      if (!Number.isNaN(y) && !Number.isNaN(m) && !Number.isNaN(d)) {
+        return new Date(y, m, d);
+      }
+    }
+    return null;
+  }
+}
+var FollowupWidget = ({ fieldId }) => {
+  const { fieldDef, value, setValue, setTouched, error, disabled, visible } = chunkIDSBJOFY_cjs.useField(fieldId);
+  const followup = normalizeFollowup(value);
+  const [calendarOpen, setCalendarOpen] = react.useState(false);
+  const currentFollowupType = followup ? followup.followupType : "no followup";
+  const hasFollowup = followup !== false;
+  const [displayMode, setDisplayMode] = react.useState("duration");
+  const [displayUnit, setDisplayUnit] = react.useState("days");
+  const daysNum = hasFollowup ? parseInt(followup.value, 10) || 7 : 7;
+  const currentDate = hasFollowup ? daysToDate(daysNum) : null;
+  const followupMode = displayMode;
+  const currentValue = hasFollowup ? String(daysToDisplayCount(daysNum, displayUnit)) : "7";
+  const currentUnit = displayUnit;
+  const handleFollowupTypeChange = react.useCallback(
+    (newType) => {
+      setTouched();
+      if (newType === "no followup") {
+        setValue(false);
+        setCalendarOpen(false);
+        return;
+      }
+      setValue({
+        followupType: "one time",
+        value: hasFollowup ? followup.value : "7",
+        unit: "days"
+      });
+    },
+    [followup, hasFollowup, setValue, setTouched]
+  );
+  const handleModeChange = react.useCallback((newMode) => {
+    setDisplayMode(newMode);
+    if (newMode === "date") setCalendarOpen(false);
+  }, []);
+  const handleValueChange = react.useCallback(
+    (newValue) => {
+      setTouched();
+      const num = parseInt(newValue, 10);
+      const min = displayUnit === "days" ? 0 : 1;
+      const valid = (Number.isNaN(num) ? min : num) >= min || newValue === "";
+      if (!valid && newValue !== "") {
+        setValue({ followupType: "one time", value: String(displayUnit === "days" ? 0 : durationToDays(1, displayUnit)), unit: "days" });
+        return;
+      }
+      const days = durationToDays(Number.isNaN(num) ? displayUnit === "days" ? 0 : 1 : num, displayUnit);
+      setValue({ followupType: "one time", value: String(days), unit: "days" });
+    },
+    [displayUnit, setValue, setTouched]
+  );
+  const handleUnitChange = react.useCallback(
+    (newUnit) => {
+      if (newUnit === displayUnit) return;
+      const n = daysToDisplayCount(daysNum, displayUnit);
+      setDisplayUnit(newUnit);
+      if (!hasFollowup) return;
+      setTouched();
+      const newDays = durationToDays(n, newUnit);
+      setValue({ followupType: "one time", value: String(newDays), unit: "days" });
+    },
+    [displayUnit, daysNum, hasFollowup, setValue, setTouched]
+  );
+  const handleDateSelect = react.useCallback(
+    (selected) => {
+      setTouched();
+      setCalendarOpen(false);
+      if (!selected) return;
+      const days = dateToDays(selected);
+      setValue({ followupType: "one time", value: String(days), unit: "days" });
+    },
+    [setValue, setTouched]
+  );
+  if (!visible || !fieldDef) return null;
+  const minDate = /* @__PURE__ */ new Date();
+  minDate.setHours(0, 0, 0, 0);
+  const selectedDate = currentDate || getDefaultDate();
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkJE6VXRWW_cjs.Card, { className: chunkFHHISVCH_cjs.cn(error && "border-destructive"), children: /* @__PURE__ */ jsxRuntime.jsxs(chunkJE6VXRWW_cjs.CardContent, { className: "space-y-1 p-2", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-between gap-2", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center flex-shrink-0 gap-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(chunkJMGUUFOJ_cjs.Label, { className: "text-xs font-semibold text-muted-foreground", children: "Follow-up" }),
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        chunk4KSZUIJE_cjs.Select,
+        {
+          value: currentFollowupType,
+          onValueChange: (v) => handleFollowupTypeChange(v),
+          disabled,
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(chunk4KSZUIJE_cjs.SelectTrigger, { className: "w-[140px] border-none bg-muted/50 text-xs py-1 focus:outline-none focus:ring-0 focus:ring-offset-0", children: /* @__PURE__ */ jsxRuntime.jsx(chunk4KSZUIJE_cjs.SelectValue, {}) }),
+            /* @__PURE__ */ jsxRuntime.jsx(chunk4KSZUIJE_cjs.SelectContent, { children: FOLLOWUP_TYPE_OPTIONS.map((opt) => /* @__PURE__ */ jsxRuntime.jsx(chunk4KSZUIJE_cjs.SelectItem, { value: opt.value, className: "text-xs", children: opt.label }, opt.value)) })
+          ]
+        }
+      )
+    ] }) }),
+    currentFollowupType !== "no followup" && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(chunkJMGUUFOJ_cjs.Label, { className: "text-xs font-medium text-muted-foreground", children: "Schedule by:" }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex items-center gap-2 cursor-pointer", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "input",
+              {
+                type: "radio",
+                name: `followup-mode-${fieldId}`,
+                value: "duration",
+                checked: followupMode === "duration",
+                onChange: () => handleModeChange("duration"),
+                className: "h-4 w-4 text-primary focus:ring-primary",
+                disabled
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-muted-foreground", children: "Duration" })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex items-center gap-2 cursor-pointer", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "input",
+              {
+                type: "radio",
+                name: `followup-mode-${fieldId}`,
+                value: "date",
+                checked: followupMode === "date",
+                onChange: () => handleModeChange("date"),
+                className: "h-4 w-4 text-primary focus:ring-primary",
+                disabled
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-muted-foreground", children: "Date" })
+          ] })
+        ] })
+      ] }),
+      followupMode === "duration" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-semibold text-muted-foreground", children: "In" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            type: "number",
+            min: currentUnit === "days" ? 0 : 1,
+            value: currentValue,
+            onChange: (e) => handleValueChange(e.target.value),
+            disabled,
+            className: "w-16 py-1.5 px-2 border border-input rounded-md text-center text-sm focus:outline-none focus:ring-2 focus:ring-ring",
+            placeholder: "7"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          chunk4KSZUIJE_cjs.Select,
+          {
+            value: currentUnit,
+            onValueChange: (v) => handleUnitChange(v),
+            disabled,
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(chunk4KSZUIJE_cjs.SelectTrigger, { className: "w-[100px] h-8 text-xs", children: /* @__PURE__ */ jsxRuntime.jsx(chunk4KSZUIJE_cjs.SelectValue, { className: "text-xs" }) }),
+              /* @__PURE__ */ jsxRuntime.jsx(chunk4KSZUIJE_cjs.SelectContent, { children: UNIT_OPTIONS.map((opt) => /* @__PURE__ */ jsxRuntime.jsx(chunk4KSZUIJE_cjs.SelectItem, { value: opt.value, className: "text-xs", children: opt.label }, opt.value)) })
+            ]
+          }
+        )
+      ] }),
+      followupMode === "date" && /* @__PURE__ */ jsxRuntime.jsxs(chunkAZSAPO2V_cjs.Popover, { open: calendarOpen, onOpenChange: setCalendarOpen, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(chunkAZSAPO2V_cjs.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
+          chunkO3VQBPEW_cjs.Button,
+          {
+            type: "button",
+            variant: "outline",
+            className: "w-full justify-start text-left font-normal h-9",
+            disabled,
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Calendar, { className: "mr-2 h-4 w-4 text-muted-foreground" }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: hasFollowup && currentDate ? dateFns.format(currentDate, "MMM d, yyyy") : "Select date" })
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ jsxRuntime.jsx(chunkAZSAPO2V_cjs.PopoverContent, { className: "w-auto p-0", align: "start", children: /* @__PURE__ */ jsxRuntime.jsx(
+          chunkAZSAPO2V_cjs.Calendar,
+          {
+            mode: "single",
+            selected: selectedDate,
+            onSelect: handleDateSelect,
+            disabled: (date) => date < minDate,
+            initialFocus: true
+          }
+        ) })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-xs text-muted-foreground", children: [
+        "One-time appointment",
+        " ",
+        followupMode === "duration" ? `in ${currentValue} ${currentUnit}` : hasFollowup && currentDate ? `on ${dateFns.format(currentDate, "MMM d, yyyy")}` : "date to be selected"
+      ] })
+    ] }),
+    error && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-destructive", children: error })
+  ] }) });
+};
+
+exports.FollowupWidget = FollowupWidget;
+//# sourceMappingURL=FollowupWidget-EEKOI2TW.cjs.map
+//# sourceMappingURL=FollowupWidget-EEKOI2TW.cjs.map

package/dist/FollowupWidget-EEKOI2TW.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/widgets/FollowupWidget.tsx"],"names":["addDays","addWeeks","differenceInCalendarDays","days","parseISO","useField","useState","useCallback","jsx","Card","cn","jsxs","CardContent","Label","Select","SelectTrigger","SelectValue","SelectContent","SelectItem","Fragment","Popover","PopoverTrigger","Button","CalendarIcon","format","PopoverContent","Calendar"],"mappings":"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","file":"FollowupWidget-EEKOI2TW.cjs","sourcesContent":["import React, { useCallback, useState } from 'react';\nimport { format, parseISO, differenceInCalendarDays, addDays, addWeeks } from 'date-fns';\nimport { Calendar as CalendarIcon } from 'lucide-react';\nimport { useField } from '../../react/useField';\nimport { Card, CardContent } from '../shadcn/card';\nimport { Label } from '../shadcn/label';\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '../shadcn/select';\nimport { Calendar } from '../shadcn/calendar';\nimport { Popover, PopoverContent, PopoverTrigger } from '../shadcn/popover';\nimport { Button } from '../shadcn/button';\nimport { cn } from '../../core/utils';\nimport type { FollowupValue } from '../../core/types';\n\nconst FOLLOWUP_TYPE_OPTIONS = [\n  { value: 'no followup', label: 'No Follow-up' },\n  { value: 'one time', label: 'One Time' },\n] as const;\n\nconst UNIT_OPTIONS = [\n  { value: 'days', label: 'Days' },\n  { value: 'weeks', label: 'Weeks' },\n  { value: 'months', label: 'Months' },\n] as const;\n\nconst DAYS_PER_MONTH = 30;\n\n/** Convert duration (value + unit) to number of days from today. */\nfunction durationToDays(valueNum: number, unit: 'days' | 'weeks' | 'months'): number {\n  const today = new Date();\n  today.setHours(0, 0, 0, 0);\n  let target: Date;\n  if (unit === 'days') target = addDays(today, valueNum);\n  else if (unit === 'weeks') target = addWeeks(today, valueNum);\n  else target = addDays(today, valueNum * DAYS_PER_MONTH);\n  return Math.max(0, differenceInCalendarDays(target, today));\n}\n\nfunction daysToDisplayCount(daysNum: number, unit: 'days' | 'weeks' | 'months'): number {\n  if (unit === 'days') return Math.max(0, daysNum);\n  if (unit === 'weeks') return Math.round(daysNum / 7) || 1;\n  return Math.round(daysNum / DAYS_PER_MONTH) || 1;\n}\n\n/** Convert a future date to number of days from today. */\nfunction dateToDays(date: Date): number {\n  const today = new Date();\n  today.setHours(0, 0, 0, 0);\n  const d = new Date(date);\n  d.setHours(0, 0, 0, 0);\n  return Math.max(0, differenceInCalendarDays(d, today));\n}\n\n/** Days → date for display (today + days). */\nfunction daysToDate(days: number): Date {\n  const today = new Date();\n  today.setHours(0, 0, 0, 0);\n  return addDays(today, days);\n}\n\nfunction normalizeFollowup(value: unknown): false | FollowupValue {\n  if (value === false || value === null || value === undefined) return false;\n  if (typeof value !== 'object') return false;\n  const o = value as Record<string, unknown>;\n  if (o.followupType !== 'one time') return false;\n  // New shape: { followupType, value, unit: 'days' }\n  if (typeof o.value === 'string' && o.unit === 'days') {\n    return { followupType: 'one time', value: o.value, unit: 'days' };\n  }\n  // Legacy: mode + date or mode + value/unit → convert to days\n  const today = new Date();\n  today.setHours(0, 0, 0, 0);\n  if (o.mode === 'date' && typeof o.date === 'string') {\n    const d = parseLocalDate(o.date);\n    if (d) {\n      const days = dateToDays(d);\n      return { followupType: 'one time', value: String(days), unit: 'days' };\n    }\n  }\n  const val = o.value != null ? Number(String(o.value)) : 7;\n  const u = (o.unit === 'weeks' || o.unit === 'months' ? o.unit : 'days') as 'days' | 'weeks' | 'months';\n  const days = durationToDays(Number.isNaN(val) ? 7 : val, u);\n  return { followupType: 'one time', value: String(days), unit: 'days' };\n}\n\nfunction getDefaultDate(): Date {\n  const d = new Date();\n  d.setDate(d.getDate() + 7);\n  return d;\n}\n\nfunction parseLocalDate(dateString: string | null | undefined): Date | null {\n  if (!dateString) return null;\n  try {\n    return parseISO(dateString);\n  } catch {\n    const parts = dateString.split('-');\n    if (parts.length === 3) {\n      const y = parseInt(parts[0], 10);\n      const m = parseInt(parts[1], 10) - 1;\n      const d = parseInt(parts[2], 10);\n      if (!Number.isNaN(y) && !Number.isNaN(m) && !Number.isNaN(d)) {\n        return new Date(y, m, d);\n      }\n    }\n    return null;\n  }\n}\n\nexport const FollowupWidget: React.FC<{ fieldId: string; showIcon?: boolean }> = ({ fieldId }) => {\n  const { fieldDef, value, setValue, setTouched, error, disabled, visible } = useField(fieldId);\n  const followup = normalizeFollowup(value);\n  const [calendarOpen, setCalendarOpen] = useState(false);\n\n  const currentFollowupType = followup ? followup.followupType : 'no followup';\n  const hasFollowup = followup !== false;\n  const [displayMode, setDisplayMode] = useState<'duration' | 'date'>('duration');\n  const [displayUnit, setDisplayUnit] = useState<'days' | 'weeks' | 'months'>('days');\n  const daysNum = hasFollowup ? parseInt(followup.value, 10) || 7 : 7;\n  const currentDate = hasFollowup ? daysToDate(daysNum) : null;\n  const followupMode = displayMode;\n  const currentValue = hasFollowup ? String(daysToDisplayCount(daysNum, displayUnit)) : '7';\n  const currentUnit = displayUnit;\n\n  const handleFollowupTypeChange = useCallback(\n    (newType: 'no followup' | 'one time') => {\n      setTouched();\n      if (newType === 'no followup') {\n        setValue(false);\n        setCalendarOpen(false);\n        return;\n      }\n      setValue({\n        followupType: 'one time',\n        value: hasFollowup ? followup.value : '7',\n        unit: 'days',\n      });\n    },\n    [followup, hasFollowup, setValue, setTouched]\n  );\n\n  const handleModeChange = useCallback((newMode: 'duration' | 'date') => {\n    setDisplayMode(newMode);\n    if (newMode === 'date') setCalendarOpen(false);\n  }, []);\n\n  const handleValueChange = useCallback(\n    (newValue: string) => {\n      setTouched();\n      const num = parseInt(newValue, 10);\n      const min = displayUnit === 'days' ? 0 : 1;\n      const valid = (Number.isNaN(num) ? min : num) >= min || newValue === '';\n      if (!valid && newValue !== '') {\n        setValue({ followupType: 'one time', value: String(displayUnit === 'days' ? 0 : durationToDays(1, displayUnit)), unit: 'days' });\n        return;\n      }\n      const days = durationToDays(Number.isNaN(num) ? (displayUnit === 'days' ? 0 : 1) : num, displayUnit);\n      setValue({ followupType: 'one time', value: String(days), unit: 'days' });\n    },\n    [displayUnit, setValue, setTouched]\n  );\n\n  const handleUnitChange = useCallback(\n    (newUnit: 'days' | 'weeks' | 'months') => {\n      if (newUnit === displayUnit) return;\n      const n = daysToDisplayCount(daysNum, displayUnit);\n      setDisplayUnit(newUnit);\n      if (!hasFollowup) return;\n      setTouched();\n      const newDays = durationToDays(n, newUnit);\n      setValue({ followupType: 'one time', value: String(newDays), unit: 'days' });\n    },\n    [displayUnit, daysNum, hasFollowup, setValue, setTouched]\n  );\n\n  const handleDateSelect = useCallback(\n    (selected: Date | undefined) => {\n      setTouched();\n      setCalendarOpen(false);\n      if (!selected) return;\n      const days = dateToDays(selected);\n      setValue({ followupType: 'one time', value: String(days), unit: 'days' });\n    },\n    [setValue, setTouched]\n  );\n\n  if (!visible || !fieldDef) return null;\n\n  const minDate = new Date();\n  minDate.setHours(0, 0, 0, 0);\n  const selectedDate = currentDate || getDefaultDate();\n\n  return (\n    <Card className={cn(error && 'border-destructive')}>\n      {/* <CardHeader className=\"flex flex-row items-center space-y-0\">\n        {showIcon && (\n          <img\n            alt=\"Follow-up\"\n            className=\"h-5 w-5\"\n            src=\"/icons/star_png.png\"\n            onError={(e) => {\n              (e.target as HTMLImageElement).style.display = 'none';\n            }}\n          />\n        )}\n        <Label className=\"text-base font-semibold\">{fieldDef.label}</Label>\n      </CardHeader> */}\n      <CardContent className=\"space-y-1 p-2\">\n        <div className=\"flex items-center justify-between gap-2\">\n          <div className=\"flex items-center flex-shrink-0 gap-2\">\n            <Label className=\"text-xs font-semibold text-muted-foreground\">Follow-up</Label>\n            <Select\n              value={currentFollowupType}\n              onValueChange={(v) => handleFollowupTypeChange(v as 'no followup' | 'one time')}\n              disabled={disabled}\n            >\n              <SelectTrigger className=\"w-[140px] border-none bg-muted/50 text-xs py-1 focus:outline-none focus:ring-0 focus:ring-offset-0\">\n                <SelectValue/>\n              </SelectTrigger>\n              <SelectContent>\n                {FOLLOWUP_TYPE_OPTIONS.map((opt) => (\n                  <SelectItem key={opt.value} value={opt.value} className=\"text-xs\">\n                    {opt.label}\n                  </SelectItem>\n                ))}\n              </SelectContent>\n            </Select>\n          </div>\n        </div>\n\n        {currentFollowupType !== 'no followup' && (\n          <>\n            <div className=\"flex items-center gap-4\">\n              <Label className=\"text-xs font-medium text-muted-foreground\">Schedule by:</Label>\n              <div className=\"flex items-center gap-3\">\n                <label className=\"flex items-center gap-2 cursor-pointer\">\n                  <input\n                    type=\"radio\"\n                    name={`followup-mode-${fieldId}`}\n                    value=\"duration\"\n                    checked={followupMode === 'duration'}\n                    onChange={() => handleModeChange('duration')}\n                    className=\"h-4 w-4 text-primary focus:ring-primary\"\n                    disabled={disabled}\n                  />\n                  <span className=\"text-xs text-muted-foreground\">Duration</span>\n                </label>\n                <label className=\"flex items-center gap-2 cursor-pointer\">\n                  <input\n                    type=\"radio\"\n                    name={`followup-mode-${fieldId}`}\n                    value=\"date\"\n                    checked={followupMode === 'date'}\n                    onChange={() => handleModeChange('date')}\n                    className=\"h-4 w-4 text-primary focus:ring-primary\"\n                    disabled={disabled}\n                  />\n                  <span className=\"text-xs text-muted-foreground\">Date</span>\n                </label>\n              </div>\n            </div>\n\n            {followupMode === 'duration' && (\n              <div className=\"flex items-center gap-2\">\n                <span className=\"text-xs font-semibold text-muted-foreground\">In</span>\n                <input\n                  type=\"number\"\n                  min={currentUnit === 'days' ? 0 : 1}\n                  value={currentValue}\n                  onChange={(e) => handleValueChange(e.target.value)}\n                  disabled={disabled}\n                  className=\"w-16 py-1.5 px-2 border border-input rounded-md text-center text-sm focus:outline-none focus:ring-2 focus:ring-ring\"\n                  placeholder=\"7\"\n                />\n                <Select\n                  value={currentUnit}\n                  onValueChange={(v) => handleUnitChange(v as 'days' | 'weeks' | 'months')}\n                  disabled={disabled}\n                >\n                  <SelectTrigger className=\"w-[100px] h-8 text-xs\">\n                    <SelectValue className='text-xs'/>\n                  </SelectTrigger>\n                  <SelectContent>\n                    {UNIT_OPTIONS.map((opt) => (\n                      <SelectItem key={opt.value} value={opt.value} className=\"text-xs\">\n                        {opt.label}\n                      </SelectItem>\n                    ))}\n                  </SelectContent>\n                </Select>\n              </div>\n            )}\n\n            {followupMode === 'date' && (\n              <Popover open={calendarOpen} onOpenChange={setCalendarOpen}>\n                <PopoverTrigger asChild>\n                  <Button\n                    type=\"button\"\n                    variant=\"outline\"\n                    className=\"w-full justify-start text-left font-normal h-9\"\n                    disabled={disabled}\n                  >\n                    <CalendarIcon className=\"mr-2 h-4 w-4 text-muted-foreground\" />\n                    <span className=\"text-muted-foreground\">\n                      {hasFollowup && currentDate\n                        ? format(currentDate, 'MMM d, yyyy')\n                        : 'Select date'}\n                    </span>\n                  </Button>\n                </PopoverTrigger>\n                <PopoverContent className=\"w-auto p-0\" align=\"start\">\n                  <Calendar\n                    mode=\"single\"\n                    selected={selectedDate}\n                    onSelect={handleDateSelect}\n                    disabled={(date) => date < minDate}\n                    initialFocus\n                  />\n                </PopoverContent>\n              </Popover>\n            )}\n\n            <p className=\"text-xs text-muted-foreground\">\n              One-time appointment{' '}\n              {followupMode === 'duration'\n                ? `in ${currentValue} ${currentUnit}`\n                : hasFollowup && currentDate\n                  ? `on ${format(currentDate, 'MMM d, yyyy')}`\n                  : 'date to be selected'}\n            </p>\n          </>\n        )}\n\n        {error && <p className=\"text-xs text-destructive\">{error}</p>}\n      </CardContent>\n    </Card>\n  );\n};\n"]}

package/dist/FollowupWidget-NJ4QDBOG.mjs

@@ -0,0 +1,283 @@
+import { Card, CardContent } from './chunk-LGGOBIEA.mjs';
+import { Popover, PopoverTrigger, PopoverContent, Calendar as Calendar$1 } from './chunk-BMNY7F6H.mjs';
+import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from './chunk-AZHTIUOL.mjs';
+import { Button } from './chunk-GXXWMHAA.mjs';
+import { useField } from './chunk-ZGPHTPAN.mjs';
+import { Label } from './chunk-HEFZA2AH.mjs';
+import { cn } from './chunk-VPU66PI6.mjs';
+import { useState, useCallback } from 'react';
+import { format, addDays, addWeeks, differenceInCalendarDays, parseISO } from 'date-fns';
+import { Calendar } from 'lucide-react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+var FOLLOWUP_TYPE_OPTIONS = [
+  { value: "no followup", label: "No Follow-up" },
+  { value: "one time", label: "One Time" }
+];
+var UNIT_OPTIONS = [
+  { value: "days", label: "Days" },
+  { value: "weeks", label: "Weeks" },
+  { value: "months", label: "Months" }
+];
+var DAYS_PER_MONTH = 30;
+function durationToDays(valueNum, unit) {
+  const today = /* @__PURE__ */ new Date();
+  today.setHours(0, 0, 0, 0);
+  let target;
+  if (unit === "days") target = addDays(today, valueNum);
+  else if (unit === "weeks") target = addWeeks(today, valueNum);
+  else target = addDays(today, valueNum * DAYS_PER_MONTH);
+  return Math.max(0, differenceInCalendarDays(target, today));
+}
+function daysToDisplayCount(daysNum, unit) {
+  if (unit === "days") return Math.max(0, daysNum);
+  if (unit === "weeks") return Math.round(daysNum / 7) || 1;
+  return Math.round(daysNum / DAYS_PER_MONTH) || 1;
+}
+function dateToDays(date) {
+  const today = /* @__PURE__ */ new Date();
+  today.setHours(0, 0, 0, 0);
+  const d = new Date(date);
+  d.setHours(0, 0, 0, 0);
+  return Math.max(0, differenceInCalendarDays(d, today));
+}
+function daysToDate(days) {
+  const today = /* @__PURE__ */ new Date();
+  today.setHours(0, 0, 0, 0);
+  return addDays(today, days);
+}
+function normalizeFollowup(value) {
+  if (value === false || value === null || value === void 0) return false;
+  if (typeof value !== "object") return false;
+  const o = value;
+  if (o.followupType !== "one time") return false;
+  if (typeof o.value === "string" && o.unit === "days") {
+    return { followupType: "one time", value: o.value, unit: "days" };
+  }
+  const today = /* @__PURE__ */ new Date();
+  today.setHours(0, 0, 0, 0);
+  if (o.mode === "date" && typeof o.date === "string") {
+    const d = parseLocalDate(o.date);
+    if (d) {
+      const days2 = dateToDays(d);
+      return { followupType: "one time", value: String(days2), unit: "days" };
+    }
+  }
+  const val = o.value != null ? Number(String(o.value)) : 7;
+  const u = o.unit === "weeks" || o.unit === "months" ? o.unit : "days";
+  const days = durationToDays(Number.isNaN(val) ? 7 : val, u);
+  return { followupType: "one time", value: String(days), unit: "days" };
+}
+function getDefaultDate() {
+  const d = /* @__PURE__ */ new Date();
+  d.setDate(d.getDate() + 7);
+  return d;
+}
+function parseLocalDate(dateString) {
+  if (!dateString) return null;
+  try {
+    return parseISO(dateString);
+  } catch {
+    const parts = dateString.split("-");
+    if (parts.length === 3) {
+      const y = parseInt(parts[0], 10);
+      const m = parseInt(parts[1], 10) - 1;
+      const d = parseInt(parts[2], 10);
+      if (!Number.isNaN(y) && !Number.isNaN(m) && !Number.isNaN(d)) {
+        return new Date(y, m, d);
+      }
+    }
+    return null;
+  }
+}
+var FollowupWidget = ({ fieldId }) => {
+  const { fieldDef, value, setValue, setTouched, error, disabled, visible } = useField(fieldId);
+  const followup = normalizeFollowup(value);
+  const [calendarOpen, setCalendarOpen] = useState(false);
+  const currentFollowupType = followup ? followup.followupType : "no followup";
+  const hasFollowup = followup !== false;
+  const [displayMode, setDisplayMode] = useState("duration");
+  const [displayUnit, setDisplayUnit] = useState("days");
+  const daysNum = hasFollowup ? parseInt(followup.value, 10) || 7 : 7;
+  const currentDate = hasFollowup ? daysToDate(daysNum) : null;
+  const followupMode = displayMode;
+  const currentValue = hasFollowup ? String(daysToDisplayCount(daysNum, displayUnit)) : "7";
+  const currentUnit = displayUnit;
+  const handleFollowupTypeChange = useCallback(
+    (newType) => {
+      setTouched();
+      if (newType === "no followup") {
+        setValue(false);
+        setCalendarOpen(false);
+        return;
+      }
+      setValue({
+        followupType: "one time",
+        value: hasFollowup ? followup.value : "7",
+        unit: "days"
+      });
+    },
+    [followup, hasFollowup, setValue, setTouched]
+  );
+  const handleModeChange = useCallback((newMode) => {
+    setDisplayMode(newMode);
+    if (newMode === "date") setCalendarOpen(false);
+  }, []);
+  const handleValueChange = useCallback(
+    (newValue) => {
+      setTouched();
+      const num = parseInt(newValue, 10);
+      const min = displayUnit === "days" ? 0 : 1;
+      const valid = (Number.isNaN(num) ? min : num) >= min || newValue === "";
+      if (!valid && newValue !== "") {
+        setValue({ followupType: "one time", value: String(displayUnit === "days" ? 0 : durationToDays(1, displayUnit)), unit: "days" });
+        return;
+      }
+      const days = durationToDays(Number.isNaN(num) ? displayUnit === "days" ? 0 : 1 : num, displayUnit);
+      setValue({ followupType: "one time", value: String(days), unit: "days" });
+    },
+    [displayUnit, setValue, setTouched]
+  );
+  const handleUnitChange = useCallback(
+    (newUnit) => {
+      if (newUnit === displayUnit) return;
+      const n = daysToDisplayCount(daysNum, displayUnit);
+      setDisplayUnit(newUnit);
+      if (!hasFollowup) return;
+      setTouched();
+      const newDays = durationToDays(n, newUnit);
+      setValue({ followupType: "one time", value: String(newDays), unit: "days" });
+    },
+    [displayUnit, daysNum, hasFollowup, setValue, setTouched]
+  );
+  const handleDateSelect = useCallback(
+    (selected) => {
+      setTouched();
+      setCalendarOpen(false);
+      if (!selected) return;
+      const days = dateToDays(selected);
+      setValue({ followupType: "one time", value: String(days), unit: "days" });
+    },
+    [setValue, setTouched]
+  );
+  if (!visible || !fieldDef) return null;
+  const minDate = /* @__PURE__ */ new Date();
+  minDate.setHours(0, 0, 0, 0);
+  const selectedDate = currentDate || getDefaultDate();
+  return /* @__PURE__ */ jsx(Card, { className: cn(error && "border-destructive"), children: /* @__PURE__ */ jsxs(CardContent, { className: "space-y-1 p-2", children: [
+    /* @__PURE__ */ jsx("div", { className: "flex items-center justify-between gap-2", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center flex-shrink-0 gap-2", children: [
+      /* @__PURE__ */ jsx(Label, { className: "text-xs font-semibold text-muted-foreground", children: "Follow-up" }),
+      /* @__PURE__ */ jsxs(
+        Select,
+        {
+          value: currentFollowupType,
+          onValueChange: (v) => handleFollowupTypeChange(v),
+          disabled,
+          children: [
+            /* @__PURE__ */ jsx(SelectTrigger, { className: "w-[140px] border-none bg-muted/50 text-xs py-1 focus:outline-none focus:ring-0 focus:ring-offset-0", children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+            /* @__PURE__ */ jsx(SelectContent, { children: FOLLOWUP_TYPE_OPTIONS.map((opt) => /* @__PURE__ */ jsx(SelectItem, { value: opt.value, className: "text-xs", children: opt.label }, opt.value)) })
+          ]
+        }
+      )
+    ] }) }),
+    currentFollowupType !== "no followup" && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
+        /* @__PURE__ */ jsx(Label, { className: "text-xs font-medium text-muted-foreground", children: "Schedule by:" }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 cursor-pointer", children: [
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                type: "radio",
+                name: `followup-mode-${fieldId}`,
+                value: "duration",
+                checked: followupMode === "duration",
+                onChange: () => handleModeChange("duration"),
+                className: "h-4 w-4 text-primary focus:ring-primary",
+                disabled
+              }
+            ),
+            /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: "Duration" })
+          ] }),
+          /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 cursor-pointer", children: [
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                type: "radio",
+                name: `followup-mode-${fieldId}`,
+                value: "date",
+                checked: followupMode === "date",
+                onChange: () => handleModeChange("date"),
+                className: "h-4 w-4 text-primary focus:ring-primary",
+                disabled
+              }
+            ),
+            /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: "Date" })
+          ] })
+        ] })
+      ] }),
+      followupMode === "duration" && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-xs font-semibold text-muted-foreground", children: "In" }),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "number",
+            min: currentUnit === "days" ? 0 : 1,
+            value: currentValue,
+            onChange: (e) => handleValueChange(e.target.value),
+            disabled,
+            className: "w-16 py-1.5 px-2 border border-input rounded-md text-center text-sm focus:outline-none focus:ring-2 focus:ring-ring",
+            placeholder: "7"
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          Select,
+          {
+            value: currentUnit,
+            onValueChange: (v) => handleUnitChange(v),
+            disabled,
+            children: [
+              /* @__PURE__ */ jsx(SelectTrigger, { className: "w-[100px] h-8 text-xs", children: /* @__PURE__ */ jsx(SelectValue, { className: "text-xs" }) }),
+              /* @__PURE__ */ jsx(SelectContent, { children: UNIT_OPTIONS.map((opt) => /* @__PURE__ */ jsx(SelectItem, { value: opt.value, className: "text-xs", children: opt.label }, opt.value)) })
+            ]
+          }
+        )
+      ] }),
+      followupMode === "date" && /* @__PURE__ */ jsxs(Popover, { open: calendarOpen, onOpenChange: setCalendarOpen, children: [
+        /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+          Button,
+          {
+            type: "button",
+            variant: "outline",
+            className: "w-full justify-start text-left font-normal h-9",
+            disabled,
+            children: [
+              /* @__PURE__ */ jsx(Calendar, { className: "mr-2 h-4 w-4 text-muted-foreground" }),
+              /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: hasFollowup && currentDate ? format(currentDate, "MMM d, yyyy") : "Select date" })
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ jsx(PopoverContent, { className: "w-auto p-0", align: "start", children: /* @__PURE__ */ jsx(
+          Calendar$1,
+          {
+            mode: "single",
+            selected: selectedDate,
+            onSelect: handleDateSelect,
+            disabled: (date) => date < minDate,
+            initialFocus: true
+          }
+        ) })
+      ] }),
+      /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground", children: [
+        "One-time appointment",
+        " ",
+        followupMode === "duration" ? `in ${currentValue} ${currentUnit}` : hasFollowup && currentDate ? `on ${format(currentDate, "MMM d, yyyy")}` : "date to be selected"
+      ] })
+    ] }),
+    error && /* @__PURE__ */ jsx("p", { className: "text-xs text-destructive", children: error })
+  ] }) });
+};
+
+export { FollowupWidget };
+//# sourceMappingURL=FollowupWidget-NJ4QDBOG.mjs.map
+//# sourceMappingURL=FollowupWidget-NJ4QDBOG.mjs.map