Merge pull request 'tax, layout card, access based menu warehouse bug fix' (#310) from bug-fix-250326 into main

Reviewed-on: Pozomind/pozo-retail-app#310

src/App.jsx

@@ -26,7 +26,6 @@ import useSubscriptionManager from './useSubscriptionManager.js';
 import useSessionManager from './useSessionManager.js';
 import ExtendSubscriptionModal from './Pages/ExtentedModal/ExtendSubscriptionModal.jsx';
 import devtools from 'devtools-detect';
-import { useDevToolsDetection } from './utils/useDevToolsDetection.js';
 
 const isCapacitor = () => !!window.Capacitor?.isNativePlatform?.();
 
@@ -172,66 +171,46 @@ const AppRoutes = () => {
     };
   }, [navigate, location.pathname, location.search]);
   // mohan
-  // useEffect(() => {
+  useEffect(() => {
-  //   if (isMobile || isIOS) {
+    if (isMobile || isIOS) {
-  //     console.log('📱 Mobile/iOS device → skipping DevTools detection');
+      console.log('📱 Mobile/iOS device → skipping DevTools detection');
-  //     return;
+      return;
-  //   }
-  //   const checkDevTools = setInterval(() => {
-  //     if (devtools.isOpen && !devToolsOpen) {
-  //       setDevToolsOpen(true);
-  //       document.body.innerHTML =
-  //         "<h1 style='color: red; text-align: center;'>Close Inspect to continue using the application.</h1>";
-  //     } else if (!devtools.isOpen && devToolsOpen) {
-  //       setDevToolsOpen(false);
-
-  //       setTimeout(() => {
-  //         window.location.reload();
-  //       }, 100);
-
-  //       clearInterval(checkDevTools);
-  //     }
-
-  //     if (!devtools.isOpen) {
-  //       let before = performance.now();
-
-  //       let after = performance.now();
-
-  //       let executionDelay = after - before;
-
-  //       if (executionDelay > 100) {
-  //         setDevToolsOpen(true);
-  //         document.body.innerHTML =
-  //           "<h1 style='color: red; text-align: center;'>Close Inspect to continue using the application.</h1>";
-  //       } else {
-  //         setDevToolsOpen(false);
-  //       }
-  //     }
-  //   }, 1000);
-
-  //   return () => clearInterval(checkDevTools);
-  // }, [devToolsOpen]);
-  const isBlocked = useDevToolsDetection(() => {
-    // optional: log, notify, etc.
-    console.warn('DevTools detected');
-  });
-
-  if (isBlocked) {
-    return (
-      <div style={{
-        display: 'flex',
-        justifyContent: 'center',
-        alignItems: 'center',
-        height: '100vh',
-        flexDirection: 'column',
-        gap: '1rem'
-      }}>
-        <h1 style={{ color: 'red' }}>
-          DevTools detected. Please close it to continue.
-        </h1>
-      </div>
-    );
     }
+    const checkDevTools = setInterval(() => {
+      if (devtools.isOpen && !devToolsOpen) {
+        setDevToolsOpen(true);
+        document.body.innerHTML =
+          "<h1 style='color: red; text-align: center;'>Close Inspect to continue using the application.</h1>";
+      } else if (!devtools.isOpen && devToolsOpen) {
+        setDevToolsOpen(false);
+
+        setTimeout(() => {
+          window.location.reload();
+        }, 100);
+
+        clearInterval(checkDevTools);
+      }
+
+      if (!devtools.isOpen) {
+        let before = performance.now();
+
+        let after = performance.now();
+
+        let executionDelay = after - before;
+
+        if (executionDelay > 100) {
+          setDevToolsOpen(true);
+          document.body.innerHTML =
+            "<h1 style='color: red; text-align: center;'>Close Inspect to continue using the application.</h1>";
+        } else {
+          setDevToolsOpen(false);
+        }
+      }
+    }, 1000);
+
+    return () => clearInterval(checkDevTools);
+  }, [devToolsOpen]);
+
   if (extendModel) {
     return (
       <ExtendSubscriptionModal

src/Features/BookingScreen/BookingData/BookingData.js

@@ -2163,7 +2163,7 @@ const BookingData = createSlice({
     builder.addCase(getAppSubscriptionDate.fulfilled, (state, action) => {
       if (action?.payload?.data?.statusCode === 1) {
         state.AppExpDateData =
-              action?.payload?.data?.data?.[0]|| {};
+          action?.payload?.data?.data?.[0] || {};
       } else {
         state.AppExpDateData = {};
       }

src/Pages/BookingScreen/Components/BSCategories/BSCategoryHorizontal.jsx

@@ -534,10 +534,14 @@ function BSCategoryHorizontal(props) {
         }
       } else {
         // 2 or more items, always show
+        if (FavSelected) {
+          setSubCat(false);
+        } else {
           setSubCat(true);
         }
       }
-  }, [SubcategorieData, templateData]);
+    }
+  }, [SubcategorieData, templateData, FavSelected]);
 
   useEffect(() => {
     if (typeof searchData === 'string' && categoryData?.length > 0) {

src/Pages/BookingScreen/LayoutSubCategoryFetcher.jsx

@@ -1,7 +1,9 @@
 import { useEffect } from 'react';
 import { useSelector, useDispatch, shallowEqual } from 'react-redux';
 import {
+  ChangeSubcategoryData,
   getLayoutSubCategories,
+  GlobalisFavClicked,
   GlobalProductCategorie,
 } from '../../Features/BookingScreen/BookingData/BookingData';
 import { getTemplateData } from '../../Features/ThemeChange/ThemeChange';
@@ -12,6 +14,7 @@ const LayoutSubCategoryFetcher = () => {
 
   const ProdCat = useSelector(GlobalProductCategorie, shallowEqual);
   const templateData = useSelector(getTemplateData, shallowEqual);
+  const favSelected = useSelector(GlobalisFavClicked);
 
   const CompId = getSession('CompId');
   const BranchId = getSession('BranchId');
@@ -23,6 +26,11 @@ const LayoutSubCategoryFetcher = () => {
     const isCategory5 = templateData?.BookingCategory?.[0] === 'Category5';
     const isLayout2 = templateData?.BookingLayout?.[0] === 'Layout2';
 
+    if (favSelected) {
+      dispatch(ChangeSubcategoryData([]));
+      return
+    }
+
     if (isCategory5 && isLayout2) {
       dispatch(
         getLayoutSubCategories({
@@ -37,6 +45,7 @@ const LayoutSubCategoryFetcher = () => {
     ProdCat,
     templateData?.BookingCategory?.[0],
     templateData?.BookingLayout?.[0],
+    favSelected
   ]);
 
   return null; // this component renders nothing

src/Pages/OtherServices/OtherServicesForm.jsx

@@ -49,7 +49,7 @@ const OtherServices = ({ formType }) => {
   const AppId = getSession('AppId');
   const UserId = getSession('UserId');
 
-  console.log(SelectedCategory, 'SelectedCategory');
+  console.log(TaxData, 'TaxData');
   const items = [
     {
       name: 'Home',
@@ -435,8 +435,8 @@ const OtherServices = ({ formType }) => {
                 <DropDowns
                   options={[
                     ...TaxData?.map((option) => ({
-                      value: option.TaxId,
+                      value: option?.TaxId,
-                      label: option.TaxIdName,
+                      label: `${option?.TaxIdName} - ${option?.TaxPercentage}%`,
                     })),
                   ]}
                   label="Tax"

src/utils/useDevToolsDetection.js

@@ -1,86 +0,0 @@
-const DevToolsDetector = {
-    checkWindowSize() {
-        const threshold = 160;
-        return (
-            window.outerWidth - window.innerWidth > threshold ||
-            window.outerHeight - window.innerHeight > threshold
-        );
-    },
-
-    checkConsole() {
-        let detected = false;
-        const element = new Image();
-        Object.defineProperty(element, 'id', {
-            get: () => { detected = true; }
-        });
-        console.log('%c', element);
-        console.clear();
-        return detected;
-    },
-
-    checkDebugger() {
-        if (import.meta.env.DEV) return false;
-        const start = performance.now();
-        // eslint-disable-next-line no-debugger
-        debugger;
-        const end = performance.now();
-        return end - start > 100;
-    },
-
-    checkToString() {
-        let detected = false;
-        const div = document.createElement('div');
-        Object.defineProperty(div, 'id', {
-            get: function () {
-                detected = true;
-                return 'id';
-            }
-        });
-        console.log(div);
-        console.clear();
-        return detected;
-    },
-
-    detect() {
-        return (
-            this.checkWindowSize() ||
-            this.checkConsole() ||
-            this.checkDebugger() ||
-            this.checkToString()
-        );
-    }
-};
-
-export default DevToolsDetector;
-
-
-
-import { useEffect, useState } from 'react';
-
-const isMobileOrIOS = () =>
-    /iPhone|iPad|iPod|Android/i.test(navigator.userAgent);
-
-export const useDevToolsDetection = (onDetected) => {
-    const [isBlocked, setIsBlocked] = useState(false);
-
-    useEffect(() => {
-        if (isMobileOrIOS()) return;
-
-        const interval = setInterval(() => {
-            const detected = DevToolsDetector.detect();
-
-            if (detected && !isBlocked) {
-                setIsBlocked(true);
-                onDetected?.();
-            } else if (!detected && isBlocked) {
-                setIsBlocked(false);
-                clearInterval(interval);
-                setTimeout(() => window.location.reload(), 100);
-            }
-        }, 1000);
-
-        return () => clearInterval(interval);
-    }, [isBlocked]);
-
-    return isBlocked;
-};