@igstack/app-catalog-frontend-core 0.2.0 → 0.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (192) hide show
  1. package/dist/esm/api/infra/trpc.d.ts +0 -1491
  2. package/dist/esm/modules/appCatalog/context/AppCatalogContext.js +1 -0
  3. package/dist/esm/modules/appCatalog/context/AppCatalogContext.js.map +1 -1
  4. package/dist/esm/modules/appCatalog/ui/filters/FilterBar.js +23 -11
  5. package/dist/esm/modules/appCatalog/ui/filters/FilterBar.js.map +1 -1
  6. package/dist/esm/modules/appCatalog/ui/grid/AppCatalogGrid.d.ts +5 -1
  7. package/dist/esm/modules/appCatalog/ui/grid/AppCatalogGrid.js +146 -56
  8. package/dist/esm/modules/appCatalog/ui/grid/AppCatalogGrid.js.map +1 -1
  9. package/dist/esm/modules/appCatalog/ui/pages/AppCatalogPage.js +20 -1
  10. package/dist/esm/modules/appCatalog/ui/pages/AppCatalogPage.js.map +1 -1
  11. package/dist/esm/modules/auth/AuthContext.js +1 -1
  12. package/dist/esm/modules/auth/AuthModalContext.js +1 -1
  13. package/dist/esm/modules/auth/authClient.d.ts +2 -2
  14. package/dist/esm/node_modules/.pnpm/zod@4.3.5/node_modules/zod/v4/classic/schemas.js +4 -37
  15. package/dist/esm/node_modules/.pnpm/zod@4.3.5/node_modules/zod/v4/classic/schemas.js.map +1 -1
  16. package/dist/esm/node_modules/.pnpm/zod@4.3.5/node_modules/zod/v4/core/api.js +2 -10
  17. package/dist/esm/node_modules/.pnpm/zod@4.3.5/node_modules/zod/v4/core/api.js.map +1 -1
  18. package/dist/esm/node_modules/.pnpm/zod@4.3.5/node_modules/zod/v4/core/checks.js +1 -1
  19. package/dist/esm/node_modules/.pnpm/zod@4.3.5/node_modules/zod/v4/core/json-schema-processors.js +0 -44
  20. package/dist/esm/node_modules/.pnpm/zod@4.3.5/node_modules/zod/v4/core/json-schema-processors.js.map +1 -1
  21. package/dist/esm/node_modules/.pnpm/zod@4.3.5/node_modules/zod/v4/core/parse.js +0 -4
  22. package/dist/esm/node_modules/.pnpm/zod@4.3.5/node_modules/zod/v4/core/parse.js.map +1 -1
  23. package/dist/esm/node_modules/.pnpm/zod@4.3.5/node_modules/zod/v4/core/regexes.js +0 -2
  24. package/dist/esm/node_modules/.pnpm/zod@4.3.5/node_modules/zod/v4/core/regexes.js.map +1 -1
  25. package/dist/esm/node_modules/.pnpm/zod@4.3.5/node_modules/zod/v4/core/schemas.js +4 -49
  26. package/dist/esm/node_modules/.pnpm/zod@4.3.5/node_modules/zod/v4/core/schemas.js.map +1 -1
  27. package/dist/esm/routeTree.gen.d.ts +3 -164
  28. package/dist/esm/routeTree.gen.js +8 -80
  29. package/dist/esm/routeTree.gen.js.map +1 -1
  30. package/dist/esm/ui/button.d.ts +1 -1
  31. package/dist/esm/ui/card.js +1 -48
  32. package/dist/esm/ui/card.js.map +1 -1
  33. package/dist/esm/ui/command.js +1 -15
  34. package/dist/esm/ui/command.js.map +1 -1
  35. package/dist/esm/ui/components/header/Header.js +2 -11
  36. package/dist/esm/ui/components/header/Header.js.map +1 -1
  37. package/dist/esm/ui/input-group.js +125 -0
  38. package/dist/esm/ui/input-group.js.map +1 -0
  39. package/package.json +3 -3
  40. package/src/modules/appCatalog/ui/components/AppDetailModal.tsx +2 -21
  41. package/src/routeTree.gen.ts +2 -220
  42. package/src/ui/components/header/Header.tsx +2 -12
  43. package/dist/esm/components/IconPickerDialog.d.ts +0 -8
  44. package/dist/esm/components/IconPickerDialog.js +0 -98
  45. package/dist/esm/components/IconPickerDialog.js.map +0 -1
  46. package/dist/esm/components/IconPickerField.d.ts +0 -9
  47. package/dist/esm/components/IconPickerField.js +0 -76
  48. package/dist/esm/components/IconPickerField.js.map +0 -1
  49. package/dist/esm/modules/admin-base/components/AdminChat.d.ts +0 -1
  50. package/dist/esm/modules/admin-base/components/AdminChat.js +0 -82
  51. package/dist/esm/modules/admin-base/components/AdminChat.js.map +0 -1
  52. package/dist/esm/modules/admin-base/components/AdminLayout.d.ts +0 -5
  53. package/dist/esm/modules/admin-base/components/AdminLayout.js +0 -83
  54. package/dist/esm/modules/admin-base/components/AdminLayout.js.map +0 -1
  55. package/dist/esm/modules/admin-base/components/AdminWelcome.d.ts +0 -1
  56. package/dist/esm/modules/admin-base/components/AdminWelcome.js +0 -37
  57. package/dist/esm/modules/admin-base/components/AdminWelcome.js.map +0 -1
  58. package/dist/esm/modules/admin-base/context/AdminConfigContext.d.ts +0 -8
  59. package/dist/esm/modules/admin-base/context/AdminConfigContext.js +0 -27
  60. package/dist/esm/modules/admin-base/context/AdminConfigContext.js.map +0 -1
  61. package/dist/esm/modules/admin-base/index.d.ts +0 -5
  62. package/dist/esm/modules/admin-base/types/adminTypes.d.ts +0 -10
  63. package/dist/esm/modules/appCatalog/AppCatalogAdminPage.d.ts +0 -1
  64. package/dist/esm/modules/appCatalog/AppCatalogAdminPage.js +0 -196
  65. package/dist/esm/modules/appCatalog/AppCatalogAdminPage.js.map +0 -1
  66. package/dist/esm/modules/appCatalog/ScreenshotItem.js +0 -57
  67. package/dist/esm/modules/appCatalog/ScreenshotItem.js.map +0 -1
  68. package/dist/esm/modules/appCatalog/ScreenshotManager.js +0 -155
  69. package/dist/esm/modules/appCatalog/ScreenshotManager.js.map +0 -1
  70. package/dist/esm/modules/approvalMethod/AccessRequestFormFields.d.ts +0 -7
  71. package/dist/esm/modules/approvalMethod/AccessRequestFormFields.js +0 -323
  72. package/dist/esm/modules/approvalMethod/AccessRequestFormFields.js.map +0 -1
  73. package/dist/esm/modules/approvalMethod/ApprovalMethodForm.d.ts +0 -14
  74. package/dist/esm/modules/approvalMethod/ApprovalMethodForm.js +0 -227
  75. package/dist/esm/modules/approvalMethod/ApprovalMethodForm.js.map +0 -1
  76. package/dist/esm/modules/approvalMethod/ApprovalMethodSelector.d.ts +0 -7
  77. package/dist/esm/modules/approvalMethod/ApprovalMethodSelector.js +0 -124
  78. package/dist/esm/modules/approvalMethod/ApprovalMethodSelector.js.map +0 -1
  79. package/dist/esm/modules/approvalMethod/api/ApiQueryMagazineApprovalMethod.d.ts +0 -381
  80. package/dist/esm/modules/approvalMethod/api/ApiQueryMagazineApprovalMethod.js +0 -26
  81. package/dist/esm/modules/approvalMethod/api/ApiQueryMagazineApprovalMethod.js.map +0 -1
  82. package/dist/esm/modules/auth/authUtils.js +0 -25
  83. package/dist/esm/modules/auth/authUtils.js.map +0 -1
  84. package/dist/esm/modules/icons/IconManagementPage.d.ts +0 -1
  85. package/dist/esm/modules/icons/IconManagementPage.js +0 -177
  86. package/dist/esm/modules/icons/IconManagementPage.js.map +0 -1
  87. package/dist/esm/node_modules/.pnpm/@dnd-kit_accessibility@3.1.1_react@19.1.2/node_modules/@dnd-kit/accessibility/dist/accessibility.esm.js +0 -60
  88. package/dist/esm/node_modules/.pnpm/@dnd-kit_accessibility@3.1.1_react@19.1.2/node_modules/@dnd-kit/accessibility/dist/accessibility.esm.js.map +0 -1
  89. package/dist/esm/node_modules/.pnpm/@dnd-kit_core@6.3.1_react-dom@19.1.2_react@19.1.2__react@19.1.2/node_modules/@dnd-kit/core/dist/core.esm.js +0 -3055
  90. package/dist/esm/node_modules/.pnpm/@dnd-kit_core@6.3.1_react-dom@19.1.2_react@19.1.2__react@19.1.2/node_modules/@dnd-kit/core/dist/core.esm.js.map +0 -1
  91. package/dist/esm/node_modules/.pnpm/@dnd-kit_sortable@10.0.0_@dnd-kit_core@6.3.1_react-dom@19.1.2_react@19.1.2__react@19.1.2__react@19.1.2/node_modules/@dnd-kit/sortable/dist/sortable.esm.js +0 -593
  92. package/dist/esm/node_modules/.pnpm/@dnd-kit_sortable@10.0.0_@dnd-kit_core@6.3.1_react-dom@19.1.2_react@19.1.2__react@19.1.2__react@19.1.2/node_modules/@dnd-kit/sortable/dist/sortable.esm.js.map +0 -1
  93. package/dist/esm/node_modules/.pnpm/@dnd-kit_utilities@3.2.2_react@19.1.2/node_modules/@dnd-kit/utilities/dist/utilities.esm.js +0 -302
  94. package/dist/esm/node_modules/.pnpm/@dnd-kit_utilities@3.2.2_react@19.1.2/node_modules/@dnd-kit/utilities/dist/utilities.esm.js.map +0 -1
  95. package/dist/esm/node_modules/.pnpm/@hookform_resolvers@5.2.2_react-hook-form@7.71.1_react@19.1.2_/node_modules/@hookform/resolvers/dist/resolvers.js +0 -34
  96. package/dist/esm/node_modules/.pnpm/@hookform_resolvers@5.2.2_react-hook-form@7.71.1_react@19.1.2_/node_modules/@hookform/resolvers/dist/resolvers.js.map +0 -1
  97. package/dist/esm/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 +0 -94
  98. package/dist/esm/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.map +0 -1
  99. package/dist/esm/node_modules/.pnpm/react-hook-form@7.71.1_react@19.1.2/node_modules/react-hook-form/dist/index.esm.js +0 -1894
  100. package/dist/esm/node_modules/.pnpm/react-hook-form@7.71.1_react@19.1.2/node_modules/react-hook-form/dist/index.esm.js.map +0 -1
  101. package/dist/esm/routes/admin/app-for-catalog/$id.d.ts +0 -5
  102. package/dist/esm/routes/admin/app-for-catalog/_id.js +0 -67
  103. package/dist/esm/routes/admin/app-for-catalog/_id.js.map +0 -1
  104. package/dist/esm/routes/admin/app-for-catalog/_id2.js +0 -321
  105. package/dist/esm/routes/admin/app-for-catalog/_id2.js.map +0 -1
  106. package/dist/esm/routes/admin/app-for-catalog/index.d.ts +0 -1
  107. package/dist/esm/routes/admin/app-for-catalog/index.js +0 -9
  108. package/dist/esm/routes/admin/app-for-catalog/index.js.map +0 -1
  109. package/dist/esm/routes/admin/app-for-catalog/index2.js +0 -12
  110. package/dist/esm/routes/admin/app-for-catalog/index2.js.map +0 -1
  111. package/dist/esm/routes/admin/app-for-catalog.d.ts +0 -1
  112. package/dist/esm/routes/admin/app-for-catalog.js +0 -14
  113. package/dist/esm/routes/admin/app-for-catalog.js.map +0 -1
  114. package/dist/esm/routes/admin/app-for-catalog2.js +0 -9
  115. package/dist/esm/routes/admin/app-for-catalog2.js.map +0 -1
  116. package/dist/esm/routes/admin/approval-methods/index.d.ts +0 -32
  117. package/dist/esm/routes/admin/approval-methods/index.js +0 -24
  118. package/dist/esm/routes/admin/approval-methods/index.js.map +0 -1
  119. package/dist/esm/routes/admin/approval-methods/index2.js +0 -100
  120. package/dist/esm/routes/admin/approval-methods/index2.js.map +0 -1
  121. package/dist/esm/routes/admin/approval-methods.d.ts +0 -1
  122. package/dist/esm/routes/admin/approval-methods.js +0 -14
  123. package/dist/esm/routes/admin/approval-methods.js.map +0 -1
  124. package/dist/esm/routes/admin/approval-methods2.js +0 -7
  125. package/dist/esm/routes/admin/approval-methods2.js.map +0 -1
  126. package/dist/esm/routes/admin/chat.d.ts +0 -1
  127. package/dist/esm/routes/admin/chat.js +0 -14
  128. package/dist/esm/routes/admin/chat.js.map +0 -1
  129. package/dist/esm/routes/admin/chat2.js +0 -9
  130. package/dist/esm/routes/admin/chat2.js.map +0 -1
  131. package/dist/esm/routes/admin/icons.d.ts +0 -1
  132. package/dist/esm/routes/admin/icons.js +0 -14
  133. package/dist/esm/routes/admin/icons.js.map +0 -1
  134. package/dist/esm/routes/admin/icons2.js +0 -12
  135. package/dist/esm/routes/admin/icons2.js.map +0 -1
  136. package/dist/esm/routes/admin/index.d.ts +0 -1
  137. package/dist/esm/routes/admin/index.js +0 -9
  138. package/dist/esm/routes/admin/index.js.map +0 -1
  139. package/dist/esm/routes/admin/index2.js +0 -9
  140. package/dist/esm/routes/admin/index2.js.map +0 -1
  141. package/dist/esm/routes/admin.d.ts +0 -1
  142. package/dist/esm/routes/admin.js +0 -37
  143. package/dist/esm/routes/admin.js.map +0 -1
  144. package/dist/esm/routes/admin2.js +0 -18
  145. package/dist/esm/routes/admin2.js.map +0 -1
  146. package/dist/esm/ui/alert-dialog.js +0 -141
  147. package/dist/esm/ui/alert-dialog.js.map +0 -1
  148. package/dist/esm/ui/breadcrumb.js +0 -84
  149. package/dist/esm/ui/breadcrumb.js.map +0 -1
  150. package/dist/esm/ui/components/Breadcrumbs.js +0 -36
  151. package/dist/esm/ui/components/Breadcrumbs.js.map +0 -1
  152. package/dist/esm/ui/crud-list/CrudList.js +0 -189
  153. package/dist/esm/ui/crud-list/CrudList.js.map +0 -1
  154. package/dist/esm/ui/editable-list/EditableListField.js +0 -130
  155. package/dist/esm/ui/editable-list/EditableListField.js.map +0 -1
  156. package/dist/esm/ui/form.js +0 -134
  157. package/dist/esm/ui/form.js.map +0 -1
  158. package/dist/esm/ui/linkExternal.js +0 -26
  159. package/dist/esm/ui/linkExternal.js.map +0 -1
  160. package/dist/esm/ui/markdown-editor/MarkdownEditor.js +0 -116
  161. package/dist/esm/ui/markdown-editor/MarkdownEditor.js.map +0 -1
  162. package/dist/esm/ui/markdown-editor/MarkdownToolbar.js +0 -99
  163. package/dist/esm/ui/markdown-editor/MarkdownToolbar.js.map +0 -1
  164. package/dist/esm/ui/scroll-area.js +0 -62
  165. package/dist/esm/ui/scroll-area.js.map +0 -1
  166. package/dist/esm/ui/select.js +0 -138
  167. package/dist/esm/ui/select.js.map +0 -1
  168. package/dist/esm/ui/textarea.js +0 -19
  169. package/dist/esm/ui/textarea.js.map +0 -1
  170. package/src/components/IconPickerDialog.tsx +0 -136
  171. package/src/components/IconPickerField.tsx +0 -88
  172. package/src/modules/admin-base/components/AdminChat.tsx +0 -122
  173. package/src/modules/admin-base/components/AdminLayout.tsx +0 -111
  174. package/src/modules/admin-base/components/AdminWelcome.tsx +0 -52
  175. package/src/modules/admin-base/context/AdminConfigContext.tsx +0 -36
  176. package/src/modules/admin-base/index.ts +0 -16
  177. package/src/modules/admin-base/types/adminTypes.ts +0 -11
  178. package/src/modules/appCatalog/AppCatalogAdminPage.tsx +0 -274
  179. package/src/modules/approvalMethod/AccessRequestFormFields.tsx +0 -393
  180. package/src/modules/approvalMethod/ApprovalMethodForm.tsx +0 -323
  181. package/src/modules/approvalMethod/ApprovalMethodSelector.tsx +0 -150
  182. package/src/modules/approvalMethod/api/ApiQueryMagazineApprovalMethod.ts +0 -34
  183. package/src/modules/icons/IconManagementPage.tsx +0 -245
  184. package/src/routes/admin/app-for-catalog/$id.tsx +0 -571
  185. package/src/routes/admin/app-for-catalog/index.tsx +0 -19
  186. package/src/routes/admin/app-for-catalog.tsx +0 -12
  187. package/src/routes/admin/approval-methods/index.tsx +0 -161
  188. package/src/routes/admin/approval-methods.tsx +0 -10
  189. package/src/routes/admin/chat.tsx +0 -13
  190. package/src/routes/admin/icons.tsx +0 -22
  191. package/src/routes/admin/index.tsx +0 -9
  192. package/src/routes/admin.tsx +0 -60
