@elevasis/ui 2.33.2 → 2.35.0

package/dist/chunk-J2UD7BOH.js

@@ -1,347 +0,0 @@
-import { SubshellNavItem } from './chunk-X4WBGKJQ.js';
-import { SubshellSidebarSection } from './chunk-IIMU5YAJ.js';
-import { useDealsLookup, useCreateDealTask, useDealTasksDue } from './chunk-ZMK5Z6KE.js';
-import { useRouterContext } from './chunk-Q7DJKLEN.js';
-import { Box, Stack, Text, UnstyledButton, Group, Button, Modal, Title, Select, TextInput, Textarea, Badge, Center, Loader } from '@mantine/core';
-import { IconLayoutGrid, IconColumns, IconFileInvoice, IconList, IconBuilding, IconAddressBook, IconTrophy, IconClockExclamation, IconUser, IconPlus, IconChecklist, IconTarget, IconCheckbox, IconCalendar, IconMail, IconPhone } from '@tabler/icons-react';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { useState } from 'react';
-
-// src/features/crm/workbench/constants.ts
-var SAVED_VIEW_PRESETS = [
-  {
-    id: "my-deals",
-    label: "My Deals",
-    iconName: "IconUser",
-    target: "/crm/deals"
-  },
-  {
-    id: "overdue",
-    label: "Overdue",
-    iconName: "IconClockExclamation",
-    target: "/crm/deals"
-  },
-  {
-    id: "won-this-month",
-    label: "Won this month",
-    iconName: "IconTrophy",
-    target: "/crm/deals",
-    urlFilters: { stage: "closed_won" }
-  }
-];
-var ICON_MAP = {
-  IconUser,
-  IconClockExclamation,
-  IconTrophy
-};
-function SavedViewsPanel({ onViewClick, showSectionLabel = true }) {
-  return /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsxs(Stack, { gap: 4, children: [
-    showSectionLabel && /* @__PURE__ */ jsx(Text, { fz: "xs", tt: "uppercase", c: "dimmed", fw: 600, mb: 4, children: "Saved Views" }),
-    SAVED_VIEW_PRESETS.map((preset) => {
-      const Icon = ICON_MAP[preset.iconName];
-      return /* @__PURE__ */ jsx(
-        UnstyledButton,
-        {
-          onClick: () => onViewClick(preset),
-          style: {
-            display: "block",
-            width: "100%",
-            padding: "4px 6px",
-            borderRadius: "var(--mantine-radius-sm)",
-            transition: `background-color var(--duration-fast) var(--easing)`
-          },
-          onMouseEnter: (e) => {
-            e.currentTarget.style.backgroundColor = "var(--color-surface-hover)";
-          },
-          onMouseLeave: (e) => {
-            e.currentTarget.style.backgroundColor = "transparent";
-          },
-          children: /* @__PURE__ */ jsxs(Group, { gap: "xs", wrap: "nowrap", children: [
-            /* @__PURE__ */ jsx(Icon, { size: 14, style: { color: "var(--color-text-dimmed)", flexShrink: 0 } }),
-            /* @__PURE__ */ jsx(Text, { size: "xs", children: preset.label })
-          ] })
-        },
-        preset.id
-      );
-    })
-  ] }) });
-}
-var KIND_OPTIONS = [
-  { value: "call", label: "Call" },
-  { value: "email", label: "Email" },
-  { value: "meeting", label: "Meeting" },
-  { value: "other", label: "Other" }
-];
-function QuickCreateActions({ showSectionLabel = true }) {
-  const [open, setOpen] = useState(false);
-  const [dealId, setDealId] = useState(null);
-  const [dealSearch, setDealSearch] = useState("");
-  const [title, setTitle] = useState("");
-  const [description, setDescription] = useState("");
-  const [kind, setKind] = useState("other");
-  const [dueAt, setDueAt] = useState("");
-  const { data: deals, isLoading: isLoadingDeals } = useDealsLookup(
-    {
-      search: dealSearch || void 0,
-      limit: 25
-    },
-    { enabled: open }
-  );
-  const createTask = useCreateDealTask();
-  const dealOptions = (deals ?? []).map((deal) => ({
-    value: deal.id,
-    label: deal.displayLabel
-  }));
-  function resetForm() {
-    setDealId(null);
-    setDealSearch("");
-    setTitle("");
-    setDescription("");
-    setKind("other");
-    setDueAt("");
-  }
-  function handleClose() {
-    setOpen(false);
-    resetForm();
-  }
-  async function handleSubmit() {
-    if (!dealId || !title) return;
-    await createTask.mutateAsync({
-      dealId,
-      title,
-      description: description || null,
-      kind,
-      dueAt: dueAt ? new Date(dueAt).toISOString() : null
-    });
-    handleClose();
-  }
-  const isSubmitDisabled = !dealId || !title || createTask.isPending;
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs(Stack, { gap: 4, children: [
-      showSectionLabel && /* @__PURE__ */ jsx(Text, { fz: "xs", tt: "uppercase", c: "dimmed", fw: 600, children: "TASKS" }),
-      /* @__PURE__ */ jsx(Button, { variant: "light", size: "xs", leftSection: /* @__PURE__ */ jsx(IconPlus, { size: 14 }), fullWidth: true, onClick: () => setOpen(true), children: "New Task" })
-    ] }),
-    /* @__PURE__ */ jsxs(Modal, { opened: open, onClose: handleClose, size: "md", children: [
-      /* @__PURE__ */ jsxs(Stack, { gap: "sm", children: [
-        /* @__PURE__ */ jsx(Title, { order: 3, children: "New Task" }),
-        /* @__PURE__ */ jsx(
-          Select,
-          {
-            label: "Deal",
-            placeholder: "Search deals",
-            data: dealOptions,
-            value: dealId,
-            onChange: setDealId,
-            searchValue: dealSearch,
-            onSearchChange: setDealSearch,
-            searchable: true,
-            nothingFoundMessage: dealSearch ? "No matching deals" : "No deals available",
-            disabled: isLoadingDeals,
-            required: true
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          TextInput,
-          {
-            label: "Title",
-            placeholder: "Task title",
-            value: title,
-            onChange: (e) => setTitle(e.currentTarget.value),
-            required: true
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          Textarea,
-          {
-            label: "Description",
-            placeholder: "Optional description",
-            value: description,
-            onChange: (e) => setDescription(e.currentTarget.value),
-            autosize: true,
-            minRows: 2,
-            maxRows: 5
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          Select,
-          {
-            label: "Kind",
-            data: KIND_OPTIONS,
-            value: kind,
-            onChange: (v) => setKind(v ?? "other")
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          TextInput,
-          {
-            type: "datetime-local",
-            label: "Due At",
-            value: dueAt,
-            onChange: (e) => setDueAt(e.currentTarget.value)
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxs(Group, { justify: "flex-end", mt: "md", children: [
-        /* @__PURE__ */ jsx(Button, { variant: "default", onClick: handleClose, children: "Cancel" }),
-        /* @__PURE__ */ jsx(Button, { onClick: handleSubmit, loading: createTask.isPending, disabled: isSubmitDisabled, children: "Create" })
-      ] })
-    ] })
-  ] });
-}
-var CRM_ITEMS = [
-  { label: "Overview", to: "/crm", icon: IconLayoutGrid, exact: true },
-  { label: "Pipeline", to: "/crm/pipeline", icon: IconColumns, exact: false },
-  { label: "Deals", to: "/crm/deals", icon: IconFileInvoice, exact: false }
-];
-var CrmSidebarMiddle = ({ items = CRM_ITEMS } = {}) => {
-  const { currentPath, navigate } = useRouterContext();
-  return /* @__PURE__ */ jsxs(Stack, { gap: 0, style: { flex: 1, overflowY: "auto" }, children: [
-    /* @__PURE__ */ jsx(Stack, { gap: 0, p: "sm", children: items.map((item) => {
-      const isActive = item.exact ? currentPath === item.to || currentPath === `${item.to}/` : currentPath.startsWith(item.to);
-      return /* @__PURE__ */ jsx(
-        SubshellNavItem,
-        {
-          icon: item.icon,
-          label: item.label,
-          isActive,
-          href: item.to,
-          onClick: () => navigate(item.to)
-        },
-        item.to
-      );
-    }) }),
-    /* @__PURE__ */ jsx(SubshellSidebarSection, { icon: IconChecklist, label: "My Tasks", withTopBorder: true }),
-    /* @__PURE__ */ jsx(Stack, { gap: 0, p: "sm", children: /* @__PURE__ */ jsx(
-      MyTasksPanel,
-      {
-        onTaskClick: (dealId) => navigate(`/crm/deals/${dealId}`),
-        onSeeAll: () => navigate("/crm/deals"),
-        showSectionLabel: false,
-        footer: /* @__PURE__ */ jsx(QuickCreateActions, { showSectionLabel: false })
-      }
-    ) })
-  ] });
-};
-var LEAD_GEN_ITEMS = [
-  { label: "Overview", to: "/lead-gen", icon: IconLayoutGrid, exact: true },
-  { label: "Lists", to: "/lead-gen/lists", icon: IconList, exact: false },
-  { label: "Companies", to: "/lead-gen/companies", icon: IconBuilding, exact: false },
-  { label: "Contacts", to: "/lead-gen/contacts", icon: IconAddressBook, exact: false }
-];
-var LeadGenSidebarMiddle = ({ items = LEAD_GEN_ITEMS } = {}) => {
-  const { currentPath, navigate } = useRouterContext();
-  return /* @__PURE__ */ jsx(Stack, { gap: 0, style: { flex: 1, overflowY: "auto" }, children: /* @__PURE__ */ jsx(Stack, { gap: 0, p: "sm", children: items.map((item) => {
-    const isActive = item.exact ? currentPath === item.to || currentPath === `${item.to}/` : currentPath.startsWith(item.to);
-    return /* @__PURE__ */ jsx(
-      SubshellNavItem,
-      {
-        icon: item.icon,
-        label: item.label,
-        isActive,
-        href: item.to,
-        onClick: () => navigate(item.to)
-      },
-      item.to
-    );
-  }) }) });
-};
-var renderItems = (items, currentPath, navigate) => items.map((item) => {
-  const isActive = item.exact ? currentPath === item.to || currentPath === `${item.to}/` : currentPath.startsWith(item.to);
-  return /* @__PURE__ */ jsx(
-    SubshellNavItem,
-    {
-      icon: item.icon,
-      label: item.label,
-      isActive,
-      href: item.to,
-      onClick: () => navigate(item.to)
-    },
-    item.to
-  );
-});
-var SalesSidebar = () => {
-  const { currentPath, navigate } = useRouterContext();
-  return /* @__PURE__ */ jsx(Stack, { gap: 0, style: { height: "100%", display: "flex", flexDirection: "column" }, children: /* @__PURE__ */ jsxs(Stack, { gap: 0, style: { flex: 1, overflowY: "auto" }, children: [
-    /* @__PURE__ */ jsx(SubshellSidebarSection, { icon: IconTarget, label: "Lead Gen" }),
-    /* @__PURE__ */ jsx(Stack, { gap: 0, p: "sm", children: renderItems(LEAD_GEN_ITEMS, currentPath, navigate) }),
-    /* @__PURE__ */ jsx(SubshellSidebarSection, { icon: IconAddressBook, label: "CRM", withTopBorder: true }),
-    /* @__PURE__ */ jsx(Stack, { gap: 0, p: "sm", children: renderItems(CRM_ITEMS, currentPath, navigate) })
-  ] }) });
-};
-var KIND_ICONS = {
-  call: IconPhone,
-  email: IconMail,
-  meeting: IconCalendar,
-  other: IconCheckbox
-};
-function formatDueLabel(dueAt) {
-  if (!dueAt) return "";
-  const date = new Date(dueAt);
-  const now = /* @__PURE__ */ new Date();
-  const today = new Date(now.getFullYear(), now.getMonth(), now.getDate());
-  const dueDay = new Date(date.getFullYear(), date.getMonth(), date.getDate());
-  const diffDays = Math.round((dueDay.getTime() - today.getTime()) / 864e5);
-  if (diffDays < 0) return `${Math.abs(diffDays)}d overdue`;
-  if (diffDays === 0) {
-    return date.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" });
-  }
-  return `in ${diffDays}d`;
-}
-function TaskRow({ task, onClick }) {
-  const KindIcon = KIND_ICONS[task.kind];
-  const dueLabel = formatDueLabel(task.dueAt);
-  const isOverdue = task.dueAt !== null && new Date(task.dueAt) < /* @__PURE__ */ new Date();
-  return /* @__PURE__ */ jsx(
-    UnstyledButton,
-    {
-      onClick,
-      style: {
-        display: "block",
-        width: "100%",
-        padding: "4px 6px",
-        borderRadius: "var(--mantine-radius-sm)",
-        transition: `background-color var(--duration-fast) var(--easing)`
-      },
-      onMouseEnter: (e) => {
-        e.currentTarget.style.backgroundColor = "var(--color-surface-hover)";
-      },
-      onMouseLeave: (e) => {
-        e.currentTarget.style.backgroundColor = "transparent";
-      },
-      children: /* @__PURE__ */ jsxs(Group, { gap: "xs", wrap: "nowrap", children: [
-        /* @__PURE__ */ jsx(KindIcon, { size: 14, style: { color: "var(--color-text-dimmed)", flexShrink: 0 } }),
-        /* @__PURE__ */ jsx(Text, { size: "xs", truncate: true, style: { flex: 1, minWidth: 0 }, children: task.title }),
-        dueLabel && /* @__PURE__ */ jsx(Badge, { size: "xs", variant: "light", color: isOverdue ? "red" : "gray", style: { flexShrink: 0 }, children: dueLabel })
-      ] })
-    }
-  );
-}
-function MyTasksPanel({
-  onTaskClick,
-  onSeeAll,
-  footer,
-  showSectionLabel = true
-}) {
-  const { data, isLoading, isError } = useDealTasksDue({ window: "today_and_overdue" });
-  const tasks = data ?? [];
-  const total = tasks.length;
-  const visible = tasks.slice(0, 5);
-  return /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsxs(Stack, { gap: 4, children: [
-    showSectionLabel && /* @__PURE__ */ jsxs(Group, { justify: "space-between", mb: 4, children: [
-      /* @__PURE__ */ jsx(Text, { fz: "xs", tt: "uppercase", c: "dimmed", fw: 600, children: "My Tasks" }),
-      total > 0 && /* @__PURE__ */ jsx(Badge, { size: "xs", variant: "light", children: total })
-    ] }),
-    isLoading && /* @__PURE__ */ jsx(Center, { py: 4, children: /* @__PURE__ */ jsx(Loader, { size: "xs" }) }),
-    isError && /* @__PURE__ */ jsx(Text, { size: "xs", c: "red", children: "Failed to load tasks" }),
-    !isLoading && !isError && visible.length === 0 && /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "No tasks due - you're caught up." }),
-    !isLoading && !isError && visible.map((task) => /* @__PURE__ */ jsx(TaskRow, { task, onClick: () => onTaskClick(task.dealId) }, task.id)),
-    onSeeAll && total > 5 && /* @__PURE__ */ jsx(UnstyledButton, { onClick: onSeeAll, mt: 2, style: { display: "inline-block" }, children: /* @__PURE__ */ jsxs(Text, { size: "xs", c: "dimmed", style: { textDecoration: "underline" }, children: [
-      "See all (",
-      total,
-      ")"
-    ] }) }),
-    footer
-  ] }) });
-}
-
-export { CRM_ITEMS, CrmSidebarMiddle, LEAD_GEN_ITEMS, LeadGenSidebarMiddle, MyTasksPanel, QuickCreateActions, SAVED_VIEW_PRESETS, SalesSidebar, SavedViewsPanel };