nestiq-component-library 1.0.25 → 1.0.27

package/dist/assets/images/Icon_rightArrow.bced4a705c07148d.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="#fff" class="bi bi-chevron-right" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708"/>
+</svg>

package/dist/assets/images/LayersIcon.34c085c352a2c9c8.svg

@@ -0,0 +1,5 @@
+<svg width="18" height="17" viewBox="0 0 18 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="m16.855 5.147-8-4.572a.571.571 0 0 0-.567 0l-8 4.572a.571.571 0 0 0 .014 1l8 4.285a.571.571 0 0 0 .54 0l8-4.285a.571.571 0 0 0 .013-1zM8.572 9.28l-6.82-3.653 6.82-3.897 6.82 3.897-6.82 3.653z" fill="#031012"/>
+    <path d="M8.846 13.43 16.57 9.18V7.877l-8 4.4-8-4.4V9.18l7.725 4.249a.572.572 0 0 0 .55 0z" fill="#031012"/>
+    <path d="m.57 12.309 7.731 4.123a.572.572 0 0 0 .538 0l7.731-4.123v-1.295l-8 4.266-8-4.266v1.295z" fill="#031012"/>
+</svg>

package/dist/assets/images/blackarrow-Right.e585ae62dd55abae.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-right" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708"/>
+</svg>

package/dist/assets/images/blckarrow-Left.e2134741aa368d30.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-left" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0"/>
+</svg>

package/dist/assets/images/chevron-left.04f0a7f16b745c1a.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="#fff" class="bi bi-chevron-left" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0"/>
+</svg>

package/dist/assets/images/envelope-fill.6669c9d64183941c.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-envelope-fill" viewBox="0 0 16 16">
+  <path d="M.05 3.555A2 2 0 0 1 2 2h12a2 2 0 0 1 1.95 1.555L8 8.414zM0 4.697v7.104l5.803-3.558zM6.761 8.83l-6.57 4.027A2 2 0 0 0 2 14h12a2 2 0 0 0 1.808-1.144l-6.57-4.027L8 9.586zm3.436-.586L16 11.801V4.697z"/>
+</svg>

package/dist/assets/images/facebook.ce73eacbfffe8a27.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-facebook" viewBox="0 0 16 16">
+  <path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951"/>
+</svg>

package/dist/assets/images/icon_gallery.269b721daf2ca907.svg

@@ -0,0 +1,4 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M18.242 1.29H4.297a1.76 1.76 0 0 0-1.758 1.757v.742h-.781A1.76 1.76 0 0 0 0 5.547v11.406c0 .97.789 1.758 1.758 1.758h13.945a1.76 1.76 0 0 0 1.758-1.758v-.742h.781A1.76 1.76 0 0 0 20 14.453V3.047a1.76 1.76 0 0 0-1.758-1.758zM4.297 2.46h13.945c.323 0 .586.264.586.587v5.508l-3.49-2.47a.586.586 0 0 0-.724.037L10 10.159l-2.114-1.85a.586.586 0 0 0-.748-.02l-3.427 2.693V3.047c0-.323.263-.586.586-.586zm11.992 14.493a.587.587 0 0 1-.586.586H1.758a.587.587 0 0 1-.586-.586V5.547c0-.323.263-.586.586-.586h.781v9.492c0 .97.789 1.758 1.758 1.758h11.992v.742zm1.953-1.914H4.297a.587.587 0 0 1-.586-.586v-1.98L7.48 9.51l2.134 1.868c.221.193.55.193.772 0l4.652-4.071 3.79 2.683v4.462a.587.587 0 0 1-.586.586z" fill="#fff"/>
+    <path d="M10 7.46a1.838 1.838 0 0 0 1.836-1.835A1.838 1.838 0 0 0 10 3.789a1.838 1.838 0 0 0-1.836 1.836c0 1.012.824 1.836 1.836 1.836zm0-2.5a.665.665 0 1 1-.001 1.33A.665.665 0 0 1 10 4.96z" fill="#fff"/>
+</svg>

