Merge pull request #7 from mendixlabs/Release-4.1.0

Updated Mendix to 11.9.0. 
Fixed startIndex JAVA compilation error, caused by using deprecated methods.

Author: 3loader

README.md

@@ -61,8 +61,10 @@ Testing of this module can be done via the "Examples" pages or "Unit tests" page
 - 9.24.1
 - 9.24.13
 - 10.6.0
-- 10.24.9
 - 10.7.0
+- 10.24.9 (V. 4.0.0)
+- 11.8.0 (V. 4.0.0)
+- 11.9.0 (V. 4.1.0)
 
 ## Dependencies
 

SortOrder.mpr

@@ -15,7 +15,7 @@ import { Big } from "big.js";
  * @param {string} targetName - Name of the filter to set. Valid targets are: Number filter, Date filter, Text filter, Drop-down filter. You can find filter name in widget settings in the "Common" group (Properties>Common>Name).
  * @param {boolean} useDefaultValue - Determine the use of default value provided by the filter component itself.
 If true, "Value" section will be ignored
- * @param {"DataWidgets.Filter_Operators.contains"|"DataWidgets.Filter_Operators.startsWith"|"DataWidgets.Filter_Operators.endsWith"|"DataWidgets.Filter_Operators.between"|"DataWidgets.Filter_Operators.greater"|"DataWidgets.Filter_Operators.greaterEqual"|"DataWidgets.Filter_Operators.equal"|"DataWidgets.Filter_Operators.notEqual"|"DataWidgets.Filter_Operators.smaller"|"DataWidgets.Filter_Operators.smallerEqual"|"DataWidgets.Filter_Operators.empty"|"DataWidgets.Filter_Operators.notEmpty"} operators - Selected operators value. If filter has operators, this value will be applied.
+ * @param {undefined|"contains"|"startsWith"|"endsWith"|"between"|"greater"|"greaterEqual"|"equal"|"notEqual"|"smaller"|"smallerEqual"|"empty"|"notEmpty"} operators - Selected operators value. If filter has operators, this value will be applied.
  * @param {string} stringValue - Value set for dropdown filter or text filter. Choose empty if not use.
  * @param {Big} numberValue - Number value for number filter. Choose empty if not use.
  * @param {Date} dateTimeValue - Date time value for date filter, can also be use as "start date". Choose empty if not use.

javascriptsource/datawidgets/actions/Set_Filter.js

@@ -7,6 +7,7 @@
 // Other code you write will be lost the next time you deploy the project.
 import { Big } from "big.js";
 import { Base64 } from 'js-base64';
+import RNBlobUtil from 'react-native-blob-util';
 
 // BEGIN EXTRA CODE
 // END EXTRA CODE
