From a07aaef3ddf9739c011a3caab243bd8b8eeb2cc1 Mon Sep 17 00:00:00 2001
From: Mohmaed Shahin <mohamed.shahin@mendix.com>
Date: Fri, 11 Apr 2025 16:55:27 +0400
Subject: [PATCH 1/9] final development

---
 .../progress-bar-native/src/ProgressBar.tsx   | 33 +++++++++++++++-
 .../progress-bar-native/src/ProgressBar.xml   | 39 ++++++++++++++-----
 .../typings/ProgressBarProps.d.ts             | 14 ++++++-
 3 files changed, 73 insertions(+), 13 deletions(-)

diff --git a/packages/pluggableWidgets/progress-bar-native/src/ProgressBar.tsx b/packages/pluggableWidgets/progress-bar-native/src/ProgressBar.tsx
index 7a8e886cc..579cbbb02 100644
--- a/packages/pluggableWidgets/progress-bar-native/src/ProgressBar.tsx
+++ b/packages/pluggableWidgets/progress-bar-native/src/ProgressBar.tsx
@@ -52,21 +52,50 @@ export function ProgressBar(props: ProgressBarProps<ProgressBarStyle>): JSX.Elem
 
     const validationMessages = validate();
     const progress = calculateProgress();
-
+    const { showProgressCaption, showDefaultProgressCaption,progressCaption,useDefaulMendixColor,customColor} = props;
     return (
         <View style={styles.container}>
+    
             <Bar
                 testID={props.name}
                 height={Number(styles.bar.height)}
                 width={null}
                 progress={progress}
-                color={styles.fill.backgroundColor}
+                color={useDefaulMendixColor ? styles.fill.backgroundColor : customColor}
                 borderWidth={styles.bar.borderWidth}
                 style={styles.bar}
             />
+            {showProgressCaption && (
+            <View
+                style={{
+                    position: "absolute",
+                    left: `${progress <0.98 ? (progress * 100) : (progress * 100)-7}%`,
+                    transform: [{ translateX: -10 }],
+                    top: -6 
+                }}
+            >
+                <View
+        style={{
+            backgroundColor: useDefaulMendixColor ? styles.fill.backgroundColor : customColor, // blue
+            borderRadius: 5,
+            paddingHorizontal: 8,
+            paddingVertical: 2,
+            minWidth: 40,
+            alignItems: "center",
+            justifyContent: "center"
+        }}
+    >
+                <Text  style={{
+                color: "#fff", // White caption text
+                fontWeight:"bold"
+            }}>
+                    { showDefaultProgressCaption ?(progress * 100)+'%' :progressCaption.value}
+                </Text>
+            </View>
             {validationMessages.length > 0 && (
                 <Text style={styles.validationMessage}>{validationMessages.join("\n")}</Text>
             )}
+        </View> )}
         </View>
     );
 }
diff --git a/packages/pluggableWidgets/progress-bar-native/src/ProgressBar.xml b/packages/pluggableWidgets/progress-bar-native/src/ProgressBar.xml
index f654efb3f..729951199 100644
--- a/packages/pluggableWidgets/progress-bar-native/src/ProgressBar.xml
+++ b/packages/pluggableWidgets/progress-bar-native/src/ProgressBar.xml
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="utf-8"?>
+<?xml version="1.0" encoding="utf-8" ?>
 <widget id="com.mendix.widget.native.progressbar.ProgressBar" supportedPlatform="Native" needsEntityContext="true" offlineCapable="true" pluginWidget="true" xmlns="http://www.mendix.com/widget/1.0/" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.mendix.com/widget/1.0/ ../../../node_modules/mendix/custom_widget.xsd">
     <name>Progress bar</name>
     <description>Display progress in a horizontal bar.</description>
@@ -7,24 +7,45 @@
     <properties>
         <propertyGroup caption="General">
             <propertyGroup caption="Data source">
-                <property key="progressValue" type="expression" defaultValue="0">
-                    <caption>Current value</caption>
-                    <description>The current progress value.</description>
-                    <returnType type="Decimal"/>
-                </property>
                 <property key="minimumValue" type="expression" defaultValue="0">
                     <caption>Minimum value</caption>
                     <description>The lowest possible progress value. If current value is lower than this value, progress will be still minimum value</description>
-                    <returnType type="Decimal"/>
+                    <returnType type="Decimal" />
                 </property>
                 <property key="maximumValue" type="expression" defaultValue="100">
                     <caption>Maximum value</caption>
                     <description>The highest possible progress value. If current value is higher than this value, progress will be still maximum value</description>
-                    <returnType type="Decimal"/>
+                    <returnType type="Decimal" />
+                </property>
+                <property key="progressValue" type="expression" defaultValue="0">
+                    <caption>Current value</caption>
+                    <description>The current progress value.</description>
+                    <returnType type="Decimal" />
+                </property>
+                <property key="showProgressCaption" type="boolean" defaultValue="true">
+                    <caption>Show Progress Caption</caption>
+                    <description />
+                </property>
+                <property key="showDefaultProgressCaption" type="boolean" defaultValue="true">
+                    <caption>Show Default Caption</caption>
+                    <description>e.g 70%</description>
+                </property>
+                <property key="progressCaption" type="textTemplate">
+                    <caption>Custom progress caption</caption>
+                    <description />
+                </property>
+                <property key="useDefaulMendixColor" type="boolean" defaultValue="true">
+                    <caption>Default Color</caption>
+                    <description>Use mendix default progress color</description>
+                </property>
+                <property key="customColor" type="string" required="false">
+                    <caption>Custom Color Code</caption>
+                    <description>HEX code e.g. #ff5733</description>
                 </property>
             </propertyGroup>
+
             <propertyGroup caption="Common">
-                <systemProperty key="Name"/>
+                <systemProperty key="Name" />
             </propertyGroup>
         </propertyGroup>
     </properties>
diff --git a/packages/pluggableWidgets/progress-bar-native/typings/ProgressBarProps.d.ts b/packages/pluggableWidgets/progress-bar-native/typings/ProgressBarProps.d.ts
index 145267a3f..16b1cf37b 100644
--- a/packages/pluggableWidgets/progress-bar-native/typings/ProgressBarProps.d.ts
+++ b/packages/pluggableWidgets/progress-bar-native/typings/ProgressBarProps.d.ts
@@ -10,9 +10,14 @@ import { Big } from "big.js";
 export interface ProgressBarProps<Style> {
     name: string;
     style: Style[];
-    progressValue: DynamicValue<Big>;
     minimumValue: DynamicValue<Big>;
     maximumValue: DynamicValue<Big>;
+    progressValue: DynamicValue<Big>;
+    showProgressCaption: boolean;
+    showDefaultProgressCaption: boolean;
+    progressCaption: DynamicValue<string>;
+    useDefaulMendixColor: boolean;
+    customColor: string;
 }
 
 export interface ProgressBarPreviewProps {
@@ -25,7 +30,12 @@ export interface ProgressBarPreviewProps {
     styleObject?: CSSProperties;
     readOnly: boolean;
     renderMode?: "design" | "xray" | "structure";
-    progressValue: string;
     minimumValue: string;
     maximumValue: string;
+    progressValue: string;
+    showProgressCaption: boolean;
+    showDefaultProgressCaption: boolean;
+    progressCaption: string;
+    useDefaulMendixColor: boolean;
+    customColor: string;
 }

From e6f51e20950fb49fdc8478d9b4a87bee1207c776 Mon Sep 17 00:00:00 2001
From: Mohmaed Shahin <mohamed.shahin@mendix.com>
Date: Fri, 11 Apr 2025 17:18:04 +0400
Subject: [PATCH 2/9] fix progress caption required

---
 .../pluggableWidgets/progress-bar-native/src/ProgressBar.xml    | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/pluggableWidgets/progress-bar-native/src/ProgressBar.xml b/packages/pluggableWidgets/progress-bar-native/src/ProgressBar.xml
index 729951199..628cc0d42 100644
--- a/packages/pluggableWidgets/progress-bar-native/src/ProgressBar.xml
+++ b/packages/pluggableWidgets/progress-bar-native/src/ProgressBar.xml
@@ -30,7 +30,7 @@
                     <caption>Show Default Caption</caption>
                     <description>e.g 70%</description>
                 </property>
-                <property key="progressCaption" type="textTemplate">
+                <property key="progressCaption" type="textTemplate" required="false">
                     <caption>Custom progress caption</caption>
                     <description />
                 </property>

From d8d5fe0f5cd119dc498b12baa156b698f6eb5912 Mon Sep 17 00:00:00 2001
From: Mohmaed Shahin <mohamed.shahin@mendix.com>
Date: Fri, 11 Apr 2025 17:19:02 +0400
Subject: [PATCH 3/9] fix progress caption required

---
 .../pluggableWidgets/progress-bar-native/src/ProgressBar.tsx    | 2 +-
 .../progress-bar-native/typings/ProgressBarProps.d.ts           | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/pluggableWidgets/progress-bar-native/src/ProgressBar.tsx b/packages/pluggableWidgets/progress-bar-native/src/ProgressBar.tsx
index 579cbbb02..03d144e18 100644
--- a/packages/pluggableWidgets/progress-bar-native/src/ProgressBar.tsx
+++ b/packages/pluggableWidgets/progress-bar-native/src/ProgressBar.tsx
@@ -89,7 +89,7 @@ export function ProgressBar(props: ProgressBarProps<ProgressBarStyle>): JSX.Elem
                 color: "#fff", // White caption text
                 fontWeight:"bold"
             }}>
