@bytebrand/fe-ui-core 4.2.124 → 4.2.126

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bytebrand/fe-ui-core",
-  "version": "4.2.124",
+  "version": "4.2.126",
   "description": "UI components for the auto.de project",
   "main": "index.ts",
   "module": "dist/common.js",

package/source/components/_common/Modal/modals/PreviewCookieModal/PreviewCookieModal.tsx

@@ -19,7 +19,7 @@ const PreviewCookieModal = ({ toggleModal, setModal, handleSentryInit } : IPrevi
   };
 
   const onDisableAll = () => {
-    localStorage.setItem('cookieConfig', JSON.stringify({ analytics: {}, marketing: {} }));
+    localStorage.setItem('cookieConfig', JSON.stringify({'marketing':['test_cookie','tuuid','tuuid_lu','c','CMID','CMPS','CMPRO','uuid2','IDE','um','umeh','cf','cip','cnac','car','KRTBCOOKIE_97','IDSYNC','dpm','_kuid_','cto_bundle','visitor-id','data-c-ts','data-c','CMTS','mv_tokens','A3','mv_tokens_eu-v1','am_tokens','am_tokens_eu-v1','iteo'],'analytics':['PugT','locale','uid','callback','demdex','_fbp','hotjar','_clck','_clsk','_uetsid','_uetvid','sentry','analytics_storage','ad_storage','functionality_storage','personalization_storage','security_storage']}));
     toggleModal();
   };
 

package/source/components/_common/UserMenu/MaterialMenuItem.tsx

@@ -17,28 +17,47 @@ interface IListItem {
   Link?: any;
   handleClose?: () => void;
   isActive?: boolean;
+  isExternalLink?: boolean;
 }
 
-const ListItem = ({ icon, label, amount, divider, onClick, href, isComponent, Link, handleClose, isActive }: IListItem) => {
+const ListItem = ({ icon, label, amount, divider, onClick, href, isComponent, Link, handleClose, isActive, isExternalLink }: IListItem) => {
 
   const onMenuItemClick = (e: React.MouseEvent<HTMLLIElement>) => {
     onClick(e);
     handleClose();
   };
 
-  return !!href ? (
-    <Link color='#4C4E64DE' variant='caption' to={href} underline='none' onClick={onClick}>
-      <MenuItem
-        divider={divider}
-      >
-        {icon && <ListItemIcon><IconSVG customDimensions name={icon} /></ListItemIcon>}
-        <ListItemText>
-          {label}
-        </ListItemText>
-        {(amount || amount === 0) && <AmountBlock>{amount}</AmountBlock>}
-      </MenuItem>
-    </Link>
-  ) : (
+  const renderLink = () => {
+    return (
+      <>
+        {isExternalLink ? (
+          <a href={href}>
+            <MenuItem
+              divider={divider}
+            >
+              {icon && <ListItemIcon><IconSVG customDimensions name={icon} /></ListItemIcon>}
+              <ListItemText>
+                {label}
+              </ListItemText>
+              {(amount || amount === 0) && <AmountBlock>{amount}</AmountBlock>}
+            </MenuItem>
+          </a>
+        ) : (
+          <Link color='#4C4E64DE' variant='caption' to={href} underline='none' onClick={onClick}>
+            <MenuItem divider={divider}>
+              {icon && <ListItemIcon><IconSVG customDimensions name={icon} /></ListItemIcon>}
+              <ListItemText>
+                {label}
+              </ListItemText>
+              {(amount || amount === 0) && <AmountBlock>{amount}</AmountBlock>}
+            </MenuItem>
+          </Link>
+        )}
+      </>
+    )
+  }
+
+  return !!href ? renderLink() : (
     <MenuItem
       onClick={onMenuItemClick}
       divider={divider}