@@ -1,323 +0,0 @@
1
- import { jsx, jsxs } from "react/jsx-runtime";
2
- import { useQuery } from "@tanstack/react-query";
3
- 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";
4
- import { FormField, FormItem, FormLabel, FormControl, FormDescription } from "../../ui/form.js";
5
- import { MarkdownEditor } from "../../ui/markdown-editor/MarkdownEditor.js";
6
- import { EditableListField } from "../../ui/editable-list/EditableListField.js";
7
- import { LinkExternal } from "../../ui/linkExternal.js";
8
- import { Input } from "../../ui/input.js";
9
- import { Button } from "../../ui/button.js";
10
- import { ApiQueryMagazineApprovalMethod } from "./api/ApiQueryMagazineApprovalMethod.js";
11
- function AccessRequestFormFields({
12
- control,
13
- approvalMethodId
14
- }) {
15
- const { data: method } = useQuery({
16
- ...ApiQueryMagazineApprovalMethod.getById(approvalMethodId),
17
- enabled: !!approvalMethodId
18
- });
19
- if (!approvalMethodId) {
20
- return /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground py-4", children: "Select an approval method to configure details" });
21
- }
22
- if (!method) {
23
- return /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground py-4", children: "Loading..." });
24
- }
25
- const methodConfig = method.config;
26
- return /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
27
- method.type === "service" && (methodConfig == null ? void 0 : methodConfig.url) ? /* @__PURE__ */ jsxs("div", { className: "p-4 border rounded-lg bg-muted/30", children: [
28
- /* @__PURE__ */ jsx("div", { className: "text-sm font-medium mb-2", children: "Service URL" }),
29
- /* @__PURE__ */ jsx(LinkExternal, { href: methodConfig.url, children: methodConfig.url })
30
- ] }) : null,
31
- /* @__PURE__ */ jsx(
32
- FormField,
33
- {
34
- control,
35
- name: "accessRequest.comments",
36
- render: ({ field }) => /* @__PURE__ */ jsxs(FormItem, { children: [
37
- /* @__PURE__ */ jsx(FormLabel, { children: "Comments" }),
38
- /* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(
39
- MarkdownEditor,
40
- {
41
- value: field.value ?? "",
42
- onChange: field.onChange,
43
- placeholder: "General comments about access..."
44
- }
45
- ) })
46
- ] })
47
- }
48
- ),
49
- /* @__PURE__ */ jsx(
50
- FormField,
51
- {
52
- control,
53
- name: "accessRequest.requestPrompt",
54
- render: ({ field }) => /* @__PURE__ */ jsxs(FormItem, { children: [
55
- /* @__PURE__ */ jsx(FormLabel, { children: "Request Prompt" }),
56
- /* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(
57
- MarkdownEditor,
58
- {
59
- value: field.value ?? "",
60
- onChange: field.onChange,
61
- placeholder: "Instructions on how to request access..."
62
- }
63
- ) }),
64
- /* @__PURE__ */ jsx(FormDescription, { children: "Explain how users should request access to this app" })
65
- ] })
66
- }
67
- ),
68
- /* @__PURE__ */ jsx(
69
- FormField,
70
- {
71
- control,
72
- name: "accessRequest.roles",
73
- render: ({ field }) => /* @__PURE__ */ jsxs(FormItem, { children: [
74
- /* @__PURE__ */ jsx(FormLabel, { children: "Available Roles" }),
75
- /* @__PURE__ */ jsx(
76
- EditableListField,
77
- {
78
- value: field.value ?? [],
79
- onChange: field.onChange,
80
- columns: [
81
- { accessorKey: "name", header: "Role Name" },
82
- { accessorKey: "description", header: "Description" }
83
- ],
84
- createEmpty: () => ({ name: "", description: "" }),
85
- getItemKey: (_, i) => String(i),
86
- addButtonLabel: "Add Role",
87
- emptyMessage: "No roles defined",
88
- renderForm: ({ item, onSave, onCancel }) => {
89
- if (!item) return null;
90
- return /* @__PURE__ */ jsx(RoleForm, { item, onSave, onCancel });
91
- }
92
- }
93
- )
94
- ] })
95
- }
96
- ),
97
- /* @__PURE__ */ jsx(
98
- FormField,
99
- {
100
- control,
101
- name: "accessRequest.approvers",
102
- render: ({ field }) => /* @__PURE__ */ jsxs(FormItem, { children: [
103
- /* @__PURE__ */ jsx(FormLabel, { children: "Approvers" }),
104
- /* @__PURE__ */ jsx(
105
- EditableListField,
106
- {
107
- value: field.value ?? [],
108
- onChange: field.onChange,
109
- columns: [
110
- { accessorKey: "displayName", header: "Name" },
111
- { accessorKey: "contact", header: "Contact" }
112
- ],
113
- createEmpty: () => ({ displayName: "", contact: "" }),
114
- getItemKey: (_, i) => String(i),
115
- addButtonLabel: "Add Approver",
116
- emptyMessage: "No approvers defined",
117
- renderForm: ({ item, onSave, onCancel }) => {
118
- if (!item) return null;
119
- return /* @__PURE__ */ jsx(
120
- ApproverForm,
121
- {
122
- item,
123
- onSave,
124
- onCancel
125
- }
126
- );
127
- }
128
- }
129
- ),
130
- /* @__PURE__ */ jsx(FormDescription, { children: "People who can approve access requests" })
131
- ] })
132
- }
133
- ),
134
- /* @__PURE__ */ jsx(
135
- FormField,
136
- {
137
- control,
138
- name: "accessRequest.urls",
139
- render: ({ field }) => /* @__PURE__ */ jsxs(FormItem, { children: [
140
- /* @__PURE__ */ jsx(FormLabel, { children: "Related URLs" }),
141
- /* @__PURE__ */ jsx(
142
- EditableListField,
143
- {
144
- value: field.value ?? [],
145
- onChange: field.onChange,
146
- columns: [
147
- { accessorKey: "label", header: "Label" },
148
- { accessorKey: "url", header: "URL" }
149
- ],
150
- createEmpty: () => ({ label: "", url: "" }),
151
- getItemKey: (_, i) => String(i),
152
- addButtonLabel: "Add URL",
153
- emptyMessage: "No URLs defined",
154
- renderForm: ({ item, onSave, onCancel }) => {
155
- if (!item) return null;
156
- return /* @__PURE__ */ jsx(UrlForm, { item, onSave, onCancel });
157
- }
158
- }
159
- )
160
- ] })
161
- }
162
- ),
163
- /* @__PURE__ */ jsx(
164
- FormField,
165
- {
166
- control,
167
- name: "accessRequest.postApprovalInstructions",
168
- render: ({ field }) => /* @__PURE__ */ jsxs(FormItem, { children: [
169
- /* @__PURE__ */ jsx(FormLabel, { children: "Post-Approval Instructions" }),
170
- /* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(
171
- MarkdownEditor,
172
- {
173
- value: field.value ?? "",
174
- onChange: field.onChange,
175
- placeholder: "Steps to follow after approval is granted..."
176
- }
177
- ) })
178
- ] })
179
- }
180
- ),
181
- method.type === "personTeam" && /* @__PURE__ */ jsx(
182
- FormField,
183
- {
184
- control,
185
- name: "accessRequest.whoToReachOut",
186
- render: ({ field }) => /* @__PURE__ */ jsxs(FormItem, { children: [
187
- /* @__PURE__ */ jsx(FormLabel, { children: "Who to Reach Out" }),
188
- /* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(
189
- MarkdownEditor,
190
- {
191
- value: field.value ?? "",
192
- onChange: field.onChange,
193
- placeholder: "Describe who to contact and how..."
194
- }
195
- ) }),
196
- /* @__PURE__ */ jsx(FormDescription, { children: "Specific instructions for contacting the person or team" })
197
- ] })
198
- }
199
- )
200
- ] });
201
- }
202
- function RoleForm({
203
- item,
204
- onSave,
205
- onCancel
206
- }) {
207
- const form = useForm({
208
- defaultValues: item
209
- });
210
- return /* @__PURE__ */ jsxs("form", { onSubmit: form.handleSubmit(onSave), className: "space-y-4", children: [
211
- /* @__PURE__ */ jsx(
212
- FormField,
213
- {
214
- control: form.control,
215
- name: "name",
216
- render: ({ field }) => /* @__PURE__ */ jsxs(FormItem, { children: [
217
- /* @__PURE__ */ jsx(FormLabel, { children: "Role Name" }),
218
- /* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(Input, { ...field, placeholder: "e.g., Admin, Read-Only" }) })
219
- ] })
220
- }
221
- ),
222
- /* @__PURE__ */ jsx(
223
- FormField,
224
- {
225
- control: form.control,
226
- name: "description",
227
- render: ({ field }) => /* @__PURE__ */ jsxs(FormItem, { children: [
228
- /* @__PURE__ */ jsx(FormLabel, { children: "Description" }),
229
- /* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(Input, { ...field, placeholder: "Brief description of the role" }) })
230
- ] })
231
- }
232
- ),
233
- /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
234
- /* @__PURE__ */ jsx(Button, { type: "submit", size: "sm", children: "Save" }),
235
- /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: onCancel, children: "Cancel" })
236
- ] })
237
- ] });
238
- }
239
- function ApproverForm({
240
- item,
241
- onSave,
242
- onCancel
243
- }) {
244
- const form = useForm({
245
- defaultValues: item
246
- });
247
- return /* @__PURE__ */ jsxs("form", { onSubmit: form.handleSubmit(onSave), className: "space-y-4", children: [
248
- /* @__PURE__ */ jsx(
249
- FormField,
250
- {
251
- control: form.control,
252
- name: "displayName",
253
- render: ({ field }) => /* @__PURE__ */ jsxs(FormItem, { children: [
254
- /* @__PURE__ */ jsx(FormLabel, { children: "Name" }),
255
- /* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(Input, { ...field, placeholder: "e.g., John Doe" }) })
256
- ] })
257
- }
258
- ),
259
- /* @__PURE__ */ jsx(
260
- FormField,
261
- {
262
- control: form.control,
263
- name: "contact",
264
- render: ({ field }) => /* @__PURE__ */ jsxs(FormItem, { children: [
265
- /* @__PURE__ */ jsx(FormLabel, { children: "Contact" }),
266
- /* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(Input, { ...field, placeholder: "e.g., email, Slack handle" }) })
267
- ] })
268
- }
269
- ),
270
- /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
271
- /* @__PURE__ */ jsx(Button, { type: "submit", size: "sm", children: "Save" }),
272
- /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: onCancel, children: "Cancel" })
273
- ] })
274
- ] });
275
- }
276
- function UrlForm({
277
- item,
278
- onSave,
279
- onCancel
280
- }) {
281
- const form = useForm({
282
- defaultValues: item
283
- });
284
- return /* @__PURE__ */ jsxs("form", { onSubmit: form.handleSubmit(onSave), className: "space-y-4", children: [
285
- /* @__PURE__ */ jsx(
286
- FormField,
287
- {
288
- control: form.control,
289
- name: "label",
290
- render: ({ field }) => /* @__PURE__ */ jsxs(FormItem, { children: [
291
- /* @__PURE__ */ jsx(FormLabel, { children: "Label" }),
292
- /* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(Input, { ...field, placeholder: "e.g., Documentation" }) })
293
- ] })
294
- }
295
- ),
296
- /* @__PURE__ */ jsx(
297
- FormField,
298
- {
299
- control: form.control,
300
- name: "url",
301
- render: ({ field }) => /* @__PURE__ */ jsxs(FormItem, { children: [
302
- /* @__PURE__ */ jsx(FormLabel, { children: "URL" }),
303
- /* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(
304
- Input,
305
- {
306
- ...field,
307
- type: "url",
308
- placeholder: "e.g., https://example.com"
309
- }
310
- ) })
311
- ] })
312
- }
313
- ),
314
- /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
315
- /* @__PURE__ */ jsx(Button, { type: "submit", size: "sm", children: "Save" }),
316
- /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: onCancel, children: "Cancel" })
317
- ] })
318
- ] });
319
- }
320
- export {
321
- AccessRequestFormFields
322
- };
323
- //# sourceMappingURL=AccessRequestFormFields.js.map
@@ -1 +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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"}
@@ -1,14 +0,0 @@
1
- interface ApprovalMethodFormProps {
2
- mode: 'create' | 'edit';
3
- initialData: {
4
- id?: string;
5
- type: 'service' | 'personTeam' | 'custom';
6
- displayName: string;
7
- config?: Record<string, unknown>;
8
- } | null;
9
- onSubmit: (data: any) => void;
10
- onCancel: () => void;
11
- isPending: boolean;
12
- }
13
- export declare function ApprovalMethodForm({ mode, initialData, onSubmit, onCancel, isPending, }: ApprovalMethodFormProps): import("react/jsx-runtime").JSX.Element;
14
- export {};
@@ -1,227 +0,0 @@
1
- import { jsx, jsxs } from "react/jsx-runtime";
2
- 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";
3
- 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";
4
- import { Button } from "../../ui/button.js";
5
- import { Form, FormField, FormItem, FormLabel, FormControl, FormDescription, FormMessage } from "../../ui/form.js";
6
- import { Input } from "../../ui/input.js";
7
- import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from "../../ui/select.js";
8
- import { EditableListField } from "../../ui/editable-list/EditableListField.js";
9
- import { object, array, string, enum as _enum, literal } from "../../node_modules/.pnpm/zod@4.3.5/node_modules/zod/v4/classic/schemas.js";
10
- const APPROVAL_METHOD_TYPES = [
11
- { value: "service", label: "Service" },
12
- { value: "personTeam", label: "Person/Team" },
13
- { value: "custom", label: "Custom" }
14
- ];
15
- const formSchema = object({
16
- type: _enum(["service", "personTeam", "custom"]),
17
- displayName: string().min(1, "Display name is required"),
18
- // Service config
19
- serviceUrl: string().url().optional().or(literal("")),
20
- serviceIcon: string().optional(),
21
- // PersonTeam config
22
- reachOutContacts: array(
23
- object({
24
- displayName: string(),
25
- contact: string()
26
- })
27
- ).optional()
28
- });
29
- function ApprovalMethodForm({
30
- mode,
31
- initialData,
32
- onSubmit,
33
- onCancel,
34
- isPending
35
- }) {
36
- const config = initialData == null ? void 0 : initialData.config;
37
- const configRecord = config ? config : void 0;
38
- const form = useForm({
39
- resolver: a(formSchema),
40
- defaultValues: {
41
- type: (initialData == null ? void 0 : initialData.type) || "custom",
42
- displayName: (initialData == null ? void 0 : initialData.displayName) || "",
43
- serviceUrl: (configRecord == null ? void 0 : configRecord.url) ? String(configRecord.url) : "",
44
- serviceIcon: (configRecord == null ? void 0 : configRecord.icon) ? String(configRecord.icon) : "",
45
- reachOutContacts: Array.isArray(configRecord == null ? void 0 : configRecord.reachOutContacts) ? configRecord.reachOutContacts : []
46
- }
47
- });
48
- const typeValue = form.watch("type");
49
- const handleSubmit = (data) => {
50
- var _a;
51
- let configPayload;
52
- if (data.type === "service") {
53
- configPayload = {
54
- ...data.serviceUrl && { url: data.serviceUrl },
55
- ...data.serviceIcon && { icon: data.serviceIcon }
56
- };
57
- } else if (data.type === "personTeam") {
58
- configPayload = {
59
- ...((_a = data.reachOutContacts) == null ? void 0 : _a.length) && {
60
- reachOutContacts: data.reachOutContacts
61
- }
62
- };
63
- }
64
- const payload = {
65
- ...mode === "edit" && (initialData == null ? void 0 : initialData.id) && { id: initialData.id },
66
- type: data.type,
67
- displayName: data.displayName,
68
- config: Object.keys(configPayload ?? {}).length > 0 ? configPayload : void 0
69
- };
70
- onSubmit(payload);
71
- };
72
- return /* @__PURE__ */ jsx(Form, { ...form, children: /* @__PURE__ */ jsxs("form", { onSubmit: form.handleSubmit(handleSubmit), className: "space-y-4", children: [
73
- /* @__PURE__ */ jsx(
74
- FormField,
75
- {
76
- control: form.control,
77
- name: "type",
78
- render: ({ field }) => /* @__PURE__ */ jsxs(FormItem, { children: [
79
- /* @__PURE__ */ jsx(FormLabel, { children: "Type *" }),
80
- /* @__PURE__ */ jsxs(Select, { value: field.value, onValueChange: field.onChange, children: [
81
- /* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, {}) }) }),
82
- /* @__PURE__ */ jsx(SelectContent, { children: APPROVAL_METHOD_TYPES.map((type) => /* @__PURE__ */ jsx(SelectItem, { value: type.value, children: type.label }, type.value)) })
83
- ] }),
84
- /* @__PURE__ */ jsxs(FormDescription, { children: [
85
- typeValue === "service" && "For bots, ticketing systems, self-service portals",
86
- typeValue === "personTeam" && "For human approvers or teams",
87
- typeValue === "custom" && "Generic approval method with no specific configuration"
88
- ] }),
89
- /* @__PURE__ */ jsx(FormMessage, {})
90
- ] })
91
- }
92
- ),
93
- /* @__PURE__ */ jsx(
94
- FormField,
95
- {
96
- control: form.control,
97
- name: "displayName",
98
- render: ({ field }) => /* @__PURE__ */ jsxs(FormItem, { children: [
99
- /* @__PURE__ */ jsx(FormLabel, { children: "Display Name *" }),
100
- /* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(Input, { placeholder: "e.g., Natero Bot, IT Helpdesk", ...field }) }),
101
- /* @__PURE__ */ jsx(FormMessage, {})
102
- ] })
103
- }
104
- ),
105
- typeValue === "service" && /* @__PURE__ */ jsxs("div", { className: "space-y-4 p-4 border rounded-lg bg-muted/30", children: [
106
- /* @__PURE__ */ jsx("div", { className: "text-sm font-medium", children: "Service Configuration" }),
107
- /* @__PURE__ */ jsx(
108
- FormField,
109
- {
110
- control: form.control,
111
- name: "serviceUrl",
112
- render: ({ field }) => /* @__PURE__ */ jsxs(FormItem, { children: [
113
- /* @__PURE__ */ jsx(FormLabel, { children: "URL" }),
114
- /* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(Input, { type: "url", placeholder: "https://...", ...field }) }),
115
- /* @__PURE__ */ jsx(FormDescription, { children: "URL to the service (shown as clickable link in app)" }),
116
- /* @__PURE__ */ jsx(FormMessage, {})
117
- ] })
118
- }
119
- ),
120
- /* @__PURE__ */ jsx(
121
- FormField,
122
- {
123
- control: form.control,
124
- name: "serviceIcon",
125
- render: ({ field }) => /* @__PURE__ */ jsxs(FormItem, { children: [
126
- /* @__PURE__ */ jsx(FormLabel, { children: "Icon" }),
127
- /* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(Input, { placeholder: "Icon name", ...field }) }),
128
- /* @__PURE__ */ jsx(FormDescription, { children: "Optional icon identifier" }),
129
- /* @__PURE__ */ jsx(FormMessage, {})
130
- ] })
131
- }
132
- )
133
- ] }),
134
- typeValue === "personTeam" && /* @__PURE__ */ jsxs("div", { className: "space-y-4 p-4 border rounded-lg bg-muted/30", children: [
135
- /* @__PURE__ */ jsx("div", { className: "text-sm font-medium", children: "Reach-Out Contacts" }),
136
- /* @__PURE__ */ jsx(FormDescription, { children: "People or teams to contact for approval (not necessarily the approvers themselves)" }),
137
- /* @__PURE__ */ jsx(
138
- FormField,
139
- {
140
- control: form.control,
141
- name: "reachOutContacts",
142
- render: ({ field }) => /* @__PURE__ */ jsx(
143
- EditableListField,
144
- {
145
- value: field.value ?? [],
146
- onChange: field.onChange,
147
- columns: [
148
- { accessorKey: "displayName", header: "Name" },
149
- { accessorKey: "contact", header: "Contact" }
150
- ],
151
- createEmpty: () => ({ displayName: "", contact: "" }),
152
- getItemKey: (_, i) => String(i),
153
- addButtonLabel: "Add Contact",
154
- emptyMessage: "No contacts configured",
155
- renderForm: ({ item, onSave, onCancel: onCancelEdit }) => {
156
- if (!item) return null;
157
- return /* @__PURE__ */ jsx(
158
- ContactForm,
159
- {
160
- item,
161
- onSave,
162
- onCancel: onCancelEdit
163
- }
164
- );
165
- }
166
- }
167
- )
168
- }
169
- )
170
- ] }),
171
- 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." }),
172
- /* @__PURE__ */ jsxs("div", { className: "flex gap-2 pt-4", children: [
173
- /* @__PURE__ */ jsx(Button, { type: "submit", disabled: isPending, children: isPending ? "Saving..." : mode === "create" ? "Create" : "Save" }),
174
- /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", onClick: onCancel, children: "Cancel" })
175
- ] })
176
- ] }) });
177
- }
178
- function ContactForm({
179
- item,
180
- onSave,
181
- onCancel: handleCancel
182
- }) {
183
- const form = useForm({
184
- defaultValues: item
185
- });
186
- return /* @__PURE__ */ jsxs("form", { onSubmit: form.handleSubmit(onSave), className: "space-y-4", children: [
187
- /* @__PURE__ */ jsx(
188
- FormField,
189
- {
190
- control: form.control,
191
- name: "displayName",
192
- render: ({ field }) => /* @__PURE__ */ jsxs(FormItem, { children: [
193
- /* @__PURE__ */ jsx(FormLabel, { children: "Name" }),
194
- /* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(Input, { ...field, placeholder: "e.g., John Doe, IT Team" }) })
195
- ] })
196
- }
197
- ),
198
- /* @__PURE__ */ jsx(
199
- FormField,
200
- {
201
- control: form.control,
202
- name: "contact",
203
- render: ({ field }) => /* @__PURE__ */ jsxs(FormItem, { children: [
204
- /* @__PURE__ */ jsx(FormLabel, { children: "Contact" }),
205
- /* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(Input, { ...field, placeholder: "e.g., email, Slack handle" }) })
206
- ] })
207
- }
208
- ),
209
- /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
210
- /* @__PURE__ */ jsx(Button, { type: "submit", size: "sm", children: "Save" }),
211
- /* @__PURE__ */ jsx(
212
- Button,
213
- {
214
- type: "button",
215
- variant: "outline",
216
- size: "sm",
217
- onClick: handleCancel,
218
- children: "Cancel"
219
- }
220
- )
221
- ] })
222
- ] });
223
- }
224
- export {
225
- ApprovalMethodForm
226
- };
227
- //# sourceMappingURL=ApprovalMethodForm.js.map
@@ -1 +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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"}
@@ -1,7 +0,0 @@
1
- interface ApprovalMethodSelectorProps {
2
- value: string | undefined;
3
- onChange: (value: string | undefined) => void;
4
- disabled?: boolean;
5
- }
6
- export declare function ApprovalMethodSelector({ value, onChange, disabled, }: ApprovalMethodSelectorProps): import("react/jsx-runtime").JSX.Element;
7
- export {};