package/dist/assets/images/icon_map.2318ec664c3e615e.svg

@@ -0,0 +1,10 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g clip-path="url(#bq66l33lna)">
+        <path d="M19.286 0a.715.715 0 0 0-.32.075l-5.413 2.707-6.12-2.72C7.423.058 7.41.057 7.4.052a.741.741 0 0 0-.17-.044 1.063 1.063 0 0 0-.175 0 .742.742 0 0 0-.171.044c-.01.005-.022.005-.032.01L.424 2.919A.714.714 0 0 0 0 3.572v15.714a.714.714 0 0 0 1.004.653l6.139-2.729 6.138 2.729c.01.004.022 0 .033.006a.63.63 0 0 0 .54-.012c.012-.005.025 0 .036-.008l5.715-2.857a.714.714 0 0 0 .395-.64V.716A.714.714 0 0 0 19.286 0zM6.428 15.964l-5 2.222V4.036l5-2.222v14.15zm6.429 2.222-5-2.222V1.814l5 2.222v14.15zm5.714-2.199-4.286 2.143V4.013l4.286-2.143v14.117z" fill="#fff"/>
+    </g>
+    <defs>
+        <clipPath id="bq66l33lna">
+            <path fill="#fff" d="M0 0h20v20H0z"/>
+        </clipPath>
+    </defs>
+</svg>

package/dist/assets/images/icon_share_1.b9ec05630dc1087e.svg

@@ -0,0 +1,3 @@
+<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M22.046 9.9h-2.56a.937.937 0 1 0 0 1.875h2.56c.517 0 .938.42.938.937v12.26c0 .517-.42.938-.938.938H7.953a.939.939 0 0 1-.937-.938v-12.26c0-.517.42-.937.937-.937h2.56a.937.937 0 1 0 0-1.875h-2.56a2.816 2.816 0 0 0-2.812 2.812v12.26a2.816 2.816 0 0 0 2.812 2.813h14.093a2.816 2.816 0 0 0 2.813-2.813v-12.26A2.816 2.816 0 0 0 22.046 9.9zM11.504 8.007l2.59-2.59V17.76a.937.937 0 1 0 1.874 0V5.418l2.59 2.59a.934.934 0 0 0 1.326 0 .937.937 0 0 0 0-1.327l-4.19-4.19a.938.938 0 0 0-1.326 0l-4.19 4.19a.937.937 0 1 0 1.326 1.326z" fill="#000"/>
+</svg>

package/dist/assets/images/layer_icon.9b56c187199c44b5.svg

@@ -0,0 +1,5 @@
+<svg width="22" height="20" viewBox="0 0 22 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="m21.354 5.808-10-5.714a.714.714 0 0 0-.709 0l-10 5.714a.714.714 0 0 0 .017 1.25l10 5.357a.714.714 0 0 0 .675 0l10-5.357a.714.714 0 0 0 .017-1.25zM11 10.975 2.475 6.408 11 1.537l8.525 4.871L11 10.975z" fill="#fff"/>
+    <path d="m11.34 16.162 9.656-5.31V9.22l-10 5.5-10-5.5v1.63l9.656 5.31a.715.715 0 0 0 .688 0z" fill="#fff"/>
+    <path d="m.996 14.762 9.664 5.154a.714.714 0 0 0 .672 0l9.664-5.154v-1.62l-10 5.334-10-5.333v1.619z" fill="#fff"/>
+</svg>

package/dist/assets/images/linkedin.7539333145b03678.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-linkedin" viewBox="0 0 16 16">
+  <path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854zm4.943 12.248V6.169H2.542v7.225zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248S2.4 3.226 2.4 3.934c0 .694.521 1.248 1.327 1.248zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016l.016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225z"/>
+</svg>

