@withpotter/components 0.13.0-next.101

package/dist/shell/settings-panels.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/shell/settings-panels.tsx"],"sourcesContent":["'use client';\n\nimport { StateView } from '@withpotter/ui-kit/state-view';\nimport { Suspense, type ReactNode } from 'react';\nimport { ProfileContent } from '@withpotter/pages-core/dashboard/settings/profile/_components/profile-content';\nimport { SecurityContent } from '@withpotter/pages-core/dashboard/settings/profile/_components/security-content';\nimport { SignInContent } from '@withpotter/pages-core/dashboard/settings/devices/_components/sign-in-content';\nimport { DataPrivacyContent } from '@withpotter/pages-core/dashboard/settings/data-privacy/_components/data-privacy-content';\nimport { PreferencesContent } from '@withpotter/pages-core/dashboard/settings/language/_components/preferences-content';\nimport { useAccessibility } from '@withpotter/lib/accessibility-context';\nimport { RotateCcw } from 'lucide-react';\nimport { AccessibilityCard } from '@withpotter/pages-core/dashboard/settings/accessibility/_components/accessibility-card';\nimport { PoliciesContent } from '@withpotter/pages-core/dashboard/settings/policies/_components/policies-content';\nimport { UsageContent } from '@withpotter/pages-core/dashboard/settings/usage/_components/usage-content';\nimport { GeneralContent } from '@withpotter/pages-core/dashboard/settings/_components/general-content';\nimport { NotificationsContent } from '@withpotter/pages-core/dashboard/settings/notifications/_components/notifications-content';\nimport { TeamContent } from '@withpotter/pages-core/dashboard/settings/team/_components/team-content';\nimport { BillingContent } from '@withpotter/pages-core/dashboard/settings/billing/_components/billing-content';\nimport { LegalContent } from '@withpotter/pages-core/dashboard/settings/legal/_components/legal-content';\nimport { PaymentApprovalsContent } from '@withpotter/pages-core/dashboard/settings/payment-approvals/_components/payment-approvals-content';\nimport { DemoContentCard } from '@withpotter/pages-core/dashboard/settings/demo-content/_components/demo-content-card';\nimport { FeaturesContent } from '@withpotter/pages-core/dashboard/settings/features/_components/features-content';\nimport type { SettingsRowId } from './settings-rows';\n\n/**\n * The page behind a row, drawn in the window.\n *\n * The business rows render the real settings page, so each keeps its own\n * loading, saving and sections. They are loaded on first open of a row rather\n * than with the window, and each is a client page that reads the same hooks it\n * always did.\n */\n/** What a row shows while its code loads, so a first open is never blank. */\nconst loading = () => <StateView kind=\"loading\" title=\"Loading\" />;\n\n/** A section heading inside a merged page. */\nfunction Section({\n  title,\n  action,\n  children,\n}: {\n  title: string;\n  action?: ReactNode;\n  children: ReactNode;\n}) {\n  return (\n    <section className=\"space-y-3\">\n      <div className=\"flex items-center justify-between gap-3 px-4\">\n        <h3 className=\"text-sm font-semibold text-[var(--text-primary)]\">\n          {title}\n        </h3>\n        {action}\n      </div>\n      {children}\n    </section>\n  );\n}\n\n/**\n * Everything about the person: profile, how they sign in, their data, and the\n * way out. Closing the account is last, as it is the one thing here that\n * cannot be undone.\n */\nfunction AccountPanel() {\n  return (\n    <div className=\"space-y-8\">\n      <Section title=\"Profile\">\n        <ProfileContent />\n      </Section>\n      <Section title=\"Sign-in and security\">\n        <div className=\"px-4\">\n          <SignInContent />\n        </div>\n      </Section>\n      <Section title=\"Data & privacy\">\n        <DataPrivacyContent />\n      </Section>\n      <SecurityContent />\n    </div>\n  );\n}\n\n/** Reset to defaults was a page header action; here it sits on its section. */\nfunction ResetAccessibility() {\n  const a11y = useAccessibility();\n  return (\n    <button\n      type=\"button\"\n      onClick={a11y.reset}\n      className=\"inline-flex items-center gap-2 text-xs font-medium text-[var(--text-secondary)] hover:text-[var(--text-primary)]\"\n    >\n      <RotateCcw className=\"size-4\" />\n      Reset to defaults\n    </button>\n  );\n}\n\n/** How the app looks and behaves for the person using it. */\nfunction PreferencesPanel() {\n  return (\n    <div className=\"space-y-8\">\n      <Section title=\"Appearance, language and region\">\n        <PreferencesContent />\n      </Section>\n      <Section title=\"Accessibility\" action={<ResetAccessibility />}>\n        <div className=\"px-4\">\n          <AccessibilityCard />\n        </div>\n      </Section>\n    </div>\n  );\n}\n\nconst PANELS: Record<SettingsRowId, () => ReactNode> = {\n  general: () => <GeneralContent />,\n  features: () => <FeaturesContent />,\n  account: () => <AccountPanel />,\n  team: () => <TeamContent />,\n  notifications: () => <NotificationsContent />,\n  'demo-content': () => <DemoContentCard />,\n  preferences: () => <PreferencesPanel />,\n  'payment-approvals': () => <PaymentApprovalsContent />,\n  billing: () => <BillingContent />,\n  usage: () => <UsageContent />,\n  policies: () => <PoliciesContent />,\n  legal: () => <LegalContent />,\n};\n\nexport function SettingsPanel({ id }: { id: SettingsRowId }) {\n  // Some pages read the query string, which needs a boundary above it.\n  return <Suspense fallback={loading()}>{PANELS[id]()}</Suspense>;\n}\n"],"mappings":";AAiCsB,cAchB,YAdgB;AA/BtB,SAAS,iBAAiB;AAC1B,SAAS,gBAAgC;AACzC,SAAS,sBAAsB;AAC/B,SAAS,uBAAuB;AAChC,SAAS,qBAAqB;AAC9B,SAAS,0BAA0B;AACnC,SAAS,0BAA0B;AACnC,SAAS,wBAAwB;AACjC,SAAS,iBAAiB;AAC1B,SAAS,yBAAyB;AAClC,SAAS,uBAAuB;AAChC,SAAS,oBAAoB;AAC7B,SAAS,sBAAsB;AAC/B,SAAS,4BAA4B;AACrC,SAAS,mBAAmB;AAC5B,SAAS,sBAAsB;AAC/B,SAAS,oBAAoB;AAC7B,SAAS,+BAA+B;AACxC,SAAS,uBAAuB;AAChC,SAAS,uBAAuB;AAYhC,MAAM,UAAU,MAAM,oBAAC,aAAU,MAAK,WAAU,OAAM,WAAU;AAGhE,SAAS,QAAQ;AAAA,EACf;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,SACE,qBAAC,aAAQ,WAAU,aACjB;AAAA,yBAAC,SAAI,WAAU,gDACb;AAAA,0BAAC,QAAG,WAAU,oDACX,iBACH;AAAA,MACC;AAAA,OACH;AAAA,IACC;AAAA,KACH;AAEJ;AAOA,SAAS,eAAe;AACtB,SACE,qBAAC,SAAI,WAAU,aACb;AAAA,wBAAC,WAAQ,OAAM,WACb,8BAAC,kBAAe,GAClB;AAAA,IACA,oBAAC,WAAQ,OAAM,wBACb,8BAAC,SAAI,WAAU,QACb,8BAAC,iBAAc,GACjB,GACF;AAAA,IACA,oBAAC,WAAQ,OAAM,kBACb,8BAAC,sBAAmB,GACtB;AAAA,IACA,oBAAC,mBAAgB;AAAA,KACnB;AAEJ;AAGA,SAAS,qBAAqB;AAC5B,QAAM,OAAO,iBAAiB;AAC9B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,SAAS,KAAK;AAAA,MACd,WAAU;AAAA,MAEV;AAAA,4BAAC,aAAU,WAAU,UAAS;AAAA,QAAE;AAAA;AAAA;AAAA,EAElC;AAEJ;AAGA,SAAS,mBAAmB;AAC1B,SACE,qBAAC,SAAI,WAAU,aACb;AAAA,wBAAC,WAAQ,OAAM,mCACb,8BAAC,sBAAmB,GACtB;AAAA,IACA,oBAAC,WAAQ,OAAM,iBAAgB,QAAQ,oBAAC,sBAAmB,GACzD,8BAAC,SAAI,WAAU,QACb,8BAAC,qBAAkB,GACrB,GACF;AAAA,KACF;AAEJ;AAEA,MAAM,SAAiD;AAAA,EACrD,SAAS,MAAM,oBAAC,kBAAe;AAAA,EAC/B,UAAU,MAAM,oBAAC,mBAAgB;AAAA,EACjC,SAAS,MAAM,oBAAC,gBAAa;AAAA,EAC7B,MAAM,MAAM,oBAAC,eAAY;AAAA,EACzB,eAAe,MAAM,oBAAC,wBAAqB;AAAA,EAC3C,gBAAgB,MAAM,oBAAC,mBAAgB;AAAA,EACvC,aAAa,MAAM,oBAAC,oBAAiB;AAAA,EACrC,qBAAqB,MAAM,oBAAC,2BAAwB;AAAA,EACpD,SAAS,MAAM,oBAAC,kBAAe;AAAA,EAC/B,OAAO,MAAM,oBAAC,gBAAa;AAAA,EAC3B,UAAU,MAAM,oBAAC,mBAAgB;AAAA,EACjC,OAAO,MAAM,oBAAC,gBAAa;AAC7B;AAEO,SAAS,cAAc,EAAE,GAAG,GAA0B;AAE3D,SAAO,oBAAC,YAAS,UAAU,QAAQ,GAAI,iBAAO,EAAE,EAAE,GAAE;AACtD;","names":[]}

