@freighttech/ui 0.13.18

package/dist/backend/markdown/useMarkdownRemarkPlugins.js

@@ -0,0 +1,33 @@
+"use client";
+import * as React from "react";
+const isTestEnv = typeof process !== "undefined" && process.env.NODE_ENV === "test";
+let markdownPluginsPromise = null;
+async function loadMarkdownPlugins() {
+  if (isTestEnv) return [];
+  if (!markdownPluginsPromise) {
+    markdownPluginsPromise = import("remark-gfm").then((mod) => [mod.default ?? mod]).catch(() => []);
+  }
+  return markdownPluginsPromise;
+}
+function useMarkdownRemarkPlugins(providedPlugins) {
+  const [plugins, setPlugins] = React.useState(() => providedPlugins ?? []);
+  React.useEffect(() => {
+    if (providedPlugins) {
+      setPlugins(providedPlugins);
+      return;
+    }
+    let mounted = true;
+    void loadMarkdownPlugins().then((resolved) => {
+      if (!mounted) return;
+      setPlugins(resolved);
+    });
+    return () => {
+      mounted = false;
+    };
+  }, [providedPlugins]);
+  return providedPlugins ?? plugins;
+}
+export {
+  useMarkdownRemarkPlugins
+};
+//# sourceMappingURL=useMarkdownRemarkPlugins.js.map

package/dist/backend/markdown/useMarkdownRemarkPlugins.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/backend/markdown/useMarkdownRemarkPlugins.ts"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport type { PluggableList } from 'unified'\n\nconst isTestEnv = typeof process !== 'undefined' && process.env.NODE_ENV === 'test'\n\nlet markdownPluginsPromise: Promise<PluggableList> | null = null\n\nasync function loadMarkdownPlugins(): Promise<PluggableList> {\n  if (isTestEnv) return []\n  if (!markdownPluginsPromise) {\n    markdownPluginsPromise = import('remark-gfm')\n      .then((mod) => [mod.default ?? mod] as PluggableList)\n      .catch(() => [])\n  }\n  return markdownPluginsPromise\n}\n\nexport function useMarkdownRemarkPlugins(providedPlugins?: PluggableList): PluggableList {\n  const [plugins, setPlugins] = React.useState<PluggableList>(() => providedPlugins ?? [])\n\n  React.useEffect(() => {\n    if (providedPlugins) {\n      setPlugins(providedPlugins)\n      return\n    }\n    let mounted = true\n    void loadMarkdownPlugins().then((resolved) => {\n      if (!mounted) return\n      setPlugins(resolved)\n    })\n    return () => {\n      mounted = false\n    }\n  }, [providedPlugins])\n\n  return providedPlugins ?? plugins\n}\n"],
+  "mappings": ";AAEA,YAAY,WAAW;AAGvB,MAAM,YAAY,OAAO,YAAY,eAAe,QAAQ,IAAI,aAAa;AAE7E,IAAI,yBAAwD;AAE5D,eAAe,sBAA8C;AAC3D,MAAI,UAAW,QAAO,CAAC;AACvB,MAAI,CAAC,wBAAwB;AAC3B,6BAAyB,OAAO,YAAY,EACzC,KAAK,CAAC,QAAQ,CAAC,IAAI,WAAW,GAAG,CAAkB,EACnD,MAAM,MAAM,CAAC,CAAC;AAAA,EACnB;AACA,SAAO;AACT;AAEO,SAAS,yBAAyB,iBAAgD;AACvF,QAAM,CAAC,SAAS,UAAU,IAAI,MAAM,SAAwB,MAAM,mBAAmB,CAAC,CAAC;AAEvF,QAAM,UAAU,MAAM;AACpB,QAAI,iBAAiB;AACnB,iBAAW,eAAe;AAC1B;AAAA,IACF;AACA,QAAI,UAAU;AACd,SAAK,oBAAoB,EAAE,KAAK,CAAC,aAAa;AAC5C,UAAI,CAAC,QAAS;AACd,iBAAW,QAAQ;AAAA,IACrB,CAAC;AACD,WAAO,MAAM;AACX,gBAAU;AAAA,IACZ;AAAA,EACF,GAAG,CAAC,eAAe,CAAC;AAEpB,SAAO,mBAAmB;AAC5B;",
+  "names": []
+}

package/dist/backend/messages/MessageComposer.js