@@ -24,6 +25,43 @@ export async function Base64DecodeToImage(base64, image) {
     if (!image) {
         throw new Error("image should not be null");
     }
+    // Native platform
+    if (navigator && navigator.product === "ReactNative") {
+        try {
+            // Remove data URI prefix if present (e.g., "data:image/png;base64,")
+            let cleanBase64 = base64;
+            if (base64.includes(",")) {
+                cleanBase64 = base64.split(",")[1];
+            }
+            // Remove any whitespace/newlines
+            cleanBase64 = cleanBase64.replace(/\s/g, "");
+            // Validate base64 format
+            if (!/^[A-Za-z0-9+/]*={0,2}$/.test(cleanBase64)) {
+                throw new Error("Invalid base64 format");
+            }
+            // Create a temporary file path
+            const tempPath = `${RNBlobUtil.fs.dirs.CacheDir}/temp_image_${Date.now()}.png`;
+            // Write Base64 data to a temporary file
+            await RNBlobUtil.fs.writeFile(tempPath, cleanBase64, "base64");
+            // Fetch the file as a blob
+            const res = await fetch(`file://${tempPath}`);
+            const blob = await res.blob();
+            return new Promise((resolve, reject) => {
+                mx.data.saveDocument(image.getGuid(), "camera image", {}, blob, () => {
+                    RNBlobUtil.fs.unlink(tempPath).catch(e => console.info("Temp file cleanup failed:", e));
+                    resolve(true);
+                }, error => {
+                    RNBlobUtil.fs.unlink(tempPath).catch(e => console.info("Temp file cleanup failed:", e));
+                    reject(error);
+                });
+            });
+        }
+        catch (error) {
+            console.error("Failed to decode base64 to image:", error);
+            return false;
+        }
+    }
+    // Other platforms
     const blob = new Blob([Base64.toUint8Array(base64)], { type: "image/png" });
     return new Promise((resolve, reject) => {
         mx.data.saveDocument(image.getGuid(), "camera image", {}, blob, () => resolve(true), reject);

javascriptsource/nanoflowcommons/actions/Base64DecodeToImage.js

@@ -0,0 +1,5 @@
+{
+  "nativeDependencies": {
+    "react-native-blob-util": "0.21.2"
+  }
+}

javascriptsource/nanoflowcommons/actions/Base64DecodeToImage.json

@@ -0,0 +1,36 @@
+// This file was generated by Mendix Studio Pro.
+//
+// WARNING: Only the following code will be retained when actions are regenerated:
+// - the import list
+// - the code between BEGIN USER CODE and END USER CODE
+// - the code between BEGIN EXTRA CODE and END EXTRA CODE
+// Other code you write will be lost the next time you deploy the project.
+import { Big } from "big.js";
+
+// BEGIN EXTRA CODE
+// END EXTRA CODE
+
+/**
+ * @param {MxObject} file - File object which will be downloaded.
+ * @param {boolean} showFileInBrowser - Set to True to let the browser open the file in a new tab.
+Set to False if the file only needs to be downloaded to the device storage.
+ * @returns {Promise.<void>}
+ */
+export async function DownloadWebFile(file, showFileInBrowser) {
+	// BEGIN USER CODE
+    if (!file) {
+        return Promise.reject(new Error("Input parameter 'file' is required"));
+    }
+    const target = showFileInBrowser ? "window" : "internal";
+    return new Promise((resolve, reject) => {
+        mx.ui
+            .downloadFile({
+            mxobject: file,
+            target,
+            error: (err) => reject(err)
+        })
+            .then(resolve)
+            .catch(reject);
+    });
+	// END USER CODE
+}

javascriptsource/nanoflowcommons/actions/DownloadWebFile.js

@@ -14,7 +14,7 @@ import Geodecoder from 'react-native-geocoder';
 /**
  * Geocoding is the process of converting addresses (like a street address) into geographic coordinates (latitude and longitude), which you can use to place markers on a map, or position the map.
  * @param {string} address - This field is required.
- * @param {"NanoflowCommons.GeocodingProvider.Google"|"NanoflowCommons.GeocodingProvider.Geocodio"|"NanoflowCommons.GeocodingProvider.LocationIQ"|"NanoflowCommons.GeocodingProvider.MapQuest"} geocodingProvider - This field is required for use on web.
+ * @param {undefined|"Google"|"Geocodio"|"LocationIQ"|"MapQuest"} geocodingProvider - This field is required for use on web.
  * @param {string} providerApiKey - This field is required for use on web. Note that the keys are accessible by the end users and should be protected in other ways; for example restricted domain name.
  * @returns {Promise.<MxObject>}
  */

javascriptsource/nanoflowcommons/actions/Geocode.js

@@ -12,7 +12,7 @@ import { Big } from "big.js";
 
 /**
  * Get the client platform (NanoflowCommons.Platform) where the action is running.
- * @returns {Promise.<"NanoflowCommons.Platform.Web"|"NanoflowCommons.Platform.Native_mobile"|"NanoflowCommons.Platform.Hybrid_mobile">}
+ * @returns {Promise.<undefined|"Web"|"Native_mobile"|"Hybrid_mobile">}
  */
 export async function GetPlatform() {
 	// BEGIN USER CODE

javascriptsource/nanoflowcommons/actions/GetPlatform.js

@@ -24,7 +24,7 @@ function kmToNauticalMile(km) {
  * @param {Big} longitudePoint1
  * @param {Big} latitudePoint2
  * @param {Big} longitudePoint2
- * @param {"NanoflowCommons.Enum_DistanceUnit.KILOMETER"|"NanoflowCommons.Enum_DistanceUnit.STATUTE_MILE"|"NanoflowCommons.Enum_DistanceUnit.NAUTICAL_MILE"} unit
+ * @param {undefined|"KILOMETER"|"STATUTE_MILE"|"NAUTICAL_MILE"} unit
  * @returns {Promise.<Big>}
  */
 export async function GetStraightLineDistance(latitudePoint1, longitudePoint1, latitudePoint2, longitudePoint2, unit) {

javascriptsource/nanoflowcommons/actions/GetStraightLineDistance.js

@@ -16,7 +16,16 @@ import { Big } from "big.js";
 export async function IsConnectedToServer() {
 	// BEGIN USER CODE
     try {
-        const response = await fetch(mx.remoteUrl);
+        const headers = new Headers();
+        headers.append("Content-Type", "application/json");
+        const body = JSON.stringify({ action: "info" });
+        const requestOptions = {
+            method: "POST",
+            headers,
+            body
+        };
+        // mx.remoteUrl always has / at the end, therefore we don't add it.
+        const response = await fetch(`${mx.remoteUrl}xas/`, requestOptions);
         return response.ok;
     }
     catch (err) {