nestiq-component-library 1.1.103 → 1.1.104

package/dist/components/NewPropertyCard/NewPropertyCard.d.ts

@@ -3,6 +3,7 @@ import "../NewPropertyCard/NewPropertyCard.css";
 interface PopupProps {
     property: {
         city: string;
+        propertyArea: string;
         historicalProtection: boolean;
         basement: boolean;
         balcony: boolean;

package/dist/index.es.js

@@ -454,14 +454,14 @@ var iconLayers = "/static/media/layer_icon.9b56c187199c44b5.svg";
 var immooly = "/static/media/imooly.890e3dd01ea33574.svg";
 
 function PropertyCard(props) {
-    var _a, _b, _c, _d, _e, _f;
-    var _g = useState(false); _g[0]; _g[1];
-    var _h = useState(null), mainImage = _h[0], setMainImage = _h[1];
-    var _j = useState(0), currentImageIndex = _j[0], setCurrentImageIndex = _j[1];
+    var _a, _b, _c, _d, _e, _f, _g;
+    var _h = useState(false); _h[0]; _h[1];
+    var _j = useState(null), mainImage = _j[0], setMainImage = _j[1];
+    var _k = useState(0), currentImageIndex = _k[0], setCurrentImageIndex = _k[1];
     var imageListRef = useRef(null);
-    var _k = useState(false), floorPlan = _k[0], setFloorPlan = _k[1];
-    var _l = useState(false); _l[0]; _l[1];
-    var _m = useState(false), sharePopUp = _m[0], setSharePopUp = _m[1];
+    var _l = useState(false), floorPlan = _l[0], setFloorPlan = _l[1];
+    var _m = useState(false); _m[0]; _m[1];
+    var _o = useState(false), sharePopUp = _o[0], setSharePopUp = _o[1];
     var pictureUrls = ((_b = (_a = props.property) === null || _a === void 0 ? void 0 : _a.pictures) === null || _b === void 0 ? void 0 : _b.length) > 0
         ? props.property.pictures.map(function (picture) { return "".concat(props.baseUrl).concat(picture.contentUrl); })
         : [noImageIcon];
@@ -539,29 +539,29 @@ function PropertyCard(props) {
                 React.createElement("div", { className: "d-flex " },
                     React.createElement("img", { src: locationIcon, alt: "Location Icon", className: "Vector" }),
                     React.createElement("span", { className: "locationTexts " }, props.property.city || "N/A"))),
-            React.createElement("div", { className: "d-flex  flex-row gap-3 col-6 col-lg-8 justify-content-between  ", style: { paddingLeft: "32px", paddingRight: "32px" } },
+            React.createElement("div", { className: "d-flex  flex-row gap-2 col-6 col-lg-8 justify-content-between  ", style: { paddingLeft: "32px", paddingRight: "32px" } },
                 React.createElement("span", { className: "priceValue col-lg-4 col-md-4 col-sm-6  " },
                     formatPrice((_f = (_e = (_d = props.property) === null || _d === void 0 ? void 0 : _d.evaluation) === null || _e === void 0 ? void 0 : _e.askingPrice) !== null && _f !== void 0 ? _f : 0),
                     " \u20AC",
                     React.createElement("br", null),
                     React.createElement("span", { className: "details" }, "Kaufpreis")),
-                React.createElement("span", { className: "text-dark value col-lg-4 col-md-4 col-sm-6 text-truncate  " },
-                    +props.property.rooms,
+                React.createElement("span", { className: "text-dark value col-lg-5 col-md-5 col-sm-7  " },
+                    props.property.constructedArea,
+                    " m\u00B2",
+                    React.createElement("br", null),
+                    React.createElement("span", { className: "details" },
+                        React.createElement("span", null, "Wohnfl\u00E4che"))),
+                React.createElement("span", { className: "text-dark value col-lg-4 col-md-3 col-sm-6 text-truncate  " },
+                    +((_g = props.property) === null || _g === void 0 ? void 0 : _g.rooms),
                     React.createElement("br", null),
                     React.createElement("span", { className: "details" },
                         " ",
                         React.createElement("span", null, "Zimmer"))),
                 React.createElement("span", { className: "text-dark value col-lg-3 col-md-3 col-sm-4 text-truncate " },
-                    +props.property.bathrooms,
-                    React.createElement("br", null),
-                    React.createElement("span", { className: "details" },
-                        React.createElement("span", null, "Bad"))),
-                React.createElement("span", { className: "text-dark value col-lg-5 col-md-5 col-sm-7  " },
-                    props.property.usableArea,
-                    " m\u00B2",
+                    +props.property.propertyArea,
                     React.createElement("br", null),
                     React.createElement("span", { className: "details" },
-                        React.createElement("span", null, "Wohnfl\u00E4che")))),
+                        React.createElement("span", null, "Grundst\u00FCck")))),
             React.createElement("div", { className: "labelTopClass d-flex top-0 start-0 col-sm-5 col-lg-8 ", style: { paddingLeft: "32px", paddingRight: "32px" } },
                 React.createElement("div", { className: " align-items-center d-flex flex-row  gap-3" },
                     props.property.historicalProtection && (React.createElement("label", { className: "thirdLabels justify-content-center align-items-center" },