@env-hopper/frontend-core 2.0.1-alpha → 2.0.1-alpha-20260224145405

package/dist/esm/modules/appCatalog/ui/pages/AppCatalogPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppCatalogPage.js","sources":["../../../../../../src/modules/appCatalog/ui/pages/AppCatalogPage.tsx"],"sourcesContent":["import { useNavigate, useRouter, useSearch } from '@tanstack/react-router'\nimport { useMemo, useState } from 'react'\n\nimport type { AppForCatalog } from '@env-hopper/backend-core'\nimport { useAppCatalogContext } from '../../context/AppCatalogContext'\nimport { AppCatalogGrid } from '../grid/AppCatalogGrid'\n\nimport { Input } from '~/ui/input'\n\nexport function AppCatalogPage() {\n  const navigate = useNavigate()\n  const router = useRouter()\n  const search = useSearch({ strict: false })\n  const { apps, isLoadingApps, tagsDefinitions } = useAppCatalogContext()\n  const [searchValue, setSearchValue] = useState('')\n\n  const filterTag = search.filterTag\n  const selectedAppSlug = search.app\n\n  const filteredApps = useMemo(() => {\n    const normalizedSearchValue = searchValue.trim().toLowerCase()\n\n    return apps\n      .filter((app) => {\n        if (normalizedSearchValue === '') {\n          return true\n        }\n        const name = app.displayName.toLowerCase() || ''\n        const slug = app.slug.toLowerCase() || ''\n        const description = app.description?.toLowerCase() || ''\n        const tags = app.tags?.join(' ').toLowerCase() || ''\n\n        return (\n          name.includes(normalizedSearchValue) ||\n          slug.includes(normalizedSearchValue) ||\n          description.includes(normalizedSearchValue) ||\n          tags.includes(normalizedSearchValue)\n        )\n      })\n      .filter((app) => {\n        return (\n          filterTag === undefined ||\n          app.tags?.some((tag) => tag.toLowerCase() === filterTag.toLowerCase())\n        )\n      })\n  }, [apps, searchValue, filterTag])\n\n  const handleAppClick = (app: AppForCatalog) => {\n    const currentPath = router.state.location.pathname\n    navigate({ to: currentPath, search: { ...search, app: app.slug } })\n  }\n\n  const handleCloseDetails = () => {\n    const currentPath = router.state.location.pathname\n    const { app: _app, ...restSearch } = search\n    navigate({ to: currentPath, search: restSearch })\n  }\n\n  if (isLoadingApps) {\n    return <div className=\"py-6 text-muted-foreground\">Loading…</div>\n  }\n\n  // Use first tag definition for grouping\n  const groupingDefinition = tagsDefinitions[0]\n\n  return (\n    <div className=\"flex flex-col h-full\">\n      <div className=\"pb-4\">\n        <div className=\"flex items-start justify-between gap-4 pb-4\">\n          <div>\n            <div className=\"font-medium text-2xl\">App Catalog</div>\n            <div className=\"text-sm text-muted-foreground\">\n              {filteredApps.length} apps available\n            </div>\n          </div>\n        </div>\n\n        <div className=\"w-full\">\n          <Input\n            value={searchValue}\n            onChange={(e) => setSearchValue(e.target.value)}\n            placeholder=\"Search apps by name, description, or tags…\"\n            aria-label=\"Search apps\"\n          />\n        </div>\n      </div>\n\n      <div className=\"flex-1\">\n        <AppCatalogGrid\n          apps={filteredApps}\n          selectedAppSlug={selectedAppSlug}\n          groupingDefinition={groupingDefinition}\n          onAppClick={handleAppClick}\n          onCloseDetails={handleCloseDetails}\n        />\n      </div>\n    </div>\n  )\n}\n"],"names":[],"mappings":";;;;;;AASO,SAAS,iBAAiB;AAC/B,QAAM,WAAW,YAAA;AACjB,QAAM,SAAS,UAAA;AACf,QAAM,SAAS,UAAU,EAAE,QAAQ,OAAO;AAC1C,QAAM,EAAE,MAAM,eAAe,gBAAA,IAAoB,qBAAA;AACjD,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,EAAE;AAEjD,QAAM,YAAY,OAAO;AACzB,QAAM,kBAAkB,OAAO;AAE/B,QAAM,eAAe,QAAQ,MAAM;AACjC,UAAM,wBAAwB,YAAY,KAAA,EAAO,YAAA;AAEjD,WAAO,KACJ,OAAO,CAAC,QAAQ;;AACf,UAAI,0BAA0B,IAAI;AAChC,eAAO;AAAA,MACT;AACA,YAAM,OAAO,IAAI,YAAY,YAAA,KAAiB;AAC9C,YAAM,OAAO,IAAI,KAAK,YAAA,KAAiB;AACvC,YAAM,gBAAc,SAAI,gBAAJ,mBAAiB,kBAAiB;AACtD,YAAM,SAAO,SAAI,SAAJ,mBAAU,KAAK,KAAK,kBAAiB;AAElD,aACE,KAAK,SAAS,qBAAqB,KACnC,KAAK,SAAS,qBAAqB,KACnC,YAAY,SAAS,qBAAqB,KAC1C,KAAK,SAAS,qBAAqB;AAAA,IAEvC,CAAC,EACA,OAAO,CAAC,QAAQ;;AACf,aACE,cAAc,YACd,SAAI,SAAJ,mBAAU,KAAK,CAAC,QAAQ,IAAI,YAAA,MAAkB,UAAU,YAAA;AAAA,IAE5D,CAAC;AAAA,EACL,GAAG,CAAC,MAAM,aAAa,SAAS,CAAC;AAEjC,QAAM,iBAAiB,CAAC,QAAuB;AAC7C,UAAM,cAAc,OAAO,MAAM,SAAS;AAC1C,aAAS,EAAE,IAAI,aAAa,QAAQ,EAAE,GAAG,QAAQ,KAAK,IAAI,KAAA,GAAQ;AAAA,EACpE;AAEA,QAAM,qBAAqB,MAAM;AAC/B,UAAM,cAAc,OAAO,MAAM,SAAS;AAC1C,UAAM,EAAE,KAAK,MAAM,GAAG,eAAe;AACrC,aAAS,EAAE,IAAI,aAAa,QAAQ,YAAY;AAAA,EAClD;AAEA,MAAI,eAAe;AACjB,WAAO,oBAAC,OAAA,EAAI,WAAU,8BAA6B,UAAA,YAAQ;AAAA,EAC7D;AAGA,QAAM,qBAAqB,gBAAgB,CAAC;AAE5C,SACE,qBAAC,OAAA,EAAI,WAAU,wBACb,UAAA;AAAA,IAAA,qBAAC,OAAA,EAAI,WAAU,QACb,UAAA;AAAA,MAAA,oBAAC,OAAA,EAAI,WAAU,+CACb,UAAA,qBAAC,OAAA,EACC,UAAA;AAAA,QAAA,oBAAC,OAAA,EAAI,WAAU,wBAAuB,UAAA,eAAW;AAAA,QACjD,qBAAC,OAAA,EAAI,WAAU,iCACZ,UAAA;AAAA,UAAA,aAAa;AAAA,UAAO;AAAA,QAAA,EAAA,CACvB;AAAA,MAAA,EAAA,CACF,EAAA,CACF;AAAA,MAEA,oBAAC,OAAA,EAAI,WAAU,UACb,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,OAAO;AAAA,UACP,UAAU,CAAC,MAAM,eAAe,EAAE,OAAO,KAAK;AAAA,UAC9C,aAAY;AAAA,UACZ,cAAW;AAAA,QAAA;AAAA,MAAA,EACb,CACF;AAAA,IAAA,GACF;AAAA,IAEA,oBAAC,OAAA,EAAI,WAAU,UACb,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAM;AAAA,QACN;AAAA,QACA;AAAA,QACA,YAAY;AAAA,QACZ,gBAAgB;AAAA,MAAA;AAAA,IAAA,EAClB,CACF;AAAA,EAAA,GACF;AAEJ;"}

