@open-mercato/core 0.6.1-develop.3276.1.1fcd145078 → 0.6.1-develop.3287.1.450f4ffb56

package/dist/modules/customer_accounts/backend/customer_accounts/settings/domain/page.js

@@ -0,0 +1,361 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { useRouter, useSearchParams } from "next/navigation";
+import { Globe } from "lucide-react";
+import { Page, PageBody } from "@open-mercato/ui/backend/Page";
+import { FormHeader } from "@open-mercato/ui/backend/forms";
+import { EmptyState } from "@open-mercato/ui/backend/EmptyState";
+import { LoadingMessage, ErrorMessage } from "@open-mercato/ui/backend/detail";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { apiCall } from "@open-mercato/ui/backend/utils/apiCall";
+import { flash } from "@open-mercato/ui/backend/FlashMessages";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { useConfirmDialog } from "@open-mercato/ui/backend/confirm-dialog";
+import { useGuardedMutation } from "@open-mercato/ui/backend/injection/useGuardedMutation";
+import { useAppEvent } from "@open-mercato/ui/backend/injection/useAppEvent";
+import { OrgSwitcher } from "./components/OrgSwitcher.js";
+import { DomainPanel } from "./components/DomainPanel.js";
+import { RegisterDialog } from "./components/RegisterDialog.js";
+const STATE_LOADING = "loading";
+const STATE_LOADED = "loaded";
+const STATE_ERROR = "error";
+function flattenOrgNodes(nodes, acc = [], depth = 0) {
+  if (!nodes) return acc;
+  for (const node of nodes) {
+    if (node.selectable) {
+      acc.push({ id: node.id, label: node.name, depth });
+    }
+    flattenOrgNodes(node.children, acc, depth + 1);
+  }
+  return acc;
+}
+function CustomerDomainSettingsPage() {
+  const t = useT();
+  const router = useRouter();
+  const searchParams = useSearchParams();
+  const [orgOptions, setOrgOptions] = React.useState([]);
+  const [defaultOrgId, setDefaultOrgId] = React.useState(null);
+  const [orgsLoaded, setOrgsLoaded] = React.useState(false);
+  const urlOrgId = searchParams?.get("org") ?? null;
+  const selectedOrgId = urlOrgId ?? defaultOrgId;
+  const [mappings, setMappings] = React.useState([]);
+  const [config, setConfig] = React.useState({ cnameTarget: null, aRecordTarget: null });
+  const [loadState, setLoadState] = React.useState(STATE_LOADING);
+  const [reloadToken, setReloadToken] = React.useState(0);
+  const [registerOpen, setRegisterOpen] = React.useState(false);
+  const [registerMode, setRegisterMode] = React.useState("register");
+  const [replaceTargetId, setReplaceTargetId] = React.useState(null);
+  const [isMutating, setIsMutating] = React.useState(false);
+  const { confirm, ConfirmDialogElement } = useConfirmDialog();
+  const { runMutation } = useGuardedMutation({
+    contextId: "customer_accounts:domain-settings"
+  });
+  const runMutationWithContext = React.useCallback(
+    async (operation, mutationPayload) => {
+      return runMutation({
+        operation,
+        mutationPayload,
+        context: { entityType: "customer_accounts:domain_mapping" }
+      });
+    },
+    [runMutation]
+  );
+  const refresh = React.useCallback(() => {
+    setReloadToken((token) => token + 1);
+  }, []);
+  React.useEffect(() => {
+    let cancelled = false;
+    async function loadOrgs() {
+      try {
+        const call = await apiCall("/api/directory/organization-switcher");
+        if (cancelled) return;
+        if (!call.ok || !call.result) {
+          setOrgOptions([]);
+          setDefaultOrgId(null);
+          return;
+        }
+        const flat = flattenOrgNodes(call.result.items, [], 0);
+        setOrgOptions(flat);
+        const fallback = call.result.selectedId ?? (flat[0]?.id ?? null);
+        setDefaultOrgId(fallback);
+      } catch {
+        if (!cancelled) {
+          setOrgOptions([]);
+          setDefaultOrgId(null);
+        }
+      } finally {
+        if (!cancelled) setOrgsLoaded(true);
+      }
+    }
+    loadOrgs();
+    return () => {
+      cancelled = true;
+    };
+  }, []);
+  React.useEffect(() => {
+    if (!orgsLoaded) return;
+    if (!selectedOrgId) {
+      setMappings([]);
+      setConfig({ cnameTarget: null, aRecordTarget: null });
+      setLoadState(STATE_LOADED);
+      return;
+    }
+    let cancelled = false;
+    async function load() {
+      setLoadState(STATE_LOADING);
+      try {
+        const call = await apiCall(
+          `/api/customer_accounts/admin/domain-mappings?organizationId=${encodeURIComponent(selectedOrgId)}`
+        );
+        if (cancelled) return;
+        if (!call.ok || !call.result?.ok) {
+          setLoadState(STATE_ERROR);
+          return;
+        }
+        setMappings(Array.isArray(call.result.domainMappings) ? call.result.domainMappings : []);
+        setConfig(call.result.config ?? { cnameTarget: null, aRecordTarget: null });
+        setLoadState(STATE_LOADED);
+      } catch {
+        if (!cancelled) setLoadState(STATE_ERROR);
+      }
+    }
+    load();
+    return () => {
+      cancelled = true;
+    };
+  }, [orgsLoaded, selectedOrgId, reloadToken]);
+  useAppEvent("customer_accounts.domain_mapping.*", () => {
+    refresh();
+  }, [refresh]);
+  const orderedMappings = React.useMemo(() => {
+    if (mappings.length === 0) return [];
+    const sorted = [...mappings].sort((a, b) => {
+      const aActive = a.status === "active" ? 0 : 1;
+      const bActive = b.status === "active" ? 0 : 1;
+      if (aActive !== bActive) return aActive - bActive;
+      return new Date(a.createdAt).getTime() - new Date(b.createdAt).getTime();
+    });
+    return sorted;
+  }, [mappings]);
+  const primaryActiveId = React.useMemo(() => {
+    const active = orderedMappings.find((m) => m.status === "active");
+    if (active) return active.id;
+    return orderedMappings[0]?.id ?? null;
+  }, [orderedMappings]);
+  const handleOrgChange = React.useCallback(
+    (next) => {
+      const params = new URLSearchParams(searchParams?.toString() ?? "");
+      if (next) params.set("org", next);
+      else params.delete("org");
+      const qs = params.toString();
+      router.replace(qs ? `?${qs}` : "?", { scroll: false });
+    },
+    [router, searchParams]
+  );
+  const handleOpenRegister = React.useCallback(() => {
+    setRegisterMode("register");
+    setReplaceTargetId(null);
+    setRegisterOpen(true);
+  }, []);
+  const handleOpenChange = React.useCallback((mappingId) => {
+    setRegisterMode("change");
+    setReplaceTargetId(mappingId);
+    setRegisterOpen(true);
+  }, []);
+  const handleSubmitRegister = React.useCallback(
+    async (hostname) => {
+      if (!selectedOrgId) {
+        throw new Error(t("customer_accounts.domainMapping.error.load", "Could not load custom-domain configuration"));
+      }
+      setIsMutating(true);
+      try {
+        await runMutationWithContext(async () => {
+          const body = {
+            hostname,
+            organizationId: selectedOrgId
+          };
+          if (registerMode === "change" && replaceTargetId) {
+            body.replacesDomainId = replaceTargetId;
+          }
+          const call = await apiCall(
+            "/api/customer_accounts/admin/domain-mappings",
+            {
+              method: "POST",
+              headers: { "content-type": "application/json" },
+              body: JSON.stringify(body)
+            }
+          );
+          if (!call.ok || !call.result?.ok) {
+            const message = call.result?.error || t("customer_accounts.domainMapping.alreadyClaimed", "This domain is not available. Please choose a different hostname.");
+            throw new Error(message);
+          }
+          flash(t("customer_accounts.domainMapping.registered", "Domain registered successfully"), "success");
+          setRegisterOpen(false);
+          refresh();
+        });
+      } finally {
+        setIsMutating(false);
+      }
+    },
+    [refresh, registerMode, replaceTargetId, runMutationWithContext, selectedOrgId, t]
+  );
+  const handleCheckNow = React.useCallback(
+    async (mapping) => {
+      setIsMutating(true);
+      try {
+        await runMutationWithContext(async () => {
+          const call = await apiCall(
+            `/api/customer_accounts/admin/domain-mappings/${encodeURIComponent(mapping.id)}/verify`,
+            { method: "POST" }
+          );
+          if (!call.ok || !call.result?.ok) {
+            const message = call.result?.error || t("customer_accounts.domainMapping.error.load", "Could not load custom-domain configuration");
+            flash(message, "error");
+            return;
+          }
+          refresh();
+        });
+      } finally {
+        setIsMutating(false);
+      }
+    },
+    [refresh, runMutationWithContext, t]
+  );
+  const handleRetryTls = React.useCallback(
+    async (mapping) => {
+      setIsMutating(true);
+      try {
+        await runMutationWithContext(async () => {
+          const call = await apiCall(
+            `/api/customer_accounts/admin/domain-mappings/${encodeURIComponent(mapping.id)}/health-check`,
+            { method: "POST" }
+          );
+          if (!call.ok || !call.result?.ok) {
+            const message = call.result?.error || t("customer_accounts.domainMapping.error.load", "Could not load custom-domain configuration");
+            flash(message, "error");
+            return;
+          }
+          refresh();
+        });
+      } finally {
+        setIsMutating(false);
+      }
+    },
+    [refresh, runMutationWithContext, t]
+  );
+  const handleRemove = React.useCallback(
+    async (mapping) => {
+      const replacement = orderedMappings.find(
+        (m) => m.id !== mapping.id && m.status !== "active"
+      );
+      const text = replacement ? t("customer_accounts.domainMapping.removeConfirm.hasReplacement", "This will also cancel the pending replacement domain ({hostname}).", { hostname: replacement.hostname }) : t("customer_accounts.domainMapping.removeConfirm", "Are you sure? Customers using this domain will no longer be able to reach your portal.");
+      const confirmed = await confirm({
+        title: t("customer_accounts.domainMapping.removeConfirm.title", "Remove custom domain?"),
+        text,
+        variant: "destructive",
+        confirmText: t("customer_accounts.domainMapping.removeDomain", "Remove Domain")
+      });
+      if (!confirmed) return;
+      setIsMutating(true);
+      try {
+        await runMutationWithContext(async () => {
+          const call = await apiCall(
+            `/api/customer_accounts/admin/domain-mappings?id=${encodeURIComponent(mapping.id)}`,
+            { method: "DELETE" }
+          );
+          if (!call.ok || !call.result?.ok) {
+            const message = call.result?.error || t("customer_accounts.domainMapping.error.load", "Could not load custom-domain configuration");
+            flash(message, "error");
+            return;
+          }
+          flash(t("customer_accounts.domainMapping.removed", "Domain removed"), "success");
+          refresh();
+        });
+      } finally {
+        setIsMutating(false);
+      }
+    },
+    [confirm, orderedMappings, refresh, runMutationWithContext, t]
+  );
+  const replaceTargetHostname = React.useMemo(() => {
+    if (registerMode !== "change" || !replaceTargetId) return null;
+    return orderedMappings.find((m) => m.id === replaceTargetId)?.hostname ?? null;
+  }, [orderedMappings, registerMode, replaceTargetId]);
+  return /* @__PURE__ */ jsxs(Page, { children: [
+    /* @__PURE__ */ jsx("div", { className: "px-3 py-3 md:px-6 md:py-4", children: /* @__PURE__ */ jsx(
+      FormHeader,
+      {
+        mode: "detail",
+        title: t("customer_accounts.domainMapping.title", "Custom Domain"),
+        subtitle: t("customer_accounts.domainMapping.description", "Map your own domain to the customer portal"),
+        backHref: "/backend/customer_accounts/settings",
+        backLabel: t("customer_accounts.settings.title", "Portal Settings")
+      }
+    ) }),
+    /* @__PURE__ */ jsxs(PageBody, { className: "space-y-6", children: [
+      orgOptions.length > 1 ? /* @__PURE__ */ jsx("div", { className: "flex flex-wrap items-center justify-between gap-3 rounded-lg border bg-card px-4 py-3", children: /* @__PURE__ */ jsx(
+        OrgSwitcher,
+        {
+          options: orgOptions,
+          selectedId: selectedOrgId,
+          onChange: handleOrgChange
+        }
+      ) }) : null,
+      loadState === STATE_LOADING ? /* @__PURE__ */ jsx(LoadingMessage, { label: t("customer_accounts.domainMapping.loading", "Loading domain configuration\u2026") }) : null,
+      loadState === STATE_ERROR ? /* @__PURE__ */ jsx(
+        ErrorMessage,
+        {
+          label: t("customer_accounts.domainMapping.error.load", "Could not load custom-domain configuration"),
+          action: /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: refresh, children: t("customer_accounts.domainMapping.verifyNow", "Check Now") })
+        }
+      ) : null,
+      loadState === STATE_LOADED && orderedMappings.length === 0 && selectedOrgId ? /* @__PURE__ */ jsx(
+        EmptyState,
+        {
+          icon: /* @__PURE__ */ jsx(Globe, { className: "h-8 w-8", "aria-hidden": true }),
+          title: t("customer_accounts.domainMapping.empty.title", "No custom domain yet"),
+          description: t("customer_accounts.domainMapping.empty.description", "Connect your own domain so customers can reach the portal at a branded URL."),
+          action: {
+            label: t("customer_accounts.domainMapping.empty.cta", "Register Domain"),
+            onClick: handleOpenRegister,
+            icon: /* @__PURE__ */ jsx(Globe, { className: "h-4 w-4", "aria-hidden": true })
+          }
+        }
+      ) : null,
+      loadState === STATE_LOADED && orderedMappings.length > 0 ? /* @__PURE__ */ jsx("div", { className: "space-y-4", children: orderedMappings.map((mapping) => {
+        const isReplacement = mapping.id !== primaryActiveId && mapping.status !== "active";
+        return /* @__PURE__ */ jsx(
+          DomainPanel,
+          {
+            mapping,
+            isReplacement,
+            cnameTarget: config.cnameTarget,
+            aRecordTarget: config.aRecordTarget,
+            busy: isMutating,
+            onCheckNow: () => handleCheckNow(mapping),
+            onRetryTls: () => handleRetryTls(mapping),
+            onChangeDomain: () => handleOpenChange(mapping.id),
+            onRemove: () => handleRemove(mapping)
+          },
+          mapping.id
+        );
+      }) }) : null
+    ] }),
+    /* @__PURE__ */ jsx(
+      RegisterDialog,
+      {
+        open: registerOpen,
+        onOpenChange: setRegisterOpen,
+        mode: registerMode,
+        currentHostname: replaceTargetHostname,
+        onSubmit: handleSubmitRegister
+      }
+    ),
+    ConfirmDialogElement
+  ] });
+}
+export {
+  CustomerDomainSettingsPage as default
+};
+//# sourceMappingURL=page.js.map

