@open-mercato/core 0.6.8-develop.7101.1.bd9356828a → 0.7.1-develop.7102.1.b41f7e3e51

package/dist/modules/customer_accounts/backend/customer_accounts/settings/CustomerAccountsSettingsPageClient.js

@@ -0,0 +1,84 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import Link from "next/link";
+import { FormHeader } from "@open-mercato/ui/backend/forms";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { buildPortalRootUrl, buildPortalUrlPattern } from "../../../lib/portalUrl.js";
+const DEMO_CREDENTIALS = [
+  { email: "alice.johnson@example.com", password: "Password123!", role: "Portal Admin" },
+  { email: "bob.smith@example.com", password: "Password123!", role: "Buyer" },
+  { email: "carol.white@example.com", password: "Password123!", role: "Viewer" }
+];
+function CustomerAccountsSettingsPageClient({ portalOrigin }) {
+  const t = useT();
+  const portalUrl = useMemo(() => buildPortalUrlPattern(portalOrigin), [portalOrigin]);
+  const portalRootUrl = useMemo(() => buildPortalRootUrl(portalOrigin), [portalOrigin]);
+  return /* @__PURE__ */ jsxs(Fragment, { 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.settings.title", "Portal Settings"),
+        backHref: "/backend/customer_accounts/users",
+        backLabel: t("customer_accounts.settings.back", "Customer Users")
+      }
+    ) }),
+    /* @__PURE__ */ jsxs("div", { className: "max-w-2xl space-y-6", children: [
+      /* @__PURE__ */ jsxs("div", { className: "rounded-lg border p-4 space-y-3", children: [
+        /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold", children: t("customer_accounts.settings.portal_access.title", "Portal Access") }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t("customer_accounts.settings.portal_access.url_label", "Portal URL pattern:") }),
+          /* @__PURE__ */ jsx("code", { className: "mt-1 block rounded bg-muted px-3 py-2 text-sm font-mono", children: portalUrl })
+        ] }),
+        /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", size: "sm", asChild: true, children: /* @__PURE__ */ jsx("a", { href: portalRootUrl, target: "_blank", rel: "noopener noreferrer", children: t("customer_accounts.settings.portal_access.open_portal", "Open Portal") }) }) }),
+        /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t(
+          "customer_accounts.settings.portal_access.slug_note",
+          "The organization slug is auto-generated from the organization name. You can view and manage organizations in Directory \u2192 Organizations."
+        ) }),
+        /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: /* @__PURE__ */ jsx(Link, { href: "/backend/directory/organizations", className: "text-primary underline underline-offset-4 hover:text-primary/80", children: t("customer_accounts.settings.portal_access.manage_orgs", "Manage Organizations") }) })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "rounded-lg border p-4 space-y-3", children: [
+        /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold", children: t("customer_accounts.settings.demo_credentials.title", "Demo Credentials") }),
+        /* @__PURE__ */ jsx("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxs("table", { className: "w-full text-sm", children: [
+          /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { className: "border-b text-left", children: [
+            /* @__PURE__ */ jsx("th", { className: "pb-2 pr-4 font-medium text-muted-foreground", children: t("customer_accounts.settings.demo_credentials.email", "Email") }),
+            /* @__PURE__ */ jsx("th", { className: "pb-2 pr-4 font-medium text-muted-foreground", children: t("customer_accounts.settings.demo_credentials.password", "Password") }),
+            /* @__PURE__ */ jsx("th", { className: "pb-2 font-medium text-muted-foreground", children: t("customer_accounts.settings.demo_credentials.role", "Role") })
+          ] }) }),
+          /* @__PURE__ */ jsx("tbody", { children: DEMO_CREDENTIALS.map((cred) => /* @__PURE__ */ jsxs("tr", { className: "border-b last:border-0", children: [
+            /* @__PURE__ */ jsx("td", { className: "py-2 pr-4 font-mono text-xs", children: cred.email }),
+            /* @__PURE__ */ jsx("td", { className: "py-2 pr-4 font-mono text-xs", children: cred.password }),
+            /* @__PURE__ */ jsx("td", { className: "py-2 text-xs", children: cred.role })
+          ] }, cred.email)) })
+        ] }) }),
+        /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t(
+          "customer_accounts.settings.demo_credentials.note",
+          "These credentials are only available if example data was seeded during setup."
+        ) })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "rounded-lg border p-4 space-y-3", children: [
+        /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold", children: t("customer_accounts.settings.quick_links.title", "Quick Links") }),
+        /* @__PURE__ */ jsxs("ul", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Link, { href: "/backend/customer_accounts/users", className: "text-sm text-primary underline underline-offset-4 hover:text-primary/80", children: t("customer_accounts.settings.quick_links.manage_users", "Manage customer users") }) }),
+          /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Link, { href: "/backend/customer_accounts/roles", className: "text-sm text-primary underline underline-offset-4 hover:text-primary/80", children: t("customer_accounts.settings.quick_links.manage_roles", "Manage customer roles") }) }),
+          /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+            "a",
+            {
+              href: "https://docs.open-mercato.com/framework/modules/customer-portal",
+              target: "_blank",
+              rel: "noopener noreferrer",
+              className: "text-sm text-primary underline underline-offset-4 hover:text-primary/80",
+              children: t("customer_accounts.settings.quick_links.portal_docs", "Portal documentation")
+            }
+          ) })
+        ] })
+      ] })
+    ] })
+  ] });
+}
+export {
+  CustomerAccountsSettingsPageClient
+};
+//# sourceMappingURL=CustomerAccountsSettingsPageClient.js.map

