@open-mercato/core 0.6.4-develop.4382.1.6b4f656b77 → 0.6.4

package/dist/modules/customers/components/detail/ComposeEmailDialog.js

@@ -0,0 +1,242 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogFooter } from "@open-mercato/ui/primitives/dialog";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { Input } from "@open-mercato/ui/primitives/input";
+import { Label } from "@open-mercato/ui/primitives/label";
+import { Textarea } from "@open-mercato/ui/primitives/textarea";
+import { RadioGroup } from "@open-mercato/ui/primitives/radio";
+import { RadioField } from "@open-mercato/ui/primitives/radio-field";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue
+} from "@open-mercato/ui/primitives/select";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+function parseRecipients(raw) {
+  return raw.split(/[,;\s]+/).map((s) => s.trim()).filter(Boolean);
+}
+function defaultChannelId(channels) {
+  const primary = channels.find((c) => c.isPrimary);
+  return primary?.id ?? channels[0]?.id ?? "";
+}
+function deriveComposeInitialState(replyTo, defaultRecipient, channels) {
+  const cc = replyTo?.cc && replyTo.cc.length > 0 ? replyTo.cc.join(", ") : "";
+  return {
+    to: replyTo ? replyTo.to.join(", ") : defaultRecipient ?? "",
+    cc,
+    showCc: Boolean(cc),
+    subject: replyTo?.subject ?? "",
+    channelId: defaultChannelId(channels)
+  };
+}
+function ComposeEmailDialog({
+  open,
+  onOpenChange,
+  channels,
+  defaultRecipient,
+  replyTo,
+  onSend
+}) {
+  const t = useT();
+  const initial = React.useMemo(
+    () => deriveComposeInitialState(replyTo, defaultRecipient, channels),
+    [replyTo, defaultRecipient, channels]
+  );
+  const [to, setTo] = React.useState(initial.to);
+  const [showCc, setShowCc] = React.useState(initial.showCc);
+  const [cc, setCc] = React.useState(initial.cc);
+  const [subject, setSubject] = React.useState(initial.subject);
+  const [body, setBody] = React.useState("");
+  const [visibility, setVisibility] = React.useState("private");
+  const [channelId, setChannelId] = React.useState(initial.channelId);
+  const [busy, setBusy] = React.useState(false);
+  const [error, setError] = React.useState(null);
+  React.useEffect(() => {
+    if (!open) return;
+    const next = deriveComposeInitialState(replyTo, defaultRecipient, channels);
+    setTo(next.to);
+    setCc(next.cc);
+    setShowCc(next.showCc);
+    setSubject(next.subject);
+    setBody("");
+    setVisibility("private");
+    setChannelId(next.channelId);
+    setError(null);
+    setBusy(false);
+  }, [open, replyTo, defaultRecipient, channels]);
+  const toList = React.useMemo(() => parseRecipients(to), [to]);
+  const isSendDisabled = busy || toList.length === 0 || subject.trim().length === 0 || body.trim().length === 0 || !channelId;
+  const handleSend = React.useCallback(async () => {
+    setError(null);
+    setBusy(true);
+    try {
+      const ccList = showCc ? parseRecipients(cc) : void 0;
+      const values = {
+        userChannelId: channelId,
+        to: toList,
+        cc: ccList && ccList.length > 0 ? ccList : void 0,
+        subject: subject.trim(),
+        body: body.trim(),
+        bodyFormat: "text",
+        visibility,
+        inReplyTo: replyTo?.inReplyTo,
+        references: replyTo?.references,
+        parentMessageId: replyTo?.parentMessageId
+      };
+      await onSend(values);
+      onOpenChange(false);
+    } catch (err) {
+      const message = err instanceof Error ? err.message : String(err);
+      setError(message);
+    } finally {
+      setBusy(false);
+    }
+  }, [showCc, cc, channelId, toList, subject, body, visibility, replyTo, onSend, onOpenChange]);
+  const handleKeyDown = React.useCallback(
+    (event) => {
+      if ((event.metaKey || event.ctrlKey) && event.key === "Enter") {
+        if (!isSendDisabled) {
+          void handleSend();
+        }
+      }
+    },
+    [isSendDisabled, handleSend]
+  );
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs(DialogContent, { className: "sm:max-w-2xl", onKeyDown: handleKeyDown, children: [
+    /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: replyTo ? t("customers.email.compose.replyTitle", "Reply") : t("customers.email.compose.title", "Compose email") }) }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ jsx(Label, { htmlFor: "compose-to", children: t("customers.email.compose.to", "To") }),
+          !showCc && /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "button",
+              variant: "link",
+              size: "2xs",
+              className: "text-muted-foreground hover:text-foreground",
+              onClick: () => setShowCc(true),
+              "aria-label": t("customers.email.compose.addCc.ariaLabel", "Add Cc recipients"),
+              children: t("customers.email.compose.addCc", "+ Cc")
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            id: "compose-to",
+            value: to,
+            onChange: (e) => setTo(e.target.value),
+            placeholder: t("customers.email.compose.toPlaceholder", "recipient@example.com"),
+            autoComplete: "off"
+          }
+        )
+      ] }),
+      showCc && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
+        /* @__PURE__ */ jsx(Label, { htmlFor: "compose-cc", children: t("customers.email.compose.cc", "Cc") }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            id: "compose-cc",
+            value: cc,
+            onChange: (e) => setCc(e.target.value),
+            placeholder: t("customers.email.compose.ccPlaceholder", "cc@example.com"),
+            autoComplete: "off"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
+        /* @__PURE__ */ jsx(Label, { htmlFor: "compose-subject", children: t("customers.email.compose.subject", "Subject") }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            id: "compose-subject",
+            value: subject,
+            onChange: (e) => setSubject(e.target.value),
+            placeholder: t("customers.email.compose.subjectPlaceholder", "Email subject")
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
+        /* @__PURE__ */ jsx(Label, { htmlFor: "compose-body", children: t("customers.email.compose.body", "Body") }),
+        /* @__PURE__ */ jsx(
+          Textarea,
+          {
+            id: "compose-body",
+            value: body,
+            onChange: (e) => setBody(e.target.value),
+            placeholder: t("customers.email.compose.bodyPlaceholder", "Write your message..."),
+            rows: 8
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+        /* @__PURE__ */ jsx(Label, { children: t("customers.email.compose.visibility", "Visibility") }),
+        /* @__PURE__ */ jsxs(
+          RadioGroup,
+          {
+            value: visibility,
+            onValueChange: (val) => setVisibility(val),
+            className: "flex flex-row gap-4",
+            children: [
+              /* @__PURE__ */ jsx(
+                RadioField,
+                {
+                  value: "private",
+                  label: t("customers.email.compose.visibilityPrivate", "Private to me")
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                RadioField,
+                {
+                  value: "shared",
+                  label: t("customers.email.compose.visibilityShared", "Visible to teammates")
+                }
+              )
+            ]
+          }
+        )
+      ] }),
+      channels.length > 0 && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
+        /* @__PURE__ */ jsx(Label, { htmlFor: "compose-channel", children: t("customers.email.compose.sendAs", "Send as") }),
+        /* @__PURE__ */ jsxs(Select, { value: channelId, onValueChange: setChannelId, children: [
+          /* @__PURE__ */ jsx(SelectTrigger, { id: "compose-channel", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: t("customers.email.compose.selectChannel", "Select account") }) }),
+          /* @__PURE__ */ jsx(SelectContent, { children: channels.map((ch) => /* @__PURE__ */ jsxs(SelectItem, { value: ch.id, children: [
+            ch.displayName,
+            ch.externalIdentifier ? ` (${ch.externalIdentifier})` : ""
+          ] }, ch.id)) })
+        ] })
+      ] }),
+      error && /* @__PURE__ */ jsx("p", { className: "text-sm text-status-error-text", role: "alert", children: error })
+    ] }),
+    /* @__PURE__ */ jsxs(DialogFooter, { children: [
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          type: "button",
+          variant: "outline",
+          onClick: () => onOpenChange(false),
+          disabled: busy,
+          children: t("customers.email.compose.cancel", "Cancel")
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          type: "button",
+          onClick: () => void handleSend(),
+          disabled: isSendDisabled,
+          children: busy ? t("customers.email.compose.sending", "Sending...") : t("customers.email.compose.send", "Send")
+        }
+      )
+    ] })
+  ] }) });
+}
+export {
+  ComposeEmailDialog
+};
+//# sourceMappingURL=ComposeEmailDialog.js.map

