@motor-hero/ui-kit 0.37.1 → 0.37.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@motor-hero/ui-kit",
-  "version": "0.37.1",
+  "version": "0.37.3",
   "description": "Componentes React reutilizáveis para o ecossistema MotorHero — shadcn/ui + Tailwind CSS v4",
   "author": "MotorHero",
   "license": "UNLICENSED",

package/src/components/form-dialog.tsx

@@ -64,13 +64,21 @@ export interface FormDialogProps extends Omit<BaseDialogProps, "contentWrapper">
  * plain BaseDialog.
  */
 export function FormDialog({ onSubmit, ...rest }: FormDialogProps) {
+  // O conteúdo do dialog é portalado para o body, mas eventos React sobem pela
+  // árvore React, não pela do DOM: sem stopPropagation, o submit deste form
+  // chega ao <form> da página que renderiza o dialog e dispara o submit dela.
+  // Precisa ser síncrono — handlers de RHF são assíncronos (resolver).
+  const handleSubmit = (e: React.FormEvent<HTMLFormElement>) => {
+    e.stopPropagation()
+    onSubmit?.(e)
+  }
   return (
     <BaseDialog
       {...rest}
       contentWrapper={
         onSubmit
           ? (content) => (
-              <form onSubmit={onSubmit} className="flex min-h-0 flex-1 flex-col">
+              <form onSubmit={handleSubmit} className="flex min-h-0 flex-1 flex-col">
                 {content}
               </form>
             )

package/src/hooks/use-company-subdomain.ts

@@ -3,17 +3,43 @@ import { useState } from "react"
 export type UseCompanySubdomainOptions = {
   enableOverride?: boolean
   overrideStorageKey?: string
+  /**
+   * Host labels that are *not* tenants. A product whose default host carries
+   * a label of its own (`app.example.com`, `admin.example.com`) must list it
+   * here, or that label is read as a tenant slug and sent downstream as one.
+   *
+   * Added to the built-in `www`; `localhost` is always excluded structurally.
+   * Case-insensitive.
+   */
+  reservedSubdomains?: string[]
 }
 
 export type UseCompanySubdomainResult = {
   subdomain: string | undefined
 }
 
-export function getSubdomain(hostname: string): string | undefined {
+const ALWAYS_RESERVED = ["www", "localhost"]
+
+/**
+ * The tenant slug in a hostname, or `undefined` when there is none.
+ *
+ * The first label is only a tenant if it isn't reserved. Callers whose
+ * default host is `app.<domain>` must pass `["app"]` (plus any sibling
+ * surfaces like `admin`), otherwise visiting the default host yields the
+ * literal `"app"` as if it were a customer.
+ */
+export function getSubdomain(
+  hostname: string,
+  reservedSubdomains: string[] = [],
+): string | undefined {
   const labels = hostname.split(".")
   if (labels.length < 2) return undefined
   const first = labels[0]
-  if (!first || first === "www" || first === "localhost") return undefined
+  if (!first) return undefined
+  const reserved = [...ALWAYS_RESERVED, ...reservedSubdomains].map((label) =>
+    label.toLowerCase(),
+  )
+  if (reserved.includes(first.toLowerCase())) return undefined
   return first
 }
 
@@ -35,8 +61,11 @@ function resolveOverride(storageKey: string): string | undefined {
 export function useCompanySubdomain(
   opts: UseCompanySubdomainOptions = {},
 ): UseCompanySubdomainResult {
-  const { enableOverride = false, overrideStorageKey = "company-subdomain" } =
-    opts
+  const {
+    enableOverride = false,
+    overrideStorageKey = "company-subdomain",
+    reservedSubdomains = [],
+  } = opts
 
   const [subdomain] = useState<string | undefined>(() => {
     if (enableOverride) {
@@ -44,7 +73,7 @@ export function useCompanySubdomain(
       if (override) return override
     }
     if (typeof window === "undefined") return undefined
-    return getSubdomain(window.location.hostname)
+    return getSubdomain(window.location.hostname, reservedSubdomains)
   })
 
   return { subdomain }