package/dist/esm/modules/approvalMethod/AccessRequestFormFields.d.ts

@@ -0,0 +1,7 @@
+import { Control, FieldValues } from 'react-hook-form';
+interface AccessRequestFormFieldsProps {
+    control: Control<FieldValues>;
+    approvalMethodId: string | undefined;
+}
+export declare function AccessRequestFormFields({ control, approvalMethodId, }: AccessRequestFormFieldsProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/modules/approvalMethod/AccessRequestFormFields.js

@@ -0,0 +1,323 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useQuery } from "@tanstack/react-query";
+import { useForm } from "../../node_modules/.pnpm/react-hook-form@7.71.1_react@19.1.2/node_modules/react-hook-form/dist/index.esm.js";
+import { FormField, FormItem, FormLabel, FormControl, FormDescription } from "../../ui/form.js";
+import { MarkdownEditor } from "../../ui/markdown-editor/MarkdownEditor.js";
+import { EditableListField } from "../../ui/editable-list/EditableListField.js";
+import { LinkExternal } from "../../ui/linkExternal.js";
+import { Input } from "../../ui/input.js";
+import { Button } from "../../ui/button.js";
+import { ApiQueryMagazineApprovalMethod } from "./api/ApiQueryMagazineApprovalMethod.js";
+function AccessRequestFormFields({
+  control,
+  approvalMethodId
+}) {
+  const { data: method } = useQuery({
+    ...ApiQueryMagazineApprovalMethod.getById(approvalMethodId),
+    enabled: !!approvalMethodId
+  });
+  if (!approvalMethodId) {
+    return /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground py-4", children: "Select an approval method to configure details" });
+  }
+  if (!method) {
+    return /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground py-4", children: "Loading..." });
+  }
+  const methodConfig = method.config;
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
+    method.type === "service" && (methodConfig == null ? void 0 : methodConfig.url) ? /* @__PURE__ */ jsxs("div", { className: "p-4 border rounded-lg bg-muted/30", children: [
+      /* @__PURE__ */ jsx("div", { className: "text-sm font-medium mb-2", children: "Service URL" }),
+      /* @__PURE__ */ jsx(LinkExternal, { href: methodConfig.url, children: methodConfig.url })
+    ] }) : null,
+    /* @__PURE__ */ jsx(
+      FormField,
+      {
+        control,
+        name: "accessRequest.comments",
+        render: ({ field }) => /* @__PURE__ */ jsxs(FormItem, { children: [
+          /* @__PURE__ */ jsx(FormLabel, { children: "Comments" }),
+          /* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(
+            MarkdownEditor,
+            {
+              value: field.value ?? "",
+              onChange: field.onChange,
+              placeholder: "General comments about access..."
+            }
+          ) })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      FormField,
+      {
+        control,
+        name: "accessRequest.requestPrompt",
+        render: ({ field }) => /* @__PURE__ */ jsxs(FormItem, { children: [
+          /* @__PURE__ */ jsx(FormLabel, { children: "Request Prompt" }),
+          /* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(
+            MarkdownEditor,
+            {
+              value: field.value ?? "",
+              onChange: field.onChange,
+              placeholder: "Instructions on how to request access..."
+            }
+          ) }),
+          /* @__PURE__ */ jsx(FormDescription, { children: "Explain how users should request access to this app" })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      FormField,
+      {
+        control,
+        name: "accessRequest.roles",
+        render: ({ field }) => /* @__PURE__ */ jsxs(FormItem, { children: [
+          /* @__PURE__ */ jsx(FormLabel, { children: "Available Roles" }),
+          /* @__PURE__ */ jsx(
+            EditableListField,
+            {
+              value: field.value ?? [],
+              onChange: field.onChange,
+              columns: [
+                { accessorKey: "name", header: "Role Name" },
+                { accessorKey: "description", header: "Description" }
+              ],
+              createEmpty: () => ({ name: "", description: "" }),
+              getItemKey: (_, i) => String(i),
+              addButtonLabel: "Add Role",
+              emptyMessage: "No roles defined",
+              renderForm: ({ item, onSave, onCancel }) => {
+                if (!item) return null;
+                return /* @__PURE__ */ jsx(RoleForm, { item, onSave, onCancel });
+              }
+            }
+          )
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      FormField,
+      {
+        control,
+        name: "accessRequest.approvers",
+        render: ({ field }) => /* @__PURE__ */ jsxs(FormItem, { children: [
+          /* @__PURE__ */ jsx(FormLabel, { children: "Approvers" }),
+          /* @__PURE__ */ jsx(
+            EditableListField,
+            {
+              value: field.value ?? [],
+              onChange: field.onChange,
+              columns: [
+                { accessorKey: "displayName", header: "Name" },
+                { accessorKey: "contact", header: "Contact" }
+              ],
+              createEmpty: () => ({ displayName: "", contact: "" }),
+              getItemKey: (_, i) => String(i),
+              addButtonLabel: "Add Approver",
+              emptyMessage: "No approvers defined",
+              renderForm: ({ item, onSave, onCancel }) => {
+                if (!item) return null;
+                return /* @__PURE__ */ jsx(
+                  ApproverForm,
+                  {
+                    item,
+                    onSave,
+                    onCancel
+                  }
+                );
+              }
+            }
+          ),
+          /* @__PURE__ */ jsx(FormDescription, { children: "People who can approve access requests" })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      FormField,
+      {
+        control,
+        name: "accessRequest.urls",
+        render: ({ field }) => /* @__PURE__ */ jsxs(FormItem, { children: [
+          /* @__PURE__ */ jsx(FormLabel, { children: "Related URLs" }),
+          /* @__PURE__ */ jsx(
+            EditableListField,
+            {
+              value: field.value ?? [],
+              onChange: field.onChange,
+              columns: [
+                { accessorKey: "label", header: "Label" },
+                { accessorKey: "url", header: "URL" }
+              ],
+              createEmpty: () => ({ label: "", url: "" }),
+              getItemKey: (_, i) => String(i),
+              addButtonLabel: "Add URL",
+              emptyMessage: "No URLs defined",
+              renderForm: ({ item, onSave, onCancel }) => {
+                if (!item) return null;
+                return /* @__PURE__ */ jsx(UrlForm, { item, onSave, onCancel });
+              }
+            }
+          )
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      FormField,
+      {
+        control,
+        name: "accessRequest.postApprovalInstructions",
+        render: ({ field }) => /* @__PURE__ */ jsxs(FormItem, { children: [
+          /* @__PURE__ */ jsx(FormLabel, { children: "Post-Approval Instructions" }),
+          /* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(
+            MarkdownEditor,
+            {
+              value: field.value ?? "",
+              onChange: field.onChange,
+              placeholder: "Steps to follow after approval is granted..."
+            }
+          ) })
+        ] })
+      }
+    ),
+    method.type === "personTeam" && /* @__PURE__ */ jsx(
+      FormField,
+      {
+        control,
+        name: "accessRequest.whoToReachOut",
+        render: ({ field }) => /* @__PURE__ */ jsxs(FormItem, { children: [
+          /* @__PURE__ */ jsx(FormLabel, { children: "Who to Reach Out" }),
+          /* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(
+            MarkdownEditor,
+            {
+              value: field.value ?? "",
+              onChange: field.onChange,
+              placeholder: "Describe who to contact and how..."
+            }
+          ) }),
+          /* @__PURE__ */ jsx(FormDescription, { children: "Specific instructions for contacting the person or team" })
+        ] })
+      }
+    )
+  ] });
+}
+function RoleForm({
+  item,
+  onSave,
+  onCancel
+}) {
+  const form = useForm({
+    defaultValues: item
+  });
+  return /* @__PURE__ */ jsxs("form", { onSubmit: form.handleSubmit(onSave), className: "space-y-4", children: [
+    /* @__PURE__ */ jsx(
+      FormField,
+      {
+        control: form.control,
+        name: "name",
+        render: ({ field }) => /* @__PURE__ */ jsxs(FormItem, { children: [
+          /* @__PURE__ */ jsx(FormLabel, { children: "Role Name" }),
+          /* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(Input, { ...field, placeholder: "e.g., Admin, Read-Only" }) })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      FormField,
+      {
+        control: form.control,
+        name: "description",
+        render: ({ field }) => /* @__PURE__ */ jsxs(FormItem, { children: [
+          /* @__PURE__ */ jsx(FormLabel, { children: "Description" }),
+          /* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(Input, { ...field, placeholder: "Brief description of the role" }) })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ jsx(Button, { type: "submit", size: "sm", children: "Save" }),
+      /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: onCancel, children: "Cancel" })
+    ] })
+  ] });
+}
+function ApproverForm({
+  item,
+  onSave,
+  onCancel
+}) {
+  const form = useForm({
+    defaultValues: item
+  });
+  return /* @__PURE__ */ jsxs("form", { onSubmit: form.handleSubmit(onSave), className: "space-y-4", children: [
+    /* @__PURE__ */ jsx(
+      FormField,
+      {
+        control: form.control,
+        name: "displayName",
+        render: ({ field }) => /* @__PURE__ */ jsxs(FormItem, { children: [
+          /* @__PURE__ */ jsx(FormLabel, { children: "Name" }),
+          /* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(Input, { ...field, placeholder: "e.g., John Doe" }) })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      FormField,
+      {
+        control: form.control,
+        name: "contact",
+        render: ({ field }) => /* @__PURE__ */ jsxs(FormItem, { children: [
+          /* @__PURE__ */ jsx(FormLabel, { children: "Contact" }),
+          /* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(Input, { ...field, placeholder: "e.g., email, Slack handle" }) })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ jsx(Button, { type: "submit", size: "sm", children: "Save" }),
+      /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: onCancel, children: "Cancel" })
+    ] })
+  ] });
+}
+function UrlForm({
+  item,
+  onSave,
+  onCancel
+}) {
+  const form = useForm({
+    defaultValues: item
+  });
+  return /* @__PURE__ */ jsxs("form", { onSubmit: form.handleSubmit(onSave), className: "space-y-4", children: [
+    /* @__PURE__ */ jsx(
+      FormField,
+      {
+        control: form.control,
+        name: "label",
+        render: ({ field }) => /* @__PURE__ */ jsxs(FormItem, { children: [
+          /* @__PURE__ */ jsx(FormLabel, { children: "Label" }),
+          /* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(Input, { ...field, placeholder: "e.g., Documentation" }) })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      FormField,
+      {
+        control: form.control,
+        name: "url",
+        render: ({ field }) => /* @__PURE__ */ jsxs(FormItem, { children: [
+          /* @__PURE__ */ jsx(FormLabel, { children: "URL" }),
+          /* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(
+            Input,
+            {
+              ...field,
+              type: "url",
+              placeholder: "e.g., https://example.com"
+            }
+          ) })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ jsx(Button, { type: "submit", size: "sm", children: "Save" }),
+      /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: onCancel, children: "Cancel" })
+    ] })
+  ] });
+}
+export {
+  AccessRequestFormFields
+};
+//# sourceMappingURL=AccessRequestFormFields.js.map

package/dist/esm/modules/approvalMethod/AccessRequestFormFields.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccessRequestFormFields.js","sources":["../../../../src/modules/approvalMethod/AccessRequestFormFields.tsx"],"sourcesContent":["import { useQuery } from '@tanstack/react-query'\nimport type { Control, FieldValues } from 'react-hook-form'\nimport { useForm } from 'react-hook-form'\nimport {\n  FormControl,\n  FormDescription,\n  FormField,\n  FormItem,\n  FormLabel,\n} from '~/ui/form'\nimport { MarkdownEditor } from '~/ui/markdown-editor'\nimport { EditableListField } from '~/ui/editable-list'\nimport { LinkExternal } from '~/ui/linkExternal'\nimport { Input } from '~/ui/input'\nimport { Button } from '~/ui/button'\nimport { ApiQueryMagazineApprovalMethod } from './api/ApiQueryMagazineApprovalMethod'\n\ninterface AccessRequestFormFieldsProps {\n  control: Control<FieldValues>\n  approvalMethodId: string | undefined\n}\n\nexport function AccessRequestFormFields({\n  control,\n  approvalMethodId,\n}: AccessRequestFormFieldsProps) {\n  const { data: method } = useQuery({\n    ...ApiQueryMagazineApprovalMethod.getById(approvalMethodId!),\n    enabled: !!approvalMethodId,\n  })\n\n  if (!approvalMethodId) {\n    return (\n      <div className=\"text-sm text-muted-foreground py-4\">\n        Select an approval method to configure details\n      </div>\n    )\n  }\n\n  if (!method) {\n    return <div className=\"text-sm text-muted-foreground py-4\">Loading...</div>\n  }\n\n  const methodConfig = method.config as\n    | Record<string, unknown>\n    | undefined\n    | null\n\n  return (\n    <div className=\"space-y-6\">\n      {/* Service type: Show clickable URL if configured */}\n      {method.type === 'service' && methodConfig?.url ? (\n        <div className=\"p-4 border rounded-lg bg-muted/30\">\n          <div className=\"text-sm font-medium mb-2\">Service URL</div>\n          <LinkExternal href={methodConfig.url as string}>\n            {methodConfig.url as string}\n          </LinkExternal>\n        </div>\n      ) : null}\n\n      {/* Common Fields */}\n      <FormField\n        control={control}\n        name=\"accessRequest.comments\"\n        render={({ field }) => (\n          <FormItem>\n            <FormLabel>Comments</FormLabel>\n            <FormControl>\n              <MarkdownEditor\n                value={field.value ?? ''}\n                onChange={field.onChange}\n                placeholder=\"General comments about access...\"\n              />\n            </FormControl>\n          </FormItem>\n        )}\n      />\n\n      <FormField\n        control={control}\n        name=\"accessRequest.requestPrompt\"\n        render={({ field }) => (\n          <FormItem>\n            <FormLabel>Request Prompt</FormLabel>\n            <FormControl>\n              <MarkdownEditor\n                value={field.value ?? ''}\n                onChange={field.onChange}\n                placeholder=\"Instructions on how to request access...\"\n              />\n            </FormControl>\n            <FormDescription>\n              Explain how users should request access to this app\n            </FormDescription>\n          </FormItem>\n        )}\n      />\n\n      {/* Roles List */}\n      <FormField\n        control={control}\n        name=\"accessRequest.roles\"\n        render={({ field }) => (\n          <FormItem>\n            <FormLabel>Available Roles</FormLabel>\n            <EditableListField\n              value={field.value ?? []}\n              onChange={field.onChange}\n              columns={[\n                { accessorKey: 'name', header: 'Role Name' },\n                { accessorKey: 'description', header: 'Description' },\n              ]}\n              createEmpty={() => ({ name: '', description: '' })}\n              getItemKey={(_, i) => String(i)}\n              addButtonLabel=\"Add Role\"\n              emptyMessage=\"No roles defined\"\n              renderForm={({ item, onSave, onCancel }) => {\n                if (!item) return null\n                return (\n                  <RoleForm item={item} onSave={onSave} onCancel={onCancel} />\n                )\n              }}\n            />\n          </FormItem>\n        )}\n      />\n\n      {/* Approvers List */}\n      <FormField\n        control={control}\n        name=\"accessRequest.approvers\"\n        render={({ field }) => (\n          <FormItem>\n            <FormLabel>Approvers</FormLabel>\n            <EditableListField\n              value={field.value ?? []}\n              onChange={field.onChange}\n              columns={[\n                { accessorKey: 'displayName', header: 'Name' },\n                { accessorKey: 'contact', header: 'Contact' },\n              ]}\n              createEmpty={() => ({ displayName: '', contact: '' })}\n              getItemKey={(_, i) => String(i)}\n              addButtonLabel=\"Add Approver\"\n              emptyMessage=\"No approvers defined\"\n              renderForm={({ item, onSave, onCancel }) => {\n                if (!item) return null\n                return (\n                  <ApproverForm\n                    item={item}\n                    onSave={onSave}\n                    onCancel={onCancel}\n                  />\n                )\n              }}\n            />\n            <FormDescription>\n              People who can approve access requests\n            </FormDescription>\n          </FormItem>\n        )}\n      />\n\n      {/* URLs List */}\n      <FormField\n        control={control}\n        name=\"accessRequest.urls\"\n        render={({ field }) => (\n          <FormItem>\n            <FormLabel>Related URLs</FormLabel>\n            <EditableListField\n              value={field.value ?? []}\n              onChange={field.onChange}\n              columns={[\n                { accessorKey: 'label', header: 'Label' },\n                { accessorKey: 'url', header: 'URL' },\n              ]}\n              createEmpty={() => ({ label: '', url: '' })}\n              getItemKey={(_, i) => String(i)}\n              addButtonLabel=\"Add URL\"\n              emptyMessage=\"No URLs defined\"\n              renderForm={({ item, onSave, onCancel }) => {\n                if (!item) return null\n                return (\n                  <UrlForm item={item} onSave={onSave} onCancel={onCancel} />\n                )\n              }}\n            />\n          </FormItem>\n        )}\n      />\n\n      <FormField\n        control={control}\n        name=\"accessRequest.postApprovalInstructions\"\n        render={({ field }) => (\n          <FormItem>\n            <FormLabel>Post-Approval Instructions</FormLabel>\n            <FormControl>\n              <MarkdownEditor\n                value={field.value ?? ''}\n                onChange={field.onChange}\n                placeholder=\"Steps to follow after approval is granted...\"\n              />\n            </FormControl>\n          </FormItem>\n        )}\n      />\n\n      {/* Person/Team specific: Who to reach out */}\n      {method.type === 'personTeam' && (\n        <FormField\n          control={control}\n          name=\"accessRequest.whoToReachOut\"\n          render={({ field }) => (\n            <FormItem>\n              <FormLabel>Who to Reach Out</FormLabel>\n              <FormControl>\n                <MarkdownEditor\n                  value={field.value ?? ''}\n                  onChange={field.onChange}\n                  placeholder=\"Describe who to contact and how...\"\n                />\n              </FormControl>\n              <FormDescription>\n                Specific instructions for contacting the person or team\n              </FormDescription>\n            </FormItem>\n          )}\n        />\n      )}\n    </div>\n  )\n}\n\n// Sub-forms for list editing\n\nfunction RoleForm({\n  item,\n  onSave,\n  onCancel,\n}: {\n  item: { name: string; description: string }\n  onSave: (item: { name: string; description: string }) => void\n  onCancel: () => void\n}) {\n  const form = useForm<{ name: string; description: string }>({\n    defaultValues: item,\n  })\n\n  return (\n    <form onSubmit={form.handleSubmit(onSave)} className=\"space-y-4\">\n      <FormField\n        control={form.control as any}\n        name=\"name\"\n        render={({ field }) => (\n          <FormItem>\n            <FormLabel>Role Name</FormLabel>\n            <FormControl>\n              <Input {...field} placeholder=\"e.g., Admin, Read-Only\" />\n            </FormControl>\n          </FormItem>\n        )}\n      />\n      <FormField\n        control={form.control as any}\n        name=\"description\"\n        render={({ field }) => (\n          <FormItem>\n            <FormLabel>Description</FormLabel>\n            <FormControl>\n              <Input {...field} placeholder=\"Brief description of the role\" />\n            </FormControl>\n          </FormItem>\n        )}\n      />\n      <div className=\"flex gap-2\">\n        <Button type=\"submit\" size=\"sm\">\n          Save\n        </Button>\n        <Button type=\"button\" variant=\"outline\" size=\"sm\" onClick={onCancel}>\n          Cancel\n        </Button>\n      </div>\n    </form>\n  )\n}\n\nfunction ApproverForm({\n  item,\n  onSave,\n  onCancel,\n}: {\n  item: { displayName: string; contact: string }\n  onSave: (item: { displayName: string; contact: string }) => void\n  onCancel: () => void\n}) {\n  const form = useForm<{ displayName: string; contact: string }>({\n    defaultValues: item,\n  })\n\n  return (\n    <form onSubmit={form.handleSubmit(onSave)} className=\"space-y-4\">\n      <FormField\n        control={form.control as any}\n        name=\"displayName\"\n        render={({ field }) => (\n          <FormItem>\n            <FormLabel>Name</FormLabel>\n            <FormControl>\n              <Input {...field} placeholder=\"e.g., John Doe\" />\n            </FormControl>\n          </FormItem>\n        )}\n      />\n      <FormField\n        control={form.control as any}\n        name=\"contact\"\n        render={({ field }) => (\n          <FormItem>\n            <FormLabel>Contact</FormLabel>\n            <FormControl>\n              <Input {...field} placeholder=\"e.g., email, Slack handle\" />\n            </FormControl>\n          </FormItem>\n        )}\n      />\n      <div className=\"flex gap-2\">\n        <Button type=\"submit\" size=\"sm\">\n          Save\n        </Button>\n        <Button type=\"button\" variant=\"outline\" size=\"sm\" onClick={onCancel}>\n          Cancel\n        </Button>\n      </div>\n    </form>\n  )\n}\n\nfunction UrlForm({\n  item,\n  onSave,\n  onCancel,\n}: {\n  item: { label: string; url: string }\n  onSave: (item: { label: string; url: string }) => void\n  onCancel: () => void\n}) {\n  const form = useForm<{ label: string; url: string }>({\n    defaultValues: item,\n  })\n\n  return (\n    <form onSubmit={form.handleSubmit(onSave)} className=\"space-y-4\">\n      <FormField\n        control={form.control as any}\n        name=\"label\"\n        render={({ field }) => (\n          <FormItem>\n            <FormLabel>Label</FormLabel>\n            <FormControl>\n              <Input {...field} placeholder=\"e.g., Documentation\" />\n            </FormControl>\n          </FormItem>\n        )}\n      />\n      <FormField\n        control={form.control as any}\n        name=\"url\"\n        render={({ field }) => (\n          <FormItem>\n            <FormLabel>URL</FormLabel>\n            <FormControl>\n              <Input\n                {...field}\n                type=\"url\"\n                placeholder=\"e.g., https://example.com\"\n              />\n            </FormControl>\n          </FormItem>\n        )}\n      />\n      <div className=\"flex gap-2\">\n        <Button type=\"submit\" size=\"sm\">\n          Save\n        </Button>\n        <Button type=\"button\" variant=\"outline\" size=\"sm\" onClick={onCancel}>\n          Cancel\n        </Button>\n      </div>\n    </form>\n  )\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/modules/approvalMethod/ApprovalMethodForm.d.ts

@@ -0,0 +1,14 @@
+interface ApprovalMethodFormProps {
+    mode: 'create' | 'edit';
+    initialData: {
+        id?: string;
+        type: 'service' | 'personTeam' | 'custom';
+        displayName: string;
+        config?: Record<string, unknown>;
+    } | null;
+    onSubmit: (data: any) => void;
+    onCancel: () => void;
+    isPending: boolean;
+}
+export declare function ApprovalMethodForm({ mode, initialData, onSubmit, onCancel, isPending, }: ApprovalMethodFormProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/modules/approvalMethod/ApprovalMethodForm.js

@@ -0,0 +1,227 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useForm } from "../../node_modules/.pnpm/react-hook-form@7.71.1_react@19.1.2/node_modules/react-hook-form/dist/index.esm.js";
+import { zodResolver as a } from "../../node_modules/.pnpm/@hookform_resolvers@5.2.2_react-hook-form@7.71.1_react@19.1.2_/node_modules/@hookform/resolvers/zod/dist/zod.js";
+import { Button } from "../../ui/button.js";
+import { Form, FormField, FormItem, FormLabel, FormControl, FormDescription, FormMessage } from "../../ui/form.js";
+import { Input } from "../../ui/input.js";
+import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from "../../ui/select.js";
+import { EditableListField } from "../../ui/editable-list/EditableListField.js";
+import { object, array, string, enum as _enum, literal } from "../../node_modules/.pnpm/zod@4.3.5/node_modules/zod/v4/classic/schemas.js";
+const APPROVAL_METHOD_TYPES = [
+  { value: "service", label: "Service" },
+  { value: "personTeam", label: "Person/Team" },
+  { value: "custom", label: "Custom" }
+];
+const formSchema = object({
+  type: _enum(["service", "personTeam", "custom"]),
+  displayName: string().min(1, "Display name is required"),
+  // Service config
+  serviceUrl: string().url().optional().or(literal("")),
+  serviceIcon: string().optional(),
+  // PersonTeam config
+  reachOutContacts: array(
+    object({
+      displayName: string(),
+      contact: string()
+    })
+  ).optional()
+});
+function ApprovalMethodForm({
+  mode,
+  initialData,
+  onSubmit,
+  onCancel,
+  isPending
+}) {
+  const config = initialData == null ? void 0 : initialData.config;
+  const configRecord = config ? config : void 0;
+  const form = useForm({
+    resolver: a(formSchema),
+    defaultValues: {
+      type: (initialData == null ? void 0 : initialData.type) || "custom",
+      displayName: (initialData == null ? void 0 : initialData.displayName) || "",
+      serviceUrl: (configRecord == null ? void 0 : configRecord.url) ? String(configRecord.url) : "",
+      serviceIcon: (configRecord == null ? void 0 : configRecord.icon) ? String(configRecord.icon) : "",
+      reachOutContacts: Array.isArray(configRecord == null ? void 0 : configRecord.reachOutContacts) ? configRecord.reachOutContacts : []
+    }
+  });
+  const typeValue = form.watch("type");
+  const handleSubmit = (data) => {
+    var _a;
+    let configPayload;
+    if (data.type === "service") {
+      configPayload = {
+        ...data.serviceUrl && { url: data.serviceUrl },
+        ...data.serviceIcon && { icon: data.serviceIcon }
+      };
+    } else if (data.type === "personTeam") {
+      configPayload = {
+        ...((_a = data.reachOutContacts) == null ? void 0 : _a.length) && {
+          reachOutContacts: data.reachOutContacts
+        }
+      };
+    }
+    const payload = {
+      ...mode === "edit" && (initialData == null ? void 0 : initialData.id) && { id: initialData.id },
+      type: data.type,
+      displayName: data.displayName,
+      config: Object.keys(configPayload ?? {}).length > 0 ? configPayload : void 0
+    };
+    onSubmit(payload);
+  };
+  return /* @__PURE__ */ jsx(Form, { ...form, children: /* @__PURE__ */ jsxs("form", { onSubmit: form.handleSubmit(handleSubmit), className: "space-y-4", children: [
+    /* @__PURE__ */ jsx(
+      FormField,
+      {
+        control: form.control,
+        name: "type",
+        render: ({ field }) => /* @__PURE__ */ jsxs(FormItem, { children: [
+          /* @__PURE__ */ jsx(FormLabel, { children: "Type *" }),
+          /* @__PURE__ */ jsxs(Select, { value: field.value, onValueChange: field.onChange, children: [
+            /* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, {}) }) }),
+            /* @__PURE__ */ jsx(SelectContent, { children: APPROVAL_METHOD_TYPES.map((type) => /* @__PURE__ */ jsx(SelectItem, { value: type.value, children: type.label }, type.value)) })
+          ] }),
+          /* @__PURE__ */ jsxs(FormDescription, { children: [
+            typeValue === "service" && "For bots, ticketing systems, self-service portals",
+            typeValue === "personTeam" && "For human approvers or teams",
+            typeValue === "custom" && "Generic approval method with no specific configuration"
+          ] }),
+          /* @__PURE__ */ jsx(FormMessage, {})
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      FormField,
+      {
+        control: form.control,
+        name: "displayName",
+        render: ({ field }) => /* @__PURE__ */ jsxs(FormItem, { children: [
+          /* @__PURE__ */ jsx(FormLabel, { children: "Display Name *" }),
+          /* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(Input, { placeholder: "e.g., Natero Bot, IT Helpdesk", ...field }) }),
+          /* @__PURE__ */ jsx(FormMessage, {})
+        ] })
+      }
+    ),
+    typeValue === "service" && /* @__PURE__ */ jsxs("div", { className: "space-y-4 p-4 border rounded-lg bg-muted/30", children: [
+      /* @__PURE__ */ jsx("div", { className: "text-sm font-medium", children: "Service Configuration" }),
+      /* @__PURE__ */ jsx(
+        FormField,
+        {
+          control: form.control,
+          name: "serviceUrl",
+          render: ({ field }) => /* @__PURE__ */ jsxs(FormItem, { children: [
+            /* @__PURE__ */ jsx(FormLabel, { children: "URL" }),
+            /* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(Input, { type: "url", placeholder: "https://...", ...field }) }),
+            /* @__PURE__ */ jsx(FormDescription, { children: "URL to the service (shown as clickable link in app)" }),
+            /* @__PURE__ */ jsx(FormMessage, {})
+          ] })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        FormField,
+        {
+          control: form.control,
+          name: "serviceIcon",
+          render: ({ field }) => /* @__PURE__ */ jsxs(FormItem, { children: [
+            /* @__PURE__ */ jsx(FormLabel, { children: "Icon" }),
+            /* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(Input, { placeholder: "Icon name", ...field }) }),
+            /* @__PURE__ */ jsx(FormDescription, { children: "Optional icon identifier" }),
+            /* @__PURE__ */ jsx(FormMessage, {})
+          ] })
+        }
+      )
+    ] }),
+    typeValue === "personTeam" && /* @__PURE__ */ jsxs("div", { className: "space-y-4 p-4 border rounded-lg bg-muted/30", children: [
+      /* @__PURE__ */ jsx("div", { className: "text-sm font-medium", children: "Reach-Out Contacts" }),
+      /* @__PURE__ */ jsx(FormDescription, { children: "People or teams to contact for approval (not necessarily the approvers themselves)" }),
+      /* @__PURE__ */ jsx(
+        FormField,
+        {
+          control: form.control,
+          name: "reachOutContacts",
+          render: ({ field }) => /* @__PURE__ */ jsx(
+            EditableListField,
+            {
+              value: field.value ?? [],
+              onChange: field.onChange,
+              columns: [
+                { accessorKey: "displayName", header: "Name" },
+                { accessorKey: "contact", header: "Contact" }
+              ],
+              createEmpty: () => ({ displayName: "", contact: "" }),
+              getItemKey: (_, i) => String(i),
+              addButtonLabel: "Add Contact",
+              emptyMessage: "No contacts configured",
+              renderForm: ({ item, onSave, onCancel: onCancelEdit }) => {
+                if (!item) return null;
+                return /* @__PURE__ */ jsx(
+                  ContactForm,
+                  {
+                    item,
+                    onSave,
+                    onCancel: onCancelEdit
+                  }
+                );
+              }
+            }
+          )
+        }
+      )
+    ] }),
+    typeValue === "custom" && /* @__PURE__ */ jsx("div", { className: "p-4 border rounded-lg bg-muted/30 text-sm text-muted-foreground", children: "Custom type has no additional configuration. App-specific details will be configured per app." }),
+    /* @__PURE__ */ jsxs("div", { className: "flex gap-2 pt-4", children: [
+      /* @__PURE__ */ jsx(Button, { type: "submit", disabled: isPending, children: isPending ? "Saving..." : mode === "create" ? "Create" : "Save" }),
+      /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", onClick: onCancel, children: "Cancel" })
+    ] })
+  ] }) });
+}
+function ContactForm({
+  item,
+  onSave,
+  onCancel: handleCancel
+}) {
+  const form = useForm({
+    defaultValues: item
+  });
+  return /* @__PURE__ */ jsxs("form", { onSubmit: form.handleSubmit(onSave), className: "space-y-4", children: [
+    /* @__PURE__ */ jsx(
+      FormField,
+      {
+        control: form.control,
+        name: "displayName",
+        render: ({ field }) => /* @__PURE__ */ jsxs(FormItem, { children: [
+          /* @__PURE__ */ jsx(FormLabel, { children: "Name" }),
+          /* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(Input, { ...field, placeholder: "e.g., John Doe, IT Team" }) })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      FormField,
+      {
+        control: form.control,
+        name: "contact",
+        render: ({ field }) => /* @__PURE__ */ jsxs(FormItem, { children: [
+          /* @__PURE__ */ jsx(FormLabel, { children: "Contact" }),
+          /* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(Input, { ...field, placeholder: "e.g., email, Slack handle" }) })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ jsx(Button, { type: "submit", size: "sm", children: "Save" }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          type: "button",
+          variant: "outline",
+          size: "sm",
+          onClick: handleCancel,
+          children: "Cancel"
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  ApprovalMethodForm
+};
+//# sourceMappingURL=ApprovalMethodForm.js.map