@@ -0,0 +1,158 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Forward, Reply, Send } from "lucide-react";
+import { CrudForm } from "../CrudForm.js";
+import { Button } from "../../primitives/button.js";
+import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from "../../primitives/dialog.js";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { getMessageUiComponentRegistry } from "@open-mercato/core/modules/messages/components/utils/typeUiRegistry";
+import { getMessageObjectType } from "@open-mercato/core/modules/messages/lib/message-objects-registry";
+import { createMessageComposeFormGroups } from "./message-compose-form-groups.js";
+import { useMessageCompose } from "./useMessageCompose.js";
+function ContextObjectPreview({ contextObject }) {
+  const t = useT();
+  const registry = getMessageUiComponentRegistry();
+  const previewComponentKey = `${contextObject.entityModule}:${contextObject.entityType}`;
+  const PreviewComponent = registry.objectPreviewComponents[previewComponentKey] ?? registry.objectPreviewComponents["messages:default"];
+  const objectType = getMessageObjectType(contextObject.entityModule, contextObject.entityType);
+  if (PreviewComponent) {
+    return /* @__PURE__ */ jsx(
+      PreviewComponent,
+      {
+        entityId: contextObject.entityId,
+        entityModule: contextObject.entityModule,
+        entityType: contextObject.entityType,
+        actionRequired: contextObject.actionRequired,
+        actionType: contextObject.actionType,
+        actionLabel: contextObject.actionLabel,
+        previewData: contextObject.previewData ?? void 0,
+        icon: objectType?.icon
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+    /* @__PURE__ */ jsx("p", { className: "text-xs font-medium uppercase tracking-wide text-muted-foreground", children: t("messages.composer.contextPreview.title", "Context object") }),
+    /* @__PURE__ */ jsxs("p", { className: "text-sm font-medium", children: [
+      contextObject.entityModule,
+      ":",
+      contextObject.entityType
+    ] }),
+    /* @__PURE__ */ jsx("p", { className: "text-xs font-mono text-muted-foreground", children: contextObject.entityId })
+  ] });
+}
+function MessageComposer(props) {
+  const compose = useMessageCompose(props);
+  const inlineBackHref = props.inlineBackHref;
+  const SubmitIcon = compose.variant === "reply" ? Reply : compose.variant === "forward" ? Forward : Send;
+  const inlineExtraActions = compose.inline ? /* @__PURE__ */ jsxs(Fragment, { children: [
+    compose.variant === "compose" ? /* @__PURE__ */ jsx(
+      Button,
+      {
+        type: "button",
+        variant: "outline",
+        onClick: compose.handleSaveDraft,
+        disabled: compose.submitting,
+        children: compose.t("messages.saveDraft", "Save draft")
+      }
+    ) : null,
+    compose.variant !== "compose" ? /* @__PURE__ */ jsx(
+      Button,
+      {
+        type: "button",
+        variant: "outline",
+        onClick: compose.handleBack,
+        disabled: compose.submitting,
+        children: compose.t("ui.forms.actions.cancel", "Cancel")
+      }
+    ) : null
+  ] }) : null;
+  const dialogExtraActions = !compose.inline ? /* @__PURE__ */ jsxs(Fragment, { children: [
+    compose.variant === "compose" ? /* @__PURE__ */ jsx(
+      Button,
+      {
+        type: "button",
+        variant: "outline",
+        onClick: compose.handleSaveDraft,
+        disabled: compose.submitting,
+        children: compose.t("messages.saveDraft", "Save draft")
+      }
+    ) : null,
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        type: "button",
+        variant: "outline",
+        onClick: compose.handleBack,
+        disabled: compose.submitting,
+        children: compose.t("ui.forms.actions.cancel", "Cancel")
+      }
+    )
+  ] }) : null;
+  const backHref = compose.inline ? inlineBackHref === void 0 ? "/backend/messages" : inlineBackHref ?? void 0 : void 0;
+  const fallbackContextPreview = React.useMemo(() => {
+    if (compose.contextPreview) return compose.contextPreview;
+    if (!props.contextObject) return null;
+    return /* @__PURE__ */ jsx(ContextObjectPreview, { contextObject: props.contextObject });
+  }, [compose.contextPreview, props.contextObject]);
+  const composeWithContextPreview = React.useMemo(
+    () => ({ ...compose, contextPreview: fallbackContextPreview }),
+    [compose, fallbackContextPreview]
+  );
+  const composePanel = /* @__PURE__ */ jsx(
+    CrudForm,
+    {
+      backHref,
+      title: composeWithContextPreview.composerTitle,
+      fields: createMessageComposeFormGroups(composeWithContextPreview),
+      initialValues: {},
+      submitLabel: composeWithContextPreview.submitLabel,
+      submitIcon: SubmitIcon,
+      extraActions: composeWithContextPreview.inline ? inlineExtraActions : dialogExtraActions,
+      hideFooterActions: true,
+      onSubmit: async () => {
+        await composeWithContextPreview.handleSubmit();
+      }
+    }
+  );
+  if (compose.inline) {
+    return /* @__PURE__ */ jsx("div", { className: "space-y-4", children: composePanel });
+  }
+  return /* @__PURE__ */ jsx(Dialog, { open: Boolean(compose.open), onOpenChange: compose.handleDialogOpenChange, children: /* @__PURE__ */ jsxs(DialogContent, { className: "sm:max-w-3xl [&>button]:hidden", children: [
+    /* @__PURE__ */ jsxs(DialogHeader, { className: "sr-only", children: [
+      /* @__PURE__ */ jsx(DialogTitle, { children: compose.composerTitle }),
+      /* @__PURE__ */ jsx(DialogDescription, { children: compose.t("messages.composer.dialogDescription", "Compose and send a message.") })
+    ] }),
+    composePanel,
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-2 border-t pt-4", children: [
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          type: "button",
+          variant: "outline",
+          onClick: compose.handleBack,
+          disabled: compose.submitting,
+          children: compose.t("ui.forms.actions.cancel", "Cancel")
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        Button,
+        {
+          type: "button",
+          onClick: () => {
+            void compose.handleSubmit();
+          },
+          disabled: compose.submitting,
+          children: [
+            /* @__PURE__ */ jsx(SubmitIcon, { className: "mr-2 size-4" }),
+            compose.submitLabel
+          ]
+        }
+      )
+    ] })
+  ] }) });
+}
+export {
+  MessageComposer
+};
+//# sourceMappingURL=MessageComposer.js.map

