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

package/dist/index.mjs

@@ -2695,7 +2695,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] = Form.useForm();
 	const [messageApi, contextHolder] = message.useMessage();
 	const [confirmModalOpen, setConfirmModalOpen] = useState(false);
@@ -2715,7 +2715,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 {
@@ -2850,7 +2851,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%"
@@ -2957,7 +2958,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);
@@ -3089,6 +3091,25 @@ const AddParameterDrawer = ({ open, onClose, onAdd, onEdit, mode = "add", initia
 							options: PARAM_TYPE_OPTIONS
 						})
 					}),
+					typeValue === "array" && /* @__PURE__ */ jsx(Form.Item, {
+						name: "itemsType",
+						label: /* @__PURE__ */ jsxs("span", {
+							className: cx("label"),
+							children: ["Items Type", /* @__PURE__ */ jsx("span", {
+								className: cx("asterisk"),
+								children: "*"
+							})]
+						}),
+						rules: [{
+							required: true,
+							message: "Items Type is required"
+						}],
+						children: /* @__PURE__ */ jsx(Select, {
+							size: "large",
+							placeholder: "Select",
+							options: PARAM_TYPE_OPTIONS
+						})
+					}),
 					/* @__PURE__ */ jsx(Form.Item, {
 						name: "required",
 						children: /* @__PURE__ */ jsxs("div", {
@@ -3202,9 +3223,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__ */ jsx("button", {
 						className: cx("modalCloseBtn"),
@@ -3222,7 +3243,10 @@ const AddParameterDrawer = ({ open, onClose, onAdd, onEdit, mode = "add", initia
 							mode === "edit" ? "edit" : "add",
 							" ",
 							paramName,
-							" parameter?"
+							" parameter to",
+							" ",
+							endpointName,
+							" endpoint?"
 						]
 					})
 				}),
@@ -3313,6 +3337,15 @@ const EndpointsSection = ({ endpointsByTag, collapsed = false, onToggleCollapse,
 	const [openResponsePanels, setOpenResponsePanels] = useState(/* @__PURE__ */ new Set());
 	const [selectedStatusCodes, setSelectedStatusCodes] = useState({});
 	const [drawerSource, setDrawerSource] = useState("request");
+	const drawerEndpointName = 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] = useState(/* @__PURE__ */ new Map());
 	const [responsePages, setResponsePages] = useState(/* @__PURE__ */ new Map());
 	const [requestSearches, setRequestSearches] = useState({});
@@ -5180,6 +5213,7 @@ const EndpointsSection = ({ endpointsByTag, collapsed = false, onToggleCollapse,
 				/* @__PURE__ */ 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);
@@ -6445,6 +6479,7 @@ const EndpointsSection = ({ endpointsByTag, collapsed = false, onToggleCollapse,
 			/* @__PURE__ */ 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);
@@ -6754,7 +6789,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,
@@ -6930,7 +6965,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,
@@ -6973,7 +7008,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] = Form.useForm();
 	const [messageApi, contextHolder] = message.useMessage();
 	const [confirmModalOpen, setConfirmModalOpen] = useState(false);
@@ -7104,7 +7139,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);
 	useEffect(() => {
 		if (open && mode === "edit" && initialValues) form.setFieldsValue(initialValues);
 		if (!open) form.resetFields();
@@ -7214,7 +7249,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__ */ jsx(Input, {
 							showCount: true,
@@ -8967,7 +9008,7 @@ const ConsoleDocumentationLayout = ({ data, preSelectedApi, handleVisitLandingPa
 	});
 	const [deleteTagModal, setDeleteTagModal] = useState({
 		open: false,
-		tagName: ""
+		tagIndex: -1
 	});
 	const [localTags, setLocalTags] = useState([]);
 	const [messageApi, contextHolder] = message.useMessage();
@@ -9144,7 +9185,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
 		});
@@ -9173,7 +9216,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" } }
 					};
 				});
 			});
@@ -9203,7 +9247,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" } }
 					};
 				});
 			});
@@ -9369,11 +9414,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);
 	};
@@ -9405,6 +9452,7 @@ const ConsoleDocumentationLayout = ({ data, preSelectedApi, handleVisitLandingPa
 		setEndpointTags({});
 		setEndpointParams(initialEndpointParams);
 		setEndpointResponseParams(initialEndpointResponseParams);
+		setLocalTags(tagMetadata);
 		setResetKey((prev) => prev + 1);
 		messageApi.success("Changes have been reset successfully.");
 	};
@@ -9457,7 +9505,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;
@@ -9474,7 +9523,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"];
@@ -9521,10 +9571,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" });
@@ -9772,9 +9821,9 @@ const ConsoleDocumentationLayout = ({ data, preSelectedApi, handleVisitLandingPa
 										externalDocsLink: tag.externalDocsUrl
 									}
 								}),
-								onDeleteTag: (tagName) => setDeleteTagModal({
+								onDeleteTag: (_tagName, tagIndex) => setDeleteTagModal({
 									open: true,
-									tagName
+									tagIndex
 								})
 							})
 						}),
@@ -9934,9 +9983,9 @@ const ConsoleDocumentationLayout = ({ data, preSelectedApi, handleVisitLandingPa
 										externalDocsLink: tag.externalDocsUrl
 									}
 								}),
-								onDeleteTag: (tagName) => setDeleteTagModal({
+								onDeleteTag: (_tagName, tagIndex) => setDeleteTagModal({
 									open: true,
-									tagName
+									tagIndex
 								})
 							})
 						}),
@@ -10064,7 +10113,8 @@ const ConsoleDocumentationLayout = ({ data, preSelectedApi, handleVisitLandingPa
 					mode: "add"
 				}),
 				onAddTag: handleAddTag,
-				onEditTag: handleUpdateTag
+				onEditTag: handleUpdateTag,
+				existingTags: localTags
 			}),
 			/* @__PURE__ */ jsxs(Modal, {
 				open: saveConfirmModal,
@@ -10208,7 +10258,7 @@ const ConsoleDocumentationLayout = ({ data, preSelectedApi, handleVisitLandingPa
 				open: deleteTagModal.open,
 				onCancel: () => setDeleteTagModal({
 					open: false,
-					tagName: ""
+					tagIndex: -1
 				}),
 				centered: true,
 				title: null,
@@ -10234,14 +10284,14 @@ const ConsoleDocumentationLayout = ({ data, preSelectedApi, handleVisitLandingPa
 							className: cx("deleteModalTitle"),
 							children: [
 								"Delete ",
-								deleteTagModal.tagName,
+								localTags[deleteTagModal.tagIndex]?.name ?? "Tag",
 								" tag"
 							]
 						}), /* @__PURE__ */ jsx("button", {
 							className: cx("deleteModalCloseBtn"),
 							onClick: () => setDeleteTagModal({
 								open: false,
-								tagName: ""
+								tagIndex: -1
 							}),
 							"aria-label": "Close",
 							children: "×"
@@ -10253,7 +10303,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?"
 							]
 						})
@@ -10264,7 +10314,7 @@ const ConsoleDocumentationLayout = ({ data, preSelectedApi, handleVisitLandingPa
 							size: "middle",
 							onClick: () => setDeleteTagModal({
 								open: false,
-								tagName: ""
+								tagIndex: -1
 							}),
 							style: {
 								borderRadius: 8,