{"version":3,"sources":["../node_modules/@dtcm/ui-components/dist/components/113_InteractiveBanner/InteractiveBanner.js"],"names":["InteractiveBanner","_ref","fields","rendering","children","params","sitecoreContext","useContext","rtl","Boolean","pageEditing","timingJssValue","timingJssNumber","Number","timing","slides","isOneItemSlider","length","_React$useState","useState","_React$useState2","autoplay","setAutoplay","_React$useState3","_React$useState4","iconplay","setIconPlay","_React$useState5","_React$useState6","isTablet","setIsTablet","_React$useState7","_React$useState8","setIsMobile","_React$useState9","_React$useState10","activeBannerTitle","setActiveBannerTitle","eventsAnalytics","_React$useState11","_React$useState12","isVdsite","setIsVdsite","checkIsTablet","condition","window","innerWidth","conditionMobile","useEffect","addEventListener","interval","setInterval","removeEventListener","clearInterval","document","body","classList","contains","header","querySelector","interactiveBanner","add","remove","BackgroundColorHex","ColorHex","ActiveColorHex","primaryPageThemeColor","primaryActivePageThemeColor","selectedPrimaryColor","primary","variables","primary_active","Object","assign","concat","data","item","createElement","console","info","className","renderItems","map","src","alt","image","initialHeight","imageSrc","imageHeight","imageWidth","imageAlt","title","description","ctaLabel1","ctaLink1Href","ctaLink1Id","ctaLink1Text","ctaLink1Class","ctaLabel2","ctaLink2Href","ctaLink2Text","ctaLink2Id","ctaLink2Class","key","id","Fragment","media","srcSet","includes","editable","field","href","onClick","dataCy","linktype","openInSameTab","width","height","viewBox","fill","xmlns","d","autoplayBtn","type","a","StyledWrapper","anchorUrlParameter","style","handleCustomAfterChange","state","currentSlide","currentSlideTitle","jss","value","handleSetActiveItem","_ref2","renderCarousel","renderPreviousButton","renderNextButton","renderDots","responsive","desktop","breakpoint","max","min","items","mobile","autoPlay","autoPlaySpeed","infinite","setTimeout","STORYBOOK_MODE","name","bannerSlideTitle","_ref3","removePadding","removePaddingInside","removePaddingTop","removePaddingBottom","commonStyles","rtlStyles","ltrStyles"],"mappings":"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","file":"static/js/InteractiveBanner.42787ffc.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 './InteractiveBanner.css';\nimport React from 'react';\nimport { get, getPageThemeColors, getColorByTheme, canUseDOM } from '../../utils';\nimport ComponentsWrapper from '../atoms/ComponentsWrapper';\nimport { SitecoreContextReactContext } from '../../utils/SitecoreContextReactContext';\nimport { Image } from '@sitecore-jss/sitecore-jss-react';\nimport { Placeholder } from '@sitecore-jss/sitecore-jss-react';\nimport { tealiumClickFunc, tealiumMergeClickData } from '../../utils/tealium';\nimport { convertToAnalyticObject } from '../../utils/analytics';\nimport { stylesOldCarousel } from '../../utils/OldCarouselDotsStyles';\nimport CarouselProvider from '../atoms/CarouselProvider/CarouselProvider';\nimport RouterLink from '../atoms/RouterLink';\nexport var InteractiveBanner = function InteractiveBanner(_ref) {\n  var fields = _ref.fields,\n    rendering = _ref.rendering,\n    children = _ref.children,\n    params = _ref.params;\n  var sitecoreContext = React.useContext(SitecoreContextReactContext);\n  var rtl = Boolean(sitecoreContext && sitecoreContext.rtl);\n  var pageEditing = Boolean(sitecoreContext && sitecoreContext.pageEditing);\n  var imageSrc = get(fields, 'data.item.gradient.jss.value.src');\n  var imageAlt = get(fields, 'data.item.gradient.jss.value.alt');\n  var timingJssValue = get(fields, 'data.item.timing.jss.value', 4000);\n  var timingJssNumber = Number(timingJssValue);\n  var timing = timingJssNumber < 4000 ? 4000 : timingJssNumber;\n  var slides = get(fields, 'data.item.slides.targetItems') || [];\n  var isOneItemSlider = slides.length === 1;\n  var _React$useState = React.useState(true),\n    _React$useState2 = _slicedToArray(_React$useState, 2),\n    autoplay = _React$useState2[0],\n    setAutoplay = _React$useState2[1];\n  var _React$useState3 = React.useState(true),\n    _React$useState4 = _slicedToArray(_React$useState3, 2),\n    iconplay = _React$useState4[0],\n    setIconPlay = _React$useState4[1];\n  var _React$useState5 = React.useState(false),\n    _React$useState6 = _slicedToArray(_React$useState5, 2),\n    isTablet = _React$useState6[0],\n    setIsTablet = _React$useState6[1];\n  var _React$useState7 = React.useState(false),\n    _React$useState8 = _slicedToArray(_React$useState7, 2),\n    isMobile = _React$useState8[0],\n    setIsMobile = _React$useState8[1];\n  var _React$useState9 = React.useState(''),\n    _React$useState10 = _slicedToArray(_React$useState9, 2),\n    activeBannerTitle = _React$useState10[0],\n    setActiveBannerTitle = _React$useState10[1];\n  // const activeBannerTitle = React.useRef('')\n\n  var eventsAnalytics = get(fields, 'data.eventsAnalytics') || [];\n  if (eventsAnalytics.length) {\n    eventsAnalytics = convertToAnalyticObject(eventsAnalytics);\n  }\n  var _React$useState11 = React.useState(true),\n    _React$useState12 = _slicedToArray(_React$useState11, 2),\n    isVdsite = _React$useState12[0],\n    setIsVdsite = _React$useState12[1];\n  var checkIsTablet = function checkIsTablet() {\n    var condition = canUseDOM && window.innerWidth <= 992;\n    var conditionMobile = canUseDOM && window.innerWidth <= 768;\n    setIsTablet(condition);\n    setIsMobile(conditionMobile);\n  };\n  React.useEffect(function () {\n    if (canUseDOM) {\n      window.addEventListener('resize', checkIsTablet);\n      var interval = setInterval(checkIsTablet, 1000);\n      return function () {\n        window.removeEventListener('resize', checkIsTablet);\n        clearInterval(interval);\n      };\n    }\n  }, []);\n  React.useEffect(function () {\n    if (canUseDOM && !document.body.classList.contains('vdsite')) {\n      setIsVdsite(false);\n    }\n    if (canUseDOM) {\n      var header = document.querySelector('.dot-site-header');\n      var interactiveBanner = document.querySelector('.m113-interactive-banner');\n      if (header && interactiveBanner) {\n        header.classList.add('transparency-mode');\n      }\n      return function () {\n        if (header && interactiveBanner) {\n          header.classList.remove('transparency-mode');\n        }\n      };\n    }\n  }, []);\n  var BackgroundColorHex = get(params, 'BackgroundColorHex');\n  var ColorHex = get(params, 'ColorHex');\n  var ActiveColorHex = get(params, 'ActiveColorHex');\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 variables = BackgroundColorHex ? {\n    '--m113-interactive-banner-background-color': BackgroundColorHex,\n    '--m113-interactive-banner-background-active-color': ActiveColorHex,\n    '--m113-interactive-banner-color': ColorHex\n  } : {\n    '--m113-interactive-banner-background-color': selectedPrimaryColor,\n    '--m113-interactive-banner-background-active-color': primaryActivePageThemeColor ? primaryActivePageThemeColor : getPageThemeColors(isVdsite).primary_active,\n    '--m113-interactive-banner-color': getColorByTheme(selectedPrimaryColor)\n  };\n  Object.assign(variables, {\n    '--m113-interactive-banner-timing': \"\".concat(timing / 1000, \"s\"),\n    '--m113-interactive-banner-half-timing': \"\".concat(timing / 1000 / 2, \"s\")\n  });\n  if (!fields.data.item) {\n    return /*#__PURE__*/React.createElement(\"div\", null);\n  }\n  if (!fields) {\n    console.info('InteractiveBanner component render skipped. No fields provided');\n    if (pageEditing) {\n      return /*#__PURE__*/React.createElement(\"div\", {\n        className: \"no-data\"\n      }, \" [InteractiveBanner component is empty: please provide data source]\");\n    }\n    return null;\n  }\n  var renderMediaPlaceholder = function renderMediaPlaceholder() {\n    return /*#__PURE__*/React.createElement(Placeholder, {\n      name: \"dot-interactive-banner\",\n      rendering: rendering,\n      bannerSlideTitle: activeBannerTitle\n    });\n  };\n  var renderImage = function renderImage(src, alt, image, initialHeight, innerWidth) {\n    return /*#__PURE__*/React.createElement(React.Fragment, null, canUseDOM && /*#__PURE__*/React.createElement(React.Fragment, null, src && /*#__PURE__*/React.createElement(\"picture\", null, /*#__PURE__*/React.createElement(\"source\", {\n      media: \"(min-width: 992px)\",\n      srcSet: \"\".concat(src).concat(src.includes('?') ? '&' : '?', \"cw=\").concat(innerWidth, \"&ch=\").concat(initialHeight)\n    }), /*#__PURE__*/React.createElement(\"source\", {\n      media: \"(min-width: 768px)\",\n      srcSet: \"\".concat(src).concat(src.includes('?') ? '&' : '?', \"cw=1280&ch=900\")\n    }), /*#__PURE__*/React.createElement(\"source\", {\n      media: \"(min-width: 480px)\",\n      srcSet: \"\".concat(src).concat(src.includes('?') ? '&' : '?', \"cw=768&ch=900\")\n    }), /*#__PURE__*/React.createElement(\"img\", {\n      src: \"\".concat(src).concat(src.includes('?') ? '&' : '?', \"cw=480&ch=900\"),\n      alt: alt ? alt : '',\n      \"aria-hidden\": \"true\",\n      \"aria-label\": alt\n    }))), pageEditing && /*#__PURE__*/React.createElement(Image, {\n      editable: true,\n      field: image\n    }));\n  };\n  var renderItems = function renderItems() {\n    if (slides.length) {\n      return slides.map(function (item) {\n        var imageSrc = get(item, 'image.jss.value.src');\n        var imageHeight = get(item, 'image.jss.value.height');\n        var imageWidth = get(item, 'image.jss.value.width');\n        var imageAlt = get(item, 'image.jss.value.alt');\n        var title = get(item, 'title.jss.value');\n        var description = get(item, 'description.jss.value');\n        var ctaLabel1 = get(item, 'ctaLabel1.jss.value');\n        var ctaLink1Href = get(item, 'ctaLink1.jss.value.href');\n        var ctaLink1Id = get(item, 'ctaLink1.jss.value.id');\n        var ctaLink1Text = get(item, 'ctaLink1.jss.value.text');\n        var ctaLink1Class = get(item, 'ctaLink1.jss.value.class');\n        var ctaLabel2 = get(item, 'ctaLabel2.jss.value');\n        var ctaLink2Href = get(item, 'ctaLink2.jss.value.href');\n        var ctaLink2Text = get(item, 'ctaLink2.jss.value.text');\n        var ctaLink2Id = get(item, 'ctaLink2.jss.value.id');\n        var ctaLink2Class = get(item, 'ctaLink2.jss.value.class');\n        return /*#__PURE__*/React.createElement(\"div\", {\n          className: \"m113-interactive-banner__carousel-slide\",\n          key: item.id\n        }, /*#__PURE__*/React.createElement(\"div\", {\n          className: \"slide-bg\"\n        }, imageSrc && renderImage(\"\".concat(imageSrc), imageAlt, get(item, 'image'), imageHeight, imageWidth)), /*#__PURE__*/React.createElement(\"div\", {\n          className: \"module-group\"\n        }, /*#__PURE__*/React.createElement(\"div\", {\n          className: \"module\"\n        }, title && /*#__PURE__*/React.createElement(\"h3\", {\n          className: \"slide-title h3\"\n        }, title), description && /*#__PURE__*/React.createElement(\"p\", {\n          className: \"slide-desc\"\n        }, description), /*#__PURE__*/React.createElement(\"div\", {\n          className: \"slide-btns\"\n        }, ctaLabel1 && /*#__PURE__*/React.createElement(RouterLink, {\n          className: \"\".concat(ctaLink1Class, \" slide-cta btn main\"),\n          href: ctaLink1Href,\n          key: ctaLink1Id,\n          onClick: function onClick() {\n            tealiumClickFunc(tealiumMergeClickData(eventsAnalytics['navigationPlayAnalytics'], params), [title, ctaLabel1]);\n          },\n          dataCy: ctaLink1Text,\n          linktype: \"external\",\n          openInSameTab: true\n        }, ctaLabel1, /*#__PURE__*/React.createElement(\"svg\", {\n          width: \"17\",\n          className: \"slide-cta-icon\",\n          height: \"8\",\n          viewBox: \"0 0 17 8\",\n          fill: \"none\",\n          xmlns: \"http://www.w3.org/2000/svg\"\n        }, /*#__PURE__*/React.createElement(\"path\", {\n          d: \"M16.3536 4.35355C16.5488 4.15829 16.5488 3.84171 16.3536 3.64645L13.1716 0.464466C12.9763 0.269204 12.6597 0.269204 12.4645 0.464466C12.2692 0.659728 12.2692 0.976311 12.4645 1.17157L15.2929 4L12.4645 6.82843C12.2692 7.02369 12.2692 7.34027 12.4645 7.53553C12.6597 7.7308 12.9763 7.7308 13.1716 7.53553L16.3536 4.35355ZM0 4.5H16V3.5H0V4.5Z\",\n          fill: \"white\"\n        }))), ctaLabel2 && /*#__PURE__*/React.createElement(RouterLink, {\n          className: \"\".concat(ctaLink2Class, \" slide-cta btn\"),\n          href: ctaLink2Href,\n          key: ctaLink2Id,\n          onClick: function onClick() {\n            tealiumClickFunc(tealiumMergeClickData(eventsAnalytics['navigationPlayAnalytics'], params), [title, ctaLabel2]);\n          },\n          dataCy: ctaLink2Text,\n          linktype: \"external\",\n          openInSameTab: true\n        }, ctaLabel2)))));\n      });\n    } else {\n      return /*#__PURE__*/React.createElement(\"div\", null);\n    }\n  };\n  var handleAutoPlay = function handleAutoPlay() {\n    setAutoplay(function (a) {\n      return !a;\n    });\n    setIconPlay(function (a) {\n      return !a;\n    });\n    tealiumClickFunc(tealiumMergeClickData(eventsAnalytics['navigationPlayAnalytics'], params), [\"\".concat(autoplay ? 'pause' : 'play'), activeBannerTitle]);\n  };\n  var handleSetActiveItem = function handleSetActiveItem(state) {\n    if (slides[state.currentSlide]) {\n      var currentSlideTitle = slides[state.currentSlide].title.jss.value;\n      setActiveBannerTitle(currentSlideTitle);\n    }\n  };\n  var autoplayBtn = function autoplayBtn() {\n    return isOneItemSlider ? /*#__PURE__*/React.createElement(React.Fragment, null) : /*#__PURE__*/React.createElement(\"button\", {\n      type: \"button\",\n      className: \"m113-interactive-banner__autoplay \".concat(!iconplay && 'paused', \" \").concat(isTablet ? 'tablet' : ''),\n      onClick: function onClick() {\n        return handleAutoPlay();\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      id: \"container\"\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"icon \".concat(!iconplay && 'paused')\n    }), iconplay ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(\"div\", {\n      id: \"halfclip\"\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"halfcircle\",\n      id: \"clipped\"\n    })), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"halfcircle\",\n      id: \"fixed\"\n    })) : /*#__PURE__*/React.createElement(React.Fragment, null)));\n  };\n  return /*#__PURE__*/React.createElement(StyledWrapper, {\n    rtl: rtl,\n    anchorUrlParameter: params['Anchor Url Parameter']\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    className: \"container m113-interactive-banner\",\n    style: variables\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    className: \"row m113-interactive-banner__carousel\"\n  }, /*#__PURE__*/React.createElement(CarouselProvider, {\n    handleCustomAfterChange: function handleCustomAfterChange(data) {\n      return handleSetActiveItem(data);\n    }\n  }, function (_ref2) {\n    var renderCarousel = _ref2.renderCarousel,\n      renderPreviousButton = _ref2.renderPreviousButton,\n      renderNextButton = _ref2.renderNextButton,\n      renderDots = _ref2.renderDots,\n      state = _ref2.state;\n    return /*#__PURE__*/React.createElement(React.Fragment, null, renderCarousel(renderItems(), {\n      responsive: {\n        desktop: {\n          breakpoint: {\n            max: 10000,\n            min: 0\n          },\n          items: 1\n        },\n        mobile: {\n          breakpoint: {\n            max: 1023,\n            min: 0\n          },\n          items: 1\n        }\n      },\n      autoPlay: autoplay,\n      autoPlaySpeed: timing,\n      infinite: true\n    }), isTablet ? autoplayBtn() : null, isOneItemSlider ? /*#__PURE__*/React.createElement(React.Fragment, null) : /*#__PURE__*/React.createElement(\"div\", {\n      className: \"m113-interactive-banner__carousel__controls-sec \".concat(rtl ? 'btn-group-rtl' : '')\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"m113-interactive-banner__carousel-btn-left\"\n    }, renderPreviousButton(function () {\n      if (autoplay) {\n        setIconPlay(false);\n        setTimeout(function () {\n          setIconPlay(true);\n        }, 0);\n      }\n      tealiumClickFunc(tealiumMergeClickData(eventsAnalytics['navigationOperatingOptionsAnalytics'], params), 'previous');\n    }, false, true)), !isTablet ? autoplayBtn() : null, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"m113-interactive-banner___pagination-dots\"\n    }, renderDots(function () {\n      if (autoplay) {\n        setIconPlay(false);\n        setTimeout(function () {\n          setIconPlay(true);\n        }, 0);\n      }\n      tealiumClickFunc(tealiumMergeClickData(eventsAnalytics['navigationBubblesAnalytics'], params));\n    })), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"m113-interactive-banner__carousel-btn-right\"\n    }, renderNextButton(function () {\n      if (autoplay) {\n        setIconPlay(false);\n        setTimeout(function () {\n          setIconPlay(true);\n        }, 0);\n      }\n      tealiumClickFunc(tealiumMergeClickData(eventsAnalytics['navigationOperatingOptionsAnalytics'], params), 'next');\n    }, false, true))));\n  }), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"mouse mouse-1\"\n  })), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"placeholder-wrapper\"\n  }, process.env.STORYBOOK_MODE ? children : renderMediaPlaceholder())));\n};\nvar StyledWrapper = function StyledWrapper(_ref3) {\n  var children = _ref3.children,\n    rtl = _ref3.rtl,\n    anchorUrlParameter = _ref3.anchorUrlParameter;\n  return /*#__PURE__*/React.createElement(ComponentsWrapper, {\n    anchorUrlParameter: anchorUrlParameter,\n    removePadding: true,\n    removePaddingInside: true,\n    removePaddingTop: true,\n    removePaddingBottom: true,\n    className: \" \".concat(commonStyles, \" \").concat(stylesOldCarousel, \"  \").concat(rtl ? rtlStyles : ltrStyles)\n  }, children);\n};\nvar commonStyles = \"c15jigs1\";\nvar ltrStyles = \"l133nq8g\";\nvar rtlStyles = \"r8d3vhw\";\nexport default InteractiveBanner;"],"sourceRoot":""}