package/dist/assets/images/locationIcon.0af399c78e0cdc20.svg

@@ -0,0 +1,4 @@
+<svg width="12" height="18" viewBox="0 0 12 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M6 4.725a2.208 2.208 0 1 0 .001 4.416 2.208 2.208 0 0 0 0-4.416zm0 3.312a1.104 1.104 0 1 1 .001-2.208 1.104 1.104 0 0 1 0 2.208z" fill="#fff"/>
+    <path d="M10.243 2.687a6 6 0 0 0-9.27 7.518l4.17 6.403a1.022 1.022 0 0 0 1.713 0l4.171-6.404a6 6 0 0 0-.784-7.517zm-.14 6.915L6 15.9 1.897 9.602a4.919 4.919 0 0 1 .64-6.135 4.896 4.896 0 0 1 6.925 0 4.919 4.919 0 0 1 .64 6.135z" fill="#fff"/>
+</svg>

package/dist/assets/images/locationIconBlack.eb8e9e9226b43573.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-geo-alt" viewBox="0 0 16 16">
+  <path d="M12.166 8.94c-.524 1.062-1.234 2.12-1.96 3.07A32 32 0 0 1 8 14.58a32 32 0 0 1-2.206-2.57c-.726-.95-1.436-2.008-1.96-3.07C3.304 7.867 3 6.862 3 6a5 5 0 0 1 10 0c0 .862-.305 1.867-.834 2.94M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10"/>
+  <path d="M8 8a2 2 0 1 1 0-4 2 2 0 0 1 0 4m0 1a3 3 0 1 0 0-6 3 3 0 0 0 0 6"/>
+</svg>

package/dist/assets/images/twitter-x.48a4ac3f560f0a62.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-twitter-x" viewBox="0 0 16 16">
+  <path d="M12.6.75h2.454l-5.36 6.142L16 15.25h-4.937l-3.867-5.07-4.425 5.07H.316l5.733-6.57L0 .75h5.063l3.495 4.633L12.601.75Zm-.86 13.028h1.36L4.323 2.145H2.865z"/>
+</svg>

package/dist/assets/images/whatsapp.28e6b0b24adc9289.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-whatsapp" viewBox="0 0 16 16">
+  <path d="M13.601 2.326A7.85 7.85 0 0 0 7.994 0C3.627 0 .068 3.558.064 7.926c0 1.399.366 2.76 1.057 3.965L0 16l4.204-1.102a7.9 7.9 0 0 0 3.79.965h.004c4.368 0 7.926-3.558 7.93-7.93A7.9 7.9 0 0 0 13.6 2.326zM7.994 14.521a6.6 6.6 0 0 1-3.356-.92l-.24-.144-2.494.654.666-2.433-.156-.251a6.56 6.56 0 0 1-1.007-3.505c0-3.626 2.957-6.584 6.591-6.584a6.56 6.56 0 0 1 4.66 1.931 6.56 6.56 0 0 1 1.928 4.66c-.004 3.639-2.961 6.592-6.592 6.592m3.615-4.934c-.197-.099-1.17-.578-1.353-.646-.182-.065-.315-.099-.445.099-.133.197-.513.646-.627.775-.114.133-.232.148-.43.05-.197-.1-.836-.308-1.592-.985-.59-.525-.985-1.175-1.103-1.372-.114-.198-.011-.304.088-.403.087-.088.197-.232.296-.346.1-.114.133-.198.198-.33.065-.134.034-.248-.015-.347-.05-.099-.445-1.076-.612-1.47-.16-.389-.323-.335-.445-.34-.114-.007-.247-.007-.38-.007a.73.73 0 0 0-.529.247c-.182.198-.691.677-.691 1.654s.71 1.916.81 2.049c.098.133 1.394 2.132 3.383 2.992.47.205.84.326 1.129.418.475.152.904.129 1.246.08.38-.058 1.171-.48 1.338-.943.164-.464.164-.86.114-.943-.049-.084-.182-.133-.38-.232"/>
+</svg>

