@bytebrand/fe-ui-core 4.1.67 → 4.1.69

package/common.ts

@@ -111,6 +111,7 @@ export { default as StarButton } from './source/components/_common/StarButton/St
 export { default as TabPanel } from './source/components/_common/Tabs/TabPanel';
 
 export { default as MaterialDatePicker } from './source/components/_common/MaterialDatePicker/MaterialDatePicker';
+export { default as CookieModal } from './source/components/_common/Modal/CookieModal';
 
 // common material
 import { StyledComponent } from './source/framework/utils/StyledComponent';

package/package.json

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

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

@@ -0,0 +1,37 @@
+import React, { useEffect, useState } from 'react';
+import useModal from '../../../framework/hooks/useModal';
+import { updateCookieList } from '../../../framework/utils/CommonUtils';
+import Modal from './Modal';
+
+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);
+  }, []);
+
+  const onClearModalState = () => {
+    setModal('');
+  };
+
+  const modalProps = {
+    onClearModalState,
+    setModal
+  };
+
+  return isVisible
+    ? <Modal
+        isVisible={isVisible}
+        toggleModal={toggleModal}
+        name={modal}
+        modalProps={modalProps}
+      />
+    : <></>;
+};
+
+export default CookieModal;