@admin-layout/tailwind-design-pro 12.0.16-alpha.92 → 12.2.1-alpha.0

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

@@ -1,4 +1,4 @@
-import {jsxs,jsx,Fragment}from'react/jsx-runtime';import*as React from'react';import {useTranslation}from'react-i18next';import {Switch}from'./Switch.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) {
+import*as React from'react';import {useTranslation}from'react-i18next';import {Switch}from'./Switch.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');
@@ -73,545 +73,447 @@ import {jsxs,jsx,Fragment}from'react/jsx-runtime';import*as React from'react';im
   }), [activeBackgroundTab, currentRoute, settings, applyToAllRoutes]);
   // Helper function to render background settings based on current active tab
   const renderBackgroundSettings = () => {
-    return jsxs(Fragment, {
-      children: [jsxs("div", {
-        className: "mb-4",
-        children: [jsx("p", {
-          className: "font-medium mb-2",
-          style: {
-            color: navTheme === 'dark' ? '#ffff' : 'black'
-          },
-          children: t('background_type')
-        }), jsxs("div", {
-          className: "flex mb-3 rounded-lg overflow-hidden border border-gray-200 divide-x divide-gray-200 bg-gray-50",
-          children: [jsxs("button", {
-            className: `flex-1 py-2 px-3 text-sm font-medium transition-colors duration-200 flex items-center justify-center ${background?.type === 'color' ? 'bg-blue-500 text-white' : 'bg-white text-gray-700 hover:bg-gray-100'}`,
-            onClick: () => handleBackgroundChange('type', 'color'),
-            children: [jsx("span", {
-              className: "mr-1",
-              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",
-                children: [jsx("circle", {
-                  cx: "12",
-                  cy: "12",
-                  r: "10"
-                }), jsx("path", {
-                  d: "M12 8v8M8 12h8"
-                })]
-              })
-            }), t('color')]
-          }), jsxs("button", {
-            className: `flex-1 py-2 px-3 text-sm font-medium transition-colors duration-200 flex items-center justify-center ${background?.type === 'image' ? 'bg-blue-500 text-white' : 'bg-white text-gray-700 hover:bg-gray-100'}`,
-            onClick: () => handleBackgroundChange('type', 'image'),
-            children: [jsx("span", {
-              className: "mr-1",
-              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",
-                children: [jsx("rect", {
-                  x: "3",
-                  y: "3",
-                  width: "18",
-                  height: "18",
-                  rx: "2",
-                  ry: "2"
-                }), jsx("circle", {
-                  cx: "8.5",
-                  cy: "8.5",
-                  r: "1.5"
-                }), jsx("polyline", {
-                  points: "21 15 16 10 5 21"
-                })]
-              })
-            }), t('image')]
-          }), jsxs("button", {
-            className: `flex-1 py-2 px-3 text-sm font-medium transition-colors duration-200 flex items-center justify-center ${background?.type === 'video' ? 'bg-blue-500 text-white' : 'bg-white text-gray-700 hover:bg-gray-100'}`,
-            onClick: () => handleBackgroundChange('type', 'video'),
-            children: [jsx("span", {
-              className: "mr-1",
-              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",
-                children: [jsx("polygon", {
-                  points: "23 7 16 12 23 17 23 7"
-                }), jsx("rect", {
-                  x: "1",
-                  y: "5",
-                  width: "15",
-                  height: "14",
-                  rx: "2",
-                  ry: "2"
-                })]
-              })
-            }), t('video')]
-          })]
-        })]
-      }), background?.type === 'color' && jsxs("div", {
-        className: "mb-4",
-        children: [jsx("p", {
-          className: "mb-2",
-          style: {
-            color: navTheme === 'dark' ? '#ffff' : 'black'
-          },
-          children: t('background_color')
-        }), jsxs("div", {
-          className: "flex items-center",
-          children: [jsx("div", {
-            className: "w-12 h-12 rounded-lg border border-gray-300 mr-3 flex-shrink-0 shadow-sm",
-            style: {
-              backgroundColor: background?.color === 'inherit' ? '#ffffff' : background?.color || '#ffffff'
-            }
-          }), jsx("div", {
-            className: "flex-grow",
-            children: jsx("input", {
-              type: "color",
-              value: background?.color === 'inherit' ? '#ffffff' : background?.color || '#ffffff',
-              onChange: e => handleBackgroundChange('color', e.target.value),
-              className: "w-full h-10 rounded cursor-pointer"
-            })
-          })]
-        }), jsx("div", {
-          className: "flex flex-wrap gap-2 mt-3",
-          children: ['#ffffff', '#f2f2f2', '#e6e6e6', '#1890ff', '#52c41a', '#faad14', '#f5222d', '#722ed1'].map(color => jsx("button", {
-            className: `w-8 h-8 rounded-full border ${color === (background?.color || '#ffffff') ? 'border-blue-500 border-2' : 'border-gray-300'}`,
-            style: {
-              backgroundColor: color
-            },
-            onClick: () => handleBackgroundChange('color', color),
-            "aria-label": `Select color ${color}`
-          }, color))
-        })]
-      }), background?.type === 'image' && jsxs("div", {
-        className: "mb-2",
-        children: [jsx("div", {
-          className: "flex items-center mb-1",
-          children: jsx("p", {
-            style: {
-              color: navTheme === 'dark' ? '#ffff' : 'black'
-            },
-            children: t('image_url')
-          })
-        }), jsx("input", {
-          type: "text",
-          placeholder: t('image_url'),
-          value: background?.image || '',
-          onChange: e => handleBackgroundChange('image', e.target.value),
-          className: "w-full p-1 text-sm border border-gray-300 rounded"
-        }), background?.image && jsx("div", {
-          className: "mt-2 p-1 border border-gray-300 rounded",
-          children: jsx("img", {
-            src: background?.image,
-            alt: "Background preview",
-            className: "w-full h-24 object-cover",
-            onError: e => {
-              const target = e.target;
-              target.src = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxyZWN0IHg9IjMiIHk9IjMiIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgcng9IjIiIHJ5PSIyIj48L3JlY3Q+PGNpcmNsZSBjeD0iOC41IiBjeT0iOC41IiByPSIxLjUiPjwvY2lyY2xlPjxwb2x5bGluZSBwb2ludHM9IjIxIDEzLjg1IDE2IDEwLjk4IDgiIDE1Ij48L3BvbHlsaW5lPjwvc3ZnPg==';
-            }
-          })
-        })]
-      }), background?.type === 'video' && jsxs("div", {
-        className: "mb-2",
-        children: [jsx("div", {
-          className: "flex items-center mb-1",
-          children: jsx("p", {
-            style: {
-              color: navTheme === 'dark' ? '#ffff' : 'black'
-            },
-            children: t('video_url')
-          })
-        }), jsx("input", {
-          type: "text",
-          placeholder: t('video_url'),
-          value: background?.video || '',
-          onChange: e => handleBackgroundChange('video', e.target.value),
-          className: "w-full p-1 text-sm border border-gray-300 rounded"
-        }), jsx("div", {
-          className: "flex items-center mt-3 mb-1",
-          children: jsx("p", {
-            style: {
-              color: navTheme === 'dark' ? '#ffff' : 'black'
-            },
-            children: t('video_thumbnail')
-          })
-        }), jsx("input", {
-          type: "text",
-          placeholder: t('video_thumbnail'),
-          value: background?.videoThumbnail || '',
-          onChange: e => handleBackgroundChange('videoThumbnail', e.target.value),
-          className: "w-full p-1 text-sm border border-gray-300 rounded"
-        }), jsx("div", {
-          className: "flex flex-wrap gap-2 mt-3",
-          children: !background?.video && background?.videoThumbnail && jsx("div", {
-            className: "mt-2 p-1 border border-gray-300 rounded w-full",
-            children: jsx("img", {
-              src: background?.videoThumbnail,
-              alt: "Video thumbnail preview",
-              className: "w-full h-24 object-cover",
-              onError: e => {
-                const target = e.target;
-                target.src = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwb2x5Z29uIHBvaW50cz0iMjMgNyAxNiAxMiAyMyAxNyAyMyA3Ij48L3BvbHlnb24+PHJlY3QgeD0iMSIgeT0iNSIgd2lkdGg9IjE1IiBoZWlnaHQ9IjE0IiByeD0iMiIgcnk9IjIiPjwvcmVjdD48L3N2Zz4=';
-              }
-            })
-          })
-        })]
-      })]
-    });
+    return React.createElement(React.Fragment, null, React.createElement("div", {
+      className: "mb-4"
+    }, React.createElement("p", {
+      className: "font-medium mb-2",
+      style: {
+        color: navTheme === 'dark' ? '#ffff' : 'black'
+      }
+    }, t('background_type')), React.createElement("div", {
+      className: "flex mb-3 rounded-lg overflow-hidden border border-gray-200 divide-x divide-gray-200 bg-gray-50"
+    }, React.createElement("button", {
+      className: `flex-1 py-2 px-3 text-sm font-medium transition-colors duration-200 flex items-center justify-center ${background?.type === 'color' ? 'bg-blue-500 text-white' : 'bg-white text-gray-700 hover:bg-gray-100'}`,
+      onClick: () => handleBackgroundChange('type', 'color')
+    }, React.createElement("span", {
+      className: "mr-1"
+    }, React.createElement("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"
+    }, React.createElement("circle", {
+      cx: "12",
+      cy: "12",
+      r: "10"
+    }), React.createElement("path", {
+      d: "M12 8v8M8 12h8"
+    }))), t('color')), React.createElement("button", {
+      className: `flex-1 py-2 px-3 text-sm font-medium transition-colors duration-200 flex items-center justify-center ${background?.type === 'image' ? 'bg-blue-500 text-white' : 'bg-white text-gray-700 hover:bg-gray-100'}`,
+      onClick: () => handleBackgroundChange('type', 'image')
+    }, React.createElement("span", {
+      className: "mr-1"
+    }, React.createElement("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"
+    }, React.createElement("rect", {
+      x: "3",
+      y: "3",
+      width: "18",
+      height: "18",
+      rx: "2",
+      ry: "2"
+    }), React.createElement("circle", {
+      cx: "8.5",
+      cy: "8.5",
+      r: "1.5"
+    }), React.createElement("polyline", {
+      points: "21 15 16 10 5 21"
+    }))), t('image')), React.createElement("button", {
+      className: `flex-1 py-2 px-3 text-sm font-medium transition-colors duration-200 flex items-center justify-center ${background?.type === 'video' ? 'bg-blue-500 text-white' : 'bg-white text-gray-700 hover:bg-gray-100'}`,
+      onClick: () => handleBackgroundChange('type', 'video')
+    }, React.createElement("span", {
+      className: "mr-1"
+    }, React.createElement("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"
+    }, React.createElement("polygon", {
+      points: "23 7 16 12 23 17 23 7"
+    }), React.createElement("rect", {
+      x: "1",
+      y: "5",
+      width: "15",
+      height: "14",
+      rx: "2",
+      ry: "2"
+    }))), t('video')))), background?.type === 'color' && React.createElement("div", {
+      className: "mb-4"
+    }, React.createElement("p", {
+      className: "mb-2",
+      style: {
+        color: navTheme === 'dark' ? '#ffff' : 'black'
+      }
+    }, t('background_color')), React.createElement("div", {
+      className: "flex items-center"
+    }, React.createElement("div", {
+      className: "w-12 h-12 rounded-lg border border-gray-300 mr-3 flex-shrink-0 shadow-sm",
+      style: {
+        backgroundColor: background?.color === 'inherit' ? '#ffffff' : background?.color || '#ffffff'
+      }
+    }), React.createElement("div", {
+      className: "flex-grow"
+    }, React.createElement("input", {
+      type: "color",
+      value: background?.color === 'inherit' ? '#ffffff' : background?.color || '#ffffff',
+      onChange: e => handleBackgroundChange('color', e.target.value),
+      className: "w-full h-10 rounded cursor-pointer"
+    }))), React.createElement("div", {
+      className: "flex flex-wrap gap-2 mt-3"
+    }, ['#ffffff', '#f2f2f2', '#e6e6e6', '#1890ff', '#52c41a', '#faad14', '#f5222d', '#722ed1'].map(color => React.createElement("button", {
+      key: color,
+      className: `w-8 h-8 rounded-full border ${color === (background?.color || '#ffffff') ? 'border-blue-500 border-2' : 'border-gray-300'}`,
+      style: {
+        backgroundColor: color
+      },
+      onClick: () => handleBackgroundChange('color', color),
+      "aria-label": `Select color ${color}`
+    })))), background?.type === 'image' && React.createElement("div", {
+      className: "mb-2"
+    }, React.createElement("div", {
+      className: "flex items-center mb-1"
+    }, React.createElement("p", {
+      style: {
+        color: navTheme === 'dark' ? '#ffff' : 'black'
+      }
+    }, t('image_url'))), React.createElement("input", {
+      type: "text",
+      placeholder: t('image_url'),
+      value: background?.image || '',
+      onChange: e => handleBackgroundChange('image', e.target.value),
+      className: "w-full p-1 text-sm border border-gray-300 rounded"
+    }), background?.image && React.createElement("div", {
+      className: "mt-2 p-1 border border-gray-300 rounded"
+    }, React.createElement("img", {
+      src: background?.image,
+      alt: "Background preview",
+      className: "w-full h-24 object-cover",
+      onError: e => {
+        const target = e.target;
+        target.src = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxyZWN0IHg9IjMiIHk9IjMiIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgcng9IjIiIHJ5PSIyIj48L3JlY3Q+PGNpcmNsZSBjeD0iOC41IiBjeT0iOC41IiByPSIxLjUiPjwvY2lyY2xlPjxwb2x5bGluZSBwb2ludHM9IjIxIDEzLjg1IDE2IDEwLjk4IDgiIDE1Ij48L3BvbHlsaW5lPjwvc3ZnPg==';
+      }
+    }))), background?.type === 'video' && React.createElement("div", {
+      className: "mb-2"
+    }, React.createElement("div", {
+      className: "flex items-center mb-1"
+    }, React.createElement("p", {
+      style: {
+        color: navTheme === 'dark' ? '#ffff' : 'black'
+      }
+    }, t('video_url'))), React.createElement("input", {
+      type: "text",
+      placeholder: t('video_url'),
+      value: background?.video || '',
+      onChange: e => handleBackgroundChange('video', e.target.value),
+      className: "w-full p-1 text-sm border border-gray-300 rounded"
+    }), React.createElement("div", {
+      className: "flex items-center mt-3 mb-1"
+    }, React.createElement("p", {
+      style: {
+        color: navTheme === 'dark' ? '#ffff' : 'black'
+      }
+    }, t('video_thumbnail'))), React.createElement("input", {
+      type: "text",
+      placeholder: t('video_thumbnail'),
+      value: background?.videoThumbnail || '',
+      onChange: e => handleBackgroundChange('videoThumbnail', e.target.value),
+      className: "w-full p-1 text-sm border border-gray-300 rounded"
+    }), React.createElement("div", {
+      className: "flex flex-wrap gap-2 mt-3"
+    }, !background?.video && background?.videoThumbnail && React.createElement("div", {
+      className: "mt-2 p-1 border border-gray-300 rounded w-full"
+    }, React.createElement("img", {
+      src: background?.videoThumbnail,
+      alt: "Video thumbnail preview",
+      className: "w-full h-24 object-cover",
+      onError: e => {
+        const target = e.target;
+        target.src = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwb2x5Z29uIHBvaW50cz0iMjMgNyAxNiAxMiAyMyAxNyAyMyA3Ij48L3BvbHlnb24+PHJlY3QgeD0iMSIgeT0iNSIgd2lkdGg9IjE1IiBoZWlnaHQ9IjE0IiByeD0iMiIgcnk9IjIiPjwvcmVjdD48L3N2Zz4=';
+      }
+    })))));
   };
   // Helper function to render header settings based on current active tab
   const renderHeaderSettings = () => {
-    return jsxs("div", {
-      className: "space-y-2",
-      children: [jsxs("div", {
-        className: "flex items-center",
-        children: [jsx("p", {
-          style: {
-            color: navTheme === 'dark' ? '#ffff' : 'black'
-          },
-          children: t('show_header')
-        }), jsx("div", {
-          className: "flex-grow"
-        }), jsx(Switch, {
-          value: header?.showHeader ?? true,
-          onChange: checked => handleHeaderChange('showHeader', checked)
-        })]
-      }), jsxs("div", {
-        className: "flex items-center",
-        children: [jsx("p", {
-          style: {
-            color: navTheme === 'dark' ? '#ffff' : 'black'
-          },
-          children: t('fixed_header')
-        }), jsx("div", {
-          className: "flex-grow"
-        }), jsx(Switch, {
-          value: header?.fixedHeader,
-          onChange: checked => handleHeaderChange('fixedHeader', checked)
-        })]
-      }), jsxs("div", {
-        className: "flex items-center",
-        children: [jsx("p", {
-          style: {
-            color: navTheme === 'dark' ? '#ffff' : 'black'
-          },
-          children: t('show_logo')
-        }), jsx("div", {
-          className: "flex-grow"
-        }), jsx(Switch, {
-          value: header?.showLogo,
-          onChange: checked => handleHeaderChange('showLogo', checked)
-        })]
-      }), jsxs("div", {
-        className: "flex items-center",
-        children: [jsx("p", {
-          style: {
-            color: navTheme === 'dark' ? '#ffff' : 'black'
-          },
-          children: t('show_search_slot')
-        }), jsx("div", {
-          className: "flex-grow"
-        }), jsx(Switch, {
-          value: header?.showSearchSlot,
-          onChange: checked => handleHeaderChange('showSearchSlot', checked)
-        })]
-      }), jsxs("div", {
-        className: "flex items-center",
-        children: [jsx("p", {
-          style: {
-            color: navTheme === 'dark' ? '#ffff' : 'black'
-          },
-          children: t('show_right_content')
-        }), jsx("div", {
-          className: "flex-grow"
-        }), jsx(Switch, {
-          value: header?.showRightContent,
-          onChange: checked => handleHeaderChange('showRightContent', checked)
-        })]
-      }), jsxs("div", {
-        className: "flex items-center",
-        children: [jsx("p", {
-          style: {
-            color: navTheme === 'dark' ? '#ffff' : 'black'
-          },
-          children: t('show_menu_toggle')
-        }), jsx("div", {
-          className: "flex-grow"
-        }), jsx(Switch, {
-          value: header?.showMenuToggle,
-          onChange: checked => handleHeaderChange('showMenuToggle', checked)
-        })]
-      }), jsxs("div", {
-        className: "flex items-center",
-        children: [jsx("p", {
-          style: {
-            color: navTheme === 'dark' ? '#ffff' : 'black'
-          },
-          children: t('show_back_button')
-        }), jsx("div", {
-          className: "flex-grow"
-        }), jsx(Switch, {
-          value: header?.showBackButton,
-          onChange: checked => handleHeaderChange('showBackButton', checked)
-        })]
-      }), jsxs("div", {
-        className: "flex items-center",
-        children: [jsx("p", {
-          style: {
-            color: navTheme === 'dark' ? '#ffff' : 'black'
-          },
-          children: t('show_page_title')
-        }), jsx("div", {
-          className: "flex-grow"
-        }), jsx(Switch, {
-          value: header?.showPageTitle,
-          onChange: checked => handleHeaderChange('showPageTitle', checked)
-        })]
-      }), jsxs("div", {
-        className: "flex items-center",
-        children: [jsx("p", {
-          style: {
-            color: navTheme === 'dark' ? '#ffff' : 'black'
-          },
-          children: t('show_action_buttons')
-        }), jsx("div", {
-          className: "flex-grow"
-        }), jsx(Switch, {
-          value: header?.showActionButtons,
-          onChange: checked => handleHeaderChange('showActionButtons', checked)
-        })]
-      })]
-    });
+    return React.createElement("div", {
+      className: "space-y-2"
+    }, React.createElement("div", {
+      className: "flex items-center"
+    }, React.createElement("p", {
+      style: {
+        color: navTheme === 'dark' ? '#ffff' : 'black'
+      }
+    }, t('show_header')), React.createElement("div", {
+      className: "flex-grow"
+    }), React.createElement(Switch, {
+      value: header?.showHeader ?? true,
+      onChange: checked => handleHeaderChange('showHeader', checked)
+    })), React.createElement("div", {
+      className: "flex items-center"
+    }, React.createElement("p", {
+      style: {
+        color: navTheme === 'dark' ? '#ffff' : 'black'
+      }
+    }, t('fixed_header')), React.createElement("div", {
+      className: "flex-grow"
+    }), React.createElement(Switch, {
+      value: header?.fixedHeader,
+      onChange: checked => handleHeaderChange('fixedHeader', checked)
+    })), React.createElement("div", {
+      className: "flex items-center"
+    }, React.createElement("p", {
+      style: {
+        color: navTheme === 'dark' ? '#ffff' : 'black'
+      }
+    }, t('show_logo')), React.createElement("div", {
+      className: "flex-grow"
+    }), React.createElement(Switch, {
+      value: header?.showLogo,
+      onChange: checked => handleHeaderChange('showLogo', checked)
+    })), React.createElement("div", {
+      className: "flex items-center"
+    }, React.createElement("p", {
+      style: {
+        color: navTheme === 'dark' ? '#ffff' : 'black'
+      }
+    }, t('show_search_slot')), React.createElement("div", {
+      className: "flex-grow"
+    }), React.createElement(Switch, {
+      value: header?.showSearchSlot,
+      onChange: checked => handleHeaderChange('showSearchSlot', checked)
+    })), React.createElement("div", {
+      className: "flex items-center"
+    }, React.createElement("p", {
+      style: {
+        color: navTheme === 'dark' ? '#ffff' : 'black'
+      }
+    }, t('show_right_content')), React.createElement("div", {
+      className: "flex-grow"
+    }), React.createElement(Switch, {
+      value: header?.showRightContent,
+      onChange: checked => handleHeaderChange('showRightContent', checked)
+    })), React.createElement("div", {
+      className: "flex items-center"
+    }, React.createElement("p", {
+      style: {
+        color: navTheme === 'dark' ? '#ffff' : 'black'
+      }
+    }, t('show_menu_toggle')), React.createElement("div", {
+      className: "flex-grow"
+    }), React.createElement(Switch, {
+      value: header?.showMenuToggle,
+      onChange: checked => handleHeaderChange('showMenuToggle', checked)
+    })), React.createElement("div", {
+      className: "flex items-center"
+    }, React.createElement("p", {
+      style: {
+        color: navTheme === 'dark' ? '#ffff' : 'black'
+      }
+    }, t('show_back_button')), React.createElement("div", {
+      className: "flex-grow"
+    }), React.createElement(Switch, {
+      value: header?.showBackButton,
+      onChange: checked => handleHeaderChange('showBackButton', checked)
+    })), React.createElement("div", {
+      className: "flex items-center"
+    }, React.createElement("p", {
+      style: {
+        color: navTheme === 'dark' ? '#ffff' : 'black'
+      }
+    }, t('show_page_title')), React.createElement("div", {
+      className: "flex-grow"
+    }), React.createElement(Switch, {
+      value: header?.showPageTitle,
+      onChange: checked => handleHeaderChange('showPageTitle', checked)
+    })), React.createElement("div", {
+      className: "flex items-center"
+    }, React.createElement("p", {
+      style: {
+        color: navTheme === 'dark' ? '#ffff' : 'black'
+      }
+    }, t('show_action_buttons')), React.createElement("div", {
+      className: "flex-grow"
+    }), React.createElement(Switch, {
+      value: header?.showActionButtons,
+      onChange: checked => handleHeaderChange('showActionButtons', checked)
+    })));
   };
   // Helper function to render search bar settings based on current active tab
   const renderSearchBarSettings = () => {
-    return jsxs("div", {
-      className: "space-y-2",
-      children: [jsxs("div", {
-        className: "flex items-center",
-        children: [jsx("p", {
-          style: {
-            color: navTheme === 'dark' ? '#ffff' : 'black'
-          },
-          children: t('search_bar')
-        }), jsx("div", {
-          className: "flex-grow"
-        }), jsx(Switch, {
-          value: header?.searchBarRender,
-          onChange: checked => handleHeaderChange('searchBarRender', checked)
-        })]
-      }), jsxs("div", {
-        className: "flex items-center",
-        children: [jsx("p", {
-          style: {
-            color: navTheme === 'dark' ? '#ffff' : 'black'
-          },
-          children: t('search_bar_on_scroll')
-        }), jsx("div", {
-          className: "flex-grow"
-        }), jsx(Switch, {
-          value: header?.searchBarBehavior === SearchBarBehavior.ON_SCROLL,
-          onChange: checked => handleHeaderChange('searchBarBehavior', checked ? SearchBarBehavior.ON_SCROLL : SearchBarBehavior.PERMANENT)
-        })]
-      }), jsxs("div", {
-        className: "flex items-center",
-        children: [jsx("p", {
-          style: {
-            color: navTheme === 'dark' ? '#ffff' : 'black'
-          },
-          children: t('search_bar_overlay')
-        }), jsx("div", {
-          className: "flex-grow"
-        }), jsx(Switch, {
-          value: header?.searchBarOverlay,
-          onChange: checked => handleHeaderChange('searchBarOverlay', checked)
-        })]
-      }), jsxs("div", {
-        className: "mb-4",
-        children: [jsxs("div", {
-          className: "flex items-center justify-between mb-2",
-          children: [jsx("p", {
-            style: {
-              color: navTheme === 'dark' ? '#ffff' : 'black'
-            },
-            children: t('scroll_threshold')
-          }), jsxs("span", {
-            className: "text-sm",
-            style: {
-              color: navTheme === 'dark' ? '#ffff' : 'black'
-            },
-            children: [header?.scrollThreshold || scrollThresholdConfig.DEFAULT, "px"]
-          })]
-        }), jsxs("div", {
-          className: "relative",
-          children: [jsx("input", {
-            type: "range",
-            min: scrollThresholdConfig.MIN,
-            max: scrollThresholdConfig.MAX,
-            step: scrollThresholdConfig.STEP,
-            value: header?.scrollThreshold || scrollThresholdConfig.DEFAULT,
-            onChange: e => handleHeaderChange('scrollThreshold', parseInt(e.target.value)),
-            className: "w-full h-2 bg-gray-200 rounded-lg appearance-none cursor-pointer"
-          }), jsxs("div", {
-            className: "flex justify-between text-xs mt-2",
-            children: [jsxs("span", {
-              children: [scrollThresholdConfig.MIN, "px"]
-            }), jsxs("span", {
-              children: [scrollThresholdConfig.MAX / 2, "px"]
-            }), jsxs("span", {
-              children: [scrollThresholdConfig.MAX, "px"]
-            })]
-          })]
-        })]
-      })]
-    });
+    return React.createElement("div", {
+      className: "space-y-2"
+    }, React.createElement("div", {
+      className: "flex items-center"
+    }, React.createElement("p", {
+      style: {
+        color: navTheme === 'dark' ? '#ffff' : 'black'
+      }
+    }, t('search_bar')), React.createElement("div", {
+      className: "flex-grow"
+    }), React.createElement(Switch, {
+      value: header?.searchBarRender,
+      onChange: checked => handleHeaderChange('searchBarRender', checked)
+    })), React.createElement("div", {
+      className: "flex items-center"
+    }, React.createElement("p", {
+      style: {
+        color: navTheme === 'dark' ? '#ffff' : 'black'
+      }
+    }, t('search_bar_on_scroll')), React.createElement("div", {
+      className: "flex-grow"
+    }), React.createElement(Switch, {
+      value: header?.searchBarBehavior === SearchBarBehavior.ON_SCROLL,
+      onChange: checked => handleHeaderChange('searchBarBehavior', checked ? SearchBarBehavior.ON_SCROLL : SearchBarBehavior.PERMANENT)
+    })), React.createElement("div", {
+      className: "flex items-center"
+    }, React.createElement("p", {
+      style: {
+        color: navTheme === 'dark' ? '#ffff' : 'black'
+      }
+    }, t('search_bar_overlay')), React.createElement("div", {
+      className: "flex-grow"
+    }), React.createElement(Switch, {
+      value: header?.searchBarOverlay,
+      onChange: checked => handleHeaderChange('searchBarOverlay', checked)
+    })), React.createElement("div", {
+      className: "mb-4"
+    }, React.createElement("div", {
+      className: "flex items-center justify-between mb-2"
+    }, React.createElement("p", {
+      style: {
+        color: navTheme === 'dark' ? '#ffff' : 'black'
+      }
+    }, t('scroll_threshold')), React.createElement("span", {
+      className: "text-sm",
+      style: {
+        color: navTheme === 'dark' ? '#ffff' : 'black'
+      }
+    }, header?.scrollThreshold || scrollThresholdConfig.DEFAULT, "px")), React.createElement("div", {
+      className: "relative"
+    }, React.createElement("input", {
+      type: "range",
+      min: scrollThresholdConfig.MIN,
+      max: scrollThresholdConfig.MAX,
+      step: scrollThresholdConfig.STEP,
+      value: header?.scrollThreshold || scrollThresholdConfig.DEFAULT,
+      onChange: e => handleHeaderChange('scrollThreshold', parseInt(e.target.value)),
+      className: "w-full h-2 bg-gray-200 rounded-lg appearance-none cursor-pointer"
+    }), React.createElement("div", {
+      className: "flex justify-between text-xs mt-2"
+    }, React.createElement("span", null, scrollThresholdConfig.MIN, "px"), React.createElement("span", null, scrollThresholdConfig.MAX / 2, "px"), React.createElement("span", null, scrollThresholdConfig.MAX, "px")))));
   };
