{"version":3,"sources":["webpack:///./src/components/PropertyDetailPage/ConstructionUpdates/ConstructionSlider.tsx","webpack:///./src/components/PropertyDetailPage/ConstructionUpdates/index.tsx","webpack:///./src/templates/Property/PropertyUpdates.tsx","webpack:///./src/assets/icons/MailIcon.tsx","webpack:///./src/assets/icons/Chain.tsx"],"names":["ConstructionSlider","props","useState","carousel","setCarousel","slideIndex","setSlide","sliderData","images","map","x","src","type","ref","c","className","dots","infinite","centerMode","slidesToShow","slidesToScroll","autoPlay","autoPlaySpeed","arrows","draggable","fade","afterChange","data","slide","currentSlide","videos","document","querySelectorAll","querySelector","forEach","video","click","alert","handleChange","item","index","key","url","loop","playing","length","onClick","slickPrev","slickNext","ConstructionUpdates","property","pageData","pageContext","date","constructionUpdates","split","join","brand","details","logoBrand","getCorrectLogoBrand","copied","setCopied","alt","style","width","marginTop","imageLogo","FacebookShareButton","TwitterShareButton","EmailShareButton","MailIcon","text","onCopy","Chain","moment","format","description","milestone","ml","title","list","unitsCompletion","unit","name","percentage","ReactSlider","thumbClassName","trackClassName","min","max","defaultValue","pearling","disabled","PropertyUpdates","PropertyLayout","active","PropertyBaseMenu","SvgComponent","height","viewBox","d","fill","fillRule"],"mappings":"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","file":"component---src-templates-property-property-updates-tsx-b2bd616ff452830dad17.js","sourcesContent":["import React, { useState } from 'react'\nimport ReactPlayer from 'react-player'\nimport Slider from 'react-slick'\n\nimport 'slick-carousel/slick/slick.css'\nimport 'slick-carousel/slick/slick-theme.css'\nimport '../../JobOpenings/JobHeroBanner.scss'\n\nconst ConstructionSlider = (props: any): JSX.Element => {\n  const [carousel, setCarousel] = useState<null | any>(null)\n  const [slideIndex, setSlide] = useState<number | null>(null)\n\n  const sliderData: any = props.images ? props.images.map((x: any) => ({ src: x, type: 'image' })) : []\n  const settings = {\n    className: 'job-hero-slider',\n    dots: false,\n    infinite: true,\n    centerMode: false,\n    slidesToShow: 1,\n    slidesToScroll: 1,\n    autoPlay: true,\n    autoPlaySpeed: 2000,\n    arrows: false,\n    draggable: true,\n    fade: true\n  }\n\n  const next = (): void => {\n    if (carousel) {\n      carousel.slickNext()\n    }\n  }\n\n  const prev = (): void => {\n    if (carousel) {\n      carousel.slickPrev()\n    }\n  }\n\n  const handleChange = (slide: number): void => {\n    setSlide(slide)\n    const currentSlide = sliderData[slide]\n\n    const videos: any = document.querySelectorAll('.ytp-play-button')\n\n    if (currentSlide.type === 'video') {\n      let currentVideo: any = document.querySelector(`#career-video-${slide}`)\n    } else {\n      videos.forEach((video: any) => {\n        video.click()\n        alert('yes!')\n        // video.pause()\n      })\n    }\n  }\n\n  return (\n    <>\n      <Slider\n        ref={(c) => setCarousel(c)}\n        {...settings}\n        afterChange={(data) => {\n          handleChange(data)\n        }}\n      >\n        {sliderData &&\n          sliderData?.map((item: any, index: number) => {\n            return (\n              <div key={index}>\n                <div className=\"job-hero-slide\">\n                  {item.type === 'image' && <img src={item.src} className=\"image-slide\" />}\n\n                  {item.type === 'video' && (\n                    <div>\n                      <ReactPlayer url={item.src} loop={true} playing={slideIndex === index ? true : false} />\n                    </div>\n                  )}\n\n                  {/* {item.type === 'video' && (\n                    <video className=\"image-slide careers-video\" id={`career-video-${index}`} controls loop>\n                      <source src={video} type=\"video/mp4\" />\n                    </video>\n                  )} */}\n                </div>\n              </div>\n            )\n          })}\n      </Slider>\n      {sliderData.length !== 0 ? (\n        <div className=\"job-slider-arrows\">\n          <div onClick={prev}>\n            <i className=\"la la-angle-left\" />\n          </div>\n          <div onClick={next}>\n            <i className=\"la la-angle-right\" />\n          </div>\n        </div>\n      ) : null}\n    </>\n  )\n}\n\nexport default ConstructionSlider\n","import moment from 'moment'\nimport React, { useState } from 'react'\nimport CopyToClipboard from 'react-copy-to-clipboard'\nimport { FacebookShareButton, EmailShareButton, TwitterShareButton } from 'react-share'\nimport ReactSlider from 'react-slider'\n\nimport './ConstructionUpdates.scss'\nimport MailIcon from '../../../assets/icons/MailIcon'\nimport ChainIcon from '../../../assets/icons/Chain'\nimport ConstructionSlider from './ConstructionSlider'\nimport { getCorrectLogoBrand } from '../../../utils/getCorrectLogoBrand'\n\nconst ConstructionUpdates = (data: any): JSX.Element => {\n  const { pageData } = data\n  const { property } = pageData.pageContext\n  const date = property.constructionUpdates.date.split('/').join('/1/')\n  const { brand } = property.details\n\n  const logoBrand = getCorrectLogoBrand(brand)\n\n  const [copied, setCopied] = useState(false)\n  const url = `https://dev-khaleesi-alisi.whitecloak.com/brand/property/construction-updates`\n\n  return (\n    <div className=\"construction-updates-container\">\n      <div className=\"construction-updates-left-container\">\n        <ConstructionSlider images={property.constructionUpdates.images} />\n      </div>\n      <div className=\"construction-updates-right-container\">\n        <div className=\"right-container\">\n          <div className=\"brand-logo\">\n            <img src={logoBrand} alt=\"brand logo\" style={{ width: '128px' }} />\n          </div>\n          <div className=\"name-logo\" style={{ marginTop: '50px' }}>\n            <img src={property.details.imageLogo} alt=\"name logo\" />\n          </div>\n\n          <div className=\"construction-updates-title-wrapper\">\n            <h2>Construction Updates</h2>\n\n            {property.details.brand !== 'avida' && (\n              <div className=\"share-container\">\n                {copied ? (\n                  <>\n                    <div className=\"share-icon-container copied fade-in-bottom\">\n                      <span>Copied to clipboard!</span>\n                      <div onClick={() => setCopied(false)}>\n                        <i className=\"la la-close\" />\n                      </div>\n                    </div>\n                  </>\n                ) : (\n                  <div className=\"share-wrapper\">\n                    <FacebookShareButton url={url}>\n                      <div className=\"icon-container\">\n                        <i className=\"la la-facebook\" />\n                      </div>\n                    </FacebookShareButton>\n\n                    <TwitterShareButton url={url}>\n                      <div className=\"icon-container\">\n                        <i className=\"la la-twitter\" />\n                      </div>\n                    </TwitterShareButton>\n\n                    <EmailShareButton url={url}>\n                      <div className=\"icon-container\">\n                        <MailIcon />\n                      </div>\n                    </EmailShareButton>\n\n                    <CopyToClipboard text={url} onCopy={(): void => setCopied(true)}>\n                      <div className=\"icon-container\">\n                        <ChainIcon />\n                      </div>\n                    </CopyToClipboard>\n                  </div>\n                )}\n              </div>\n            )}\n          </div>\n\n          {property.constructionUpdates.date !== '' && (\n            <div className=\"date\">\n              <span>{`As of ${moment(date).format('MMMM YYYY')}`}</span>\n            </div>\n          )}\n\n          <div className=\"description\">\n            <p>{property.constructionUpdates.description}</p>\n          </div>\n\n          {property.constructionUpdates &&\n            property.constructionUpdates.milestone.map((ml: any) => {\n              return (\n                <div className=\"milestone\">\n                  <span>{ml.title}</span>\n                  <ul>\n                    <li>{ml.list}</li>\n                  </ul>\n                </div>\n              )\n            })}\n\n          {property.details.brand !== 'avida' && (\n            <div className=\"percentage\">\n              <span>Percentage of Completion</span>\n              {property.constructionUpdates.unitsCompletion.map((unit: any, index: number) => {\n                return (\n                  <div className=\"unit-completion-container\">\n                    <span>{unit.name}</span>\n                    <div className=\"percentage-container\">\n                      <span>{unit.percentage !== '' ? `${unit.percentage}%` : '0%'}</span>\n                      <ReactSlider\n                        className=\"range-container\"\n                        thumbClassName=\"range-thumb\"\n                        trackClassName=\"range-track\"\n                        min={1}\n                        max={100}\n                        defaultValue={[1, unit.percentage]}\n                        pearling\n                        disabled\n                      />\n                    </div>\n                  </div>\n                )\n              })}\n            </div>\n          )}\n        </div>\n      </div>\n    </div>\n  )\n}\n\nexport default ConstructionUpdates\n","import React, { ReactElement } from 'react'\nimport './Property.scss'\nimport PropertyLayout from '../../components/Layout/PropertyLayout'\nimport PropertyBaseMenu from '../../components/PropertyBaseMenu/PropertyBaseMenu'\nimport ConstructionUpdates from '../../components/PropertyDetailPage/ConstructionUpdates'\n\nconst PropertyUpdates = (data: any) => {\n  const pageData = data\n  return (\n    <PropertyLayout active={5} pageData={pageData}>\n      <PropertyBaseMenu pageData={pageData} />\n      <ConstructionUpdates pageData={pageData} />\n    </PropertyLayout>\n  )\n}\n\nexport default PropertyUpdates\n","import * as React from 'react'\n\nfunction SvgComponent(props: React.SVGProps<SVGSVGElement>): JSX.Element {\n  return (\n    <svg width={15} height={11} viewBox=\"0 0 15 11\" {...props}>\n      <path\n        d=\"M4.69 6.828l.296.193c.32.214.58.38.78.5.2.119.465.24.797.365s.642.187.929.187h.016c.287 0 .597-.062.929-.187a5.02 5.02 0 00.797-.366c.2-.119.46-.285.78-.499l.297-.192 4.284 3.87c-.25.2-.545.301-.885.301H1.29c-.34 0-.634-.101-.885-.302zM0 3.414c.24.257.514.484.824.683a282.72 282.72 0 012.825 1.87L0 9.483zm15 0v6.069l-3.649-3.515c.778-.523 1.722-1.146 2.833-1.87.31-.205.582-.433.816-.684zM13.66 0c.363 0 .677.12.942.358.265.239.398.526.398.861 0 .402-.137.785-.41 1.15a3.819 3.819 0 01-1.021.938 7958.365 7958.365 0 00-4.043 2.558l-.23.151a9.1 9.1 0 01-.887.537c-.171.092-.331.16-.482.206a1.45 1.45 0 01-.419.069h-.016a1.45 1.45 0 01-.419-.069 2.661 2.661 0 01-.481-.206 8.697 8.697 0 01-.435-.247c-.12-.074-.271-.17-.452-.29l-.231-.151-.125-.081-.845-.538C4.119 5 3.67 4.718 3.156 4.393 2.2 3.79 1.629 3.429 1.44 3.307a3.998 3.998 0 01-.98-.88C.153 2.053 0 1.707 0 1.387 0 .99.116.66.347.397.58.131.91 0 1.34 0z\"\n        fill=\"#157B58\"\n        fillRule=\"nonzero\"\n      />\n    </svg>\n  )\n}\n\nexport default SvgComponent\n","import * as React from 'react'\n\nfunction SvgComponent(props: React.SVGProps<SVGSVGElement>): JSX.Element {\n  return (\n    <svg width={15} height={15} viewBox=\"0 0 15 15\" {...props}>\n      <path\n        d=\"M9.303 5.756a3.558 3.558 0 010 5.014l-3.194 3.196a3.556 3.556 0 01-5.015 0l-.06-.06a3.555 3.555 0 010-5.014l2.237-2.233a4.95 4.95 0 00.358 1.938L2.184 10.04a1.922 1.922 0 000 2.715l.06.06a1.923 1.923 0 002.715 0L8.155 9.62a1.922 1.922 0 000-2.716l-.061-.058a1.847 1.847 0 00-.383-.294l1.17-1.169c.125.095.248.199.362.314l.06.058zm4.664-4.662l-.06-.06a3.556 3.556 0 00-5.014 0L5.697 4.23a3.555 3.555 0 000 5.014l.06.058c.114.113.238.218.362.314l1.17-1.17a1.991 1.991 0 01-.383-.293l-.06-.058a1.924 1.924 0 010-2.717l3.196-3.194a1.92 1.92 0 012.714 0l.06.06a1.922 1.922 0 010 2.715l-1.443 1.444c.25.62.368 1.28.358 1.938l2.234-2.235a3.555 3.555 0 00.002-5.012z\"\n        fill=\"#157B58\"\n        fillRule=\"nonzero\"\n      />\n    </svg>\n  )\n}\n\nexport default SvgComponent\n"],"sourceRoot":""}