package/dist/shell/settings-rows.d.ts

@@ -0,0 +1,41 @@
+import { type LucideIcon } from 'lucide-react';
+import type { PermissionKey } from '@withpotter/lib/use-permissions';
+/**
+ * The rows of the settings window, in the order they are drawn.
+ *
+ * One list for the whole window: yours and the business's, mixed, because the
+ * person looking for "Notifications" or "Language" should not have to know
+ * whose setting it is. Rows that leave the window (`external`) carry an arrow.
+ *
+ * `paths` are the addresses a row owns. A link to any of them, or to anything
+ * below them (a team member, a credits page), opens the window on that row.
+ * `keywords` are what search also matches: the names of the sections inside a
+ * row, so "passkeys" or "time zone" finds the row that holds them.
+ */
+export type SettingsRowId = 'general' | 'features' | 'account' | 'team' | 'notifications' | 'demo-content' | 'preferences' | 'payment-approvals' | 'billing' | 'usage' | 'policies' | 'legal';
+export interface SettingsRow {
+    id: SettingsRowId;
+    name: string;
+    icon: LucideIcon;
+    paths: string[];
+    keywords: string[];
+    /** Hidden from a member who lacks every one of these. Empty: everyone. */
+    permission?: PermissionKey[];
+    /**
+     * A page this row leaves the window for, where a host has its own screen for
+     * the subject. The row then is a link, and the panel is never drawn.
+     */
+    href?: string;
+}
+export declare const SETTINGS_ROWS: SettingsRow[];
+/** Where "Get help" goes. It leaves the window, so it is not a row above. */
+export declare const HELP_HREF = "/dashboard/help";
+export declare const HELP_ICON: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+/**
+ * The row that owns an address: the longest of its paths that equals the
+ * address or is a parent of it. General's own address is a prefix of every
+ * other settings address, so it only owns itself.
+ */
+export declare function rowForHref(href: string | null | undefined): SettingsRowId;
+/** Rows whose name or inner sections match what was typed. */
+export declare function matchRows(rows: SettingsRow[], query: string): SettingsRow[];

