nestiq-component-library 1.0.25 → 1.0.27

package/dist/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../src/assets/images/icon_close_2.png","../node_modules/style-inject/dist/style-inject.es.js","../src/assets/images/icon_share_1.svg","../src/assets/images/locationIconBlack.svg","../src/assets/Images/Icon_rightArrow.svg","../src/assets/Images/blackarrow-Right.svg","../src/assets/Images/blckarrow-Left.svg","../src/assets/Images/chevron-left.svg","../src/assets/Images/icon_gallery.svg","../src/assets/Images/icon_map.svg","../src/assets/Images/layer_icon.svg","../src/assets/Images/LayersIcon.svg","../src/assets/images/locationIcon.svg","../src/assets/Images/default-property.jpg"],"sourcesContent":["export default \"icon_close_2.png\"","function styleInject(css, ref) {\n  if ( ref === void 0 ) ref = {};\n  var insertAt = ref.insertAt;\n\n  if (!css || typeof document === 'undefined') { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.type = 'text/css';\n\n  if (insertAt === 'top') {\n    if (head.firstChild) {\n      head.insertBefore(style, head.firstChild);\n    } else {\n      head.appendChild(style);\n    }\n  } else {\n    head.appendChild(style);\n  }\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n}\n\nexport default styleInject;\n","export default \"icon_share_1.svg\"","export default \"locationIconBlack.svg\"","export default \"Icon_rightArrow.svg\"","export default \"blackarrow-Right.svg\"","export default \"blckarrow-Left.svg\"","export default \"chevron-left.svg\"","export default \"icon_gallery.svg\"","export default \"icon_map.svg\"","export default \"layer_icon.svg\"","export default \"LayersIcon.svg\"","export default \"locationIcon.svg\"","export default \"default-property.jpg\""],"names":[],"mappings":";;;;;;;AAAA,gBAAe;;ACAf,SAAS,WAAW,CAAC,GAAG,EAAE,GAAG,EAAE;AAC/B,EAAE,KAAK,GAAG,KAAK,KAAK,CAAC,GAAG,GAAG,GAAG,EAAE,CAAC;AACjC,EAAE,IAAI,QAAQ,GAAG,GAAG,CAAC,QAAQ,CAAC;AAC9B;AACA,EAAE,IAAI,CAAC,GAAG,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE,EAAE,OAAO,EAAE;AAC1D;AACA,EAAE,IAAI,IAAI,GAAG,QAAQ,CAAC,IAAI,IAAI,QAAQ,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;AACvE,EAAE,IAAI,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;AAC9C,EAAE,KAAK,CAAC,IAAI,GAAG,UAAU,CAAC;AAC1B;AACA,EAAE,IAAI,QAAQ,KAAK,KAAK,EAAE;AAC1B,IAAI,IAAI,IAAI,CAAC,UAAU,EAAE;AACzB,MAAM,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;AAChD,KAAK,MAAM;AACX,MAAM,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC9B,KAAK;AACL,GAAG,MAAM;AACT,IAAI,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC5B,GAAG;AACH;AACA,EAAE,IAAI,KAAK,CAAC,UAAU,EAAE;AACxB,IAAI,KAAK,CAAC,UAAU,CAAC,OAAO,GAAG,GAAG,CAAC;AACnC,GAAG,MAAM;AACT,IAAI,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC;AACpD,GAAG;AACH;;;;;;;;;;;;;;ACzBA,gBAAe;;ACAf,qBAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACAf,qBAAe;;ACAf,wBAAe;;ACAf,uBAAe;;ACAf,oBAAe;;ACAf,kBAAe;;ACAf,cAAe;;ACAf,iBAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACAf,gBAAe;;ACAf,mBAAe;;;;;ACAf,kBAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","x_google_ignoreList":[1]}
+{"version":3,"file":"index.es.js","sources":["../src/components/Button/Button.tsx","../src/assets/images/icon_close_2.png","../node_modules/style-inject/dist/style-inject.es.js","../src/components/Popup/Popup.tsx","../src/assets/images/icon_share_1.svg","../src/assets/images/locationIconBlack.svg","../src/assets/Images/envelope-fill.svg","../src/assets/Images/facebook.svg","../src/assets/Images/icon_close_2.png","../src/assets/Images/linkedin.svg","../src/assets/Images/twitter-x.svg","../src/assets/Images/whatsapp.svg","../src/components/SharePopup/PopUp.tsx","../src/components/PropertyDetailsHeader/PropertyDetailsHeader.tsx","../src/assets/Images/Icon_rightArrow.svg","../src/assets/Images/blackarrow-Right.svg","../src/assets/Images/blckarrow-Left.svg","../src/assets/Images/chevron-left.svg","../src/assets/Images/icon_gallery.svg","../src/assets/Images/icon_map.svg","../src/assets/Images/layer_icon.svg","../src/components/ImageListPopup/ImageListPopup.tsx","../src/components/PropertyImageList/PropertyImageList.tsx","../src/assets/Images/LayersIcon.svg","../src/assets/images/locationIcon.svg","../src/assets/Images/default-property.jpg","../src/components/PropertyCard/PropertyCard.tsx"],"sourcesContent":["import React from 'react';\r\n\r\ninterface ButtonProps {\r\n    label: string;\r\n}\r\n\r\nconst Button: React.FC<ButtonProps> = ({ label }) => {\r\n    return <button>{label}</button>;\r\n};\r\n\r\nexport default Button;\r\n","export default \"/static/media/icon_close_2.e41bb9a4db48e048.png\"","function styleInject(css, ref) {\n  if ( ref === void 0 ) ref = {};\n  var insertAt = ref.insertAt;\n\n  if (!css || typeof document === 'undefined') { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.type = 'text/css';\n\n  if (insertAt === 'top') {\n    if (head.firstChild) {\n      head.insertBefore(style, head.firstChild);\n    } else {\n      head.appendChild(style);\n    }\n  } else {\n    head.appendChild(style);\n  }\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n}\n\nexport default styleInject;\n","import React from \"react\";\r\nimport closeIcon from \"../../assets/images/icon_close_2.png\";\r\nimport \"./Popup.css\";\r\n\r\ninterface PopupProps {\r\n  children: React.ReactNode;\r\n  onCloseClick: () => void;\r\n}\r\n\r\nconst Popup: React.FC<PopupProps> = ({ onCloseClick, children }) => {\r\n  return (\r\n    <div className=\"popup-overlay\">\r\n      <div className=\"shareSection  col-12 d-flex position-relative flex-column mx-auto justify-content-center col-5 col-lg-6 d-flex gap-4\">\r\n        <div className=\"end-0 top-0 position-absolute \">\r\n          <img\r\n            src={closeIcon}\r\n            alt=\"close\"\r\n            className=\"closeIcon me-2\"\r\n            onClick={onCloseClick}\r\n          />\r\n        </div>\r\n        {children}\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default Popup;\r\n","export default \"/static/media/icon_share_1.b9ec05630dc1087e.svg\"","export default \"/static/media/locationIconBlack.eb8e9e9226b43573.svg\"","export default \"/static/media/envelope-fill.6669c9d64183941c.svg\"","export default \"/static/media/facebook.ce73eacbfffe8a27.svg\"","export default \"/static/media/icon_close_2.e41bb9a4db48e048.png\"","export default \"/static/media/linkedin.7539333145b03678.svg\"","export default \"/static/media/twitter-x.48a4ac3f560f0a62.svg\"","export default \"/static/media/whatsapp.28e6b0b24adc9289.svg\"","import React, { useRef } from \"react\";\r\nimport email from \"../../assets/Images/envelope-fill.svg\";\r\nimport facebook from \"../../assets/Images/facebook.svg\";\r\nimport x from \"../../assets/Images/icon_close_2.png\";\r\nimport linkedln from \"../../assets/Images/linkedin.svg\";\r\nimport Xtwitter from \"../../assets/Images/twitter-x.svg\";\r\nimport whatsapp from \"../../assets/Images/whatsapp.svg\";\r\nimport \"./PopUp.css\";\r\n\r\ninterface Popupprops {\r\n  onClick: () => void;\r\n}\r\nexport default function PopUp(props: Popupprops) {\r\n  const handleClose = () => {\r\n    props.onClick();\r\n  };\r\n  const urlInputRef = useRef<HTMLInputElement | null>(null);\r\n\r\n  const copyToClipboard = () => {\r\n    urlInputRef.current!.select();\r\n    document.execCommand(\"copy\");\r\n    // toast.success(\"URL copied to clipboard!\");\r\n  };\r\n\r\n  return (\r\n    <div className=\"popup-overlay\">\r\n      <div className=\"shareSection  col-12 d-flex position-relative flex-column mx-auto justify-content-center col-5 col-lg-6 d-flex gap-4\">\r\n        <div className=\"end-0 top-0 position-absolute \">\r\n          <img\r\n            src={x}\r\n            alt=\"close\"\r\n            className=\"closeIcon me-2\"\r\n            onClick={handleClose}\r\n          />\r\n        </div>\r\n        <div className=\"popUpHeader col-lg-12 d-flex justify-content-center mb-2\">\r\n          Jetzt teilen und weitersagen!\r\n        </div>\r\n        <div className=\"h-25 col-lg-12 socialMediaIconsSection d-flex flex-row align-items-center justify-content-center mx-auto\">\r\n          <a\r\n            href=\"https://twitter.com/intent/tweet?url=https://www.nestiq.de&text=Nestiq\"\r\n            className=\"text-decoration-none\"\r\n            target=\"blank\"\r\n          >\r\n            <div className=\" flex-column d-flex align-items-center\">\r\n              <img src={Xtwitter} alt=\"twitter\" className=\"socialMediaIcons\" />\r\n              <span className=\"socialMediaIconText\">Xtwitter</span>\r\n            </div>\r\n          </a>\r\n\r\n          <a\r\n            href=\"https://www.facebook.com/sharer/sharer.php?u=https://www.nestiq.de\"\r\n            className=\"text-decoration-none\"\r\n            target=\"blank\"\r\n          >\r\n            <div className=\" flex-column d-flex align-items-center\">\r\n              <img\r\n                src={facebook}\r\n                alt=\"facebook\"\r\n                className=\"socialMediaIcons \"\r\n              />\r\n              <span className=\"socialMediaIconText\">Facebook</span>\r\n            </div>\r\n          </a>\r\n\r\n          <a\r\n            href=\"https://api.whatsapp.com/send?text=https://www.nestiq.de\"\r\n            target=\"blank\"\r\n            className=\"text-decoration-none\"\r\n          >\r\n            <div className=\" flex-column d-flex  align-items-center\">\r\n              <img\r\n                src={whatsapp}\r\n                alt=\"whatsapp\"\r\n                className=\" socialMediaIcons\"\r\n              />\r\n              <span className=\"socialMediaIconText\">WhatsApp</span>\r\n            </div>\r\n          </a>\r\n\r\n          <a\r\n            href=\"https://www.linkedin.com/shareArticle?mini=true&url=https://www.nestiq.de\"\r\n            target=\"blank\"\r\n            className=\"text-decoration-none\"\r\n          >\r\n            <div className=\" flex-column d-flex  align-items-center\">\r\n              <img\r\n                src={linkedln}\r\n                alt=\"linkedin\"\r\n                className=\" socialMediaIcons\"\r\n              />\r\n              <span className=\"socialMediaIconText\">LinkedIn</span>\r\n            </div>\r\n          </a>\r\n\r\n          <a\r\n            href=\"https://www.nestiq.de\"\r\n            target=\"blank\"\r\n            className=\"text-decoration-none\"\r\n          >\r\n            <div className=\" flex-column d-flex  align-items-center\">\r\n              <img src={email} alt=\"email\" className=\" socialMediaIcons\" />\r\n              <span className=\"socialMediaIconText\">E-mail</span>\r\n            </div>\r\n          </a>\r\n        </div>\r\n        <div className=\"col-10 mx-auto\">\r\n          <div className=\" row align-items-center position-relative\">\r\n            <input\r\n              ref={urlInputRef}\r\n              type=\"text\"\r\n              className=\"popup_search-input rounded-4 border border-0 \"\r\n              placeholder=\"Enter link here\"\r\n              value={window.location.href}\r\n              readOnly\r\n            />\r\n            <button\r\n              onClick={copyToClipboard}\r\n              className=\"popupcustom-button border border-0 position-absolute me-2 col-lg-3 col-md-3 col-sm-3 rounded-4 fs-6\"\r\n              type=\"button\"\r\n              id=\"button\"\r\n            >\r\n              <strong>Kopieren</strong>\r\n            </button>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n","import React, { useState } from \"react\";\r\n// import { FormattedMessage } from \"react-intl\";\r\nimport ShareIcon from \"../../assets/images/icon_share_1.svg\";\r\nimport locationIcon from \"../../assets/images/locationIconBlack.svg\";\r\nimport \"./PropertyDetailsHeader.css\";\r\nimport PopUp from \"../SharePopup/PopUp\";\r\n\r\nexport interface PopupProps {\r\n  property: {\r\n    city: string;\r\n    constructedArea: string;\r\n    rooms: string;\r\n    propertyArea: string;\r\n    askingPrice: string;\r\n  };\r\n  title: string;\r\n}\r\n\r\nexport default function PropertyDetailsHeader(props: PopupProps) {\r\n  const [showPopUp, setShowPopUp] = useState(false);\r\n\r\n  const handlePopUp = () => {\r\n    setShowPopUp(!showPopUp);\r\n  };\r\n\r\n  return (\r\n    <div className=\"Pheader compact d-flex col-12 col-lg-12 position-relative mt-5 \">\r\n      <div className=\"header_Text d-flex col-lg-7 col-md-9 mt-4 ms-4 \">\r\n        <strong>{props.title ?? \"-\"}</strong>\r\n      </div>\r\n      <div className=\"header_Text text-truncate col-lg-6 col-md-7 d-flex flex-row position-absolute ms-4\">\r\n        <img src={locationIcon} className=\"vector me-2\" alt=\"location Icon\" />\r\n\r\n        <div className=\"propText text-truncate col-lg-6 col-md-6 d-flex align-items-center\">\r\n          {props.property.city}\r\n        </div>\r\n      </div>\r\n      <div className=\"d-flex col-lg-5 col-md-6 col-sm-5 justify-content-end position-absolute end-0 mt-4\">\r\n        {/* <img src={Hearticon} alt=\"Location Icon\" className=\"v_share me-3\" /> */}\r\n        <img\r\n          src={ShareIcon}\r\n          alt=\"share icon\"\r\n          className=\"v_share me-3\"\r\n          onClick={handlePopUp}\r\n        />\r\n      </div>\r\n      <div className=\"fetch_section d-flex align-items-center flex-row col-lg-5 col-md-6 col-sm-5 justify-content-end position-absolute end-0\">\r\n        {props && (\r\n          <div className=\" propText col-lg-3 col-md-3 h-100 d-flex align-items-center justify-content-center  \">\r\n            {props.property.askingPrice} <br />\r\n            Kaufpreis\r\n          </div>\r\n        )}\r\n        {props && (\r\n          <div className=\"propText col-lg-3 col-md-3 d-flex h-100 align-items-center justify-content-center\">\r\n            {props.property.constructedArea} m² <br />\r\n            Wohnfläche\r\n            {/* <FormattedMessage id=\"LIVING_SPACE\" /> */}\r\n          </div>\r\n        )}\r\n        {props && (\r\n          <div className=\"propText col-lg-3 col-md-3 d-flex h-100 align-items-center justify-content-center\">\r\n            {props.property.rooms} <br />\r\n            Zimmer\r\n            {/* <FormattedMessage id=\"ROOMS\" /> */}\r\n          </div>\r\n        )}\r\n        {props && (\r\n          <div className=\"propText  col-lg-3 col-md-3 d-flex h-100 align-items-center justify-content-center\">\r\n            {props.property.propertyArea} m²\r\n            <br />\r\n            Grundstück\r\n            {/* <FormattedMessage id=\"Grundstück\" /> */}\r\n          </div>\r\n        )}\r\n      </div>\r\n      {showPopUp && (\r\n        <PopUp\r\n      onClick={handlePopUp}\r\n        />\r\n      )}\r\n    </div>\r\n  );\r\n}\r\n","export default \"/static/media/Icon_rightArrow.bced4a705c07148d.svg\"","export default \"/static/media/blackarrow-Right.e585ae62dd55abae.svg\"","export default \"/static/media/blckarrow-Left.e2134741aa368d30.svg\"","export default \"/static/media/chevron-left.04f0a7f16b745c1a.svg\"","export default \"/static/media/icon_gallery.269b721daf2ca907.svg\"","export default \"/static/media/icon_map.2318ec664c3e615e.svg\"","export default \"/static/media/layer_icon.9b56c187199c44b5.svg\"","import \"./ImageListPopup.css\";\r\nimport React, { useRef, useState } from \"react\";\r\nimport blcIconArrowRight from \"../../assets/Images/blackarrow-Right.svg\";\r\nimport blcIconArrowLeft from \"../../assets/Images/blckarrow-Left.svg\";\r\nimport iconClose from \"../../assets/images/icon_close_2.png\";\r\n\r\ninterface PopupProps {\r\n  pictureUrls: { title: string; url: string }[];\r\n}\r\n\r\nexport default function ImageListPopup(props: PopupProps) {\r\n  const [showPopUp, setShowPopUp] = useState(true);\r\n  const [currentImageIndex, setCurrentImageIndex] = useState(0);\r\n  const imageListRef = useRef<HTMLDivElement | null>(null);\r\n\r\n  const handleArrowClickInMainImage = (direction: any) => {\r\n    if (props.pictureUrls.length === 0) return;\r\n\r\n    let newIndex = currentImageIndex;\r\n    if (direction === \"left\") {\r\n      newIndex =\r\n        (currentImageIndex - 1 + props.pictureUrls.length) %\r\n        props.pictureUrls.length;\r\n    } else if (direction === \"right\") {\r\n      newIndex = (currentImageIndex + 1) % props.pictureUrls.length;\r\n    }\r\n\r\n    setCurrentImageIndex(newIndex);\r\n\r\n    imageListRef.current!.scrollTo({\r\n      left: newIndex * 150,\r\n      behavior: \"smooth\",\r\n    });\r\n  };\r\n\r\n  const handleClose = () => {\r\n    setShowPopUp(false);\r\n  };\r\n\r\n  return (\r\n    <div>\r\n      {showPopUp && (\r\n        <div className=\"popup-overlay\">\r\n          <div className=\" d-flex  flex-column  col-6 \">\r\n            <span className=\"txt-white\">\r\n              {props.pictureUrls[currentImageIndex].title}\r\n            </span>\r\n            <div className=\"d-flex  align-self-end me-0 ms-5\">\r\n              <img\r\n                src={iconClose}\r\n                alt=\"close\"\r\n                className=\"closeIcon\"\r\n                onClick={handleClose}\r\n              />\r\n            </div>\r\n\r\n            <div className=\"d-flex justify-content-center\">\r\n              <div className=\"p-2 bd-highlight align-self-center align-items-center me-5\">\r\n                <div\r\n                  className=\"rounded-circle border onImageArrow start-0 d-flex  \"\r\n                  role=\"button\"\r\n                  onClick={() => handleArrowClickInMainImage(\"left\")}\r\n                >\r\n                  <img\r\n                    src={blcIconArrowLeft}\r\n                    className=\"blackArrow align-self-center\"\r\n                    alt=\"Left Arrow\"\r\n                  />\r\n                </div>\r\n              </div>\r\n              <div className=\"p-2 bd-highlight\">\r\n                <div\r\n                  className=\" rounded-5 mainImage \"\r\n                  style={{\r\n                    backgroundImage: `url(${props.pictureUrls[currentImageIndex].url})`,\r\n                    height: \"350px\",\r\n                    width: \"600px\",\r\n                    backgroundSize: \"cover\",\r\n                    backgroundPosition: \"center\",\r\n                  }}\r\n                ></div>\r\n              </div>\r\n              <div className=\"p-2 bd-highlight align-self-center ms-5\">\r\n                {\" \"}\r\n                <div\r\n                  role=\"button\"\r\n                  className=\"rounded-circle border onImageArrow d-flex     justify-content-center\"\r\n                  onClick={() => handleArrowClickInMainImage(\"right\")}\r\n                >\r\n                  <img\r\n                    src={blcIconArrowRight}\r\n                    className=\"blackArrow align-self-center\"\r\n                    alt=\"Right Arrow\"\r\n                  />\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div className=\"d-flex flex-row\">\r\n              {/* Arrows on the main image */}\r\n            </div>\r\n            <div className=\"d-flex flex-row gap-4  w-100 secondList \">\r\n              <div className=\"col-lg-12 d-flex flex-row p-1  align-self-center mt-5\">\r\n                <div className=\"col-12 position-relative d-flex justify-content-center\">\r\n                  <div\r\n                    className=\"col-lg-10 rounded-3 h-100 w-100 d-flex flex-row gap-2 overflow-auto \"\r\n                    ref={imageListRef}\r\n                  >\r\n                    {props.pictureUrls.length > 0 && (\r\n                      <div className=\"col-lg-5 h-100 w-25 d-flex gap-4 flex-row rounded-3\">\r\n                        {props.pictureUrls.map((picture, index) => (\r\n                          <div\r\n                            key={index}\r\n                            className=\"col-lg-12 h-100 d-flex\"\r\n                            onClick={() => {\r\n                              setCurrentImageIndex(index);\r\n                              imageListRef.current!.scrollTo({\r\n                                left: index * 150,\r\n                                behavior: \"smooth\",\r\n                              });\r\n                            }}\r\n                            role=\"button\"\r\n                          >\r\n                            <img\r\n                              src={picture.url}\r\n                              alt={`Image ${index + 1}`}\r\n                              className=\"col-12 h-100 rounded-3 object-fit-cover\"\r\n                            />\r\n                          </div>\r\n                        ))}\r\n                      </div>\r\n                    )}\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n}\r\n","import React, { useRef, useState } from \"react\";\r\nimport iconArrowRight from \"../../assets/Images/Icon_rightArrow.svg\";\r\nimport blcIconArrowRight from \"../../assets/Images/blackarrow-Right.svg\";\r\nimport blcIconArrowLeft from \"../../assets/Images/blckarrow-Left.svg\";\r\nimport iconArrowLeft from \"../../assets/Images/chevron-left.svg\";\r\nimport iconGallery from \"../../assets/Images/icon_gallery.svg\";\r\nimport iconMap from \"../../assets/Images/icon_map.svg\";\r\nimport iconLayers from \"../../assets/Images/layer_icon.svg\";\r\nimport \"./PropertyImageList.css\";\r\nimport ImageListPopup from \"../ImageListPopup/ImageListPopup\";\r\nimport PopupProps from \"../ImageListPopup/ImageListPopup\";\r\n\r\ninterface PopupProps {\r\n  pictureUrls: { title: string; url: string }[];\r\n}\r\nexport default function PropertyImageList(prop: PopupProps) {\r\n  const [currentImageIndex, setCurrentImageIndex] = useState(0);\r\n  const [isImagePopupOpen, setIsImagePopupOpen] = useState(false);\r\n  const imageListRef = useRef<HTMLDivElement | null>(null);\r\n\r\n  const handleArrowClickInMainImage = (direction: any) => {\r\n    if (prop.pictureUrls.length === 0) return;\r\n\r\n    let newIndex = currentImageIndex;\r\n    if (direction === \"left\") {\r\n      newIndex =\r\n        (currentImageIndex - 1 + prop.pictureUrls.length) %\r\n        prop.pictureUrls.length;\r\n    } else if (direction === \"right\") {\r\n      newIndex = (currentImageIndex + 1) % prop.pictureUrls.length;\r\n    }\r\n\r\n    setCurrentImageIndex(newIndex);\r\n\r\n    imageListRef.current!.scrollTo({\r\n      left: newIndex * 150,\r\n      behavior: \"smooth\",\r\n    });\r\n  };\r\n\r\n  const toggleAllPhotos = () => {\r\n    setIsImagePopupOpen(!isImagePopupOpen);\r\n  };\r\n\r\n  return (\r\n    <div className=\"col-8 me-2 Pimagelist\">\r\n      <div\r\n        className=\"col-12 rounded-5 mainImage d-flex position-relative align-items-center\"\r\n        style={{\r\n          backgroundImage: `url(${prop.pictureUrls[currentImageIndex]?.url})`,\r\n          backgroundSize: \"cover\",\r\n          backgroundPosition: \"center\",\r\n        }}\r\n      >\r\n        {/* Arrows on the main image */}\r\n        <div\r\n          className=\"rounded-circle border onImageArrow d-flex position-absolute start-0 ms-2 align-items-center justify-content-center\"\r\n          role=\"button\"\r\n          onClick={() => handleArrowClickInMainImage(\"left\")}\r\n        >\r\n          <img src={blcIconArrowLeft} className=\"blackArrow\" alt=\"Left Arrow\" />\r\n        </div>\r\n        <div\r\n          role=\"button\"\r\n          className=\"rounded-circle border onImageArrow d-flex position-absolute end-0 me-2 align-items-center justify-content-center\"\r\n          onClick={() => handleArrowClickInMainImage(\"right\")}\r\n        >\r\n          <img\r\n            src={blcIconArrowRight}\r\n            className=\"blackArrow\"\r\n            alt=\"Right Arrow\"\r\n          />\r\n        </div>\r\n      </div>\r\n\r\n      {/* Image Thumbnails */}\r\n      <div className=\"d-flex flex-row gap-1 col-12 secondList\">\r\n        <div className=\"col-lg-6 d-flex flex-row p-1\">\r\n          <div className=\"col-12 position-relative d-flex justify-content-center\">\r\n            <div\r\n              className=\"col-1 h-100 d-flex position-absolute start-0\"\r\n              onClick={() => handleArrowClickInMainImage(\"left\")}\r\n              role=\"button\"\r\n            >\r\n              <div className=\"col-lg-12 h-100 d-flex flex-column listImageButton border-0 rounded-3\">\r\n                <img\r\n                  src={iconArrowLeft}\r\n                  className=\"arroIconColour\"\r\n                  alt=\"Left Arrow\"\r\n                />\r\n              </div>\r\n            </div>\r\n            <div\r\n              className=\"col-lg-10 rounded-3 h-100 d-flex flex-row gap-2 overflow-auto ms-1\"\r\n              ref={imageListRef}\r\n            >\r\n              {prop.pictureUrls.length > 0 && (\r\n                <div className=\"col-lg-5 h-100 d-flex gap-2 flex-row rounded-3\">\r\n                  {prop.pictureUrls.map((picture, index) => (\r\n                    <div\r\n                      key={index}\r\n                      className=\"col-lg-12 h-100 d-flex\"\r\n                      onClick={() => {\r\n                        setCurrentImageIndex(index);\r\n                        imageListRef.current!.scrollTo({\r\n                          left: index * 150,\r\n                          behavior: \"smooth\",\r\n                        });\r\n                      }}\r\n                      role=\"button\"\r\n                    >\r\n                      <img\r\n                        src={picture.url}\r\n                        alt={`Image ${index + 1}`}\r\n                        className=\"col-12 h-100 rounded-3 object-fit-cover\"\r\n                      />\r\n                    </div>\r\n                  ))}\r\n                </div>\r\n              )}\r\n            </div>\r\n            <div\r\n              className=\"col-1 h-100 d-flex position-absolute end-0 top-0\"\r\n              onClick={() => handleArrowClickInMainImage(\"right\")}\r\n              role=\"button\"\r\n            >\r\n              <div className=\"col-lg-12 h-100 d-flex flex-column listImageButton border-0 rounded-3 ms-1\">\r\n                <img\r\n                  src={iconArrowRight}\r\n                  className=\"arroIconColour\"\r\n                  alt=\"Right Arrow\"\r\n                />\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        {/* Buttons for \"Alle Fotos\", \"Grundriss\", \"Karte\" */}\r\n        <div className=\"col-6 d-flex flex-row\">\r\n          <div className=\"col-lg-4 p-1\" role=\"button\" onClick={toggleAllPhotos}>\r\n            <div className=\"border col-lg-12 h-100 d-flex flex-column listImageButton border-0 rounded-3\">\r\n              <img src={iconGallery} alt=\"Gallery Icon\" />\r\n              <span className=\"listImgText\">Alle Fotos</span>\r\n            </div>\r\n          </div>\r\n          <div className=\"col-lg-4 p-1\" role=\"button\">\r\n            <div className=\"border col-lg-12 h-100 d-flex flex-column listImageButton border-0 rounded-3\">\r\n              <img src={iconLayers} alt=\"Layers Icon\" />\r\n              <span className=\"listImgText\">Grundriss</span>\r\n            </div>\r\n          </div>\r\n          <div\r\n            className=\"col-lg-4 p-1\"\r\n            role=\"button\"\r\n            onClick={() =>\r\n              window.scrollTo({\r\n                top: document.documentElement.scrollHeight,\r\n              })\r\n            }\r\n          >\r\n            <div className=\"border col-lg-12 h-100 d-flex flex-column listImageButton border-0 rounded-3\">\r\n              <img src={iconMap} alt=\"Map Icon\" />\r\n              <span className=\"listImgText\">Karte</span>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      {/* Popup for all photos */}\r\n      {isImagePopupOpen && <ImageListPopup pictureUrls={prop.pictureUrls} />}\r\n    </div>\r\n  );\r\n}\r\n","export default \"/static/media/LayersIcon.34c085c352a2c9c8.svg\"","export default \"/static/media/locationIcon.0af399c78e0cdc20.svg\"","export default \"/static/media/default-property.9987f19670be82b6.jpg\"","import React, { useState } from \"react\";\r\n// import { FormattedMessage } from \"react-intl\";\r\nimport layerIcon from \"../../assets/Images/LayersIcon.svg\";\r\nimport heart from \"../../assets/Images/heart.svg\";\r\nimport locationIcon from \"../../assets/images/locationIcon.svg\";\r\nimport \"../PropertyCard/PropertyCard.css\";\r\nimport noImageIcon from \"../../assets/Images/default-property.jpg\";\r\n// import { formatPrice } from \"../../functions/util\";\r\n\r\ninterface PopupProps {\r\n  property: {\r\n    city: string;\r\n    historicalProtection: boolean;\r\n    basement: boolean;\r\n    balcony: boolean;\r\n    terrace: boolean;\r\n    guestBathroom: boolean;\r\n    bathrooms: string;\r\n    usableArea: string;\r\n    id: string;\r\n    rooms: string;\r\n    askingPrice: string;\r\n  };\r\n  onClick: any;\r\n  pictureUrl: any[];\r\n}\r\n\r\nexport default function PropertyCard(props: PopupProps) {\r\n  const [liked, setLiked] = useState(false);\r\n\r\n  const handleLike = () => {\r\n    setLiked(!liked);\r\n  };\r\n\r\n  return (\r\n    <div\r\n      key={props.property.id}\r\n      className=\"card-body me-4 mb-4 position-relative cardStyle\"\r\n      style={{\r\n        backgroundImage: `url(${props.pictureUrl})  ?? ${noImageIcon}`,\r\n        backgroundSize: \"cover\",\r\n        backgroundPosition: \"center\",\r\n      }}\r\n      onClick={props.onClick}\r\n      role=\"button\"\r\n    >\r\n      <div className=\"labelTopClass position-absolute top-0 start-0 col-sm-5 col-lg-8\">\r\n        <div className=\"d-flex align-items-center ms-2 mb-1 mt-2 gap-2\">\r\n          <label className=\"firstLabel d-flex flex-row justify-content-center align-items-center\">\r\n            <img src={layerIcon} alt=\"Location Icon\" className=\"layersVector\" />\r\n            <span className=\"layersText\">{\"Grundriss\"}</span>\r\n          </label>\r\n          {props.property.historicalProtection && (\r\n            <label className=\"thirdLabel d-flex flex-row justify-content-center align-items-center\">\r\n              <span className=\"layersText\">{\"Denkmalschutz\"}</span>\r\n            </label>\r\n          )}\r\n\r\n          {props.property.basement && (\r\n            <label className=\"secondLabel  d-flex flex-row justify-content-center align-items-center\">\r\n              <span className=\"layersText \">{\"Keller\"}</span>\r\n            </label>\r\n          )}\r\n          {props.property.balcony && (\r\n            <label className=\"secondLabel  d-flex flex-row justify-content-center align-items-center\">\r\n              <span className=\"layersText \">{\"Balkon\"}</span>\r\n            </label>\r\n          )}\r\n        </div>\r\n        <div className=\"d-flex align-items-center  ms-2 start-0 gap-2\">\r\n          {props.property.terrace && (\r\n            <label className=\"thirdLabel d-flex flex-row justify-content-center align-items-center \">\r\n              <span className=\"layersText\">{\"Terrace\"}</span>\r\n            </label>\r\n          )}\r\n\r\n          {props.property.guestBathroom && (\r\n            <label className=\"fourthLabel d-flex flex-row justify-content-center align-items-center \">\r\n              <span className=\"layersText\">{\"Gäste-WC\"}</span>\r\n            </label>\r\n          )}\r\n        </div>\r\n      </div>\r\n      <div className=\"d-flex align-items-center  position-absolute top-0 end-0 p-3\">\r\n        {/*<img*/}\r\n        {/*  src={heart}*/}\r\n        {/*  alt=\" Heart Icon\"*/}\r\n        {/*  className={`heartVector ${liked ? \"liked\" : \"\"}`}*/}\r\n        {/*  onClick={handleLike}*/}\r\n        {/*/>*/}\r\n      </div>\r\n      <div className=\"d-flex align-items-center mb-3 position-absolute bottom-0 start-0  p-2\">\r\n        <span className=\"Price col-lg-12 col-md-12 col-sm-12 text-truncate\">\r\n          {props.property?.askingPrice ?? 0} €\r\n        </span>\r\n      </div>\r\n      <div className=\"d-flex align-items-center position-absolute bottom-0 start-0 p-2\">\r\n        <img src={locationIcon} alt=\"Location Icon\" className=\"Vector\" />\r\n        <span className=\"locationText \">{props.property.city || \"N/A\"}</span>\r\n      </div>\r\n      <div className=\"d-flex col-lg-6 col-md-6 col-sm-5 me-lg-0 me-md-0 me-sm-3 justify-content-center mb-2 position-absolute bottom-0 end-0\">\r\n        <span className=\"detail col-lg-4 col-md-4 col-sm-6 text-truncate border-end \">\r\n          {+props.property.rooms}\r\n          <br />\r\n          {/* <FormattedMessage id=\"ROOMS\" /> */}\r\n          <span>Zimmer</span>\r\n        </span>\r\n        <span className=\"detail col-lg-3 col-md-3 col-sm-4 text-truncate \">\r\n          {+props.property.bathrooms}\r\n          <br />\r\n          {/* <FormattedMessage\r\n            id=\"BATHROOM\"\r\n            values={{ itemCount: +props.property.bathrooms }}\r\n          /> */}\r\n          {+props.property.bathrooms}\r\n          <br></br>\r\n          <span>Bäd</span>\r\n        </span>\r\n        <span className=\"detail col-lg-5 col-md-5 col-sm-7 text-truncate border-start me-3\">\r\n          {props.property.usableArea} m²\r\n          <br />\r\n          {/* <FormattedMessage id=\"LIVING_SPACE\" /> */}\r\n          <span>Wohnfläche</span>\r\n        </span>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n"],"names":["closeIcon","locationIcon"],"mappings":"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","x_google_ignoreList":[2]}

