@freighttech/ui 0.13.18

package/dist/backend/detail/AddressesSection.js

@@ -0,0 +1,274 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { flash } from "@freighttech/ui/backend/FlashMessages";
+import { LoadingMessage } from "@freighttech/ui/backend/detail";
+import { createTranslatorWithFallback } from "@open-mercato/shared/lib/i18n/translate";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import AddressTiles from "./AddressTiles.js";
+import { ComponentReplacementHandles } from "@open-mercato/shared/modules/widgets/component-registry";
+import { useRegisteredComponent } from "../injection/useRegisteredComponent.js";
+function generateTempId() {
+  if (typeof crypto !== "undefined" && typeof crypto.randomUUID === "function") return crypto.randomUUID();
+  return `tmp_${Math.random().toString(36).slice(2)}`;
+}
+function AddressesSectionImpl({
+  entityId,
+  emptyLabel,
+  addActionLabel,
+  emptyState,
+  onActionChange,
+  translator,
+  onLoadingChange,
+  dataAdapter,
+  dataContext,
+  addressTypesAdapter,
+  addressTypesContext,
+  loadFormat,
+  formatContext,
+  labelPrefix = "customers.people.detail.addresses"
+}) {
+  const tHook = useT();
+  const fallbackTranslator = React.useMemo(() => createTranslatorWithFallback(tHook), [tHook]);
+  const t = translator ?? fallbackTranslator;
+  const label = React.useCallback(
+    (suffix, fallback, params) => t(`${labelPrefix}.${suffix}`, fallback, params),
+    [labelPrefix, t]
+  );
+  const normalizedEntityId = React.useMemo(() => {
+    if (typeof entityId !== "string") return null;
+    const trimmed = entityId.trim();
+    return trimmed.length ? trimmed : null;
+  }, [entityId]);
+  const [addresses, setAddresses] = React.useState([]);
+  const [isSubmitting, setIsSubmitting] = React.useState(false);
+  const [isLoading, setIsLoading] = React.useState(() => Boolean(normalizedEntityId));
+  const loadingCounterRef = React.useRef(0);
+  const pushLoading = React.useCallback(() => {
+    loadingCounterRef.current += 1;
+    if (loadingCounterRef.current === 1) {
+      onLoadingChange?.(true);
+    }
+  }, [onLoadingChange]);
+  const popLoading = React.useCallback(() => {
+    loadingCounterRef.current = Math.max(0, loadingCounterRef.current - 1);
+    if (loadingCounterRef.current === 0) {
+      onLoadingChange?.(false);
+    }
+  }, [onLoadingChange]);
+  const loadAddresses = React.useCallback(async () => {
+    if (!normalizedEntityId) {
+      setAddresses([]);
+      setIsLoading(false);
+      return;
+    }
+    setIsLoading(true);
+    pushLoading();
+    try {
+      const items = await dataAdapter.list({ entityId: normalizedEntityId, context: dataContext });
+      setAddresses(items);
+    } catch (err) {
+      const message = err instanceof Error && err.message ? err.message : label("error", "Failed to load addresses.");
+      flash(message, "error");
+      setAddresses([]);
+    } finally {
+      setIsLoading(false);
+      popLoading();
+    }
+  }, [dataAdapter, dataContext, label, normalizedEntityId, popLoading, pushLoading]);
+  React.useEffect(() => {
+    void loadAddresses();
+  }, [loadAddresses]);
+  const handleCreate = React.useCallback(
+    async (payload) => {
+      if (!normalizedEntityId) {
+        throw new Error(label("error", "Failed to save address."));
+      }
+      pushLoading();
+      setIsSubmitting(true);
+      try {
+        const response = await dataAdapter.create({
+          entityId: normalizedEntityId,
+          payload,
+          context: dataContext
+        });
+        const newAddress = {
+          id: typeof response === "object" && response && typeof response.id === "string" ? response.id : generateTempId(),
+          name: payload.name ?? null,
+          purpose: payload.purpose ?? null,
+          companyName: payload.companyName ?? null,
+          addressLine1: payload.addressLine1,
+          addressLine2: payload.addressLine2 ?? null,
+          buildingNumber: payload.buildingNumber ?? null,
+          flatNumber: payload.flatNumber ?? null,
+          city: payload.city ?? null,
+          region: payload.region ?? null,
+          postalCode: payload.postalCode ?? null,
+          country: payload.country ? payload.country.toUpperCase() : null,
+          isPrimary: payload.isPrimary ?? false
+        };
+        setAddresses((prev) => {
+          const existing = payload.isPrimary ? prev.map((addr) => ({ ...addr, isPrimary: false })) : prev;
+          return [newAddress, ...existing];
+        });
+        flash(label("success", "Address saved."), "success");
+      } catch (err) {
+        const message = err instanceof Error && err.message ? err.message : label("error", "Failed to save address.");
+        const error = new Error(message);
+        if (err && typeof err === "object" && err.details) {
+          error.details = err.details;
+        }
+        throw error;
+      } finally {
+        setIsSubmitting(false);
+        popLoading();
+      }
+    },
+    [dataAdapter, dataContext, label, normalizedEntityId, popLoading, pushLoading]
+  );
+  const handleUpdate = React.useCallback(
+    async (id, payload) => {
+      if (!normalizedEntityId) {
+        throw new Error(label("error", "Failed to save address."));
+      }
+      pushLoading();
+      setIsSubmitting(true);
+      try {
+        await dataAdapter.update({ id, payload, context: dataContext });
+        setAddresses((prev) => {
+          return prev.map((address) => {
+            if (address.id !== id) {
+              return payload.isPrimary ? { ...address, isPrimary: false } : address;
+            }
+            return {
+              ...address,
+              name: payload.name ?? null,
+              purpose: payload.purpose ?? null,
+              companyName: payload.companyName ?? null,
+              addressLine1: payload.addressLine1,
+              addressLine2: payload.addressLine2 ?? null,
+              buildingNumber: payload.buildingNumber ?? null,
+              flatNumber: payload.flatNumber ?? null,
+              city: payload.city ?? null,
+              region: payload.region ?? null,
+              postalCode: payload.postalCode ?? null,
+              country: payload.country ? payload.country.toUpperCase() : null,
+              isPrimary: payload.isPrimary ?? false
+            };
+          });
+        });
+        flash(label("success", "Address saved."), "success");
+      } catch (err) {
+        const message = err instanceof Error && err.message ? err.message : label("error", "Failed to save address.");
+        const error = new Error(message);
+        if (err && typeof err === "object" && err.details) {
+          error.details = err.details;
+        }
+        throw error;
+      } finally {
+        setIsSubmitting(false);
+        popLoading();
+      }
+    },
+    [dataAdapter, dataContext, label, normalizedEntityId, popLoading, pushLoading]
+  );
+  const handleDelete = React.useCallback(
+    async (id) => {
+      if (!normalizedEntityId) {
+        throw new Error(label("error", "Failed to delete address."));
+      }
+      pushLoading();
+      setIsSubmitting(true);
+      try {
+        await dataAdapter.delete({ id, context: dataContext });
+        setAddresses((prev) => prev.filter((address) => address.id !== id));
+        flash(label("deleted", "Address deleted."), "success");
+      } catch (err) {
+        const message = err instanceof Error && err.message ? err.message : label("error", "Failed to delete address.");
+        flash(message, "error");
+        throw err;
+      } finally {
+        setIsSubmitting(false);
+        popLoading();
+      }
+    },
+    [dataAdapter, dataContext, label, normalizedEntityId, popLoading, pushLoading]
+  );
+  const displayAddresses = React.useMemo(() => {
+    return addresses.map((address) => ({
+      id: address.id,
+      name: address.name ?? void 0,
+      purpose: address.purpose ?? void 0,
+      companyName: address.companyName ?? void 0,
+      addressLine1: address.addressLine1,
+      addressLine2: address.addressLine2 ?? void 0,
+      buildingNumber: address.buildingNumber ?? void 0,
+      flatNumber: address.flatNumber ?? void 0,
+      city: address.city ?? void 0,
+      region: address.region ?? void 0,
+      postalCode: address.postalCode ?? void 0,
+      country: address.country ?? void 0,
+      isPrimary: address.isPrimary ?? false
+    }));
+  }, [addresses]);
+  const [addAction, setAddAction] = React.useState(null);
+  const handleAddActionChange = React.useCallback(
+    (action) => {
+      setAddAction(action);
+    },
+    []
+  );
+  React.useEffect(() => {
+    if (!onActionChange) return;
+    if (!addAction || addresses.length === 0) {
+      onActionChange(null);
+      return;
+    }
+    onActionChange({
+      label: addActionLabel,
+      onClick: addAction.openCreateForm,
+      disabled: addAction.addDisabled
+    });
+  }, [addAction, addActionLabel, addresses.length, onActionChange]);
+  return /* @__PURE__ */ jsx("div", { className: "mt-4", children: isLoading ? /* @__PURE__ */ jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ jsx(
+    LoadingMessage,
+    {
+      label: label("loading", "Loading addresses\u2026"),
+      className: "min-h-[120px] w-full justify-center border-0 bg-transparent p-0"
+    }
+  ) }) : /* @__PURE__ */ jsx(
+    AddressTiles,
+    {
+      addresses: displayAddresses,
+      onCreate: handleCreate,
+      onUpdate: handleUpdate,
+      onDelete: handleDelete,
+      isSubmitting,
+      emptyLabel,
+      t,
+      hideAddButton: true,
+      onAddActionChange: handleAddActionChange,
+      emptyStateTitle: emptyState.title,
+      emptyStateActionLabel: emptyState.actionLabel,
+      labelPrefix,
+      addressTypesAdapter,
+      addressTypesContext,
+      loadFormat,
+      formatContext
+    }
+  ) });
+}
+function AddressesSection(props) {
+  const handle = ComponentReplacementHandles.section("ui.detail", "AddressesSection");
+  const Resolved = useRegisteredComponent(
+    handle,
+    AddressesSectionImpl
+  );
+  return /* @__PURE__ */ jsx("div", { "data-component-handle": handle, children: /* @__PURE__ */ jsx(Resolved, { ...props }) });
+}
+var AddressesSection_default = AddressesSection;
+export {
+  AddressesSection,
+  AddressesSection_default as default
+};
+//# sourceMappingURL=AddressesSection.js.map

