From a030ad4f1f116aedea8ef54e68297f0e6ce4596a Mon Sep 17 00:00:00 2001
From: Evelyn Gurschler <evelyn.gurschler@bmw.de>
Date: Wed, 28 Feb 2024 13:37:17 +0100
Subject: [PATCH] fix: complete string escaping and encoding in DropPreview

---
 CHANGELOG.md                                             | 4 ++++
 package.json                                             | 2 +-
 src/components/basic/Dropzone/components/DropPreview.tsx | 4 ++--
 3 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index e57880b4..817a7842 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,5 +1,9 @@
 # Changelog
 
+## 2.1.33
+
+- Fix incomplete string escaping and encoding in DropPreview
+
 ## 2.1.32
 
 - Add autoFocus props to the table component
diff --git a/package.json b/package.json
index a73237c1..806a5bc7 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@catena-x/portal-shared-components",
-  "version": "2.1.32",
+  "version": "2.1.33",
   "description": "Catena-X Portal Shared Components",
   "author": "Catena-X Contributors",
   "license": "Apache-2.0",
diff --git a/src/components/basic/Dropzone/components/DropPreview.tsx b/src/components/basic/Dropzone/components/DropPreview.tsx
index b36402c9..7e3587bc 100644
--- a/src/components/basic/Dropzone/components/DropPreview.tsx
+++ b/src/components/basic/Dropzone/components/DropPreview.tsx
@@ -84,8 +84,8 @@ export const DropPreview: FunctionComponent<DropPreviewProps> = ({
     numTotal: number
   }) => {
     const uploadProgress = translations.uploadProgess
-      .replace('%', numUploaded.toString())
-      .replace('%', numTotal.toString())
+      .replace('/%/g', encodeURIComponent(numUploaded.toString()))
+      .replace('/%/g', encodeURIComponent(numTotal.toString()))
 
     return (
       <Box sx={{ typography: 'label2' }}>