package/dist/backend/messages/MessageComposer.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/backend/messages/MessageComposer.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { Forward, Reply, Send } from 'lucide-react'\nimport { CrudForm } from '../CrudForm'\nimport { Button } from '../../primitives/button'\nimport { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from '../../primitives/dialog'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { getMessageUiComponentRegistry } from '@open-mercato/core/modules/messages/components/utils/typeUiRegistry'\nimport { getMessageObjectType } from '@open-mercato/core/modules/messages/lib/message-objects-registry'\nimport { createMessageComposeFormGroups } from './message-compose-form-groups'\nimport { useMessageCompose } from './useMessageCompose'\nimport type { MessageComposerContextObject, MessageComposerProps } from './message-composer.types'\n\nexport type {\n  MessageComposerContextObject,\n  MessageComposerProps,\n  MessageComposerRequiredActionConfig,\n  MessageComposerRequiredActionOption,\n  MessageComposerVariant,\n  MessageTypeItem,\n} from './message-composer.types'\n\nfunction ContextObjectPreview({ contextObject }: { contextObject: MessageComposerContextObject }) {\n  const t = useT()\n  const registry = getMessageUiComponentRegistry()\n  const previewComponentKey = `${contextObject.entityModule}:${contextObject.entityType}`\n  const PreviewComponent = registry.objectPreviewComponents[previewComponentKey]\n    ?? registry.objectPreviewComponents['messages:default']\n  const objectType = getMessageObjectType(contextObject.entityModule, contextObject.entityType)\n\n  if (PreviewComponent) {\n    return (\n      <PreviewComponent\n        entityId={contextObject.entityId}\n        entityModule={contextObject.entityModule}\n        entityType={contextObject.entityType}\n        actionRequired={contextObject.actionRequired}\n        actionType={contextObject.actionType}\n        actionLabel={contextObject.actionLabel}\n        previewData={contextObject.previewData ?? undefined}\n        icon={objectType?.icon}\n      />\n    )\n  }\n\n  return (\n    <div className=\"space-y-1\">\n      <p className=\"text-xs font-medium uppercase tracking-wide text-muted-foreground\">\n        {t('messages.composer.contextPreview.title', 'Context object')}\n      </p>\n      <p className=\"text-sm font-medium\">\n        {contextObject.entityModule}:{contextObject.entityType}\n      </p>\n      <p className=\"text-xs font-mono text-muted-foreground\">\n        {contextObject.entityId}\n      </p>\n    </div>\n  )\n}\n\nexport function MessageComposer(props: MessageComposerProps) {\n  const compose = useMessageCompose(props)\n  const inlineBackHref = props.inlineBackHref\n  const SubmitIcon = compose.variant === 'reply'\n    ? Reply\n    : compose.variant === 'forward'\n      ? Forward\n      : Send\n\n  const inlineExtraActions = compose.inline\n    ? (\n      <>\n        {compose.variant === 'compose' ? (\n          <Button\n            type=\"button\"\n            variant=\"outline\"\n            onClick={compose.handleSaveDraft}\n            disabled={compose.submitting}\n          >\n            {compose.t('messages.saveDraft', 'Save draft')}\n          </Button>\n        ) : null}\n        {compose.variant !== 'compose' ? (\n          <Button\n            type=\"button\"\n            variant=\"outline\"\n            onClick={compose.handleBack}\n            disabled={compose.submitting}\n          >\n            {compose.t('ui.forms.actions.cancel', 'Cancel')}\n          </Button>\n        ) : null}\n      </>\n    )\n    : null\n\n  const dialogExtraActions = !compose.inline\n    ? (\n      <>\n        {compose.variant === 'compose' ? (\n          <Button\n            type=\"button\"\n            variant=\"outline\"\n            onClick={compose.handleSaveDraft}\n            disabled={compose.submitting}\n          >\n            {compose.t('messages.saveDraft', 'Save draft')}\n          </Button>\n        ) : null}\n        <Button\n          type=\"button\"\n          variant=\"outline\"\n          onClick={compose.handleBack}\n          disabled={compose.submitting}\n        >\n          {compose.t('ui.forms.actions.cancel', 'Cancel')}\n        </Button>\n      </>\n    )\n    : null\n\n  const backHref = compose.inline\n    ? inlineBackHref === undefined\n      ? '/backend/messages'\n      : inlineBackHref ?? undefined\n    : undefined\n\n  const fallbackContextPreview = React.useMemo(() => {\n    if (compose.contextPreview) return compose.contextPreview\n    if (!props.contextObject) return null\n    return <ContextObjectPreview contextObject={props.contextObject} />\n  }, [compose.contextPreview, props.contextObject])\n\n  const composeWithContextPreview = React.useMemo(\n    () => ({ ...compose, contextPreview: fallbackContextPreview }),\n    [compose, fallbackContextPreview],\n  )\n\n  const composePanel = (\n    <CrudForm<Record<string, unknown>>\n      backHref={backHref}\n      title={composeWithContextPreview.composerTitle}\n      fields={createMessageComposeFormGroups(composeWithContextPreview)}\n      initialValues={{}}\n      submitLabel={composeWithContextPreview.submitLabel}\n      submitIcon={SubmitIcon}\n      extraActions={composeWithContextPreview.inline ? inlineExtraActions : dialogExtraActions}\n      hideFooterActions\n      onSubmit={async () => {\n        await composeWithContextPreview.handleSubmit()\n      }}\n    />\n  )\n\n  if (compose.inline) {\n    return (\n      <div className=\"space-y-4\">\n        {composePanel}\n      </div>\n    )\n  }\n\n  return (\n    <Dialog open={Boolean(compose.open)} onOpenChange={compose.handleDialogOpenChange}>\n      <DialogContent className=\"sm:max-w-3xl [&>button]:hidden\">\n        <DialogHeader className=\"sr-only\">\n          <DialogTitle>{compose.composerTitle}</DialogTitle>\n          <DialogDescription>\n            {compose.t('messages.composer.dialogDescription', 'Compose and send a message.')}\n          </DialogDescription>\n        </DialogHeader>\n        {composePanel}\n        <div className=\"flex items-center justify-end gap-2 border-t pt-4\">\n          <Button\n            type=\"button\"\n            variant=\"outline\"\n            onClick={compose.handleBack}\n            disabled={compose.submitting}\n          >\n            {compose.t('ui.forms.actions.cancel', 'Cancel')}\n          </Button>\n          <Button\n            type=\"button\"\n            onClick={() => {\n              void compose.handleSubmit()\n            }}\n            disabled={compose.submitting}\n          >\n            <SubmitIcon className=\"mr-2 size-4\" />\n            {compose.submitLabel}\n          </Button>\n        </div>\n      </DialogContent>\n    </Dialog>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/backend/messages/MessageObjectDetail.js

@@ -0,0 +1,81 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import Link from "next/link";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { Button } from "@freighttech/ui/primitives/button";
+import { MessageObjectPreview } from "./MessageObjectPreview.js";
+function resolveActionHref(template, entityId) {
+  return template.replace("{entityId}", encodeURIComponent(entityId));
+}
+function MessageObjectDetail(props) {
+  const t = useT();
+  const [executingActionId, setExecutingActionId] = React.useState(null);
+  const viewAction = props.actions.find((a) => a.id === "view");
+  const otherActions = props.actions.filter((a) => a.id !== "view");
+  const preview = /* @__PURE__ */ jsx(
+    MessageObjectPreview,
+    {
+      entityId: props.entityId,
+      entityModule: props.entityModule,
+      entityType: props.entityType,
+      snapshot: props.snapshot,
+      previewData: props.previewData,
+      actionRequired: props.actionRequired,
+      actionType: props.actionType,
+      actionLabel: props.actionLabel,
+      icon: props.icon
+    }
+  );
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-3 rounded border p-3", children: [
+    viewAction?.href ? /* @__PURE__ */ jsx(
+      Link,
+      {
+        href: resolveActionHref(viewAction.href, props.entityId),
+        className: "block rounded-md transition-opacity hover:opacity-75",
+        children: preview
+      }
+    ) : preview,
+    otherActions.length > 0 ? /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2", children: otherActions.map((action) => {
+      if (action.href) {
+        return /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "button",
+            size: "sm",
+            variant: action.variant ?? "default",
+            asChild: true,
+            children: /* @__PURE__ */ jsx(Link, { href: resolveActionHref(action.href, props.entityId), children: t(action.labelKey ?? action.id, action.id) })
+          },
+          action.id
+        );
+      }
+      return /* @__PURE__ */ jsx(
+        Button,
+        {
+          type: "button",
+          size: "sm",
+          variant: action.variant ?? "default",
+          disabled: executingActionId !== null,
+          onClick: async () => {
+            if (executingActionId) return;
+            setExecutingActionId(action.id);
+            try {
+              await props.onAction(action.id, { id: props.entityId });
+            } finally {
+              setExecutingActionId(null);
+            }
+          },
+          children: executingActionId === action.id ? t("messages.actions.executing", "Executing...") : t(action.labelKey ?? action.id, action.id)
+        },
+        action.id
+      );
+    }) }) : null
+  ] });
+}
+var MessageObjectDetail_default = MessageObjectDetail;
+export {
+  MessageObjectDetail,
+  MessageObjectDetail_default as default
+};
+//# sourceMappingURL=MessageObjectDetail.js.map