package/dist/index.js

@@ -7,7 +7,7 @@ var Button = function (_a) {
     return React.createElement("button", null, label);
 };
 
-var iconClose = "icon_close_2.png";
+var iconClose = "/static/media/icon_close_2.e41bb9a4db48e048.png";
 
 function styleInject(css, ref) {
   if ( ref === void 0 ) ref = {};
@@ -36,8 +36,8 @@ function styleInject(css, ref) {
   }
 }
 
-var css_248z$4 = ".popup-overlay {\r\n    position: fixed; /* Fixed position to cover the whole screen */\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent background */\r\n    display: flex; /* Flexbox to center the popup */\r\n    justify-content: center; /* Center horizontally */\r\n    align-items: center; /* Center vertically */\r\n    z-index: 10000; /* Ensure it's above other content */\r\n}\r\n\r\n.popUpHeader {\r\n    height: 48px;\r\n    font-size: 32px;\r\n    font-weight: 600;\r\n    color: #1b1b1b;\r\n}\r\n\r\n.closeIcon {\r\n    width: 16px;\r\n    height: 16px;\r\n    cursor: pointer;\r\n}\r\n";
-styleInject(css_248z$4);
+var css_248z$5 = ".popup-overlay {\r\n    position: fixed; /* Fixed position to cover the whole screen */\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent background */\r\n    display: flex; /* Flexbox to center the popup */\r\n    justify-content: center; /* Center horizontally */\r\n    align-items: center; /* Center vertically */\r\n    z-index: 10000; /* Ensure it's above other content */\r\n}\r\n\r\n.popUpHeader {\r\n    height: 48px;\r\n    font-size: 32px;\r\n    font-weight: 600;\r\n    color: #1b1b1b;\r\n}\r\n\r\n.closeIcon {\r\n    width: 16px;\r\n    height: 16px;\r\n    cursor: pointer;\r\n}\r\n";
+styleInject(css_248z$5);
 
 var Popup = function (_a) {
     var onCloseClick = _a.onCloseClick, children = _a.children;
@@ -48,26 +48,85 @@ var Popup = function (_a) {
             children)));
 };
 
