@igstack/app-catalog-frontend-core 0.0.1

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ApprovalMethodForm.js","sources":["../../../../src/modules/approvalMethod/ApprovalMethodForm.tsx"],"sourcesContent":["import { useForm } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { z } from 'zod'\nimport { Button } from '~/ui/button'\nimport {\n  Form,\n  FormControl,\n  FormDescription,\n  FormField,\n  FormItem,\n  FormLabel,\n  FormMessage,\n} from '~/ui/form'\nimport { Input } from '~/ui/input'\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '~/ui/select'\nimport { EditableListField } from '~/ui/editable-list'\n\nconst APPROVAL_METHOD_TYPES = [\n  { value: 'service', label: 'Service' },\n  { value: 'personTeam', label: 'Person/Team' },\n  { value: 'custom', label: 'Custom' },\n] as const\n\n// Form schema\nconst formSchema = z.object({\n  type: z.enum(['service', 'personTeam', 'custom']),\n  displayName: z.string().min(1, 'Display name is required'),\n  // Service config\n  serviceUrl: z.string().url().optional().or(z.literal('')),\n  serviceIcon: z.string().optional(),\n  // PersonTeam config\n  reachOutContacts: z\n    .array(\n      z.object({\n        displayName: z.string(),\n        contact: z.string(),\n      }),\n    )\n    .optional(),\n})\n\ntype FormData = z.infer<typeof formSchema>\n\ninterface ApprovalMethodFormProps {\n  mode: 'create' | 'edit'\n  initialData: {\n    id?: string\n    type: 'service' | 'personTeam' | 'custom'\n    displayName: string\n    config?: Record<string, unknown>\n  } | null\n  onSubmit: (data: any) => void\n  onCancel: () => void\n  isPending: boolean\n}\n\nexport function ApprovalMethodForm({\n  mode,\n  initialData,\n  onSubmit,\n  onCancel,\n  isPending,\n}: ApprovalMethodFormProps) {\n  const config = initialData?.config\n  const configRecord = config ? config : undefined\n\n  const form = useForm<FormData>({\n    resolver: zodResolver(formSchema as any) as any,\n    defaultValues: {\n      type: initialData?.type || 'custom',\n      displayName: initialData?.displayName || '',\n      serviceUrl: configRecord?.url ? String(configRecord.url) : '',\n      serviceIcon: configRecord?.icon ? String(configRecord.icon) : '',\n      reachOutContacts: Array.isArray(configRecord?.reachOutContacts)\n        ? (configRecord.reachOutContacts as Array<{\n            displayName: string\n            contact: string\n          }>)\n        : [],\n    },\n  })\n\n  const typeValue = form.watch('type')\n\n  const handleSubmit = (data: FormData) => {\n    // Build config based on type\n    let configPayload: Record<string, unknown> | undefined\n\n    if (data.type === 'service') {\n      configPayload = {\n        ...(data.serviceUrl && { url: data.serviceUrl }),\n        ...(data.serviceIcon && { icon: data.serviceIcon }),\n      }\n    } else if (data.type === 'personTeam') {\n      configPayload = {\n        ...(data.reachOutContacts?.length && {\n          reachOutContacts: data.reachOutContacts,\n        }),\n      }\n    }\n\n    const payload = {\n      ...(mode === 'edit' && initialData?.id && { id: initialData.id }),\n      type: data.type,\n      displayName: data.displayName,\n      config:\n        Object.keys(configPayload ?? {}).length > 0 ? configPayload : undefined,\n    }\n\n    onSubmit(payload)\n  }\n\n  return (\n    <Form {...form}>\n      <form onSubmit={form.handleSubmit(handleSubmit)} className=\"space-y-4\">\n        <FormField\n          control={form.control as any}\n          name=\"type\"\n          render={({ field }) => (\n            <FormItem>\n              <FormLabel>Type *</FormLabel>\n              <Select value={field.value} onValueChange={field.onChange}>\n                <FormControl>\n                  <SelectTrigger>\n                    <SelectValue />\n                  </SelectTrigger>\n                </FormControl>\n                <SelectContent>\n                  {APPROVAL_METHOD_TYPES.map((type) => (\n                    <SelectItem key={type.value} value={type.value}>\n                      {type.label}\n                    </SelectItem>\n                  ))}\n                </SelectContent>\n              </Select>\n              <FormDescription>\n                {typeValue === 'service' &&\n                  'For bots, ticketing systems, self-service portals'}\n                {typeValue === 'personTeam' && 'For human approvers or teams'}\n                {typeValue === 'custom' &&\n                  'Generic approval method with no specific configuration'}\n              </FormDescription>\n              <FormMessage />\n            </FormItem>\n          )}\n        />\n\n        <FormField\n          control={form.control as any}\n          name=\"displayName\"\n          render={({ field }) => (\n            <FormItem>\n              <FormLabel>Display Name *</FormLabel>\n              <FormControl>\n                <Input placeholder=\"e.g., Natero Bot, IT Helpdesk\" {...field} />\n              </FormControl>\n              <FormMessage />\n            </FormItem>\n          )}\n        />\n\n        {/* Service-specific fields */}\n        {typeValue === 'service' && (\n          <div className=\"space-y-4 p-4 border rounded-lg bg-muted/30\">\n            <div className=\"text-sm font-medium\">Service Configuration</div>\n\n            <FormField\n              control={form.control as any}\n              name=\"serviceUrl\"\n              render={({ field }) => (\n                <FormItem>\n                  <FormLabel>URL</FormLabel>\n                  <FormControl>\n                    <Input type=\"url\" placeholder=\"https://...\" {...field} />\n                  </FormControl>\n                  <FormDescription>\n                    URL to the service (shown as clickable link in app)\n                  </FormDescription>\n                  <FormMessage />\n                </FormItem>\n              )}\n            />\n\n            <FormField\n              control={form.control as any}\n              name=\"serviceIcon\"\n              render={({ field }) => (\n                <FormItem>\n                  <FormLabel>Icon</FormLabel>\n                  <FormControl>\n                    <Input placeholder=\"Icon name\" {...field} />\n                  </FormControl>\n                  <FormDescription>Optional icon identifier</FormDescription>\n                  <FormMessage />\n                </FormItem>\n              )}\n            />\n          </div>\n        )}\n\n        {/* PersonTeam-specific fields */}\n        {typeValue === 'personTeam' && (\n          <div className=\"space-y-4 p-4 border rounded-lg bg-muted/30\">\n            <div className=\"text-sm font-medium\">Reach-Out Contacts</div>\n            <FormDescription>\n              People or teams to contact for approval (not necessarily the\n              approvers themselves)\n            </FormDescription>\n\n            <FormField\n              control={form.control as any}\n              name=\"reachOutContacts\"\n              render={({ field }) => (\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 Contact\"\n                  emptyMessage=\"No contacts configured\"\n                  renderForm={({ item, onSave, onCancel: onCancelEdit }) => {\n                    if (!item) return null\n                    return (\n                      <ContactForm\n                        item={item}\n                        onSave={onSave}\n                        onCancel={onCancelEdit}\n                      />\n                    )\n                  }}\n                />\n              )}\n            />\n          </div>\n        )}\n\n        {/* Custom type - no additional fields */}\n        {typeValue === 'custom' && (\n          <div className=\"p-4 border rounded-lg bg-muted/30 text-sm text-muted-foreground\">\n            Custom type has no additional configuration. App-specific details\n            will be configured per app.\n          </div>\n        )}\n\n        <div className=\"flex gap-2 pt-4\">\n          <Button type=\"submit\" disabled={isPending}>\n            {isPending ? 'Saving...' : mode === 'create' ? 'Create' : 'Save'}\n          </Button>\n          <Button type=\"button\" variant=\"outline\" onClick={onCancel}>\n            Cancel\n          </Button>\n        </div>\n      </form>\n    </Form>\n  )\n}\n\n// Simple contact form for the dialog\nfunction ContactForm({\n  item,\n  onSave,\n  onCancel: handleCancel,\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, IT Team\" />\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\n          type=\"button\"\n          variant=\"outline\"\n          size=\"sm\"\n          onClick={handleCancel}\n        >\n          Cancel\n        </Button>\n      </div>\n    </form>\n  )\n}\n"],"names":["z.object","z.enum","z.string","z.literal","z.array","zodResolver"],"mappings":"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"}

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

@@ -0,0 +1,7 @@
+interface ApprovalMethodSelectorProps {
+    value: string | undefined;
+    onChange: (value: string | undefined) => void;
+    disabled?: boolean;
+}
+export declare function ApprovalMethodSelector({ value, onChange, disabled, }: ApprovalMethodSelectorProps): import("react/jsx-runtime").JSX.Element;
+export {};