{
  "version": 3,
  "sources": ["../../assets/scripts/store/features/navigation/SidebarMobile/index.tsx", "../../assets/scripts/store/features/navigation/SidebarMobile/DefaultScreen.tsx", "../../assets/scripts/store/features/navigation/SidebarMobile/NavigationAnchor.tsx", "../../assets/scripts/store/features/navigation/SidebarMobile/CategoryGridItem.tsx"],
  "sourcesContent": ["import breakpoints from '@configs/breakpoints';\r\nimport useComponentVisible from '@store/hooks/useComponentVisible';\r\nimport { useEffect, useState } from 'react';\r\nimport { useTranslation } from 'react-i18next';\r\n\r\nimport DefaultScreen from './DefaultScreen';\r\nimport type { ICurrencyItem, INavigationItem } from './types';\r\n\r\nexport interface SidebarMobileProps {\r\n  items: INavigationItem[];\r\n  currencies: ICurrencyItem[];\r\n}\r\n\r\nexport default function SidebarMobile({ items, currencies }: SidebarMobileProps) {\r\n  const { t } = useTranslation();\r\n\r\n  const [isCorrectBreakpoint, setIsCorrectBreakpoint] = useState(false);\r\n  const { ref, isComponentVisible, setIsComponentVisible } = useComponentVisible(false);\r\n\r\n  function handler() {\r\n    const mediaQueryList = window.matchMedia(`(min-width: ${breakpoints.laptop}px)`);\r\n    setIsCorrectBreakpoint(!mediaQueryList.matches);\r\n  }\r\n\r\n  useEffect(() => {\r\n    handler();\r\n    window.addEventListener('resize', handler, false);\r\n    return () => window.removeEventListener('resize', handler);\r\n  }, []);\r\n\r\n  useEffect(() => {\r\n    if (!isCorrectBreakpoint) return;\r\n\r\n    const app = document.getElementById('app')!;\r\n    app.classList.add('ease-in-out', 'duration-300', 'transition-transform');\r\n    if (isComponentVisible) {\r\n      app.classList.add('translate-x-[320px]');\r\n      app.classList.remove('translate-x-0');\r\n    } else {\r\n      app.classList.add('translate-x-0');\r\n      app.classList.remove('translate-x-[320px]');\r\n    }\r\n  }, [isComponentVisible, isCorrectBreakpoint]);\r\n\r\n  if (!isCorrectBreakpoint) return <></>;\r\n  return (\r\n    <div className=\"grid text-black\">\r\n      <button\r\n        className=\"w-full h-full flex items-center justify-center relative bg-primary min-w-[4rem] text-white\"\r\n        role=\"button\"\r\n        aria-label={t('ToOpen')}\r\n        onClick={() => setIsComponentVisible(true)}>\r\n        <span className=\"icon inline-flex items-center justify-center w-6 h-6\">\r\n          <i className=\"fa-solid fa-bars fa-2x\" />\r\n        </span>\r\n      </button>\r\n\r\n      <div\r\n        className={`w-full h-full fixed top-0 left-0 bg-white opacity-75 z-10 ${\r\n          isComponentVisible ? 'block' : 'hidden'\r\n        }`}\r\n      />\r\n\r\n      <div className={`fixed top-0 left-[-320px] w-[320px] h-full z-20`}>\r\n        {isComponentVisible && (\r\n          <DefaultScreen\r\n            navigationItems={items}\r\n            currencies={currencies}\r\n            divRef={ref}\r\n            onClose={() => setIsComponentVisible(false)}\r\n          />\r\n        )}\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n", "import fetcher from '@app/utils/fetcher';\r\nimport useConfiguration from '@store/hooks/useConfiguration';\r\nimport type { MutableRefObject} from 'react';\r\nimport React, { useState } from 'react';\r\nimport { useTranslation } from 'react-i18next';\r\nimport useSWR from 'swr';\r\n\r\nimport CategoryGridItem from './CategoryGridItem';\r\nimport NavigationAnchor from './NavigationAnchor';\r\nimport type { ICategoryNode, ICurrencyItem, INavigationItem, SidebarApiResponse } from './types';\r\n\r\ninterface IProps {\r\n  navigationItems: INavigationItem[];\r\n  currencies: ICurrencyItem[];\r\n  divRef: MutableRefObject<any>;\r\n  onClose: () => void;\r\n}\r\n\r\nexport default function DefaultScreen(props: IProps) {\r\n  const { t } = useTranslation();\r\n  const { culture } = useConfiguration();\r\n\r\n  const [selectedNode, setSelectedNode] = useState<ICategoryNode | undefined>();\r\n\r\n  const { data, error } = useSWR<SidebarApiResponse>(`/${culture}/catalog/category-tree`, fetcher, {\r\n    revalidateOnFocus: false,\r\n  });\r\n\r\n  const onClose = () => {\r\n    setSelectedNode(undefined);\r\n    props.onClose();\r\n  };\r\n\r\n  if (error) return <div>Chyba {error}</div>;\r\n  if (!data) return <></>;\r\n\r\n  return (\r\n    <div\r\n      className=\"w-full h-full flex flex-col bg-white z-10 shadow-md overflow-x-hidden\"\r\n      ref={props.divRef}>\r\n      <div className=\"flex justify-between items-center bg-primary text-white p-4\">\r\n        <span className=\"text-xl font-bold font-heading uppercase\">{t('Menu')}</span>\r\n        {props.currencies.length > 1 && (\r\n          <>\r\n            <div className=\"flex gap-2 px-2 text-xl currency-list\">\r\n              {props.currencies.map(item => (\r\n                <a key={item.url} href={item.url} className={`h-full inline-flex items-center justify-center flex-auto p-0 hover:underline ${item.active ? 'font-semibold underline' : ''}`}>\r\n                  {item.code}\r\n                </a>\r\n              ))}\r\n            </div>\r\n          </>\r\n        )}\r\n        <button className=\"p-1\" role=\"button\" onClick={onClose}>\r\n          <i className=\"fa-solid fa-times fa-xl\" />\r\n        </button>\r\n      </div>\r\n      <div\r\n        className={`grid relative ease-in-out duration-300 transition-transform text-black ${selectedNode ? '-translate-x-full' : 'translate-x-0'\r\n          }`}>\r\n        {data.map(node => (\r\n          <CategoryGridItem\r\n            key={node.categoryId}\r\n            onClick={n => setSelectedNode(n)}\r\n            onBack={() => setSelectedNode(undefined)}\r\n            selectedNodeId={selectedNode?.categoryId}\r\n            {...node}\r\n          />\r\n        ))}\r\n\r\n        {props.navigationItems.length > 0 && (\r\n          <>\r\n            <div className=\"w-full flex items-center py-3 px-4 text-sm font-medium text-gray-500 bg-gray-50\">\r\n              Ostatn\u00E9 str\u00E1nky\r\n            </div>\r\n            {props.navigationItems.map(item => (\r\n              <div key={item.url} className=\"flex items-center border-b border-gray-100\">\r\n                <NavigationAnchor title={item.title} href={item.url}>\r\n                  <span>{item.title}</span>\r\n                </NavigationAnchor>\r\n              </div>\r\n            ))}\r\n          </>\r\n        )}\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n", "import type { AnchorHTMLAttributes, PropsWithChildren } from 'react';\r\nimport React from 'react';\r\n\r\ninterface IProps extends AnchorHTMLAttributes<HTMLAnchorElement> {\r\n  href: string;\r\n  title: string;\r\n}\r\n\r\n// function IconWrapper({ children }: PropsWithChildren<unknown>) {\r\n//   return <span className=\"icon inline-flex items-center text-primary\">{children}</span>;\r\n// }\r\n\r\nexport default function NavigationAnchor({\r\n  children,\r\n  className,\r\n  ...aProps\r\n}: PropsWithChildren<IProps>) {\r\n  return (\r\n    <a {...aProps} className={`inline-flex flex-auto gap-2 font-medium p-4 ${className}`}>\r\n      {children}\r\n    </a>\r\n  );\r\n}\r\n", "import type { FC, PropsWithChildren } from 'react';\r\nimport React from 'react';\r\n\r\nimport NavigationAnchor from './NavigationAnchor';\r\nimport type { ICategoryNode } from './types';\r\n\r\ninterface IProps extends ICategoryNode {\r\n  onClick: (node: ICategoryNode) => void;\r\n  onBack: () => void;\r\n  selectedNodeId?: string;\r\n}\r\n\r\nconst Wrapper: FC<PropsWithChildren<unknown>> = ({ children }) => (\r\n  <div className=\"flex flex-col border-b border-gray-100\">{children}</div>\r\n);\r\n\r\nexport default function CategoryGridItem({ onClick, onBack, selectedNodeId, ...node }: IProps) {\r\n  return (\r\n    <Wrapper>\r\n      <div className=\"flex justify-start gap-x-2\">\r\n        <NavigationAnchor\r\n          href={node.categoryUrl}\r\n          title={node.categoryName}\r\n          onClick={e => {\r\n            if (node.nodes.length > 0) {\r\n              e.preventDefault();\r\n              onClick(node);\r\n            }\r\n          }}>\r\n          <span>{node.categoryName}</span>\r\n        </NavigationAnchor>\r\n\r\n        {node.nodes.length > 0 && (\r\n          <button\r\n            onClick={() => onClick(node)}\r\n            className={`inline-flex items-center justify-center ml-auto text-primary px-4 py-2`}\r\n            type=\"button\">\r\n            <i className=\"fa-solid fa-angle-right\"></i>\r\n          </button>\r\n        )}\r\n      </div>\r\n\r\n      {node.nodes.length > 0 && (\r\n        <div\r\n          className={`absolute top-0 -right-full w-full ${\r\n            selectedNodeId === node.categoryId ? 'block' : 'hidden'\r\n          }`}>\r\n          {selectedNodeId && (\r\n            <button\r\n              className=\"w-full flex items-center p-4 font-medium bg-gray-50\"\r\n              role=\"button\"\r\n              onClick={onBack}>\r\n              Na hlavn\u00E9 kateg\u00F3rie\r\n              <i className=\"fa-solid fa-angle-left text-primary ml-auto\"></i>\r\n            </button>\r\n          )}\r\n          <div className=\"grid\">\r\n            {node.nodes.map(node => (\r\n              <Wrapper key={node.categoryId}>\r\n                <NavigationAnchor href={node.categoryUrl} title={node.categoryName}>\r\n                  <span>{node.categoryName}</span>\r\n                </NavigationAnchor>\r\n              </Wrapper>\r\n            ))}\r\n          </div>\r\n        </div>\r\n      )}\r\n    </Wrapper>\r\n  );\r\n}\r\n"],
  "mappings": "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",
  "names": ["import_react", "import_jsx_runtime", "node", "import_jsx_runtime", "import_jsx_runtime"]
}