package/dist/modules/customer_accounts/backend/customer_accounts/settings/domain/page.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../src/modules/customer_accounts/backend/customer_accounts/settings/domain/page.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { useRouter, useSearchParams } from 'next/navigation'\nimport { Globe } from 'lucide-react'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { FormHeader } from '@open-mercato/ui/backend/forms'\nimport { EmptyState } from '@open-mercato/ui/backend/EmptyState'\nimport { LoadingMessage, ErrorMessage } from '@open-mercato/ui/backend/detail'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { useConfirmDialog } from '@open-mercato/ui/backend/confirm-dialog'\nimport { useGuardedMutation } from '@open-mercato/ui/backend/injection/useGuardedMutation'\nimport { useAppEvent } from '@open-mercato/ui/backend/injection/useAppEvent'\nimport { OrgSwitcher, type OrgOption } from './components/OrgSwitcher'\nimport { DomainPanel } from './components/DomainPanel'\nimport { RegisterDialog } from './components/RegisterDialog'\nimport type { DomainListResponse, DomainMappingRow, DomainConfig } from './components/types'\n\nconst STATE_LOADING = 'loading'\nconst STATE_LOADED = 'loaded'\nconst STATE_ERROR = 'error'\ntype LoadState = typeof STATE_LOADING | typeof STATE_LOADED | typeof STATE_ERROR\n\ntype OrgSwitcherNode = {\n  id: string\n  name: string\n  depth: number\n  selectable: boolean\n  children: OrgSwitcherNode[]\n}\n\ntype OrgSwitcherResponse = {\n  items?: OrgSwitcherNode[]\n  selectedId?: string | null\n}\n\nfunction flattenOrgNodes(nodes: OrgSwitcherNode[] | undefined, acc: OrgOption[] = [], depth = 0): OrgOption[] {\n  if (!nodes) return acc\n  for (const node of nodes) {\n    if (node.selectable) {\n      acc.push({ id: node.id, label: node.name, depth })\n    }\n    flattenOrgNodes(node.children, acc, depth + 1)\n  }\n  return acc\n}\n\nexport default function CustomerDomainSettingsPage() {\n  const t = useT()\n  const router = useRouter()\n  const searchParams = useSearchParams()\n\n  const [orgOptions, setOrgOptions] = React.useState<OrgOption[]>([])\n  const [defaultOrgId, setDefaultOrgId] = React.useState<string | null>(null)\n  const [orgsLoaded, setOrgsLoaded] = React.useState(false)\n\n  const urlOrgId = searchParams?.get('org') ?? null\n  const selectedOrgId = urlOrgId ?? defaultOrgId\n\n  const [mappings, setMappings] = React.useState<DomainMappingRow[]>([])\n  const [config, setConfig] = React.useState<DomainConfig>({ cnameTarget: null, aRecordTarget: null })\n  const [loadState, setLoadState] = React.useState<LoadState>(STATE_LOADING)\n  const [reloadToken, setReloadToken] = React.useState(0)\n  const [registerOpen, setRegisterOpen] = React.useState(false)\n  const [registerMode, setRegisterMode] = React.useState<'register' | 'change'>('register')\n  const [replaceTargetId, setReplaceTargetId] = React.useState<string | null>(null)\n  const [isMutating, setIsMutating] = React.useState(false)\n\n  const { confirm, ConfirmDialogElement } = useConfirmDialog()\n  const { runMutation } = useGuardedMutation<{ entityType: string; entityId?: string }>({\n    contextId: 'customer_accounts:domain-settings',\n  })\n\n  const runMutationWithContext = React.useCallback(\n    async <T,>(operation: () => Promise<T>, mutationPayload?: Record<string, unknown>): Promise<T> => {\n      return runMutation({\n        operation,\n        mutationPayload,\n        context: { entityType: 'customer_accounts:domain_mapping' },\n      })\n    },\n    [runMutation],\n  )\n\n  const refresh = React.useCallback(() => {\n    setReloadToken((token) => token + 1)\n  }, [])\n\n  React.useEffect(() => {\n    let cancelled = false\n    async function loadOrgs() {\n      try {\n        const call = await apiCall<OrgSwitcherResponse>('/api/directory/organization-switcher')\n        if (cancelled) return\n        if (!call.ok || !call.result) {\n          setOrgOptions([])\n          setDefaultOrgId(null)\n          return\n        }\n        const flat = flattenOrgNodes(call.result.items, [], 0)\n        setOrgOptions(flat)\n        const fallback = call.result.selectedId ?? (flat[0]?.id ?? null)\n        setDefaultOrgId(fallback)\n      } catch {\n        if (!cancelled) {\n          setOrgOptions([])\n          setDefaultOrgId(null)\n        }\n      } finally {\n        if (!cancelled) setOrgsLoaded(true)\n      }\n    }\n    loadOrgs()\n    return () => {\n      cancelled = true\n    }\n  }, [])\n\n  React.useEffect(() => {\n    if (!orgsLoaded) return\n    if (!selectedOrgId) {\n      setMappings([])\n      setConfig({ cnameTarget: null, aRecordTarget: null })\n      setLoadState(STATE_LOADED)\n      return\n    }\n    let cancelled = false\n    async function load() {\n      setLoadState(STATE_LOADING)\n      try {\n        const call = await apiCall<DomainListResponse>(\n          `/api/customer_accounts/admin/domain-mappings?organizationId=${encodeURIComponent(selectedOrgId!)}`,\n        )\n        if (cancelled) return\n        if (!call.ok || !call.result?.ok) {\n          setLoadState(STATE_ERROR)\n          return\n        }\n        setMappings(Array.isArray(call.result.domainMappings) ? call.result.domainMappings : [])\n        setConfig(call.result.config ?? { cnameTarget: null, aRecordTarget: null })\n        setLoadState(STATE_LOADED)\n      } catch {\n        if (!cancelled) setLoadState(STATE_ERROR)\n      }\n    }\n    load()\n    return () => {\n      cancelled = true\n    }\n  }, [orgsLoaded, selectedOrgId, reloadToken])\n\n  useAppEvent('customer_accounts.domain_mapping.*', () => {\n    refresh()\n  }, [refresh])\n\n  const orderedMappings = React.useMemo(() => {\n    if (mappings.length === 0) return []\n    const sorted = [...mappings].sort((a, b) => {\n      const aActive = a.status === 'active' ? 0 : 1\n      const bActive = b.status === 'active' ? 0 : 1\n      if (aActive !== bActive) return aActive - bActive\n      return new Date(a.createdAt).getTime() - new Date(b.createdAt).getTime()\n    })\n    return sorted\n  }, [mappings])\n\n  const primaryActiveId = React.useMemo(() => {\n    const active = orderedMappings.find((m) => m.status === 'active')\n    if (active) return active.id\n    return orderedMappings[0]?.id ?? null\n  }, [orderedMappings])\n\n  const handleOrgChange = React.useCallback(\n    (next: string) => {\n      const params = new URLSearchParams(searchParams?.toString() ?? '')\n      if (next) params.set('org', next)\n      else params.delete('org')\n      const qs = params.toString()\n      router.replace(qs ? `?${qs}` : '?', { scroll: false })\n    },\n    [router, searchParams],\n  )\n\n  const handleOpenRegister = React.useCallback(() => {\n    setRegisterMode('register')\n    setReplaceTargetId(null)\n    setRegisterOpen(true)\n  }, [])\n\n  const handleOpenChange = React.useCallback((mappingId: string) => {\n    setRegisterMode('change')\n    setReplaceTargetId(mappingId)\n    setRegisterOpen(true)\n  }, [])\n\n  const handleSubmitRegister = React.useCallback(\n    async (hostname: string) => {\n      if (!selectedOrgId) {\n        throw new Error(t('customer_accounts.domainMapping.error.load', 'Could not load custom-domain configuration'))\n      }\n      setIsMutating(true)\n      try {\n        await runMutationWithContext(async () => {\n          const body: Record<string, unknown> = {\n            hostname,\n            organizationId: selectedOrgId,\n          }\n          if (registerMode === 'change' && replaceTargetId) {\n            body.replacesDomainId = replaceTargetId\n          }\n          const call = await apiCall<{ ok: boolean; error?: string; domainMapping?: DomainMappingRow }>(\n            '/api/customer_accounts/admin/domain-mappings',\n            {\n              method: 'POST',\n              headers: { 'content-type': 'application/json' },\n              body: JSON.stringify(body),\n            },\n          )\n          if (!call.ok || !call.result?.ok) {\n            const message = call.result?.error\n              || t('customer_accounts.domainMapping.alreadyClaimed', 'This domain is not available. Please choose a different hostname.')\n            throw new Error(message)\n          }\n          flash(t('customer_accounts.domainMapping.registered', 'Domain registered successfully'), 'success')\n          setRegisterOpen(false)\n          refresh()\n        })\n      } finally {\n        setIsMutating(false)\n      }\n    },\n    [refresh, registerMode, replaceTargetId, runMutationWithContext, selectedOrgId, t],\n  )\n\n  const handleCheckNow = React.useCallback(\n    async (mapping: DomainMappingRow) => {\n      setIsMutating(true)\n      try {\n        await runMutationWithContext(async () => {\n          const call = await apiCall<{ ok: boolean; error?: string }>(\n            `/api/customer_accounts/admin/domain-mappings/${encodeURIComponent(mapping.id)}/verify`,\n            { method: 'POST' },\n          )\n          if (!call.ok || !call.result?.ok) {\n            const message = call.result?.error || t('customer_accounts.domainMapping.error.load', 'Could not load custom-domain configuration')\n            flash(message, 'error')\n            return\n          }\n          refresh()\n        })\n      } finally {\n        setIsMutating(false)\n      }\n    },\n    [refresh, runMutationWithContext, t],\n  )\n\n  const handleRetryTls = React.useCallback(\n    async (mapping: DomainMappingRow) => {\n      setIsMutating(true)\n      try {\n        await runMutationWithContext(async () => {\n          const call = await apiCall<{ ok: boolean; error?: string }>(\n            `/api/customer_accounts/admin/domain-mappings/${encodeURIComponent(mapping.id)}/health-check`,\n            { method: 'POST' },\n          )\n          if (!call.ok || !call.result?.ok) {\n            const message = call.result?.error || t('customer_accounts.domainMapping.error.load', 'Could not load custom-domain configuration')\n            flash(message, 'error')\n            return\n          }\n          refresh()\n        })\n      } finally {\n        setIsMutating(false)\n      }\n    },\n    [refresh, runMutationWithContext, t],\n  )\n\n  const handleRemove = React.useCallback(\n    async (mapping: DomainMappingRow) => {\n      const replacement = orderedMappings.find(\n        (m) => m.id !== mapping.id && m.status !== 'active',\n      )\n      const text = replacement\n        ? t('customer_accounts.domainMapping.removeConfirm.hasReplacement', 'This will also cancel the pending replacement domain ({hostname}).', { hostname: replacement.hostname })\n        : t('customer_accounts.domainMapping.removeConfirm', 'Are you sure? Customers using this domain will no longer be able to reach your portal.')\n      const confirmed = await confirm({\n        title: t('customer_accounts.domainMapping.removeConfirm.title', 'Remove custom domain?'),\n        text,\n        variant: 'destructive',\n        confirmText: t('customer_accounts.domainMapping.removeDomain', 'Remove Domain'),\n      })\n      if (!confirmed) return\n      setIsMutating(true)\n      try {\n        await runMutationWithContext(async () => {\n          const call = await apiCall<{ ok: boolean; error?: string }>(\n            `/api/customer_accounts/admin/domain-mappings?id=${encodeURIComponent(mapping.id)}`,\n            { method: 'DELETE' },\n          )\n          if (!call.ok || !call.result?.ok) {\n            const message = call.result?.error || t('customer_accounts.domainMapping.error.load', 'Could not load custom-domain configuration')\n            flash(message, 'error')\n            return\n          }\n          flash(t('customer_accounts.domainMapping.removed', 'Domain removed'), 'success')\n          refresh()\n        })\n      } finally {\n        setIsMutating(false)\n      }\n    },\n    [confirm, orderedMappings, refresh, runMutationWithContext, t],\n  )\n\n  const replaceTargetHostname = React.useMemo(() => {\n    if (registerMode !== 'change' || !replaceTargetId) return null\n    return orderedMappings.find((m) => m.id === replaceTargetId)?.hostname ?? null\n  }, [orderedMappings, registerMode, replaceTargetId])\n\n  return (\n    <Page>\n      <div className=\"px-3 py-3 md:px-6 md:py-4\">\n        <FormHeader\n          mode=\"detail\"\n          title={t('customer_accounts.domainMapping.title', 'Custom Domain')}\n          subtitle={t('customer_accounts.domainMapping.description', 'Map your own domain to the customer portal')}\n          backHref=\"/backend/customer_accounts/settings\"\n          backLabel={t('customer_accounts.settings.title', 'Portal Settings')}\n        />\n      </div>\n\n      <PageBody className=\"space-y-6\">\n        {orgOptions.length > 1 ? (\n          <div className=\"flex flex-wrap items-center justify-between gap-3 rounded-lg border bg-card px-4 py-3\">\n            <OrgSwitcher\n              options={orgOptions}\n              selectedId={selectedOrgId}\n              onChange={handleOrgChange}\n            />\n          </div>\n        ) : null}\n\n        {loadState === STATE_LOADING ? (\n          <LoadingMessage label={t('customer_accounts.domainMapping.loading', 'Loading domain configuration\u2026')} />\n        ) : null}\n\n        {loadState === STATE_ERROR ? (\n          <ErrorMessage\n            label={t('customer_accounts.domainMapping.error.load', 'Could not load custom-domain configuration')}\n            action={\n              <Button type=\"button\" variant=\"outline\" size=\"sm\" onClick={refresh}>\n                {t('customer_accounts.domainMapping.verifyNow', 'Check Now')}\n              </Button>\n            }\n          />\n        ) : null}\n\n        {loadState === STATE_LOADED && orderedMappings.length === 0 && selectedOrgId ? (\n          <EmptyState\n            icon={<Globe className=\"h-8 w-8\" aria-hidden />}\n            title={t('customer_accounts.domainMapping.empty.title', 'No custom domain yet')}\n            description={t('customer_accounts.domainMapping.empty.description', 'Connect your own domain so customers can reach the portal at a branded URL.')}\n            action={{\n              label: t('customer_accounts.domainMapping.empty.cta', 'Register Domain'),\n              onClick: handleOpenRegister,\n              icon: <Globe className=\"h-4 w-4\" aria-hidden />,\n            }}\n          />\n        ) : null}\n\n        {loadState === STATE_LOADED && orderedMappings.length > 0 ? (\n          <div className=\"space-y-4\">\n            {orderedMappings.map((mapping) => {\n              const isReplacement = mapping.id !== primaryActiveId && mapping.status !== 'active'\n              return (\n                <DomainPanel\n                  key={mapping.id}\n                  mapping={mapping}\n                  isReplacement={isReplacement}\n                  cnameTarget={config.cnameTarget}\n                  aRecordTarget={config.aRecordTarget}\n                  busy={isMutating}\n                  onCheckNow={() => handleCheckNow(mapping)}\n                  onRetryTls={() => handleRetryTls(mapping)}\n                  onChangeDomain={() => handleOpenChange(mapping.id)}\n                  onRemove={() => handleRemove(mapping)}\n                />\n              )\n            })}\n          </div>\n        ) : null}\n      </PageBody>\n\n      <RegisterDialog\n        open={registerOpen}\n        onOpenChange={setRegisterOpen}\n        mode={registerMode}\n        currentHostname={replaceTargetHostname}\n        onSubmit={handleSubmitRegister}\n      />\n\n      {ConfirmDialogElement}\n    </Page>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/modules/customer_accounts/backend/customer_accounts/settings/domain/page.meta.js

@@ -0,0 +1,28 @@
+import React from "react";
+const globeIcon = React.createElement(
+  "svg",
+  { width: 16, height: 16, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" },
+  React.createElement("circle", { cx: 12, cy: 12, r: 10 }),
+  React.createElement("path", { d: "M2 12h20" }),
+  React.createElement("path", { d: "M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z" })
+);
+const metadata = {
+  requireAuth: true,
+  requireFeatures: ["customer_accounts.domain.manage"],
+  pageTitle: "Custom Domain",
+  pageTitleKey: "customer_accounts.domainMapping.title",
+  pageGroup: "Module Configs",
+  pageGroupKey: "settings.sections.moduleConfigs",
+  pageOrder: 60,
+  icon: globeIcon,
+  pageContext: "settings",
+  breadcrumb: [
+    { label: "Custom Domain", labelKey: "customer_accounts.domainMapping.title" }
+  ]
+};
+var page_meta_default = metadata;
+export {
+  page_meta_default as default,
+  metadata
+};
+//# sourceMappingURL=page.meta.js.map

package/dist/modules/customer_accounts/backend/customer_accounts/settings/domain/page.meta.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../src/modules/customer_accounts/backend/customer_accounts/settings/domain/page.meta.ts"],
+  "sourcesContent": ["import React from 'react'\n\nconst globeIcon = React.createElement(\n  'svg',\n  { width: 16, height: 16, viewBox: '0 0 24 24', fill: 'none', stroke: 'currentColor', strokeWidth: 2, strokeLinecap: 'round', strokeLinejoin: 'round' },\n  React.createElement('circle', { cx: 12, cy: 12, r: 10 }),\n  React.createElement('path', { d: 'M2 12h20' }),\n  React.createElement('path', { d: 'M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z' }),\n)\n\nexport const metadata = {\n  requireAuth: true,\n  requireFeatures: ['customer_accounts.domain.manage'],\n  pageTitle: 'Custom Domain',\n  pageTitleKey: 'customer_accounts.domainMapping.title',\n  pageGroup: 'Module Configs',\n  pageGroupKey: 'settings.sections.moduleConfigs',\n  pageOrder: 60,\n  icon: globeIcon,\n  pageContext: 'settings' as const,\n  breadcrumb: [\n    { label: 'Custom Domain', labelKey: 'customer_accounts.domainMapping.title' },\n  ],\n}\n\nexport default metadata\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAElB,MAAM,YAAY,MAAM;AAAA,EACtB;AAAA,EACA,EAAE,OAAO,IAAI,QAAQ,IAAI,SAAS,aAAa,MAAM,QAAQ,QAAQ,gBAAgB,aAAa,GAAG,eAAe,SAAS,gBAAgB,QAAQ;AAAA,EACrJ,MAAM,cAAc,UAAU,EAAE,IAAI,IAAI,IAAI,IAAI,GAAG,GAAG,CAAC;AAAA,EACvD,MAAM,cAAc,QAAQ,EAAE,GAAG,WAAW,CAAC;AAAA,EAC7C,MAAM,cAAc,QAAQ,EAAE,GAAG,6FAA6F,CAAC;AACjI;AAEO,MAAM,WAAW;AAAA,EACtB,aAAa;AAAA,EACb,iBAAiB,CAAC,iCAAiC;AAAA,EACnD,WAAW;AAAA,EACX,cAAc;AAAA,EACd,WAAW;AAAA,EACX,cAAc;AAAA,EACd,WAAW;AAAA,EACX,MAAM;AAAA,EACN,aAAa;AAAA,EACb,YAAY;AAAA,IACV,EAAE,OAAO,iBAAiB,UAAU,wCAAwC;AAAA,EAC9E;AACF;AAEA,IAAO,oBAAQ;",
+  "names": []
+}

package/dist/modules/customer_accounts/backend/customer_accounts/users/[id]/page.js

@@ -7,6 +7,7 @@ import { Page, PageBody } from "@open-mercato/ui/backend/Page";
 import { FormHeader } from "@open-mercato/ui/backend/forms";
 import { Button } from "@open-mercato/ui/primitives/button";
 import { Input } from "@open-mercato/ui/primitives/input";
+import { PasswordInput } from "@open-mercato/ui/primitives/password-input";
 import { Spinner } from "@open-mercato/ui/primitives/spinner";
 import { SwitchField } from "@open-mercato/ui/primitives/switch-field";
 import { Dialog, DialogContent, DialogHeader, DialogTitle } from "@open-mercato/ui/primitives/dialog";
@@ -80,15 +81,15 @@ function ResetPasswordDialog({
       /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
         /* @__PURE__ */ jsx("label", { className: "text-sm font-medium", htmlFor: "reset-password", children: t("customer_accounts.admin.detail.resetPassword.fields.newPassword", "New Password") }),
         /* @__PURE__ */ jsx(
-          Input,
+          PasswordInput,
           {
             id: "reset-password",
-            type: "password",
             required: true,
             minLength: 8,
             value: newPassword,
             onChange: (event) => setNewPassword(event.target.value),
-            placeholder: t("customer_accounts.admin.detail.resetPassword.fields.placeholder", "Min. 8 characters")
+            placeholder: t("customer_accounts.admin.detail.resetPassword.fields.placeholder", "Min. 8 characters"),
+            autoComplete: "new-password"
           }
         )
       ] }),