{"version":3,"sources":["../node_modules/@dtcm/ui-components/dist/components/VenueKeyStats/VenueKeyStats.js"],"names":["StyledWrapper","_ref4","children","rtl","createElement","className","concat","_ref","fields","params","sitecoreContext","useContext","Boolean","dictionary","imageDictionary","_React$useState","useState","_React$useState2","isVdsite","setIsVdsite","useEffect","document","body","classList","contains","primaryPageThemeColor","primaryActivePageThemeColor","selectedPrimaryColor","primary","BackgroundColorHex","ColorHex","ActiveColorHex","variables","primary_active","setTimeout","window","dispatchEvent","Event","_fields$data","data","navigatorBubblesAnalytics","nextAnalytics","previousAnalytics","slideLeftAnalytics","slideRightAnalytics","mapOption","_ref2","icon","label","value","svg","String","indexOf","replace","options","style","_ref3","renderCarousel","renderPreviousButton","renderNextButton","renderDots","state","ratio","dotsTotal","map","option","index","shift","Math","max","translate","innerWidth","svgIcon","transform","dangerouslySetInnerHTML","__html","src","alt","renderTileItems","responsive","desktop","breakpoint","min","items","tablet","mobile","isNext"],"mappings":"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","file":"static/js/VenueKeyStats.7bed3500.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 './VenueKeyStats.css';\nimport React, { useEffect } from 'react';\nimport { SitecoreContextReactContext } from '../../utils/SitecoreContextReactContext';\nimport ComponentsWrapper from '../atoms/ComponentsWrapper';\nimport { get, getDictionaryItem, canUseDOM, getColorByTheme, getPageThemeColors, getDictionarySvg } from '../../utils';\nimport CarouselProvider from '../atoms/CarouselProvider/CarouselProvider';\nimport { tealiumClickFunc, tealiumMergeClickData } from '../../utils/tealium';\nvar VenueKeyStats = function VenueKeyStats(_ref) {\n  var fields = _ref.fields,\n    params = _ref.params;\n  var sitecoreContext = React.useContext(SitecoreContextReactContext);\n  var rtl = Boolean(sitecoreContext && sitecoreContext.rtl);\n  var dictionary = get(fields, 'data.dictionary');\n  var imageDictionary = get(fields, 'data.imageDictionary');\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 primaryPageThemeColor = get(sitecoreContext, 'themesOfPage.primary');\n  var primaryActivePageThemeColor = get(sitecoreContext, 'themesOfPage.primary_active');\n  var selectedPrimaryColor = primaryPageThemeColor ? primaryPageThemeColor : getPageThemeColors(isVdsite).primary;\n  var BackgroundColorHex = get(params, 'BackgroundColorHex');\n  var ColorHex = get(params, 'ColorHex');\n  var ActiveColorHex = get(params, 'ActiveColorHex');\n  var variables = BackgroundColorHex ? {\n    \"--m81-venue-key-stats-background-color\": BackgroundColorHex,\n    \"--m81-venue-key-stats-background-active-color\": ActiveColorHex,\n    \"--m81-venue-key-stats-color\": ColorHex\n  } : {\n    \"--m81-venue-key-stats-background-color\": selectedPrimaryColor,\n    \"--m81-venue-key-stats-background-active-color\": primaryActivePageThemeColor ? primaryActivePageThemeColor : getPageThemeColors(isVdsite).primary_active,\n    \"--m81-venue-key-stats-color\": getColorByTheme(selectedPrimaryColor)\n  };\n  useEffect(function () {\n    if (canUseDOM) {\n      setTimeout(function () {\n        window.dispatchEvent(new Event('resize'));\n      }, 500);\n      setTimeout(function () {\n        window.dispatchEvent(new Event('resize'));\n      }, 1500);\n    }\n  }, []);\n  var _fields$data = fields.data,\n    navigatorBubblesAnalytics = _fields$data.navigatorBubblesAnalytics,\n    nextAnalytics = _fields$data.nextAnalytics,\n    previousAnalytics = _fields$data.previousAnalytics,\n    slideLeftAnalytics = _fields$data.slideLeftAnalytics,\n    slideRightAnalytics = _fields$data.slideRightAnalytics;\n  var mapOption = function mapOption(_ref2) {\n    var icon = _ref2.icon,\n      label = _ref2.label,\n      value = _ref2.value,\n      svg = _ref2.svg;\n    if (String(value) === value) {\n      if (label.indexOf('{value}') > -1) {\n        label = label.replace('{value}', value);\n      } else {\n        label = \"\".concat(value, \" \").concat(label);\n      }\n    }\n    return {\n      icon: icon,\n      label: label,\n      svg: svg\n    };\n  };\n  var options = [mapOption({\n    icon: get(getDictionaryItem(imageDictionary, 'maximum delegates'), 'src'),\n    label: getDictionaryItem(dictionary, 'maximum delegates'),\n    svg: getDictionarySvg(imageDictionary, 'maximum delegates'),\n    value: get(fields, 'data.item.maximumNumberOfDelegates.jss.value', '')\n  }), mapOption({\n    icon: get(getDictionaryItem(imageDictionary, 'hotel rooms'), 'src'),\n    label: getDictionaryItem(dictionary, 'hotel rooms'),\n    svg: getDictionarySvg(imageDictionary, 'hotel rooms'),\n    value: get(fields, 'data.item.totalNumberOfHotelRooms.jss.value', '')\n  }), mapOption({\n    icon: get(getDictionaryItem(imageDictionary, 'meeting rooms'), 'src'),\n    label: getDictionaryItem(dictionary, 'meeting rooms'),\n    svg: getDictionarySvg(imageDictionary, 'meeting rooms'),\n    value: get(fields, 'data.item.totalNumberOfMeetingRooms.jss.value', '')\n  }), mapOption({\n    icon: get(getDictionaryItem(imageDictionary, 'free wifi '), 'src'),\n    svg: getDictionarySvg(imageDictionary, 'free wifi '),\n    label: get(fields, 'data.item.freeWifi.jss.value', '') ? getDictionaryItem(dictionary, 'wifi available ') : getDictionaryItem(dictionary, 'wifi not available'),\n    value: get(fields, 'data.item.freeWifi.jss.value', '')\n  }), mapOption({\n    icon: get(getDictionaryItem(imageDictionary, 'from Al Maktoum Int airport'), 'src'),\n    label: getDictionaryItem(dictionary, 'km from Al Maktoum Int Airport'),\n    svg: getDictionarySvg(imageDictionary, 'from Al Maktoum Int airport'),\n    value: get(fields, 'data.item.distanceFromAlMaktoumIntAirport.jss.value', '')\n  }), mapOption({\n    icon: get(getDictionaryItem(imageDictionary, 'from Dubai International airport'), 'src'),\n    label: getDictionaryItem(dictionary, 'km from Dubai International Airport'),\n    svg: getDictionarySvg(imageDictionary, 'from Dubai International airport'),\n    value: get(fields, 'data.item.distanceFromDubaiInternationalAirport.jss.value', '')\n  }), mapOption({\n    icon: get(getDictionaryItem(imageDictionary, 'from Dubai World Trade Centre'), 'src'),\n    label: getDictionaryItem(dictionary, 'km from Dubai World Trade Centre'),\n    svg: getDictionarySvg(imageDictionary, 'from Dubai World Trade Centre'),\n    value: get(fields, 'data.item.distanceFromDubaiWorldTradeCentre.jss.value', '')\n  }), mapOption({\n    icon: get(getDictionaryItem(imageDictionary, 'from Expo Dubai'), 'src'),\n    label: getDictionaryItem(dictionary, 'km from Expo Dubai'),\n    svg: getDictionarySvg(imageDictionary, 'from Expo Dubai'),\n    value: get(fields, 'data.item.distanceFromExpoDubaiSite.jss.value', '')\n  })];\n  var renderTileItems = function renderTileItems(state) {\n    var ratio = 15 / (state.dotsTotal - 2);\n    return options.map(function (option, index) {\n      var shift = Math.max(index - 2, 0) * ratio;\n      var translate = rtl && canUseDOM && window.innerWidth < 768 ? \"translateX(\".concat(shift, \"vw)\") : '';\n      var svgIcon = get(option, 'svg');\n      return /*#__PURE__*/React.createElement(\"div\", {\n        className: \"venue-info-slider__item\",\n        style: {\n          transform: translate\n        }\n      }, svgIcon ? /*#__PURE__*/React.createElement(\"div\", {\n        dangerouslySetInnerHTML: {\n          __html: svgIcon\n        },\n        className: \"venue-info-slider__svg\"\n      }) : /*#__PURE__*/React.createElement(\"img\", {\n        className: \"venue-info-slider__icon\",\n        src: option.icon,\n        alt: option.label\n      }), /*#__PURE__*/React.createElement(\"div\", {\n        className: \"venue-info-slider__text\"\n      }, option.label));\n    });\n  };\n  return /*#__PURE__*/React.createElement(StyledWrapper, {\n    rtl: rtl\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-info-slider\",\n    style: variables\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    className: \"venue-info-slider__desktop\"\n  }, /*#__PURE__*/React.createElement(CarouselProvider, null, function (_ref3) {\n    var renderCarousel = _ref3.renderCarousel,\n      renderPreviousButton = _ref3.renderPreviousButton,\n      renderNextButton = _ref3.renderNextButton,\n      renderDots = _ref3.renderDots,\n      state = _ref3.state;\n    return /*#__PURE__*/React.createElement(\"div\", {\n      className: \"\".concat(rtl && get(state, 'slidesToShow') >= get(state, 'totalItems') ? 'item-rtl-carousal-fix' : '')\n    }, renderCarousel(renderTileItems(state), {\n      responsive: {\n        desktop: {\n          breakpoint: {\n            max: 10000,\n            min: 768\n          },\n          items: 4\n        },\n        tablet: {\n          breakpoint: {\n            max: 767,\n            min: 480\n          },\n          items: 2\n        },\n        mobile: {\n          breakpoint: {\n            max: 479,\n            min: 310\n          },\n          items: 2\n        }\n      }\n    }, function (isNext) {\n      if (isNext) {\n        tealiumClickFunc(tealiumMergeClickData(slideRightAnalytics, params));\n      } else {\n        tealiumClickFunc(tealiumMergeClickData(slideLeftAnalytics, params));\n      }\n    }), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"venue-info-slider-nav__row\"\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"venue-info-slider-nav__btn btn-group--left \".concat(rtl ? 'btn-group-rtl' : '')\n    }, renderPreviousButton(function () {\n      return tealiumClickFunc(tealiumMergeClickData(previousAnalytics, params));\n    })), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"venue-info-slider-nav__btn btn-group--right \".concat(rtl ? 'btn-group-rtl' : '')\n    }, renderNextButton(function () {\n      return tealiumClickFunc(tealiumMergeClickData(nextAnalytics, params));\n    }))), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"c-pagination__dots\"\n    }, renderDots(function () {\n      return tealiumClickFunc(tealiumMergeClickData(navigatorBubblesAnalytics, params));\n    })));\n  })))), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"col-md-1\"\n  })));\n};\nvar rtlCarousel = \"r1ghps87\";\nvar commonStyles = \"cwqnwzx\";\nvar ltrStyles = \"l1t2etp3\";\nvar rtlStyles = \"r2bngsv\";\nvar StyledWrapper = function StyledWrapper(_ref4) {\n  var children = _ref4.children,\n    rtl = _ref4.rtl;\n  return /*#__PURE__*/React.createElement(ComponentsWrapper, {\n    className: \"\".concat(commonStyles, \" \").concat(rtl ? rtlStyles : ltrStyles)\n  }, children);\n};\nexport default VenueKeyStats;"],"sourceRoot":""}