{"version":3,"sources":["../node_modules/@dtcm/ui-components/dist/components/VenueHeader/VenueHeader.js"],"names":["StyledWrapper","_ref2","children","rtl","style","createElement","className","concat","_ref","fields","rendering","params","sitecoreContext","useContext","Boolean","_get","pathname","addToFavoriteAnalytics","removeFromFavoriteAnalytics","_React$useState","useState","_React$useState2","isVdsite","setIsVdsite","useEffect","document","body","classList","contains","title","introText","category","hotelStarRating","parseInt","venueID","primaryPageThemeColor","primaryActivePageThemeColor","BackgroundColorHex","ColorHex","ActiveColorHex","selectedPrimaryColor","primary","selectedPrimaryActiveColor","primary_active","variables","elem","querySelector","marginBottom","name","id","analytics","add","remove","dynamicColor","dynamicColorActive","key","slice"],"mappings":"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","file":"static/js/VenueHeader.12969732.chunk.js","sourcesContent":["import _slicedToArray from \"E:\\\\Agents\\\\Agent-02\\\\_work\\\\1\\\\s\\\\src\\\\apps\\\\vdsite\\\\node_modules\\\\babel-preset-react-app\\\\node_modules\\\\@babel\\\\runtime/helpers/esm/slicedToArray\";\nimport './VenueHeader.css';\nimport React from 'react';\nimport ComponentsWrapper from '../atoms/ComponentsWrapper';\nimport { SitecoreContextReactContext } from '../../utils/SitecoreContextReactContext';\nimport { canUseDOM, get, getColorByTheme, getPageThemeColors } from '../../utils';\nimport { useLocation } from 'react-router-dom';\nimport { Placeholder } from '@sitecore-jss/sitecore-jss-react';\nimport { ReactComponent as IconStar } from '../../resources/icons/star.svg';\nimport ShortlistBtn from '../atoms/ShortlistBtn/ShortlistBtn';\nvar VenueHeader = function VenueHeader(_ref) {\n  var fields = _ref.fields,\n    rendering = _ref.rendering,\n    params = _ref.params;\n  var sitecoreContext = React.useContext(SitecoreContextReactContext);\n  var rtl = Boolean(sitecoreContext && sitecoreContext.rtl);\n  var currentLang = get(sitecoreContext, 'language');\n  // const pageSize = params.SearchCount ? parseInt(params.SearchCount) : 10;\n  var dictionary = get(fields, 'data.dictionary');\n  var _useLocation = useLocation(),\n    pathname = _useLocation.pathname;\n  var _get = get(fields, 'data', {}),\n    addToFavoriteAnalytics = _get.addToFavoriteAnalytics,\n    removeFromFavoriteAnalytics = _get.removeFromFavoriteAnalytics;\n  var _React$useState = React.useState(true),\n    _React$useState2 = _slicedToArray(_React$useState, 2),\n    isVdsite = _React$useState2[0],\n    setIsVdsite = _React$useState2[1];\n  React.useEffect(function () {\n    if (canUseDOM && !document.body.classList.contains('vdsite')) {\n      setIsVdsite(false);\n    }\n  }, []);\n  var title = get(fields, 'data.item.title.jss.value');\n  var introText = get(fields, 'data.item.introText.jss.value');\n  var category = get(fields, 'data.item.category.targetItem.title.jss.value');\n  var hotelStarRating = parseInt(get(fields, 'data.item.hotelStarRating.targetItem.title.jss.value'));\n  var venueID = get(fields, 'data.item.id');\n  var primaryPageThemeColor = get(sitecoreContext, 'themesOfPage.primary');\n  var primaryActivePageThemeColor = get(sitecoreContext, 'themesOfPage.primary_active');\n  var BackgroundColorHex = get(params, 'BackgroundColorHex');\n  var ColorHex = get(params, 'ColorHex');\n  var ActiveColorHex = get(params, 'ActiveColorHex');\n  var selectedPrimaryColor = primaryPageThemeColor ? primaryPageThemeColor : getPageThemeColors(isVdsite).primary;\n  var selectedPrimaryActiveColor = primaryActivePageThemeColor ? primaryActivePageThemeColor : getPageThemeColors(isVdsite).primary_active;\n  var variables = BackgroundColorHex ? {\n    '--venue-header-background-color': BackgroundColorHex,\n    '--venue-header-background-active-color': ActiveColorHex,\n    '--venue-header-color': ColorHex\n  } : {\n    '--venue-header-background-color': selectedPrimaryColor,\n    '--venue-header-background-active-color': selectedPrimaryActiveColor,\n    '--venue-header-color': getColorByTheme(selectedPrimaryColor)\n  };\n  React.useEffect(function () {\n    if (canUseDOM) {\n      var elem = document.querySelector('.header__pagination-dots');\n      if (elem) {\n        // @ts-ignore\n        elem.style.marginBottom = '-28px';\n      }\n    }\n  }, []);\n  return /*#__PURE__*/React.createElement(StyledWrapper, {\n    rtl: rtl,\n    style: variables\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    className: \"venue-header__carousel\"\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    \"data-animation-breakpoint\": \"768\",\n    className: \"header-animation-breakpoint header__poi header__full-width-mob js-header-bm-parent\"\n  }, /*#__PURE__*/React.createElement(Placeholder, {\n    name: \"media-header-general\",\n    rendering: rendering\n  }))), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"row\"\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    className: \"col-md-1\"\n  }), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"col-md-10\"\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    className: \"venue-header__category\"\n  }, category), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"section-intro\"\n  }, /*#__PURE__*/React.createElement(\"h3\", {\n    className: \"h3 section__title\"\n  }, title), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"body-small section__desc\"\n  }, /*#__PURE__*/React.createElement(\"p\", null, introText)), /*#__PURE__*/React.createElement(ShortlistBtn, {\n    id: venueID,\n    sitecoreContext: sitecoreContext,\n    title: title,\n    analytics: {\n      add: addToFavoriteAnalytics,\n      remove: removeFromFavoriteAnalytics\n    },\n    dynamicColor: BackgroundColorHex ? BackgroundColorHex : selectedPrimaryColor,\n    dynamicColorActive: BackgroundColorHex ? ActiveColorHex : selectedPrimaryActiveColor,\n    params: params\n  })), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"venue-header__certification\"\n  }, hotelStarRating ? [/*#__PURE__*/React.createElement(IconStar, {\n    key: \"1\"\n  }), /*#__PURE__*/React.createElement(IconStar, {\n    key: \"2\"\n  }), /*#__PURE__*/React.createElement(IconStar, {\n    key: \"3\"\n  }), /*#__PURE__*/React.createElement(IconStar, {\n    key: \"4\"\n  }), /*#__PURE__*/React.createElement(IconStar, {\n    key: \"5\"\n  })].slice(0, hotelStarRating) : null)), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"col-md-1\"\n  })));\n};\nvar commonStyles = \"caedddc\";\nvar ltrStyles = \"l2ye0w0\";\nvar rtlStyles = \"r1cl73jy\";\nvar StyledWrapper = function StyledWrapper(_ref2) {\n  var children = _ref2.children,\n    rtl = _ref2.rtl,\n    style = _ref2.style;\n  return /*#__PURE__*/React.createElement(ComponentsWrapper, {\n    className: \"\".concat(commonStyles, \" \").concat(rtl ? rtlStyles : ltrStyles),\n    style: style\n  }, children);\n};\nexport default VenueHeader;"],"sourceRoot":""}