package/dist/components/ImageListPopup/ImageListPopup.d.ts

@@ -1,17 +1,10 @@
 import "./ImageListPopup.css";
 import React from "react";
 interface PopupProps {
-    property: {
-        city: string;
-        constructedArea: string;
-        rooms: string;
-        propertyArea: string;
-        askingPrice: string;
-    };
-    handleArrowClickInMainImage: any;
-    pictureUrls: any[];
-    currentImageIndex: number;
-    imageListRef: any;
+    pictureUrls: {
+        title: string;
+        url: string;
+    }[];
 }
 export default function ImageListPopup(props: PopupProps): React.JSX.Element;
 export {};

package/dist/components/PropertyDetailsHeader/PropertyDetailsHeader.d.ts

@@ -8,6 +8,6 @@ export interface PopupProps {
         propertyArea: string;
         askingPrice: string;
     };
-    showPopUp: boolean;
+    title: string;
 }
 export default function PropertyDetailsHeader(props: PopupProps): React.JSX.Element;

package/dist/components/PropertyImageList/PropertyImageList.d.ts

@@ -2,15 +2,10 @@ import React from "react";
 import "./PropertyImageList.css";
 import PopupProps from "../ImageListPopup/ImageListPopup";
 interface PopupProps {
-    property: {
-        city: string;
-        constructedArea: string;
-        rooms: string;
-        propertyArea: string;
-        askingPrice: string;
-    };
-    pictureUrls: any[];
-    imageListRef: any;
+    pictureUrls: {
+        title: string;
+        url: string;
+    }[];
 }
 export default function PropertyImageList(prop: PopupProps): React.JSX.Element;
 export {};

package/dist/components/SharePopup/PopUp.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import "./PopUp.css";
+interface Popupprops {
+    onClick: () => void;
+}
+export default function PopUp(props: Popupprops): React.JSX.Element;
+export {};

package/dist/index.es.js

@@ -1,11 +1,11 @@
-import React, { useState, useRef, useEffect } from 'react';
+import React, { useRef, useState } from 'react';
 
 var Button = function (_a) {
     var label = _a.label;
     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 = {};
@@ -34,8 +34,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;
@@ -46,26 +46,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 = 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 = useState(false), showPopUp = _a[0], setShowPopUp = _a[1];
+    var _a;
+    var _b = 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,
@@ -76,32 +135,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);
@@ -111,28 +171,10 @@ styleInject(css_248z$1);
 
 function ImageListPopup(props) {
     var _a = useState(true), showPopUp = _a[0], setShowPopUp = _a[1];
-    // const { id } = useParams();
-    var _b = useState(null); _b[0]; var setMainImage = _b[1];
-    var _c = useState(0), currentImageIndex = _c[0], setCurrentImageIndex = _c[1];
-    // const [isImagePopupOpen, setIsImagePopupOpen] = useState(false);
-    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",
-        };
-    });
-    useEffect(function () {
-        if (props.pictureUrls.length > 0) {
-            setMainImage(props.pictureUrls[0]);
-        }
-    }, [props.pictureUrls]);
+    var _b = useState(0), currentImageIndex = _b[0], setCurrentImageIndex = _b[1];
+    var imageListRef = 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") {
@@ -144,8 +186,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",
         });
@@ -155,15 +196,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",
@@ -177,35 +219,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 = useState(null); _a[0]; var setMainImage = _a[1];
+    var _a;
     var _b = useState(0), currentImageIndex = _b[0], setCurrentImageIndex = _b[1];
     var _c = useState(false), isImagePopupOpen = _c[0], setIsImagePopupOpen = _c[1];
     var imageListRef = useRef(null);
-    var _d = 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}`
-    // );
-    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") {
@@ -217,14 +247,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",
             } },
@@ -238,15 +271,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" }))))),
@@ -267,17 +299,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;