package/dist/modules/customer_accounts/backend/customer_accounts/settings/CustomerAccountsSettingsPageClient.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/customer_accounts/backend/customer_accounts/settings/CustomerAccountsSettingsPageClient.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport { useMemo } from 'react'\nimport Link from 'next/link'\nimport { FormHeader } from '@open-mercato/ui/backend/forms'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { buildPortalRootUrl, buildPortalUrlPattern } from '../../../lib/portalUrl'\n\nconst DEMO_CREDENTIALS = [\n  { email: 'alice.johnson@example.com', password: 'Password123!', role: 'Portal Admin' },\n  { email: 'bob.smith@example.com', password: 'Password123!', role: 'Buyer' },\n  { email: 'carol.white@example.com', password: 'Password123!', role: 'Viewer' },\n] as const\n\nexport type CustomerAccountsSettingsPageClientProps = {\n  portalOrigin: string\n}\n\nexport function CustomerAccountsSettingsPageClient({ portalOrigin }: CustomerAccountsSettingsPageClientProps) {\n  const t = useT()\n\n  const portalUrl = useMemo(() => buildPortalUrlPattern(portalOrigin), [portalOrigin])\n  const portalRootUrl = useMemo(() => buildPortalRootUrl(portalOrigin), [portalOrigin])\n\n  return (\n    <>\n      <div className=\"px-3 py-3 md:px-6 md:py-4\">\n        <FormHeader\n          mode=\"detail\"\n          title={t('customer_accounts.settings.title', 'Portal Settings')}\n          backHref=\"/backend/customer_accounts/users\"\n          backLabel={t('customer_accounts.settings.back', 'Customer Users')}\n        />\n      </div>\n\n      <div className=\"max-w-2xl space-y-6\">\n        <div className=\"rounded-lg border p-4 space-y-3\">\n          <h3 className=\"text-sm font-semibold\">\n            {t('customer_accounts.settings.portal_access.title', 'Portal Access')}\n          </h3>\n          <div>\n            <p className=\"text-sm text-muted-foreground\">\n              {t('customer_accounts.settings.portal_access.url_label', 'Portal URL pattern:')}\n            </p>\n            <code className=\"mt-1 block rounded bg-muted px-3 py-2 text-sm font-mono\">\n              {portalUrl}\n            </code>\n          </div>\n          <div>\n            <Button type=\"button\" variant=\"outline\" size=\"sm\" asChild>\n              <a href={portalRootUrl} target=\"_blank\" rel=\"noopener noreferrer\">\n                {t('customer_accounts.settings.portal_access.open_portal', 'Open Portal')}\n              </a>\n            </Button>\n          </div>\n          <p className=\"text-xs text-muted-foreground\">\n            {t(\n              'customer_accounts.settings.portal_access.slug_note',\n              'The organization slug is auto-generated from the organization name. You can view and manage organizations in Directory \\u2192 Organizations.',\n            )}\n          </p>\n          <p className=\"text-xs text-muted-foreground\">\n            <Link href=\"/backend/directory/organizations\" className=\"text-primary underline underline-offset-4 hover:text-primary/80\">\n              {t('customer_accounts.settings.portal_access.manage_orgs', 'Manage Organizations')}\n            </Link>\n          </p>\n        </div>\n\n        <div className=\"rounded-lg border p-4 space-y-3\">\n          <h3 className=\"text-sm font-semibold\">\n            {t('customer_accounts.settings.demo_credentials.title', 'Demo Credentials')}\n          </h3>\n          <div className=\"overflow-x-auto\">\n            <table className=\"w-full text-sm\">\n              <thead>\n                <tr className=\"border-b text-left\">\n                  <th className=\"pb-2 pr-4 font-medium text-muted-foreground\">\n                    {t('customer_accounts.settings.demo_credentials.email', 'Email')}\n                  </th>\n                  <th className=\"pb-2 pr-4 font-medium text-muted-foreground\">\n                    {t('customer_accounts.settings.demo_credentials.password', 'Password')}\n                  </th>\n                  <th className=\"pb-2 font-medium text-muted-foreground\">\n                    {t('customer_accounts.settings.demo_credentials.role', 'Role')}\n                  </th>\n                </tr>\n              </thead>\n              <tbody>\n                {DEMO_CREDENTIALS.map((cred) => (\n                  <tr key={cred.email} className=\"border-b last:border-0\">\n                    <td className=\"py-2 pr-4 font-mono text-xs\">{cred.email}</td>\n                    <td className=\"py-2 pr-4 font-mono text-xs\">{cred.password}</td>\n                    <td className=\"py-2 text-xs\">{cred.role}</td>\n                  </tr>\n                ))}\n              </tbody>\n            </table>\n          </div>\n          <p className=\"text-xs text-muted-foreground\">\n            {t(\n              'customer_accounts.settings.demo_credentials.note',\n              'These credentials are only available if example data was seeded during setup.',\n            )}\n          </p>\n        </div>\n\n        <div className=\"rounded-lg border p-4 space-y-3\">\n          <h3 className=\"text-sm font-semibold\">\n            {t('customer_accounts.settings.quick_links.title', 'Quick Links')}\n          </h3>\n          <ul className=\"space-y-2\">\n            <li>\n              <Link href=\"/backend/customer_accounts/users\" className=\"text-sm text-primary underline underline-offset-4 hover:text-primary/80\">\n                {t('customer_accounts.settings.quick_links.manage_users', 'Manage customer users')}\n              </Link>\n            </li>\n            <li>\n              <Link href=\"/backend/customer_accounts/roles\" className=\"text-sm text-primary underline underline-offset-4 hover:text-primary/80\">\n                {t('customer_accounts.settings.quick_links.manage_roles', 'Manage customer roles')}\n              </Link>\n            </li>\n            <li>\n              <a\n                href=\"https://docs.open-mercato.com/framework/modules/customer-portal\"\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n                className=\"text-sm text-primary underline underline-offset-4 hover:text-primary/80\"\n              >\n                {t('customer_accounts.settings.quick_links.portal_docs', 'Portal documentation')}\n              </a>\n            </li>\n          </ul>\n        </div>\n      </div>\n    </>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

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

@@ -1,85 +1,11 @@
-"use client";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useMemo } from "react";
-import Link from "next/link";
+import { jsx } from "react/jsx-runtime";
+import { headers } from "next/headers";
 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 { useT } from "@open-mercato/shared/lib/i18n/context";
-function useOrigin() {
-  return typeof window !== "undefined" ? window.location.origin : "";
-}
-const DEMO_CREDENTIALS = [
-  { email: "alice.johnson@example.com", password: "Password123!", role: "Portal Admin" },
-  { email: "bob.smith@example.com", password: "Password123!", role: "Buyer" },
-  { email: "carol.white@example.com", password: "Password123!", role: "Viewer" }
-];
-function CustomerAccountsSettingsPage() {
-  const t = useT();
-  const origin = useOrigin();
-  const portalUrl = useMemo(() => `${origin}/[org-slug]/portal`, [origin]);
-  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.settings.title", "Portal Settings"),
-        backHref: "/backend/customer_accounts/users",
-        backLabel: t("customer_accounts.settings.back", "Customer Users")
-      }
-    ) }),
-    /* @__PURE__ */ jsx(PageBody, { children: /* @__PURE__ */ jsxs("div", { className: "max-w-2xl space-y-6", children: [
-      /* @__PURE__ */ jsxs("div", { className: "rounded-lg border p-4 space-y-3", children: [
-        /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold", children: t("customer_accounts.settings.portal_access.title", "Portal Access") }),
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t("customer_accounts.settings.portal_access.url_label", "Portal URL pattern:") }),
-          /* @__PURE__ */ jsx("code", { className: "mt-1 block rounded bg-muted px-3 py-2 text-sm font-mono", children: portalUrl })
-        ] }),
-        /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", size: "sm", asChild: true, children: /* @__PURE__ */ jsx("a", { href: `${origin}/portal`, target: "_blank", rel: "noopener noreferrer", children: t("customer_accounts.settings.portal_access.open_portal", "Open Portal") }) }) }),
-        /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t(
-          "customer_accounts.settings.portal_access.slug_note",
-          "The organization slug is auto-generated from the organization name. You can view and manage organizations in Directory \u2192 Organizations."
-        ) }),
-        /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: /* @__PURE__ */ jsx(Link, { href: "/backend/directory/organizations", className: "text-primary underline underline-offset-4 hover:text-primary/80", children: t("customer_accounts.settings.portal_access.manage_orgs", "Manage Organizations") }) })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "rounded-lg border p-4 space-y-3", children: [
-        /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold", children: t("customer_accounts.settings.demo_credentials.title", "Demo Credentials") }),
-        /* @__PURE__ */ jsx("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxs("table", { className: "w-full text-sm", children: [
-          /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { className: "border-b text-left", children: [
-            /* @__PURE__ */ jsx("th", { className: "pb-2 pr-4 font-medium text-muted-foreground", children: t("customer_accounts.settings.demo_credentials.email", "Email") }),
-            /* @__PURE__ */ jsx("th", { className: "pb-2 pr-4 font-medium text-muted-foreground", children: t("customer_accounts.settings.demo_credentials.password", "Password") }),
-            /* @__PURE__ */ jsx("th", { className: "pb-2 font-medium text-muted-foreground", children: t("customer_accounts.settings.demo_credentials.role", "Role") })
-          ] }) }),
-          /* @__PURE__ */ jsx("tbody", { children: DEMO_CREDENTIALS.map((cred) => /* @__PURE__ */ jsxs("tr", { className: "border-b last:border-0", children: [
-            /* @__PURE__ */ jsx("td", { className: "py-2 pr-4 font-mono text-xs", children: cred.email }),
-            /* @__PURE__ */ jsx("td", { className: "py-2 pr-4 font-mono text-xs", children: cred.password }),
-            /* @__PURE__ */ jsx("td", { className: "py-2 text-xs", children: cred.role })
-          ] }, cred.email)) })
-        ] }) }),
-        /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t(
-          "customer_accounts.settings.demo_credentials.note",
-          "These credentials are only available if example data was seeded during setup."
-        ) })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "rounded-lg border p-4 space-y-3", children: [
-        /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold", children: t("customer_accounts.settings.quick_links.title", "Quick Links") }),
-        /* @__PURE__ */ jsxs("ul", { className: "space-y-2", children: [
-          /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Link, { href: "/backend/customer_accounts/users", className: "text-sm text-primary underline underline-offset-4 hover:text-primary/80", children: t("customer_accounts.settings.quick_links.manage_users", "Manage customer users") }) }),
-          /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Link, { href: "/backend/customer_accounts/roles", className: "text-sm text-primary underline underline-offset-4 hover:text-primary/80", children: t("customer_accounts.settings.quick_links.manage_roles", "Manage customer roles") }) }),
-          /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-            "a",
-            {
-              href: "https://docs.open-mercato.com/framework/modules/customer-portal",
-              target: "_blank",
-              rel: "noopener noreferrer",
-              className: "text-sm text-primary underline underline-offset-4 hover:text-primary/80",
-              children: t("customer_accounts.settings.quick_links.portal_docs", "Portal documentation")
-            }
-          ) })
-        ] })
-      ] })
-    ] }) })
-  ] });
+import { resolvePortalRequestOrigin } from "../../../lib/portalUrl.js";
+import { CustomerAccountsSettingsPageClient } from "./CustomerAccountsSettingsPageClient.js";
+async function CustomerAccountsSettingsPage() {
+  const portalOrigin = resolvePortalRequestOrigin(await headers());
+  return /* @__PURE__ */ jsx(Page, { children: /* @__PURE__ */ jsx(PageBody, { className: "space-y-6", children: /* @__PURE__ */ jsx(CustomerAccountsSettingsPageClient, { portalOrigin }) }) });
 }
 export {
   CustomerAccountsSettingsPage as default

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/modules/customer_accounts/backend/customer_accounts/settings/page.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport { useMemo } from 'react'\nimport Link from 'next/link'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { FormHeader } from '@open-mercato/ui/backend/forms'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\n\nfunction useOrigin() {\n  return typeof window !== 'undefined' ? window.location.origin : ''\n}\n\nconst DEMO_CREDENTIALS = [\n  { email: 'alice.johnson@example.com', password: 'Password123!', role: 'Portal Admin' },\n  { email: 'bob.smith@example.com', password: 'Password123!', role: 'Buyer' },\n  { email: 'carol.white@example.com', password: 'Password123!', role: 'Viewer' },\n] as const\n\nexport default function CustomerAccountsSettingsPage() {\n  const t = useT()\n  const origin = useOrigin()\n\n  const portalUrl = useMemo(() => `${origin}/[org-slug]/portal`, [origin])\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.settings.title', 'Portal Settings')}\n          backHref=\"/backend/customer_accounts/users\"\n          backLabel={t('customer_accounts.settings.back', 'Customer Users')}\n        />\n      </div>\n\n      <PageBody>\n        <div className=\"max-w-2xl space-y-6\">\n          <div className=\"rounded-lg border p-4 space-y-3\">\n            <h3 className=\"text-sm font-semibold\">\n              {t('customer_accounts.settings.portal_access.title', 'Portal Access')}\n            </h3>\n            <div>\n              <p className=\"text-sm text-muted-foreground\">\n                {t('customer_accounts.settings.portal_access.url_label', 'Portal URL pattern:')}\n              </p>\n              <code className=\"mt-1 block rounded bg-muted px-3 py-2 text-sm font-mono\">\n                {portalUrl}\n              </code>\n            </div>\n            <div>\n              <Button type=\"button\" variant=\"outline\" size=\"sm\" asChild>\n                <a href={`${origin}/portal`} target=\"_blank\" rel=\"noopener noreferrer\">\n                  {t('customer_accounts.settings.portal_access.open_portal', 'Open Portal')}\n                </a>\n              </Button>\n            </div>\n            <p className=\"text-xs text-muted-foreground\">\n              {t(\n                'customer_accounts.settings.portal_access.slug_note',\n                'The organization slug is auto-generated from the organization name. You can view and manage organizations in Directory \\u2192 Organizations.',\n              )}\n            </p>\n            <p className=\"text-xs text-muted-foreground\">\n              <Link href=\"/backend/directory/organizations\" className=\"text-primary underline underline-offset-4 hover:text-primary/80\">\n                {t('customer_accounts.settings.portal_access.manage_orgs', 'Manage Organizations')}\n              </Link>\n            </p>\n          </div>\n\n          <div className=\"rounded-lg border p-4 space-y-3\">\n            <h3 className=\"text-sm font-semibold\">\n              {t('customer_accounts.settings.demo_credentials.title', 'Demo Credentials')}\n            </h3>\n            <div className=\"overflow-x-auto\">\n              <table className=\"w-full text-sm\">\n                <thead>\n                  <tr className=\"border-b text-left\">\n                    <th className=\"pb-2 pr-4 font-medium text-muted-foreground\">\n                      {t('customer_accounts.settings.demo_credentials.email', 'Email')}\n                    </th>\n                    <th className=\"pb-2 pr-4 font-medium text-muted-foreground\">\n                      {t('customer_accounts.settings.demo_credentials.password', 'Password')}\n                    </th>\n                    <th className=\"pb-2 font-medium text-muted-foreground\">\n                      {t('customer_accounts.settings.demo_credentials.role', 'Role')}\n                    </th>\n                  </tr>\n                </thead>\n                <tbody>\n                  {DEMO_CREDENTIALS.map((cred) => (\n                    <tr key={cred.email} className=\"border-b last:border-0\">\n                      <td className=\"py-2 pr-4 font-mono text-xs\">{cred.email}</td>\n                      <td className=\"py-2 pr-4 font-mono text-xs\">{cred.password}</td>\n                      <td className=\"py-2 text-xs\">{cred.role}</td>\n                    </tr>\n                  ))}\n                </tbody>\n              </table>\n            </div>\n            <p className=\"text-xs text-muted-foreground\">\n              {t(\n                'customer_accounts.settings.demo_credentials.note',\n                'These credentials are only available if example data was seeded during setup.',\n              )}\n            </p>\n          </div>\n\n          <div className=\"rounded-lg border p-4 space-y-3\">\n            <h3 className=\"text-sm font-semibold\">\n              {t('customer_accounts.settings.quick_links.title', 'Quick Links')}\n            </h3>\n            <ul className=\"space-y-2\">\n              <li>\n                <Link href=\"/backend/customer_accounts/users\" className=\"text-sm text-primary underline underline-offset-4 hover:text-primary/80\">\n                  {t('customer_accounts.settings.quick_links.manage_users', 'Manage customer users')}\n                </Link>\n              </li>\n              <li>\n                <Link href=\"/backend/customer_accounts/roles\" className=\"text-sm text-primary underline underline-offset-4 hover:text-primary/80\">\n                  {t('customer_accounts.settings.quick_links.manage_roles', 'Manage customer roles')}\n                </Link>\n              </li>\n              <li>\n                <a\n                  href=\"https://docs.open-mercato.com/framework/modules/customer-portal\"\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\"\n                  className=\"text-sm text-primary underline underline-offset-4 hover:text-primary/80\"\n                >\n                  {t('customer_accounts.settings.quick_links.portal_docs', 'Portal documentation')}\n                </a>\n              </li>\n            </ul>\n          </div>\n        </div>\n      </PageBody>\n    </Page>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { headers } from 'next/headers'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { resolvePortalRequestOrigin } from '../../../lib/portalUrl'\nimport { CustomerAccountsSettingsPageClient } from './CustomerAccountsSettingsPageClient'\n\nexport default async function CustomerAccountsSettingsPage() {\n  const portalOrigin = resolvePortalRequestOrigin(await headers())\n  return (\n    <Page>\n      {/* space-y-6 preserves the gap the page header previously got as a direct <Page> child. */}\n      <PageBody className=\"space-y-6\">\n        <CustomerAccountsSettingsPageClient portalOrigin={portalOrigin} />\n      </PageBody>\n    </Page>\n  )\n}\n"],
+  "mappings": "AAWQ;AAXR,SAAS,eAAe;AACxB,SAAS,MAAM,gBAAgB;AAC/B,SAAS,kCAAkC;AAC3C,SAAS,0CAA0C;AAEnD,eAAO,+BAAsD;AAC3D,QAAM,eAAe,2BAA2B,MAAM,QAAQ,CAAC;AAC/D,SACE,oBAAC,QAEC,8BAAC,YAAS,WAAU,aAClB,8BAAC,sCAAmC,cAA4B,GAClE,GACF;AAEJ;",
   "names": []
 }