{
  "version": 3,
  "sources": ["../javascripts/routes/customer-service/faq.tsx", "../javascripts/routes/customer-service/Data/useCurrentCategory.ts"],
  "sourcesContent": ["import React, { useEffect, useMemo } from 'react';\nimport { Trans, useTranslation } from 'react-i18next';\nimport { useLocation, useNavigate, useParams } from 'react-router-dom';\n\nimport useIsErrorPage from '../../hooks/useIsErrorPage';\nimport { resetViewport } from '../../utils/ts/viewport';\nimport ErrorView from '../error';\nimport useCurrentCategory from './Data/useCurrentCategory';\nimport useFaqCategories from './Data/useFaqCategories';\nimport useFaqs from './Data/useFaqs';\nimport { getFaqsURLSearchParams } from './utils';\n\nimport { asHtml } from '../../helpers/markdown';\nimport { createPageTitle } from '../../helpers/text';\nimport useTrackPageView from '../../hooks/useTrackPageView';\nimport { getMarket } from '../../i18n';\nimport SchemaFaqPage from '../../structured-data/SchemaFaqPage';\nimport Alert from '../../styled-components/components/Alert';\nimport { Breadcrumb, Breadcrumbs } from '../../styled-components/components/Breadcrumbs';\nimport { RouterLink } from '../../styled-components/components/Link';\nimport Loader from '../../styled-components/components/Loader';\n\nconst resolveCustomerServiceRoute = () => {\n  const { marketCode } = getMarket();\n  switch (marketCode) {\n    case 'NO':\n      return '/kundeservice';\n    default:\n      return '/kundservice';\n  }\n};\n\nconst Faq = () => {\n  const urlParams = useParams();\n  const slug = urlParams.slug;\n\n  const { t } = useTranslation(['customerService', 'global', 'validation']);\n  const isErrorPage = useIsErrorPage();\n  if (isErrorPage) return <ErrorView />;\n\n  const { search } = useLocation();\n  const navigate = useNavigate();\n  const [categories, requestCategories] = useFaqCategories();\n  const currentCategory = useCurrentCategory(categories);\n\n  const urlSearchParams = useMemo(\n    () => getFaqsURLSearchParams(currentCategory, search),\n    [currentCategory, search],\n  );\n\n  const [faqs, request, setSearchParams, currentSearchParams] = useFaqs(urlSearchParams);\n  const faq = useMemo(\n    () => faqs?.response.documentList.documents.find((document) => document.slug === slug),\n    [faqs, slug],\n  );\n\n  const trackPageViewEvent = useTrackPageView();\n\n  useEffect(() => {\n    resetViewport();\n  }, [navigate]);\n\n  useEffect(() => {\n    trackPageViewEvent();\n  }, [currentCategory]);\n\n  useEffect(() => {\n    const title: string[] = [];\n\n    if (currentCategory?.name) {\n      title.push(currentCategory.name);\n    }\n    title.push(t('customerService', { ns: 'customerService' }));\n\n    document.title = createPageTitle(title.join(' | '));\n\n    if (currentSearchParams.toString().localeCompare(urlSearchParams.toString()) !== 0) {\n      setSearchParams(urlSearchParams);\n      resetViewport();\n    }\n  }, [urlSearchParams]);\n\n  return (\n    <>\n      <div data-wx-page=\"\" className=\"container m-b-double\">\n        {requestCategories.isLoading ? (\n          <Loader />\n        ) : (\n          <div className=\"page-columns\">\n            <aside className=\"page-column-aside hidden-lt-md\">\n              <div data-wx-submenu=\"\">\n                <div className=\"sub-menu-header\">\n                  <div className=\"sub-menu-heading h5 m-b-double\">\n                    {t('whatCanWeHelpYouWith', { ns: 'customerService' })}\n                  </div>\n                  <div title=\"Visa kategorier\" className=\"sub-menu-action\">\n                    <div className=\"sub-menu-action-heading\">\n                      {t('whatCanWeHelpYouWith', { ns: 'customerService' })}\n                    </div>\n                    <div className=\"sub-menu-action-icon\">\n                      <i className=\"icon-chevron-down no-margin\" />\n                    </div>\n                  </div>\n                </div>\n                <div className=\"sub-menu-body\">\n                  <ul className=\"sub-menu-list\">\n                    {categories?.map((category) => (\n                      <li key={category.slug} className=\"sub-menu-item\">\n                        <RouterLink\n                          to={`${resolveCustomerServiceRoute()}/${category.slug}`}\n                          title={category.name}\n                        >\n                          {category.name}\n                        </RouterLink>\n                        {category.description && (\n                          <div className=\"sub-menu-preamble\">{category.description}</div>\n                        )}\n                      </li>\n                    ))}\n                  </ul>\n                </div>\n              </div>\n            </aside>\n            <main className=\"page-column-main\">\n              {currentCategory && (\n                <>\n                  <section className=\"page-section\">\n                    <div className=\"m-b-double\">\n                      <Breadcrumbs>\n                        <Breadcrumb>\n                          <RouterLink\n                            to={resolveCustomerServiceRoute()}\n                            title={t('customerService', { ns: 'customerService' })}\n                          >\n                            {t('customerService', { ns: 'customerService' })}\n                          </RouterLink>\n                        </Breadcrumb>\n                        {slug && faq ? (\n                          <>\n                            <Breadcrumb>\n                              <RouterLink\n                                to={`${resolveCustomerServiceRoute()}/${currentCategory.slug}`}\n                                title={currentCategory.name}\n                              >\n                                {currentCategory.name}\n                              </RouterLink>\n                            </Breadcrumb>\n                            <Breadcrumb ellipsis>\n                              {faq.question.length > 30\n                                ? `${faq.question.slice(0, 30)}...`\n                                : faq.question}\n                            </Breadcrumb>\n                          </>\n                        ) : (\n                          <Breadcrumb ellipsis>{currentCategory.name}</Breadcrumb>\n                        )}\n                      </Breadcrumbs>\n                    </div>\n                    {!slug ? (\n                      <>\n                        <h1 className=\"no-margin\">{currentCategory.name}</h1>\n                        {currentCategory.description && (\n                          <div data-am-content=\"\" className=\"m-t-double\">\n                            <p>{currentCategory.description}</p>\n                          </div>\n                        )}\n                      </>\n                    ) : request.isLoading ? (\n                      <Loader />\n                    ) : request.isError ? (\n                      <Alert tone=\"error\">{t('unknownError', { ns: 'validation' })}</Alert>\n                    ) : (\n                      request.isSuccess &&\n                      (!faq ? (\n                        <Alert tone=\"warning\">\n                          {t('couldNotFindQuestion', { ns: 'customerService' })}\n                        </Alert>\n                      ) : (\n                        <>\n                          <h1 className=\"m-b-double\">{faq.question}</h1>\n                          <div\n                            data-am-content=\"\"\n                            dangerouslySetInnerHTML={{ __html: asHtml(faq.answer) }}\n                          />\n                        </>\n                      ))\n                    )}\n                  </section>\n                  {!slug && (\n                    <section className=\"page-section font-size-big\">\n                      {request.isLoading ? (\n                        <Loader />\n                      ) : request.isError ? (\n                        <Alert tone=\"error\">{t('unknownError', { ns: 'validation' })}</Alert>\n                      ) : (\n                        request.isSuccess &&\n                        (!faqs?.response.documentList.documents.length ? (\n                          <Alert tone=\"info\">\n                            {t('noQuestionsToDisplay', { ns: 'customerService' })}\n                          </Alert>\n                        ) : (\n                          faqs?.response.documentList.documents\n                            .sort((a, b) => a.sortOrder - b.sortOrder)\n                            .map((document) => (\n                              <div className=\"repeat-m\" key={document.slug}>\n                                <RouterLink\n                                  to={`${resolveCustomerServiceRoute()}/${\n                                    currentCategory.slug\n                                  }/${document.slug}`}\n                                  title={document.question}\n                                >\n                                  {document.question}\n                                </RouterLink>\n                              </div>\n                            ))\n                        ))\n                      )}\n                    </section>\n                  )}\n                  <section className=\"page-section\">\n                    <hr className=\"m-b-double\" />\n                    <div className=\"m-b-double\">\n                      <h2 className=\"h4 m-b-half\">\n                        {t('cantFindTheAnswerYouAreLookingFor', { ns: 'customerService' })}\n                      </h2>\n                      <div>\n                        <Trans\n                          i18nKey=\"customerService:contactUsOnEmail\"\n                          values={{\n                            emailAddress: t('emailInfo', { ns: 'global' }),\n                          }}\n                          components={[\n                            <a\n                              key=\"email-link\"\n                              href={`mailto:${t('emailInfo', { ns: 'global' })}`}\n                              title={\n                                t('contactUsOnEmailLinkTitle', {\n                                  ns: 'customerService',\n                                }) || ''\n                              }\n                              data-am-link=\"\"\n                            >\n                              {' '}\n                            </a>,\n                          ]}\n                        />\n                      </div>\n                    </div>\n                  </section>\n                </>\n              )}\n            </main>\n          </div>\n        )}\n      </div>\n      {!!faqs?.response?.documentList?.documents?.length && !slug && (\n        <SchemaFaqPage\n          questions={faqs?.response.documentList.documents.map((document) => ({\n            question: document.question,\n            answer: document.answer,\n          }))}\n        />\n      )}\n    </>\n  );\n};\n\nexport default Faq;\n", "import { useLocation } from 'react-router-dom';\nimport type { FaqCategory } from '../../../@types/FaqCategory';\nimport { getCategory } from '../utils';\n\nconst useCurrentCategory = (categories: FaqCategory[] | undefined) => {\n  const { pathname } = useLocation();\n  return getCategory(categories, pathname);\n};\n\nexport default useCurrentCategory;\n"],
  "mappings": "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",
  "names": ["import_react", "useCurrentCategory", "categories", "pathname", "useLocation", "getCategory", "useCurrentCategory_default", "resolveCustomerServiceRoute", "marketCode", "getMarket", "Faq", "slug", "useParams", "t", "useTranslation", "useIsErrorPage_default", "React", "error_default", "search", "useLocation", "navigate", "useNavigate", "categories", "requestCategories", "useFaqCategories_default", "currentCategory", "useCurrentCategory_default", "urlSearchParams", "getFaqsURLSearchParams", "faqs", "request", "setSearchParams", "currentSearchParams", "useFaqs_default", "faq", "document", "trackPageViewEvent", "useTrackPageView_default", "resetViewport", "title", "createPageTitle", "Loader_default", "category", "RouterLink", "Breadcrumbs", "Breadcrumb", "Alert_default", "asHtml", "a", "b", "Trans", "SchemaFaqPage_default", "faq_default"]
}