Merge pull request #105 from lubusIN/fix/93-inserter

Fix: steps block not showing in inserter

Author: Verma-Punit

src/steps/define-wp-config-consts/index.js

@@ -39,16 +39,15 @@ import {
 function Edit({ attributes, setAttributes, isSelected }) {
 	const { consts } = attributes;
 	const [isOpen, setIsOpen] = useState(false);
-	const [configList, updateConfigList] = useState(Object.entries(consts));
+	const [configList, updateConfigList] = useState(Object.entries(consts || {}));
 	const [selectedConfig, setSelectedConfig] = useState(undefined);
 
 	useEffect(() => {
-		setAttributes({ consts: keyValuePairsToObject(configList) });
-
-		if (!isSelected) {
-			handleClose();
+		const configObject = keyValuePairsToObject(configList);
+		if (JSON.stringify(consts) !== JSON.stringify(configObject)) {
+			setAttributes({ consts: configObject });
 		}
-	}, [configList, isSelected]);
+	}, [configList]);
 
 	const addConfig = () => {
 		addKeyValuePair(configList, updateConfigList);

src/steps/update-user-meta/index.js

@@ -40,16 +40,15 @@ import {
 function Edit({ attributes, setAttributes, isSelected }) {
 	const { meta, userId } = attributes;
 	const [isOpen, setIsOpen] = useState(false);
-	const [metaList, updateMetaList] = useState(Object.entries(meta));
+	const [metaList, updateMetaList] = useState(Object.entries(meta || {}));
 	const [selectedMeta, setSelectedMeta] = useState(undefined);
 
 	useEffect(() => {
-		setAttributes({ meta: keyValuePairsToObject(metaList) });
-
-		if (!isSelected) {
-			handleClose();
+		const metaObject = keyValuePairsToObject(metaList);
+		if (JSON.stringify(meta) !== JSON.stringify(metaObject)) {
+			setAttributes({ meta: metaObject });
 		}
-	}, [metaList, isSelected]);
+	}, [metaList]);
 
 	const addOption = () => {
 		addKeyValuePair(metaList, updateMetaList);