{"version":3,"file":"HelpDrawer-C2GdCXnx.js","sources":["../../node_modules/@tabler/icons-react/dist/esm/icons/IconInfoCircle.mjs","../../src/components/HelpDrawer/HelpDrawerData.tsx","../../src/components/HelpDrawer/HelpDrawer.tsx"],"sourcesContent":["/**\n * @license @tabler/icons-react v3.22.0 - MIT\n *\n * This source code is licensed under the MIT license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createReactComponent from '../createReactComponent.mjs';\n\nvar IconInfoCircle = createReactComponent(\"outline\", \"info-circle\", \"IconInfoCircle\", [[\"path\", { \"d\": \"M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0\", \"key\": \"svg-0\" }], [\"path\", { \"d\": \"M12 9h.01\", \"key\": \"svg-1\" }], [\"path\", { \"d\": \"M11 12h1v4h1\", \"key\": \"svg-2\" }]]);\n\nexport { IconInfoCircle as default };\n//# sourceMappingURL=IconInfoCircle.mjs.map\n","import { Stack, Title } from '@mantine/core'\nimport React, { useEffect, useState } from 'react'\nimport { useTranslation } from 'react-i18next'\n\nimport { useErrorMessages } from '../../constants/content'\nimport useSessionStorage from '../../hooks/useSessionStorage'\nimport { HELP_DRAWER_CONTENT_TYPE, RichText } from '../../plugins/contentful/api'\nimport client from '../../plugins/contentful/client'\nimport ParseRichText from '../Contentful/ParseRichText'\nimport ErrorMessage from '../ErrorMessage'\nimport Loading from '../Loading'\n\ninterface HelpDrawerDataProps {\n  id: string\n}\n\nconst HelpDrawerData: React.FC<HelpDrawerDataProps> = ({ id }) => {\n  const {\n    t,\n    i18n: { language },\n  } = useTranslation()\n  const errorMessages = useErrorMessages()\n  const [title, setTitle] = useSessionStorage<string>(`helpDrawerTitle-${language}-${id}`)\n  const [body, setBody] = useSessionStorage<RichText>(`helpDrawerBody-${language}-${id}`)\n  const [isLoading, setIsLoading] = useState<boolean>(false)\n  const [error, setError] = useState<string>('')\n  useEffect(() => {\n    if (!body && !title) {\n      setIsLoading(true)\n      client\n        .getEntries({\n          content_type: HELP_DRAWER_CONTENT_TYPE,\n          'fields.id[all]': id,\n          locale: language,\n        })\n        .then(response => {\n          setTitle(response.items[0].fields.title as string)\n          setBody(response.items[0].fields.body as RichText)\n        })\n        .catch(err => {\n          console.warn(err)\n          setError(err.message)\n        })\n        .finally(() => {\n          setIsLoading(false)\n        })\n    }\n  }, [body, title, id, setTitle, setBody, t, language])\n\n  return (\n    <Stack style={{ gap: 'md' }}>\n      {isLoading && <Loading />}\n      {error && <ErrorMessage message={errorMessages.cmsConnection} details={error} />}\n      {!isLoading && !error && (\n        <>\n          <Title order={3}>{title}</Title>\n          {body && <ParseRichText jsonData={body} />}\n        </>\n      )}\n    </Stack>\n  )\n}\n\nexport default HelpDrawerData\n","import { Center, Drawer, Text, useMantineTheme } from '@mantine/core'\nimport { useDisclosure, useMediaQuery } from '@mantine/hooks'\nimport { IconInfoCircle } from '@tabler/icons-react'\nimport React, { useCallback } from 'react'\nimport { useTranslation } from 'react-i18next'\n\nimport { StyledRoundedButton } from '../../styled/components'\nimport RootButton from '../Buttons/RootButton'\nimport classes from './HelpDrawer.module.css'\nimport HelpDrawerData from './HelpDrawerData'\n\ninterface HelpDrawerProps {\n  id?: string\n  title?: string\n  content?: JSX.Element\n  icon?: JSX.Element\n  extraLink?: string\n}\n\nconst HelpDrawer: React.FC<HelpDrawerProps> = ({\n  id = '',\n  title,\n  content = <></>,\n  icon = undefined,\n  extraLink = undefined,\n}) => {\n  const { t } = useTranslation()\n  const theme = useMantineTheme()\n  const isMobile = useMediaQuery(`(max-width: ${theme.breakpoints.sm})`)\n  title = title ?? t('components.helpDrawer.title', 'Help Drawer')\n  const [opened, { open, close }] = useDisclosure(false)\n\n  const handleButtonClick = useCallback(() => {\n    if (opened) {\n      close()\n    } else {\n      open()\n    }\n  }, [opened, open, close])\n\n  return (\n    <Center>\n      <Drawer.Root\n        opened={opened}\n        onClose={close}\n        size=\"md\"\n        position=\"right\"\n        className={classes.drawer}\n        lockScroll={false}\n      >\n        <Drawer.Overlay />\n        <Drawer.Content>\n          <Drawer.Header>\n            <Drawer.Title className={classes.drawerTitle}>{title}</Drawer.Title>\n            <Drawer.CloseButton />\n          </Drawer.Header>\n          <Drawer.Body>\n            {id !== '' && <HelpDrawerData id={id} />}\n            {content}\n          </Drawer.Body>\n        </Drawer.Content>\n      </Drawer.Root>\n      {!extraLink ? (\n        <StyledRoundedButton className={classes.questionMarkButton} onClick={handleButtonClick}>\n          {!icon && <Text className={classes.questionMarkText}>?</Text>}\n          {icon !== undefined && icon}\n        </StyledRoundedButton>\n      ) : isMobile ? (\n        <IconInfoCircle\n          style={{ width: '20px', height: '20px', color: theme.colors.l1Primary[0] }}\n          onClick={handleButtonClick}\n        />\n      ) : (\n        <RootButton style1={false} secondary onClick={handleButtonClick}>\n          {extraLink}\n        </RootButton>\n      )}\n    </Center>\n  )\n}\n\nexport default HelpDrawer\n"],"names":["IconInfoCircle","createReactComponent","HelpDrawerData","id","language","useTranslation","errorMessages","useErrorMessages","title","setTitle","useSessionStorage","body","setBody","isLoading","setIsLoading","useState","error","setError","useEffect","client","HELP_DRAWER_CONTENT_TYPE","response","err","Stack","Loading","jsx","ErrorMessage","jsxs","Fragment","Title","ParseRichText","HelpDrawer","content","icon","extraLink","t","theme","useMantineTheme","isMobile","useMediaQuery","opened","open","close","useDisclosure","handleButtonClick","useCallback","Center","Drawer","classes","RootButton","StyledRoundedButton","Text"],"mappings":"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","x_google_ignoreList":[0]}