package/dist/backend/messages/MessageObjectDetail.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/backend/messages/MessageObjectDetail.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport Link from 'next/link'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport type { ObjectDetailProps } from '@open-mercato/shared/modules/messages/types'\nimport { Button } from '@freighttech/ui/primitives/button'\nimport { MessageObjectPreview } from './MessageObjectPreview'\n\nfunction resolveActionHref(template: string, entityId: string): string {\n  return template.replace('{entityId}', encodeURIComponent(entityId))\n}\n\nexport function MessageObjectDetail(props: ObjectDetailProps) {\n  const t = useT()\n  const [executingActionId, setExecutingActionId] = React.useState<string | null>(null)\n\n  const viewAction = props.actions.find((a) => a.id === 'view')\n  const otherActions = props.actions.filter((a) => a.id !== 'view')\n\n  const preview = (\n    <MessageObjectPreview\n      entityId={props.entityId}\n      entityModule={props.entityModule}\n      entityType={props.entityType}\n      snapshot={props.snapshot}\n      previewData={props.previewData}\n      actionRequired={props.actionRequired}\n      actionType={props.actionType}\n      actionLabel={props.actionLabel}\n      icon={props.icon}\n    />\n  )\n\n  return (\n    <div className=\"space-y-3 rounded border p-3\">\n      {viewAction?.href ? (\n        <Link\n          href={resolveActionHref(viewAction.href, props.entityId)}\n          className=\"block rounded-md transition-opacity hover:opacity-75\"\n        >\n          {preview}\n        </Link>\n      ) : (\n        preview\n      )}\n\n      {otherActions.length > 0 ? (\n        <div className=\"flex flex-wrap gap-2\">\n          {otherActions.map((action) => {\n            if (action.href) {\n              return (\n                <Button\n                  key={action.id}\n                  type=\"button\"\n                  size=\"sm\"\n                  variant={action.variant ?? 'default'}\n                  asChild\n                >\n                  <Link href={resolveActionHref(action.href, props.entityId)}>\n                    {t(action.labelKey ?? action.id, action.id)}\n                  </Link>\n                </Button>\n              )\n            }\n            return (\n              <Button\n                key={action.id}\n                type=\"button\"\n                size=\"sm\"\n                variant={action.variant ?? 'default'}\n                disabled={executingActionId !== null}\n                onClick={async () => {\n                  if (executingActionId) return\n                  setExecutingActionId(action.id)\n                  try {\n                    await props.onAction(action.id, { id: props.entityId })\n                  } finally {\n                    setExecutingActionId(null)\n                  }\n                }}\n              >\n                {executingActionId === action.id\n                  ? t('messages.actions.executing', 'Executing...')\n                  : t(action.labelKey ?? action.id, action.id)}\n              </Button>\n            )\n          })}\n        </div>\n      ) : null}\n    </div>\n  )\n}\n\nexport default MessageObjectDetail\n"],
+  "mappings": ";AAqBI,cAcA,YAdA;AAnBJ,YAAY,WAAW;AACvB,OAAO,UAAU;AACjB,SAAS,YAAY;AAErB,SAAS,cAAc;AACvB,SAAS,4BAA4B;AAErC,SAAS,kBAAkB,UAAkB,UAA0B;AACrE,SAAO,SAAS,QAAQ,cAAc,mBAAmB,QAAQ,CAAC;AACpE;AAEO,SAAS,oBAAoB,OAA0B;AAC5D,QAAM,IAAI,KAAK;AACf,QAAM,CAAC,mBAAmB,oBAAoB,IAAI,MAAM,SAAwB,IAAI;AAEpF,QAAM,aAAa,MAAM,QAAQ,KAAK,CAAC,MAAM,EAAE,OAAO,MAAM;AAC5D,QAAM,eAAe,MAAM,QAAQ,OAAO,CAAC,MAAM,EAAE,OAAO,MAAM;AAEhE,QAAM,UACJ;AAAA,IAAC;AAAA;AAAA,MACC,UAAU,MAAM;AAAA,MAChB,cAAc,MAAM;AAAA,MACpB,YAAY,MAAM;AAAA,MAClB,UAAU,MAAM;AAAA,MAChB,aAAa,MAAM;AAAA,MACnB,gBAAgB,MAAM;AAAA,MACtB,YAAY,MAAM;AAAA,MAClB,aAAa,MAAM;AAAA,MACnB,MAAM,MAAM;AAAA;AAAA,EACd;AAGF,SACE,qBAAC,SAAI,WAAU,gCACZ;AAAA,gBAAY,OACX;AAAA,MAAC;AAAA;AAAA,QACC,MAAM,kBAAkB,WAAW,MAAM,MAAM,QAAQ;AAAA,QACvD,WAAU;AAAA,QAET;AAAA;AAAA,IACH,IAEA;AAAA,IAGD,aAAa,SAAS,IACrB,oBAAC,SAAI,WAAU,wBACZ,uBAAa,IAAI,CAAC,WAAW;AAC5B,UAAI,OAAO,MAAM;AACf,eACE;AAAA,UAAC;AAAA;AAAA,YAEC,MAAK;AAAA,YACL,MAAK;AAAA,YACL,SAAS,OAAO,WAAW;AAAA,YAC3B,SAAO;AAAA,YAEP,8BAAC,QAAK,MAAM,kBAAkB,OAAO,MAAM,MAAM,QAAQ,GACtD,YAAE,OAAO,YAAY,OAAO,IAAI,OAAO,EAAE,GAC5C;AAAA;AAAA,UARK,OAAO;AAAA,QASd;AAAA,MAEJ;AACA,aACE;AAAA,QAAC;AAAA;AAAA,UAEC,MAAK;AAAA,UACL,MAAK;AAAA,UACL,SAAS,OAAO,WAAW;AAAA,UAC3B,UAAU,sBAAsB;AAAA,UAChC,SAAS,YAAY;AACnB,gBAAI,kBAAmB;AACvB,iCAAqB,OAAO,EAAE;AAC9B,gBAAI;AACF,oBAAM,MAAM,SAAS,OAAO,IAAI,EAAE,IAAI,MAAM,SAAS,CAAC;AAAA,YACxD,UAAE;AACA,mCAAqB,IAAI;AAAA,YAC3B;AAAA,UACF;AAAA,UAEC,gCAAsB,OAAO,KAC1B,EAAE,8BAA8B,cAAc,IAC9C,EAAE,OAAO,YAAY,OAAO,IAAI,OAAO,EAAE;AAAA;AAAA,QAjBxC,OAAO;AAAA,MAkBd;AAAA,IAEJ,CAAC,GACH,IACE;AAAA,KACN;AAEJ;AAEA,IAAO,8BAAQ;",
+  "names": []
+}

package/dist/backend/messages/MessageObjectPreview.js

@@ -0,0 +1,48 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Box } from "lucide-react";
+import * as lucideIcons from "lucide-react";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { Badge } from "@freighttech/ui/primitives/badge";
+function resolveIcon(name) {
+  if (!name) return Box;
+  const key = name.split("-").map((s) => s.charAt(0).toUpperCase() + s.slice(1)).join("");
+  const candidate = lucideIcons[key];
+  if (typeof candidate === "function" || typeof candidate === "object" && candidate !== null && "$$typeof" in candidate) {
+    return candidate;
+  }
+  return Box;
+}
+function MessageObjectPreview({
+  previewData,
+  actionRequired,
+  actionLabel,
+  icon
+}) {
+  const t = useT();
+  const Icon = resolveIcon(icon);
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3 rounded-md border bg-muted/20 p-3", children: [
+    /* @__PURE__ */ jsx(Icon, { className: "mt-0.5 h-4 w-4 text-muted-foreground" }),
+    /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1 space-y-1", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx("p", { className: "truncate text-sm font-medium", children: previewData?.title || "" }),
+        actionRequired ? /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: "text-xs", children: actionLabel || t("messages.composer.objectActionRequired", "Action required") }) : null
+      ] }),
+      previewData?.subtitle ? /* @__PURE__ */ jsx("p", { className: "truncate text-xs text-muted-foreground", children: previewData.subtitle }) : null,
+      previewData?.status ? /* @__PURE__ */ jsx(Badge, { variant: "outline", className: "text-xs", children: previewData.status }) : null,
+      previewData?.metadata && Object.keys(previewData.metadata).length > 0 ? /* @__PURE__ */ jsx("dl", { className: "space-y-1 pt-1", children: Object.entries(previewData.metadata).map(([key, value]) => /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2 text-xs text-muted-foreground", children: [
+        /* @__PURE__ */ jsxs("dt", { className: "font-medium capitalize", children: [
+          key,
+          ":"
+        ] }),
+        /* @__PURE__ */ jsx("dd", { className: "truncate", children: value })
+      ] }, key)) }) : null
+    ] })
+  ] });
+}
+var MessageObjectPreview_default = MessageObjectPreview;
+export {
+  MessageObjectPreview,
+  MessageObjectPreview_default as default
+};
+//# sourceMappingURL=MessageObjectPreview.js.map

