{"version":3,"file":"411.ca2c4c53fcb25658.js","mappings":"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","sources":["webpack:///./Scripts/Actions/Navigation.action.js","webpack:///./Scripts/Actions/Overlay.action.js","webpack:///./Scripts/Components/LanguageSelect.js","webpack:///./Scripts/Components/Navigation/ui/MobileNavigationItem.js","webpack:///./Scripts/Components/Navigation/ui/MobileNavigationDropdown.js","webpack:///./Scripts/Components/Navigation/NavigationMobile.js","webpack:///./Scripts/Components/SideMenu.js","webpack:///./Scripts/Hooks/useEcommerceDisabled.js","webpack:///./Scripts/Hooks/useIsAuthenticated.js","webpack:///./Scripts/Utils/utils.js"],"sourcesContent":["import { get } from '../Services/http';\nimport { catchError } from './Error.action';\nimport { NAVIGATION_LOAD_ERROR, NAVIGATION_RECEIVE } from '../constants';\n\nexport const load = () => (dispatch, getState) => {\n  return get('/api/navigation')\n    .then((response) => response.json())\n    .then((data) => dispatch(receive(data)))\n    .catch((ex) => dispatch(catchError(ex, (error) => loadError(error))));\n};\n\nexport const loadError = (error) => ({\n  type: NAVIGATION_LOAD_ERROR,\n  payload: {\n    error,\n  },\n});\n\nexport const receive = (data) => ({\n  type: NAVIGATION_RECEIVE,\n  payload: {\n    contentLinks: data.contentLinks,\n  },\n});\n\nexport const setMobileMenuOpen = (mobileMenuOpen) => ({\n  type: NAVIGATION_RECEIVE,\n  payload: {\n    mobileMenuOpen,\n  },\n});\n","import {\n  OVERLAY_ADD_OVERLAY,\n  OVERLAY_CLOSE_OVERLAY,\n  OVERLAY_REMOVE_OVERLAY,\n  OVERLAY_UPDATE_OVERLAY,\n} from '../constants';\n\nexport const addOverlay = (\n  componentName,\n  onOverlayClick,\n  zIndexClass = null\n) => ({\n  type: OVERLAY_ADD_OVERLAY,\n  payload: {\n    componentName,\n    onOverlayClick,\n    zIndexClass,\n  },\n});\n\nexport const updateOverlay = (componentName, onOverlayClick, zIndexClass) => ({\n  type: OVERLAY_UPDATE_OVERLAY,\n  payload: {\n    componentName,\n    onOverlayClick,\n    zIndexClass,\n  },\n});\n\nexport const removeOverlay = (componentName) => ({\n  type: OVERLAY_REMOVE_OVERLAY,\n  payload: {\n    componentName,\n  },\n});\n\nexport const closeOverlay = () => ({\n  type: OVERLAY_CLOSE_OVERLAY,\n  payload: {\n    activeOverlays: [],\n  },\n});\n","import React from 'react';\nimport Icon from './Icon';\nimport { useSelector } from 'react-redux';\n\nconst LanguageListItem = ({ label, url, value, selected, onClick }) => {\n  return (\n    <li className=\"language-list__item\">\n      {selected ? (\n        <div className=\"language-list__item--selected\">\n          <Icon name=\"Check\" size={24} className=\"language-list__item-icon\" />\n          {label}\n        </div>\n      ) : (\n        <button\n          className=\"language-list__item--button\"\n          onClick={() => onClick(url)}\n        >\n          {label}\n        </button>\n      )}\n    </li>\n  );\n};\n\nconst LanguageSelect = () => {\n  const channelPicker = useSelector((state) => state.site.channelPicker);\n  function handleRetailSelectClick(\n    url\n  ) {\n    window.location.href = `${url}`;\n  }\n  return channelPicker ? (\n    <ul className=\"language-list\">\n      {channelPicker.channelPickerItems.map((channelPickerItem, i) => (\n        <LanguageListItem\n          key={i+channelPickerItem.name}\n          label={channelPickerItem.name}\n          url={channelPickerItem.url}\n          selected={channelPickerItem.channelSystemId === channelPicker.currentChannel.channelSystemId}\n          onClick={handleRetailSelectClick}\n          {...channelPickerItem}\n        />\n      ))}\n    </ul>\n  ) : null;\n};\n\nexport default LanguageSelect;\n","import React from 'react';\nimport Icon from '../../Icon';\nimport clsx from 'clsx';\n\nconst MobileNavigationItem = ({\n  link,\n  name,\n  url,\n  onLinkClick,\n  className,\n  icon,\n}) => {\n  return (\n    <li className={clsx('navigation-mobile__list-item', className)}>\n      {onLinkClick && link && link.links?.length > 0 ? (\n        <button\n          className=\"navigation-mobile__button\"\n          onClick={() => onLinkClick(link)}\n        >\n          {name}\n          <Icon\n            className=\"navigation-mobile__right-icon\"\n            name=\"Caret-Right\"\n            size={24}\n          />\n        </button>\n      ) : (\n        <a className=\"navigation-mobile__link\" href={url}>\n          {icon && (\n            <Icon\n              className=\"navigation-mobile__link-icon\"\n              name={icon}\n              size={24}\n            />\n          )}\n          {name}\n        </a>\n      )}\n    </li>\n  );\n};\nexport default MobileNavigationItem;\n","import React, { useState } from 'react';\nimport useIsAuthenticated from '../../../Hooks/useIsAuthenticated';\nimport Icon from '../../Icon';\nimport { translate } from '../../../Services/translation';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { setLoginModalOpen, signOut, setLoginMode, setOrganizations } from '../../../Actions/Login.action';\nimport { setMobileMenuOpen } from '../../../Actions/Navigation.action';\nimport clsx from 'clsx';\nimport { LoginModes } from '../../../constants';\n\nconst MobileNavigationDropdown = () => {\n  const [dropdownOpen, setDropdownOpen] = useState(false);\n  const isAuthenticated = useIsAuthenticated();\n  const dispatch = useDispatch();\n  const { person, pageUrl, links, organizations } = useSelector((state) => state.myPage.menu);\n\n  const handleSignInClick = () => {\n    dispatch(setMobileMenuOpen(false));\n    dispatch(setLoginModalOpen(true));\n  };\n\n  const handleSignOutClick = () => {\n    signOut();\n    dispatch(setMobileMenuOpen(false));\n  };\n\n  const onChangeOrgClick = () => {\n    dispatch(setMobileMenuOpen(false));\n    dispatch(setOrganizations(organizations));\n    dispatch(setLoginMode(LoginModes.SelectOrganization));\n    dispatch(setLoginModalOpen(true));\n  };\n\n  return (\n    <li\n      className={clsx(\n        'navigation-mobile__list-item navigation-mobile__dropdown',\n        dropdownOpen && 'navigation-mobile__dropdown--open'\n      )}\n    >\n      {!isAuthenticated ? (\n        <button\n          className=\"navigation-mobile__button navigation-mobile__dropdown-button\"\n          onClick={() => handleSignInClick()}\n        >\n          <Icon\n            name=\"Person\"\n            size={24}\n            className=\"navigation-mobile__dropdown-icon\"\n          />\n          {translate('general.sign-in')}\n        </button>\n      ) : (\n        <>\n          <button\n            className=\"navigation-mobile__button navigation-mobile__dropdown-button\"\n            onClick={() => setDropdownOpen(!dropdownOpen)}\n          >\n            <Icon\n              name=\"Person\"\n              size={24}\n              className=\"navigation-mobile__dropdown-icon\"\n            />\n            {person.name && person.name}\n            <Icon\n              className=\"navigation-mobile__icon\"\n              name=\"Caret-Down\"\n              size={24}\n            />\n          </button>\n          <div className=\"navigation-mobile__dropdown-content\">\n            {organizations && organizations.length > 1 && (\n              <>\n                <button\n                  className=\"link-menu__item link-menu__item--top\"\n                  onClick={() => onChangeOrgClick()}\n                >\n                  <Icon\n                    size={24}\n                    name=\"Home-Cog\"\n                    className=\"link-menu__item-icon\"\n                  />\n                  <span className=\"link-menu__item-label\">\n                    {translate('mypages.changeorg')}\n                  </span>\n                </button>\n                <div className=\"link-menu__divider\"></div>\n              </>\n            )}\n            {links &&\n              !!links.length &&\n              links.map(\n                (link) =>\n                  !link.isDivider && (\n                    <a\n                      href={pageUrl + '#' + link.urlParam}\n                      className=\"link-menu__item\"\n                      key={link.label}\n                      onClick={() => dispatch(setMobileMenuOpen(false))}\n                    >\n                      {link.icon && (\n                        <Icon\n                          size={24}\n                          name={link.icon}\n                          className=\"link-menu__item-icon\"\n                        />\n                      )}\n                      {link.label && (\n                        <span className=\"link-menu__item-label\">\n                          {link.label}\n                        </span>\n                      )}\n                    </a>\n                  )\n              )}\n            <button\n              className=\"link-menu__item\"\n              onClick={() => handleSignOutClick()}\n            >\n              <Icon\n                size={24}\n                name=\"Sign-Out\"\n                className=\"link-menu__item-icon\"\n              />\n              <span className=\"link-menu__item-label\">\n                {translate('general.sign-out')}\n              </span>\n            </button>\n          </div>\n        </>\n      )}\n    </li>\n  );\n};\n\nexport default MobileNavigationDropdown;\n","import React, { useEffect, useMemo, useState } from 'react';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { setMobileMenuOpen } from '../../Actions/Navigation.action';\nimport Icon from '../Icon';\nimport SideMenu from '../SideMenu';\nimport { translate } from '../../Services/translation';\nimport MobileNavigationItem from './ui/MobileNavigationItem';\nimport MobileNavigationDropdown from './ui/MobileNavigationDropdown';\nimport useEcommerceDisabled from '../../Hooks/useEcommerceDisabled';\nimport LanguageSelect from '../LanguageSelect';\n\nconst NavigationMobile = () => {\n  const dispatch = useDispatch();\n  const ecommerceDisabled = useEcommerceDisabled();\n  const {\n    mobileMenuOpen,\n    logoUrl,\n    contentLinks,\n    startPageUrl,\n    languageSelectEnabled,\n  } = useSelector((state) => state.navigation);\n  const [currentLink, setCurrentLink] = useState();\n  const [previousLink, setPreviousLink] = useState();\n  const [languageSelectOpen, setLanguageSelectOpen] = useState(false);\n\n  const links = useMemo(() => currentLink?.links ?? contentLinks, [\n    contentLinks,\n    currentLink,\n  ]);\n\n  const Header = () => (\n    <>\n      {currentLink || languageSelectOpen ? (\n        <>\n          <button\n            className=\"navigation-mobile__back-button\"\n            onClick={onBackClick}\n          >\n            <Icon\n              className=\"navigation-mobile__back-button-icon\"\n              name=\"Caret-Left\"\n              size={24}\n            />\n            {translate('general.back')}\n          </button>\n          <button\n            className=\"navigation-mobile__close-button\"\n            onClick={() => dispatch(setMobileMenuOpen(false))}\n          >\n            <Icon\n              name=\"Close\"\n              className=\"navigation-mobile__close-button-icon\"\n              size={24}\n            />\n          </button>\n        </>\n      ) : (\n        <>\n          {logoUrl && (\n            <a href={startPageUrl} className=\"navigation-mobile__logo-wrapper\">\n              <img\n                className=\"navigation-mobile__logo\"\n                src={logoUrl}\n                alt={translate('megamenu.logo')}\n              />\n            </a>\n          )}\n          <button\n            className=\"navigation-mobile__close-button\"\n            onClick={() => dispatch(setMobileMenuOpen(false))}\n            aria-label={translate('megamenu.close')}\n          >\n            <Icon\n              name=\"Close\"\n              className=\"navigation-mobile__close-button-icon\"\n              size={24}\n            />\n          </button>\n        </>\n      )}\n    </>\n  );\n\n  const Content = () => (\n    <>\n      {languageSelectOpen ? (\n        <LanguageSelect />\n      ) : (\n        <ul className=\"navigaton-mobile__list\">\n          {!currentLink && !ecommerceDisabled && <MobileNavigationDropdown />}\n          {currentLink?.url && (\n            <MobileNavigationItem\n              url={currentLink?.url}\n              name={`${translate('megamenu.see-all')} ${currentLink.name}`}\n            />\n          )}\n          {links.map((link) => (\n            <MobileNavigationItem\n              link={link}\n              name={link.name}\n              url={link.url}\n              key={'mobile' + link.url + link.name}\n              onLinkClick={onLinkClick}\n              className={!currentLink && 'navigation-mobile__list-item--bold'}\n              icon={link.mobileIconName}\n            />\n          ))}\n          {!currentLink && languageSelectEnabled && (\n            <button\n              className=\"navigation-mobile__list-item navigation-mobile__list-item--bold navigation-mobile__link\"\n              onClick={() => setLanguageSelectOpen(true)}\n            >\n              <Icon\n                name=\"Globe\"\n                size={24}\n                className=\"navigation-mobile__link-icon\"\n              />\n              {translate('general.language')}\n            </button>\n          )}\n        </ul>\n      )}\n    </>\n  );\n\n  const onLinkClick = (link) => {\n    link.previousLink = previousLink ?? currentLink;\n    setPreviousLink(currentLink);\n    setCurrentLink(link);\n  };\n\n  const onBackClick = () => {\n    if (languageSelectOpen) {\n      setLanguageSelectOpen(false);\n    } else {\n      setPreviousLink(previousLink?.previousLink);\n      setCurrentLink(previousLink);\n    }\n  };\n\n  useEffect(() => {\n    if (mobileMenuOpen) {\n      setCurrentLink(null);\n    }\n  }, [mobileMenuOpen]);\n\n  return (\n    <SideMenu\n      from=\"left\"\n      id=\"navigation-mobile\"\n      className=\"navigation-mobile__side-menu\"\n      zIndex={60}\n      open={mobileMenuOpen}\n      onClosed={() => {\n        dispatch(setMobileMenuOpen(false));\n        setLanguageSelectOpen(false);\n      }}\n      components={{ Header, Content }}\n      showCloseButton={false}\n    />\n  );\n};\nexport default NavigationMobile;\n","import React, {\n  cloneElement,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n  useRef,\n} from 'react';\nimport ReactDOM from 'react-dom';\nimport { useDispatch } from 'react-redux';\nimport {\n  addOverlay,\n  removeOverlay,\n  updateOverlay,\n} from '../Actions/Overlay.action';\nimport Icon from './Icon';\nimport clsx from 'clsx';\nimport { translate } from '../Services/translation';\nimport { lockFocusToModal } from '../Utils/utils';\n\nconst SideMenu = forwardRef(\n  (\n    {\n      id,\n      duration = '0.2s',\n      from = 'right',\n      className,\n      contentClassName,\n      open = false,\n      onClosed,\n      showCloseButton = true,\n      children,\n      title,\n      disableClosing = false,\n      closeButton = null,\n      components = {},\n      zIndex,\n    },\n    ref\n  ) => {\n    const [ready, setReady] = useState(false);\n    const [slideIn, setSlideIn] = useState(open);\n    const [renderSideMenu, setRenderSideMenu] = useState(open);\n    const [timeoutId, setTimeoutId] = useState();\n    const dispatch = useDispatch();\n\n    if (!id || id == '') {\n      throw new Error(\n        'A unique side-menu \"id\" must be passed to side menu component'\n      );\n    }\n\n    useEffect(() => {\n      setReady(true);\n    }, []);\n\n    const close = useCallback(() => {\n      if (!disableClosing) {\n        // Just sets \"slideIn\" to false, which triggers the animation to close it\n        setSlideIn(false);\n        return true;\n      }\n\n      // False disables overlay click\n      return false;\n    }, [disableClosing]);\n\n    useEffect(() => {\n      dispatch(updateOverlay(id, close));\n    }, [dispatch, close, id]);\n\n    useEffect(() => {\n      if (!ready) return;\n\n      if (!slideIn && ready) {\n        // If not slide in, slide out :^)\n        if (timeoutId) {\n          // Clear previous timeout to avoid animation delay bug\n          clearTimeout(timeoutId);\n        }\n\n        var newTimeoutId = setTimeout(() => {\n          setTimeoutId(undefined);\n          onClosed && onClosed();\n          setRenderSideMenu(false);\n        }, parseFloat(duration) * 1000);\n\n        setTimeoutId(newTimeoutId);\n        dispatch(removeOverlay(id));\n      }\n    }, [slideIn]);\n\n    useEffect(() => {\n      if (!ready) return;\n\n      // Triggered every time \"open\" is changed, initially as well\n      // Timeout to not trigger on the same frame as the render, to enable the slide-in\n      setTimeout(() => setSlideIn(open), 1);\n\n      if (open) {\n        setRenderSideMenu(true);\n        dispatch(addOverlay(id, close));\n      }\n    }, [open, close]);\n\n    useEffect(() => {\n      if (renderSideMenu) {\n        const modal = document.getElementById(id);\n        lockFocusToModal(modal, close, true);\n      };\n    }, [renderSideMenu]);\n\n    const CloseIcon = () => (\n      <button onClick={close} className=\"sidemenu__close-button\">\n        <span className=\"sidemenu__close-button-text\">\n          {translate('general.close')}\n        </span>\n        <Icon size={24} name=\"Close\" className=\"sidemenu__close-button-icon\" />\n      </button>\n    );\n\n    const slideInClasses = useMemo(() => {\n      switch (from) {\n        case 'bottom':\n          return slideIn\n            ? 'sidemenu--slide-bottom'\n            : 'sidemenu--slide-bottom-full';\n        case 'left':\n          return slideIn ? 'sidemenu--slide-left' : 'sidemenu--slide-left-full';\n        case 'right':\n        default:\n          return slideIn\n            ? 'sidemenu--slide-right'\n            : 'sidemenu--slide-right-full';\n      }\n    }, [slideIn, from]);\n\n    return renderSideMenu\n      ? ReactDOM.createPortal(\n          <div\n            className={clsx(\n              className,\n              'sidemenu',\n              from == 'bottom' ? 'sidemenu--bottom' : 'sidemenu--not-bottom',\n              slideIn ? 'open' : 'closing',\n              slideInClasses\n            )}\n            ref={ref}\n            style={{ transitionDuration: duration, zIndex: zIndex }}\n            id={id}\n          >\n            <div className=\"sidemenu__header\">\n              {title && <h4 className=\"sidemenu__title\">{title}</h4>}\n              {components.Header && (\n                <>\n                  {showCloseButton &&\n                    !disableClosing &&\n                    (!closeButton ? (\n                      <CloseIcon />\n                    ) : (\n                      cloneElement(closeButton, {\n                        onClick: close,\n                      })\n                    ))}\n                  <components.Header />\n                </>\n              )}\n              {!components.Header &&\n                showCloseButton &&\n                !disableClosing &&\n                (!closeButton ? (\n                  <CloseIcon />\n                ) : (\n                  cloneElement(closeButton, {\n                    onClick: close,\n                  })\n                ))}\n            </div>\n            {components?.Content && (\n              <components.Content>{children}</components.Content>\n            )}\n            {!components?.Content && (\n              <div className={clsx(contentClassName ?? 'sidemenu__content')}>\n                {children}\n              </div>\n            )}\n            {components.Footer != null && (\n              <div className=\"sidemenu__footer\">\n                <components.Footer />\n              </div>\n            )}\n          </div>,\n          document.body\n        )\n      : null;\n  }\n);\n\nSideMenu.displayName = 'SideMenu';\n\nexport default SideMenu;\n","import { useSelector } from 'react-redux';\n\nconst useEcommerceDisabled = () => {\n  const { ecommerceDisabled } = useSelector((state) => state.site);\n  return ecommerceDisabled;\n};\n\nexport default useEcommerceDisabled;\n","import { useSelector } from 'react-redux';\n\nconst useIsAuthenticated = () => {\n  const { authenticated } = useSelector((state) => state.userInfo);\n  return authenticated;\n};\n\nexport default useIsAuthenticated;\n","export const lockFocusToModal = (\n  containerElement,\n  onClose,\n  focusFirstElement = false\n) => {\n  if (!containerElement) return;\n  const focusableElements = Array.from(\n    containerElement?.querySelectorAll(\n      'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])'\n    )\n  ).filter(\n    (el) =>\n      !el.hasAttribute('disabled') &&\n      el.offsetParent !== null &&\n      el.offsetParent !== undefined\n  );\n  if (!focusableElements) return; // To prevent error when focusableElements is null\n  const firstElement = focusableElements[0];\n  const lastElement = focusableElements[focusableElements.length - 1];\n  const prevActiveElement = document.activeElement;\n\n  if (focusFirstElement && firstElement) {\n    firstElement.focus();\n  }\n\n  const handleTabKeyPress = (event) => {\n    if (event.key === 'Tab') {\n      if (event.shiftKey && document.activeElement === firstElement) {\n        event.preventDefault();\n        lastElement.focus();\n      } else if (!event.shiftKey && document.activeElement === lastElement) {\n        event.preventDefault();\n        firstElement.focus();\n      }\n    }\n    if (event.key === 'Escape' && onClose) {\n      onClose();\n      prevActiveElement.focus();\n    }\n  };\n\n  containerElement?.addEventListener('keydown', handleTabKeyPress);\n  return () => {\n    containerElement?.removeEventListener('keydown', handleTabKeyPress);\n  };\n};\n\nexport const GetSearchUrl = (q) => {\n  const queryParams = q && q.length > 0 ? `?q=${q}` : '';\n  return window.__litium.quickSearchUrl + queryParams;\n};\n\n//Colors used in js\nexport const colors = {\n  apex: {\n    infoBoxBorder: '#5F5F60',\n  },\n  bendix: {\n    infoBoxBorder: '#6E7072',\n  },\n};\n\nexport const formatDate = (date) => {\n  try {\n    const updatedDate = new Date(date);\n    const [year, month, day] = updatedDate\n      .toISOString()\n      .split('T')[0]\n      .split('-');\n    return `${day}-${month}-${year}`;\n  } catch {\n    return date;\n  }\n};\n"],"names":["setMobileMenuOpen","mobileMenuOpen","type","NAVIGATION_RECEIVE","payload","addOverlay","componentName","onOverlayClick","zIndexClass","OVERLAY_ADD_OVERLAY","updateOverlay","OVERLAY_UPDATE_OVERLAY","removeOverlay","OVERLAY_REMOVE_OVERLAY","LanguageListItem","label","url","value","selected","onClick","className","name","size","channelPicker","useSelector","state","site","handleRetailSelectClick","window","location","href","channelPickerItems","map","channelPickerItem","i","key","channelSystemId","currentChannel","link","onLinkClick","icon","clsx","links","length","Icon","dropdownOpen","setDropdownOpen","useState","isAuthenticated","useIsAuthenticated","dispatch","useDispatch","person","pageUrl","organizations","myPage","menu","setOrganizations","setLoginMode","LoginModes","SelectOrganization","setLoginModalOpen","translate","isDivider","urlParam","signOut","ecommerceDisabled","useEcommerceDisabled","logoUrl","contentLinks","startPageUrl","languageSelectEnabled","navigation","currentLink","setCurrentLink","previousLink","setPreviousLink","languageSelectOpen","setLanguageSelectOpen","useMemo","onBackClick","useEffect","SideMenu","from","id","zIndex","open","onClosed","components","Header","src","alt","Content","LanguageSelect","mobileIconName","showCloseButton","forwardRef","duration","contentClassName","children","title","disableClosing","closeButton","ref","ready","setReady","slideIn","setSlideIn","renderSideMenu","setRenderSideMenu","timeoutId","setTimeoutId","Error","close","useCallback","clearTimeout","newTimeoutId","setTimeout","undefined","parseFloat","modal","document","getElementById","lockFocusToModal","CloseIcon","slideInClasses","ReactDOM","style","transitionDuration","cloneElement","Footer","body","displayName","authenticated","userInfo","containerElement","onClose","focusFirstElement","focusableElements","Array","querySelectorAll","filter","el","hasAttribute","offsetParent","firstElement","lastElement","prevActiveElement","activeElement","focus","handleTabKeyPress","event","shiftKey","preventDefault","addEventListener","removeEventListener","GetSearchUrl","q","queryParams","__litium","quickSearchUrl","colors","apex","infoBoxBorder","bendix","formatDate","date","updatedDate","Date","year","month","day","toISOString","split"],"sourceRoot":""}