-var ShareIcon = "icon_share_1.svg";
+var ShareIcon = "/static/media/icon_share_1.b9ec05630dc1087e.svg";
+
+var locationIcon$1 = "/static/media/locationIconBlack.eb8e9e9226b43573.svg";
+
+var css_248z$4 = ".compact {\r\n  height: 194px;\r\n  border-radius: 32px;\r\n  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);\r\n  background-color: #f2f2f2;\r\n}\r\n\r\n.header_Text {\r\n  margin-top: 140px;\r\n  font-size: 32px;\r\n  line-height: normal;\r\n  color: #1b1b1b;\r\n}\r\n\r\n.vector svg {\r\n  width: 16px;\r\n  height: 21.5px;\r\n  flex-grow: 0;\r\n  margin: 4.2px 10px 4.2px 0;\r\n  fill: #344041;\r\n  cursor: pointer;\r\n}\r\n\r\n.propText {\r\n  height: 30px;\r\n  font-size: 16px;\r\n  letter-spacing: normal;\r\n  text-align: center;\r\n  color: #344041;\r\n}\r\n\r\n.v_share {\r\n  cursor: pointer;\r\n}\r\n\r\n.fetch_section {\r\n  margin-top: 90px;\r\n  height: 60px;\r\n}\r\n@media (min-width: 800px) {\r\n  .Pheader {\r\n    max-width: 1750px;\r\n    margin: 0 auto;\r\n    \r\n  }\r\n}\r\n";
+styleInject(css_248z$4);
+
+var email = "/static/media/envelope-fill.6669c9d64183941c.svg";
+
+var facebook = "/static/media/facebook.ce73eacbfffe8a27.svg";
 