package/dist/backend/messages/MessageObjectPreview.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/backend/messages/MessageObjectPreview.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport { Box, type LucideIcon } from 'lucide-react'\nimport * as lucideIcons from 'lucide-react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport type { ObjectPreviewProps } from '@open-mercato/shared/modules/messages/types'\nimport { Badge } from '@freighttech/ui/primitives/badge'\n\nfunction resolveIcon(name: string | undefined): LucideIcon {\n  if (!name) return Box\n  const key = name\n    .split('-')\n    .map((s) => s.charAt(0).toUpperCase() + s.slice(1))\n    .join('') as keyof typeof lucideIcons\n  const candidate = lucideIcons[key]\n  if (typeof candidate === 'function' || (typeof candidate === 'object' && candidate !== null && '$$typeof' in candidate)) {\n    return candidate as LucideIcon\n  }\n  return Box\n}\n\nexport function MessageObjectPreview({\n  previewData,\n  actionRequired,\n  actionLabel,\n  icon,\n}: ObjectPreviewProps) {\n  const t = useT()\n  const Icon = resolveIcon(icon)\n\n  return (\n    <div className=\"flex items-start gap-3 rounded-md border bg-muted/20 p-3\">\n      <Icon className=\"mt-0.5 h-4 w-4 text-muted-foreground\" />\n      <div className=\"min-w-0 flex-1 space-y-1\">\n        <div className=\"flex items-center gap-2\">\n          <p className=\"truncate text-sm font-medium\">{previewData?.title || ''}</p>\n          {actionRequired ? (\n            <Badge variant=\"secondary\" className=\"text-xs\">\n              {actionLabel || t('messages.composer.objectActionRequired', 'Action required')}\n            </Badge>\n          ) : null}\n        </div>\n        {previewData?.subtitle ? (\n          <p className=\"truncate text-xs text-muted-foreground\">{previewData.subtitle}</p>\n        ) : null}\n        {previewData?.status ? (\n          <Badge variant=\"outline\" className=\"text-xs\">{previewData.status}</Badge>\n        ) : null}\n        {previewData?.metadata && Object.keys(previewData.metadata).length > 0 ? (\n          <dl className=\"space-y-1 pt-1\">\n            {Object.entries(previewData.metadata).map(([key, value]) => (\n              <div key={key} className=\"flex items-start gap-2 text-xs text-muted-foreground\">\n                <dt className=\"font-medium capitalize\">{key}:</dt>\n                <dd className=\"truncate\">{value}</dd>\n              </div>\n            ))}\n          </dl>\n        ) : null}\n      </div>\n    </div>\n  )\n}\n\nexport default MessageObjectPreview\n"],
+  "mappings": ";AAgCM,cAEE,YAFF;AA9BN,SAAS,WAA4B;AACrC,YAAY,iBAAiB;AAC7B,SAAS,YAAY;AAErB,SAAS,aAAa;AAEtB,SAAS,YAAY,MAAsC;AACzD,MAAI,CAAC,KAAM,QAAO;AAClB,QAAM,MAAM,KACT,MAAM,GAAG,EACT,IAAI,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,YAAY,IAAI,EAAE,MAAM,CAAC,CAAC,EACjD,KAAK,EAAE;AACV,QAAM,YAAY,YAAY,GAAG;AACjC,MAAI,OAAO,cAAc,cAAe,OAAO,cAAc,YAAY,cAAc,QAAQ,cAAc,WAAY;AACvH,WAAO;AAAA,EACT;AACA,SAAO;AACT;AAEO,SAAS,qBAAqB;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAuB;AACrB,QAAM,IAAI,KAAK;AACf,QAAM,OAAO,YAAY,IAAI;AAE7B,SACE,qBAAC,SAAI,WAAU,4DACb;AAAA,wBAAC,QAAK,WAAU,wCAAuC;AAAA,IACvD,qBAAC,SAAI,WAAU,4BACb;AAAA,2BAAC,SAAI,WAAU,2BACb;AAAA,4BAAC,OAAE,WAAU,gCAAgC,uBAAa,SAAS,IAAG;AAAA,QACrE,iBACC,oBAAC,SAAM,SAAQ,aAAY,WAAU,WAClC,yBAAe,EAAE,0CAA0C,iBAAiB,GAC/E,IACE;AAAA,SACN;AAAA,MACC,aAAa,WACZ,oBAAC,OAAE,WAAU,0CAA0C,sBAAY,UAAS,IAC1E;AAAA,MACH,aAAa,SACZ,oBAAC,SAAM,SAAQ,WAAU,WAAU,WAAW,sBAAY,QAAO,IAC/D;AAAA,MACH,aAAa,YAAY,OAAO,KAAK,YAAY,QAAQ,EAAE,SAAS,IACnE,oBAAC,QAAG,WAAU,kBACX,iBAAO,QAAQ,YAAY,QAAQ,EAAE,IAAI,CAAC,CAAC,KAAK,KAAK,MACpD,qBAAC,SAAc,WAAU,wDACvB;AAAA,6BAAC,QAAG,WAAU,0BAA0B;AAAA;AAAA,UAAI;AAAA,WAAC;AAAA,QAC7C,oBAAC,QAAG,WAAU,YAAY,iBAAM;AAAA,WAFxB,GAGV,CACD,GACH,IACE;AAAA,OACN;AAAA,KACF;AAEJ;AAEA,IAAO,+BAAQ;",
+  "names": []
+}

package/dist/backend/messages/MessageObjectRecordPicker.js

