@lunora/studio 1.0.0-alpha.37 → 1.0.0-alpha.39

package/dist/packem_chunks/users-panel.js

@@ -6,141 +6,607 @@ import { C as Card, a as CardContent } from '../packem_shared/card-DURq3ElK.js';
 import { E as EmptyState } from '../packem_shared/empty-state-DY_oe0k6.js';
 import { I as Input } from '../packem_shared/input-XH4r1Pt1.js';
 import { T as Table, a as TableHeader, b as TableRow, c as TableHead, d as TableBody, e as TableCell } from '../packem_shared/table-DsCa9Qp9.js';
-import { a as useClientQuery } from '../packem_shared/use-admin-query-BHPKmPuj.js';
-import { u as useAuthCapabilities } from '../packem_shared/use-auth-capabilities-C-VH0oJJ.js';
+import { a as useClientQuery } from '../packem_shared/use-admin-query-CfHYWx5n.js';
+import { c } from 'react/compiler-runtime';
+import { a as useAuthConfig, u as useAsyncSubmit } from '../packem_shared/use-async-submit-DJQiPc-_.js';
 import { useAutoRefresh } from '../packem_shared/DEFAULT_AUTO_REFRESH_MS-Vxwaxx51.js';
 import useDebounced from '../packem_shared/useDebounced-Dxncpg6z.js';
 import { useT } from '../packem_shared/DEFAULT_LOCALE-CiX4W7Kr.js';
-import { f as fireAndForget, e as errorMessage, i as formatTimestamp, h as formatCell } from '../packem_shared/internal-DTsYVn-g.js';
+import { i as formatTimestamp, h as formatCell, f as fireAndForget, e as errorMessage } from '../packem_shared/internal-CYcbqMjX.js';
+import { C as Checkbox } from '../packem_shared/checkbox-UNkzAxl-.js';
 import { L as Label } from '../packem_shared/label-D8ykjn5J.js';
 import { M as ModalShell } from '../packem_shared/modal-shell-hyaJvIJ6.js';
 import { jsxDEV, Fragment } from 'react/jsx-dev-runtime';
-import { c } from 'react/compiler-runtime';
 