-var locationIcon$1 = "locationIconBlack.svg";
+var x = "/static/media/icon_close_2.e41bb9a4db48e048.png";
 
-var css_248z$3 = ".compact {\r\n  height: 194px;\r\n  border-radius: 32px;\r\n  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);\r\n  background-color: #f2f2f2;\r\n}\r\n\r\n.header_Text {\r\n  margin-top: 140px;\r\n  font-size: 32px;\r\n  line-height: normal;\r\n  color: #1b1b1b;\r\n}\r\n\r\n.vector svg {\r\n  width: 16px;\r\n  height: 21.5px;\r\n  flex-grow: 0;\r\n  margin: 4.2px 10px 4.2px 0;\r\n  fill: #344041;\r\n  cursor: pointer;\r\n}\r\n\r\n.propText {\r\n  height: 30px;\r\n  font-size: 16px;\r\n  letter-spacing: normal;\r\n  text-align: center;\r\n  color: #344041;\r\n}\r\n\r\n.v_share {\r\n  cursor: pointer;\r\n}\r\n\r\n.fetch_section {\r\n  margin-top: 90px;\r\n  height: 60px;\r\n}\r\n@media (min-width: 800px) {\r\n  .Pheader {\r\n    max-width: 1750px;\r\n    margin: 0 auto;\r\n    \r\n  }\r\n}\r\n";
+var linkedln = "/static/media/linkedin.7539333145b03678.svg";
+
+var Xtwitter = "/static/media/twitter-x.48a4ac3f560f0a62.svg";
+
+var whatsapp = "/static/media/whatsapp.28e6b0b24adc9289.svg";
+
+var css_248z$3 = ".popup-overlay {\r\n  position: fixed; /* Fixed position to cover the whole screen */\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  background-color:  rgba(0, 0, 0, 0.5); /* Semi-transparent background */\r\n  display: flex; /* Flexbox to center the popup */\r\n  justify-content: center; /* Center horizontally */\r\n  align-items: center; /* Center vertically */\r\n  z-index: 2000; /* Ensure it's above other content */\r\n \r\n}\r\n\r\n.shareSection {\r\n  height: 340px;\r\n  padding: 40px;\r\n  border-radius: 16px;\r\n  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);\r\n  border: solid 1px #d7d9e3;\r\n  background-color: #fff;\r\n  \r\n}\r\n.popUpHeader {\r\n  height: 48px;\r\n  font-size: 32px;\r\n  font-weight: 600;\r\n  color: #1b1b1b;\r\n}\r\n\r\n.closeIcon {\r\n  width: 16px;\r\n  height: 16px;\r\n  cursor: pointer;\r\n}\r\n\r\n.socialMediaIconsSection {\r\n  gap: 60px !important;\r\n}\r\n\r\n.socialMediaIcons {\r\n  width: 28px !important;\r\n  height: 28px !important;\r\n  cursor: pointer;\r\n}\r\n\r\n.socialMediaIconText {\r\n  height: 36px;\r\n  font-size: 13px;\r\n  font-weight: 500;\r\n  line-height: 3;\r\n  color: #344041;\r\n  cursor: pointer;\r\n}\r\n\r\n.popup_search-input {\r\n  height: 60px;\r\n  padding-inline-end: 190px;\r\n  font-size: 20px;\r\n  box-shadow: inset 0 4px 4px 0 rgba(0, 0, 0, 0.25);\r\n  background-color: rgba(0, 0, 0, 0.05);\r\n}\r\n\r\n.popup_search-input::placeholder {\r\n  font-size: 20px;\r\n  color: rgba(140, 140, 140, 0.5);\r\n}\r\n\r\n.popup_search-input:focus {\r\n  outline: none;\r\n}\r\n\r\n.popupcustom-button {\r\n  height: 35px;\r\n  color: #000;\r\n  cursor: pointer;\r\n  border-color: #ffb525;\r\n  right: 0;\r\n  z-index: 1;\r\n  background-color: #ffb525;\r\n  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);\r\n}\r\n.button-text {\r\n  width: 115px;\r\n  height: 19px;\r\n  flex-grow: 0;\r\n  font-family: Inter;\r\n  font-size: 16px;\r\n  font-weight: 500;\r\n  font-stretch: normal;\r\n  font-style: normal;\r\n  line-height: normal;\r\n  letter-spacing: normal;\r\n  text-align: center;\r\n}\r\n.button_success-right {\r\n  width: 184px;\r\n  height: 43px;\r\n  flex-grow: 0;\r\n  display: flex;\r\n  flex-direction: row;\r\n  justify-content: center;\r\n  align-items: center;\r\n  gap: 8px;\r\n  padding: 12px 24px;\r\n  border-radius: 16px;\r\n  border-color: #000;\r\n  background-color: transparent;\r\n}\r\n.button_success-left {\r\n  width: 200px;\r\n  height: 43px;\r\n  flex-grow: 0;\r\n  display: flex;\r\n  flex-direction: row;\r\n  justify-content: center;\r\n  align-items: center;\r\n  gap: 8px;\r\n  padding: 12px 24px;\r\n  border-radius: 16px;\r\n  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);\r\n  background-color: #ffb525;\r\n}\r\n.shareSection-Success {\r\n  height: 510px;\r\n  padding: 40px;\r\n  border-radius: 16px;\r\n  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);\r\n  border: solid 1px #d7d9e3;\r\n  background-color: #fff;\r\n}\r\n.shareSection-Error {\r\n  height: 400px;\r\n  padding:10px;\r\n  border-radius: 16px;\r\n  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);\r\n  border: solid 1px #d7d9e3;\r\n  background-color: #fff;\r\n}\r\n.MessageShareSection {\r\n  height: 513px;\r\n  padding: 14px 14px;\r\n  border-radius: 16px;\r\n  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);\r\n  border: solid 1px #d7d9e3;\r\n  background-color: #fff;\r\n}\r\n\r\n.popup-tags {\r\n  font-size: large;\r\n  font-weight: bold;\r\n}\r\n.button_icon-left {\r\n  width: 184px;\r\n  height: 43px;\r\n  flex-grow: 0;\r\n  display: flex;\r\n  flex-direction: row;\r\n  justify-content: center;\r\n  align-items: center;\r\n  gap: 8px;\r\n  padding: 12px 24px;\r\n  border-radius: 16px;\r\n  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);\r\n  background-color: #ffb525;\r\n}\r\n.button-text {\r\n  width: 85px;\r\n  height: 19px;\r\n  flex-grow: 0;\r\n  font-family: Inter;\r\n  font-size: 16px;\r\n  font-weight: 500;\r\n  font-stretch: normal;\r\n  font-style: normal;\r\n  line-height: normal;\r\n  letter-spacing: normal;\r\n  text-align: center;\r\n}\r\n.button_icon-right {\r\n  width: 184px;\r\n  height: 43px;\r\n  flex-grow: 0;\r\n  display: flex;\r\n  flex-direction: row;\r\n  justify-content: center;\r\n  align-items: center;\r\n  gap: 8px;\r\n  padding: 12px 24px;\r\n  border-radius: 16px;\r\n  border-color: #000;\r\n  background-color: transparent;\r\n}\r\n.circle {\r\n  height: 55px;\r\n  width: 55px;\r\n  background-color: transparent;\r\n  border-radius: 50%;\r\n  border-style: solid;\r\n  border-color: #000;\r\n  border-width: 2px;\r\n}\r\n.Line-9, .Line-10 {\r\n  height: 1px;\r\n  flex-grow: 1;\r\n  background-color: rgba(140, 140, 140, 0.5);\r\n  max-width:23rem;\r\n  align-self: center;\r\n  align-content: center;\r\n \r\n}\r\n\r\n.middle-container {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.middle-text {\r\n  margin: 25px 25px;\r\n}\r\n.google-button{\r\n  width: 260px;\r\n  height: 45px;\r\n  flex-grow: 0;\r\n  display: flex;\r\n  flex-direction: row;\r\n  justify-content: center;\r\n  align-items: center;\r\n  gap: 8px;\r\n  padding: 12px 24px;\r\n  border-radius: 4px;\r\n  background-color: #000000;\r\n  background: linear-gradient(to top, #000 , #666 );\r\n  \r\n  \r\n}\r\n.Account-popup{\r\n   \r\n    height: 713px;\r\n    padding: 10px;\r\n    border-radius: 16px;\r\n    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);\r\n    border: solid 1px #d7d9e3;\r\n    background-color: #fff;\r\n    max-width: 1000px;\r\n  \r\n}\r\n.lightertxt{\r\n  color: #797979;\r\n}\r\n\r\n.filter {\r\n  height: 343px;\r\n  align-self: stretch;\r\n  flex-grow: 0;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 2px;\r\n  padding: 32px;\r\n  border-radius: 32px;\r\n  box-shadow: inset 0 4px 10px 0 rgba(0, 0, 0, 0.15);\r\n  background-color: #f2f2f2;\r\n}\r\n.loginFilter {\r\n  height: 280px;\r\n  align-self: stretch;\r\n  flex-grow: 0;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 2px;\r\n  padding: 32px;\r\n  border-radius: 32px;\r\n  box-shadow: inset 0 4px 10px 0 rgba(0, 0, 0, 0.15);\r\n  background-color: #f2f2f2;\r\n}\r\n.radioLabel {\r\n  width: 176px;\r\n  height: 19px;\r\n  flex-grow: 0;\r\n  font-family: Inter;\r\n  font-size: 16px;\r\n  font-weight: normal;\r\n  font-stretch: normal;\r\n  font-style: normal;\r\n  line-height: normal;\r\n  letter-spacing: normal;\r\n  text-align: left;\r\n  color: #1b1b1b;\r\n}\r\n.goButton-text {\r\n  width: 78px;\r\n  height: 19px;\r\n  flex-grow: 0;\r\n  font-family: Inter;\r\n  font-size: 16px;\r\n  font-weight: 500;\r\n  font-stretch: normal;\r\n  font-style: normal;\r\n  line-height: normal;\r\n  letter-spacing: normal;\r\n  text-align: center;\r\n  color: #1b1b1b;\r\n}\r\n.placeholders {\r\n  width: 232px;\r\n  height: 45px;\r\n  flex-grow: 0;\r\n  display: flex;\r\n  flex-direction: row;\r\n  justify-content: flex-start;\r\n  align-items: center;\r\n  gap: 8px;\r\n  padding: 12px 24px;\r\n  border-radius: 4px;\r\n  background-image: linear-gradient(to top, #000 100%, #666 0%);\r\n}\r\n.TagW.active {\r\n  height: 40px;\r\n  flex-grow: 1;\r\n  display: flex;\r\n  flex-direction: row;\r\n  justify-content: center;\r\n  align-items: center;\r\n  gap: 6px;\r\n  padding: 0 24px;\r\n  border-radius: 16px;\r\n  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);\r\n  background-image: linear-gradient(to top, #000 , #666);\r\n  color: white;\r\n}\r\n.Tag {\r\n  height: 40px;\r\n  flex-grow: 1;\r\n  display: flex;\r\n  flex-direction: row;\r\n  justify-content: center;\r\n  align-items: center;\r\n  gap: 6px;\r\n  padding: 0 24px;\r\n  border-radius: 16px;\r\n  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);\r\nbackground-image: linear-gradient(to top, rgba(255, 0, 0, 0), rgba(255,0,0,1));}\r\n.TagW {\r\n  height: 40px;\r\n  flex-grow: 1;\r\n  display: flex;\r\n  flex-direction: row;\r\n  justify-content: center;\r\n  align-items: center;\r\n  gap: 6px;\r\n  padding: 0 24px;\r\n  border-radius: 16px;\r\n  border: solid 1px #000;\r\n  background-color: #fff;\r\n    color: #000;\r\n\r\n}\r\n/* */\r\n";
 styleInject(css_248z$3);
 