@@ -0,0 +1,89 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { Button } from "../../primitives/button.js";
+import { Input } from "../../primitives/input.js";
+import { Label } from "../../primitives/label.js";
+import { getMessageUiComponentRegistry } from "@open-mercato/core/modules/messages/components/utils/typeUiRegistry";
+import { getMessageObjectType } from "@open-mercato/core/modules/messages/lib/message-objects-registry";
+function MessageObjectRecordPicker({
+  search,
+  onSearchChange,
+  selectedId,
+  onSelectedIdChange,
+  items,
+  isLoading,
+  error,
+  onRetry,
+  entityModule,
+  entityType
+}) {
+  const t = useT();
+  const messageUiRegistry = getMessageUiComponentRegistry();
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ jsx(Label, { htmlFor: "messages-object-record-search", children: t("messages.composer.objectPicker.recordSearchLabel", "Search records") }),
+    /* @__PURE__ */ jsx(
+      Input,
+      {
+        id: "messages-object-record-search",
+        value: search,
+        onChange: (event) => onSearchChange(event.target.value),
+        placeholder: t("messages.composer.objectPicker.recordSearchPlaceholder", "Type to find a record")
+      }
+    ),
+    isLoading ? /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t("messages.composer.objectPicker.loadingRecords", "Loading records...") }) : null,
+    error ? /* @__PURE__ */ jsxs("div", { className: "space-y-2 rounded border border-destructive/40 bg-destructive/5 p-2 text-xs text-destructive", children: [
+      /* @__PURE__ */ jsx("p", { children: error }),
+      /* @__PURE__ */ jsx(Button, { type: "button", size: "sm", variant: "outline", onClick: onRetry, children: t("common.retry", "Retry") })
+    ] }) : null,
+    /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx(Label, { children: t("messages.composer.objectPicker.recordLabel", "Record") }),
+      !selectedId && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t("messages.composer.objectPicker.recordPlaceholder", "Select record") }),
+      /* @__PURE__ */ jsx("div", { className: "space-y-2 max-h-64 overflow-y-auto", children: items.map((item) => {
+        const resolvedModule = item.entityModule || entityModule;
+        const resolvedEntityType = item.entityType || entityType;
+        const componentKey = resolvedModule && resolvedEntityType ? `${resolvedModule}:${resolvedEntityType}` : null;
+        const PreviewComponent = (componentKey ? messageUiRegistry.objectPreviewComponents[componentKey] : null) ?? messageUiRegistry.objectPreviewComponents["messages:default"] ?? null;
+        const objectType = resolvedModule && resolvedEntityType ? getMessageObjectType(resolvedModule, resolvedEntityType) : null;
+        return /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: `cursor-pointer rounded-md border p-2 transition-colors ${selectedId === item.id ? "border-primary bg-primary/5" : "border-border hover:bg-muted/50"}`,
+            onClick: () => onSelectedIdChange(item.id),
+            onKeyDown: (e) => {
+              if (e.key === "Enter" || e.key === " ") {
+                e.preventDefault();
+                onSelectedIdChange(item.id);
+              }
+            },
+            role: "button",
+            tabIndex: 0,
+            children: PreviewComponent ? /* @__PURE__ */ jsx(
+              PreviewComponent,
+              {
+                entityId: item.id,
+                entityModule: item.entityModule || entityModule || "",
+                entityType: item.entityType || entityType || "",
+                snapshot: item.snapshot,
+                previewData: {
+                  title: item.label,
+                  subtitle: item.subtitle || void 0
+                },
+                icon: objectType?.icon
+              }
+            ) : /* @__PURE__ */ jsxs("div", { className: "text-sm", children: [
+              /* @__PURE__ */ jsx("p", { className: "font-medium", children: item.label }),
+              item.subtitle && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-xs", children: item.subtitle })
+            ] })
+          },
+          item.id
+        );
+      }) })
+    ] }),
+    !isLoading && !error && items.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t("messages.composer.objectPicker.noRecords", "No records found for this object type.") }) : null
+  ] });
+}
+export {
+  MessageObjectRecordPicker
+};
+//# sourceMappingURL=MessageObjectRecordPicker.js.map

