{"version":3,"file":"static/js/537.a513e090.chunk.js","mappings":"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","sources":["components/Feature/HeroBanner/HeroBanner.js","../../../../node_modules/@sitecore-jss/sitecore-jss-react/dist/esm/components/Link.js"],"sourcesContent":["import React from 'react';\r\nimport 'slick-carousel/slick/slick.css';\r\nimport 'slick-carousel/slick/slick-theme.css';\r\nimport './HeroBanner.scss';\r\nimport Slider from 'react-slick';\r\nimport { Link as ScrollLink } from 'react-scroll';\r\nimport { Text, Image, withSitecoreContext, Link } from '@sitecore-jss/sitecore-jss-react';\r\n\r\nconst HeroBanner = (props) => {\r\n  const settings = {\r\n    dots: true,\r\n    infinite: true,\r\n    speed: 500,\r\n    arrows: true,\r\n    slidesToShow: 1,\r\n    slidesToScroll: 1,\r\n    autoplay: true,\r\n    pauseOnHover: true,\r\n    autoplaySpeed: 8000,\r\n    responsive: [\r\n      {\r\n        breakpoint: 641,\r\n        settings: {\r\n          arrows: false,\r\n        },\r\n      },\r\n    ],\r\n  };\r\n\r\n  return (\r\n    <div className=\"bannerWrap\">\r\n      <Slider {...settings}>\r\n        {props?.fields?.Banners?.map((banner, index) => (\r\n          <div key={index} className=\"slideWrap\">\r\n            {banner.fields?.IsClicked?.value ? (\r\n              <Link field={banner.fields.Url}>\r\n                <Image field={banner.fields.DesktopImage} className=\"l-device\" />\r\n                <Image field={banner.fields.MobileImage} className=\"s-device\" />\r\n              </Link>\r\n            ) : (\r\n              <ScrollLink\r\n                to=\"discoverScroll\" // Target the section you want to scroll to\r\n                smooth={true} // Enable smooth scrolling\r\n                duration={400} // Set duration for the scroll effect\r\n                offset={-150} // Set offset to center the section correctly\r\n              >\r\n                <Image field={banner.fields.DesktopImage} className=\"l-device\" />\r\n                <Image field={banner.fields.MobileImage} className=\"s-device\" />\r\n              </ScrollLink>\r\n            )}\r\n            <div className=\"timerOuter\">\r\n              <div className=\"timer\"></div>\r\n            </div>\r\n          </div>\r\n        ))}\r\n      </Slider>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default HeroBanner;\r\n","var __rest = (this && this.__rest) || function (s, e) {\n    var t = {};\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n        t[p] = s[p];\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n                t[p[i]] = s[p[i]];\n        }\n    return t;\n};\nimport React, { forwardRef } from 'react';\nimport PropTypes from 'prop-types';\nexport const Link = forwardRef((_a, ref) => {\n    var { field, editable, showLinkTextWithChildrenPresent } = _a, otherProps = __rest(_a, [\"field\", \"editable\", \"showLinkTextWithChildrenPresent\"]);\n    const children = otherProps.children;\n    const dynamicField = field;\n    if (!field ||\n        (!dynamicField.editableFirstPart &&\n            !dynamicField.value &&\n            !dynamicField.href)) {\n        return null;\n    }\n    const resultTags = [];\n    // EXPERIENCE EDITOR RENDERING\n    if (editable && dynamicField.editableFirstPart) {\n        const markup = dynamicField.editableFirstPart + dynamicField.editableLastPart;\n        // in an ideal world, we'd pre-render React children here and inject them between editableFirstPart and editableLastPart.\n        // However, we cannot combine arbitrary unparsed HTML (innerHTML) based components with actual vDOM components (the children)\n        // because the innerHTML is not parsed - it'd make a discontinuous vDOM. So, we'll go for the next best compromise of rendering the link field and children separately\n        // as siblings. Should be \"good enough\" for most cases - and write your own helper if it isn't. Or bring xEditor out of 2006.\n        const htmlProps = Object.assign(Object.assign({ className: 'sc-link-wrapper', dangerouslySetInnerHTML: {\n                __html: markup,\n            } }, otherProps), { key: 'editable' });\n        // Exclude children, since 'dangerouslySetInnerHTML' and 'children' can't be set together\n        // and children will be added as a sibling\n        delete htmlProps.children;\n        resultTags.push(React.createElement(\"span\", Object.assign({}, htmlProps)));\n        // don't render normal link tag when editing, if no children exist\n        // this preserves normal-ish behavior if not using a link body (no hacks required)\n        if (!children) {\n            return resultTags[0];\n        }\n    }\n    // handle link directly on field for forgetful devs\n    const link = dynamicField.href\n        ? field\n        : dynamicField.value;\n    if (!link) {\n        return null;\n    }\n    const anchor = link.linktype !== 'anchor' && link.anchor ? `#${link.anchor}` : '';\n    const querystring = link.querystring ? `?${link.querystring}` : '';\n    const anchorAttrs = {\n        href: `${link.href}${querystring}${anchor}`,\n        className: link.class,\n        title: link.title,\n        target: link.target,\n    };\n    if (anchorAttrs.target === '_blank' && !anchorAttrs.rel) {\n        // information disclosure attack prevention keeps target blank site from getting ref to window.opener\n        anchorAttrs.rel = 'noopener noreferrer';\n    }\n    const linkText = showLinkTextWithChildrenPresent || !children ? link.text || link.href : null;\n    resultTags.push(React.createElement('a', Object.assign(Object.assign(Object.assign({}, anchorAttrs), otherProps), { key: 'link', ref }), linkText, children));\n    return React.createElement(React.Fragment, null, resultTags);\n});\nexport const LinkPropTypes = {\n    field: PropTypes.oneOfType([\n        PropTypes.shape({\n            href: PropTypes.oneOfType([PropTypes.string.isRequired, PropTypes.oneOf([null]).isRequired]),\n        }),\n        PropTypes.shape({\n            value: PropTypes.object,\n            editableFirstPart: PropTypes.string,\n            editableLastPart: PropTypes.string,\n        }),\n    ]).isRequired,\n    editable: PropTypes.bool,\n    showLinkTextWithChildrenPresent: PropTypes.bool,\n};\nLink.propTypes = LinkPropTypes;\nLink.defaultProps = {\n    editable: true,\n};\nLink.displayName = 'Link';\n"],"names":["props","_props$fields","_props$fields$Banners","_jsx","className","children","Slider","dots","infinite","speed","arrows","slidesToShow","slidesToScroll","autoplay","pauseOnHover","autoplaySpeed","responsive","breakpoint","settings","fields","Banners","map","banner","index","_banner$fields","_banner$fields$IsClic","_jsxs","IsClicked","value","Link","field","Url","Image","DesktopImage","MobileImage","ScrollLink","to","smooth","duration","offset","__rest","s","e","t","p","Object","prototype","hasOwnProperty","call","indexOf","getOwnPropertySymbols","i","length","propertyIsEnumerable","forwardRef","_a","ref","editable","showLinkTextWithChildrenPresent","otherProps","dynamicField","editableFirstPart","href","resultTags","markup","editableLastPart","htmlProps","assign","dangerouslySetInnerHTML","__html","key","push","React","link","anchor","linktype","querystring","anchorAttrs","class","title","target","rel","linkText","text","LinkPropTypes","PropTypes","isRequired","propTypes","defaultProps","displayName"],"sourceRoot":""}