package/dist/backend/detail/AddressesSection.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/backend/detail/AddressesSection.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { flash } from '@freighttech/ui/backend/FlashMessages'\nimport { LoadingMessage } from '@freighttech/ui/backend/detail'\nimport { createTranslatorWithFallback } from '@open-mercato/shared/lib/i18n/translate'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport AddressTiles, { type AddressInput, type AddressValue } from './AddressTiles'\nimport type { AddressTypesAdapter } from './AddressEditor'\nimport type { AddressFormatStrategy } from './addressFormat'\nimport { ComponentReplacementHandles } from '@open-mercato/shared/modules/widgets/component-registry'\nimport { useRegisteredComponent } from '../injection/useRegisteredComponent'\n\ntype Translator = (key: string, fallback?: string, params?: Record<string, string | number>) => string\n\nexport type SectionAction = {\n  label: React.ReactNode\n  onClick: () => void\n  disabled?: boolean\n  icon?: React.ReactNode\n}\n\nexport type TabEmptyStateConfig = {\n  title: string\n  actionLabel: string\n  description?: string\n}\n\nexport type AddressSummary = {\n  id: string\n  name?: string | null\n  purpose?: string | null\n  companyName?: string | null\n  addressLine1: string\n  addressLine2?: string | null\n  buildingNumber?: string | null\n  flatNumber?: string | null\n  city?: string | null\n  region?: string | null\n  postalCode?: string | null\n  country?: string | null\n  isPrimary?: boolean\n}\n\nexport type AddressDataAdapter<C = unknown> = {\n  list: (params: { entityId: string | null; context?: C }) => Promise<AddressSummary[]>\n  create: (params: { entityId: string; payload: AddressInput; context?: C }) => Promise<{ id?: string } | void>\n  update: (params: { id: string; payload: AddressInput; context?: C }) => Promise<void>\n  delete: (params: { id: string; context?: C }) => Promise<void>\n}\n\nexport type AddressesSectionProps<C = unknown> = {\n  entityId: string | null\n  emptyLabel: string\n  addActionLabel: string\n  emptyState: TabEmptyStateConfig\n  onActionChange?: (action: SectionAction | null) => void\n  translator?: Translator\n  onLoadingChange?: (isLoading: boolean) => void\n  dataAdapter: AddressDataAdapter<C>\n  dataContext?: C\n  addressTypesAdapter?: AddressTypesAdapter<C>\n  addressTypesContext?: C\n  loadFormat?: (context?: C) => Promise<AddressFormatStrategy>\n  formatContext?: C\n  labelPrefix?: string\n}\n\nfunction generateTempId() {\n  if (typeof crypto !== 'undefined' && typeof crypto.randomUUID === 'function') return crypto.randomUUID()\n  return `tmp_${Math.random().toString(36).slice(2)}`\n}\n\nfunction AddressesSectionImpl<C = unknown>({\n  entityId,\n  emptyLabel,\n  addActionLabel,\n  emptyState,\n  onActionChange,\n  translator,\n  onLoadingChange,\n  dataAdapter,\n  dataContext,\n  addressTypesAdapter,\n  addressTypesContext,\n  loadFormat,\n  formatContext,\n  labelPrefix = 'customers.people.detail.addresses',\n}: AddressesSectionProps<C>) {\n  const tHook = useT()\n  const fallbackTranslator = React.useMemo<Translator>(() => createTranslatorWithFallback(tHook), [tHook])\n  const t = translator ?? fallbackTranslator\n\n  const label = React.useCallback(\n    (suffix: string, fallback?: string, params?: Record<string, string | number>) =>\n      t(`${labelPrefix}.${suffix}`, fallback, params),\n    [labelPrefix, t],\n  )\n\n  const normalizedEntityId = React.useMemo(() => {\n    if (typeof entityId !== 'string') return null\n    const trimmed = entityId.trim()\n    return trimmed.length ? trimmed : null\n  }, [entityId])\n  const [addresses, setAddresses] = React.useState<AddressSummary[]>([])\n  const [isSubmitting, setIsSubmitting] = React.useState(false)\n  const [isLoading, setIsLoading] = React.useState<boolean>(() => Boolean(normalizedEntityId))\n\n  const loadingCounterRef = React.useRef(0)\n  const pushLoading = React.useCallback(() => {\n    loadingCounterRef.current += 1\n    if (loadingCounterRef.current === 1) {\n      onLoadingChange?.(true)\n    }\n  }, [onLoadingChange])\n  const popLoading = React.useCallback(() => {\n    loadingCounterRef.current = Math.max(0, loadingCounterRef.current - 1)\n    if (loadingCounterRef.current === 0) {\n      onLoadingChange?.(false)\n    }\n  }, [onLoadingChange])\n\n  const loadAddresses = React.useCallback(async () => {\n    if (!normalizedEntityId) {\n      setAddresses([])\n      setIsLoading(false)\n      return\n    }\n    setIsLoading(true)\n    pushLoading()\n    try {\n      const items = await dataAdapter.list({ entityId: normalizedEntityId, context: dataContext })\n      setAddresses(items)\n    } catch (err) {\n      const message =\n        err instanceof Error && err.message\n          ? err.message\n          : label('error', 'Failed to load addresses.')\n      flash(message, 'error')\n      setAddresses([])\n    } finally {\n      setIsLoading(false)\n      popLoading()\n    }\n  }, [dataAdapter, dataContext, label, normalizedEntityId, popLoading, pushLoading])\n\n  React.useEffect(() => {\n    void loadAddresses()\n  }, [loadAddresses])\n\n  const handleCreate = React.useCallback(\n    async (payload: AddressInput) => {\n      if (!normalizedEntityId) {\n        throw new Error(label('error', 'Failed to save address.'))\n      }\n      pushLoading()\n      setIsSubmitting(true)\n      try {\n        const response = await dataAdapter.create({\n          entityId: normalizedEntityId,\n          payload,\n          context: dataContext,\n        })\n        const newAddress: AddressSummary = {\n          id: typeof response === 'object' && response && typeof response.id === 'string' ? response.id : generateTempId(),\n          name: payload.name ?? null,\n          purpose: payload.purpose ?? null,\n          companyName: payload.companyName ?? null,\n          addressLine1: payload.addressLine1,\n          addressLine2: payload.addressLine2 ?? null,\n          buildingNumber: payload.buildingNumber ?? null,\n          flatNumber: payload.flatNumber ?? null,\n          city: payload.city ?? null,\n          region: payload.region ?? null,\n          postalCode: payload.postalCode ?? null,\n          country: payload.country ? payload.country.toUpperCase() : null,\n          isPrimary: payload.isPrimary ?? false,\n        }\n        setAddresses((prev) => {\n          const existing = payload.isPrimary ? prev.map((addr) => ({ ...addr, isPrimary: false })) : prev\n          return [newAddress, ...existing]\n        })\n        flash(label('success', 'Address saved.'), 'success')\n      } catch (err) {\n        const message =\n          err instanceof Error && err.message ? err.message : label('error', 'Failed to save address.')\n        const error = new Error(message) as Error & { details?: unknown }\n        if (err && typeof err === 'object' && (err as { details?: unknown }).details) {\n          error.details = (err as { details?: unknown }).details\n        }\n        throw error\n      } finally {\n        setIsSubmitting(false)\n        popLoading()\n      }\n    },\n    [dataAdapter, dataContext, label, normalizedEntityId, popLoading, pushLoading],\n  )\n\n  const handleUpdate = React.useCallback(\n    async (id: string, payload: AddressInput) => {\n      if (!normalizedEntityId) {\n        throw new Error(label('error', 'Failed to save address.'))\n      }\n      pushLoading()\n      setIsSubmitting(true)\n      try {\n        await dataAdapter.update({ id, payload, context: dataContext })\n        setAddresses((prev) => {\n          return prev.map((address) => {\n            if (address.id !== id) {\n              return payload.isPrimary ? { ...address, isPrimary: false } : address\n            }\n            return {\n              ...address,\n              name: payload.name ?? null,\n              purpose: payload.purpose ?? null,\n              companyName: payload.companyName ?? null,\n              addressLine1: payload.addressLine1,\n              addressLine2: payload.addressLine2 ?? null,\n              buildingNumber: payload.buildingNumber ?? null,\n              flatNumber: payload.flatNumber ?? null,\n              city: payload.city ?? null,\n              region: payload.region ?? null,\n              postalCode: payload.postalCode ?? null,\n              country: payload.country ? payload.country.toUpperCase() : null,\n              isPrimary: payload.isPrimary ?? false,\n            }\n          })\n        })\n        flash(label('success', 'Address saved.'), 'success')\n      } catch (err) {\n        const message =\n          err instanceof Error && err.message ? err.message : label('error', 'Failed to save address.')\n        const error = new Error(message) as Error & { details?: unknown }\n        if (err && typeof err === 'object' && (err as { details?: unknown }).details) {\n          error.details = (err as { details?: unknown }).details\n        }\n        throw error\n      } finally {\n        setIsSubmitting(false)\n        popLoading()\n      }\n    },\n    [dataAdapter, dataContext, label, normalizedEntityId, popLoading, pushLoading],\n  )\n\n  const handleDelete = React.useCallback(\n    async (id: string) => {\n      if (!normalizedEntityId) {\n        throw new Error(label('error', 'Failed to delete address.'))\n      }\n      pushLoading()\n      setIsSubmitting(true)\n      try {\n        await dataAdapter.delete({ id, context: dataContext })\n        setAddresses((prev) => prev.filter((address) => address.id !== id))\n        flash(label('deleted', 'Address deleted.'), 'success')\n      } catch (err) {\n        const message =\n          err instanceof Error && err.message ? err.message : label('error', 'Failed to delete address.')\n        flash(message, 'error')\n        throw err\n      } finally {\n        setIsSubmitting(false)\n        popLoading()\n      }\n    },\n    [dataAdapter, dataContext, label, normalizedEntityId, popLoading, pushLoading],\n  )\n\n  const displayAddresses = React.useMemo<AddressValue[]>(() => {\n    return addresses.map((address) => ({\n      id: address.id,\n      name: address.name ?? undefined,\n      purpose: address.purpose ?? undefined,\n      companyName: address.companyName ?? undefined,\n      addressLine1: address.addressLine1,\n      addressLine2: address.addressLine2 ?? undefined,\n      buildingNumber: address.buildingNumber ?? undefined,\n      flatNumber: address.flatNumber ?? undefined,\n      city: address.city ?? undefined,\n      region: address.region ?? undefined,\n      postalCode: address.postalCode ?? undefined,\n      country: address.country ?? undefined,\n      isPrimary: address.isPrimary ?? false,\n    }))\n  }, [addresses])\n\n  const [addAction, setAddAction] = React.useState<{\n    openCreateForm: () => void\n    addDisabled: boolean\n  } | null>(null)\n\n  const handleAddActionChange = React.useCallback(\n    (action: { openCreateForm: () => void; addDisabled: boolean } | null) => {\n      setAddAction(action)\n    },\n    [],\n  )\n\n  React.useEffect(() => {\n    if (!onActionChange) return\n    if (!addAction || addresses.length === 0) {\n      onActionChange(null)\n      return\n    }\n    onActionChange({\n      label: addActionLabel,\n      onClick: addAction.openCreateForm,\n      disabled: addAction.addDisabled,\n    })\n  }, [addAction, addActionLabel, addresses.length, onActionChange])\n\n  return (\n    <div className=\"mt-4\">\n      {isLoading ? (\n        <div className=\"flex justify-center\">\n          <LoadingMessage\n            label={label('loading', 'Loading addresses\u2026')}\n            className=\"min-h-[120px] w-full justify-center border-0 bg-transparent p-0\"\n          />\n        </div>\n      ) : (\n        <AddressTiles\n          addresses={displayAddresses}\n          onCreate={handleCreate}\n          onUpdate={handleUpdate}\n          onDelete={handleDelete}\n          isSubmitting={isSubmitting}\n          emptyLabel={emptyLabel}\n          t={t}\n          hideAddButton\n          onAddActionChange={handleAddActionChange}\n          emptyStateTitle={emptyState.title}\n          emptyStateActionLabel={emptyState.actionLabel}\n          labelPrefix={labelPrefix}\n          addressTypesAdapter={addressTypesAdapter}\n          addressTypesContext={addressTypesContext}\n          loadFormat={loadFormat}\n          formatContext={formatContext}\n        />\n      )}\n    </div>\n  )\n}\n\nexport function AddressesSection<C = unknown>(props: AddressesSectionProps<C>) {\n  const handle = ComponentReplacementHandles.section('ui.detail', 'AddressesSection')\n  const Resolved = useRegisteredComponent<AddressesSectionProps<C>>(\n    handle,\n    AddressesSectionImpl as React.ComponentType<AddressesSectionProps<C>>,\n  )\n\n  return (\n    <div data-component-handle={handle}>\n      <Resolved {...props} />\n    </div>\n  )\n}\n\nexport default AddressesSection\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/backend/detail/AttachmentDeleteDialog.js

@@ -0,0 +1,41 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle } from "@freighttech/ui/primitives/dialog";
+import { Button } from "@freighttech/ui/primitives/button";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+function AttachmentDeleteDialog({ open, onOpenChange, fileName, onConfirm, isDeleting }) {
+  const t = useT();
+  const description = t(
+    "attachments.library.confirm.delete",
+    'Delete attachment "{{name}}"? This action cannot be undone.'
+  ).replace("{{name}}", fileName || t("attachments.library.metadata.title", "attachment"));
+  const handleKeyDown = React.useCallback(
+    (event) => {
+      if (event.key === "Escape") {
+        event.preventDefault();
+        onOpenChange(false);
+        return;
+      }
+      if (event.key === "Enter" && (event.metaKey || event.ctrlKey)) {
+        event.preventDefault();
+        if (!isDeleting) onConfirm();
+      }
+    },
+    [isDeleting, onConfirm, onOpenChange]
+  );
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs(DialogContent, { onKeyDown: handleKeyDown, children: [
+    /* @__PURE__ */ jsxs(DialogHeader, { children: [
+      /* @__PURE__ */ jsx(DialogTitle, { children: t("attachments.library.actions.delete", "Delete") }),
+      /* @__PURE__ */ jsx(DialogDescription, { children: description })
+    ] }),
+    /* @__PURE__ */ jsxs(DialogFooter, { children: [
+      /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", onClick: () => onOpenChange(false), disabled: isDeleting, children: t("attachments.library.metadata.cancel", "Cancel") }),
+      /* @__PURE__ */ jsx(Button, { type: "button", variant: "destructive", onClick: onConfirm, disabled: isDeleting, children: t("attachments.library.actions.delete", "Delete") })
+    ] })
+  ] }) });
+}
+export {
+  AttachmentDeleteDialog
+};
+//# sourceMappingURL=AttachmentDeleteDialog.js.map