package/dist/backend/messages/MessageObjectRecordPicker.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/backend/messages/MessageObjectRecordPicker.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Button } from '../../primitives/button'\nimport { Input } from '../../primitives/input'\nimport { Label } from '../../primitives/label'\nimport { getMessageUiComponentRegistry } from '@open-mercato/core/modules/messages/components/utils/typeUiRegistry'\nimport { getMessageObjectType } from '@open-mercato/core/modules/messages/lib/message-objects-registry'\n\nexport type MessageObjectOptionItem = {\n  id: string\n  label: string\n  subtitle?: string\n  entityModule?: string\n  entityType?: string\n  snapshot?: Record<string, unknown>\n}\n\nexport type MessageObjectRecordPickerProps = {\n  search: string\n  onSearchChange: (value: string) => void\n  selectedId: string\n  onSelectedIdChange: (value: string) => void\n  items: MessageObjectOptionItem[]\n  isLoading: boolean\n  error: string | null\n  onRetry: () => void\n  entityModule?: string\n  entityType?: string\n}\n\nexport function MessageObjectRecordPicker({\n  search,\n  onSearchChange,\n  selectedId,\n  onSelectedIdChange,\n  items,\n  isLoading,\n  error,\n  onRetry,\n  entityModule,\n  entityType,\n}: MessageObjectRecordPickerProps) {\n  const t = useT()\n  const messageUiRegistry = getMessageUiComponentRegistry()\n\n  return (\n    <div className=\"space-y-2\">\n      <Label htmlFor=\"messages-object-record-search\">\n        {t('messages.composer.objectPicker.recordSearchLabel', 'Search records')}\n      </Label>\n      <Input\n        id=\"messages-object-record-search\"\n        value={search}\n        onChange={(event) => onSearchChange(event.target.value)}\n        placeholder={t('messages.composer.objectPicker.recordSearchPlaceholder', 'Type to find a record')}\n      />\n\n      {isLoading ? (\n        <p className=\"text-xs text-muted-foreground\">\n          {t('messages.composer.objectPicker.loadingRecords', 'Loading records...')}\n        </p>\n      ) : null}\n\n      {error ? (\n        <div className=\"space-y-2 rounded border border-destructive/40 bg-destructive/5 p-2 text-xs text-destructive\">\n          <p>{error}</p>\n          <Button type=\"button\" size=\"sm\" variant=\"outline\" onClick={onRetry}>\n            {t('common.retry', 'Retry')}\n          </Button>\n        </div>\n      ) : null}\n\n      <div className=\"space-y-2\">\n        <Label>\n          {t('messages.composer.objectPicker.recordLabel', 'Record')}\n        </Label>\n        {!selectedId && (\n          <p className=\"text-sm text-muted-foreground\">\n            {t('messages.composer.objectPicker.recordPlaceholder', 'Select record')}\n          </p>\n        )}\n        <div className=\"space-y-2 max-h-64 overflow-y-auto\">\n          {items.map((item) => {\n            const resolvedModule = item.entityModule || entityModule\n            const resolvedEntityType = item.entityType || entityType\n            const componentKey = resolvedModule && resolvedEntityType\n              ? `${resolvedModule}:${resolvedEntityType}`\n              : null\n            const PreviewComponent = (componentKey\n              ? messageUiRegistry.objectPreviewComponents[componentKey]\n              : null) ?? messageUiRegistry.objectPreviewComponents['messages:default'] ?? null\n            const objectType = resolvedModule && resolvedEntityType\n              ? getMessageObjectType(resolvedModule, resolvedEntityType)\n              : null\n\n            return (\n              <div\n                key={item.id}\n                className={`cursor-pointer rounded-md border p-2 transition-colors ${\n                  selectedId === item.id\n                    ? 'border-primary bg-primary/5'\n                    : 'border-border hover:bg-muted/50'\n                }`}\n                onClick={() => onSelectedIdChange(item.id)}\n                onKeyDown={(e) => {\n                  if (e.key === 'Enter' || e.key === ' ') {\n                    e.preventDefault()\n                    onSelectedIdChange(item.id)\n                  }\n                }}\n                role=\"button\"\n                tabIndex={0}\n              >\n                {PreviewComponent ? (\n                  <PreviewComponent\n                    entityId={item.id}\n                    entityModule={item.entityModule || entityModule || ''}\n                    entityType={item.entityType || entityType || ''}\n                    snapshot={item.snapshot}\n                    previewData={{\n                      title: item.label,\n                      subtitle: item.subtitle || undefined,\n                    }}\n                    icon={objectType?.icon}\n                  />\n                ) : (\n                  <div className=\"text-sm\">\n                    <p className=\"font-medium\">{item.label}</p>\n                    {item.subtitle && (\n                      <p className=\"text-muted-foreground text-xs\">{item.subtitle}</p>\n                    )}\n                  </div>\n                )}\n              </div>\n            )\n          })}\n        </div>\n      </div>\n\n      {!isLoading && !error && items.length === 0 ? (\n        <p className=\"text-xs text-muted-foreground\">\n          {t('messages.composer.objectPicker.noRecords', 'No records found for this object type.')}\n        </p>\n      ) : null}\n    </div>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/backend/messages/MessagePrioritySelector.js

@@ -0,0 +1,74 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "@open-mercato/shared/lib/utils";
+import { Button } from "../../primitives/button.js";
+import {
+  getMessagePriorityLabel,
+  getMessagePriorityOptions,
+  getNextMessagePriority,
+  getPreviousMessagePriority
+} from "./message-priority.js";
+function MessagePrioritySelector({
+  value,
+  onChange,
+  t,
+  className
+}) {
+  const options = React.useMemo(() => getMessagePriorityOptions(t), [t]);
+  const selectedLabel = React.useMemo(() => getMessagePriorityLabel(value, t), [t, value]);
+  const selectorLabel = t("messages.priority", "Priority");
+  const handleKeyDown = React.useCallback((event) => {
+    if (event.key === "ArrowRight" || event.key === "ArrowDown") {
+      event.preventDefault();
+      onChange(getNextMessagePriority(value));
+      return;
+    }
+    if (event.key === "ArrowLeft" || event.key === "ArrowUp") {
+      event.preventDefault();
+      onChange(getPreviousMessagePriority(value));
+    }
+  }, [onChange, value]);
+  return /* @__PURE__ */ jsxs("div", { className: cn("space-y-2", className), children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "inline-flex w-full items-center gap-1 rounded-md border bg-background p-1 sm:w-auto",
+        role: "radiogroup",
+        "aria-label": selectorLabel,
+        tabIndex: 0,
+        onKeyDown: handleKeyDown,
+        children: options.map((option) => {
+          const Icon = option.icon;
+          const isSelected = value === option.value;
+          return /* @__PURE__ */ jsxs(
+            Button,
+            {
+              type: "button",
+              size: "sm",
+              variant: isSelected ? "outline" : "ghost",
+              role: "radio",
+              "aria-checked": isSelected,
+              "aria-label": option.label,
+              title: option.label,
+              className: cn(
+                "h-7 gap-1 px-2 text-xs sm:text-sm",
+                isSelected ? "ring-1 ring-primary/40" : null
+              ),
+              onClick: () => onChange(option.value),
+              children: [
+                /* @__PURE__ */ jsx(Icon, { className: "h-3.5 w-3.5" }),
+                /* @__PURE__ */ jsx("span", { children: option.label })
+              ]
+            },
+            option.value
+          );
+        })
+      }
+    ),
+    /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: selectedLabel })
+  ] });
+}
+export {
+  MessagePrioritySelector
+};
+//# sourceMappingURL=MessagePrioritySelector.js.map

