{"version":3,"sources":["webpack:///./src/templates/Property/PropertyOverview.tsx"],"names":["PropertyOverview","overviewData","useState","device","setDevice","pageContext","property","minPrice","numeral","details","priceRange","lowest","format","replace","maxPrice","highest","OverviewSliderContent","overview","images","videos","brand","logoBrand","getCorrectLogoBrand","processHtml","html","useEffect","useDevice","active","pageData","className","id","style","background","backgroundSize","src","alt","imageLogo","test","Mesa","Fold","propertyType","isDesktop","dangerouslySetInnerHTML","__html","title","isMobile","length","targetBanner"],"mappings":"yRAoJeA,UAjIU,SAACC,GACxB,MAA4BC,mBAAS,IAA9BC,EAAP,KAAeC,EAAf,KACQC,EAAgBJ,EAAhBI,YACAC,EAAaD,EAAbC,SACFC,EAAWC,IAAQF,EAASG,QAAQC,WAAWC,QAAQC,OAAO,QAAQC,QAAQ,KAAM,IACpFC,EAAWN,IAAQF,EAASG,QAAQC,WAAWK,SAASH,OAAO,QAAQC,QAAQ,KAAM,IACrFG,EAAwBV,EAASW,SAAT,sBAAwBX,EAASW,SAASC,QAA1C,YAAqDZ,EAASW,SAASE,SAAU,GAEvGC,EAAUd,EAASG,QAAnBW,MAEFC,EAAYC,YAAoBF,GAEhCG,EAAc,SAACC,GACnB,OAAOA,EAAOA,EAAKX,QAAQ,gBAAiB,IAAM,IAGpDY,qBAAU,WACRrB,EAAUsB,iBACT,IAWH,OACE,kBAAC,IAAD,CAAgBC,OAAQ,EAAGC,SAAU3B,GACnC,kBAAC,IAAD,CAAkB2B,SAAU3B,IAC5B,yBAAK4B,UAAU,yBACb,yBAAKA,UAAU,yBACb,yBACEA,UAAU,2BACVC,GAAG,0BACHC,MAAO,CACLC,WAAY,kGACP1B,EAASW,SAASC,OAASZ,EAASW,SAASC,OAAO,GAAK,IADpD,sBAEVe,eAAgB,UAGlB,yBAAKJ,UAAU,mBACU,UAAtBxB,EAAYe,OAA2C,UAAtBf,EAAYe,MAC5C,yBAAKS,UAAU,cACb,yBAAKK,IAAKb,EAAWc,IAAI,gBAEzB,KAEJ,yBAAKN,UAAU,yBACb,yBACEK,IAAK5B,EAASG,QAAQ2B,UACtBP,WA3Bc,SAArBxB,EAAYe,OAAyC,SAArBf,EAAYe,QALnC,YACDiB,KAAK/B,EAASG,QAAQ2B,WA+BkB,aAAqB,GAC9DD,IAAI,mBAIR,yBAAKN,UAAS,iCAAwD,QAAtBxB,EAAYe,MAAkB,WAAa,KACzF,yBAAKc,IAAKI,IAAMH,IAAI,YAAYN,UAAU,eAC1C,yBAAKK,IAAKK,IAAMJ,IAAI,YAAYN,UAAU,cAE1C,yBAAKA,UAAU,qBACb,8BACGvB,EAASG,QAAQ+B,aADpB,IACkC,4CAEjCrC,WAAQsC,UACP,wBACEC,wBAAyB,CACvBC,OAAQpB,EAAYjB,EAASW,SAAS2B,UAGxC,MAGN,yBAAKf,UAAU,kBACb,8BACE,8CACA,6BAFF,IAEUtB,EAFV,IAEqBO,QAO/B,yBAAKe,UAAU,6BACb,yBAAKA,UAAU,2BACU,QAAtBxB,EAAYe,OACX,yBAAKS,UAAU,kBACb,8BACE,+CADF,KACgCtB,EADhC,IAC2CO,IAI/C,yBAAKe,UAAU,wBACb,yBAAKK,IAAKb,EAAWc,IAAI,aAAaN,UAAU,iBAChD,yBAAKK,IAAK5B,EAASG,QAAQ2B,UAAWP,UAAU,oBAAoBM,IAAI,yBAGzEhC,WAAQ0C,SACP,yBAAKhB,UAAU,cACb,0BAAMA,UAAU,iBACbvB,EAASG,QAAQ+B,aADpB,IACkC,4CAElC,wBACEE,wBAAyB,CACvBC,OAAQpB,EAAYjB,EAASW,SAAS2B,WAI1C,MAEN,yBAAKf,UAAU,iBACb,uBACEa,wBAAyB,CACvBC,OAAQpB,EAAYjB,EAASW,SAASR,aAKV,IAAjCO,EAAsB8B,OACrB,kBAAC,IAAD,CAAgBC,aAAa,0BAA0B7B,OAAQF,IAC7D","file":"component---src-templates-property-property-overview-tsx-8a1d79328a33264d29f9.js","sourcesContent":["import React, { useEffect, useState } from 'react'\nimport numeral from 'numeral'\n\nimport './Property.scss'\nimport './PropertyOverview.scss'\nimport PropertyLayout from '../../components/Layout/PropertyLayout'\nimport PropertyBaseMenu from '../../components/PropertyBaseMenu/PropertyBaseMenu'\nimport PropertySlider from '../../components/PropertySlider/PropertySlider'\n\nimport Alp from '../../assets/images/brands/alp.png'\nimport Alveo from '../../assets/images/brands/Alveo.png'\nimport Avida from '../../assets/images/brands/Avida.png'\nimport Amaia from '../../assets/images/brands/Amaia.png'\nimport Bellavita from '../../assets/images/brands/BellaVita.png'\nimport Fold from '../../assets/images/fold.png'\nimport Mesa from '../../assets/svg/mesa.svg'\nimport { getCorrectLogoBrand } from '../../utils/getCorrectLogoBrand'\nimport { useDevice } from '../../utils/checkScreen'\n\nconst PropertyOverview = (overviewData: any): JSX.Element => {\n  const [device, setDevice] = useState({} as any)\n  const { pageContext } = overviewData\n  const { property } = pageContext\n  const minPrice = numeral(property.details.priceRange.lowest).format('0.0a').replace('.0', '')\n  const maxPrice = numeral(property.details.priceRange.highest).format('0.0a').replace('.0', '')\n  const OverviewSliderContent = property.overview ? [...property.overview.images, ...property.overview.videos] : []\n\n  const { brand } = property.details\n\n  const logoBrand = getCorrectLogoBrand(brand)\n\n  const processHtml = (html: any): string => {\n    return html ? html.replace(/(<([^>]+)>)/gi, '') : ''\n  }\n\n  useEffect(() => {\n    setDevice(useDevice())\n  }, [])\n\n  const isPng = () => {\n    const pattern = /(png|PNG)/\n    return pattern.test(property.details.imageLogo)\n  }\n\n  const isAmaiaOrAvida = () => {\n    return pageContext.brand == 'avida' || pageContext.brand == 'amaia'\n  }\n\n  return (\n    <PropertyLayout active={1} pageData={overviewData}>\n      <PropertyBaseMenu pageData={overviewData} />\n      <div className=\"property-page-content\">\n        <div className=\"poperty-overview-page\">\n          <div\n            className=\"property-overview-banner\"\n            id=\"project-overview-banner\"\n            style={{\n              background: `linear-gradient(to right, rgba(26, 25, 25, 0.656), rgba(255, 255, 255, 0)),\n            url('${property.overview.images ? property.overview.images[0] : ''}') center no-repeat`,\n              backgroundSize: 'cover'\n            }}\n          >\n            <div className=\"content-wrapper\">\n              {pageContext.brand !== 'avida' && pageContext.brand !== 'amaia' ? (\n                <div className=\"brand-logo\">\n                  <img src={logoBrand} alt=\"brand-logo\" />\n                </div>\n              ) : null}\n\n              <div className=\"property-logo fade-in\">\n                <img\n                  src={property.details.imageLogo}\n                  className={isAmaiaOrAvida() ? (isPng() ? 'white-text' : '') : ''}\n                  alt=\"property logo\"\n                />\n              </div>\n\n              <div className={`page-fold web-view-page-fold ${pageContext.brand === 'alp' ? 'no-price' : ''}`}>\n                <img src={Mesa} alt=\"page fold\" className=\"page-shape\" />\n                <img src={Fold} alt=\"edge fold\" className=\"edge-fold\" />\n\n                <div className=\"page-fold-content\">\n                  <span>\n                    {property.details.propertyType} <small>--------</small>\n                  </span>\n                  {device?.isDesktop ? (\n                    <h1\n                      dangerouslySetInnerHTML={{\n                        __html: processHtml(property.overview.title)\n                      }}\n                    />\n                  ) : null}\n                </div>\n\n                <div className=\"property-price\">\n                  <span>\n                    <small>Starting at</small>\n                    <br />₱{minPrice}-{maxPrice}\n                  </span>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n        <div className=\"property-overview-content\">\n          <div className=\"mobile-property-context\">\n            {pageContext.brand !== 'alp' && (\n              <div className=\"property-price\">\n                <span>\n                  <small>Starting at:</small> ₱{minPrice}-{maxPrice}\n                </span>\n              </div>\n            )}\n            <div className=\"property-logo-mobile\">\n              <img src={logoBrand} alt=\"brand-logo\" className=\"x-brand-logo\" />\n              <img src={property.details.imageLogo} className=\"mobile-brand-logo\" alt=\"property-brand-logo\" />\n            </div>\n\n            {device?.isMobile ? (\n              <div className=\"type-title\">\n                <span className=\"property-type\">\n                  {property.details.propertyType} <small>--------</small>\n                </span>\n                <h1\n                  dangerouslySetInnerHTML={{\n                    __html: processHtml(property.overview.title)\n                  }}\n                />\n              </div>\n            ) : null}\n          </div>\n          <div className=\"property-text\">\n            <p\n              dangerouslySetInnerHTML={{\n                __html: processHtml(property.overview.details)\n              }}\n            />\n          </div>\n\n          {OverviewSliderContent.length !== 0 ? (\n            <PropertySlider targetBanner=\"project-overview-banner\" images={OverviewSliderContent} />\n          ) : null}\n        </div>\n      </div>\n    </PropertyLayout>\n  )\n}\n\nexport default PropertyOverview\n"],"sourceRoot":""}