nestiq-component-library 1.1.54 → 1.1.56

package/dist/index.js

@@ -512,13 +512,6 @@ function SuccessPopUp(props) {
 var css_248z = ".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: 9998; /* Ensure it's above other content */\r\n}\r\n\r\n.MessageShareSections {\r\n  height: 550px;\r\n  padding: 10px 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.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: var(--main-yellow);\r\n  right: 0;\r\n  z-index: 1;\r\n  background-color: var(--main-yellow);\r\n  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);\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}\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  align-content: center;\r\n  justify-content: center;\r\n  justify-items: center;\r\n  justify-self: center;\r\n}\r\n@media (min-width: 375px) and (max-width: 667px) {\r\n  .popup-overlay {\r\n    /* Fixed position to cover the whole screen */\r\n\r\n    background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent background */\r\n    display: flex; /* Flexbox to center the popup */\r\n\r\n    z-index: 9998; /* Ensure it's above other content */\r\n  }\r\n\r\n  .MessageShareSections {\r\n    height: 650px;\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  .button_icon-left {\r\n    width: 90px;\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  }\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  }\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  .button_icon-left {\r\n    width: 184px;\r\n  }\r\n}\r\n";
 styleInject(css_248z);
 
-// Utility function to show a toast
-var showToast = function (message, type) {
-    if (type === void 0) { type = "info"; }
-    reactToastify.toast(message, { type: type });
-};
-var ToastWrapper = function () { return (React.createElement(reactToastify.ToastContainer, { position: "top-right", autoClose: 5000, hideProgressBar: false, closeOnClick: true, rtl: false, pauseOnFocusLoss: true, draggable: true, pauseOnHover: true })); };
-
 function MessagePopUp(props) {
     var _a = React.useState(); _a[0]; _a[1];
     var _b = React.useState(false), showSuccessPopUp = _b[0], setShowSuccessPopUp = _b[1];
@@ -528,19 +521,12 @@ function MessagePopUp(props) {
     var _f = React.useState(""), messageText = _f[0], setMessageText = _f[1];
     var _g = React.useState(""), firstName = _g[0], setFirstName = _g[1];
     var _h = React.useState(""), lastName = _h[0], setLastName = _h[1];
-    var _j = React.useState(""); _j[0]; _j[1];
     var handleClose = function () {
         props.onClick();
     };
-    var handleSendMessage = function () {
-        if (!messageText || !subject || !firstName || !lastName || !themeId) {
-            // toast.warning("Please fill in all fields.");
-            ToastWrapper();
-            return;
-        }
-        var user = JSON.parse(localStorage.getItem("user") || "{}");
-        user.id;
-    };
+    function handleSendMessage() {
+        props.sendDataToParent(themeId, subject, messageText, firstName, lastName);
+    }
     React.useEffect(function () {
         var user = JSON.parse(localStorage.getItem("user") || "{}");
         if (user) {
@@ -608,6 +594,11 @@ function PropertyCard(props) {
     var _l = React.useState(false), floorPlan = _l[0], setFloorPlan = _l[1];
     var _m = React.useState(false), messagePopUp = _m[0], setMessagPopUp = _m[1];
     var _o = React.useState(false), sharePopUp = _o[0], setSharePopUp = _o[1];
+    var _p = React.useState(""); _p[0]; var setThemeId = _p[1];
+    var _q = React.useState(""); _q[0]; var setSubject = _q[1];
+    var _r = React.useState(""); _r[0]; var setMessageText = _r[1];
+    var _s = React.useState(""); _s[0]; var setFirstName = _s[1];
+    var _t = React.useState(""); _t[0]; var setLastName = _t[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];
@@ -622,6 +613,13 @@ function PropertyCard(props) {
         setSharePopUp(true);
         console.log("sharePopUp", sharePopUp);
     };
+    function handleDataFromChild(firstName, lastName, themeId, subject, messageText) {
+        setFirstName(firstName);
+        setLastName(lastName);
+        setThemeId(themeId);
+        setSubject(subject);
+        setMessageText(messageText);
+    }
     var handleArrowClickInMainImage = function (direction) {
         if (!props.property || pictureUrls.length === 0)
             return;
@@ -726,10 +724,17 @@ 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); }, handleSendMessage: props.handleSendMessage, firstname: props.firstname, lastname: props.lastname, themesList: props.themesList, requestObj: props.requestObj })),
+        messagePopUp && (React.createElement(MessagePopUp, { onClick: function () { return setMessagPopUp(false); }, handleSendMessage: props.handleSendMessage, firstname: props.firstname, lastname: props.lastname, themesList: props.themesList, sendDataToParent: handleDataFromChild })),
         sharePopUp && React.createElement(SharePopup, { onClick: function () { return setSharePopUp(false); } })));
 }
 
+// Utility function to show a toast
+var showToast = function (message, type) {
+    if (type === void 0) { type = "info"; }
+    reactToastify.toast(message, { type: type });
+};
+var ToastWrapper = function () { return (React.createElement(reactToastify.ToastContainer, { position: "top-right", autoClose: 5000, hideProgressBar: false, closeOnClick: true, rtl: false, pauseOnFocusLoss: true, draggable: true, pauseOnHover: true })); };
+
 exports.Button = Button;
 exports.FloorPlanPopup = FloorPlanPopup;
 exports.MessagePopUp = MessagePopUp;