package/dist/backend/messages/MessagePrioritySelector.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/backend/messages/MessagePrioritySelector.tsx"],
+  "sourcesContent": ["import * as React from 'react'\nimport { cn } from '@open-mercato/shared/lib/utils'\nimport { Button } from '../../primitives/button'\nimport {\n  getMessagePriorityLabel,\n  getMessagePriorityOptions,\n  getNextMessagePriority,\n  getPreviousMessagePriority,\n  type MessagePriority,\n} from './message-priority'\n\ntype MessagePrioritySelectorProps = {\n  value: MessagePriority\n  onChange: (value: MessagePriority) => void\n  t: (key: string, fallback?: string) => string\n  className?: string\n}\n\nexport function MessagePrioritySelector({\n  value,\n  onChange,\n  t,\n  className,\n}: MessagePrioritySelectorProps) {\n  const options = React.useMemo(() => getMessagePriorityOptions(t), [t])\n  const selectedLabel = React.useMemo(() => getMessagePriorityLabel(value, t), [t, value])\n  const selectorLabel = t('messages.priority', 'Priority')\n\n  const handleKeyDown = React.useCallback((event: React.KeyboardEvent<HTMLDivElement>) => {\n    if (event.key === 'ArrowRight' || event.key === 'ArrowDown') {\n      event.preventDefault()\n      onChange(getNextMessagePriority(value))\n      return\n    }\n    if (event.key === 'ArrowLeft' || event.key === 'ArrowUp') {\n      event.preventDefault()\n      onChange(getPreviousMessagePriority(value))\n    }\n  }, [onChange, value])\n\n  return (\n    <div className={cn('space-y-2', className)}>\n      <div\n        className=\"inline-flex w-full items-center gap-1 rounded-md border bg-background p-1 sm:w-auto\"\n        role=\"radiogroup\"\n        aria-label={selectorLabel}\n        tabIndex={0}\n        onKeyDown={handleKeyDown}\n      >\n        {options.map((option) => {\n          const Icon = option.icon\n          const isSelected = value === option.value\n          return (\n            <Button\n              key={option.value}\n              type=\"button\"\n              size=\"sm\"\n              variant={isSelected ? 'outline' : 'ghost'}\n              role=\"radio\"\n              aria-checked={isSelected}\n              aria-label={option.label}\n              title={option.label}\n              className={cn(\n                'h-7 gap-1 px-2 text-xs sm:text-sm',\n                isSelected ? 'ring-1 ring-primary/40' : null,\n              )}\n              onClick={() => onChange(option.value)}\n            >\n              <Icon className=\"h-3.5 w-3.5\" />\n              <span>{option.label}</span>\n            </Button>\n          )\n        })}\n      </div>\n      <p className=\"text-xs text-muted-foreground\">{selectedLabel}</p>\n    </div>\n  )\n}\n"],
+  "mappings": "AAqDY,SAeE,KAfF;AArDZ,YAAY,WAAW;AACvB,SAAS,UAAU;AACnB,SAAS,cAAc;AACvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AASA,SAAS,wBAAwB;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAiC;AAC/B,QAAM,UAAU,MAAM,QAAQ,MAAM,0BAA0B,CAAC,GAAG,CAAC,CAAC,CAAC;AACrE,QAAM,gBAAgB,MAAM,QAAQ,MAAM,wBAAwB,OAAO,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AACvF,QAAM,gBAAgB,EAAE,qBAAqB,UAAU;AAEvD,QAAM,gBAAgB,MAAM,YAAY,CAAC,UAA+C;AACtF,QAAI,MAAM,QAAQ,gBAAgB,MAAM,QAAQ,aAAa;AAC3D,YAAM,eAAe;AACrB,eAAS,uBAAuB,KAAK,CAAC;AACtC;AAAA,IACF;AACA,QAAI,MAAM,QAAQ,eAAe,MAAM,QAAQ,WAAW;AACxD,YAAM,eAAe;AACrB,eAAS,2BAA2B,KAAK,CAAC;AAAA,IAC5C;AAAA,EACF,GAAG,CAAC,UAAU,KAAK,CAAC;AAEpB,SACE,qBAAC,SAAI,WAAW,GAAG,aAAa,SAAS,GACvC;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,MAAK;AAAA,QACL,cAAY;AAAA,QACZ,UAAU;AAAA,QACV,WAAW;AAAA,QAEV,kBAAQ,IAAI,CAAC,WAAW;AACvB,gBAAM,OAAO,OAAO;AACpB,gBAAM,aAAa,UAAU,OAAO;AACpC,iBACE;AAAA,YAAC;AAAA;AAAA,cAEC,MAAK;AAAA,cACL,MAAK;AAAA,cACL,SAAS,aAAa,YAAY;AAAA,cAClC,MAAK;AAAA,cACL,gBAAc;AAAA,cACd,cAAY,OAAO;AAAA,cACnB,OAAO,OAAO;AAAA,cACd,WAAW;AAAA,gBACT;AAAA,gBACA,aAAa,2BAA2B;AAAA,cAC1C;AAAA,cACA,SAAS,MAAM,SAAS,OAAO,KAAK;AAAA,cAEpC;AAAA,oCAAC,QAAK,WAAU,eAAc;AAAA,gBAC9B,oBAAC,UAAM,iBAAO,OAAM;AAAA;AAAA;AAAA,YAff,OAAO;AAAA,UAgBd;AAAA,QAEJ,CAAC;AAAA;AAAA,IACH;AAAA,IACA,oBAAC,OAAE,WAAU,iCAAiC,yBAAc;AAAA,KAC9D;AAEJ;",
+  "names": []
+}

package/dist/backend/messages/MessagesIcon.js

@@ -0,0 +1,22 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import Link from "next/link";
+import { Mail } from "lucide-react";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { cn } from "@open-mercato/shared/lib/utils";
+import { IconButton } from "../../primitives-v2/IconButton.js";
+import { NotificationCountBadge } from "../notifications/NotificationCountBadge.js";
+import { useMessagesPoll } from "./useMessagesPoll.js";
+function MessagesIcon({ className }) {
+  const t = useT();
+  const { unreadCount, hasNew } = useMessagesPoll();
+  const ariaLabel = unreadCount > 0 ? t("messages.badge.unread", "{count} unread messages", { count: unreadCount }) : t("messages.nav.inbox", "Messages");
+  return /* @__PURE__ */ jsx(IconButton, { variant: "ghost", size: "sm", asChild: true, "aria-label": ariaLabel, className: cn("relative", className), children: /* @__PURE__ */ jsxs(Link, { href: "/backend/messages", "aria-label": ariaLabel, children: [
+    /* @__PURE__ */ jsx(Mail, { className: cn("h-4 w-4 text-topbar-v2-icon", hasNew && "animate-pulse") }),
+    /* @__PURE__ */ jsx(NotificationCountBadge, { count: unreadCount })
+  ] }) });
+}
+export {
+  MessagesIcon
+};
+//# sourceMappingURL=MessagesIcon.js.map

package/dist/backend/messages/MessagesIcon.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/backend/messages/MessagesIcon.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport Link from 'next/link'\nimport { Mail } from 'lucide-react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { cn } from '@open-mercato/shared/lib/utils'\nimport { IconButton } from '../../primitives-v2/IconButton'\nimport { NotificationCountBadge } from '../notifications/NotificationCountBadge'\nimport { useMessagesPoll } from './useMessagesPoll'\n\nexport type MessagesIconProps = {\n  className?: string\n}\n\nexport function MessagesIcon({ className }: MessagesIconProps) {\n  const t = useT()\n  const { unreadCount, hasNew } = useMessagesPoll()\n\n  const ariaLabel = unreadCount > 0\n    ? t('messages.badge.unread', '{count} unread messages', { count: unreadCount })\n    : t('messages.nav.inbox', 'Messages')\n\n  return (\n    <IconButton variant=\"ghost\" size=\"sm\" asChild aria-label={ariaLabel} className={cn('relative', className)}>\n      <Link href=\"/backend/messages\" aria-label={ariaLabel}>\n        <Mail className={cn('h-4 w-4 text-topbar-v2-icon', hasNew && 'animate-pulse')} />\n        <NotificationCountBadge count={unreadCount} />\n      </Link>\n    </IconButton>\n  )\n}\n"],
+  "mappings": ";AAyBM,SACE,KADF;AAtBN,OAAO,UAAU;AACjB,SAAS,YAAY;AACrB,SAAS,YAAY;AACrB,SAAS,UAAU;AACnB,SAAS,kBAAkB;AAC3B,SAAS,8BAA8B;AACvC,SAAS,uBAAuB;AAMzB,SAAS,aAAa,EAAE,UAAU,GAAsB;AAC7D,QAAM,IAAI,KAAK;AACf,QAAM,EAAE,aAAa,OAAO,IAAI,gBAAgB;AAEhD,QAAM,YAAY,cAAc,IAC5B,EAAE,yBAAyB,2BAA2B,EAAE,OAAO,YAAY,CAAC,IAC5E,EAAE,sBAAsB,UAAU;AAEtC,SACE,oBAAC,cAAW,SAAQ,SAAQ,MAAK,MAAK,SAAO,MAAC,cAAY,WAAW,WAAW,GAAG,YAAY,SAAS,GACtG,+BAAC,QAAK,MAAK,qBAAoB,cAAY,WACzC;AAAA,wBAAC,QAAK,WAAW,GAAG,+BAA+B,UAAU,eAAe,GAAG;AAAA,IAC/E,oBAAC,0BAAuB,OAAO,aAAa;AAAA,KAC9C,GACF;AAEJ;",
+  "names": []
+}