package/dist/modules/customers/components/detail/ComposeEmailDialog.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/customers/components/detail/ComposeEmailDialog.tsx"],
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { Dialog, DialogContent, DialogHeader, DialogTitle, DialogFooter } from '@open-mercato/ui/primitives/dialog'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport { Label } from '@open-mercato/ui/primitives/label'\nimport { Textarea } from '@open-mercato/ui/primitives/textarea'\nimport { RadioGroup } from '@open-mercato/ui/primitives/radio'\nimport { RadioField } from '@open-mercato/ui/primitives/radio-field'\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'\n\nexport interface ComposeEmailChannel {\n  id: string\n  displayName: string\n  externalIdentifier?: string | null\n  providerKey: 'gmail' | 'imap' | string\n  isPrimary?: boolean\n}\n\nexport interface ComposeEmailValues {\n  userChannelId: string\n  to: string[]\n  cc?: string[]\n  bcc?: string[]\n  subject: string\n  body: string\n  bodyFormat: 'text' | 'html'\n  visibility: 'private' | 'shared'\n  inReplyTo?: string\n  references?: string[]\n  /** When replying, the messages.message id of the parent so the reply joins its thread. */\n  parentMessageId?: string\n}\n\nexport interface ComposeEmailDialogProps {\n  open: boolean\n  onOpenChange: (open: boolean) => void\n  defaultRecipient?: string | null\n  channels: ComposeEmailChannel[]\n  replyTo?: {\n    inReplyTo?: string\n    references?: string[]\n    to: string[]\n    cc?: string[]\n    subject: string\n    parentMessageId?: string\n  } | null\n  onSend: (values: ComposeEmailValues) => Promise<{ messageId: string | null }>\n}\n\nfunction parseRecipients(raw: string): string[] {\n  return raw\n    .split(/[,;\\s]+/)\n    .map((s) => s.trim())\n    .filter(Boolean)\n}\n\nfunction defaultChannelId(channels: ComposeEmailChannel[]): string {\n  const primary = channels.find((c) => c.isPrimary)\n  return primary?.id ?? channels[0]?.id ?? ''\n}\n\n/** Single source of truth for the dialog's seeded form values (reply prefill, default recipient, primary channel). */\nfunction deriveComposeInitialState(\n  replyTo: ComposeEmailDialogProps['replyTo'],\n  defaultRecipient: string | null | undefined,\n  channels: ComposeEmailChannel[],\n): { to: string; cc: string; showCc: boolean; subject: string; channelId: string } {\n  const cc = replyTo?.cc && replyTo.cc.length > 0 ? replyTo.cc.join(', ') : ''\n  return {\n    to: replyTo ? replyTo.to.join(', ') : (defaultRecipient ?? ''),\n    cc,\n    showCc: Boolean(cc),\n    subject: replyTo?.subject ?? '',\n    channelId: defaultChannelId(channels),\n  }\n}\n\nexport function ComposeEmailDialog({\n  open,\n  onOpenChange,\n  channels,\n  defaultRecipient,\n  replyTo,\n  onSend,\n}: ComposeEmailDialogProps) {\n  const t = useT()\n\n  const initial = React.useMemo(\n    () => deriveComposeInitialState(replyTo, defaultRecipient, channels),\n    [replyTo, defaultRecipient, channels],\n  )\n\n  const [to, setTo] = React.useState(initial.to)\n  const [showCc, setShowCc] = React.useState(initial.showCc)\n  const [cc, setCc] = React.useState(initial.cc)\n  const [subject, setSubject] = React.useState(initial.subject)\n  const [body, setBody] = React.useState('')\n  const [visibility, setVisibility] = React.useState<'private' | 'shared'>('private')\n  const [channelId, setChannelId] = React.useState(initial.channelId)\n  const [busy, setBusy] = React.useState(false)\n  const [error, setError] = React.useState<string | null>(null)\n\n  // Reset the form whenever the dialog (re)opens or its seed inputs change.\n  React.useEffect(() => {\n    if (!open) return\n    const next = deriveComposeInitialState(replyTo, defaultRecipient, channels)\n    setTo(next.to)\n    setCc(next.cc)\n    setShowCc(next.showCc)\n    setSubject(next.subject)\n    setBody('')\n    setVisibility('private')\n    setChannelId(next.channelId)\n    setError(null)\n    setBusy(false)\n  }, [open, replyTo, defaultRecipient, channels])\n\n  const toList = React.useMemo(() => parseRecipients(to), [to])\n  const isSendDisabled =\n    busy ||\n    toList.length === 0 ||\n    subject.trim().length === 0 ||\n    body.trim().length === 0 ||\n    !channelId\n\n  const handleSend = React.useCallback(async () => {\n    setError(null)\n    setBusy(true)\n    try {\n      const ccList = showCc ? parseRecipients(cc) : undefined\n      const values: ComposeEmailValues = {\n        userChannelId: channelId,\n        to: toList,\n        cc: ccList && ccList.length > 0 ? ccList : undefined,\n        subject: subject.trim(),\n        body: body.trim(),\n        bodyFormat: 'text',\n        visibility,\n        inReplyTo: replyTo?.inReplyTo,\n        references: replyTo?.references,\n        parentMessageId: replyTo?.parentMessageId,\n      }\n      await onSend(values)\n      onOpenChange(false)\n    } catch (err) {\n      const message = err instanceof Error ? err.message : String(err)\n      setError(message)\n    } finally {\n      setBusy(false)\n    }\n  }, [showCc, cc, channelId, toList, subject, body, visibility, replyTo, onSend, onOpenChange])\n\n  const handleKeyDown = React.useCallback(\n    (event: React.KeyboardEvent) => {\n      if ((event.metaKey || event.ctrlKey) && event.key === 'Enter') {\n        if (!isSendDisabled) {\n          void handleSend()\n        }\n      }\n    },\n    [isSendDisabled, handleSend],\n  )\n\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent className=\"sm:max-w-2xl\" onKeyDown={handleKeyDown}>\n        <DialogHeader>\n          <DialogTitle>\n            {replyTo\n              ? t('customers.email.compose.replyTitle', 'Reply')\n              : t('customers.email.compose.title', 'Compose email')}\n          </DialogTitle>\n        </DialogHeader>\n\n        <div className=\"flex flex-col gap-4\">\n          {/* To */}\n          <div className=\"flex flex-col gap-1.5\">\n            <div className=\"flex items-center justify-between\">\n              <Label htmlFor=\"compose-to\">\n                {t('customers.email.compose.to', 'To')}\n              </Label>\n              {!showCc && (\n                <Button\n                  type=\"button\"\n                  variant=\"link\"\n                  size=\"2xs\"\n                  className=\"text-muted-foreground hover:text-foreground\"\n                  onClick={() => setShowCc(true)}\n                  aria-label={t('customers.email.compose.addCc.ariaLabel', 'Add Cc recipients')}\n                >\n                  {t('customers.email.compose.addCc', '+ Cc')}\n                </Button>\n              )}\n            </div>\n            <Input\n              id=\"compose-to\"\n              value={to}\n              onChange={(e) => setTo(e.target.value)}\n              placeholder={t('customers.email.compose.toPlaceholder', 'recipient@example.com')}\n              autoComplete=\"off\"\n            />\n          </div>\n\n          {/* Cc (collapsible) */}\n          {showCc && (\n            <div className=\"flex flex-col gap-1.5\">\n              <Label htmlFor=\"compose-cc\">\n                {t('customers.email.compose.cc', 'Cc')}\n              </Label>\n              <Input\n                id=\"compose-cc\"\n                value={cc}\n                onChange={(e) => setCc(e.target.value)}\n                placeholder={t('customers.email.compose.ccPlaceholder', 'cc@example.com')}\n                autoComplete=\"off\"\n              />\n            </div>\n          )}\n\n          {/* Subject */}\n          <div className=\"flex flex-col gap-1.5\">\n            <Label htmlFor=\"compose-subject\">\n              {t('customers.email.compose.subject', 'Subject')}\n            </Label>\n            <Input\n              id=\"compose-subject\"\n              value={subject}\n              onChange={(e) => setSubject(e.target.value)}\n              placeholder={t('customers.email.compose.subjectPlaceholder', 'Email subject')}\n            />\n          </div>\n\n          {/* Body */}\n          <div className=\"flex flex-col gap-1.5\">\n            <Label htmlFor=\"compose-body\">\n              {t('customers.email.compose.body', 'Body')}\n            </Label>\n            <Textarea\n              id=\"compose-body\"\n              value={body}\n              onChange={(e) => setBody(e.target.value)}\n              placeholder={t('customers.email.compose.bodyPlaceholder', 'Write your message...')}\n              rows={8}\n            />\n          </div>\n\n          {/* Visibility */}\n          <div className=\"flex flex-col gap-2\">\n            <Label>\n              {t('customers.email.compose.visibility', 'Visibility')}\n            </Label>\n            <RadioGroup\n              value={visibility}\n              onValueChange={(val) => setVisibility(val as 'private' | 'shared')}\n              className=\"flex flex-row gap-4\"\n            >\n              <RadioField\n                value=\"private\"\n                label={t('customers.email.compose.visibilityPrivate', 'Private to me')}\n              />\n              <RadioField\n                value=\"shared\"\n                label={t('customers.email.compose.visibilityShared', 'Visible to teammates')}\n              />\n            </RadioGroup>\n          </div>\n\n          {/* Send as (channel selector) */}\n          {channels.length > 0 && (\n            <div className=\"flex flex-col gap-1.5\">\n              <Label htmlFor=\"compose-channel\">\n                {t('customers.email.compose.sendAs', 'Send as')}\n              </Label>\n              <Select value={channelId} onValueChange={setChannelId}>\n                <SelectTrigger id=\"compose-channel\">\n                  <SelectValue placeholder={t('customers.email.compose.selectChannel', 'Select account')} />\n                </SelectTrigger>\n                <SelectContent>\n                  {channels.map((ch) => (\n                    <SelectItem key={ch.id} value={ch.id}>\n                      {ch.displayName}\n                      {ch.externalIdentifier ? ` (${ch.externalIdentifier})` : ''}\n                    </SelectItem>\n                  ))}\n                </SelectContent>\n              </Select>\n            </div>\n          )}\n\n          {/* Inline error */}\n          {error && (\n            <p className=\"text-sm text-status-error-text\" role=\"alert\">\n              {error}\n            </p>\n          )}\n        </div>\n\n        <DialogFooter>\n          <Button\n            type=\"button\"\n            variant=\"outline\"\n            onClick={() => onOpenChange(false)}\n            disabled={busy}\n          >\n            {t('customers.email.compose.cancel', 'Cancel')}\n          </Button>\n          <Button\n            type=\"button\"\n            onClick={() => void handleSend()}\n            disabled={isSendDisabled}\n          >\n            {busy\n              ? t('customers.email.compose.sending', 'Sending...')\n              : t('customers.email.compose.send', 'Send')}\n          </Button>\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n  )\n}\n"],
+  "mappings": ";AAgLU,cAUE,YAVF;AA9KV,YAAY,WAAW;AACvB,SAAS,QAAQ,eAAe,cAAc,aAAa,oBAAoB;AAC/E,SAAS,cAAc;AACvB,SAAS,aAAa;AACtB,SAAS,aAAa;AACtB,SAAS,gBAAgB;AACzB,SAAS,kBAAkB;AAC3B,SAAS,kBAAkB;AAC3B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,YAAY;AAyCrB,SAAS,gBAAgB,KAAuB;AAC9C,SAAO,IACJ,MAAM,SAAS,EACf,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC,EACnB,OAAO,OAAO;AACnB;AAEA,SAAS,iBAAiB,UAAyC;AACjE,QAAM,UAAU,SAAS,KAAK,CAAC,MAAM,EAAE,SAAS;AAChD,SAAO,SAAS,MAAM,SAAS,CAAC,GAAG,MAAM;AAC3C;AAGA,SAAS,0BACP,SACA,kBACA,UACiF;AACjF,QAAM,KAAK,SAAS,MAAM,QAAQ,GAAG,SAAS,IAAI,QAAQ,GAAG,KAAK,IAAI,IAAI;AAC1E,SAAO;AAAA,IACL,IAAI,UAAU,QAAQ,GAAG,KAAK,IAAI,IAAK,oBAAoB;AAAA,IAC3D;AAAA,IACA,QAAQ,QAAQ,EAAE;AAAA,IAClB,SAAS,SAAS,WAAW;AAAA,IAC7B,WAAW,iBAAiB,QAAQ;AAAA,EACtC;AACF;AAEO,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA4B;AAC1B,QAAM,IAAI,KAAK;AAEf,QAAM,UAAU,MAAM;AAAA,IACpB,MAAM,0BAA0B,SAAS,kBAAkB,QAAQ;AAAA,IACnE,CAAC,SAAS,kBAAkB,QAAQ;AAAA,EACtC;AAEA,QAAM,CAAC,IAAI,KAAK,IAAI,MAAM,SAAS,QAAQ,EAAE;AAC7C,QAAM,CAAC,QAAQ,SAAS,IAAI,MAAM,SAAS,QAAQ,MAAM;AACzD,QAAM,CAAC,IAAI,KAAK,IAAI,MAAM,SAAS,QAAQ,EAAE;AAC7C,QAAM,CAAC,SAAS,UAAU,IAAI,MAAM,SAAS,QAAQ,OAAO;AAC5D,QAAM,CAAC,MAAM,OAAO,IAAI,MAAM,SAAS,EAAE;AACzC,QAAM,CAAC,YAAY,aAAa,IAAI,MAAM,SAA+B,SAAS;AAClF,QAAM,CAAC,WAAW,YAAY,IAAI,MAAM,SAAS,QAAQ,SAAS;AAClE,QAAM,CAAC,MAAM,OAAO,IAAI,MAAM,SAAS,KAAK;AAC5C,QAAM,CAAC,OAAO,QAAQ,IAAI,MAAM,SAAwB,IAAI;AAG5D,QAAM,UAAU,MAAM;AACpB,QAAI,CAAC,KAAM;AACX,UAAM,OAAO,0BAA0B,SAAS,kBAAkB,QAAQ;AAC1E,UAAM,KAAK,EAAE;AACb,UAAM,KAAK,EAAE;AACb,cAAU,KAAK,MAAM;AACrB,eAAW,KAAK,OAAO;AACvB,YAAQ,EAAE;AACV,kBAAc,SAAS;AACvB,iBAAa,KAAK,SAAS;AAC3B,aAAS,IAAI;AACb,YAAQ,KAAK;AAAA,EACf,GAAG,CAAC,MAAM,SAAS,kBAAkB,QAAQ,CAAC;AAE9C,QAAM,SAAS,MAAM,QAAQ,MAAM,gBAAgB,EAAE,GAAG,CAAC,EAAE,CAAC;AAC5D,QAAM,iBACJ,QACA,OAAO,WAAW,KAClB,QAAQ,KAAK,EAAE,WAAW,KAC1B,KAAK,KAAK,EAAE,WAAW,KACvB,CAAC;AAEH,QAAM,aAAa,MAAM,YAAY,YAAY;AAC/C,aAAS,IAAI;AACb,YAAQ,IAAI;AACZ,QAAI;AACF,YAAM,SAAS,SAAS,gBAAgB,EAAE,IAAI;AAC9C,YAAM,SAA6B;AAAA,QACjC,eAAe;AAAA,QACf,IAAI;AAAA,QACJ,IAAI,UAAU,OAAO,SAAS,IAAI,SAAS;AAAA,QAC3C,SAAS,QAAQ,KAAK;AAAA,QACtB,MAAM,KAAK,KAAK;AAAA,QAChB,YAAY;AAAA,QACZ;AAAA,QACA,WAAW,SAAS;AAAA,QACpB,YAAY,SAAS;AAAA,QACrB,iBAAiB,SAAS;AAAA,MAC5B;AACA,YAAM,OAAO,MAAM;AACnB,mBAAa,KAAK;AAAA,IACpB,SAAS,KAAK;AACZ,YAAM,UAAU,eAAe,QAAQ,IAAI,UAAU,OAAO,GAAG;AAC/D,eAAS,OAAO;AAAA,IAClB,UAAE;AACA,cAAQ,KAAK;AAAA,IACf;AAAA,EACF,GAAG,CAAC,QAAQ,IAAI,WAAW,QAAQ,SAAS,MAAM,YAAY,SAAS,QAAQ,YAAY,CAAC;AAE5F,QAAM,gBAAgB,MAAM;AAAA,IAC1B,CAAC,UAA+B;AAC9B,WAAK,MAAM,WAAW,MAAM,YAAY,MAAM,QAAQ,SAAS;AAC7D,YAAI,CAAC,gBAAgB;AACnB,eAAK,WAAW;AAAA,QAClB;AAAA,MACF;AAAA,IACF;AAAA,IACA,CAAC,gBAAgB,UAAU;AAAA,EAC7B;AAEA,SACE,oBAAC,UAAO,MAAY,cAClB,+BAAC,iBAAc,WAAU,gBAAe,WAAW,eACjD;AAAA,wBAAC,gBACC,8BAAC,eACE,oBACG,EAAE,sCAAsC,OAAO,IAC/C,EAAE,iCAAiC,eAAe,GACxD,GACF;AAAA,IAEA,qBAAC,SAAI,WAAU,uBAEb;AAAA,2BAAC,SAAI,WAAU,yBACb;AAAA,6BAAC,SAAI,WAAU,qCACb;AAAA,8BAAC,SAAM,SAAQ,cACZ,YAAE,8BAA8B,IAAI,GACvC;AAAA,UACC,CAAC,UACA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,SAAQ;AAAA,cACR,MAAK;AAAA,cACL,WAAU;AAAA,cACV,SAAS,MAAM,UAAU,IAAI;AAAA,cAC7B,cAAY,EAAE,2CAA2C,mBAAmB;AAAA,cAE3E,YAAE,iCAAiC,MAAM;AAAA;AAAA,UAC5C;AAAA,WAEJ;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,IAAG;AAAA,YACH,OAAO;AAAA,YACP,UAAU,CAAC,MAAM,MAAM,EAAE,OAAO,KAAK;AAAA,YACrC,aAAa,EAAE,yCAAyC,uBAAuB;AAAA,YAC/E,cAAa;AAAA;AAAA,QACf;AAAA,SACF;AAAA,MAGC,UACC,qBAAC,SAAI,WAAU,yBACb;AAAA,4BAAC,SAAM,SAAQ,cACZ,YAAE,8BAA8B,IAAI,GACvC;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,IAAG;AAAA,YACH,OAAO;AAAA,YACP,UAAU,CAAC,MAAM,MAAM,EAAE,OAAO,KAAK;AAAA,YACrC,aAAa,EAAE,yCAAyC,gBAAgB;AAAA,YACxE,cAAa;AAAA;AAAA,QACf;AAAA,SACF;AAAA,MAIF,qBAAC,SAAI,WAAU,yBACb;AAAA,4BAAC,SAAM,SAAQ,mBACZ,YAAE,mCAAmC,SAAS,GACjD;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,IAAG;AAAA,YACH,OAAO;AAAA,YACP,UAAU,CAAC,MAAM,WAAW,EAAE,OAAO,KAAK;AAAA,YAC1C,aAAa,EAAE,8CAA8C,eAAe;AAAA;AAAA,QAC9E;AAAA,SACF;AAAA,MAGA,qBAAC,SAAI,WAAU,yBACb;AAAA,4BAAC,SAAM,SAAQ,gBACZ,YAAE,gCAAgC,MAAM,GAC3C;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,IAAG;AAAA,YACH,OAAO;AAAA,YACP,UAAU,CAAC,MAAM,QAAQ,EAAE,OAAO,KAAK;AAAA,YACvC,aAAa,EAAE,2CAA2C,uBAAuB;AAAA,YACjF,MAAM;AAAA;AAAA,QACR;AAAA,SACF;AAAA,MAGA,qBAAC,SAAI,WAAU,uBACb;AAAA,4BAAC,SACE,YAAE,sCAAsC,YAAY,GACvD;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,OAAO;AAAA,YACP,eAAe,CAAC,QAAQ,cAAc,GAA2B;AAAA,YACjE,WAAU;AAAA,YAEV;AAAA;AAAA,gBAAC;AAAA;AAAA,kBACC,OAAM;AAAA,kBACN,OAAO,EAAE,6CAA6C,eAAe;AAAA;AAAA,cACvE;AAAA,cACA;AAAA,gBAAC;AAAA;AAAA,kBACC,OAAM;AAAA,kBACN,OAAO,EAAE,4CAA4C,sBAAsB;AAAA;AAAA,cAC7E;AAAA;AAAA;AAAA,QACF;AAAA,SACF;AAAA,MAGC,SAAS,SAAS,KACjB,qBAAC,SAAI,WAAU,yBACb;AAAA,4BAAC,SAAM,SAAQ,mBACZ,YAAE,kCAAkC,SAAS,GAChD;AAAA,QACA,qBAAC,UAAO,OAAO,WAAW,eAAe,cACvC;AAAA,8BAAC,iBAAc,IAAG,mBAChB,8BAAC,eAAY,aAAa,EAAE,yCAAyC,gBAAgB,GAAG,GAC1F;AAAA,UACA,oBAAC,iBACE,mBAAS,IAAI,CAAC,OACb,qBAAC,cAAuB,OAAO,GAAG,IAC/B;AAAA,eAAG;AAAA,YACH,GAAG,qBAAqB,KAAK,GAAG,kBAAkB,MAAM;AAAA,eAF1C,GAAG,EAGpB,CACD,GACH;AAAA,WACF;AAAA,SACF;AAAA,MAID,SACC,oBAAC,OAAE,WAAU,kCAAiC,MAAK,SAChD,iBACH;AAAA,OAEJ;AAAA,IAEA,qBAAC,gBACC;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,SAAS,MAAM,aAAa,KAAK;AAAA,UACjC,UAAU;AAAA,UAET,YAAE,kCAAkC,QAAQ;AAAA;AAAA,MAC/C;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAS,MAAM,KAAK,WAAW;AAAA,UAC/B,UAAU;AAAA,UAET,iBACG,EAAE,mCAAmC,YAAY,IACjD,EAAE,gCAAgC,MAAM;AAAA;AAAA,MAC9C;AAAA,OACF;AAAA,KACF,GACF;AAEJ;",
+  "names": []
+}

package/dist/modules/customers/components/detail/DealForm.js

@@ -620,12 +620,13 @@ function DealForm({
       label: t("customers.people.detail.deals.fields.pipeline", "Pipeline"),
       type: "custom",
       layout: "half",
-      component: ({ value, setValue }) => /* @__PURE__ */ jsxs(
+      component: ({ value, setValue, setFormValue }) => /* @__PURE__ */ jsxs(
         Select,
         {
           value: typeof value === "string" && value ? value : void 0,
           onValueChange: (next) => {
             setValue(next ?? "");
+            setFormValue?.("pipelineStageId", "");
             loadStagesForPipeline(next ?? "").catch(() => {
             });
           },
@@ -678,6 +679,7 @@ function DealForm({
             allowInlineCreate: false,
             allowAppearance: false,
             selectClassName: "w-full",
+            sortOptions: "none",
             disabled,
             showLabelInput: false
           }