@cocreate/api 1.22.1 → 1.22.2

package/CHANGELOG.md

@@ -1,3 +1,11 @@
+## [1.22.2](https://github.com/CoCreate-app/CoCreate-api/compare/v1.22.1...v1.22.2) (2025-04-11)
+
+
+### Bug Fixes
+
+* dispatch end event on action element rather than document ([805bb62](https://github.com/CoCreate-app/CoCreate-api/commit/805bb627f7de7dc918ca41ea57bfde1e82407e4e))
+* update observer observe param to type and and attributeName to attributeFilter ([ea6ab8d](https://github.com/CoCreate-app/CoCreate-api/commit/ea6ab8d8408696fdcc8959ea7fc199d706a5c05b))
+
 ## [1.22.1](https://github.com/CoCreate-app/CoCreate-api/compare/v1.22.0...v1.22.1) (2025-01-18)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cocreate/api",
-  "version": "1.22.1",
+  "version": "1.22.2",
   "description": "A simple api helper component in vanilla javascript used by JavaScript developers to create thirdparty api intergrations. CoCreate-api includes the client component and server side for api processing. Thirdparty apis can be accessible using HTML5 attributes and/or JavaScript API. ",
   "keywords": [
     "thirdparty-api-intergration",

package/src/index.js

@@ -55,7 +55,7 @@ const CoCreateApi = {
 
 			Observer.init({
 				name: `${name}NodeObserver`,
-				observe: ["addedNodes"],
+				types: ["addedNodes"],
 				selector: `[${name}]`,
 				callback: function (mutation) {
 					inputEvent(mutation.target);
@@ -69,8 +69,8 @@ const CoCreateApi = {
 
 			Observer.init({
 				name: `${name}AttributeObserver`,
-				observe: ["attributes"],
-				attributeName: [name],
+				types: ["attributes"],
+				attributeFilter: [name],
 				callback: function (mutation) {
 					self.request({
 						name,
@@ -129,7 +129,7 @@ const CoCreateApi = {
 		} else {
 			CoCreateApi.setData(object);
 
-			document.dispatchEvent(
+			object.element.dispatchEvent(
 				new CustomEvent(object.endEvent, {
 					detail: {
 						data: object
@@ -167,13 +167,14 @@ const CoCreateApi = {
 			if (!elements[i] || elements[i].closest("[template]")) continue;
 			let key = elements[i].getAttribute(`${name}-key`);
 			if (key) {
-				let value = await elements[i].getValue();
+				let value =
+					elements[i].stripeElement || (await elements[i].getValue());
 				if (key.endsWith("[]")) {
 					if (!data[key]) data[key] = [];
 
 					if (Array.isArray(value)) data[key].push(...value);
 					else data[key].push(value);
-				} else data[key] = await elements[i].getValue();
+				} else data[key] = value;
 			}
 
 			let endpoint = elements[i].getAttribute("endpoint");
@@ -212,7 +213,9 @@ const CoCreateApi = {
 		let form = object.form;
 		if (!form) form = document;
 
-		let elements = form.querySelectorAll(`[${name}="${object.method}"]`);
+		let elements = form.querySelectorAll(
+			`[${name}="${object.method}"]:not([${name}-response="false"])`
+		);
 		if (!elements || elements.length == 0) return;
 
 		for (let i = 0; i < elements.length; i++) {
@@ -229,13 +232,24 @@ const CoCreateApi = {
 						selector: `[template="${templateid}"]`,
 						data
 					});
+				} else if (elements[i].renderValue) {
+					let key = elements[i].getAttribute(`${name}-key`);
+					if (key === "{}") {
+						elements[i].renderValue(data[name]);
+					} else {
+						let value = getValueFromObject(data[name], key);
+						if (typeof value === "function") {
+							value = value(); // Call the function and assign its return value.
+						}
+						elements[i].renderValue(value);
+					}
 				} else {
 					let key = elements[i].getAttribute(`${name}-key`);
 					if (key === "{}") elements[i].setValue(data[name]);
 					else {
 						let value = getValueFromObject(data[name], key);
 						if (typeof value === "function") {
-							value = value(); // Call the function and assign its return value
+							value = value(); // Call the function and assign its return value.
 						}
 						elements[i].setValue(value);
 					}
@@ -247,7 +261,7 @@ const CoCreateApi = {
 
 Observer.init({
 	name: `apiNodeObserver`,
-	observe: ["addedNodes"],
+	types: ["addedNodes"],
 	selector: "[module], [api]",
 	callback: function (mutation) {
 		let name =