+function PopUp(props) {
+    var handleClose = function () {
+        props.onClick();
+    };
+    var urlInputRef = React.useRef(null);
+    var copyToClipboard = function () {
+        urlInputRef.current.select();
+        document.execCommand("copy");
+        // toast.success("URL copied to clipboard!");
+    };
+    return (React.createElement("div", { className: "popup-overlay" },
+        React.createElement("div", { className: "shareSection  col-12 d-flex position-relative flex-column mx-auto justify-content-center col-5 col-lg-6 d-flex gap-4" },
+            React.createElement("div", { className: "end-0 top-0 position-absolute " },
+                React.createElement("img", { src: x, alt: "close", className: "closeIcon me-2", onClick: handleClose })),
+            React.createElement("div", { className: "popUpHeader col-lg-12 d-flex justify-content-center mb-2" }, "Jetzt teilen und weitersagen!"),
+            React.createElement("div", { className: "h-25 col-lg-12 socialMediaIconsSection d-flex flex-row align-items-center justify-content-center mx-auto" },
+                React.createElement("a", { href: "https://twitter.com/intent/tweet?url=https://www.nestiq.de&text=Nestiq", className: "text-decoration-none", target: "blank" },
+                    React.createElement("div", { className: " flex-column d-flex align-items-center" },
+                        React.createElement("img", { src: Xtwitter, alt: "twitter", className: "socialMediaIcons" }),
+                        React.createElement("span", { className: "socialMediaIconText" }, "Xtwitter"))),
+                React.createElement("a", { href: "https://www.facebook.com/sharer/sharer.php?u=https://www.nestiq.de", className: "text-decoration-none", target: "blank" },
+                    React.createElement("div", { className: " flex-column d-flex align-items-center" },
+                        React.createElement("img", { src: facebook, alt: "facebook", className: "socialMediaIcons " }),
+                        React.createElement("span", { className: "socialMediaIconText" }, "Facebook"))),
+                React.createElement("a", { href: "https://api.whatsapp.com/send?text=https://www.nestiq.de", target: "blank", className: "text-decoration-none" },
+                    React.createElement("div", { className: " flex-column d-flex  align-items-center" },
+                        React.createElement("img", { src: whatsapp, alt: "whatsapp", className: " socialMediaIcons" }),
+                        React.createElement("span", { className: "socialMediaIconText" }, "WhatsApp"))),
+                React.createElement("a", { href: "https://www.linkedin.com/shareArticle?mini=true&url=https://www.nestiq.de", target: "blank", className: "text-decoration-none" },
+                    React.createElement("div", { className: " flex-column d-flex  align-items-center" },
+                        React.createElement("img", { src: linkedln, alt: "linkedin", className: " socialMediaIcons" }),
+                        React.createElement("span", { className: "socialMediaIconText" }, "LinkedIn"))),
+                React.createElement("a", { href: "https://www.nestiq.de", target: "blank", className: "text-decoration-none" },
+                    React.createElement("div", { className: " flex-column d-flex  align-items-center" },
+                        React.createElement("img", { src: email, alt: "email", className: " socialMediaIcons" }),
+                        React.createElement("span", { className: "socialMediaIconText" }, "E-mail")))),
+            React.createElement("div", { className: "col-10 mx-auto" },
+                React.createElement("div", { className: " row align-items-center position-relative" },
+                    React.createElement("input", { ref: urlInputRef, type: "text", className: "popup_search-input rounded-4 border border-0 ", placeholder: "Enter link here", value: window.location.href, readOnly: true }),
+                    React.createElement("button", { onClick: copyToClipboard, className: "popupcustom-button border border-0 position-absolute me-2 col-lg-3 col-md-3 col-sm-3 rounded-4 fs-6", type: "button", id: "button" },
+                        React.createElement("strong", null, "Kopieren")))))));
+}
+
 function PropertyDetailsHeader(props) {
-    var _a = React.useState(false), showPopUp = _a[0], setShowPopUp = _a[1];
+    var _a;
+    var _b = React.useState(false), showPopUp = _b[0], setShowPopUp = _b[1];
     var handlePopUp = function () {
         setShowPopUp(!showPopUp);
     };
     return (React.createElement("div", { className: "Pheader compact d-flex col-12 col-lg-12 position-relative mt-5 " },
         React.createElement("div", { className: "header_Text d-flex col-lg-7 col-md-9 mt-4 ms-4 " },
-            React.createElement("strong", null, "Einziehen ohne einen Pinselstrich - Kernsaniertes Einfamilienhaus in top Lage")),
+            React.createElement("strong", null, (_a = props.title) !== null && _a !== void 0 ? _a : "-")),
         React.createElement("div", { className: "header_Text text-truncate col-lg-6 col-md-7 d-flex flex-row position-absolute ms-4" },
-            React.createElement("img", { src: locationIcon$1, className: "vector me-2" }),
+            React.createElement("img", { src: locationIcon$1, className: "vector me-2", alt: "location Icon" }),
             React.createElement("div", { className: "propText text-truncate col-lg-6 col-md-6 d-flex align-items-center" }, props.property.city)),
         React.createElement("div", { className: "d-flex col-lg-5 col-md-6 col-sm-5 justify-content-end position-absolute end-0 mt-4" },
-            React.createElement("img", { src: ShareIcon, className: "v_share me-3", onClick: handlePopUp })),
+            React.createElement("img", { src: ShareIcon, alt: "share icon", className: "v_share me-3", onClick: handlePopUp })),
         React.createElement("div", { className: "fetch_section d-flex align-items-center flex-row col-lg-5 col-md-6 col-sm-5 justify-content-end position-absolute end-0" },
             props && (React.createElement("div", { className: " propText col-lg-3 col-md-3 h-100 d-flex align-items-center justify-content-center  " },
                 props.property.askingPrice,
@@ -78,32 +137,33 @@ function PropertyDetailsHeader(props) {
                 props.property.constructedArea,
                 " m\u00B2 ",
                 React.createElement("br", null),
-                "constructedArea")),
+                "Wohnfl\u00E4che")),
             props && (React.createElement("div", { className: "propText col-lg-3 col-md-3 d-flex h-100 align-items-center justify-content-center" },
                 props.property.rooms,
                 " ",
                 React.createElement("br", null),
-                "rooms")),
+                "Zimmer")),
             props && (React.createElement("div", { className: "propText  col-lg-3 col-md-3 d-flex h-100 align-items-center justify-content-center" },
                 props.property.propertyArea,
                 " m\u00B2",
                 React.createElement("br", null),
-                "Grundst\u00FCck")))));
+                "Grundst\u00FCck"))),
+        showPopUp && (React.createElement(PopUp, { onClick: handlePopUp }))));
 }
 
