@admin-layout/tailwind-design-pro 12.0.16-alpha.6 → 12.0.16-alpha.61

package/lib/components/SettingDrawer/NavigationsModes.js

@@ -1,4 +1,4 @@
-import {jsxs,jsx}from'react/jsx-runtime';import'react';import'@react-icons/all-files/fa/FaMoon.js';import'@react-icons/all-files/fa/FaSun.js';import'../../hooks/use-get-current-lat-long.js';import {useMediaQuery}from'../../hooks/useMediaQuery.js';const navigationModes = [{
+import {jsxs,jsx}from'react/jsx-runtime';import {useMemo}from'react';import'@react-icons/all-files/fa/FaMoon.js';import'@react-icons/all-files/fa/FaSun.js';import {useMediaQuery}from'../../hooks/useMediaQuery.js';import {getSettingValue}from'../../utils/settingsUtils.js';const navigationModes = [{
   key: 'sidebar',
   title: 'Sidebar',
   svg: jsxs("svg", {
@@ -219,19 +219,107 @@ const menuTypes = [{
       opacity: "0.65"
     })]
   })
+}, {
+  key: 'perplexLayout',
+  title: 'Perplex Layout',
+  svg: jsxs("svg", {
+    width: "58",
+    height: "50",
+    viewBox: "0 0 80 60",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [jsx("rect", {
+      x: "1",
+      y: "1",
+      width: "78",
+      height: "58",
+      rx: "4",
+      fill: "white",
+      stroke: "#E5E7EB",
+      strokeWidth: "2"
+    }), jsx("rect", {
+      x: "1",
+      y: "1",
+      width: "20",
+      height: "58",
+      rx: "3",
+      fill: "#0F172A"
+    }), jsx("rect", {
+      x: "5",
+      y: "10",
+      width: "10",
+      height: "3",
+      rx: "1.5",
+      fill: "white",
+      opacity: "0.9"
+    }), jsx("rect", {
+      x: "5",
+      y: "20",
+      width: "10",
+      height: "3",
+      rx: "1.5",
+      fill: "white",
+      opacity: "0.6"
+    }), jsx("rect", {
+      x: "5",
+      y: "30",
+      width: "10",
+      height: "3",
+      rx: "1.5",
+      fill: "white",
+      opacity: "0.4"
+    }), jsx("rect", {
+      x: "25",
+      y: "10",
+      width: "40",
+      height: "3",
+      rx: "1.5",
+      fill: "#0F172A",
+      opacity: "0.7"
+    }), jsx("rect", {
+      x: "25",
+      y: "20",
+      width: "30",
+      height: "3",
+      rx: "1.5",
+      fill: "#0F172A",
+      opacity: "0.5"
+    }), jsx("rect", {
+      x: "25",
+      y: "35",
+      width: "45",
+      height: "3",
+      rx: "1.5",
+      fill: "#0F172A",
+      opacity: "0.4"
+    }), jsx("rect", {
+      x: "25",
+      y: "45",
+      width: "35",
+      height: "3",
+      rx: "1.5",
+      fill: "#0F172A",
+      opacity: "0.3"
+    })]
+  })
 }];
 function NavigationModes({
   changeSetting,
   settings,
-  location
+  location,
+  routePattern,
+  applyToAllRoutes = false
 }) {
   const {
     isMobile
   } = useMediaQuery();
-  const currentRoute = location?.pathname || '/';
-  const routeSettings = settings?.routeSettings?.[currentRoute] || settings?.routeSettings?.['/'] || settings;
+  const currentRoute = routePattern || location?.pathname || '/';
   const deviceType = isMobile ? 'mobile' : 'desktop';
-  const deviceLayout = routeSettings?.layout?.[deviceType] || {};
+  // Get navigation values using the utility function
+  const navigationValues = useMemo(() => ({
+    navigationMode: getSettingValue(settings, 'navigationMode', applyToAllRoutes, currentRoute, deviceType, 'mixed'),
+    sideMenuType: getSettingValue(settings, 'sideMenuType', applyToAllRoutes, currentRoute, deviceType, 'expanded')
+  }), [settings, applyToAllRoutes, currentRoute, deviceType]);
   return jsxs("div", {
     className: "space-y-8",
     children: [jsxs("section", {
@@ -242,13 +330,13 @@ function NavigationModes({
         className: "flex flex-row gap-4",
         children: navigationModes.map((mode, index) => jsx("div", {
           className: "relative cursor-pointer hover:opacity-80 transition-opacity shadow-sm dark:shadow-md rounded overflow-hidden",
-          onClick: () => changeSetting(`routeSettings.${currentRoute}.layout.${deviceType}`, {
-            ...deviceLayout,
-            navigationMode: mode.key
-          }),
+          onClick: () => {
+            // Pass simple key - handleSettingChange in SettingDrawer will decide if it's global or route-specific
+            changeSetting('navigationMode', mode.key);
+          },
           children: jsxs("div", {
             className: "relative",
-            children: [mode.svg, deviceLayout?.navigationMode === mode.key && jsx("svg", {
+            children: [mode.svg, navigationValues.navigationMode === mode.key && jsx("svg", {
               className: "absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 w-6 h-6 text-blue-500 pointer-events-none",
               viewBox: "0 0 24 24",
               fill: "currentColor",
@@ -267,13 +355,13 @@ function NavigationModes({
         className: "flex flex-row gap-4",
         children: menuTypes.map((type, index) => jsx("div", {
           className: "relative cursor-pointer hover:opacity-80 transition-opacity shadow-sm dark:shadow-md rounded overflow-hidden",
-          onClick: () => changeSetting(`routeSettings.${currentRoute}.layout.${deviceType}`, {
-            ...deviceLayout,
-            sideMenuType: type.key
-          }),
+          onClick: () => {
+            // Pass simple key - handleSettingChange in SettingDrawer will decide if it's global or route-specific
+            changeSetting('sideMenuType', type.key);
+          },
           children: jsxs("div", {
             className: "relative",
-            children: [type.svg, deviceLayout?.sideMenuType === type.key && jsx("svg", {
+            children: [type.svg, navigationValues.sideMenuType === type.key && jsx("svg", {
               className: "absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 w-6 h-6 text-blue-500 pointer-events-none",
               viewBox: "0 0 24 24",
               fill: "currentColor",

package/lib/components/SettingDrawer/NavigationsModes.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationsModes.js","sources":["../../../src/components/SettingDrawer/NavigationsModes.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"uPAIA,MAAM,eAAe,GAAG,CAAA;AACpB,EAAA,GAAA,EAAA,SAAA;AACI,EAAA,KAAA,EAAA,SAAc;AACd,EAAA,GAAA,EAAAA,IAAA,CAAK,KAAW,EAAA;AAChB,IAAA,KAAA,EAAG,IACM;AAQZ,IAAA,MAAA,EAAA,IAAA;AACD,IAAA,OAAA,EAAA,WAAA;AACI,IAAA,KAAA,EAAG,4BAAU;AACb,IAAA,QAAA,GAAOC,GAAS,CAAA,MAAA,EAAA;AAChB,MAAA,KAAG,EAAE,IACI;AAQZ,MAAA,MAAA,EAAA,IAAA;AACD,MAAA,EAAA,EAAA,GAAA;AACI,MAAA,IAAA;AACA,KAAA,CAAA,EAAAA,GAAA,CAAK,MAAS,EAAA;SACX,GAAA;AAaN,MAAA,CAAA,EAAA,GAAA;MACH,KAAA,EAAA,IAAA;AAEF,MAAM,YAAY;AACd,MAAA,IAAA,EAAA;AACI,KAAA,CAAA,EAAAA,IAAK,MAAS,EAAA;AACd,MAAA,CAAA,EAAA,GAAA;SACG,GAAA;AAQN,MAAA,KAAA,EAAA,IAAA;AACD,MAAA,MAAA,EAAA,GAAA;AACI,MAAA,EAAA,EAAA,GAAK;AACL,MAAA,IAAA,EAAA;QACAA,GAAG,CAAE,MACD,EAAA;AAOP,MAAA,CAAA,EAAA,GAAA;MACH,CAAA,EAAA,IAAA;AAEF,MAAM,KAAQ,EAAA,IAAA;AACV,MAAA,MAAQ,EAAQ,GAAA;AAChB,MAAA,EAAA,EAAM;AACN,MAAA,IAAM;MACA,OAAA,EAAA;KACA,CAAA,EAAAA,GAAA,CAAA,MAAA,EAAA;MAEC,CAAA,EAAA,GACH;AAa4B,MAAA,CAAA,EAAA,IAAA;;;AAkCA,MAAA,EAAA,EAAA,GAAA;;;AAuBpC,KAAC,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"NavigationsModes.js","sources":["../../../src/components/SettingDrawer/NavigationsModes.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"gRAIA,MAAM,eAAe,GAAG,CAAA;AACpB,EAAA,GAAA,EAAA,SAAA;AACI,EAAA,KAAA,EAAA,SAAK;AACL,EAAA,GAAA,EAAAA,IAAA,CAAK,KAAE,EAAA;AACP,IAAA,KAAA,EAAG,IACC;AAQP,IAAA,MAAA,EAAA,IAAA;AACD,IAAA,OAAA,EAAA,WAAA;AACI,IAAA,KAAA,EAAG,4BAAU;AACb,IAAA,QAAA,GAAOC,GAAA,CAAA,MAAS,EAAA;AAChB,MAAA,KAAG,EAAE,IACD;AAQP,MAAA,MAAA,EAAA,IAAA;AACD,MAAA,EAAA,EAAA,GAAA;AACI,MAAA,IAAA;AACA,KAAA,CAAA,EAAAA,GAAA,CAAK,MAAE,EAAA;SACP,GAAG;AAaN,MAAA,CAAA,EAAA,GAAA;MACH,KAAA,EAAA,IAAA;AAEF,MAAM,YAAY;AACd,MAAA,IAAA,EAAA;AACI,KAAA,CAAA,EAAAA,IAAK,MAAA,EAAA;AACL,MAAA,CAAA,EAAA,GAAA;SACA,GAAG;AAQN,MAAA,KAAA,EAAA,IAAA;AACD,MAAA,MAAA,EAAA,GAAA;AACI,MAAA,EAAA,EAAA,GAAK;AACL,MAAA,IAAA,EAAA;QACAA,GAAG,CAAE,MACD,EAAA;AAOP,MAAA,CAAA,EAAA,GAAA;AACD,MAAA,CAAA,EAAA,IAAA;AACI,MAAA,KAAG,EAAE,IAAA;AACL,MAAA,MAAA,KAAO;AACP,MAAA,EAAA,EAAA,GAAK;AAaR,MAAA,IAAA,EAAA,SAAA;MACH,OAAA,EAAA;AAEF,KAAA,CAAA,EAAOA,GAAE,CAAA,MAAS,EAAA;AAClB,MAAA,CAAO,EAAE,GAAA;AAET,MAAM,CAAC,EAAA,IAAA;AAOH,MAAA,OAAQ,IAAA;MACR,MAAM,EAAA,GAAA;AACN,MAAA,EAAA,EAAM,GAAA;MAEN,IAAA,EAAA,SAAA;AACA,MAAA;AAEQ,KAAA,CAAA;AAQA,GAAA;;KAYR,EAAA;;AAc4B,EAAA,GAAA,EAAAD,IAAA,CAAA,KAAA,EAAA;;;AAgCA,IAAA,OAAA,EAAA,WAAA;uCACH;AAoB7B,IAAC,QAAA,EAAA,CAAAC,GAAA,CAAA,MAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/SettingDrawer/RegionalSettings.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RegionalSettings.d.ts","sourceRoot":"","sources":["../../../src/components/SettingDrawer/RegionalSettings.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAKjD,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,KAAK,EAAE,sBAAsB,2CAgoBrE"}
+{"version":3,"file":"RegionalSettings.d.ts","sourceRoot":"","sources":["../../../src/components/SettingDrawer/RegionalSettings.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAMjD,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,KAAK,EAAE,sBAAsB,2CA4hBrE"}

package/lib/components/SettingDrawer/RegionalSettings.js

@@ -1,19 +1,18 @@
-import {jsxs,jsx,Fragment}from'react/jsx-runtime';import*as React from'react';import {useTranslation}from'react-i18next';import {Switch}from'./Switch/index.js';import {SearchBarBehavior}from'../../machines/types.js';import {config}from'../../config/env-config.js';import'@react-icons/all-files/fa/FaMoon.js';import'@react-icons/all-files/fa/FaSun.js';import'../../hooks/use-get-current-lat-long.js';import {useMediaQuery}from'../../hooks/useMediaQuery.js';function RegionalSettings(props) {
+import {jsxs,jsx,Fragment}from'react/jsx-runtime';import*as React from'react';import {useTranslation}from'react-i18next';import {Switch}from'./Switch/index.js';import {SearchBarBehavior}from'../../machines/types.js';import {config}from'../../config/env-config.js';import'@react-icons/all-files/fa/FaMoon.js';import'@react-icons/all-files/fa/FaSun.js';import {useMediaQuery}from'../../hooks/useMediaQuery.js';import {getSettingValue}from'../../utils/settingsUtils.js';function RegionalSettings(props) {
   const {
     t
   } = useTranslation('settings');
   const {
     settings,
     changeSetting,
-    location
+    location,
+    routePattern,
+    applyToAllRoutes = false
   } = props;
   const {
     navTheme
   } = settings || {};
-  const currentRoute = location?.pathname || '/';
-  const {
-    regions = {}
-  } = settings?.routeSettings?.[currentRoute] || {};
+  const currentRoute = routePattern || location?.pathname || '/';
   const [isHeaderExpanded, setIsHeaderExpanded] = React.useState(false);
   const [isBackgroundExpanded, setIsBackgroundExpanded] = React.useState(true);
   const [activeBackgroundTab, setActiveBackgroundTab] = React.useState('desktop');
@@ -23,36 +22,55 @@ import {jsxs,jsx,Fragment}from'react/jsx-runtime';import*as React from'react';im
   } = useMediaQuery();
   const scrollThresholdConfig = JSON.parse(config.SCROLL_THRESHOLD);
   const deviceType = isMobile ? 'mobile' : 'desktop';
-  const handleRegionChange = (key, value) => {
+  // Helper to get config value using the utility function
+  const getConfigValue = (configKey, defaultValue, useActiveTab = true) => {
+    const device = useActiveTab ? activeBackgroundTab || activeHeaderTab : deviceType;
+    return getSettingValue(settings, configKey, applyToAllRoutes, currentRoute, device, defaultValue);
+  };
+  // Helper to set config value with override
+  const setConfigValue = (configKey, value, useActiveTab = true) => {
     if (!changeSetting) return;
-    changeSetting(`routeSettings.${currentRoute}.regions.${deviceType}.header`, {
-      ...regions[deviceType]?.header,
-      [key]: value
-    });
+    // Pass simple key - handleSettingChange in SettingDrawer will decide if it's global or route-specific
+    // based on the applyToAllRoutes flag
+    changeSetting(configKey, value);
+  };
+  const handleRegionChange = (key, value) => {
+    setConfigValue(`header.${key}`, value, false);
   };
   const handleRegionFooterChange = (key, value) => {
-    if (!changeSetting) return;
-    changeSetting(`routeSettings.${currentRoute}.regions.${deviceType}.footer`, {
-      ...regions[deviceType]?.footer,
-      [key]: value
-    });
+    setConfigValue(`footer.${key}`, value, false);
   };
   const handleBackgroundChange = (property, value) => {
-    if (!changeSetting) return;
-    changeSetting(`routeSettings.${currentRoute}.regions.${deviceType}.background`, {
-      ...regions[deviceType].background,
-      [property]: value
-    });
+    setConfigValue(`background.${property}`, value, true);
   };
   const handleHeaderChange = (element, value) => {
-    if (!changeSetting) return;
-    changeSetting(`routeSettings.${currentRoute}.regions.${deviceType}.header`, {
-      ...regions[deviceType]?.header,
-      [element]: value
-    });
+    setConfigValue(`header.${element}`, value, true);
   };
-  const header = regions[deviceType]?.header;
-  const background = regions[deviceType]?.background;
+  // Get current values using the override-aware getter with active header tab
+  const header = React.useMemo(() => ({
+    showLogo: getConfigValue('header.showLogo', true, true),
+    showSearchSlot: getConfigValue('header.showSearchSlot', true, true),
+    showRightContent: getConfigValue('header.showRightContent', true, true),
+    showMenuToggle: getConfigValue('header.showMenuToggle', true, true),
+    showBackButton: getConfigValue('header.showBackButton', true, true),
+    showPageTitle: getConfigValue('header.showPageTitle', true, true),
+    showActionButtons: getConfigValue('header.showActionButtons', true, true),
+    fixedHeader: getConfigValue('header.fixedHeader', true, true),
+    showHeader: getConfigValue('header.showHeader', true, true),
+    showMenu: getConfigValue('header.showMenu', true, true),
+    menuHeaderRender: getConfigValue('header.menuHeaderRender', true, true),
+    searchBarRender: getConfigValue('header.searchBarRender', true, true),
+    searchBarBehavior: getConfigValue('header.searchBarBehavior', SearchBarBehavior.PERMANENT, true),
+    searchBarOverlay: getConfigValue('header.searchBarOverlay', true, true),
+    scrollThreshold: getConfigValue('header.scrollThreshold', scrollThresholdConfig.DEFAULT, true)
+  }), [activeHeaderTab, currentRoute, settings, applyToAllRoutes]);
+  const background = React.useMemo(() => ({
+    type: getConfigValue('background.type', 'color', true),
+    color: getConfigValue('background.color', 'inherit', true),
+    image: getConfigValue('background.image', '', true),
+    video: getConfigValue('background.video', '', true),
+    videoThumbnail: getConfigValue('background.videoThumbnail', '', true)
+  }), [activeBackgroundTab, currentRoute, settings, applyToAllRoutes]);
   // Helper function to render background settings based on current active tab
   const renderBackgroundSettings = () => {
     return jsxs(Fragment, {
@@ -263,7 +281,6 @@ import {jsxs,jsx,Fragment}from'react/jsx-runtime';import*as React from'react';im
   };
   // Helper function to render header settings based on current active tab
   const renderHeaderSettings = () => {
-    const isDesktop = activeHeaderTab === 'desktop';
     return jsxs("div", {
       className: "space-y-2",
       children: [jsxs("div", {
@@ -276,7 +293,7 @@ import {jsxs,jsx,Fragment}from'react/jsx-runtime';import*as React from'react';im
         }), jsx("div", {
           className: "flex-grow"
         }), jsx(Switch, {
-          value: isDesktop ? regions.desktop?.header?.showHeader ?? true : regions.mobile?.header?.showHeader ?? true,
+          value: header?.showHeader ?? true,
           onChange: checked => handleHeaderChange('showHeader', checked)
         })]
       }), jsxs("div", {
@@ -498,82 +515,12 @@ import {jsxs,jsx,Fragment}from'react/jsx-runtime';import*as React from'react';im
         className: `grid transition-all duration-300 ease-in-out ${isBackgroundExpanded ? 'grid-rows-[1fr]' : 'grid-rows-[0fr]'}`,
         children: jsx("div", {
           className: "overflow-hidden",
-          children: jsxs("div", {
+          children: jsx("div", {
             className: "ml-4 mb-4 border-l-2 border-gray-200 pl-4",
-            children: [jsxs("div", {
-              className: "flex mb-4 mt-1",
-              children: [jsx("button", {
-                className: `flex-1 py-2 px-4 text-sm font-medium transition-colors duration-200 rounded-l-lg border border-r-0 border-gray-300 ${activeBackgroundTab === 'desktop' ? 'bg-blue-500 text-white border-blue-500' : 'bg-white text-gray-700 hover:bg-gray-50'}`,
-                onClick: () => setActiveBackgroundTab('desktop'),
-                children: jsxs("span", {
-                  className: "flex items-center justify-center",
-                  children: [jsxs("svg", {
-                    xmlns: "http://www.w3.org/2000/svg",
-                    width: "16",
-                    height: "16",
-                    viewBox: "0 0 24 24",
-                    fill: "none",
-                    stroke: "currentColor",
-                    strokeWidth: "2",
-                    strokeLinecap: "round",
-                    strokeLinejoin: "round",
-                    className: "mr-1",
-                    children: [jsx("rect", {
-                      x: "2",
-                      y: "3",
-                      width: "20",
-                      height: "14",
-                      rx: "2",
-                      ry: "2"
-                    }), jsx("line", {
-                      x1: "8",
-                      y1: "21",
-                      x2: "16",
-                      y2: "21"
-                    }), jsx("line", {
-                      x1: "12",
-                      y1: "17",
-                      x2: "12",
-                      y2: "21"
-                    })]
-                  }), t('desktop_tab')]
-                })
-              }), jsx("button", {
-                className: `flex-1 py-2 px-4 text-sm font-medium transition-colors duration-200 rounded-r-lg border border-gray-300 ${activeBackgroundTab === 'mobile' ? 'bg-blue-500 text-white border-blue-500' : 'bg-white text-gray-700 hover:bg-gray-50'}`,
-                onClick: () => setActiveBackgroundTab('mobile'),
-                children: jsxs("span", {
-                  className: "flex items-center justify-center",
-                  children: [jsxs("svg", {
-                    xmlns: "http://www.w3.org/2000/svg",
-                    width: "16",
-                    height: "16",
-                    viewBox: "0 0 24 24",
-                    fill: "none",
-                    stroke: "currentColor",
-                    strokeWidth: "2",
-                    strokeLinecap: "round",
-                    strokeLinejoin: "round",
-                    className: "mr-1",
-                    children: [jsx("rect", {
-                      x: "5",
-                      y: "2",
-                      width: "14",
-                      height: "20",
-                      rx: "2",
-                      ry: "2"
-                    }), jsx("line", {
-                      x1: "12",
-                      y1: "18",
-                      x2: "12",
-                      y2: "18"
-                    })]
-                  }), t('mobile_tab')]
-                })
-              })]
-            }), jsx("div", {
+            children: jsx("div", {
               className: "mb-4",
               children: renderBackgroundSettings()
-            })]
+            })
           })
         })
       })]
@@ -607,77 +554,7 @@ import {jsxs,jsx,Fragment}from'react/jsx-runtime';import*as React from'react';im
           className: "overflow-hidden",
           children: jsxs("div", {
             className: "ml-4 mb-4 border-l-2 border-gray-200 pl-4",
-            children: [jsxs("div", {
-              className: "flex mb-4 mt-1",
-              children: [jsx("button", {
-                className: `flex-1 py-2 px-4 text-sm font-medium transition-colors duration-200 rounded-l-lg border border-r-0 border-gray-300 ${activeHeaderTab === 'desktop' ? 'bg-blue-500 text-white border-blue-500' : 'bg-white text-gray-700 hover:bg-gray-50'}`,
-                onClick: () => setActiveHeaderTab('desktop'),
-                children: jsxs("span", {
-                  className: "flex items-center justify-center",
-                  children: [jsxs("svg", {
-                    xmlns: "http://www.w3.org/2000/svg",
-                    width: "16",
-                    height: "16",
-                    viewBox: "0 0 24 24",
-                    fill: "none",
-                    stroke: "currentColor",
-                    strokeWidth: "2",
-                    strokeLinecap: "round",
-                    strokeLinejoin: "round",
-                    className: "mr-1",
-                    children: [jsx("rect", {
-                      x: "2",
-                      y: "3",
-                      width: "20",
-                      height: "14",
-                      rx: "2",
-                      ry: "2"
-                    }), jsx("line", {
-                      x1: "8",
-                      y1: "21",
-                      x2: "16",
-                      y2: "21"
-                    }), jsx("line", {
-                      x1: "12",
-                      y1: "17",
-                      x2: "12",
-                      y2: "21"
-                    })]
-                  }), t('desktop_tab')]
-                })
-              }), jsx("button", {
-                className: `flex-1 py-2 px-4 text-sm font-medium transition-colors duration-200 rounded-r-lg border border-gray-300 ${activeHeaderTab === 'mobile' ? 'bg-blue-500 text-white border-blue-500' : 'bg-white text-gray-700 hover:bg-gray-50'}`,
-                onClick: () => setActiveHeaderTab('mobile'),
-                children: jsxs("span", {
-                  className: "flex items-center justify-center",
-                  children: [jsxs("svg", {
-                    xmlns: "http://www.w3.org/2000/svg",
-                    width: "16",
-                    height: "16",
-                    viewBox: "0 0 24 24",
-                    fill: "none",
-                    stroke: "currentColor",
-                    strokeWidth: "2",
-                    strokeLinecap: "round",
-                    strokeLinejoin: "round",
-                    className: "mr-1",
-                    children: [jsx("rect", {
-                      x: "5",
-                      y: "2",
-                      width: "14",
-                      height: "20",
-                      rx: "2",
-                      ry: "2"
-                    }), jsx("line", {
-                      x1: "12",
-                      y1: "18",
-                      x2: "12",
-                      y2: "18"
-                    })]
-                  }), t('mobile_tab')]
-                })
-              })]
-            }), jsx("div", {
+            children: [jsx("div", {
               className: "mb-4",
               children: renderHeaderSettings()
             }), jsxs("div", {
@@ -706,7 +583,7 @@ import {jsxs,jsx,Fragment}from'react/jsx-runtime';import*as React from'react';im
       }), jsx("div", {
         className: "flex-grow"
       }), jsx(Switch, {
-        value: regions[deviceType]?.footer?.showFooter,
+        value: getConfigValue('footer.showFooter', true),
         onChange: checked => handleRegionFooterChange('showFooter', checked)
       })]
     }), jsxs("div", {
@@ -719,7 +596,7 @@ import {jsxs,jsx,Fragment}from'react/jsx-runtime';import*as React from'react';im
       }), jsx("div", {
         className: "flex-grow"
       }), jsx(Switch, {
-        value: regions[deviceType]?.header?.showMenu,
+        value: getConfigValue('header.showMenu', true),
         onChange: checked => handleRegionChange('showMenu', checked)
       })]
     }), jsxs("div", {
@@ -732,7 +609,7 @@ import {jsxs,jsx,Fragment}from'react/jsx-runtime';import*as React from'react';im
       }), jsx("div", {
         className: "flex-grow"
       }), jsx(Switch, {
-        value: regions[deviceType]?.header?.menuHeaderRender,
+        value: getConfigValue('header.menuHeaderRender', true),
         onChange: checked => handleRegionChange('menuHeaderRender', checked)
       })]
     })]

package/lib/components/SettingDrawer/RegionalSettings.js.map

@@ -1 +1 @@
-{"version":3,"file":"RegionalSettings.js","sources":["../../../src/components/SettingDrawer/RegionalSettings.tsx"],"sourcesContent":[null],"names":["_jsxs","_Fragment","_jsx"],"mappings":"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"}
+{"version":3,"file":"RegionalSettings.js","sources":["../../../src/components/SettingDrawer/RegionalSettings.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"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"}

package/lib/components/SettingDrawer/SettingDrawer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SettingDrawer.d.ts","sourceRoot":"","sources":["../../../src/components/SettingDrawer/SettingDrawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAe/B,OAAO,EAAsB,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAoTjE,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,GAAG,GAAG,CAyR5D,CAAC"}
+{"version":3,"file":"SettingDrawer.d.ts","sourceRoot":"","sources":["../../../src/components/SettingDrawer/SettingDrawer.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAgB/B,OAAO,EAAsB,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAsVjE,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,GAAG,GAAG,CA6qB5D,CAAC"}