-const UserCreateDialog = ({
-  onClose,
-  onCreated
-}) => {
+const useAuthCapabilities = () => {
+  const $ = c(3);
+  const {
+    config,
+    ready
+  } = useAuthConfig();
+  let t0;
+  if ($[0] !== config.capabilities || $[1] !== ready) {
+    t0 = {
+      capabilities: config.capabilities,
+      ready
+    };
+    $[0] = config.capabilities;
+    $[1] = ready;
+    $[2] = t0;
+  } else {
+    t0 = $[2];
+  }
+  return t0;
+};
+
+const INPUT_TYPE_BY_FIELD = {
+  boolean: "checkbox",
+  date: "datetime-local",
+  number: "number",
+  string: "text"
+};
+const isFieldFilled = (field, value) => {
+  if (field.type === "boolean") {
+    return true;
+  }
+  if (typeof value !== "string" || value.trim() === "") {
+    return false;
+  }
+  return field.type !== "number" || !Number.isNaN(Number(value.trim()));
+};
+const coerceFieldValue = (field, raw) => {
+  if (field.type === "boolean") {
+    if (raw === true) {
+      return {
+        value: true
+      };
+    }
+    return field.required ? {
+      value: false
+    } : void 0;
+  }
+  const text = typeof raw === "string" ? raw.trim() : "";
+  if (text === "") {
+    return void 0;
+  }
+  if (field.type === "number") {
+    const numeric = Number(text);
+    return Number.isNaN(numeric) ? void 0 : {
+      value: numeric
+    };
+  }
+  return {
+    value: text
+  };
+};
+const UserCreateDialog = (t0) => {
+  const $ = c(105);
+  const {
+    onClose,
+    onCreated
+  } = t0;
   const client = useLunora();
   const t = useT();
+  const {
+    config
+  } = useAuthConfig();
+  const {
+    busy,
+    error,
+    run
+  } = useAsyncSubmit();
   const [email, setEmail] = useState("");
   const [name, setName] = useState("");
   const [password, setPassword] = useState("");
   const [role, setRole] = useState("");
-  const [busy, setBusy] = useState(false);
-  const [error, setError] = useState(null);
-  const onEmailChange = (event) => {
-    setEmail(event.target.value);
-  };
-  const onNameChange = (event_0) => {
-    setName(event_0.target.value);
-  };
-  const onPasswordChange = (event_1) => {
-    setPassword(event_1.target.value);
-  };
-  const onRoleChange = (event_2) => {
-    setRole(event_2.target.value);
-  };
-  const submit = async () => {
-    setBusy(true);
-    setError(null);
-    try {
-      await client.createAuthUser({
-        email: email.trim(),
-        name: name.trim(),
-        password: password === "" ? void 0 : password,
-        role: role.trim() === "" ? void 0 : role.trim()
-      });
-      onCreated();
-      onClose();
-    } catch (error_) {
-      setError(errorMessage(error_));
-    } finally {
-      setBusy(false);
+  let t1;
+  if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t1 = {};
+    $[0] = t1;
+  } else {
+    t1 = $[0];
+  }
+  const [fieldValues, setFieldValues] = useState(t1);
+  let t2;
+  if ($[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t2 = (event) => {
+      setEmail(event.target.value);
+    };
+    $[1] = t2;
+  } else {
+    t2 = $[1];
+  }
+  const onEmailChange = t2;
+  let t3;
+  if ($[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t3 = (event_0) => {
+      setName(event_0.target.value);
+    };
+    $[2] = t3;
+  } else {
+    t3 = $[2];
+  }
+  const onNameChange = t3;
+  let t4;
+  if ($[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t4 = (event_1) => {
+      setPassword(event_1.target.value);
+    };
+    $[3] = t4;
+  } else {
+    t4 = $[3];
+  }
+  const onPasswordChange = t4;
+  let t5;
+  if ($[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t5 = (event_2) => {
+      setRole(event_2.target.value);
+    };
+    $[4] = t5;
+  } else {
+    t5 = $[4];
+  }
+  const onRoleChange = t5;
+  let t6;
+  if ($[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t6 = (fieldName, value) => {
+      setFieldValues((previous) => ({
+        ...previous,
+        [fieldName]: value
+      }));
+    };
+    $[5] = t6;
+  } else {
+    t6 = $[5];
+  }
+  const setFieldValue = t6;
+  let t7;
+  if ($[6] !== fieldValues) {
+    t7 = (field) => fieldValues[field.name] ?? (field.type === "boolean" ? false : "");
+    $[6] = fieldValues;
+    $[7] = t7;
+  } else {
+    t7 = $[7];
+  }
+  const fieldValue = t7;
+  let t8;
+  if ($[8] !== config.userFields || $[9] !== fieldValue) {
+    let t92;
+    if ($[11] !== fieldValue) {
+      t92 = (field_0) => !field_0.required || isFieldFilled(field_0, fieldValue(field_0));
+      $[11] = fieldValue;
+      $[12] = t92;
+    } else {
+      t92 = $[12];
     }
-  };
-  const onSubmit = () => {
-    fireAndForget(submit());
-  };
-  return /* @__PURE__ */ jsxDEV(ModalShell, {
-    label: t("Create user"),
-    onClose,
-    panelTestId: "uc-dialog",
-    testId: "uc-overlay",
-    variant: "dialog",
-    children: [/* @__PURE__ */ jsxDEV("h2", {
+    t8 = config.userFields.every(t92);
+    $[8] = config.userFields;
+    $[9] = fieldValue;
+    $[10] = t8;
+  } else {
+    t8 = $[10];
+  }
+  const requiredFieldsFilled = t8;
+  let t9;
+  if ($[13] !== busy || $[14] !== email || $[15] !== name || $[16] !== requiredFieldsFilled) {
+    t9 = !busy && email.trim() !== "" && name.trim() !== "" && requiredFieldsFilled;
+    $[13] = busy;
+    $[14] = email;
+    $[15] = name;
+    $[16] = requiredFieldsFilled;
+    $[17] = t9;
+  } else {
+    t9 = $[17];
+  }
+  const canSubmit = t9;
+  let t10;
+  if ($[18] !== config.userFields || $[19] !== fieldValue) {
+    t10 = () => {
+      const data = {};
+      for (const field_1 of config.userFields) {
+        const coerced = coerceFieldValue(field_1, fieldValue(field_1));
+        if (coerced !== void 0) {
+          data[field_1.name] = coerced.value;
+        }
+      }
+      return Object.keys(data).length === 0 ? void 0 : data;
+    };
+    $[18] = config.userFields;
+    $[19] = fieldValue;
+    $[20] = t10;
+  } else {
+    t10 = $[20];
+  }
+  const buildData = t10;
+  let t11;
+  if ($[21] !== buildData || $[22] !== client || $[23] !== email || $[24] !== name || $[25] !== onClose || $[26] !== onCreated || $[27] !== password || $[28] !== role || $[29] !== run) {
+    t11 = () => {
+      run(async () => {
+        await client.createAuthUser({
+          data: buildData(),
+          email: email.trim(),
+          name: name.trim(),
+          password: password === "" ? void 0 : password,
+          role: role.trim() === "" ? void 0 : role.trim()
+        });
+        onCreated();
+        onClose();
+      });
+    };
+    $[21] = buildData;
+    $[22] = client;
+    $[23] = email;
+    $[24] = name;
+    $[25] = onClose;
+    $[26] = onCreated;
+    $[27] = password;
+    $[28] = role;
+    $[29] = run;
+    $[30] = t11;
+  } else {
+    t11 = $[30];
+  }
+  const onSubmit = t11;
+  let t12;
+  if ($[31] !== t) {
+    t12 = t("Create user");
+    $[31] = t;
+    $[32] = t12;
+  } else {
+    t12 = $[32];
+  }
+  let t13;
+  if ($[33] !== t) {
+    t13 = t("Create user");
+    $[33] = t;
+    $[34] = t13;
+  } else {
+    t13 = $[34];
+  }
+  let t14;
+  if ($[35] !== t13) {
+    t14 = /* @__PURE__ */ jsxDEV("h2", {
       className: "text-sm font-semibold text-foreground",
-      children: t("Create user")
-    }, void 0, false), /* @__PURE__ */ jsxDEV("div", {
+      children: t13
+    }, void 0, false);
+    $[35] = t13;
+    $[36] = t14;
+  } else {
+    t14 = $[36];
+  }
+  let t15;
+  if ($[37] !== t) {
+    t15 = t("email");
+    $[37] = t;
+    $[38] = t15;
+  } else {
+    t15 = $[38];
+  }
+  let t16;
+  if ($[39] !== t15) {
+    t16 = /* @__PURE__ */ jsxDEV(Label, {
+      htmlFor: "uc-email",
+      children: t15
+    }, void 0, false);
+    $[39] = t15;
+    $[40] = t16;
+  } else {
+    t16 = $[40];
+  }
+  let t17;
+  if ($[41] !== email) {
+    t17 = /* @__PURE__ */ jsxDEV(Input, {
+      "data-testid": "uc-email",
+      id: "uc-email",
+      onChange: onEmailChange,
+      type: "email",
+      value: email
+    }, void 0, false);
+    $[41] = email;
+    $[42] = t17;
+  } else {
+    t17 = $[42];
+  }
+  let t18;
+  if ($[43] !== t16 || $[44] !== t17) {
+    t18 = /* @__PURE__ */ jsxDEV("div", {
       className: "flex flex-col gap-1",
-      children: [/* @__PURE__ */ jsxDEV(Label, {
-        htmlFor: "uc-email",
-        children: t("email")
-      }, void 0, false), /* @__PURE__ */ jsxDEV(Input, {
-        "data-testid": "uc-email",
-        id: "uc-email",
-        onChange: onEmailChange,
-        type: "email",
-        value: email
-      }, void 0, false)]
-    }, void 0, true), /* @__PURE__ */ jsxDEV("div", {
+      children: [t16, t17]
+    }, void 0, true);
+    $[43] = t16;
+    $[44] = t17;
+    $[45] = t18;
+  } else {
+    t18 = $[45];
+  }
+  let t19;
+  if ($[46] !== t) {
+    t19 = t("name");
+    $[46] = t;
+    $[47] = t19;
+  } else {
+    t19 = $[47];
+  }
+  let t20;
+  if ($[48] !== t19) {
+    t20 = /* @__PURE__ */ jsxDEV(Label, {
+      htmlFor: "uc-name",
+      children: t19
+    }, void 0, false);
+    $[48] = t19;
+    $[49] = t20;
+  } else {
+    t20 = $[49];
+  }
+  let t21;
+  if ($[50] !== name) {
+    t21 = /* @__PURE__ */ jsxDEV(Input, {
+      "data-testid": "uc-name",
+      id: "uc-name",
+      onChange: onNameChange,
+      value: name
+    }, void 0, false);
+    $[50] = name;
+    $[51] = t21;
+  } else {
+    t21 = $[51];
+  }
+  let t22;
+  if ($[52] !== t20 || $[53] !== t21) {
+    t22 = /* @__PURE__ */ jsxDEV("div", {
       className: "flex flex-col gap-1",
-      children: [/* @__PURE__ */ jsxDEV(Label, {
-        htmlFor: "uc-name",
-        children: t("name")
-      }, void 0, false), /* @__PURE__ */ jsxDEV(Input, {
-        "data-testid": "uc-name",
-        id: "uc-name",
-        onChange: onNameChange,
-        value: name
-      }, void 0, false)]
-    }, void 0, true), /* @__PURE__ */ jsxDEV("div", {
+      children: [t20, t21]
+    }, void 0, true);
+    $[52] = t20;
+    $[53] = t21;
+    $[54] = t22;
+  } else {
+    t22 = $[54];
+  }
+  let t23;
+  if ($[55] !== t) {
+    t23 = t("Password (optional)");
+    $[55] = t;
+    $[56] = t23;
+  } else {
+    t23 = $[56];
+  }
+  let t24;
+  if ($[57] !== t23) {
+    t24 = /* @__PURE__ */ jsxDEV(Label, {
+      htmlFor: "uc-password",
+      children: t23
+    }, void 0, false);
+    $[57] = t23;
+    $[58] = t24;
+  } else {
+    t24 = $[58];
+  }
+  let t25;
+  if ($[59] !== password) {
+    t25 = /* @__PURE__ */ jsxDEV(Input, {
+      "data-testid": "uc-password",
+      id: "uc-password",
+      onChange: onPasswordChange,
+      type: "password",
+      value: password
+    }, void 0, false);
+    $[59] = password;
+    $[60] = t25;
+  } else {
+    t25 = $[60];
+  }
+  let t26;
+  if ($[61] !== t24 || $[62] !== t25) {
+    t26 = /* @__PURE__ */ jsxDEV("div", {
       className: "flex flex-col gap-1",
-      children: [/* @__PURE__ */ jsxDEV(Label, {
-        htmlFor: "uc-password",
-        children: t("Password (optional)")
-      }, void 0, false), /* @__PURE__ */ jsxDEV(Input, {
-        "data-testid": "uc-password",
-        id: "uc-password",
-        onChange: onPasswordChange,
-        type: "password",
-        value: password
-      }, void 0, false)]
-    }, void 0, true), /* @__PURE__ */ jsxDEV("div", {
+      children: [t24, t25]
+    }, void 0, true);
+    $[61] = t24;
+    $[62] = t25;
+    $[63] = t26;
+  } else {
+    t26 = $[63];
+  }
+  let t27;
+  if ($[64] !== t) {
+    t27 = t("Role (optional)");
+    $[64] = t;
+    $[65] = t27;
+  } else {
+    t27 = $[65];
+  }
+  let t28;
+  if ($[66] !== t27) {
+    t28 = /* @__PURE__ */ jsxDEV(Label, {
+      htmlFor: "uc-role",
+      children: t27
+    }, void 0, false);
+    $[66] = t27;
+    $[67] = t28;
+  } else {
+    t28 = $[67];
+  }
+  let t29;
+  if ($[68] !== role) {
+    t29 = /* @__PURE__ */ jsxDEV(Input, {
+      "data-testid": "uc-role",
+      id: "uc-role",
+      onChange: onRoleChange,
+      value: role
+    }, void 0, false);
+    $[68] = role;
+    $[69] = t29;
+  } else {
+    t29 = $[69];
+  }
+  let t30;
+  if ($[70] !== t28 || $[71] !== t29) {
+    t30 = /* @__PURE__ */ jsxDEV("div", {
       className: "flex flex-col gap-1",
-      children: [/* @__PURE__ */ jsxDEV(Label, {
-        htmlFor: "uc-role",
-        children: t("Role (optional)")
-      }, void 0, false), /* @__PURE__ */ jsxDEV(Input, {
-        "data-testid": "uc-role",
-        id: "uc-role",
-        onChange: onRoleChange,
-        value: role
-      }, void 0, false)]
-    }, void 0, true), error !== null && /* @__PURE__ */ jsxDEV("p", {
+      children: [t28, t29]
+    }, void 0, true);
+    $[70] = t28;
+    $[71] = t29;
+    $[72] = t30;
+  } else {
+    t30 = $[72];
+  }
+  let t31;
+  if ($[73] !== config.userFields || $[74] !== fieldValue || $[75] !== t) {
+    t31 = config.userFields.length > 0 && /* @__PURE__ */ jsxDEV("div", {
+      className: "flex flex-col gap-3 border-t border-border pt-3",
+      "data-testid": "uc-plugin-fields",
+      children: [/* @__PURE__ */ jsxDEV("span", {
+        className: "font-mono text-[11px] tracking-wide text-muted-foreground uppercase",
+        children: t("Plugin fields")
+      }, void 0, false), config.userFields.map((field_2) => {
+        const inputId = `uc-field-${field_2.name}`;
+        const suffix = field_2.required ? "" : ` (${t("optional")})`;
+        if (field_2.type === "boolean") {
+          const checked = fieldValue(field_2) === true;
+          return /* @__PURE__ */ jsxDEV("label", {
+            className: "flex items-center gap-2",
+            htmlFor: inputId,
+            children: [/* @__PURE__ */ jsxDEV(Checkbox, {
+              checked,
+              "data-testid": inputId,
+              id: inputId,
+              onCheckedChange: (next) => {
+                setFieldValue(field_2.name, next);
+              }
+            }, void 0, false), /* @__PURE__ */ jsxDEV("span", {
+              className: "text-sm",
+              children: [field_2.name, suffix]
+            }, void 0, true)]
+          }, field_2.name, true);
+        }
+        const value_0 = fieldValue(field_2);
+        return /* @__PURE__ */ jsxDEV("div", {
+          className: "flex flex-col gap-1",
+          children: [/* @__PURE__ */ jsxDEV(Label, {
+            htmlFor: inputId,
+            children: [field_2.name, suffix]
+          }, void 0, true), /* @__PURE__ */ jsxDEV(Input, {
+            "data-testid": inputId,
+            id: inputId,
+            onChange: (event_3) => {
+              setFieldValue(field_2.name, event_3.target.value);
+            },
+            type: INPUT_TYPE_BY_FIELD[field_2.type],
+            value: typeof value_0 === "string" ? value_0 : ""
+          }, void 0, false)]
+        }, field_2.name, true);
+      })]
+    }, void 0, true);
+    $[73] = config.userFields;
+    $[74] = fieldValue;
+    $[75] = t;
+    $[76] = t31;
+  } else {
+    t31 = $[76];
+  }
+  let t32;
+  if ($[77] !== error) {
+    t32 = error !== null && /* @__PURE__ */ jsxDEV("p", {
       className: "text-sm text-destructive",
       "data-testid": "uc-error",
       role: "alert",
       children: error
-    }, void 0, false), /* @__PURE__ */ jsxDEV("div", {
+    }, void 0, false);
+    $[77] = error;
+    $[78] = t32;
+  } else {
+    t32 = $[78];
+  }
+  let t33;
+  if ($[79] !== t) {
+    t33 = t("Cancel");
+    $[79] = t;
+    $[80] = t33;
+  } else {
+    t33 = $[80];
+  }
+  let t34;
+  if ($[81] !== onClose || $[82] !== t33) {
+    t34 = /* @__PURE__ */ jsxDEV(Button, {
+      "data-testid": "uc-cancel",
+      onClick: onClose,
+      size: "sm",
+      type: "button",
+      variant: "outline",
+      children: t33
+    }, void 0, false);
+    $[81] = onClose;
+    $[82] = t33;
+    $[83] = t34;
+  } else {
+    t34 = $[83];
+  }
+  const t35 = !canSubmit;
+  let t36;
+  if ($[84] !== busy || $[85] !== t) {
+    t36 = busy ? t("Creating…") : t("Create");
+    $[84] = busy;
+    $[85] = t;
+    $[86] = t36;
+  } else {
+    t36 = $[86];
+  }
+  let t37;
+  if ($[87] !== onSubmit || $[88] !== t35 || $[89] !== t36) {
+    t37 = /* @__PURE__ */ jsxDEV(Button, {
+      "data-testid": "uc-submit",
+      disabled: t35,
+      onClick: onSubmit,
+      size: "sm",
+      type: "button",
+      children: t36
+    }, void 0, false);
+    $[87] = onSubmit;
+    $[88] = t35;
+    $[89] = t36;
+    $[90] = t37;
+  } else {
+    t37 = $[90];
+  }
+  let t38;
+  if ($[91] !== t34 || $[92] !== t37) {
+    t38 = /* @__PURE__ */ jsxDEV("div", {
       className: "flex justify-end gap-2 pt-1",
-      children: [/* @__PURE__ */ jsxDEV(Button, {
-        "data-testid": "uc-cancel",
-        onClick: onClose,
-        size: "sm",
-        type: "button",
-        variant: "outline",
-        children: t("Cancel")
-      }, void 0, false), /* @__PURE__ */ jsxDEV(Button, {
-        "data-testid": "uc-submit",
-        disabled: busy || email.trim() === "" || name.trim() === "",
-        onClick: onSubmit,
-        size: "sm",
-        type: "button",
-        children: busy ? t("Creating…") : t("Create")
-      }, void 0, false)]
-    }, void 0, true)]
-  }, void 0, true);
+      children: [t34, t37]
+    }, void 0, true);
+    $[91] = t34;
+    $[92] = t37;
+    $[93] = t38;
+  } else {
+    t38 = $[93];
+  }
+  let t39;
+  if ($[94] !== onClose || $[95] !== t12 || $[96] !== t14 || $[97] !== t18 || $[98] !== t22 || $[99] !== t26 || $[100] !== t30 || $[101] !== t31 || $[102] !== t32 || $[103] !== t38) {
+    t39 = /* @__PURE__ */ jsxDEV(ModalShell, {
+      label: t12,
+      onClose,
+      panelTestId: "uc-dialog",
+      testId: "uc-overlay",
+      variant: "dialog",
+      children: [t14, t18, t22, t26, t30, t31, t32, t38]
+    }, void 0, true);
+    $[94] = onClose;
+    $[95] = t12;
+    $[96] = t14;
+    $[97] = t18;
+    $[98] = t22;
+    $[99] = t26;
+    $[100] = t30;
+    $[101] = t31;
+    $[102] = t32;
+    $[103] = t38;
+    $[104] = t39;
+  } else {
+    t39 = $[104];
+  }
+  return t39;
 };
 
 const SectionHeading = (t0) => {