package/dist/shell/settings-rows.js

@@ -0,0 +1,193 @@
+import {
+  Bell,
+  Building2,
+  ChartColumn,
+  CircleCheck,
+  CircleHelp,
+  CreditCard,
+  FileText,
+  Scale,
+  Sparkles,
+  SlidersHorizontal,
+  ToggleLeft,
+  UserRound,
+  Users
+} from "lucide-react";
+const BILLING_ROW = {
+  id: "billing",
+  name: "Billing & plan",
+  icon: CreditCard,
+  paths: ["/dashboard/settings/billing"],
+  keywords: ["plan", "invoice", "credits", "top-up", "cancel"],
+  permission: ["canManageSettings"]
+};
+const PAYMENT_APPROVALS_ROW = {
+  id: "payment-approvals",
+  name: "Payment approvals",
+  icon: CircleCheck,
+  paths: ["/dashboard/settings/payment-approvals"],
+  keywords: ["approval", "accepted", "rejected", "decisions", "history"]
+};
+const SETTINGS_ROWS = [
+  {
+    id: "general",
+    name: "General",
+    icon: Building2,
+    paths: [
+      "/dashboard/settings",
+      "/dashboard/settings/branding",
+      "/dashboard/settings/regional"
+    ],
+    keywords: ["business name", "branding", "logo", "colours", "numbering"],
+    permission: ["canManageBusinessProfile", "canManageSettings"]
+  },
+  {
+    // The switches no business type implies: Blog today. Next to General
+    // because it is the business's own setting, before the rows that are
+    // about the person (Account, Preferences).
+    id: "features",
+    name: "Features",
+    icon: ToggleLeft,
+    paths: ["/dashboard/settings/features"],
+    keywords: ["blog", "posts", "write", "publish", "switch", "website", "features"],
+    permission: ["canManageSettings"]
+  },
+  {
+    id: "account",
+    name: "Account",
+    icon: UserRound,
+    paths: [
+      "/dashboard/settings/profile",
+      "/dashboard/settings/devices",
+      "/dashboard/settings/data-privacy"
+    ],
+    keywords: [
+      "profile",
+      "name",
+      "email",
+      "photo",
+      "security",
+      "password",
+      "passkeys",
+      "two-factor",
+      "sessions",
+      "devices",
+      "privacy",
+      "export",
+      "close account"
+    ]
+  },
+  {
+    id: "team",
+    name: "Team & permissions",
+    icon: Users,
+    paths: [
+      "/dashboard/settings/team",
+      "/dashboard/settings/roles",
+      "/dashboard/settings/activity"
+    ],
+    keywords: ["people", "invite", "roles", "activity", "seats"],
+    permission: ["canManageTeam"],
+    // A box with its own team screen (its roles and invitations come from
+    // its engine, which does not serve this panel's routes) names it here.
+    href: process.env.NEXT_PUBLIC_BOX_TEAM_PAGE || void 0
+  },
+  {
+    id: "notifications",
+    name: "Notifications",
+    icon: Bell,
+    paths: ["/dashboard/settings/notifications"],
+    keywords: ["alerts", "low stock", "email sender", "digest", "reminders"]
+  },
+  {
+    // Sample products, pages and pictures to start with, clear, or add again.
+    // No permission gate, like the sidebar entry: everyone sees the state and
+    // the card itself shows the actions only to the owner and admins.
+    id: "demo-content",
+    name: "Demo content",
+    icon: Sparkles,
+    paths: ["/dashboard/settings/demo-content"],
+    keywords: ["sample", "products", "starter", "clear", "example data"]
+  },
+  {
+    id: "preferences",
+    name: "Preferences",
+    icon: SlidersHorizontal,
+    paths: [
+      "/dashboard/settings/language",
+      "/dashboard/settings/accessibility"
+    ],
+    keywords: [
+      "appearance",
+      "theme",
+      "dark",
+      "light",
+      "language",
+      "time zone",
+      "date format",
+      "accessibility",
+      "high contrast",
+      "reduce motion",
+      "text size"
+    ]
+  },
+  ...process.env.NEXT_PUBLIC_BOX_PAYMENT_APPROVALS === "true" ? [PAYMENT_APPROVALS_ROW] : [],
+  // A licensed box that bills outside the console hides the row.
+  ...process.env.NEXT_PUBLIC_BOX_HIDE_BILLING === "true" ? [] : [BILLING_ROW],
+  // A box that meters nothing in the console leaves Usage out.
+  ...process.env.NEXT_PUBLIC_BOX_HIDE_USAGE === "true" ? [] : [
+    {
+      id: "usage",
+      name: "Usage",
+      icon: ChartColumn,
+      paths: ["/dashboard/settings/usage"],
+      keywords: ["credits", "delivery", "spend"],
+      permission: ["canManageSettings"]
+    }
+  ],
+  {
+    id: "policies",
+    name: "Policies",
+    icon: Scale,
+    paths: ["/dashboard/settings/policies"],
+    keywords: ["returns", "shipping", "privacy", "terms"],
+    permission: ["canManageSettings"]
+  },
+  {
+    id: "legal",
+    name: "Legal",
+    icon: FileText,
+    paths: ["/dashboard/settings/legal"],
+    keywords: ["terms", "privacy policy", "licences"]
+  }
+];
+const HELP_HREF = "/dashboard/help";
+const HELP_ICON = CircleHelp;
+const pathOf = (full) => full.split(/[?#]/)[0];
+function rowForHref(href) {
+  const path = pathOf(href ?? "/dashboard/settings");
+  let best = null;
+  for (const row of SETTINGS_ROWS) {
+    for (const p of row.paths) {
+      const owns = path === p || p !== "/dashboard/settings" && path.startsWith(`${p}/`);
+      if (owns && (!best || p.length > best.len))
+        best = { id: row.id, len: p.length };
+    }
+  }
+  return best?.id ?? "general";
+}
+function matchRows(rows, query) {
+  const q = query.trim().toLowerCase();
+  if (!q) return rows;
+  return rows.filter(
+    (r) => r.name.toLowerCase().includes(q) || r.keywords.some((k) => k.includes(q))
+  );
+}
+export {
+  HELP_HREF,
+  HELP_ICON,
+  SETTINGS_ROWS,
+  matchRows,
+  rowForHref
+};
+//# sourceMappingURL=settings-rows.js.map

package/dist/shell/settings-rows.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/shell/settings-rows.ts"],"sourcesContent":["import {\n  Bell,\n  Building2,\n  ChartColumn,\n  CircleCheck,\n  CircleHelp,\n  CreditCard,\n  FileText,\n  Scale,\n  Sparkles,\n  SlidersHorizontal,\n  ToggleLeft,\n  UserRound,\n  Users,\n  type LucideIcon,\n} from 'lucide-react';\nimport type { PermissionKey } from '@withpotter/lib/use-permissions';\n\n/**\n * The rows of the settings window, in the order they are drawn.\n *\n * One list for the whole window: yours and the business's, mixed, because the\n * person looking for \"Notifications\" or \"Language\" should not have to know\n * whose setting it is. Rows that leave the window (`external`) carry an arrow.\n *\n * `paths` are the addresses a row owns. A link to any of them, or to anything\n * below them (a team member, a credits page), opens the window on that row.\n * `keywords` are what search also matches: the names of the sections inside a\n * row, so \"passkeys\" or \"time zone\" finds the row that holds them.\n */\nexport type SettingsRowId =\n  | 'general'\n  | 'features'\n  | 'account'\n  | 'team'\n  | 'notifications'\n  | 'demo-content'\n  | 'preferences'\n  | 'payment-approvals'\n  | 'billing'\n  | 'usage'\n  | 'policies'\n  | 'legal';\n\nexport interface SettingsRow {\n  id: SettingsRowId;\n  name: string;\n  icon: LucideIcon;\n  paths: string[];\n  keywords: string[];\n  /** Hidden from a member who lacks every one of these. Empty: everyone. */\n  permission?: PermissionKey[];\n  /**\n   * A page this row leaves the window for, where a host has its own screen for\n   * the subject. The row then is a link, and the panel is never drawn.\n   */\n  href?: string;\n}\n\nconst BILLING_ROW: SettingsRow = {\n  id: 'billing',\n  name: 'Billing & plan',\n  icon: CreditCard,\n  paths: ['/dashboard/settings/billing'],\n  keywords: ['plan', 'invoice', 'credits', 'top-up', 'cancel'],\n  permission: ['canManageSettings'],\n};\n\n// A box whose card payments wait for a second person lists the decisions.\nconst PAYMENT_APPROVALS_ROW: SettingsRow = {\n  id: 'payment-approvals',\n  name: 'Payment approvals',\n  icon: CircleCheck,\n  paths: ['/dashboard/settings/payment-approvals'],\n  keywords: ['approval', 'accepted', 'rejected', 'decisions', 'history'],\n};\n\nexport const SETTINGS_ROWS: SettingsRow[] = [\n  {\n    id: 'general',\n    name: 'General',\n    icon: Building2,\n    paths: [\n      '/dashboard/settings',\n      '/dashboard/settings/branding',\n      '/dashboard/settings/regional',\n    ],\n    keywords: ['business name', 'branding', 'logo', 'colours', 'numbering'],\n    permission: ['canManageBusinessProfile', 'canManageSettings'],\n  },\n  {\n    // The switches no business type implies: Blog today. Next to General\n    // because it is the business's own setting, before the rows that are\n    // about the person (Account, Preferences).\n    id: 'features',\n    name: 'Features',\n    icon: ToggleLeft,\n    paths: ['/dashboard/settings/features'],\n    keywords: ['blog', 'posts', 'write', 'publish', 'switch', 'website', 'features'],\n    permission: ['canManageSettings'],\n  },\n  {\n    id: 'account',\n    name: 'Account',\n    icon: UserRound,\n    paths: [\n      '/dashboard/settings/profile',\n      '/dashboard/settings/devices',\n      '/dashboard/settings/data-privacy',\n    ],\n    keywords: [\n      'profile',\n      'name',\n      'email',\n      'photo',\n      'security',\n      'password',\n      'passkeys',\n      'two-factor',\n      'sessions',\n      'devices',\n      'privacy',\n      'export',\n      'close account',\n    ],\n  },\n  {\n    id: 'team',\n    name: 'Team & permissions',\n    icon: Users,\n    paths: [\n      '/dashboard/settings/team',\n      '/dashboard/settings/roles',\n      '/dashboard/settings/activity',\n    ],\n    keywords: ['people', 'invite', 'roles', 'activity', 'seats'],\n    permission: ['canManageTeam'],\n    // A box with its own team screen (its roles and invitations come from\n    // its engine, which does not serve this panel's routes) names it here.\n    href: process.env.NEXT_PUBLIC_BOX_TEAM_PAGE || undefined,\n  },\n  {\n    id: 'notifications',\n    name: 'Notifications',\n    icon: Bell,\n    paths: ['/dashboard/settings/notifications'],\n    keywords: ['alerts', 'low stock', 'email sender', 'digest', 'reminders'],\n  },\n  {\n    // Sample products, pages and pictures to start with, clear, or add again.\n    // No permission gate, like the sidebar entry: everyone sees the state and\n    // the card itself shows the actions only to the owner and admins.\n    id: 'demo-content',\n    name: 'Demo content',\n    icon: Sparkles,\n    paths: ['/dashboard/settings/demo-content'],\n    keywords: ['sample', 'products', 'starter', 'clear', 'example data'],\n  },\n  {\n    id: 'preferences',\n    name: 'Preferences',\n    icon: SlidersHorizontal,\n    paths: [\n      '/dashboard/settings/language',\n      '/dashboard/settings/accessibility',\n    ],\n    keywords: [\n      'appearance',\n      'theme',\n      'dark',\n      'light',\n      'language',\n      'time zone',\n      'date format',\n      'accessibility',\n      'high contrast',\n      'reduce motion',\n      'text size',\n    ],\n  },\n  ...(process.env.NEXT_PUBLIC_BOX_PAYMENT_APPROVALS === 'true'\n    ? [PAYMENT_APPROVALS_ROW]\n    : []),\n  // A licensed box that bills outside the console hides the row.\n  ...(process.env.NEXT_PUBLIC_BOX_HIDE_BILLING === 'true' ? [] : [BILLING_ROW]),\n  // A box that meters nothing in the console leaves Usage out.\n  ...(process.env.NEXT_PUBLIC_BOX_HIDE_USAGE === 'true'\n    ? []\n    : [\n        {\n          id: 'usage' as const,\n          name: 'Usage',\n          icon: ChartColumn,\n          paths: ['/dashboard/settings/usage'],\n          keywords: ['credits', 'delivery', 'spend'],\n          permission: ['canManageSettings' as const],\n        },\n      ]),\n  {\n    id: 'policies',\n    name: 'Policies',\n    icon: Scale,\n    paths: ['/dashboard/settings/policies'],\n    keywords: ['returns', 'shipping', 'privacy', 'terms'],\n    permission: ['canManageSettings'],\n  },\n  {\n    id: 'legal',\n    name: 'Legal',\n    icon: FileText,\n    paths: ['/dashboard/settings/legal'],\n    keywords: ['terms', 'privacy policy', 'licences'],\n  },\n];\n\n/** Where \"Get help\" goes. It leaves the window, so it is not a row above. */\nexport const HELP_HREF = '/dashboard/help';\nexport const HELP_ICON = CircleHelp;\n\nconst pathOf = (full: string) => full.split(/[?#]/)[0];\n\n/**\n * The row that owns an address: the longest of its paths that equals the\n * address or is a parent of it. General's own address is a prefix of every\n * other settings address, so it only owns itself.\n */\nexport function rowForHref(href: string | null | undefined): SettingsRowId {\n  const path = pathOf(href ?? '/dashboard/settings');\n  let best: { id: SettingsRowId; len: number } | null = null;\n  for (const row of SETTINGS_ROWS) {\n    for (const p of row.paths) {\n      const owns =\n        path === p || (p !== '/dashboard/settings' && path.startsWith(`${p}/`));\n      if (owns && (!best || p.length > best.len))\n        best = { id: row.id, len: p.length };\n    }\n  }\n  return best?.id ?? 'general';\n}\n\n/** Rows whose name or inner sections match what was typed. */\nexport function matchRows(rows: SettingsRow[], query: string): SettingsRow[] {\n  const q = query.trim().toLowerCase();\n  if (!q) return rows;\n  return rows.filter(\n    (r) =>\n      r.name.toLowerCase().includes(q) || r.keywords.some((k) => k.includes(q)),\n  );\n}\n"],"mappings":"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","names":[]}