-var iconArrowRight = "Icon_rightArrow.svg";
+var iconArrowRight = "/static/media/Icon_rightArrow.bced4a705c07148d.svg";
 
-var blcIconArrowRight = "blackarrow-Right.svg";
+var blcIconArrowRight = "/static/media/blackarrow-Right.e585ae62dd55abae.svg";
 
-var blcIconArrowLeft = "blckarrow-Left.svg";
+var blcIconArrowLeft = "/static/media/blckarrow-Left.e2134741aa368d30.svg";
 
-var iconArrowLeft = "chevron-left.svg";
+var iconArrowLeft = "/static/media/chevron-left.04f0a7f16b745c1a.svg";
 
-var iconGallery = "icon_gallery.svg";
+var iconGallery = "/static/media/icon_gallery.269b721daf2ca907.svg";
 
-var iconMap = "icon_map.svg";
+var iconMap = "/static/media/icon_map.2318ec664c3e615e.svg";
 
-var iconLayers = "layer_icon.svg";
+var iconLayers = "/static/media/layer_icon.9b56c187199c44b5.svg";
 
 var css_248z$2 = ".mainImage {\r\n\theight: 80%;\r\n\t\r\n}\r\n\r\n.secondList {\r\n\theight: 20%;\r\n\t\t\r\n\r\n}\r\n\r\n.listImageButton {\r\n\tbackground-color: black;\r\n\talign-items: center !important;\r\n\tjustify-content: center !important;\r\n}\r\n\r\n.listImgText {\r\n\theight: 30px;\r\n\tfont-size: 14px;\r\n\tline-height: 2.14;\r\n\tcolor: #fff;\r\n}\r\n\r\n.arroIconColour {\r\n\theight: 30px;\r\n\tfill: #fff !important;\r\n}\r\n\r\n.onImageArrow {\r\n\twidth: 50px;\r\n\theight: 50px;\r\n\tpadding: 23px 8px;\r\n\tbackground-color: rgba(255, 255, 255, 0.8);\r\n}\r\n\r\n.blackArrow {\r\n\twidth: 20px;\r\n\theight: 20px;\r\n}\r\n\r\n.imagesArray {\r\n\tbackground-size: 'cover' !important;\r\n}\r\n@media (min-width: 800px) {\r\n  .Pimagelist {\r\n    max-width: 1800px;\r\n   \r\n    \r\n  }\r\n}\r\n\r\n\r\n\r\n\r\n";
 styleInject(css_248z$2);
