@better-auth-ui/heroui 1.6.21 → 1.6.22

package/dist/plugins.js

@@ -731,17 +731,17 @@ function Vt({ value: e, onChange: t, currentSlug: n, variant: r, ...i }) {
 //#endregion
 //#region src/components/auth/organization/create-organization-dialog.tsx
 function Ht({ isOpen: e, onOpenChange: t }) {
-	let { authClient: n, localization: r } = p(), { localization: i } = m($), [a, o] = q(""), [s, c] = q(""), { mutate: l, isPending: u } = y(n, { onSuccess: () => t(!1) });
+	let { authClient: n, localization: r } = p(), { localization: i } = m($), [a, o] = q(""), [s, c] = q(""), [l, u] = q(!1), { mutate: d, isPending: f } = y(n, { onSuccess: () => t(!1) });
 	return at(() => {
-		e || (c(""), o(""));
+		e || (c(""), o(""), u(!1));
 	}, [e]), at(() => {
-		c(Bt(a));
-	}, [a]), /* @__PURE__ */ Y(O.Backdrop, {
+		l || c(Bt(a));
+	}, [a, l]), /* @__PURE__ */ Y(O.Backdrop, {
 		isOpen: e,
 		onOpenChange: t,
 		children: /* @__PURE__ */ Y(O.Container, { children: /* @__PURE__ */ Y(O.Dialog, { children: /* @__PURE__ */ X(P, {
 			onSubmit: (e) => {
-				e.preventDefault(), l({
+				e.preventDefault(), d({
 					name: a,
 					slug: s
 				});
@@ -762,7 +762,7 @@ function Ht({ isOpen: e, onOpenChange: t }) {
 						/* @__PURE__ */ X(W, {
 							id: "name",
 							name: "name",
-							isDisabled: u,
+							isDisabled: f,
 							value: a,
 							onChange: o,
 							validate: (e) => {
@@ -781,8 +781,10 @@ function Ht({ isOpen: e, onOpenChange: t }) {
 						}),
 						/* @__PURE__ */ Y(Vt, {
 							value: s,
-							onChange: c,
-							isDisabled: u,
+							onChange: (e) => {
+								c(e), u(!0);
+							},
+							isDisabled: f,
 							variant: "secondary"
 						})
 					]
@@ -790,12 +792,12 @@ function Ht({ isOpen: e, onOpenChange: t }) {
 				/* @__PURE__ */ X(O.Footer, { children: [/* @__PURE__ */ Y(k, {
 					slot: "close",
 					variant: "tertiary",
-					isDisabled: u,
+					isDisabled: f,
 					children: r.settings.cancel
 				}), /* @__PURE__ */ X(k, {
 					type: "submit",
-					isPending: u,
-					children: [u && /* @__PURE__ */ Y(V, {
+					isPending: f,
+					children: [f && /* @__PURE__ */ Y(V, {
 						color: "current",
 						size: "sm"
 					}), i.createOrganization]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@better-auth-ui/heroui",
-  "version": "1.6.21",
+  "version": "1.6.22",
   "type": "module",
   "scripts": {
     "build": "vite build",

package/src/components/auth/organization/create-organization-dialog.tsx

@@ -43,6 +43,7 @@ export function CreateOrganizationDialog({
 
   const [name, setName] = useState("")
   const [slug, setSlug] = useState("")
+  const [slugEdited, setSlugEdited] = useState(false)
 
   const { mutate: createOrganization, isPending: isCreating } =
     useCreateOrganization(authClient as OrganizationAuthClient, {
@@ -58,12 +59,14 @@ export function CreateOrganizationDialog({
     if (!isOpen) {
       setSlug("")
       setName("")
+      setSlugEdited(false)
     }
   }, [isOpen])
 
   useEffect(() => {
+    if (slugEdited) return
     setSlug(sanitizeSlug(name))
-  }, [name])
+  }, [name, slugEdited])
 
   return (
     <AlertDialog.Backdrop isOpen={isOpen} onOpenChange={onOpenChange}>
@@ -111,7 +114,10 @@ export function CreateOrganizationDialog({
 
               <SlugField
                 value={slug}
-                onChange={setSlug}
+                onChange={(value) => {
+                  setSlug(value)
+                  setSlugEdited(true)
+                }}
                 isDisabled={isCreating}
                 variant="secondary"
               />