package/dist/backend/detail/AttachmentDeleteDialog.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/backend/detail/AttachmentDeleteDialog.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle } from '@freighttech/ui/primitives/dialog'\nimport { Button } from '@freighttech/ui/primitives/button'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\n\ntype Props = {\n  open: boolean\n  onOpenChange: (next: boolean) => void\n  fileName?: string | null\n  onConfirm: () => void\n  isDeleting?: boolean\n}\n\nexport function AttachmentDeleteDialog({ open, onOpenChange, fileName, onConfirm, isDeleting }: Props) {\n  const t = useT()\n  const description = t(\n    'attachments.library.confirm.delete',\n    'Delete attachment \"{{name}}\"? This action cannot be undone.',\n  ).replace('{{name}}', fileName || t('attachments.library.metadata.title', 'attachment'))\n\n  const handleKeyDown = React.useCallback(\n    (event: React.KeyboardEvent) => {\n      if (event.key === 'Escape') {\n        event.preventDefault()\n        onOpenChange(false)\n        return\n      }\n      if (event.key === 'Enter' && (event.metaKey || event.ctrlKey)) {\n        event.preventDefault()\n        if (!isDeleting) onConfirm()\n      }\n    },\n    [isDeleting, onConfirm, onOpenChange],\n  )\n\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent onKeyDown={handleKeyDown}>\n        <DialogHeader>\n          <DialogTitle>{t('attachments.library.actions.delete', 'Delete')}</DialogTitle>\n          <DialogDescription>{description}</DialogDescription>\n        </DialogHeader>\n        <DialogFooter>\n          <Button type=\"button\" variant=\"outline\" onClick={() => onOpenChange(false)} disabled={isDeleting}>\n            {t('attachments.library.metadata.cancel', 'Cancel')}\n          </Button>\n          <Button type=\"button\" variant=\"destructive\" onClick={onConfirm} disabled={isDeleting}>\n            {t('attachments.library.actions.delete', 'Delete')}\n          </Button>\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n  )\n}\n"],
+  "mappings": ";AAwCQ,SACE,KADF;AAtCR,YAAY,WAAW;AACvB,SAAS,QAAQ,eAAe,mBAAmB,cAAc,cAAc,mBAAmB;AAClG,SAAS,cAAc;AACvB,SAAS,YAAY;AAUd,SAAS,uBAAuB,EAAE,MAAM,cAAc,UAAU,WAAW,WAAW,GAAU;AACrG,QAAM,IAAI,KAAK;AACf,QAAM,cAAc;AAAA,IAClB;AAAA,IACA;AAAA,EACF,EAAE,QAAQ,YAAY,YAAY,EAAE,sCAAsC,YAAY,CAAC;AAEvF,QAAM,gBAAgB,MAAM;AAAA,IAC1B,CAAC,UAA+B;AAC9B,UAAI,MAAM,QAAQ,UAAU;AAC1B,cAAM,eAAe;AACrB,qBAAa,KAAK;AAClB;AAAA,MACF;AACA,UAAI,MAAM,QAAQ,YAAY,MAAM,WAAW,MAAM,UAAU;AAC7D,cAAM,eAAe;AACrB,YAAI,CAAC,WAAY,WAAU;AAAA,MAC7B;AAAA,IACF;AAAA,IACA,CAAC,YAAY,WAAW,YAAY;AAAA,EACtC;AAEA,SACE,oBAAC,UAAO,MAAY,cAClB,+BAAC,iBAAc,WAAW,eACxB;AAAA,yBAAC,gBACC;AAAA,0BAAC,eAAa,YAAE,sCAAsC,QAAQ,GAAE;AAAA,MAChE,oBAAC,qBAAmB,uBAAY;AAAA,OAClC;AAAA,IACA,qBAAC,gBACC;AAAA,0BAAC,UAAO,MAAK,UAAS,SAAQ,WAAU,SAAS,MAAM,aAAa,KAAK,GAAG,UAAU,YACnF,YAAE,uCAAuC,QAAQ,GACpD;AAAA,MACA,oBAAC,UAAO,MAAK,UAAS,SAAQ,eAAc,SAAS,WAAW,UAAU,YACvE,YAAE,sCAAsC,QAAQ,GACnD;AAAA,OACF;AAAA,KACF,GACF;AAEJ;",
+  "names": []
+}