@bytebrand/fe-ui-core 4.1.71 → 4.1.73

package/package.json

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

package/source/components/SearchWidgetsMobile/EngineTransDriveWidget/EngineTransDriveWidget.tsx

@@ -120,5 +120,6 @@ export default memo(EngineTransDriveWidget, (prevProps: any, nextProps: any) =>
          isEqual(prevProps.DRIVE_TYPE.values, nextProps.DRIVE_TYPE.values) &&
          isEqual(prevProps.TRANSMISSION.values, nextProps.TRANSMISSION.values) &&
          prevProps.FUEL.values.length === nextProps.FUEL.values.length &&
+         isEqual(prevProps.FUEL.aggregation, nextProps.FUEL.aggregation) &&
          prevProps.t === nextProps.t;
 });

package/source/components/_common/IconSVG/IconSVGConfig.tsx

@@ -289,6 +289,7 @@ import LogoutIcon from './SVG/common/LogoutIcon';
 import SearchGrey from './SVG/common/SearchGrey';
 import PhoneGrey from './SVG/common/PhoneGrey';
 import UserGrey from './SVG/common/UserGrey';
+import MenuGrey from './SVG/common/MenuGrey';
 interface IComponentsProp {
   [key: string]: (props: any) => React.ReactNode;
 }
@@ -669,7 +670,8 @@ const components: IComponentsProp = {
   // header mobile
   searchGrey: SearchGrey,
   phoneGrey: PhoneGrey,
-  userGrey: UserGrey
+  userGrey: UserGrey,
+  menuGrey: MenuGrey
 };
 
 export default components;

package/source/components/_common/IconSVG/SVG/common/MenuGrey.tsx

@@ -0,0 +1,22 @@
+/* tslint:disable */
+import React from 'react';
+
+const MenuGrey = (
+  props: any
+) => {
+  return (
+    <svg
+      width="18"
+      height="13"
+      viewBox="0 0 18 13"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <path d="M1 12.0969C0.716667 12.0969 0.479333 12.0009 0.288 11.8089C0.0960001 11.6176 0 11.3803 0 11.0969C0 10.8136 0.0960001 10.5763 0.288 10.3849C0.479333 10.1929 0.716667 10.0969 1 10.0969H17C17.2833 10.0969 17.5207 10.1929 17.712 10.3849C17.904 10.5763 18 10.8136 18 11.0969C18 11.3803 17.904 11.6176 17.712 11.8089C17.5207 12.0009 17.2833 12.0969 17 12.0969H1ZM1 7.09692C0.716667 7.09692 0.479333 7.00092 0.288 6.80892C0.0960001 6.61759 0 6.38026 0 6.09692C0 5.81359 0.0960001 5.57592 0.288 5.38392C0.479333 5.19259 0.716667 5.09692 1 5.09692H17C17.2833 5.09692 17.5207 5.19259 17.712 5.38392C17.904 5.57592 18 5.81359 18 6.09692C18 6.38026 17.904 6.61759 17.712 6.80892C17.5207 7.00092 17.2833 7.09692 17 7.09692H1ZM1 2.09692C0.716667 2.09692 0.479333 2.00126 0.288 1.80992C0.0960001 1.61792 0 1.38026 0 1.09692C0 0.813591 0.0960001 0.575924 0.288 0.383924C0.479333 0.192591 0.716667 0.0969238 1 0.0969238H17C17.2833 0.0969238 17.5207 0.192591 17.712 0.383924C17.904 0.575924 18 0.813591 18 1.09692C18 1.38026 17.904 1.61792 17.712 1.80992C17.5207 2.00126 17.2833 2.09692 17 2.09692H1Z" fill="#4C4E64" fillOpacity="0.87"/>
+    </svg>
+  )
+}
+
+export default MenuGrey;
+/* tslint:enable */

package/source/components/_common/Modal/CookieModal.tsx

@@ -7,13 +7,16 @@ const CookieModal = () => {
   const { isVisible, toggleModal } = useModal();
   const [modal, setModal] = useState('');
 
-  useEffect(() => {
-    const cookieConfig = localStorage.getItem('cookieConfig');
-    if (!cookieConfig) {
-      setModal('PREVIEW_COOKIE_MODAL');
-      toggleModal();
-    } else setTimeout(() => { updateCookieList(); }, 3000);
-  }, []);
+  useEffect(
+    () => {
+      const cookieConfig = localStorage.getItem('cookieConfig');
+      if (!cookieConfig) {
+        setModal('PREVIEW_COOKIE_MODAL');
+        toggleModal();
+      } else setTimeout(() => { updateCookieList(); }, 3000);
+    },
+    []
+  );
 
   const onClearModalState = () => {
     setModal('');

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

@@ -43,7 +43,7 @@ const ManageCookieModal = ({ toggleModal }) => {
     value: marketingMasterSwitch,
     onChange: onHandleMarketingSwitchValue
   };
-  
+
   const analyticsSwitchProps = {
     value: analytcisMasterSwitch,
     onChange: onHandleAnalyticsSwitchValue
@@ -55,7 +55,7 @@ const ManageCookieModal = ({ toggleModal }) => {
     onChange: () => {}
   };
 
-  const onAccept = (value?: object) => {    
+  const onAccept = (value?: object) => {
     const cookieConfig = value || {
       marketing: Object.keys(marketingSwitches).filter(i => !marketingSwitches[i]) || [],
       analytics: Object.keys(analyticsSwitches).filter(i => !analyticsSwitches[i]) || []

package/source/framework/utils/CommonUtils.ts

@@ -532,7 +532,7 @@ export function setUtmParameters() {
   const domain = parsedUrl.hostname.split('.').slice(-2).join('.');
 
   document.cookie = `marketing=${JSON.stringify(marketing)};expires=${expiresDate};domain=.${domain};path=/`;
-};
+}
 
 export const updateCookieList = () => {
   const cookieConfig = JSON.parse(localStorage.getItem('cookieConfig')) || {};
@@ -540,7 +540,7 @@ export const updateCookieList = () => {
   const domain = parsedUrl.hostname.split('.').slice(-2).join('.');
   Object.keys(cookieConfig).forEach((group: string) => {
     cookieConfig[group].forEach((cookie: string) => {
-      Cookies.remove(cookie, { path: '/', domain });
-    })
+      Cookies.remove(cookie, { domain, path: '/' });
+    });
   });
 };