@@ -113,28 +173,10 @@ styleInject(css_248z$1);
 
 function ImageListPopup(props) {
     var _a = React.useState(true), showPopUp = _a[0], setShowPopUp = _a[1];
-    // const { id } = useParams();
-    var _b = React.useState(null); _b[0]; var setMainImage = _b[1];
-    var _c = React.useState(0), currentImageIndex = _c[0], setCurrentImageIndex = _c[1];
-    // const [isImagePopupOpen, setIsImagePopupOpen] = useState(false);
-    React.useRef(null);
-    // const baseUrl = "https://api-dev.nestiq.de";
-    // const pictureUrls = props.property.pictures.map(
-    //   (picture) => `${baseUrl}${picture.contentUrl}`
-    // );
-    props.pictureUrls.map(function (pic) {
-        return {
-            src: pic,
-            title: "Not Specified",
-        };
-    });
-    React.useEffect(function () {
-        if (props.pictureUrls.length > 0) {
-            setMainImage(props.pictureUrls[0]);
-        }
-    }, [props.pictureUrls]);
+    var _b = React.useState(0), currentImageIndex = _b[0], setCurrentImageIndex = _b[1];
+    var imageListRef = React.useRef(null);
     var handleArrowClickInMainImage = function (direction) {
-        if (!props.property || props.pictureUrls.length === 0)
+        if (props.pictureUrls.length === 0)
             return;
         var newIndex = currentImageIndex;
         if (direction === "left") {
@@ -146,8 +188,7 @@ function ImageListPopup(props) {
             newIndex = (currentImageIndex + 1) % props.pictureUrls.length;
         }
         setCurrentImageIndex(newIndex);
-        setMainImage(props.pictureUrls[newIndex]);
-        props.imageListRef.current.scrollTo({
+        imageListRef.current.scrollTo({
             left: newIndex * 150,
             behavior: "smooth",
         });
@@ -157,15 +198,16 @@ function ImageListPopup(props) {
     };
     return (React.createElement("div", null, showPopUp && (React.createElement("div", { className: "popup-overlay" },
         React.createElement("div", { className: " d-flex  flex-column  col-6 " },
+            React.createElement("span", { className: "txt-white" }, props.pictureUrls[currentImageIndex].title),
             React.createElement("div", { className: "d-flex  align-self-end me-0 ms-5" },
-                React.createElement("img", { src: iconClose, alt: "close", className: "closeIcon  ", onClick: handleClose })),
+                React.createElement("img", { src: iconClose, alt: "close", className: "closeIcon", onClick: handleClose })),
             React.createElement("div", { className: "d-flex justify-content-center" },
                 React.createElement("div", { className: "p-2 bd-highlight align-self-center align-items-center me-5" },
                     React.createElement("div", { className: "rounded-circle border onImageArrow start-0 d-flex  ", role: "button", onClick: function () { return handleArrowClickInMainImage("left"); } },
                         React.createElement("img", { src: blcIconArrowLeft, className: "blackArrow align-self-center", alt: "Left Arrow" }))),
                 React.createElement("div", { className: "p-2 bd-highlight" },
                     React.createElement("div", { className: " rounded-5 mainImage ", style: {
-                            backgroundImage: "url(".concat(props.pictureUrls[currentImageIndex], ")"),
+                            backgroundImage: "url(".concat(props.pictureUrls[currentImageIndex].url, ")"),
                             height: "350px",
                             width: "600px",
                             backgroundSize: "cover",
@@ -179,35 +221,23 @@ function ImageListPopup(props) {
             React.createElement("div", { className: "d-flex flex-row gap-4  w-100 secondList " },
                 React.createElement("div", { className: "col-lg-12 d-flex flex-row p-1  align-self-center mt-5" },
                     React.createElement("div", { className: "col-12 position-relative d-flex justify-content-center" },
-                        React.createElement("div", { className: "col-lg-10 rounded-3 h-100 w-100 d-flex flex-row gap-2 overflow-auto ", ref: props.imageListRef }, props.property && (React.createElement("div", { className: "col-lg-5 h-100 w-25 d-flex gap-4 flex-row rounded-3" }, props.pictureUrls.map(function (imageUrl, index) { return (React.createElement("div", { key: index, className: "col-lg-12 h-100 d-flex", onClick: function () {
-                                setMainImage(imageUrl);
+                        React.createElement("div", { className: "col-lg-10 rounded-3 h-100 w-100 d-flex flex-row gap-2 overflow-auto ", ref: imageListRef }, props.pictureUrls.length > 0 && (React.createElement("div", { className: "col-lg-5 h-100 w-25 d-flex gap-4 flex-row rounded-3" }, props.pictureUrls.map(function (picture, index) { return (React.createElement("div", { key: index, className: "col-lg-12 h-100 d-flex", onClick: function () {
                                 setCurrentImageIndex(index);
-                                props.imageListRef.current.scrollTo({
+                                imageListRef.current.scrollTo({
                                     left: index * 150,
                                     behavior: "smooth",
                                 });
                             }, role: "button" },
-                            React.createElement("img", { src: imageUrl, alt: "Image ".concat(index + 1), className: "col-12 h-100 rounded-3 object-fit-cover" }))); }))))))))))));
+                            React.createElement("img", { src: picture.url, alt: "Image ".concat(index + 1), className: "col-12 h-100 rounded-3 object-fit-cover" }))); }))))))))))));
 }
 
 function PropertyImageList(prop) {
-    var _a = React.useState(null); _a[0]; var setMainImage = _a[1];
+    var _a;
     var _b = React.useState(0), currentImageIndex = _b[0], setCurrentImageIndex = _b[1];
     var _c = React.useState(false), isImagePopupOpen = _c[0], setIsImagePopupOpen = _c[1];
     var imageListRef = React.useRef(null);
-    var _d = React.useState(false); _d[0]; _d[1];
-    // const [pictureUrls, setPictureUrls] = useState([]);
-    // const baseUrl = "https://api-dev.nestiq.de";
-    // const pictureUrls = prop.property.pictures.map(
-    //   (picture) => `${baseUrl}${picture.contentUrl}`
-    // );
-    React.useEffect(function () {
-        if (prop.pictureUrls.length > 0) {
-            setMainImage(prop.pictureUrls[0]);
-        }
-    }, [prop.pictureUrls]);
     var handleArrowClickInMainImage = function (direction) {
-        if (!prop.property || prop.pictureUrls.length === 0)
+        if (prop.pictureUrls.length === 0)
             return;
         var newIndex = currentImageIndex;
         if (direction === "left") {
@@ -219,14 +249,17 @@ function PropertyImageList(prop) {
             newIndex = (currentImageIndex + 1) % prop.pictureUrls.length;
         }
         setCurrentImageIndex(newIndex);
-        setMainImage(prop.pictureUrls[newIndex]);
+        imageListRef.current.scrollTo({
+            left: newIndex * 150,
+            behavior: "smooth",
+        });
     };
     var toggleAllPhotos = function () {
         setIsImagePopupOpen(!isImagePopupOpen);
     };
     return (React.createElement("div", { className: "col-8 me-2 Pimagelist" },
         React.createElement("div", { className: "col-12 rounded-5 mainImage d-flex position-relative align-items-center", style: {
-                backgroundImage: "url(".concat(prop.pictureUrls[currentImageIndex], ")"),
+                backgroundImage: "url(".concat((_a = prop.pictureUrls[currentImageIndex]) === null || _a === void 0 ? void 0 : _a.url, ")"),
                 backgroundSize: "cover",
                 backgroundPosition: "center",
             } },
@@ -240,15 +273,14 @@ function PropertyImageList(prop) {
                     React.createElement("div", { className: "col-1 h-100 d-flex position-absolute start-0", onClick: function () { return handleArrowClickInMainImage("left"); }, role: "button" },
                         React.createElement("div", { className: "col-lg-12 h-100 d-flex flex-column listImageButton border-0 rounded-3" },
                             React.createElement("img", { src: iconArrowLeft, className: "arroIconColour", alt: "Left Arrow" }))),
-                    React.createElement("div", { className: "col-lg-10 rounded-3 h-100 d-flex flex-row gap-2 overflow-auto ms-1", ref: imageListRef }, prop.property && (React.createElement("div", { className: "col-lg-5 h-100 d-flex gap-2 flex-row rounded-3" }, prop.pictureUrls.map(function (imageUrl, index) { return (React.createElement("div", { key: index, className: "col-lg-12 h-100 d-flex", onClick: function () {
-                            setMainImage(imageUrl);
+                    React.createElement("div", { className: "col-lg-10 rounded-3 h-100 d-flex flex-row gap-2 overflow-auto ms-1", ref: imageListRef }, prop.pictureUrls.length > 0 && (React.createElement("div", { className: "col-lg-5 h-100 d-flex gap-2 flex-row rounded-3" }, prop.pictureUrls.map(function (picture, index) { return (React.createElement("div", { key: index, className: "col-lg-12 h-100 d-flex", onClick: function () {
                             setCurrentImageIndex(index);
-                            prop.imageListRef.current.scrollTo({
+                            imageListRef.current.scrollTo({
                                 left: index * 150,
                                 behavior: "smooth",
                             });
                         }, role: "button" },
-                        React.createElement("img", { src: imageUrl, alt: "Image ".concat(index + 1), className: "col-12 h-100 rounded-3 object-fit-cover" }))); })))),
+                        React.createElement("img", { src: picture.url, alt: "Image ".concat(index + 1), className: "col-12 h-100 rounded-3 object-fit-cover" }))); })))),
                     React.createElement("div", { className: "col-1 h-100 d-flex position-absolute end-0 top-0", onClick: function () { return handleArrowClickInMainImage("right"); }, role: "button" },
                         React.createElement("div", { className: "col-lg-12 h-100 d-flex flex-column listImageButton border-0 rounded-3 ms-1" },
                             React.createElement("img", { src: iconArrowRight, className: "arroIconColour", alt: "Right Arrow" }))))),
@@ -269,17 +301,17 @@ function PropertyImageList(prop) {
                     React.createElement("div", { className: "border col-lg-12 h-100 d-flex flex-column listImageButton border-0 rounded-3" },
                         React.createElement("img", { src: iconMap, alt: "Map Icon" }),
                         React.createElement("span", { className: "listImgText" }, "Karte"))))),
-        isImagePopupOpen && (React.createElement(ImageListPopup, { currentImageIndex: currentImageIndex, handleArrowClickInMainImage: handleArrowClickInMainImage, imageListRef: imageListRef, pictureUrls: prop.pictureUrls, property: prop.property }))));
+        isImagePopupOpen && React.createElement(ImageListPopup, { pictureUrls: prop.pictureUrls })));
 }
 
-var layerIcon = "LayersIcon.svg";
+var layerIcon = "/static/media/LayersIcon.34c085c352a2c9c8.svg";
 
-var locationIcon = "locationIcon.svg";
+var locationIcon = "/static/media/locationIcon.0af399c78e0cdc20.svg";
 
 var css_248z = ".padding-global {\r\n  height: 737px !important;\r\n  padding: 0 40px;\r\n}\r\n.header {\r\n  font-size: 48px;\r\n  font-weight: 600;\r\n  color: #1b1b1b;\r\n}\r\n\r\n.firstLabel {\r\n  width: 100px;\r\n  height: 25px;\r\n  gap: 6px;\r\n  border-radius: 16px;\r\n  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);\r\n  border: solid 1px #031012 !important;\r\n  background-color: #ffb525;\r\n}\r\n\r\n.secondLabel {\r\n  width: 85px;\r\n  height: 25px;\r\n  padding: 0 7px;\r\n  border-radius: 16px;\r\n  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);\r\n  border: solid 1px #000;\r\n  background-color: #fff;\r\n}\r\n\r\n.thirdLabel {\r\n  width: 90px;\r\n  height: 25px;\r\n  border-radius: 16px;\r\n  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);\r\n  border: solid 1px #000;\r\n  background-color: #fff;\r\n}\r\n\r\n.fourthLabel {\r\n  width: 100px;\r\n  height: 25px;\r\n  border-radius: 16px;\r\n  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);\r\n  border: solid 1px #000;\r\n  background-color: #fff;\r\n}\r\n\r\n.layersVector {\r\n  width: 15.1px;\r\n  height: 16px;\r\n}\r\n\r\n.layersText {\r\n  font-size: 14px;\r\n  color: #1b1b1b;\r\n}\r\n\r\n.style-img {\r\n  object-fit: cover;\r\n  border-radius: 30px !important;\r\n}\r\n\r\n.Vector {\r\n  width: 12px;\r\n  height: 16.1px;\r\n  flex-grow: 0;\r\n  margin: 0.4px 6px 0.4px 0;\r\n}\r\n\r\n.customButton {\r\n  width: 262px;\r\n  height: 43px;\r\n  color: #000;\r\n  cursor: pointer;\r\n  border-color: #ffb525;\r\n  background-color: #ffb525;\r\n  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);\r\n}\r\n.button_text {\r\n  font-size: 16px;\r\n  font-weight: 500;\r\n  color: #1b1b1b;\r\n}\r\n\r\n.heartVector {\r\n  width: 23px;\r\n  height: 26.7px;\r\n  cursor: pointer;\r\n}\r\n\r\n.heartVector.liked {\r\n  fill: rgb(255, 255, 255) !important;\r\n}\r\n.locationText {\r\n  font-size: 14px;\r\n  color: white;\r\n  text-align: center;\r\n}\r\n\r\n.arrowVector {\r\n  width: 23px;\r\n  height: 23px;\r\n  flex-grow: 0;\r\n  object-fit: contain;\r\n}\r\n\r\n.Price {\r\n  font-size: 26px;\r\n  font-weight: 500;\r\n  font-stretch: normal;\r\n  font-style: normal;\r\n  line-height: normal;\r\n  letter-spacing: normal;\r\n  text-align: center;\r\n  color: #fff;\r\n}\r\n\r\n.detail {\r\n  font-size: 12px;\r\n  text-align: center;\r\n  color: #fff;\r\n}\r\n\r\n.class {\r\n  background-color: #1b1b1b;\r\n}\r\n\r\n.header {\r\n  height: 64px;\r\n  justify-content: center;\r\n}\r\n\r\n.cardStyle {\r\n  width: 405px;\r\n  max-width: 2405px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  height: 350px;\r\n  border-radius: 30px !important;\r\n}\r\n\r\n.rightConer {\r\n  width: 200px;\r\n}\r\n@media all and (min-width: 2560px) {\r\n  .header {\r\n    font-size: 38px;\r\n\r\n    display: flex;\r\n  }\r\n  .cardStyle {\r\n    gap: 0px;\r\n    width: 350px;\r\n    height: 300px;\r\n    /* margin-left: 250px; */\r\n  }\r\n}\r\n@media (max-width: 1399px) {\r\n  .header {\r\n    font-size: 38px;\r\n    align-self: center;\r\n    margin-left: 150px;\r\n  }\r\n  .cardStyle {\r\n    gap: 0px;\r\n    width: 350px;\r\n    height: 300px;\r\n  }\r\n}\r\n\r\n@media (max-width: 1199px) {\r\n  .header {\r\n    font-size: 38px;\r\n  }\r\n  .cardStyle {\r\n    width: 300px;\r\n    height: 250px;\r\n  }\r\n}\r\n\r\n@media (max-width: 575px) {\r\n  .detail {\r\n    font-size: 11px;\r\n    padding: 2px;\r\n  }\r\n  .Price {\r\n    font-size: 19px;\r\n  }\r\n  .header {\r\n    font-size: 28px;\r\n  }\r\n  .locationText {\r\n    font-size: 12px;\r\n  }\r\n  .customButton {\r\n    width: 200px !important;\r\n  }\r\n  .button_text {\r\n    font-size: 13px;\r\n  }\r\n}\r\n\r\n@media (max-width: 375px) {\r\n  .labelTopClass {\r\n    width: 105px !important;\r\n  }\r\n  .layersText {\r\n    font-size: 9px;\r\n  }\r\n  .firstLabel {\r\n    gap: 2px;\r\n  }\r\n  .layersVector {\r\n    width: 9px;\r\n    height: 10px;\r\n    gap: 0px;\r\n  }\r\n  .cardStyle {\r\n    width: 320px !important;\r\n    height: 220px !important;\r\n  }\r\n  .header {\r\n    font-size: 24px;\r\n  }\r\n  .detail {\r\n    font-size: 10px;\r\n    padding: 2px;\r\n  }\r\n  .Price {\r\n    font-size: 18px;\r\n  }\r\n  .locationText {\r\n    font-size: 10px;\r\n  }\r\n  .Vector {\r\n    width: 8px;\r\n    height: 16px;\r\n    margin: 0px 2px 0.4px;\r\n  }\r\n}\r\n\r\n@media (max-width: 280px) {\r\n  .cardStyle {\r\n    width: 260px !important;\r\n    height: 160px !important;\r\n  }\r\n  .detail {\r\n    margin-bottom: 5px;\r\n    font-size: 0.6ch;\r\n  }\r\n  .Price {\r\n    font-size: 9px;\r\n  }\r\n  .locationText {\r\n    font-size: 6px;\r\n  }\r\n  .Vector {\r\n    width: 7px;\r\n    height: 10px;\r\n    margin: 0px 2px 4px;\r\n  }\r\n  .heartVector {\r\n    width: 15px;\r\n    height: 20px;\r\n  }\r\n}\r\n";
 styleInject(css_248z);
 
-var noImageIcon = "default-property.jpg";
+var noImageIcon = "/static/media/default-property.9987f19670be82b6.jpg";
 
 function PropertyCard(props) {
     var _a, _b;