-                    { showDefaultProgressCaption ?(progress * 100)+'%' :progressCaption.value}
+                    { showDefaultProgressCaption ?(progress * 100)+'%' :progressCaption?.value}
                 </Text>
             </View>
             {validationMessages.length > 0 && (
diff --git a/packages/pluggableWidgets/progress-bar-native/typings/ProgressBarProps.d.ts b/packages/pluggableWidgets/progress-bar-native/typings/ProgressBarProps.d.ts
index 16b1cf37b..3726612c9 100644
--- a/packages/pluggableWidgets/progress-bar-native/typings/ProgressBarProps.d.ts
+++ b/packages/pluggableWidgets/progress-bar-native/typings/ProgressBarProps.d.ts
@@ -15,7 +15,7 @@ export interface ProgressBarProps<Style> {
     progressValue: DynamicValue<Big>;
     showProgressCaption: boolean;
     showDefaultProgressCaption: boolean;
-    progressCaption: DynamicValue<string>;
+    progressCaption?: DynamicValue<string>;
     useDefaulMendixColor: boolean;
     customColor: string;
 }

From acadae41a855601a5b2431be07f26ad8acb26e5f Mon Sep 17 00:00:00 2001
From: Mohmaed Shahin <mohamed.shahin@mendix.com>
Date: Thu, 24 Apr 2025 14:03:08 +0400
Subject: [PATCH 4/9] fix caption alignment

---
 .../progress-bar-native/src/ProgressBar.tsx   | 50 +++++++++++++------
 .../progress-bar-native/src/ProgressBar.xml   |  6 ++-
 .../typings/ProgressBarProps.d.ts             |  2 +
 3 files changed, 43 insertions(+), 15 deletions(-)

diff --git a/packages/pluggableWidgets/progress-bar-native/src/ProgressBar.tsx b/packages/pluggableWidgets/progress-bar-native/src/ProgressBar.tsx
index 03d144e18..86c8115aa 100644
--- a/packages/pluggableWidgets/progress-bar-native/src/ProgressBar.tsx
+++ b/packages/pluggableWidgets/progress-bar-native/src/ProgressBar.tsx
@@ -1,7 +1,7 @@
 import { flattenStyles } from "@mendix/piw-native-utils-internal";
 import { isAvailable } from "@mendix/piw-utils-internal";
-import { createElement } from "react";
-import { Text, View } from "react-native";
+import { createElement,useState } from "react";
+import { Text, View,I18nManager,ViewStyle } from "react-native";
 import { Bar } from "react-native-progress";
 
 import { ProgressBarProps } from "../typings/ProgressBarProps";
@@ -11,7 +11,7 @@ export type Props = ProgressBarProps<ProgressBarStyle>;
 
 export function ProgressBar(props: ProgressBarProps<ProgressBarStyle>): JSX.Element {
     const styles = flattenStyles(defaultProgressBarStyle, props.style);
-
+    const [barWidth, setBarWidth] = useState(0);
     const validate = (): string[] => {
         const messages: string[] = [];
         const { minimumValue, maximumValue, progressValue } = props;
@@ -27,7 +27,29 @@ export function ProgressBar(props: ProgressBarProps<ProgressBarStyle>): JSX.Elem
         }
         return messages;
     };
+   // const screenWidth = Dimensions.get("window").width;
+    
+
+   const getCaptionStyle = (progress: number, barWidth: number): ViewStyle => {
+    const labelWidth = 50; // estimate or measure dynamically
+    const progressX = barWidth * progress;
+    const clampedLTR = Math.max(0, Math.min(progressX, barWidth - labelWidth));
+    const clampedRTL = Math.max(0, Math.min(barWidth - progressX, barWidth - labelWidth));
 
+    return I18nManager.isRTL
+        ? {
+              position: "absolute" as const,
+              right: clampedRTL,
+              top: -6,
+              transform: [{ translateX: 0 }]
+          }
+        : {
+              position: "absolute" as const,
+              left: clampedLTR,
+              top: -6,
+              transform: [{ translateX: 0 }]
+          };
+};
     const calculateProgress = (): number => {
         const { minimumValue, maximumValue, progressValue } = props;
 
@@ -52,9 +74,15 @@ export function ProgressBar(props: ProgressBarProps<ProgressBarStyle>): JSX.Elem
 
     const validationMessages = validate();
     const progress = calculateProgress();
-    const { showProgressCaption, showDefaultProgressCaption,progressCaption,useDefaulMendixColor,customColor} = props;
+    const { showProgressCaption, showDefaultProgressCaption,progressCaption,useDefaulMendixColor,customColor,customUnfilledColor} = props;
     return (
-        <View style={styles.container}>
+        <View
+    style={styles.container}
+    onLayout={event => {
+        const width = event.nativeEvent.layout.width;
+        setBarWidth(width);
+    }}
+>
     
             <Bar
                 testID={props.name}
@@ -62,18 +90,12 @@ export function ProgressBar(props: ProgressBarProps<ProgressBarStyle>): JSX.Elem
                 width={null}
                 progress={progress}
                 color={useDefaulMendixColor ? styles.fill.backgroundColor : customColor}
+                unfilledColor={useDefaulMendixColor ? "#fff" : customUnfilledColor}
                 borderWidth={styles.bar.borderWidth}
-                style={styles.bar}
+                //style={styles.bar}
             />
             {showProgressCaption && (
-            <View
-                style={{
-                    position: "absolute",
-                    left: `${progress <0.98 ? (progress * 100) : (progress * 100)-7}%`,
-                    transform: [{ translateX: -10 }],
-                    top: -6 
-                }}
-            >
+           <View style={getCaptionStyle(progress, barWidth)}>
                 <View
         style={{
             backgroundColor: useDefaulMendixColor ? styles.fill.backgroundColor : customColor, // blue
diff --git a/packages/pluggableWidgets/progress-bar-native/src/ProgressBar.xml b/packages/pluggableWidgets/progress-bar-native/src/ProgressBar.xml
index 628cc0d42..d6a22a5c3 100644
--- a/packages/pluggableWidgets/progress-bar-native/src/ProgressBar.xml
+++ b/packages/pluggableWidgets/progress-bar-native/src/ProgressBar.xml
@@ -39,7 +39,11 @@
                     <description>Use mendix default progress color</description>
                 </property>
                 <property key="customColor" type="string" required="false">
-                    <caption>Custom Color Code</caption>
+                    <caption>Filled Color Code</caption>
+                    <description>HEX code e.g. #ff5733</description>
+                </property>
+                <property key="customUnfilledColor" type="string" required="false">
+                    <caption>UnFilled Color Code</caption>
                     <description>HEX code e.g. #ff5733</description>
                 </property>
             </propertyGroup>
diff --git a/packages/pluggableWidgets/progress-bar-native/typings/ProgressBarProps.d.ts b/packages/pluggableWidgets/progress-bar-native/typings/ProgressBarProps.d.ts
index 3726612c9..2af8b7f89 100644
--- a/packages/pluggableWidgets/progress-bar-native/typings/ProgressBarProps.d.ts
+++ b/packages/pluggableWidgets/progress-bar-native/typings/ProgressBarProps.d.ts
@@ -18,6 +18,7 @@ export interface ProgressBarProps<Style> {
     progressCaption?: DynamicValue<string>;
     useDefaulMendixColor: boolean;
     customColor: string;
+    customUnfilledColor: string;
 }
 
 export interface ProgressBarPreviewProps {
@@ -38,4 +39,5 @@ export interface ProgressBarPreviewProps {
     progressCaption: string;
     useDefaulMendixColor: boolean;
     customColor: string;
+    customUnfilledColor: string;
 }

From 2ae20aebfbd2aa2d411c2c2a2f7b401fcf0117ff Mon Sep 17 00:00:00 2001
From: Mohmaed Shahin <mohamed.shahin@mendix.com>
Date: Thu, 15 May 2025 23:21:44 +0400
Subject: [PATCH 5/9] update chart widget

---
 .../mobile-resources-native/package.json      |   2 +-
 .../src/PieDoughnutChart.tsx                  |   3 +-
 .../src/PieDoughnutChart.xml                  |  44 +++++----
 .../src/components/PieDoughnutChart.tsx       |   4 +-
 .../typings/PieDoughnutChartProps.d.ts        |   2 +
 .../uaepass-web-view-native/CHANGELOG.md      |  55 +++++++++++
 .../uaepass-web-view-native/README.md         |   3 +
 .../uaepass-web-view-native/detox.config.js   |   1 +
 .../e2e/specs/WebView.spec.ts                 |  87 ++++++++++++++++++
 .../e2e/specs/maestro/WebView_Custom.yaml     |  13 +++
 .../e2e/specs/maestro/WebView_Events.yaml     |  12 +++
 .../specs/maestro/WebView_Events_android.yaml |  21 +++++
 .../e2e/specs/maestro/WebView_Events_ios.yaml |  20 ++++
 .../e2e/specs/maestro/WebView_External.yaml   |  12 +++
 .../e2e/specs/maestro/WebView_HTML.yaml       |  12 +++
 .../e2e/specs/maestro/WebView_NoContent.yaml  |  12 +++
 .../e2e/specs/maestro/WebView_URL.yaml        |  12 +++
 .../e2e/specs/maestro/WebView_UserAgent.yaml  |  12 +++
 .../uaepass-web-view-native/package.json      |  36 ++++++++
 .../src/WebView.editorConfig.ts               |  52 +++++++++++
 .../src/WebView.icon.dark.png                 | Bin 0 -> 2531 bytes
 .../src/WebView.icon.png                      | Bin 0 -> 2836 bytes
 .../src/WebView.tile.dark.png                 | Bin 0 -> 8914 bytes
 .../src/WebView.tile.png                      | Bin 0 -> 9491 bytes
 .../uaepass-web-view-native/src/WebView.tsx   |  76 +++++++++++++++
 .../uaepass-web-view-native/src/WebView.xml   |  52 +++++++++++
 .../src/__tests__/WebView.spec.tsx            |  69 ++++++++++++++
 .../__snapshots__/WebView.spec.tsx.snap       |  85 +++++++++++++++++
 .../src/assets/WebViewGlobe.dark.svg          |   3 +
 .../src/assets/WebViewGlobe.light.svg         |   3 +
 .../uaepass-web-view-native/src/package.xml   |  11 +++
 .../uaepass-web-view-native/src/ui/Styles.ts  |  21 +++++
 .../uaepass-web-view-native/tsconfig.json     |   8 ++
 .../typings/WebViewProps.d.ts                 |  40 ++++++++
 .../uaepass-web-view-native/typings/svg.d.ts  |   4 +
 yarn.lock                                     |  12 +++
 36 files changed, 773 insertions(+), 26 deletions(-)
 create mode 100644 packages/pluggableWidgets/uaepass-web-view-native/CHANGELOG.md
 create mode 100644 packages/pluggableWidgets/uaepass-web-view-native/README.md
 create mode 100644 packages/pluggableWidgets/uaepass-web-view-native/detox.config.js
 create mode 100644 packages/pluggableWidgets/uaepass-web-view-native/e2e/specs/WebView.spec.ts
 create mode 100644 packages/pluggableWidgets/uaepass-web-view-native/e2e/specs/maestro/WebView_Custom.yaml
 create mode 100644 packages/pluggableWidgets/uaepass-web-view-native/e2e/specs/maestro/WebView_Events.yaml
 create mode 100644 packages/pluggableWidgets/uaepass-web-view-native/e2e/specs/maestro/WebView_Events_android.yaml
 create mode 100644 packages/pluggableWidgets/uaepass-web-view-native/e2e/specs/maestro/WebView_Events_ios.yaml
 create mode 100644 packages/pluggableWidgets/uaepass-web-view-native/e2e/specs/maestro/WebView_External.yaml
 create mode 100644 packages/pluggableWidgets/uaepass-web-view-native/e2e/specs/maestro/WebView_HTML.yaml
 create mode 100644 packages/pluggableWidgets/uaepass-web-view-native/e2e/specs/maestro/WebView_NoContent.yaml
 create mode 100644 packages/pluggableWidgets/uaepass-web-view-native/e2e/specs/maestro/WebView_URL.yaml
 create mode 100644 packages/pluggableWidgets/uaepass-web-view-native/e2e/specs/maestro/WebView_UserAgent.yaml
 create mode 100644 packages/pluggableWidgets/uaepass-web-view-native/package.json
 create mode 100644 packages/pluggableWidgets/uaepass-web-view-native/src/WebView.editorConfig.ts
 create mode 100755 packages/pluggableWidgets/uaepass-web-view-native/src/WebView.icon.dark.png
 create mode 100755 packages/pluggableWidgets/uaepass-web-view-native/src/WebView.icon.png
 create mode 100755 packages/pluggableWidgets/uaepass-web-view-native/src/WebView.tile.dark.png
 create mode 100755 packages/pluggableWidgets/uaepass-web-view-native/src/WebView.tile.png
 create mode 100644 packages/pluggableWidgets/uaepass-web-view-native/src/WebView.tsx
 create mode 100644 packages/pluggableWidgets/uaepass-web-view-native/src/WebView.xml
 create mode 100644 packages/pluggableWidgets/uaepass-web-view-native/src/__tests__/WebView.spec.tsx
 create mode 100644 packages/pluggableWidgets/uaepass-web-view-native/src/__tests__/__snapshots__/WebView.spec.tsx.snap
 create mode 100644 packages/pluggableWidgets/uaepass-web-view-native/src/assets/WebViewGlobe.dark.svg
 create mode 100644 packages/pluggableWidgets/uaepass-web-view-native/src/assets/WebViewGlobe.light.svg
 create mode 100644 packages/pluggableWidgets/uaepass-web-view-native/src/package.xml
 create mode 100644 packages/pluggableWidgets/uaepass-web-view-native/src/ui/Styles.ts
 create mode 100644 packages/pluggableWidgets/uaepass-web-view-native/tsconfig.json
 create mode 100644 packages/pluggableWidgets/uaepass-web-view-native/typings/WebViewProps.d.ts
 create mode 100644 packages/pluggableWidgets/uaepass-web-view-native/typings/svg.d.ts

diff --git a/packages/jsActions/mobile-resources-native/package.json b/packages/jsActions/mobile-resources-native/package.json
index c003ad8ab..960c8bc25 100644
--- a/packages/jsActions/mobile-resources-native/package.json
+++ b/packages/jsActions/mobile-resources-native/package.json
@@ -54,4 +54,4 @@
     "rimraf": "^4.4.1",
     "rollup": "^2.79.2"
   }
-}
\ No newline at end of file
+}
diff --git a/packages/pluggableWidgets/pie-doughnut-chart-native/src/PieDoughnutChart.tsx b/packages/pluggableWidgets/pie-doughnut-chart-native/src/PieDoughnutChart.tsx
index 5ff2243c6..7c17858f5 100644
--- a/packages/pluggableWidgets/pie-doughnut-chart-native/src/PieDoughnutChart.tsx
+++ b/packages/pluggableWidgets/pie-doughnut-chart-native/src/PieDoughnutChart.tsx
@@ -7,7 +7,7 @@ import { ChartStyle, defaultStyle } from "./ui/Styles";
 import { useSeries } from "./utils/SeriesLoader";
 
 export function PieDoughnutChart(props: PieDoughnutChartProps<ChartStyle>): ReactElement | null {
-    const { series: chartSeries, style, name, sortOrder, ...rest } = props;
+    const { series: chartSeries, style, name, sortOrder,slicespace, ...rest } = props;
     const series = useSeries(chartSeries, name);
 
     if (!series) {
@@ -17,6 +17,7 @@ export function PieDoughnutChart(props: PieDoughnutChartProps<ChartStyle>): Reac
     return (
         <PieDoughnutChartComponent
             name={name}
+            slicespace = {slicespace}
             series={series
                 .flatMap(_series => _series.slices)
                 .sort((a, b) => (sortOrder === "ascending" ? a.y - b.y : b.y - a.y))}
diff --git a/packages/pluggableWidgets/pie-doughnut-chart-native/src/PieDoughnutChart.xml b/packages/pluggableWidgets/pie-doughnut-chart-native/src/PieDoughnutChart.xml
index 731dde6fd..7e988b85c 100644
--- a/packages/pluggableWidgets/pie-doughnut-chart-native/src/PieDoughnutChart.xml
+++ b/packages/pluggableWidgets/pie-doughnut-chart-native/src/PieDoughnutChart.xml
@@ -1,8 +1,5 @@
 <?xml version="1.0" encoding="utf-8" ?>
-<widget id="com.mendix.widget.native.piedoughnutchart.PieDoughnutChart" supportedPlatform="Native" offlineCapable="true"
-        pluginWidget="true" xmlns="http://www.mendix.com/widget/1.0/"
-        xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
-        xsi:schemaLocation="http://www.mendix.com/widget/1.0/ ../../../../node_modules/mendix/custom_widget.xsd">
+<widget id="com.mendix.widget.native.piedoughnutchart.PieDoughnutChart" supportedPlatform="Native" offlineCapable="true" pluginWidget="true" xmlns="http://www.mendix.com/widget/1.0/" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.mendix.com/widget/1.0/ ../../../../node_modules/mendix/custom_widget.xsd">
     <name>Pie Doughnut Chart</name>
     <description>Render a series of data in a Pie or Doughnut chart.</description>
     <studioProCategory>Charts</studioProCategory>
@@ -12,7 +9,7 @@
             <propertyGroup caption="Presentation">
                 <property key="presentation" type="enumeration" defaultValue="pie">
                     <caption>Presentation</caption>
-                    <description/>
+                    <description />
                     <enumerationValues>
                         <enumerationValue key="pie">Pie</enumerationValue>
                         <enumerationValue key="doughnut">Doughnut</enumerationValue>
@@ -29,34 +26,31 @@
                                 <caption>Data source</caption>
                                 <description>Data points for individual series.</description>
                             </property>
-                            <property key="XAttribute" type="attribute"
-                                      dataSource="dataSource">
+                            <property key="XAttribute" type="attribute" dataSource="dataSource">
                                 <caption>X attribute</caption>
-                                <description/>
+                                <description />
                                 <attributeTypes>
-                                    <attributeType name="DateTime"/>
-                                    <attributeType name="String"/>
-                                    <attributeType name="Enum"/>
+                                    <attributeType name="DateTime" />
+                                    <attributeType name="String" />
+                                    <attributeType name="Enum" />
                                 </attributeTypes>
                             </property>
-                            <property key="YAttribute" type="attribute"
-                                      dataSource="dataSource">
+                            <property key="YAttribute" type="attribute" dataSource="dataSource">
                                 <caption>Y attribute</caption>
-                                <description/>
+                                <description />
                                 <attributeTypes>
-                                    <attributeType name="Decimal"/>
-                                    <attributeType name="Integer"/>
-                                    <attributeType name="Long"/>
+                                    <attributeType name="Decimal" />
+                                    <attributeType name="Integer" />
+                                    <attributeType name="Long" />
                                 </attributeTypes>
                             </property>
                             <property key="sliceStylingKey" type="attribute" dataSource="dataSource" required="false">
                                 <caption>Dynamic styling key</caption>
                                 <description>Configure which attribute is used as the key that matches with styling defined in Atlas.</description>
                                 <attributeTypes>
-                                    <attributeType name="String"/>
-                                    <attributeType name="Enum"/>
+                                    <attributeType name="String" />
+                                    <attributeType name="Enum" />
                                 </attributeTypes>
-
                             </property>
                         </propertyGroup>
                     </properties>
@@ -73,12 +67,16 @@
             <propertyGroup caption="Chart settings">
                 <property key="showLabels" type="boolean" defaultValue="true">
                     <caption>Show labels</caption>
-                    <description/>
+                    <description />
+                </property>
+                <property key="slicespace" type="integer" defaultValue="0">
+                    <caption>Space between slices</caption>
+                    <description />
                 </property>
             </propertyGroup>
             <propertyGroup caption="Common">
-                <systemProperty key="Name"/>
-                <systemProperty key="Visibility"/>
+                <systemProperty key="Name" />
+                <systemProperty key="Visibility" />
             </propertyGroup>
         </propertyGroup>
     </properties>
diff --git a/packages/pluggableWidgets/pie-doughnut-chart-native/src/components/PieDoughnutChart.tsx b/packages/pluggableWidgets/pie-doughnut-chart-native/src/components/PieDoughnutChart.tsx
index c563f7434..a25dad6b3 100644
--- a/packages/pluggableWidgets/pie-doughnut-chart-native/src/components/PieDoughnutChart.tsx
+++ b/packages/pluggableWidgets/pie-doughnut-chart-native/src/components/PieDoughnutChart.tsx
@@ -16,6 +16,7 @@ export interface ChartProps {
     style: ChartStyle;
     presentation: string;
     showLabels: boolean;
+    slicespace: number;
 }
 
 export type DataPoints = Array<Slice<string, number>>;
@@ -26,7 +27,7 @@ export interface Slice<X extends string, Y extends number> {
     stylingKey: Option<string>;
 }
 
-export function PieDoughnutChart({ name, presentation, series, style, showLabels }: ChartProps): ReactElement | null {
+export function PieDoughnutChart({ name, presentation, series, style, showLabels,slicespace }: ChartProps): ReactElement | null {
     // due to the nature of the chart type, we only reply on the width, as the chart is always a square
     const [chartDimensions, setChartDimensions] = useState<{ width?: number }>();
     // Chart user-styling may be missing for certain slices. A palette is passed, any missing colours
@@ -94,6 +95,7 @@ export function PieDoughnutChart({ name, presentation, series, style, showLabels
                                 : undefined
                         }
                         colorScale={normalizedSliceColors}
+                        padAngle={slicespace}
                     />
                 ) : null}
             </View>
diff --git a/packages/pluggableWidgets/pie-doughnut-chart-native/typings/PieDoughnutChartProps.d.ts b/packages/pluggableWidgets/pie-doughnut-chart-native/typings/PieDoughnutChartProps.d.ts
index d01cf0145..0f6b4a0e8 100644
--- a/packages/pluggableWidgets/pie-doughnut-chart-native/typings/PieDoughnutChartProps.d.ts
+++ b/packages/pluggableWidgets/pie-doughnut-chart-native/typings/PieDoughnutChartProps.d.ts
@@ -32,6 +32,7 @@ export interface PieDoughnutChartProps<Style> {
     series: SeriesType[];
     sortOrder: SortOrderEnum;
     showLabels: boolean;
+    slicespace: number;
 }
 
 export interface PieDoughnutChartPreviewProps {
@@ -48,4 +49,5 @@ export interface PieDoughnutChartPreviewProps {
     series: SeriesPreviewType[];
     sortOrder: SortOrderEnum;
     showLabels: boolean;
+    slicespace: number | null;
 }
diff --git a/packages/pluggableWidgets/uaepass-web-view-native/CHANGELOG.md b/packages/pluggableWidgets/uaepass-web-view-native/CHANGELOG.md
new file mode 100644
index 000000000..ec14537e0
--- /dev/null
+++ b/packages/pluggableWidgets/uaepass-web-view-native/CHANGELOG.md
@@ -0,0 +1,55 @@
+# Changelog
+
+All notable changes to this widget will be documented in this file.
+
+The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/), and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
+
+## [Unreleased]
+
+-   Updated react-native-webview from version v13.12.5 to latest to support react-native 0.77
+
+## [4.2.0] - 2025-3-31
+
+### Changed
+
+-   Updated react-native-webview from version v11.26.1 to v13.12.5
+
+## [4.1.0] - 2024-12-3
+
+### Changed
+
+-   Updated @mendix/pluggable-widgets-tools from version v9.0.0 to v10.15.0.
+
+## [4.0.0] - 2023-3-28
+
+## BREAKING
+
+-   We made the widget compatible with React Native 0.70.7
+
+## [3.2.0] - 2022-04-07
+
+### Added
+
+-   Structure mode preview
+
+## [3.1.1] - 2022-02-21
+
+### Fixed
+
+-   Fixed 'Open links externally' behavior. Webview no longer directly opens externally when this option is selected and url contains unexpected capitals (in http(s) part) or does not end with a slash.
+
+### Added
+
+-   More test ids
+
+## [3.1.0] - 2022-01-24
+
+### Added
+
+-   Dark theme icons for Tile and List view.
+
+## [3.0.0] - 2021-09-28
+
+### Added
+
+-   We added a toolbox category and toolbox tile image for Studio & Studio Pro.
diff --git a/packages/pluggableWidgets/uaepass-web-view-native/README.md b/packages/pluggableWidgets/uaepass-web-view-native/README.md
new file mode 100644
index 000000000..81fdcf706
--- /dev/null
+++ b/packages/pluggableWidgets/uaepass-web-view-native/README.md
@@ -0,0 +1,3 @@
+# Web view widget
+
+Display an external web page or load custom HTML.
diff --git a/packages/pluggableWidgets/uaepass-web-view-native/detox.config.js b/packages/pluggableWidgets/uaepass-web-view-native/detox.config.js
new file mode 100644
index 000000000..485e79435
--- /dev/null
+++ b/packages/pluggableWidgets/uaepass-web-view-native/detox.config.js
@@ -0,0 +1 @@
+module.exports = require("../../../detox/detox.config.js");
diff --git a/packages/pluggableWidgets/uaepass-web-view-native/e2e/specs/WebView.spec.ts b/packages/pluggableWidgets/uaepass-web-view-native/e2e/specs/WebView.spec.ts
new file mode 100644
index 000000000..f4c1ec115
--- /dev/null
+++ b/packages/pluggableWidgets/uaepass-web-view-native/e2e/specs/WebView.spec.ts
@@ -0,0 +1,87 @@
+import {
+    expectToMatchScreenshot,
+    launchApp,
+    sessionLogout,
+    sleep,
+    tapMenuItem
+} from "../../../../../detox/src/helpers";
+import { expect, element, by, waitFor } from "detox";
+import { Alert } from "../../../../../detox/src/Alert";
+
+const timeout = 10000;
+
+describe("Web view", () => {
+    beforeEach(async () => {
+        await launchApp();
+        await tapMenuItem("Web view");
+    });
+
+    afterEach(async () => {
+        await sessionLogout();
+    });
+
+    it("should render messge if no content is provided", async () => {
+        await element(by.text("NoContent")).tap();
+
+        await expect(element(by.text("No URL or content was provided."))).toExist();
+    });
+
+    it("should open URL inline", async () => {
+        await element(by.text("URL")).tap();
+
+        await waitForAndCloseOnLoadAlert();
+
+        await expectToMatchScreenshot(element(by.id("webViewURL")));
+    });
+
+    it("should show HTML content inline", async () => {
+        await element(by.text("HTML")).tap();
+
+        await waitForAndCloseOnLoadAlert();
+
+        await expectToMatchScreenshot(element(by.id("webViewHTML")));
+    });
+
+    it("should trigger events on load and on error", async () => {
+        await element(by.text("Events")).tap();
+
+        await waitForAndCloseOnLoadAlert();
+
+        await element(by.text("Invalid URL")).tap();
+        await waitFor(Alert().messageElement).toHaveText("Something went wrong").withTimeout(timeout);
+    });
+
+    it("should show custom styling", async () => {
+        await element(by.text("Custom")).tap();
+
+        await waitForAndCloseOnLoadAlert();
+
+        await expectToMatchScreenshot(element(by.id("webViewCustom")));
+    });
+
+    it("should send along custom user agent", async () => {
+        await element(by.text("UserAgent")).tap();
+
+        await waitForAndCloseOnLoadAlert();
+
+        await expectToMatchScreenshot(element(by.id("webViewUserAgent")));
+    });
+
+    // Skipping this test for Android because link is not clickable in web view
+    // eslint-disable-next-line jest/no-disabled-tests
+    it.skip("ios-should open URL externally", async () => {
+        await element(by.text("External")).tap();
+
+        await waitForAndCloseOnLoadAlert();
+
+        await element(by.id("webViewExternal")).tap({ x: 3, y: 3 });
+        await sleep(timeout);
+        await expectToMatchScreenshot();
+    });
+});
+
+async function waitForAndCloseOnLoadAlert(): Promise<void> {
+    const alert = Alert();
+    await waitFor(alert.messageElement).toHaveText("URL loaded").withTimeout(timeout);
+    await alert.confirm();
+}
diff --git a/packages/pluggableWidgets/uaepass-web-view-native/e2e/specs/maestro/WebView_Custom.yaml b/packages/pluggableWidgets/uaepass-web-view-native/e2e/specs/maestro/WebView_Custom.yaml
new file mode 100644
index 000000000..256861033
--- /dev/null
+++ b/packages/pluggableWidgets/uaepass-web-view-native/e2e/specs/maestro/WebView_Custom.yaml
@@ -0,0 +1,13 @@
+appId: "${APP_ID}"
+---
+- runFlow:
+    file: "../../../../../../maestro/Precondition.yaml"
+- tapOn:
+    text: "W"
+- tapOn: 
+    text: "Web view"
+- tapOn: 
+    text: "Custom"
+- assertVisible:
+    text: "URL loaded"
+
diff --git a/packages/pluggableWidgets/uaepass-web-view-native/e2e/specs/maestro/WebView_Events.yaml b/packages/pluggableWidgets/uaepass-web-view-native/e2e/specs/maestro/WebView_Events.yaml
new file mode 100644
index 000000000..f417eb958
--- /dev/null
+++ b/packages/pluggableWidgets/uaepass-web-view-native/e2e/specs/maestro/WebView_Events.yaml
@@ -0,0 +1,12 @@
+appId: "${APP_ID}"
+platform: "${PLATFORM}"
+---
+- runFlow:
+    when:
+      platform: ios
+    file: ../../../../../../packages/pluggableWidgets/web-view-native/e2e/specs/maestro/WebView_Events_ios.yaml
+- runFlow:
+    when:
+      platform: android
+    file: ../../../../../../packages/pluggableWidgets/web-view-native/e2e/specs/maestro/WebView_Events_android.yaml
+
diff --git a/packages/pluggableWidgets/uaepass-web-view-native/e2e/specs/maestro/WebView_Events_android.yaml b/packages/pluggableWidgets/uaepass-web-view-native/e2e/specs/maestro/WebView_Events_android.yaml
new file mode 100644
index 000000000..ad4e571ce
--- /dev/null
+++ b/packages/pluggableWidgets/uaepass-web-view-native/e2e/specs/maestro/WebView_Events_android.yaml
@@ -0,0 +1,21 @@
+appId: "${APP_ID}"
+---
+- runFlow:
+    file: "../../../../../../maestro/Precondition.yaml"
+- tapOn:
+    text: "W"
+- tapOn: 
+    text: "Web view"
+- tapOn: 
+    text: "Events"
+- assertVisible:
+    text: "URL loaded"
+    optional: true
+- tapOn:
+    text: "OK"
+    optional: true
+- tapOn:
+    text: "Invalid URL"
+- assertVisible:
+    text: "Error"
+    optional: true
diff --git a/packages/pluggableWidgets/uaepass-web-view-native/e2e/specs/maestro/WebView_Events_ios.yaml b/packages/pluggableWidgets/uaepass-web-view-native/e2e/specs/maestro/WebView_Events_ios.yaml
new file mode 100644
index 000000000..0b87db13d
--- /dev/null
+++ b/packages/pluggableWidgets/uaepass-web-view-native/e2e/specs/maestro/WebView_Events_ios.yaml
@@ -0,0 +1,20 @@
+appId: "${APP_ID}"
+---
+- runFlow:
+    file: "../../../../../../maestro/Precondition.yaml"
+- tapOn:
+    text: "W"
+- tapOn: 
+    text: "Web view"
+- tapOn: 
+    text: "Events"
+- extendedWaitUntil:
+    visible: "URL loaded"
+    timeout: 30000
+- tapOn: 
+    text: "OK"
+- tapOn: 
+    text: "Invalid URL"
+- extendedWaitUntil:
+    visible: "Error"
+    timeout: 30000
\ No newline at end of file
diff --git a/packages/pluggableWidgets/uaepass-web-view-native/e2e/specs/maestro/WebView_External.yaml b/packages/pluggableWidgets/uaepass-web-view-native/e2e/specs/maestro/WebView_External.yaml
new file mode 100644
index 000000000..9ff03a7fc
--- /dev/null
+++ b/packages/pluggableWidgets/uaepass-web-view-native/e2e/specs/maestro/WebView_External.yaml
@@ -0,0 +1,12 @@
+appId: "${APP_ID}"
+---
+- runFlow:
+    file: "../../../../../../maestro/Precondition.yaml"
+- tapOn:
+    text: "W"
+- tapOn: 
+    text: "Web view"
+- tapOn: 
+    text: "External"
+- assertVisible:
+    text: "URL loaded"
diff --git a/packages/pluggableWidgets/uaepass-web-view-native/e2e/specs/maestro/WebView_HTML.yaml b/packages/pluggableWidgets/uaepass-web-view-native/e2e/specs/maestro/WebView_HTML.yaml
new file mode 100644
index 000000000..5d0c777d8
--- /dev/null
+++ b/packages/pluggableWidgets/uaepass-web-view-native/e2e/specs/maestro/WebView_HTML.yaml
@@ -0,0 +1,12 @@
+appId: "${APP_ID}"
+---
+- runFlow:
+    file: "../../../../../../maestro/Precondition.yaml"
+- tapOn:
+    text: "W"
+- tapOn: 
+    text: "Web view"
+- tapOn: 
+    text: "HTML"
+- assertVisible: 
+    text: "URL loaded"
diff --git a/packages/pluggableWidgets/uaepass-web-view-native/e2e/specs/maestro/WebView_NoContent.yaml b/packages/pluggableWidgets/uaepass-web-view-native/e2e/specs/maestro/WebView_NoContent.yaml
new file mode 100644
index 000000000..86bdfe121
--- /dev/null
+++ b/packages/pluggableWidgets/uaepass-web-view-native/e2e/specs/maestro/WebView_NoContent.yaml
@@ -0,0 +1,12 @@
+appId: "${APP_ID}"
+---
+- runFlow:
+    file: "../../../../../../maestro/Precondition.yaml"
+- tapOn:
+    text: "W"
+- tapOn: 
+    text: "Web view"
+- tapOn: 
+    text: "NoContent"
+- assertVisible: 
+    text: "No URL or content was provided."
diff --git a/packages/pluggableWidgets/uaepass-web-view-native/e2e/specs/maestro/WebView_URL.yaml b/packages/pluggableWidgets/uaepass-web-view-native/e2e/specs/maestro/WebView_URL.yaml
new file mode 100644
index 000000000..7ee208bb3
--- /dev/null
+++ b/packages/pluggableWidgets/uaepass-web-view-native/e2e/specs/maestro/WebView_URL.yaml
@@ -0,0 +1,12 @@
+appId: "${APP_ID}"
+---
+- runFlow:
+    file: "../../../../../../maestro/Precondition.yaml"
+- tapOn:
+    text: "W"
+- tapOn: 
+    text: "Web view"
+- tapOn: 
+    text: "URL"
+- assertVisible: 
+    text: "URL loaded"
diff --git a/packages/pluggableWidgets/uaepass-web-view-native/e2e/specs/maestro/WebView_UserAgent.yaml b/packages/pluggableWidgets/uaepass-web-view-native/e2e/specs/maestro/WebView_UserAgent.yaml
new file mode 100644
index 000000000..f01fbb061
--- /dev/null
+++ b/packages/pluggableWidgets/uaepass-web-view-native/e2e/specs/maestro/WebView_UserAgent.yaml
@@ -0,0 +1,12 @@
+appId: "${APP_ID}"
+---
+- runFlow:
+    file: "../../../../../../maestro/Precondition.yaml"
+- tapOn:
+    text: "W"
+- tapOn: 
+    text: "Web view"
+- tapOn: 
+    text: "UserAgent"
+- assertVisible:
+    text: "URL loaded"
diff --git a/packages/pluggableWidgets/uaepass-web-view-native/package.json b/packages/pluggableWidgets/uaepass-web-view-native/package.json
new file mode 100644
index 000000000..19a712c9a
--- /dev/null
+++ b/packages/pluggableWidgets/uaepass-web-view-native/package.json
@@ -0,0 +1,36 @@
+{
+  "name": "uaepass-web-view-native",
+  "widgetName": "WebView",
+  "version": "4.3.0",
+  "license": "Apache-2.0",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/mendix/native-widgets.git"
+  },
+  "config": {},
+  "packagePath": "com.mendix.widget.native.uaepass",
+  "scripts": {
+    "start": "pluggable-widgets-tools start:native",
+    "build": "pluggable-widgets-tools build:native",
+    "format": "pluggable-widgets-tools format",
+    "release": "pluggable-widgets-tools release:native",
+    "lint": "eslint --config ../../../.eslintrc.js --ext .jsx,.js,.ts,.tsx src/",
+    "test": "pluggable-widgets-tools test:unit:native",
+    "test:e2e:android": "detox test --configuration android.emulator.developerapp",
+    "test:e2e:ios": "detox test --configuration ios.simulator.developerapp",
+    "debug:e2e:android": "detox test --record-logs all -l trace --configuration android.emulator.developerapp",
+    "debug:e2e:ios": "detox test --record-logs all -l trace --configuration ios.simulator.developerapp",
+    "test:e2e:android:update-snapshot": "detox test --updateSnapshot --configuration android.emulator.developerapp",
+    "test:e2e:ios:update-snapshot": "detox test --updateSnapshot --configuration ios.simulator.developerapp",
+    "version": "yarn release"
+  },
+  "dependencies": {
+    "@mendix/piw-native-utils-internal": "*",
+    "@mendix/piw-utils-internal": "*",
+    "react-native-webview": "13.13.2"
+  },
+  "devDependencies": {
+    "@mendix/pluggable-widgets-tools": "~10.0.1",
+    "eslint": "^7.32.0"
+  }
+}
diff --git a/packages/pluggableWidgets/uaepass-web-view-native/src/WebView.editorConfig.ts b/packages/pluggableWidgets/uaepass-web-view-native/src/WebView.editorConfig.ts
new file mode 100644
index 000000000..2b72fc58c
--- /dev/null
+++ b/packages/pluggableWidgets/uaepass-web-view-native/src/WebView.editorConfig.ts
@@ -0,0 +1,52 @@
+import { StructurePreviewProps, getColors } from "@mendix/piw-utils-internal";
+
+import vewViewGlobeDark from "./assets/WebViewGlobe.dark.svg";
+import vewViewGlobeLight from "./assets/WebViewGlobe.light.svg";
+
+import { WebViewPreviewProps } from "../typings/WebViewProps";
+
+export const getPreview = (values: WebViewPreviewProps, isDarkMode: boolean): StructurePreviewProps => {
+    const colors = getColors(isDarkMode);
+    return {
+        type: "Container",
+        borders: true,
+        backgroundColor: colors.background.shade,
+        children: [
+            {
+                type: "RowLayout",
+                columnSize: "grow",
+                padding: 12,
+                children: [
+                    {
+                        type: "Container"
+                    },
+                    {
+                        type: "Image",
+                        document: decodeURIComponent(
+                            (isDarkMode ? vewViewGlobeDark : vewViewGlobeLight).replace("data:image/svg+xml,", "")
+                        ),
+                        width: 30
+                    },
+                    {
+                        type: "Container",
+                        padding: 6,
+                        children: [
+                            {
+                                type: "Text",
+                                fontColor: colors.text.primary,
+                                content: !values.content
+                                    ? values.url
+                                        ? `[${values.url}]`
+                                        : "Configure your webpage"
+                                    : "HTML Content"
+                            }
+                        ]
+                    },
+                    {
+                        type: "Container"
+                    }
+                ]
+            }
+        ]
+    };
+};
diff --git a/packages/pluggableWidgets/uaepass-web-view-native/src/WebView.icon.dark.png b/packages/pluggableWidgets/uaepass-web-view-native/src/WebView.icon.dark.png
new file mode 100755
index 0000000000000000000000000000000000000000..307bc9654ad7fb45c5358856ffc2d641cd30737c
GIT binary patch
literal 2531
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
TpP#b*`!POacKX>V=iC1Qltzi>

literal 0
HcmV?d00001

diff --git a/packages/pluggableWidgets/uaepass-web-view-native/src/WebView.icon.png b/packages/pluggableWidgets/uaepass-web-view-native/src/WebView.icon.png
new file mode 100755
index 0000000000000000000000000000000000000000..59f812eb3c5d25b754347ec3f3fb3fc46d12fde9
GIT binary patch
literal 2836
zcmYLLc{tQ<8~u&7F^!Nxc6l?X7~AB{(vWS)kS#{2Y$IgJHbNsxWs3&c_caocFt)7O
zM}rtmc8am5lI5Ge@4epdxvuk^^PKzK_doYP&l6LOK9oa{0{{Rh+CayQ!Kgnt#>TkI
z+<a&ZVsX_n)&hX4c*y=uR>oW0(ZI|Y0D`3efDj1)dkl-P3;_NJ0QhzT04}}&0DkX`
zhO6p~LXfjH+QrxykY(s&01HSE_%i{-fF?-jU#$m{2AKcrGXX%98^H2U2E*V#=LQ3R
zdj7}EIiP>i3@?Z2-!v+R`Tv@c2GSzZPz(Zl8`#_h0M3p-041H}6aoMaHnfhGMG%N?
zJK!bM4a=S=^uU6#d&#!rC{RAy&Kzet?{cwto)=pMnb0uc^tf=L?|@zBNAh!e7Ed2x
zSy(prkSkO+STS_FkUKW4qt4@yNeSin0Tw9LQb#fKa&fIUdMf)23*p+P^{4-Eq4ksS
z+b+@_ZGk!A%uv#x;IpIX!SNxxS9|8OL{oc9Bg==w9P@0+t6ZvK)n^Ot=u>CWD>UEk
zyj0Z&FOHHSyE3%QN)}~X+vwYds)KX^PT%m0XT@i?_;&HiK^>TBrMwmCYs$64F$kCN
zJXowsy<-)pZrv0b*b#jB1H6bZQQrp{`FLR$F?m_2m!lmmduxa>HB|7YB36spy*xp;
z)t0;{1ieZtBkFi*8P!`9@Z^If>DhNGLPe`d32hoO({qrNN{(Ei!K*0^XKQfX&Lb9a
zynB-eqiPrM?n8&WBYC?E&@6V^`Hi0#gTK8N*Kc8a+)rHd5+Vf{ZA)Cr?l4xkci0QX
zRfd1HMoJI+ly<t37t@#g(Hi00H9~<aZQn#FN-g(~R$dl+Wxx2FBW#_X+*6lVL5phe
zTZWjF<eTdF*Oi~hg^KOZ&Nn7i9&P?;nQ+$KNPwXpt!1X3y#H{zo(RO!jZ!p2-UT#%
z-~aWoA`oLi#^;kIiVpCyMx(l2n}H^p--$;utvaR7_>!I5q2Hs&#*g;P{P$B@>Q~HI
zcn@h*c$l5q;kJWD@F8h#o}Q?WmpmW-saNdRp@M9xBw6hHN(gqGpHKGiWhu1hn1Sih
za|qrlBw)>qnF_CC|BSo)+xq3`s?_y8wrj1^U57e}PzyiG;;tJ;O}ZZ-#e}%Ny>yVB
zWU(|u(kWAJS2Ia!swlmfNSMx)?_W_Tm-?<tJ#rqlak3;y7P873HAlJk4H*1VYHj~3
z-t2bzeW%-*OABoeVT1&m2U__UsOCse@)<qHEA6^$RjuQ<k&W1|wiy;2zqq@>QY$9a
zrBEvy&)vXl=NxZeMbtcFnw5b&M~q4$EYiJH>m()x6@*nVV&J2T-BE3Z#55~>g}p<G
zHNJ|6GD9cw6pTb8Mxv2TkReOJUn;=6fAT=%o&OtmmmdlyIx1O}h08J34&60lF`K=c
ziL)M#FI-|q4o`_o$ah#Z@}6KB@@uW<*l-@2TDrMWT@?D>!O+fVTGetdA)FsoGi;)I
zDw!e^clQPFBHE|xt%w?@Al$g^G7M!dR@7<T_sRFwQhbrJAVh*roX?1{5OGIOjIJNx
z>m~0^+Pl=gQ6)~)2#b{gGMzkdzE4Y@?p{RZiPQklP|Kw*^s8%Y{^i`zt)iWSme$6a
zWX|iWFdCoGpatsw&O>s70a0%9xW`lq)$(km=gdP>ELA&|uX+CKb9~ZG4?2>~ReoQy
zHu|p+MHnHcV>D74Q;S<P2@P7G+}Iyx-|U}OV#+H}{3Z(<n73RPG7U}n=vJW^$WqKS
zDDfboX<Xn#9#tSYR>AOfmxNcpG-8%R1QU-uh?%oNxZG}+?W<wMu$CkuRf;<EPv@Ix
z*CJA4iwE31R6L}=={M&BbQ`%KJ^JA}1k@{XnHW7)3RoYSvsDpS*fd$f#l$vdX?!sg
zFTT8855!xpqCkwrVRgC`QTmwy;)Os8EFO7eixVqm<|;xxyx>8M09We2b{w<3E}Cl>
z?`>&Sak|mK5cHOx-JbqF^OLMlrv7KHmZq@Www#Q_o4oMH?)*MG#s$2nn=6svLTtL|
zDS4yzrq*7_`4A^w(cG%zT$+%lidBK!@8<QsJT@@|W$hk6yM{m1yBhvm3$C&T?%E%&
zM^<t~2zzHt6Pao#Fbsui^~E<tAO>fAgSgTp4?0sL;Q)5)MX;n96ck_7i>uW&PgOof
z5Fh^a9_fS}h!<Gbw6@dirDmsrj=D38!-U?XD~@pFOpPz!qr*&nj|V&^iGR@Fn0wJK
zfqok67qIr6RpuZ`ON!I<#8|RC=Y|47>26AzXrllbd%YkB$89xFk&xbk<{Q(ce<_JS
zHCuV4Fcrv^kd^H#k+sw`{nPu?&Z%kkNMzGx&?2~h`{Q85z+Y`i8&^QSfl_CbC5v}Q
z8=f|w?QO4n>sQ)Q7x0<Lv>H0TpfPcUCqz~;laKOwd$sByQO7EQx9YKAam2NW8Pzr!
zR`L9SC*I8$OdgSjABYs!X`BTVfCzmPqPCHT)YAq%s-3;3A&5LvGVu58G3@zZrn>@t
zgl)l-$RJfG)rmw<BvTpb^^dL5lW`|A%updutC^x{JGr`zvs~))&iL>v825JG)aos5
z$dHZ*{L)e>vJjYk?C+X!#GRHlM0A1`V7yqFQu(4m4fOOS9^S}^_rl^ZGGF!AvRMnl
z#VPm6wn);?;P=A6ciylRS$tg<=++OfVii=%!4XDJk;m+B@0r_Xa4fT*?6)!90Yj9(
z%w%@>jH%jhSF2lN>$G&4%S*{(Jmdgbf*{+B@yqbq)BJIz;<&-sxHIi2m2HDk@lI;a
zn&co^%vT}3l<*U&pT7B>k=cxmn|PhGEcgCpeR&WKYJMH=pRTg6DQOO(yijevqhZz4
z=<T<5`qYI+Qaf_BdKMWQdruLoZ;$9n+0&(kcA2scXRS1N_unHRdI#2Ws`v;(i}68L
z_8y6%-Zv%$^-gN`i*4^e%H_ymdnYG6$9|0e)wxYJUx6!B;V7-rc+&BLavxEdta8L!
z$R4OWn5HXN)nf^8>n_lh4749SKhdn^h`bEm#MUNb#+aib#Y`M8yU^q#ZB{PjZ-1E<
zIAR}Eg2)vB*zp}{Cdr9~m|JI@NZshB?S!#(iNT%+3Q5M@eOp&fZvCvt)7Yw6t33*%
zQA~nRR-5Zn5Bn@tCF4bW+9_`=eH|^)9^PxFpT3qSTv=XDs+V7wV=1O^_CBkHN4Qqv
zr*JJBks;ZlMjLzW)7nbnH&HQHXOuS(AE@ZL9*6_akL8LM6<^&98Naa3>46M^;9>*C
zkjgrRCxg#35?oLt2tklXl(L~#V)qD_$DAvDUNiq=7mo8Dbp<=5ym#y6)c4|+>?m!1
z3HXg_o@ZkrGj7=yd4A_uO*^f@OeadLNpV{f{15I4xiarXJ+9Kw^7z)d+`UxUKPNEe
z^quVRZq)2;K`S%6nj!_x^5o8p-4?tehTlCS8zO280xMO2Qfm%;HV;E9C<%UB*g2o~
z`PXyZe1j$sbgXfhR(rbAgxz1bH4BDPhxD^WEi1ek_UYI?q)>ym7vJR%o-xq@fiD+5
zHt&HX?t=>uB0-NXwZ*|b(@L0liio=@Y*RKDp$+5m@WA$EWqTV>TyC?4?IkzkTOFQS
zzl#7lX&O|$gH_r7Sz;92nc%y(DPMr&nPnIGSuFC7I)oTd`%QL}+W|C(Tf^Dxy`cL*
YSnq(L`?-a-Ki@^PE=K2-_KgSs0a!vRFaQ7m

literal 0
HcmV?d00001

diff --git a/packages/pluggableWidgets/uaepass-web-view-native/src/WebView.tile.dark.png b/packages/pluggableWidgets/uaepass-web-view-native/src/WebView.tile.dark.png
new file mode 100755
index 0000000000000000000000000000000000000000..95a012e251ae5576bac789c46aeefdd9b5dea994
GIT binary patch
literal 8914
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

literal 0
HcmV?d00001

diff --git a/packages/pluggableWidgets/uaepass-web-view-native/src/WebView.tile.png b/packages/pluggableWidgets/uaepass-web-view-native/src/WebView.tile.png
new file mode 100755
index 0000000000000000000000000000000000000000..f82dd5054af3bfa7e569fdaec6b067dc6ad2cb5a
GIT binary patch
literal 9491
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
S*Z=+&Qj$}b{UHte^1lG(9H^WC

literal 0
HcmV?d00001

diff --git a/packages/pluggableWidgets/uaepass-web-view-native/src/WebView.tsx b/packages/pluggableWidgets/uaepass-web-view-native/src/WebView.tsx
new file mode 100644
index 000000000..8dcc97835
--- /dev/null
+++ b/packages/pluggableWidgets/uaepass-web-view-native/src/WebView.tsx
@@ -0,0 +1,76 @@
+import { flattenStyles } from "@mendix/piw-native-utils-internal";
+import { Component, createElement } from "react";
+import { Text, View, Linking } from "react-native";
+import { WebView as RNWebView } from "react-native-webview";
+
+import { WebViewProps } from "../typings/WebViewProps";
+import { defaultWebViewStyle, WebViewStyle } from "./ui/Styles";
+import { executeAction } from "@mendix/piw-utils-internal";
+
+export type Props = WebViewProps<WebViewStyle>;
+
+export class UAEPASSWebView extends Component<Props> {
+    private readonly onLoadHandler = this.onLoad.bind(this);
+    private readonly onErrorHandler = this.onError.bind(this);
+    private readonly onMessageHandler = this.onMessage.bind(this);
+    private readonly styles = flattenStyles(defaultWebViewStyle, this.props.style);
+
+    render(): JSX.Element {
+        const uri = this.props.url && this.props.url.value;
+        const html = this.props.content && this.props.content.value;
+
+        if (!uri && !html) {
+            return (
+                <View style={this.styles.errorContainer} testID={this.props.name}>
+                    <Text style={this.styles.errorText}>No URL or content was provided.</Text>
+                </View>
+            );
+        }
+
+        return (
+            <View style={this.styles.container} testID={this.props.name}>
+                <RNWebView
+                    source={html ? { html } : { uri: uri! }}
+                    style={{
+                        width: "100%",
+                        height: "100%"
+                    }}
+                    onLoad={this.onLoadHandler}
+                    onError={this.onErrorHandler}
+                    onMessage={event => {
+                        this.onMessageHandler(event.nativeEvent.data);
+                    }}
+                    userAgent={this.props.userAgent}
+                    onShouldStartLoadWithRequest={({ url }) => {
+                        const sanitizedUrl = UAEPASSWebView.sanitize(url);
+                        const openExternally =
+                            this.props.openLinksExternally &&
+                            (html ? sanitizedUrl.startsWith("http") : uri && sanitizedUrl !== UAEPASSWebView.sanitize(uri));
+                        if (openExternally) {
+                            Linking.openURL(url);
+                            return false;
+                        }
+                        return true;
+                    }}
+                />
+            </View>
+        );
+    }
+
+    private onLoad(): void {
+        executeAction(this.props.onLoad);
+    }
+
+    private onError(): void {
+        executeAction(this.props.onError);
+    }
+
+    private onMessage(input: string): void {
+        this.props.onMessageInput?.setTextValue(input);
+        executeAction(this.props.onMessage);
+    }
+
+    private static sanitize(url: string): string {
+        return url.toLowerCase().replace(/\/$/, "");
+    }
+}
diff --git a/packages/pluggableWidgets/uaepass-web-view-native/src/WebView.xml b/packages/pluggableWidgets/uaepass-web-view-native/src/WebView.xml
new file mode 100644
index 000000000..41b13ed25
--- /dev/null
+++ b/packages/pluggableWidgets/uaepass-web-view-native/src/WebView.xml
@@ -0,0 +1,52 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<widget id="com.mendix.widget.native.webview.UAEPassWebView" supportedPlatform="Native" needsEntityContext="true" offlineCapable="true" pluginWidget="true" xmlns="http://www.mendix.com/widget/1.0/" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.mendix.com/widget/1.0/ ../../../node_modules/mendix/custom_widget.xsd">
+    <name>UAEPass Web view</name>
+    <description>Display an external web page or load custom HTML.</description>
+    <studioProCategory>Display</studioProCategory>
+    <studioCategory>Display</studioCategory>
+    <properties>
+        <propertyGroup caption="Data source">
+            <property key="url" type="textTemplate" required="false">
+                <caption>URL</caption>
+                <description>The URL of the web page that is loaded.</description>
+            </property>
+            <property key="content" type="textTemplate" required="false">
+                <caption>Content</caption>
+                <description>The HTML content to be rendered. This will precede URL</description>
+            </property>
+        </propertyGroup>
+        <propertyGroup caption="Events">
+            <property key="onLoad" type="action" required="false">
+                <caption>On load</caption>
+                <description />
+            </property>
+            <property key="onError" type="action" required="false">
+                <caption>On error</caption>
+                <description />
+            </property>
+        </propertyGroup>
+        <propertyGroup caption="Callback">
+            <property key="onMessage" type="action" required="false">
+                <caption>On message</caption>
+                <description>Used to communicate from the loaded webpage to the native app trough window.ReactNativeWebView.postMessage([string])</description>
+            </property>
+            <property key="onMessageInput" type="attribute" required="false">
+                <caption>Message attribute</caption>
+                <description>The attribute where the input message will be stored. This can be used to read the input in the onMessage event.</description>
+                <attributeTypes>
+                    <attributeType name="String" />
+                </attributeTypes>
+            </property>
+        </propertyGroup>
+        <propertyGroup caption="Advanced">
+            <property key="userAgent" type="string" required="false">
+                <caption>User agent</caption>
+                <description>A custom user agent string will be included with the request.</description>
+            </property>
+            <property key="openLinksExternally" type="boolean" defaultValue="false">
+                <caption>Open links externally</caption>
+                <description>If true, links embedded in source document will be opened in external browser instead of inside this widget.</description>
+            </property>
+        </propertyGroup>
+    </properties>
+</widget>
diff --git a/packages/pluggableWidgets/uaepass-web-view-native/src/__tests__/WebView.spec.tsx b/packages/pluggableWidgets/uaepass-web-view-native/src/__tests__/WebView.spec.tsx
new file mode 100644
index 000000000..dd7d20ad1
--- /dev/null
+++ b/packages/pluggableWidgets/uaepass-web-view-native/src/__tests__/WebView.spec.tsx
@@ -0,0 +1,69 @@
+import { actionValue, dynamicValue } from "@mendix/piw-utils-internal";
+import { createElement } from "react";
+import { fireEvent, render } from "@testing-library/react-native";
+import { WebView as RNWebView } from "react-native-webview";
+
+import { Props, WebView } from "../WebView";
+
+jest.mock("react-native", () => {
+    const RN = jest.requireActual("react-native");
+    RN.NativeModules.RNCWebView = { isFileUploadSupported: jest.fn(() => true) };
+    return RN;
+});
+
+jest.mock("react-native-webview", () => {
+    const { View } = require("react-native");
+
+    const WebView = (props: any) => {
+        return <View {...props} testID="mockWebView" />;
+    };
+
+    return { WebView };
+});
+
+describe("WebView", () => {
+    let defaultProps: Props;
+
+    beforeEach(() => {
+        defaultProps = {
+            name: "webview-test",
+            style: [],
+            url: dynamicValue("https://mendix.com"),
+            userAgent: "",
+            openLinksExternally: false
+        };
+    });
+
+    it("renders a web view when a url is provided", () => {
+        const component = render(<WebView {...defaultProps} />);
+        expect(component.toJSON()).toMatchSnapshot();
+    });
+
+    it("renders a web view when html content is provided", () => {
+        const component = render(<WebView {...defaultProps} content={dynamicValue("Hello, world!")} />);
+        expect(component.toJSON()).toMatchSnapshot();
+    });
+
+    it("renders an error when no url or content is provided", () => {
+        const component = render(<WebView {...defaultProps} url={dynamicValue()} content={dynamicValue()} />);
+        expect(component.toJSON()).toMatchSnapshot();
+    });
+
+    it("executes the on load action", () => {
+        const onLoadAction = actionValue();
+        const component = render(<WebView {...defaultProps} onLoad={onLoadAction} />);
+
+        fireEvent(component.UNSAFE_getByType(RNWebView), "load");
+
+        expect(onLoadAction.execute).toHaveBeenCalledTimes(1);
+    });
+
+    it("executes the on error action", () => {
+        const onErrorAction = actionValue();
+        const component = render(<WebView {...defaultProps} onError={onErrorAction} />);
+
+        fireEvent(component.UNSAFE_getByType(RNWebView), "error");
+
+        expect(onErrorAction.execute).toHaveBeenCalledTimes(1);
+    });
+});
diff --git a/packages/pluggableWidgets/uaepass-web-view-native/src/__tests__/__snapshots__/WebView.spec.tsx.snap b/packages/pluggableWidgets/uaepass-web-view-native/src/__tests__/__snapshots__/WebView.spec.tsx.snap
new file mode 100644
index 000000000..f4e104505
--- /dev/null
+++ b/packages/pluggableWidgets/uaepass-web-view-native/src/__tests__/__snapshots__/WebView.spec.tsx.snap
@@ -0,0 +1,85 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`WebView renders a web view when a url is provided 1`] = `
+<View
+  style={
+    {
+      "flex": 1,
+      "height": "100%",
+      "minHeight": 300,
+    }
+  }
+  testID="webview-test"
+>
+  <View
+    onError={[Function]}
+    onLoad={[Function]}
+    onMessage={[Function]}
+    onShouldStartLoadWithRequest={[Function]}
+    source={
+      {
+        "uri": "https://mendix.com",
+      }
+    }
+    style={
+      {
+        "height": "100%",
+        "width": "100%",
+      }
+    }
+    testID="mockWebView"
+    userAgent=""
+  />
+</View>
+`;
+
+exports[`WebView renders a web view when html content is provided 1`] = `
+<View
+  style={
+    {
+      "flex": 1,
+      "height": "100%",
+      "minHeight": 300,
+    }
+  }
+  testID="webview-test"
+>
+  <View
+    onError={[Function]}
+    onLoad={[Function]}
+    onMessage={[Function]}
+    onShouldStartLoadWithRequest={[Function]}
+    source={
+      {
+        "html": "Hello, world!",
+      }
+    }
+    style={
+      {
+        "height": "100%",
+        "width": "100%",
+      }
+    }
+    testID="mockWebView"
+    userAgent=""
+  />
+</View>
+`;
+
+exports[`WebView renders an error when no url or content is provided 1`] = `
+<View
+  style={{}}
+  testID="webview-test"
+>
+  <Text
+    style={
+      {
+        "color": "red",
+        "fontWeight": "bold",
+      }
+    }
+  >
+    No URL or content was provided.
+  </Text>
+</View>
+`;
diff --git a/packages/pluggableWidgets/uaepass-web-view-native/src/assets/WebViewGlobe.dark.svg b/packages/pluggableWidgets/uaepass-web-view-native/src/assets/WebViewGlobe.dark.svg
new file mode 100644
index 000000000..cf242baa8
--- /dev/null
+++ b/packages/pluggableWidgets/uaepass-web-view-native/src/assets/WebViewGlobe.dark.svg
@@ -0,0 +1,3 @@
+<svg width="31" height="32" viewBox="0 0 31 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M15.5003 31.6644C24.0471 31.6644 31 24.7108 31 16.1644C31 7.61809 24.0465 0.664429 15.5003 0.664429C6.95411 0.664429 0 7.61743 0 16.1644C0 24.7114 6.95345 31.6644 15.5003 31.6644ZM27.692 13.4166C26.3992 12.6628 26.7224 13.5242 26.7224 13.5242C26.7224 13.5242 26.7224 13.5242 27.5844 14.278C28.4465 15.032 29.0928 15.3557 28.7696 16.4114C28.4465 17.4673 27.9076 16.5404 26.8305 17.4025C25.7528 18.2645 28.1232 18.4801 28.2307 19.7729C28.3384 21.0657 26.938 20.4194 26.2917 21.7121C25.6453 23.0048 26.1842 24.4057 25.8609 25.591C25.5378 26.7762 22.8441 28.3922 21.8658 28.9311C20.8874 29.4699 21.5514 27.7459 21.8658 26.5606C22.1801 25.3753 21.1201 24.0825 21.1201 21.9277C21.1201 19.7729 20.4738 20.4194 18.5346 20.4194C16.5955 20.4194 15.7335 19.3416 15.5179 17.2948C15.3022 15.2476 17.1338 13.2009 17.9958 12.5545C18.8578 11.9081 20.0431 11.2617 21.2276 11.9081C22.4128 12.5545 22.8436 13.2009 24.1363 13.2009C25.429 13.2009 25.429 12.7702 26.1835 12.2313C26.9374 11.6924 25.1058 11.0461 24.0288 11.1586C22.9517 11.2712 23.1667 10.5079 21.7665 9.96901C20.3662 9.43015 19.8273 10.5079 19.396 10.7229C18.9653 10.9386 17.457 11.5849 17.3059 10.7229C17.1557 9.86085 18.1027 9.75334 19.0728 9.75334C20.0424 9.75334 19.1803 8.99946 18.8572 8.46054C18.5339 7.92168 17.8876 7.92168 17.4205 7.50105C16.9539 7.08042 17.9952 6.30577 19.0721 6.56293C20.1492 6.8201 19.7185 7.59856 20.9037 7.49099C22.0889 7.38342 20.9037 6.30577 20.9037 5.26198C20.9037 4.21819 22.1965 4.25844 23.0585 3.84221C23.9204 3.42592 24.9975 5.65933 25.7521 6.56293C26.0017 6.86225 26.3582 6.72955 26.723 6.42399C28.6287 8.61717 29.9032 11.3706 30.2628 14.4025C28.7225 14.9785 28.8226 14.0762 27.692 13.4166ZM15.5003 1.29317C16.0951 1.29317 16.6805 1.33217 17.2571 1.40068C17.0458 1.98859 16.7024 2.4275 16.7024 2.4275C16.7024 2.4275 16.2718 3.82774 15.3016 3.93591C14.3314 4.04408 13.1468 3.93591 12.608 4.79795C12.0691 5.65999 12.1773 7.16846 11.3152 6.30636C10.4532 5.44432 11.2077 5.3783 10.3457 4.49548C9.48363 3.61273 9.26796 3.61273 8.83728 3.61273C8.71024 3.61273 8.56624 3.3933 8.45183 3.07262C10.5513 1.93829 12.9512 1.29317 15.5003 1.29317ZM6.50896 4.32892C6.48503 4.48424 6.62146 4.70997 7.2836 4.98601C8.57637 5.52487 8.87436 6.59193 8.27897 6.54978C7.68351 6.50763 5.26399 6.83772 7.48921 7.48409C9.71501 8.13052 9.53143 8.88814 8.54178 9.21132C7.55207 9.53457 7.76399 8.13551 7.54832 9.53641C7.33265 10.9373 7.11573 10.8298 6.41533 11.0455C5.71486 11.2612 4.4215 12.3389 4.4215 13.0928C4.4215 13.8467 3.99016 14.2686 4.85218 14.915C5.7142 15.5614 4.5824 16.7436 4.17499 15.8821C3.68579 14.8484 3.34374 14.278 2.80489 14.1699C2.26605 14.0624 1.57189 14.9238 2.80489 15.7858C4.0379 16.6479 4.09766 17.1867 4.09766 17.8331C4.09766 18.4795 4.98987 18.4795 5.67521 18.372C6.35996 18.2645 7.76649 20.0961 8.24879 20.85C8.73043 21.604 9.59245 22.3585 10.7776 22.6816C11.9628 23.0048 12.3936 23.7594 11.7472 24.2976C11.1009 24.8364 10.9934 26.1292 10.2389 26.4524C9.48435 26.7755 9.37685 27.7451 8.9461 28.1765C8.69334 28.4293 8.44815 28.7574 8.24313 29.1367C7.59994 28.7752 6.98626 28.367 6.40593 27.9174C6.3883 27.8219 6.36884 27.725 6.36003 27.6377C6.25252 26.5599 6.14436 25.2672 5.49801 24.729C4.85159 24.1901 4.42031 23.4362 4.20524 22.5741C3.99016 21.7122 4.52841 20.4194 4.09773 19.5573C3.66705 18.6953 3.66705 19.5032 2.80496 18.2916C1.94294 17.0799 1.94294 17.0792 1.40409 16.1097C1.11616 15.591 0.921858 14.7642 0.802384 13.8932C1.40028 10.0068 3.51036 6.61264 6.50896 4.32892Z" fill="#C5C5C5"/>
+</svg>
diff --git a/packages/pluggableWidgets/uaepass-web-view-native/src/assets/WebViewGlobe.light.svg b/packages/pluggableWidgets/uaepass-web-view-native/src/assets/WebViewGlobe.light.svg
new file mode 100644
index 000000000..28dddc801
--- /dev/null
+++ b/packages/pluggableWidgets/uaepass-web-view-native/src/assets/WebViewGlobe.light.svg
@@ -0,0 +1,3 @@
+<svg width="31" height="31" viewBox="0 0 31 31" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M15.5003 31C24.0471 31 31 24.0463 31 15.5C31 6.95366 24.0465 0 15.5003 0C6.95411 0 0 6.95301 0 15.5C0 24.047 6.95345 31 15.5003 31ZM27.692 12.7522C26.3992 11.9983 26.7224 12.8597 26.7224 12.8597C26.7224 12.8597 26.7224 12.8597 27.5844 13.6136C28.4465 14.3675 29.0928 14.6913 28.7696 15.747C28.4465 16.8028 27.9076 15.876 26.8305 16.7381C25.7528 17.6 28.1232 17.8157 28.2307 19.1084C28.3384 20.4013 26.938 19.7549 26.2917 21.0477C25.6453 22.3404 26.1842 23.7413 25.8609 24.9265C25.5378 26.1117 22.8441 27.7278 21.8658 28.2667C20.8874 28.8055 21.5514 27.0814 21.8658 25.8961C22.1801 24.7108 21.1201 23.4181 21.1201 21.2633C21.1201 19.1084 20.4738 19.7549 18.5346 19.7549C16.5955 19.7549 15.7335 18.6772 15.5179 16.6304C15.3022 14.5832 17.1338 12.5365 17.9958 11.8901C18.8578 11.2437 20.0431 10.5973 21.2276 11.2437C22.4128 11.8901 22.8436 12.5365 24.1363 12.5365C25.429 12.5365 25.429 12.1058 26.1835 11.5669C26.9374 11.028 25.1058 10.3816 24.0288 10.4942C22.9517 10.6068 23.1667 9.84344 21.7665 9.30458C20.3662 8.76573 19.8273 9.84344 19.396 10.0585C18.9653 10.2741 17.457 10.9205 17.3059 10.0585C17.1557 9.19642 18.1027 9.08891 19.0728 9.08891C20.0424 9.08891 19.1803 8.33503 18.8572 7.79611C18.5339 7.25725 17.8876 7.25725 17.4205 6.83662C16.9539 6.41599 17.9952 5.64134 19.0721 5.8985C20.1492 6.15567 19.7185 6.93414 20.9037 6.82656C22.0889 6.71899 20.9037 5.64134 20.9037 4.59755C20.9037 3.55377 22.1965 3.59401 23.0585 3.17778C23.9204 2.76149 24.9975 4.99491 25.7521 5.8985C26.0017 6.19782 26.3582 6.06512 26.723 5.75956C28.6287 7.95274 29.9032 10.7061 30.2628 13.7381C28.7225 14.3141 28.8226 13.4118 27.692 12.7522ZM15.5003 0.628744C16.0951 0.628744 16.6805 0.667736 17.2571 0.736253C17.0458 1.32416 16.7024 1.76307 16.7024 1.76307C16.7024 1.76307 16.2718 3.16332 15.3016 3.27148C14.3314 3.37965 13.1468 3.27148 12.608 4.13352C12.0691 4.99556 12.1773 6.50404 11.3152 5.64193C10.4532 4.77989 11.2077 4.71387 10.3457 3.83105C9.48363 2.9483 9.26796 2.9483 8.83728 2.9483C8.71024 2.9483 8.56624 2.72888 8.45183 2.40819C10.5513 1.27386 12.9512 0.628744 15.5003 0.628744ZM6.50896 3.6645C6.48503 3.81981 6.62146 4.04554 7.2836 4.32158C8.57637 4.86044 8.87436 5.9275 8.27897 5.88535C7.68351 5.8432 5.26399 6.17329 7.48921 6.81966C9.71501 7.46609 9.53143 8.22371 8.54178 8.54689C7.55207 8.87014 7.76399 7.47109 7.54832 8.87198C7.33265 10.2729 7.11573 10.1654 6.41533 10.381C5.71486 10.5967 4.4215 11.6744 4.4215 12.4284C4.4215 13.1823 3.99016 13.6042 4.85218 14.2506C5.7142 14.8969 4.5824 16.0791 4.17499 15.2177C3.68579 14.184 3.34374 13.6136 2.80489 13.5055C2.26605 13.398 1.57189 14.2594 2.80489 15.1214C4.0379 15.9835 4.09766 16.5223 4.09766 17.1687C4.09766 17.8151 4.98987 17.8151 5.67521 17.7075C6.35996 17.6 7.76649 19.4317 8.24879 20.1856C8.73043 20.9396 9.59245 21.694 10.7776 22.0172C11.9628 22.3404 12.3936 23.0949 11.7472 23.6331C11.1009 24.172 10.9934 25.4647 10.2389 25.788C9.48435 26.1111 9.37685 27.0807 8.9461 27.5121C8.69334 27.7649 8.44815 28.093 8.24313 28.4723C7.59994 28.1108 6.98626 27.7026 6.40593 27.253C6.3883 27.1574 6.36884 27.0606 6.36003 26.9733C6.25252 25.8955 6.14436 24.6027 5.49801 24.0646C4.85159 23.5257 4.42031 22.7718 4.20524 21.9097C3.99016 21.0477 4.52841 19.7549 4.09773 18.8928C3.66705 18.0309 3.66705 18.8388 2.80496 17.6272C1.94294 16.4155 1.94294 16.4148 1.40409 15.4453C1.11616 14.9265 0.921858 14.0997 0.802384 13.2288C1.40028 9.34233 3.51036 5.94821 6.50896 3.6645Z" fill="#535965"/>
+</svg>
diff --git a/packages/pluggableWidgets/uaepass-web-view-native/src/package.xml b/packages/pluggableWidgets/uaepass-web-view-native/src/package.xml
new file mode 100644
index 000000000..b6a90eb13
--- /dev/null
+++ b/packages/pluggableWidgets/uaepass-web-view-native/src/package.xml
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<package xmlns="http://www.mendix.com/package/1.0/">
+    <clientModule name="WebView" version="4.3.0" xmlns="http://www.mendix.com/clientModule/1.0/">
+        <widgetFiles>
+            <widgetFile path="WebView.xml" />
+        </widgetFiles>
+        <files>
+            <file path="com/mendix/widget/native/webview" />
+        </files>
+    </clientModule>
+</package>
diff --git a/packages/pluggableWidgets/uaepass-web-view-native/src/ui/Styles.ts b/packages/pluggableWidgets/uaepass-web-view-native/src/ui/Styles.ts
new file mode 100644
index 000000000..0f89fae13
--- /dev/null
+++ b/packages/pluggableWidgets/uaepass-web-view-native/src/ui/Styles.ts
@@ -0,0 +1,21 @@
+import { Style } from "@mendix/piw-native-utils-internal";
+import { TextStyle, ViewStyle } from "react-native";
+
+export interface WebViewStyle extends Style {
+    container: ViewStyle;
+    errorContainer: ViewStyle;
+    errorText: TextStyle;
+}
+
+export const defaultWebViewStyle: WebViewStyle = {
+    container: {
+        flex: 1,
+        height: "100%",
+        minHeight: 300
+    },
+    errorContainer: {},
+    errorText: {
+        color: "red",
+        fontWeight: "bold"
+    }
+};
diff --git a/packages/pluggableWidgets/uaepass-web-view-native/tsconfig.json b/packages/pluggableWidgets/uaepass-web-view-native/tsconfig.json
new file mode 100644
index 000000000..89776d5ca
--- /dev/null
+++ b/packages/pluggableWidgets/uaepass-web-view-native/tsconfig.json
@@ -0,0 +1,8 @@
+{
+    "extends": "@mendix/pluggable-widgets-tools/configs/tsconfig.base",
+    "baseUrl": "./",
+    "include": ["./src", "./typings"],
+    "compilerOptions": {
+        "typeRoots": ["node_modules/@types", "../../../node_modules/@types"]
+    }
+}
diff --git a/packages/pluggableWidgets/uaepass-web-view-native/typings/WebViewProps.d.ts b/packages/pluggableWidgets/uaepass-web-view-native/typings/WebViewProps.d.ts
new file mode 100644
index 000000000..c13486857
--- /dev/null
+++ b/packages/pluggableWidgets/uaepass-web-view-native/typings/WebViewProps.d.ts
@@ -0,0 +1,40 @@
+/**
+ * This file was generated from WebView.xml
+ * WARNING: All changes made to this file will be overwritten
+ * @author Mendix Widgets Framework Team
+ */
+import { CSSProperties } from "react";
+import { ActionValue, DynamicValue, EditableValue } from "mendix";
+
+export interface WebViewProps<Style> {
+    name: string;
+    style: Style[];
+    url?: DynamicValue<string>;
+    content?: DynamicValue<string>;
+    onLoad?: ActionValue;
+    onError?: ActionValue;
+    onMessage?: ActionValue;
+    onMessageInput?: EditableValue<string>;
+    userAgent: string;
+    openLinksExternally: boolean;
+}
+
+export interface WebViewPreviewProps {
+    /**
+     * @deprecated Deprecated since version 9.18.0. Please use class property instead.
+     */
+    className: string;
+    class: string;
+    style: string;
+    styleObject?: CSSProperties;
+    readOnly: boolean;
+    renderMode?: "design" | "xray" | "structure";
+    url: string;
+    content: string;
+    onLoad: {} | null;
+    onError: {} | null;
+    onMessage: {} | null;
+    onMessageInput: string;
+    userAgent: string;
+    openLinksExternally: boolean;
+}
diff --git a/packages/pluggableWidgets/uaepass-web-view-native/typings/svg.d.ts b/packages/pluggableWidgets/uaepass-web-view-native/typings/svg.d.ts
new file mode 100644
index 000000000..e6958d5a9
--- /dev/null
+++ b/packages/pluggableWidgets/uaepass-web-view-native/typings/svg.d.ts
@@ -0,0 +1,4 @@
+declare module "*.svg" {
+    const content: string;
+    export = content;
+}
diff --git a/yarn.lock b/yarn.lock
index 8797fc0b5..75d327c32 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -16872,6 +16872,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"uaepass-web-view-native@workspace:packages/pluggableWidgets/uaepass-web-view-native":
+  version: 0.0.0-use.local
+  resolution: "uaepass-web-view-native@workspace:packages/pluggableWidgets/uaepass-web-view-native"
+  dependencies:
+    "@mendix/piw-native-utils-internal": "npm:*"
+    "@mendix/piw-utils-internal": "npm:*"
+    "@mendix/pluggable-widgets-tools": "npm:~10.0.1"
+    eslint: "npm:^7.32.0"
+    react-native-webview: "npm:13.13.2"
+  languageName: unknown
+  linkType: soft
+
 "unbox-primitive@npm:^1.1.0":
   version: 1.1.0
   resolution: "unbox-primitive@npm:1.1.0"

From d5f1c4662fe802e42dd0c41e8d3f3e60940a3885 Mon Sep 17 00:00:00 2001
From: Mohmaed Shahin <mohamed.shahin@mendix.com>
Date: Fri, 16 May 2025 09:31:01 +0400
Subject: [PATCH 6/9] update widget version

---
 .../pluggableWidgets/pie-doughnut-chart-native/package.json     | 2 +-
 packages/pluggableWidgets/progress-bar-native/package.json      | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/pluggableWidgets/pie-doughnut-chart-native/package.json b/packages/pluggableWidgets/pie-doughnut-chart-native/package.json
index 6a660df24..7f781ff9d 100644
--- a/packages/pluggableWidgets/pie-doughnut-chart-native/package.json
+++ b/packages/pluggableWidgets/pie-doughnut-chart-native/package.json
@@ -1,7 +1,7 @@
 {
   "name": "pie-doughnut-chart-native",
   "widgetName": "PieDoughnutChart",
-  "version": "2.1.1",
+  "version": "2.2.0",
   "license": "Apache-2.0",
   "copyright": "© Mendix Technology BV 2022. All rights reserved.",
   "repository": {
diff --git a/packages/pluggableWidgets/progress-bar-native/package.json b/packages/pluggableWidgets/progress-bar-native/package.json
index b6f31f75e..11f7fa0b3 100644
--- a/packages/pluggableWidgets/progress-bar-native/package.json
+++ b/packages/pluggableWidgets/progress-bar-native/package.json
@@ -1,7 +1,7 @@
 {
   "name": "progress-bar-native",
   "widgetName": "ProgressBar",
-  "version": "4.3.1",
+  "version": "4.4.0",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",

From 37f968833344bcb1209f319c47fbfbe9cc48c5fb Mon Sep 17 00:00:00 2001
From: Mohmaed Shahin <mohamed.shahin@mendix.com>
Date: Fri, 16 May 2025 09:39:09 +0400
Subject: [PATCH 7/9] update widget change log

---
 .../pluggableWidgets/pie-doughnut-chart-native/CHANGELOG.md | 6 ++++++
 packages/pluggableWidgets/progress-bar-native/CHANGELOG.md  | 6 ++++++
 2 files changed, 12 insertions(+)

diff --git a/packages/pluggableWidgets/pie-doughnut-chart-native/CHANGELOG.md b/packages/pluggableWidgets/pie-doughnut-chart-native/CHANGELOG.md
index 2dda05db7..3d04991f3 100644
--- a/packages/pluggableWidgets/pie-doughnut-chart-native/CHANGELOG.md
+++ b/packages/pluggableWidgets/pie-doughnut-chart-native/CHANGELOG.md
@@ -6,6 +6,12 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 
 ## [Unreleased]
 
+## [2.2.0] - 2025-5-16
+
+### Changed
+
+-   We added the option to add spacing between slices.
+
 ## [2.1.1] - 2025-3-18
 
 ### Fixed
diff --git a/packages/pluggableWidgets/progress-bar-native/CHANGELOG.md b/packages/pluggableWidgets/progress-bar-native/CHANGELOG.md
index a8834f89b..15e11f5df 100644
--- a/packages/pluggableWidgets/progress-bar-native/CHANGELOG.md
+++ b/packages/pluggableWidgets/progress-bar-native/CHANGELOG.md
@@ -6,6 +6,12 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 
 ## [Unreleased]
 
+## [4.4.0] - 2025-5-16
+
+### Changed
+
+-   We added the option to add caption to the progress bar showing the percentatge of completetion with the ability to customize the filled and unfilled bar color
+
 ## [4.3.1] - 2025-2-7
 
 -   Bumped the version of the react-native-progress to fix black background issues.

From 040bd0f9691810fc4a5aec3fd96a97c014f2979e Mon Sep 17 00:00:00 2001
From: Mohmaed Shahin <mohamed.shahin@mendix.com>
Date: Fri, 16 May 2025 09:40:18 +0400
Subject: [PATCH 8/9] update widget change log

---
 packages/pluggableWidgets/progress-bar-native/CHANGELOG.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/pluggableWidgets/progress-bar-native/CHANGELOG.md b/packages/pluggableWidgets/progress-bar-native/CHANGELOG.md
index 15e11f5df..171fa45b5 100644
--- a/packages/pluggableWidgets/progress-bar-native/CHANGELOG.md
+++ b/packages/pluggableWidgets/progress-bar-native/CHANGELOG.md
@@ -10,7 +10,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 
 ### Changed
 
--   We added the option to add caption to the progress bar showing the percentatge of completetion with the ability to customize the filled and unfilled bar color
+-   We added the option to add caption to the progress bar showing the percentatge of completetion with the ability to customize the filled and unfilled bar color.
 
 ## [4.3.1] - 2025-2-7
 

From 6a3815144cba373fded9e2dbf80cc04e86c8dab2 Mon Sep 17 00:00:00 2001
From: Mohmaed Shahin <mohamed.shahin@mendix.com>
Date: Fri, 16 May 2025 09:45:31 +0400
Subject: [PATCH 9/9] update widget change log

---
 packages/pluggableWidgets/progress-bar-native/CHANGELOG.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/pluggableWidgets/progress-bar-native/CHANGELOG.md b/packages/pluggableWidgets/progress-bar-native/CHANGELOG.md
index 171fa45b5..455b53b85 100644
--- a/packages/pluggableWidgets/progress-bar-native/CHANGELOG.md
+++ b/packages/pluggableWidgets/progress-bar-native/CHANGELOG.md
@@ -10,7 +10,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 
 ### Changed
 
--   We added the option to add caption to the progress bar showing the percentatge of completetion with the ability to customize the filled and unfilled bar color.
+-   We added the option to add caption to the progress bar showing the percentage of competition with the ability to customize the filled and unfilled bar color.
 
 ## [4.3.1] - 2025-2-7