@digi-frontend/dgate-api-documentation 4.1.0 → 4.1.3

package/dist/index.cjs

@@ -2724,7 +2724,7 @@ const PARAM_TYPE_OPTIONS = [
 		value: "object"
 	}
 ];
-const AddParameterDrawer = ({ open, onClose, onAdd, onEdit, mode = "add", initialValues, source }) => {
+const AddParameterDrawer = ({ open, onClose, onAdd, onEdit, mode = "add", initialValues, source, endpointName }) => {
 	const [form] = antd.Form.useForm();
 	const [messageApi, contextHolder] = antd.message.useMessage();
 	const [confirmModalOpen, setConfirmModalOpen] = (0, react$1.useState)(false);
@@ -2744,7 +2744,8 @@ const AddParameterDrawer = ({ open, onClose, onAdd, onEdit, mode = "add", initia
 					in: initialValues.in,
 					type: initialValues.type,
 					required: initialValues.required,
-					description: initialValues.description
+					description: initialValues.description,
+					itemsType: initialValues.items?.type
 				});
 				setEnumValues(initialValues.enum ?? []);
 			} else {
@@ -2879,7 +2880,7 @@ const AddParameterDrawer = ({ open, onClose, onAdd, onEdit, mode = "add", initia
 			alignItems: "center",
 			position: "relative",
 			paddingTop: 20,
-			paddingBottom: 8,
+			paddingBottom: 5,
 			paddingLeft: 24,
 			paddingRight: 24,
 			width: "100%"
@@ -2986,7 +2987,8 @@ const AddParameterDrawer = ({ open, onClose, onAdd, onEdit, mode = "add", initia
 			type: values.type,
 			required: values.required ?? true,
 			description: values.description || void 0,
-			enum: enumValues.length > 0 ? enumValues : void 0
+			enum: enumValues.length > 0 ? enumValues : void 0,
+			...values.type === "array" && values.itemsType && { items: { type: values.itemsType } }
 		};
 		if (mode === "edit") {
 			onEdit?.(payload);
@@ -3118,6 +3120,25 @@ const AddParameterDrawer = ({ open, onClose, onAdd, onEdit, mode = "add", initia
 							options: PARAM_TYPE_OPTIONS
 						})
 					}),
+					typeValue === "array" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(antd.Form.Item, {
+						name: "itemsType",
+						label: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+							className: cx("label"),
+							children: ["Items Type", /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: cx("asterisk"),
+								children: "*"
+							})]
+						}),
+						rules: [{
+							required: true,
+							message: "Items Type is required"
+						}],
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(antd.Select, {
+							size: "large",
+							placeholder: "Select",
+							options: PARAM_TYPE_OPTIONS
+						})
+					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(antd.Form.Item, {
 						name: "required",
 						children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -3231,9 +3252,9 @@ const AddParameterDrawer = ({ open, onClose, onAdd, onEdit, mode = "add", initia
 						className: cx("modalTitle"),
 						children: [
 							mode === "edit" ? "Edit" : "Add",
-							" ",
-							paramName,
-							" parameter"
+							" Parameter to ",
+							endpointName,
+							" endpoint"
 						]
 					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 						className: cx("modalCloseBtn"),
@@ -3251,7 +3272,10 @@ const AddParameterDrawer = ({ open, onClose, onAdd, onEdit, mode = "add", initia
 							mode === "edit" ? "edit" : "add",
 							" ",
 							paramName,
-							" parameter?"
+							" parameter to",
+							" ",
+							endpointName,
+							" endpoint?"
 						]
 					})
 				}),
@@ -3342,6 +3366,15 @@ const EndpointsSection = ({ endpointsByTag, collapsed = false, onToggleCollapse,
 	const [openResponsePanels, setOpenResponsePanels] = (0, react$1.useState)(/* @__PURE__ */ new Set());
 	const [selectedStatusCodes, setSelectedStatusCodes] = (0, react$1.useState)({});
 	const [drawerSource, setDrawerSource] = (0, react$1.useState)("request");
+	const drawerEndpointName = (0, react$1.useMemo)(() => {
+		if (!paramDrawerEndpointId) return "";
+		const ep = Object.values(endpointsByTag).flat().find((e) => e.id === paramDrawerEndpointId);
+		return endpointNames[paramDrawerEndpointId] ?? ep?.summary ?? "";
+	}, [
+		paramDrawerEndpointId,
+		endpointsByTag,
+		endpointNames
+	]);
 	const [requestPages, setRequestPages] = (0, react$1.useState)(/* @__PURE__ */ new Map());
 	const [responsePages, setResponsePages] = (0, react$1.useState)(/* @__PURE__ */ new Map());
 	const [requestSearches, setRequestSearches] = (0, react$1.useState)({});
@@ -5209,6 +5242,7 @@ const EndpointsSection = ({ endpointsByTag, collapsed = false, onToggleCollapse,
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(AddParameterDrawer, {
 					open: paramDrawerOpen,
 					mode: paramDrawerMode,
+					endpointName: drawerEndpointName,
 					initialValues: paramDrawerMode === "edit" && paramDrawerEndpointId && editParamIdx !== null ? drawerSource === "response" ? endpointResponseParams[paramDrawerEndpointId]?.[editParamIdx] : endpointParams[paramDrawerEndpointId]?.[editParamIdx] : void 0,
 					onClose: () => {
 						setParamDrawerOpen(false);
@@ -6474,6 +6508,7 @@ const EndpointsSection = ({ endpointsByTag, collapsed = false, onToggleCollapse,
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(AddParameterDrawer, {
 				open: paramDrawerOpen,
 				mode: paramDrawerMode,
+				endpointName: drawerEndpointName,
 				initialValues: paramDrawerMode === "edit" && paramDrawerEndpointId && editParamIdx !== null ? drawerSource === "response" ? endpointResponseParams[paramDrawerEndpointId]?.[editParamIdx] : endpointParams[paramDrawerEndpointId]?.[editParamIdx] : void 0,
 				onClose: () => {
 					setParamDrawerOpen(false);
@@ -6783,7 +6818,7 @@ const TagsSection = ({ tags, collapsed, onToggleCollapse, onAddTag, onEditTag, o
 								height: 32
 							}),
 							disabled: tag.isDefault,
-							onClick: () => !tag.isDefault && onDeleteTag?.(tag.name),
+							onClick: () => !tag.isDefault && onDeleteTag?.(tag.name, tags.findIndex((t) => t.name === tag.name)),
 							style: {
 								width: 40,
 								height: 40,
@@ -6959,7 +6994,7 @@ const TagsSection = ({ tags, collapsed, onToggleCollapse, onAddTag, onEditTag, o
 										height: 32
 									}),
 									disabled: tag.isDefault,
-									onClick: () => !tag.isDefault && onDeleteTag?.(tag.name),
+									onClick: () => !tag.isDefault && onDeleteTag?.(tag.name, tags.findIndex((t) => t.name === tag.name)),
 									style: {
 										width: 40,
 										height: 40,
@@ -7002,7 +7037,7 @@ const TagsSection = ({ tags, collapsed, onToggleCollapse, onAddTag, onEditTag, o
 const TAG_NAME_REGEX = /^[A-Za-z0-9_\s-]+$/;
 const TAG_DESC_REGEX = /^[A-Za-z0-9_\s-]+$/;
 const EXTERNAL_DOCS_DESC_REGEX = /^[A-Za-z0-9_\s-]+$/;
-const AddTagDrawer = ({ open, onClose, mode, initialValues, onAddTag, onEditTag }) => {
+const AddTagDrawer = ({ open, onClose, mode, initialValues, onAddTag, onEditTag, existingTags }) => {
 	const [form] = antd.Form.useForm();
 	const [messageApi, contextHolder] = antd.message.useMessage();
 	const [confirmModalOpen, setConfirmModalOpen] = (0, react$1.useState)(false);
@@ -7133,7 +7168,7 @@ const AddTagDrawer = ({ open, onClose, mode, initialValues, onAddTag, onEditTag
 		}
 	}));
 	const isLinkEnabled = Boolean(extDocsDesc?.trim());
-	const isAddEnabled = !!(tagNameValue && TAG_NAME_REGEX.test(tagNameValue));
+	const isAddEnabled = !!(tagNameValue && TAG_NAME_REGEX.test(tagNameValue)) && !form.getFieldsError().some((field) => field.errors.length > 0);
 	(0, react$1.useEffect)(() => {
 		if (open && mode === "edit" && initialValues) form.setFieldsValue(initialValues);
 		if (!open) form.resetFields();
@@ -7243,7 +7278,13 @@ const AddTagDrawer = ({ open, onClose, mode, initialValues, onAddTag, onEditTag
 							{
 								pattern: TAG_NAME_REGEX,
 								message: "Only letters, numbers, spaces, underscores, and hyphens"
-							}
+							},
+							{ validator: (_, value) => {
+								if (!value || !existingTags?.length) return Promise.resolve();
+								const originalName = initialValues?.name;
+								if (existingTags.some((t) => t.name.toLowerCase() === value.toLowerCase() && t.name.toLowerCase() !== originalName?.toLowerCase())) return Promise.reject(/* @__PURE__ */ new Error("Tag name already exists"));
+								return Promise.resolve();
+							} }
 						],
 						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(antd.Input, {
 							showCount: true,
@@ -8996,7 +9037,7 @@ const ConsoleDocumentationLayout = ({ data, preSelectedApi, handleVisitLandingPa
 	});
 	const [deleteTagModal, setDeleteTagModal] = (0, react$1.useState)({
 		open: false,
-		tagName: ""
+		tagIndex: -1
 	});
 	const [localTags, setLocalTags] = (0, react$1.useState)([]);
 	const [messageApi, contextHolder] = antd.message.useMessage();
@@ -9173,7 +9214,9 @@ const ConsoleDocumentationLayout = ({ data, preSelectedApi, handleVisitLandingPa
 			externalDocsDescription: t.externalDocs?.description,
 			isDefault: t.name.toLowerCase() === "default"
 		})) ?? [];
-		if (!mapped.some((t) => t.isDefault) && selectedApi.tags["default"]) mapped.push({
+		const hasDefault = mapped.some((t) => t.isDefault);
+		const hasDefaultInMapped = mapped.some((t) => t.name.toLowerCase() === "default");
+		if (!hasDefault && !hasDefaultInMapped && selectedApi.tags["default"]) mapped.push({
 			name: "default",
 			isDefault: true
 		});
@@ -9202,7 +9245,8 @@ const ConsoleDocumentationLayout = ({ data, preSelectedApi, handleVisitLandingPa
 						type: schema?.type ?? "string",
 						required: Boolean(p.required ?? false),
 						description: p.description != null ? String(p.description) : void 0,
-						enum: Array.isArray(schema?.enum) ? schema.enum : void 0
+						enum: Array.isArray(schema?.enum) ? schema.enum : void 0,
+						...schema?.items && { items: { type: schema.items.type ?? "string" } }
 					};
 				});
 			});
@@ -9232,7 +9276,8 @@ const ConsoleDocumentationLayout = ({ data, preSelectedApi, handleVisitLandingPa
 						type: schema?.type ?? "string",
 						required: Boolean(p.required ?? false),
 						description: p.description != null ? String(p.description) : void 0,
-						enum: Array.isArray(schema?.enum) ? schema.enum : void 0
+						enum: Array.isArray(schema?.enum) ? schema.enum : void 0,
+						...schema?.items && { items: { type: schema.items.type ?? "string" } }
 					};
 				});
 			});
@@ -9398,11 +9443,13 @@ const ConsoleDocumentationLayout = ({ data, preSelectedApi, handleVisitLandingPa
 		setBannerVisible(true);
 	};
 	const handleDeleteTagConfirm = () => {
-		setLocalTags((prev) => prev.filter((t) => t.name !== deleteTagModal.tagName));
-		messageApi.success(`${deleteTagModal.tagName} tag has been deleted successfully.`);
+		if (deleteTagModal.tagIndex < 0) return;
+		const tagName = localTags[deleteTagModal.tagIndex]?.name ?? "Tag";
+		setLocalTags((prev) => prev.filter((_, index) => index !== deleteTagModal.tagIndex));
+		messageApi.success(`${tagName} tag has been deleted successfully.`);
 		setDeleteTagModal({
 			open: false,
-			tagName: ""
+			tagIndex: -1
 		});
 		setBannerVisible(true);
 	};
@@ -9434,6 +9481,7 @@ const ConsoleDocumentationLayout = ({ data, preSelectedApi, handleVisitLandingPa
 		setEndpointTags({});
 		setEndpointParams(initialEndpointParams);
 		setEndpointResponseParams(initialEndpointResponseParams);
+		setLocalTags(tagMetadata);
 		setResetKey((prev) => prev + 1);
 		messageApi.success("Changes have been reset successfully.");
 	};
@@ -9486,7 +9534,8 @@ const ConsoleDocumentationLayout = ({ data, preSelectedApi, handleVisitLandingPa
 					...param.description && { description: param.description },
 					schema: {
 						type: param.type,
-						...param.enum && param.enum.length > 0 && { enum: param.enum }
+						...param.enum && param.enum.length > 0 && { enum: param.enum },
+						...param.type === "array" && param.items && { items: param.items }
 					}
 				}));
 				else delete methodObj.parameters;
@@ -9503,7 +9552,8 @@ const ConsoleDocumentationLayout = ({ data, preSelectedApi, handleVisitLandingPa
 					...param.description && { description: param.description },
 					schema: {
 						type: param.type,
-						...param.enum && param.enum.length > 0 && { enum: param.enum }
+						...param.enum && param.enum.length > 0 && { enum: param.enum },
+						...param.type === "array" && param.items && { items: param.items }
 					}
 				}));
 				else delete methodObj["x-response-params"];
@@ -9550,10 +9600,9 @@ const ConsoleDocumentationLayout = ({ data, preSelectedApi, handleVisitLandingPa
 			setSelectedApi(newTransformed);
 		} catch (err) {
 			let messages = [];
-			if (err && typeof err === "object" && "errors" in err) {
-				const e = err;
-				messages = Array.isArray(e.errors) ? e.errors : [e.errors];
-			} else if (err instanceof Error) messages = err.message.split("\n").filter(Boolean);
+			if (err && typeof err === "object" && "data" in err) messages = [err.data?.message ?? "Unknown error"];
+			else if (err && typeof err === "object" && "message" in err) messages = [String(err.message)];
+			else if (err instanceof Error) messages = err.message.split("\n").filter(Boolean);
 			else messages = [String(err)];
 			setSaveErrors(messages);
 			setSelectedEditItem({ type: "errors" });
@@ -9801,9 +9850,9 @@ const ConsoleDocumentationLayout = ({ data, preSelectedApi, handleVisitLandingPa
 										externalDocsLink: tag.externalDocsUrl
 									}
 								}),
-								onDeleteTag: (tagName) => setDeleteTagModal({
+								onDeleteTag: (_tagName, tagIndex) => setDeleteTagModal({
 									open: true,
-									tagName
+									tagIndex
 								})
 							})
 						}),
@@ -9963,9 +10012,9 @@ const ConsoleDocumentationLayout = ({ data, preSelectedApi, handleVisitLandingPa
 										externalDocsLink: tag.externalDocsUrl
 									}
 								}),
-								onDeleteTag: (tagName) => setDeleteTagModal({
+								onDeleteTag: (_tagName, tagIndex) => setDeleteTagModal({
 									open: true,
-									tagName
+									tagIndex
 								})
 							})
 						}),
@@ -10093,7 +10142,8 @@ const ConsoleDocumentationLayout = ({ data, preSelectedApi, handleVisitLandingPa
 					mode: "add"
 				}),
 				onAddTag: handleAddTag,
-				onEditTag: handleUpdateTag
+				onEditTag: handleUpdateTag,
+				existingTags: localTags
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(antd.Modal, {
 				open: saveConfirmModal,
@@ -10237,7 +10287,7 @@ const ConsoleDocumentationLayout = ({ data, preSelectedApi, handleVisitLandingPa
 				open: deleteTagModal.open,
 				onCancel: () => setDeleteTagModal({
 					open: false,
-					tagName: ""
+					tagIndex: -1
 				}),
 				centered: true,
 				title: null,
@@ -10263,14 +10313,14 @@ const ConsoleDocumentationLayout = ({ data, preSelectedApi, handleVisitLandingPa
 							className: cx("deleteModalTitle"),
 							children: [
 								"Delete ",
-								deleteTagModal.tagName,
+								localTags[deleteTagModal.tagIndex]?.name ?? "Tag",
 								" tag"
 							]
 						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 							className: cx("deleteModalCloseBtn"),
 							onClick: () => setDeleteTagModal({
 								open: false,
-								tagName: ""
+								tagIndex: -1
 							}),
 							"aria-label": "Close",
 							children: "×"
@@ -10282,7 +10332,7 @@ const ConsoleDocumentationLayout = ({ data, preSelectedApi, handleVisitLandingPa
 							className: cx("deleteModalContentText"),
 							children: [
 								"Are you sure you want to delete ",
-								deleteTagModal.tagName,
+								localTags[deleteTagModal.tagIndex]?.name ?? "Tag",
 								" tag?"
 							]
 						})
@@ -10293,7 +10343,7 @@ const ConsoleDocumentationLayout = ({ data, preSelectedApi, handleVisitLandingPa
 							size: "middle",
 							onClick: () => setDeleteTagModal({
 								open: false,
-								tagName: ""
+								tagIndex: -1
 							}),
 							style: {
 								borderRadius: 8,