@nestledjs/data-browser 0.1.7 → 0.1.8

package/lib/pages/AdminDataCreatePage.js

@@ -1,487 +1,376 @@
-import { jsxDEV as e } from "react/jsx-dev-runtime";
-import { gql as x } from "@apollo/client";
-import { useMutation as C } from "@apollo/client/react";
-import { ExclamationCircleIcon as h, CheckCircleIcon as D } from "@heroicons/react/24/outline";
-import { useAdminDataContext as P } from "../context/AdminDataContext.js";
-import { ErrorBoundary as A } from "@nestledjs/shared-components";
-import { Form as I } from "@nestledjs/forms";
-import { useState as U, useMemo as y, useEffect as _ } from "react";
-import { useParams as w, Link as g, useNavigate as k } from "react-router";
-import { getAdminDocuments as T, buildFormFields as E, cleanFormInput as $ } from "../utils/graphql-utils.js";
-function N(a) {
-  return a.replace(/([a-z])([A-Z])/g, "$1 $2").replace(/^./, (n) => n.toUpperCase());
+import { gql } from "@apollo/client";
+import { useMutation } from "@apollo/client/react";
+import { ExclamationCircleIcon, CheckCircleIcon } from "@heroicons/react/24/outline";
+import { useAdminDataContext } from "../context/AdminDataContext.js";
+import { ErrorBoundary } from "@nestledjs/shared-components";
+import { Form } from "@nestledjs/forms";
+import { useState, useMemo, useEffect } from "react";
+import { useParams, Link, useNavigate } from "react-router";
+import { getAdminDocuments, buildFormFields, cleanFormInput } from "../utils/graphql-utils.js";
+var _jsxFileName = "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataCreatePage.tsx";
+function toReadableText(text) {
+  return text.replace(/([a-z])([A-Z])/g, "$1 $2").replace(/^./, (str) => str.toUpperCase());
 }
-function B(a) {
-  return !a || typeof a != "string" ? "" : a.replace(/[<>"'%;()&+]/g, "").replace(/javascript:/gi, "").replace(/on\w+\s*=/gi, "").trim().substring(0, 100);
+function sanitizeInput(input) {
+  if (!input || typeof input !== "string") return "";
+  return input.replace(/[<>"'%;()&+]/g, "").replace(/javascript:/gi, "").replace(/on\w+\s*=/gi, "").trim().substring(0, 100);
 }
-const j = (a) => a.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
-function O() {
-  const { dataType: a } = w(), { databaseModels: n, basePath: o = "/admin/data", formTheme: f } = P(), u = (b) => n.find((m) => m.name === b), s = ((b) => {
-    const m = B(b);
-    if (!m) return null;
-    const l = m.split("-").map((i) => i.charAt(0).toUpperCase() + i.slice(1).toLowerCase()).join("");
-    return n.find((i) => i.name === l) ? l : null;
-  })(a), r = !s, c = s ? u(s) : null, p = s && !0 && !c;
-  return r ? /* @__PURE__ */ e("div", { className: "flex flex-col justify-center py-12", children: /* @__PURE__ */ e("div", { className: "mt-8 mx-auto w-full max-w-md", children: /* @__PURE__ */ e("div", { className: "bg-white dark:bg-gray-800 py-8 px-4 shadow sm:rounded-lg sm:px-10", children: /* @__PURE__ */ e("div", { className: "text-center", children: [
-    /* @__PURE__ */ e(h, { className: "mx-auto h-12 w-12 text-red-400" }, void 0, !1, {
-      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataCreatePage.tsx",
+const toKebabCase = (str) => {
+  return str.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
+};
+function AdminDataCreatePage() {
+  const {
+    dataType
+  } = useParams();
+  const {
+    databaseModels,
+    basePath = "/admin/data",
+    formTheme
+  } = useAdminDataContext();
+  const findModelByName = (name) => {
+    return databaseModels.find((model2) => model2.name === name);
+  };
+  const validateDataType = (dataType2) => {
+    const sanitized = sanitizeInput(dataType2);
+    if (!sanitized) return null;
+    const properCaseDataType = sanitized.split("-").map((word) => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase()).join("");
+    const model2 = databaseModels.find((m) => m.name === properCaseDataType);
+    return model2 ? properCaseDataType : null;
+  };
+  const validatedDataType = validateDataType(dataType);
+  const shouldShowUnauthorized = !validatedDataType;
+  const model = validatedDataType ? findModelByName(validatedDataType) : null;
+  const shouldShowModelNotFound = validatedDataType && true && !model;
+  if (shouldShowUnauthorized) {
+    return /* @__PURE__ */ React.createElement("div", { className: "flex flex-col justify-center py-12", __self: this, __source: {
+      fileName: _jsxFileName,
+      lineNumber: 90,
+      columnNumber: 7
+    } }, /* @__PURE__ */ React.createElement("div", { className: "mt-8 mx-auto w-full max-w-md", __self: this, __source: {
+      fileName: _jsxFileName,
+      lineNumber: 91,
+      columnNumber: 9
+    } }, /* @__PURE__ */ React.createElement("div", { className: "bg-white dark:bg-gray-800 py-8 px-4 shadow sm:rounded-lg sm:px-10", __self: this, __source: {
+      fileName: _jsxFileName,
+      lineNumber: 92,
+      columnNumber: 11
+    } }, /* @__PURE__ */ React.createElement("div", { className: "text-center", __self: this, __source: {
+      fileName: _jsxFileName,
+      lineNumber: 93,
+      columnNumber: 13
+    } }, /* @__PURE__ */ React.createElement(ExclamationCircleIcon, { className: "mx-auto h-12 w-12 text-red-400", __self: this, __source: {
+      fileName: _jsxFileName,
       lineNumber: 94,
       columnNumber: 15
-    }, this),
-    /* @__PURE__ */ e("h2", { className: "mt-4 text-lg font-medium text-gray-900 dark:text-gray-100", children: "Unauthorized" }, void 0, !1, {
-      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataCreatePage.tsx",
+    } }), /* @__PURE__ */ React.createElement("h2", { className: "mt-4 text-lg font-medium text-gray-900 dark:text-gray-100", __self: this, __source: {
+      fileName: _jsxFileName,
       lineNumber: 95,
       columnNumber: 15
-    }, this),
-    /* @__PURE__ */ e("p", { className: "mt-2 text-sm text-gray-600 dark:text-gray-400", children: "Invalid data type or insufficient permissions." }, void 0, !1, {
-      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataCreatePage.tsx",
+    } }, "Unauthorized"), /* @__PURE__ */ React.createElement("p", { className: "mt-2 text-sm text-gray-600 dark:text-gray-400", __self: this, __source: {
+      fileName: _jsxFileName,
       lineNumber: 96,
       columnNumber: 15
-    }, this),
-    /* @__PURE__ */ e("div", { className: "mt-6", children: /* @__PURE__ */ e(
-      g,
-      {
-        to: o,
-        className: "w-full flex justify-center py-2 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-green-web hover:bg-green-web-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-web",
-        children: "Return to Data Browser"
-      },
-      void 0,
-      !1,
-      {
-        fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataCreatePage.tsx",
-        lineNumber: 100,
-        columnNumber: 17
-      },
-      this
-    ) }, void 0, !1, {
-      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataCreatePage.tsx",
+    } }, "Invalid data type or insufficient permissions."), /* @__PURE__ */ React.createElement("div", { className: "mt-6", __self: this, __source: {
+      fileName: _jsxFileName,
       lineNumber: 99,
       columnNumber: 15
-    }, this)
-  ] }, void 0, !0, {
-    fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataCreatePage.tsx",
-    lineNumber: 93,
-    columnNumber: 13
-  }, this) }, void 0, !1, {
-    fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataCreatePage.tsx",
-    lineNumber: 92,
-    columnNumber: 11
-  }, this) }, void 0, !1, {
-    fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataCreatePage.tsx",
-    lineNumber: 91,
-    columnNumber: 9
-  }, this) }, void 0, !1, {
-    fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataCreatePage.tsx",
-    lineNumber: 90,
-    columnNumber: 7
-  }, this) : p ? /* @__PURE__ */ e("div", { className: "flex flex-col justify-center py-12", children: /* @__PURE__ */ e("div", { className: "mt-8 mx-auto w-full max-w-md", children: /* @__PURE__ */ e("div", { className: "bg-white dark:bg-gray-800 py-8 px-4 shadow sm:rounded-lg sm:px-10", children: /* @__PURE__ */ e("div", { className: "text-center", children: [
-    /* @__PURE__ */ e(h, { className: "mx-auto h-12 w-12 text-yellow-400" }, void 0, !1, {
-      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataCreatePage.tsx",
+    } }, /* @__PURE__ */ React.createElement(Link, { to: basePath, className: "w-full flex justify-center py-2 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-green-web hover:bg-green-web-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-web", __self: this, __source: {
+      fileName: _jsxFileName,
+      lineNumber: 100,
+      columnNumber: 17
+    } }, "Return to Data Browser"))))));
+  }
+  if (shouldShowModelNotFound) {
+    return /* @__PURE__ */ React.createElement("div", { className: "flex flex-col justify-center py-12", __self: this, __source: {
+      fileName: _jsxFileName,
+      lineNumber: 142,
+      columnNumber: 7
+    } }, /* @__PURE__ */ React.createElement("div", { className: "mt-8 mx-auto w-full max-w-md", __self: this, __source: {
+      fileName: _jsxFileName,
+      lineNumber: 143,
+      columnNumber: 9
+    } }, /* @__PURE__ */ React.createElement("div", { className: "bg-white dark:bg-gray-800 py-8 px-4 shadow sm:rounded-lg sm:px-10", __self: this, __source: {
+      fileName: _jsxFileName,
+      lineNumber: 144,
+      columnNumber: 11
+    } }, /* @__PURE__ */ React.createElement("div", { className: "text-center", __self: this, __source: {
+      fileName: _jsxFileName,
+      lineNumber: 145,
+      columnNumber: 13
+    } }, /* @__PURE__ */ React.createElement(ExclamationCircleIcon, { className: "mx-auto h-12 w-12 text-yellow-400", __self: this, __source: {
+      fileName: _jsxFileName,
       lineNumber: 146,
       columnNumber: 15
-    }, this),
-    /* @__PURE__ */ e("h2", { className: "mt-4 text-lg font-medium text-gray-900 dark:text-gray-100", children: "Model Not Found" }, void 0, !1, {
-      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataCreatePage.tsx",
+    } }), /* @__PURE__ */ React.createElement("h2", { className: "mt-4 text-lg font-medium text-gray-900 dark:text-gray-100", __self: this, __source: {
+      fileName: _jsxFileName,
       lineNumber: 147,
       columnNumber: 15
-    }, this),
-    /* @__PURE__ */ e("p", { className: "mt-2 text-sm text-gray-600 dark:text-gray-400", children: [
-      'The data model for "',
-      s,
-      '" could not be found.'
-    ] }, void 0, !0, {
-      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataCreatePage.tsx",
+    } }, "Model Not Found"), /* @__PURE__ */ React.createElement("p", { className: "mt-2 text-sm text-gray-600 dark:text-gray-400", __self: this, __source: {
+      fileName: _jsxFileName,
       lineNumber: 148,
       columnNumber: 15
-    }, this),
-    /* @__PURE__ */ e("div", { className: "mt-6", children: /* @__PURE__ */ e(
-      g,
-      {
-        to: o,
-        className: "w-full flex justify-center py-2 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-green-web hover:bg-green-web-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-web",
-        children: "Return to Data Browser"
-      },
-      void 0,
-      !1,
-      {
-        fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataCreatePage.tsx",
-        lineNumber: 152,
-        columnNumber: 17
-      },
-      this
-    ) }, void 0, !1, {
-      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataCreatePage.tsx",
+    } }, 'The data model for "', validatedDataType, '" could not be found.'), /* @__PURE__ */ React.createElement("div", { className: "mt-6", __self: this, __source: {
+      fileName: _jsxFileName,
       lineNumber: 151,
       columnNumber: 15
-    }, this)
-  ] }, void 0, !0, {
-    fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataCreatePage.tsx",
-    lineNumber: 145,
-    columnNumber: 13
-  }, this) }, void 0, !1, {
-    fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataCreatePage.tsx",
-    lineNumber: 144,
-    columnNumber: 11
-  }, this) }, void 0, !1, {
-    fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataCreatePage.tsx",
-    lineNumber: 143,
-    columnNumber: 9
-  }, this) }, void 0, !1, {
-    fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataCreatePage.tsx",
-    lineNumber: 142,
-    columnNumber: 7
-  }, this) : /* @__PURE__ */ e(L, { model: c, basePath: o, formTheme: f }, void 0, !1, {
-    fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataCreatePage.tsx",
+    } }, /* @__PURE__ */ React.createElement(Link, { to: basePath, className: "w-full flex justify-center py-2 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-green-web hover:bg-green-web-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-web", __self: this, __source: {
+      fileName: _jsxFileName,
+      lineNumber: 152,
+      columnNumber: 17
+    } }, "Return to Data Browser"))))));
+  }
+  return /* @__PURE__ */ React.createElement(AdminDataCreatePageContent, { model, basePath, formTheme, __self: this, __source: {
+    fileName: _jsxFileName,
     lineNumber: 167,
     columnNumber: 10
-  }, this);
+  } });
 }
-function L({ model: a, basePath: n, formTheme: o }) {
-  const f = k(), { sdk: u } = P(), [t, s] = U({ status: "idle" }), r = y(() => {
+function AdminDataCreatePageContent({
+  model,
+  basePath,
+  formTheme
+}) {
+  const navigate = useNavigate();
+  const {
+    sdk
+  } = useAdminDataContext();
+  const [submissionState, setSubmissionState] = useState({
+    status: "idle"
+  });
+  const documents = useMemo(() => {
     try {
-      return T(u, a);
-    } catch (l) {
-      return console.error("[AdminDataCreatePage] Error getting documents:", l), null;
+      return getAdminDocuments(sdk, model);
+    } catch (error) {
+      console.error("[AdminDataCreatePage] Error getting documents:", error);
+      return null;
     }
-  }, [u, a]), c = y(() => {
-    var l, d;
-    if (!(r != null && r.create)) return null;
+  }, [sdk, model]);
+  const CREATE_MUTATION = useMemo(() => {
+    var _a, _b;
+    if (!(documents == null ? void 0 : documents.create)) return null;
     try {
-      return (l = r.create) != null && l.definitions && ((d = r.create) != null && d.loc) ? r.create : x(r.create);
-    } catch (i) {
-      return console.error("[AdminDataCreatePage] Error parsing CREATE mutation:", i), null;
+      if (((_a = documents.create) == null ? void 0 : _a.definitions) && ((_b = documents.create) == null ? void 0 : _b.loc)) {
+        return documents.create;
+      }
+      return gql(documents.create);
+    } catch (error) {
+      console.error("[AdminDataCreatePage] Error parsing CREATE mutation:", error);
+      return null;
     }
-  }, [r]), [p] = C(
-    c || x`
+  }, [documents]);
+  const [createMutation] = useMutation(CREATE_MUTATION || gql`
         mutation PlaceholderCreate {
           __typename
         }
-      `
-  );
-  if (!r || !c)
-    return /* @__PURE__ */ e("div", { className: "min-h-screen bg-gray-50 dark:bg-gray-900 flex flex-col justify-center py-12 sm:px-6 lg:px-8", children: /* @__PURE__ */ e("div", { className: "mt-8 sm:mx-auto sm:w-full sm:max-w-2xl", children: /* @__PURE__ */ e("div", { className: "bg-white dark:bg-gray-800 py-8 px-4 shadow sm:rounded-lg sm:px-10", children: /* @__PURE__ */ e("div", { className: "text-center", children: [
-      /* @__PURE__ */ e(h, { className: "mx-auto h-12 w-12 text-red-400" }, void 0, !1, {
-        fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataCreatePage.tsx",
-        lineNumber: 226,
-        columnNumber: 15
-      }, this),
-      /* @__PURE__ */ e("h2", { className: "mt-4 text-lg font-medium text-gray-900 dark:text-gray-100", children: "GraphQL Schema Error" }, void 0, !1, {
-        fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataCreatePage.tsx",
-        lineNumber: 227,
-        columnNumber: 15
-      }, this),
-      /* @__PURE__ */ e("p", { className: "mt-2 text-sm text-gray-600 dark:text-gray-400", children: "Unable to load GraphQL documents for this model. Please ensure the API server is running and the GraphQL schema is up to date." }, void 0, !1, {
-        fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataCreatePage.tsx",
-        lineNumber: 228,
-        columnNumber: 15
-      }, this),
-      /* @__PURE__ */ e("div", { className: "mt-6", children: /* @__PURE__ */ e(
-        g,
-        {
-          to: n,
-          className: "w-full flex justify-center py-2 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-green-web hover:bg-green-web-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-web",
-          children: "Return to Data Browser"
-        },
-        void 0,
-        !1,
-        {
-          fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataCreatePage.tsx",
-          lineNumber: 233,
-          columnNumber: 17
-        },
-        this
-      ) }, void 0, !1, {
-        fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataCreatePage.tsx",
-        lineNumber: 232,
-        columnNumber: 15
-      }, this)
-    ] }, void 0, !0, {
-      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataCreatePage.tsx",
-      lineNumber: 225,
-      columnNumber: 13
-    }, this) }, void 0, !1, {
-      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataCreatePage.tsx",
-      lineNumber: 224,
-      columnNumber: 11
-    }, this) }, void 0, !1, {
-      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataCreatePage.tsx",
-      lineNumber: 223,
-      columnNumber: 9
-    }, this) }, void 0, !1, {
-      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataCreatePage.tsx",
+      `);
+  if (!documents || !CREATE_MUTATION) {
+    return /* @__PURE__ */ React.createElement("div", { className: "min-h-screen bg-gray-50 dark:bg-gray-900 flex flex-col justify-center py-12 sm:px-6 lg:px-8", __self: this, __source: {
+      fileName: _jsxFileName,
       lineNumber: 222,
       columnNumber: 7
-    }, this);
-  const b = E(u, a, "create"), m = async (l) => {
+    } }, /* @__PURE__ */ React.createElement("div", { className: "mt-8 sm:mx-auto sm:w-full sm:max-w-2xl", __self: this, __source: {
+      fileName: _jsxFileName,
+      lineNumber: 223,
+      columnNumber: 9
+    } }, /* @__PURE__ */ React.createElement("div", { className: "bg-white dark:bg-gray-800 py-8 px-4 shadow sm:rounded-lg sm:px-10", __self: this, __source: {
+      fileName: _jsxFileName,
+      lineNumber: 224,
+      columnNumber: 11
+    } }, /* @__PURE__ */ React.createElement("div", { className: "text-center", __self: this, __source: {
+      fileName: _jsxFileName,
+      lineNumber: 225,
+      columnNumber: 13
+    } }, /* @__PURE__ */ React.createElement(ExclamationCircleIcon, { className: "mx-auto h-12 w-12 text-red-400", __self: this, __source: {
+      fileName: _jsxFileName,
+      lineNumber: 226,
+      columnNumber: 15
+    } }), /* @__PURE__ */ React.createElement("h2", { className: "mt-4 text-lg font-medium text-gray-900 dark:text-gray-100", __self: this, __source: {
+      fileName: _jsxFileName,
+      lineNumber: 227,
+      columnNumber: 15
+    } }, "GraphQL Schema Error"), /* @__PURE__ */ React.createElement("p", { className: "mt-2 text-sm text-gray-600 dark:text-gray-400", __self: this, __source: {
+      fileName: _jsxFileName,
+      lineNumber: 228,
+      columnNumber: 15
+    } }, "Unable to load GraphQL documents for this model. Please ensure the API server is running and the GraphQL schema is up to date."), /* @__PURE__ */ React.createElement("div", { className: "mt-6", __self: this, __source: {
+      fileName: _jsxFileName,
+      lineNumber: 232,
+      columnNumber: 15
+    } }, /* @__PURE__ */ React.createElement(Link, { to: basePath, className: "w-full flex justify-center py-2 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-green-web hover:bg-green-web-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-web", __self: this, __source: {
+      fileName: _jsxFileName,
+      lineNumber: 233,
+      columnNumber: 17
+    } }, "Return to Data Browser"))))));
+  }
+  const formFields = buildFormFields(sdk, model, "create");
+  const handleSubmit = async (formData) => {
     try {
-      s({ status: "loading" });
-      const d = $(l, a), i = await p({
+      setSubmissionState({
+        status: "loading"
+      });
+      const cleanedInput = cleanFormInput(formData, model);
+      const result = await createMutation({
         variables: {
-          input: d
+          input: cleanedInput
         }
       });
-      if (i.errors) {
-        console.error("GraphQL errors:", i.errors), s({
+      if (result.errors) {
+        console.error("GraphQL errors:", result.errors);
+        setSubmissionState({
           status: "error",
-          message: i.errors.map((v) => v.message).join(", ")
+          message: result.errors.map((err) => err.message).join(", ")
         });
         return;
       }
-      s({
+      setSubmissionState({
         status: "success",
-        message: `${N(a.name)} created successfully!`
-      }), setTimeout(() => {
-        f(`${n}/${j(a.pluralName)}`);
+        message: `${toReadableText(model.name)} created successfully!`
+      });
+      setTimeout(() => {
+        navigate(`${basePath}/${toKebabCase(model.pluralName)}`);
       }, 1500);
-    } catch (d) {
-      console.error("Error creating record:", d), s({
+    } catch (error) {
+      console.error("Error creating record:", error);
+      setSubmissionState({
         status: "error",
-        message: d instanceof Error ? d.message : "An unexpected error occurred"
+        message: error instanceof Error ? error.message : "An unexpected error occurred"
       });
     }
   };
-  return _(() => {
-    if (t.status === "error") {
-      const l = setTimeout(() => {
-        s({ status: "idle" });
+  useEffect(() => {
+    if (submissionState.status === "error") {
+      const timer = setTimeout(() => {
+        setSubmissionState({
+          status: "idle"
+        });
       }, 5e3);
-      return () => clearTimeout(l);
+      return () => clearTimeout(timer);
     }
-  }, [t.status]), /* @__PURE__ */ e("div", { className: "space-y-6", children: [
-    /* @__PURE__ */ e("div", { className: "mb-8", children: [
-      /* @__PURE__ */ e("nav", { className: "flex mb-6", "aria-label": "Breadcrumb", children: /* @__PURE__ */ e("ol", { className: "flex items-center space-x-4", children: [
-        /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(g, { to: n, className: "text-gray-400 dark:text-gray-500 hover:text-gray-500 dark:hover:text-gray-400", children: "Data Browser" }, void 0, !1, {
-          fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataCreatePage.tsx",
-          lineNumber: 309,
-          columnNumber: 17
-        }, this) }, void 0, !1, {
-          fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataCreatePage.tsx",
-          lineNumber: 308,
-          columnNumber: 15
-        }, this),
-        /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e("div", { className: "flex items-center", children: [
-          /* @__PURE__ */ e(
-            "svg",
-            {
-              className: "flex-shrink-0 h-5 w-5 text-gray-300 dark:text-gray-600",
-              fill: "currentColor",
-              viewBox: "0 0 20 20",
-              children: /* @__PURE__ */ e(
-                "path",
-                {
-                  fillRule: "evenodd",
-                  d: "M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 111.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z",
-                  clipRule: "evenodd"
-                },
-                void 0,
-                !1,
-                {
-                  fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataCreatePage.tsx",
-                  lineNumber: 320,
-                  columnNumber: 21
-                },
-                this
-              )
-            },
-            void 0,
-            !1,
-            {
-              fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataCreatePage.tsx",
-              lineNumber: 315,
-              columnNumber: 19
-            },
-            this
-          ),
-          /* @__PURE__ */ e(
-            g,
-            {
-              to: `${n}/${j(a.pluralName)}`,
-              className: "ml-4 text-gray-400 dark:text-gray-500 hover:text-gray-500 dark:hover:text-gray-400",
-              children: N(a.pluralName)
-            },
-            void 0,
-            !1,
-            {
-              fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataCreatePage.tsx",
-              lineNumber: 326,
-              columnNumber: 19
-            },
-            this
-          )
-        ] }, void 0, !0, {
-          fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataCreatePage.tsx",
-          lineNumber: 314,
-          columnNumber: 17
-        }, this) }, void 0, !1, {
-          fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataCreatePage.tsx",
-          lineNumber: 313,
-          columnNumber: 15
-        }, this),
-        /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e("div", { className: "flex items-center", children: [
-          /* @__PURE__ */ e(
-            "svg",
-            {
-              className: "flex-shrink-0 h-5 w-5 text-gray-300 dark:text-gray-600",
-              fill: "currentColor",
-              viewBox: "0 0 20 20",
-              children: /* @__PURE__ */ e(
-                "path",
-                {
-                  fillRule: "evenodd",
-                  d: "M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 111.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z",
-                  clipRule: "evenodd"
-                },
-                void 0,
-                !1,
-                {
-                  fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataCreatePage.tsx",
-                  lineNumber: 341,
-                  columnNumber: 21
-                },
-                this
-              )
-            },
-            void 0,
-            !1,
-            {
-              fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataCreatePage.tsx",
-              lineNumber: 336,
-              columnNumber: 19
-            },
-            this
-          ),
-          /* @__PURE__ */ e("span", { className: "ml-4 text-gray-500 dark:text-gray-400", children: "Create New" }, void 0, !1, {
-            fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataCreatePage.tsx",
-            lineNumber: 347,
-            columnNumber: 19
-          }, this)
-        ] }, void 0, !0, {
-          fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataCreatePage.tsx",
-          lineNumber: 335,
-          columnNumber: 17
-        }, this) }, void 0, !1, {
-          fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataCreatePage.tsx",
-          lineNumber: 334,
-          columnNumber: 15
-        }, this)
-      ] }, void 0, !0, {
-        fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataCreatePage.tsx",
-        lineNumber: 307,
-        columnNumber: 13
-      }, this) }, void 0, !1, {
-        fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataCreatePage.tsx",
-        lineNumber: 306,
-        columnNumber: 11
-      }, this),
-      /* @__PURE__ */ e("h1", { className: "mt-4 text-3xl font-bold text-gray-900 dark:text-gray-100", children: [
-        "Create ",
-        N(a.name)
-      ] }, void 0, !0, {
-        fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataCreatePage.tsx",
-        lineNumber: 352,
-        columnNumber: 11
-      }, this)
-    ] }, void 0, !0, {
-      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataCreatePage.tsx",
-      lineNumber: 305,
-      columnNumber: 7
-    }, this),
-    t.status !== "idle" && /* @__PURE__ */ e(
-      "div",
-      {
-        className: `mb-6 rounded-md p-4 ${t.status === "success" ? "bg-green-50 border border-green-200" : t.status === "error" ? "bg-red-50 border border-red-200" : "bg-blue-50 border border-blue-200"}`,
-        children: /* @__PURE__ */ e("div", { className: "flex", children: [
-          /* @__PURE__ */ e("div", { className: "flex-shrink-0", children: t.status === "success" ? /* @__PURE__ */ e(D, { className: "h-5 w-5 text-green-400" }, void 0, !1, {
-            fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataCreatePage.tsx",
-            lineNumber: 371,
-            columnNumber: 19
-          }, this) : t.status === "error" ? /* @__PURE__ */ e(h, { className: "h-5 w-5 text-red-400" }, void 0, !1, {
-            fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataCreatePage.tsx",
-            lineNumber: 373,
-            columnNumber: 19
-          }, this) : /* @__PURE__ */ e("div", { className: "h-5 w-5 border-2 border-blue-400 border-t-transparent rounded-full animate-spin" }, void 0, !1, {
-            fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataCreatePage.tsx",
-            lineNumber: 375,
-            columnNumber: 19
-          }, this) }, void 0, !1, {
-            fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataCreatePage.tsx",
-            lineNumber: 369,
-            columnNumber: 15
-          }, this),
-          /* @__PURE__ */ e("div", { className: "ml-3", children: /* @__PURE__ */ e(
-            "p",
-            {
-              className: `text-sm font-medium ${t.status === "success" ? "text-green-800" : t.status === "error" ? "text-red-800" : "text-blue-800"}`,
-              children: t.status === "loading" ? `Creating ${N(a.name)}...` : t.message
-            },
-            void 0,
-            !1,
-            {
-              fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataCreatePage.tsx",
-              lineNumber: 379,
-              columnNumber: 17
-            },
-            this
-          ) }, void 0, !1, {
-            fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataCreatePage.tsx",
-            lineNumber: 378,
-            columnNumber: 15
-          }, this)
-        ] }, void 0, !0, {
-          fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataCreatePage.tsx",
-          lineNumber: 368,
-          columnNumber: 13
-        }, this)
-      },
-      void 0,
-      !1,
-      {
-        fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataCreatePage.tsx",
-        lineNumber: 359,
-        columnNumber: 11
-      },
-      this
-    ),
-    /* @__PURE__ */ e("div", { className: "bg-white dark:bg-gray-800 shadow-sm rounded-lg", children: /* @__PURE__ */ e("div", { className: "px-6 py-8", children: /* @__PURE__ */ e(
-      I,
-      {
-        id: `create-${a.name.toLowerCase()}-form`,
-        fields: b,
-        submit: m,
-        disabled: t.status === "loading",
-        theme: o
-      },
-      void 0,
-      !1,
-      {
-        fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataCreatePage.tsx",
-        lineNumber: 400,
-        columnNumber: 13
-      },
-      this
-    ) }, void 0, !1, {
-      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataCreatePage.tsx",
-      lineNumber: 399,
-      columnNumber: 11
-    }, this) }, void 0, !1, {
-      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataCreatePage.tsx",
-      lineNumber: 398,
-      columnNumber: 9
-    }, this)
-  ] }, void 0, !0, {
-    fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataCreatePage.tsx",
+  }, [submissionState.status]);
+  return /* @__PURE__ */ React.createElement("div", { className: "space-y-6", __self: this, __source: {
+    fileName: _jsxFileName,
     lineNumber: 303,
     columnNumber: 5
-  }, this);
+  } }, /* @__PURE__ */ React.createElement("div", { className: "mb-8", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 305,
+    columnNumber: 7
+  } }, /* @__PURE__ */ React.createElement("nav", { className: "flex mb-6", "aria-label": "Breadcrumb", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 306,
+    columnNumber: 11
+  } }, /* @__PURE__ */ React.createElement("ol", { className: "flex items-center space-x-4", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 307,
+    columnNumber: 13
+  } }, /* @__PURE__ */ React.createElement("li", { __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 308,
+    columnNumber: 15
+  } }, /* @__PURE__ */ React.createElement(Link, { to: basePath, className: "text-gray-400 dark:text-gray-500 hover:text-gray-500 dark:hover:text-gray-400", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 309,
+    columnNumber: 17
+  } }, "Data Browser")), /* @__PURE__ */ React.createElement("li", { __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 313,
+    columnNumber: 15
+  } }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 314,
+    columnNumber: 17
+  } }, /* @__PURE__ */ React.createElement("svg", { className: "flex-shrink-0 h-5 w-5 text-gray-300 dark:text-gray-600", fill: "currentColor", viewBox: "0 0 20 20", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 315,
+    columnNumber: 19
+  } }, /* @__PURE__ */ React.createElement("path", { fillRule: "evenodd", d: "M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 111.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z", clipRule: "evenodd", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 320,
+    columnNumber: 21
+  } })), /* @__PURE__ */ React.createElement(Link, { to: `${basePath}/${toKebabCase(model.pluralName)}`, className: "ml-4 text-gray-400 dark:text-gray-500 hover:text-gray-500 dark:hover:text-gray-400", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 326,
+    columnNumber: 19
+  } }, toReadableText(model.pluralName)))), /* @__PURE__ */ React.createElement("li", { __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 334,
+    columnNumber: 15
+  } }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 335,
+    columnNumber: 17
+  } }, /* @__PURE__ */ React.createElement("svg", { className: "flex-shrink-0 h-5 w-5 text-gray-300 dark:text-gray-600", fill: "currentColor", viewBox: "0 0 20 20", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 336,
+    columnNumber: 19
+  } }, /* @__PURE__ */ React.createElement("path", { fillRule: "evenodd", d: "M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 111.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z", clipRule: "evenodd", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 341,
+    columnNumber: 21
+  } })), /* @__PURE__ */ React.createElement("span", { className: "ml-4 text-gray-500 dark:text-gray-400", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 347,
+    columnNumber: 19
+  } }, "Create New"))))), /* @__PURE__ */ React.createElement("h1", { className: "mt-4 text-3xl font-bold text-gray-900 dark:text-gray-100", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 352,
+    columnNumber: 11
+  } }, "Create ", toReadableText(model.name))), submissionState.status !== "idle" && /* @__PURE__ */ React.createElement("div", { className: `mb-6 rounded-md p-4 ${submissionState.status === "success" ? "bg-green-50 border border-green-200" : submissionState.status === "error" ? "bg-red-50 border border-red-200" : "bg-blue-50 border border-blue-200"}`, __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 359,
+    columnNumber: 11
+  } }, /* @__PURE__ */ React.createElement("div", { className: "flex", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 368,
+    columnNumber: 13
+  } }, /* @__PURE__ */ React.createElement("div", { className: "flex-shrink-0", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 369,
+    columnNumber: 15
+  } }, submissionState.status === "success" ? /* @__PURE__ */ React.createElement(CheckCircleIcon, { className: "h-5 w-5 text-green-400", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 371,
+    columnNumber: 19
+  } }) : submissionState.status === "error" ? /* @__PURE__ */ React.createElement(ExclamationCircleIcon, { className: "h-5 w-5 text-red-400", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 373,
+    columnNumber: 19
+  } }) : /* @__PURE__ */ React.createElement("div", { className: "h-5 w-5 border-2 border-blue-400 border-t-transparent rounded-full animate-spin", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 375,
+    columnNumber: 19
+  } })), /* @__PURE__ */ React.createElement("div", { className: "ml-3", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 378,
+    columnNumber: 15
+  } }, /* @__PURE__ */ React.createElement("p", { className: `text-sm font-medium ${submissionState.status === "success" ? "text-green-800" : submissionState.status === "error" ? "text-red-800" : "text-blue-800"}`, __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 379,
+    columnNumber: 17
+  } }, submissionState.status === "loading" ? `Creating ${toReadableText(model.name)}...` : submissionState.message)))), /* @__PURE__ */ React.createElement("div", { className: "bg-white dark:bg-gray-800 shadow-sm rounded-lg", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 398,
+    columnNumber: 9
+  } }, /* @__PURE__ */ React.createElement("div", { className: "px-6 py-8", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 399,
+    columnNumber: 11
+  } }, /* @__PURE__ */ React.createElement(Form, { id: `create-${model.name.toLowerCase()}-form`, fields: formFields, submit: handleSubmit, disabled: submissionState.status === "loading", theme: formTheme, __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 400,
+    columnNumber: 13
+  } }))));
 }
-function V({ error: a }) {
-  return /* @__PURE__ */ e(A, { error: a }, void 0, !1, {
-    fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataCreatePage.tsx",
+function AdminDataCreateErrorBoundary({
+  error
+}) {
+  return /* @__PURE__ */ React.createElement(ErrorBoundary, { error, __self: this, __source: {
+    fileName: _jsxFileName,
     lineNumber: 414,
     columnNumber: 10
-  }, this);
+  } });
 }
 export {
-  V as AdminDataCreateErrorBoundary,
-  O as AdminDataCreatePage
+  AdminDataCreateErrorBoundary,
+  AdminDataCreatePage
 };