-  return jsxs("div", {
-    children: [jsxs("div", {
-      children: [jsx("div", {
-        className: "flex items-center mb-2",
-        children: jsxs("button", {
-          onClick: () => setIsBackgroundExpanded(!isBackgroundExpanded),
-          className: "flex items-center gap-2 hover:opacity-80 transition-all duration-200",
-          children: [jsx("svg", {
-            className: `w-4 h-4 transition-transform duration-300 ease-in-out ${isBackgroundExpanded ? 'rotate-180' : ''}`,
-            fill: "none",
-            stroke: "currentColor",
-            viewBox: "0 0 24 24",
-            children: jsx("path", {
-              strokeLinecap: "round",
-              strokeLinejoin: "round",
-              strokeWidth: 2,
-              d: "M19 9l-7 7-7-7"
-            })
-          }), jsx("p", {
-            style: {
-              color: navTheme === 'dark' ? '#ffff' : 'black'
-            },
-            children: t('background')
-          })]
-        })
-      }), jsx("div", {
-        className: `grid transition-all duration-300 ease-in-out ${isBackgroundExpanded ? 'grid-rows-[1fr]' : 'grid-rows-[0fr]'}`,
-        children: jsx("div", {
-          className: "overflow-hidden",
-          children: jsx("div", {
-            className: "ml-4 mb-4 border-l-2 border-gray-200 pl-4",
-            children: jsx("div", {
-              className: "mb-4",
-              children: renderBackgroundSettings()
-            })
-          })
-        })
-      })]
-    }), jsxs("div", {
-      children: [jsx("div", {
-        className: "flex items-center mb-2",
-        children: jsxs("button", {
-          onClick: () => setIsHeaderExpanded(!isHeaderExpanded),
-          className: "flex items-center gap-2 hover:opacity-80 transition-all duration-200",
-          children: [jsx("svg", {
-            className: `w-4 h-4 transition-transform duration-300 ease-in-out ${isHeaderExpanded ? 'rotate-180' : ''}`,
-            fill: "none",
-            stroke: "currentColor",
-            viewBox: "0 0 24 24",
-            children: jsx("path", {
-              strokeLinecap: "round",
-              strokeLinejoin: "round",
-              strokeWidth: 2,
-              d: "M19 9l-7 7-7-7"
-            })
-          }), jsx("p", {
-            style: {
-              color: navTheme === 'dark' ? '#ffff' : 'black'
-            },
-            children: t('header')
-          })]
-        })
-      }), jsx("div", {
-        className: `grid transition-all duration-300 ease-in-out ${isHeaderExpanded ? 'grid-rows-[1fr]' : 'grid-rows-[0fr]'}`,
-        children: jsx("div", {
-          className: "overflow-hidden",
-          children: jsxs("div", {
-            className: "ml-4 mb-4 border-l-2 border-gray-200 pl-4",
-            children: [jsx("div", {
-              className: "mb-4",
-              children: renderHeaderSettings()
-            }), jsxs("div", {
-              className: "mt-6 mb-4",
-              children: [jsx("p", {
-                className: "font-medium mb-2",
-                style: {
-                  color: navTheme === 'dark' ? '#ffff' : 'black'
-                },
-                children: t('search_bar')
-              }), jsx("div", {
-                className: "pl-4 space-y-2",
-                children: renderSearchBarSettings()
-              })]
-            })]
-          })
-        })
-      })]
-    }), jsxs("div", {
-      className: "flex items-center mb-2",
-      children: [jsx("p", {
-        style: {
-          color: navTheme === 'dark' ? '#ffff' : 'black'
-        },
-        children: t('footer')
-      }), jsx("div", {
-        className: "flex-grow"
-      }), jsx(Switch, {
-        value: getConfigValue('footer.showFooter', true),
-        onChange: checked => handleRegionFooterChange('showFooter', checked)
-      })]
-    }), jsxs("div", {
-      className: "flex items-center mb-2",
-      children: [jsx("p", {
-        style: {
-          color: navTheme === 'dark' ? '#ffff' : 'black'
-        },
-        children: t('menu')
-      }), jsx("div", {
-        className: "flex-grow"
-      }), jsx(Switch, {
-        value: getConfigValue('header.showMenu', true),
-        onChange: checked => handleRegionChange('showMenu', checked)
-      })]
-    }), jsxs("div", {
-      className: "flex items-center mb-2",
-      children: [jsx("p", {
-        style: {
-          color: navTheme === 'dark' ? '#ffff' : 'black'
-        },
-        children: t('menu_header')
-      }), jsx("div", {
-        className: "flex-grow"
-      }), jsx(Switch, {
-        value: getConfigValue('header.menuHeaderRender', true),
-        onChange: checked => handleRegionChange('menuHeaderRender', checked)
-      })]
-    })]
-  });
+  return React.createElement("div", null, React.createElement("div", null, React.createElement("div", {
+    className: "flex items-center mb-2"
+  }, React.createElement("button", {
+    onClick: () => setIsBackgroundExpanded(!isBackgroundExpanded),
+    className: "flex items-center gap-2 hover:opacity-80 transition-all duration-200"
+  }, React.createElement("svg", {
+    className: `w-4 h-4 transition-transform duration-300 ease-in-out ${isBackgroundExpanded ? 'rotate-180' : ''}`,
+    fill: "none",
+    stroke: "currentColor",
+    viewBox: "0 0 24 24"
+  }, React.createElement("path", {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: 2,
+    d: "M19 9l-7 7-7-7"
+  })), React.createElement("p", {
+    style: {
+      color: navTheme === 'dark' ? '#ffff' : 'black'
+    }
+  }, t('background')))), React.createElement("div", {
+    className: `grid transition-all duration-300 ease-in-out ${isBackgroundExpanded ? 'grid-rows-[1fr]' : 'grid-rows-[0fr]'}`
+  }, React.createElement("div", {
+    className: "overflow-hidden"
+  }, React.createElement("div", {
+    className: "ml-4 mb-4 border-l-2 border-gray-200 pl-4"
+  }, React.createElement("div", {
+    className: "mb-4"
+  }, renderBackgroundSettings()))))), React.createElement("div", null, React.createElement("div", {
+    className: "flex items-center mb-2"
+  }, React.createElement("button", {
+    onClick: () => setIsHeaderExpanded(!isHeaderExpanded),
+    className: "flex items-center gap-2 hover:opacity-80 transition-all duration-200"
+  }, React.createElement("svg", {
+    className: `w-4 h-4 transition-transform duration-300 ease-in-out ${isHeaderExpanded ? 'rotate-180' : ''}`,
+    fill: "none",
+    stroke: "currentColor",
+    viewBox: "0 0 24 24"
+  }, React.createElement("path", {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: 2,
+    d: "M19 9l-7 7-7-7"
+  })), React.createElement("p", {
+    style: {
+      color: navTheme === 'dark' ? '#ffff' : 'black'
+    }
+  }, t('header')))), React.createElement("div", {
+    className: `grid transition-all duration-300 ease-in-out ${isHeaderExpanded ? 'grid-rows-[1fr]' : 'grid-rows-[0fr]'}`
+  }, React.createElement("div", {
+    className: "overflow-hidden"
+  }, React.createElement("div", {
+    className: "ml-4 mb-4 border-l-2 border-gray-200 pl-4"
+  }, React.createElement("div", {
+    className: "mb-4"
+  }, renderHeaderSettings()), React.createElement("div", {
+    className: "mt-6 mb-4"
+  }, React.createElement("p", {
+    className: "font-medium mb-2",
+    style: {
+      color: navTheme === 'dark' ? '#ffff' : 'black'
+    }
+  }, t('search_bar')), React.createElement("div", {
+    className: "pl-4 space-y-2"
+  }, renderSearchBarSettings())))))), React.createElement("div", {
+    className: "flex items-center mb-2"
+  }, React.createElement("p", {
+    style: {
+      color: navTheme === 'dark' ? '#ffff' : 'black'
+    }
+  }, t('footer')), React.createElement("div", {
+    className: "flex-grow"
+  }), React.createElement(Switch, {
+    value: getConfigValue('footer.showFooter', true),
+    onChange: checked => handleRegionFooterChange('showFooter', checked)
+  })), React.createElement("div", {
+    className: "flex items-center mb-2"
+  }, React.createElement("p", {
+    style: {
+      color: navTheme === 'dark' ? '#ffff' : 'black'
+    }
+  }, t('menu')), React.createElement("div", {
+    className: "flex-grow"
+  }), React.createElement(Switch, {
+    value: getConfigValue('header.showMenu', true),
+    onChange: checked => handleRegionChange('showMenu', checked)
+  })), React.createElement("div", {
+    className: "flex items-center mb-2"
+  }, React.createElement("p", {
+    style: {
+      color: navTheme === 'dark' ? '#ffff' : 'black'
+    }
+  }, t('menu_header')), React.createElement("div", {
+    className: "flex-grow"
+  }), React.createElement(Switch, {
+    value: getConfigValue('header.menuHeaderRender', true),
+    onChange: checked => handleRegionChange('menuHeaderRender', checked)
+  })));
 }export{RegionalSettings};//# sourceMappingURL=RegionalSettings.js.map