nestiq-component-library 1.1.50 → 1.1.52

package/dist/components/MessagePopup/MessagePopUp.d.ts

@@ -1,12 +1,11 @@
 import React from "react";
 import "../MessagePopup/MessagePopUp.css";
 interface PopupProps {
-    userData: {
-        firstname: any;
-        lastname: String;
-    };
+    firstname: string;
+    lastname: string;
     handleSendMessage: any;
     onClick: any;
+    themesList: any;
 }
 export default function MessagePopUp(props: PopupProps): React.JSX.Element;
 export {};

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

@@ -32,6 +32,9 @@ interface PopupProps {
         lastname: string;
     };
     handleSendMessage: any;
+    firstname: any;
+    lastname: any;
+    themesList: any;
 }
 export default function PropertyCard(props: PopupProps): React.JSX.Element;
 export {};

package/dist/index.es.js

@@ -459,19 +459,20 @@ var css_248z = ".popup-overlay {\r\n  position: fixed; /* Fixed position to cove
 styleInject(css_248z);
 
 function MessagePopUp(props) {
-    var _a, _b;
-    var _c = useState(); _c[0]; _c[1];
-    var _d = useState(false); _d[0]; _d[1];
-    var _e = useState(false); _e[0]; _e[1];
-    var _f = useState(""), themeId = _f[0], setThemeId = _f[1];
-    var _g = useState(""), subject = _g[0], setSubject = _g[1];
-    var _h = useState(""), messageText = _h[0], setMessageText = _h[1];
-    var _j = useState(""); _j[0]; var setFirstName = _j[1];
-    var _k = useState(""), lastName = _k[0], setLastName = _k[1];
-    var _l = useState([]), themesList = _l[0]; _l[1];
+    var _a = useState(); _a[0]; _a[1];
+    var _b = useState(false); _b[0]; _b[1];
+    var _c = useState(false); _c[0]; _c[1];
+    var _d = useState(""), themeId = _d[0], setThemeId = _d[1];
+    var _e = useState(""), subject = _e[0], setSubject = _e[1];
+    var _f = useState(""), messageText = _f[0], setMessageText = _f[1];
+    var _g = useState(""); _g[0]; var setFirstName = _g[1];
+    var _h = useState(""), lastName = _h[0], setLastName = _h[1];
     var handleClose = function () {
         props.onClick();
     };
+    var handleSendMessage = function () {
+        props.handleSendMessage();
+    };
     return (React.createElement("div", null,
         React.createElement("div", { className: "popup-overlay" },
             React.createElement("div", { className: "MessageShareSections d-flex flex-column  col-10 col-lg-7" },
@@ -487,17 +488,17 @@ function MessagePopUp(props) {
                                     height: "20px",
                                 } })),
                         React.createElement("div", { className: "popUpHeader d-flex flex-column  text-wrap mb-md-1 " },
-                            "Nachricht senden ", (_a = props.userData) === null || _a === void 0 ? void 0 :
-                            _a.firstname,
-                            " ", (_b = props.userData) === null || _b === void 0 ? void 0 :
-                            _b.lastname)),
+                            "Nachricht senden ",
+                            props.firstname,
+                            " ",
+                            props.lastname)),
                     React.createElement("div", { className: "d-flex flex-md-row  flex-column ms-md-5  mt-md-0   " },
                         React.createElement("div", { className: "d-flex flex-column mt-md-0 mt-4  col me-4 w-100 align-self-start justify-content-start" },
                             React.createElement("span", { className: "popup-tags mb-2" }, "Betreff:*"),
                             React.createElement("div", null,
                                 React.createElement("select", { name: "theme", id: "theme", className: "mb-md-4 col-md-11 col-12", style: { height: "42px" }, value: themeId, onChange: function (e) { return setThemeId(e.target.value); } },
                                     React.createElement("option", { value: "" }, "Select a theme"),
-                                    themesList.map(function (theme) { return (React.createElement("option", { key: theme.id, value: theme.id }, theme.name)); })))),
+                                    props.themesList.map(function (theme) { return (React.createElement("option", { key: theme.id, value: theme.id }, theme.name)); })))),
                         React.createElement("div", { className: "d-flex flex-column mt-md-4 col me-4 w-100" },
                             React.createElement("div", null),
                             React.createElement("textarea", { className: "popup_textarea col-12 col-md-10  mb-md-0 mt-2 ", placeholder: "Betreff deiner Nachricht", style: { height: "42px" }, value: subject, onChange: function (e) { return setSubject(e.target.value); } }))),
@@ -507,12 +508,12 @@ function MessagePopUp(props) {
                     React.createElement("div", { className: "d-flex flex-md-row flex-column ms-md-5 " },
                         React.createElement("div", { className: "d-flex flex-column  col me-4 w-100" },
                             React.createElement("span", { className: "popup-tags mb-2" }, "Vorname:"),
-                            React.createElement("input", { className: "popup_textarea mb-md-4  col-12 col-md-11", placeholder: "Dein Vorname", type: "text", value: props === null || props === void 0 ? void 0 : props.userData.firstname, onChange: function (e) { return setFirstName(e.target.value); }, style: { height: "42px" } })),
+                            React.createElement("input", { className: "popup_textarea mb-md-4  col-12 col-md-11", placeholder: "Dein Vorname", type: "text", value: props === null || props === void 0 ? void 0 : props.firstname, onChange: function (e) { return setFirstName(e.target.value); }, style: { height: "42px" } })),
                         React.createElement("div", { className: "d-flex flex-column me-4 w-100 col " },
                             React.createElement("span", { className: "popup-tags mb-2" }, "Nachname:"),
                             React.createElement("input", { className: "popup_textarea col-12 mb-4 col-md-10", placeholder: "Dein Nachname", type: "text", value: lastName, onChange: function (e) { return setLastName(e.target.value); }, style: { height: "42px" } }))),
                     React.createElement("div", { className: "d-flex gap-md-3 gap-3 flex-md-row flex-column align-self-center justify-content-center mb-4 mt-md-2" },
-                        React.createElement("button", { className: "main_button border-0 rounded-4 align-self-center ", type: "button", id: "button", onClick: props.handleSendMessage },
+                        React.createElement("button", { className: "main_button border-0 rounded-4 align-self-center ", type: "button", id: "button", onClick: handleSendMessage },
                             React.createElement("strong", null, "Nachricht senden")),
                         React.createElement("button", { className: "button_icon-right border-1 col-sm-3 align-self-center" },
                             React.createElement("strong", null, "Abbrechen"))))))));
@@ -645,7 +646,7 @@ function PropertyCard(props) {
                     React.createElement("button", { className: "kontactbutton text-light ", onClick: handleMessagPopUp, role: "button" },
                         React.createElement("span", { className: "kontact-button-text" }, "Kontakt aufnehmen "))))),
         floorPlan && (React.createElement(FloorPlanPopup, { contentUrl: ((_g = props.property.pictures[0]) === null || _g === void 0 ? void 0 : _g.contentUrl) || noImageIcon, onCloseClick: function () { return setFloorPlan(false); } })),
-        messagePopUp && (React.createElement(MessagePopUp, { onClick: function () { return setMessagPopUp(false); }, userData: props.userData, handleSendMessage: props.handleSendMessage })),
+        messagePopUp && (React.createElement(MessagePopUp, { onClick: function () { return setMessagPopUp(false); }, handleSendMessage: props.handleSendMessage, firstname: props.firstname, lastname: props.lastname, themesList: props.themesList })),
         sharePopUp && React.createElement(SharePopup, { onClick: function () { return setSharePopUp(false); } })));
 }