nestiq-component-library 1.1.49 → 1.1.51
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/MessagePopup/MessagePopUp.d.ts +3 -5
- package/dist/components/NewPropertyCard/NewPropertyCard.d.ts +2 -0
- package/dist/index.es.js +54 -54
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +54 -54
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/src/components/MessagePopup/MessagePopUp.tsx +7 -11
- package/src/components/NewPropertyCard/NewPropertyCard.tsx +4 -1
|
@@ -1,10 +1,8 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import "
|
|
2
|
+
import "../MessagePopup/MessagePopUp.css";
|
|
3
3
|
interface PopupProps {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
lastname: String;
|
|
7
|
-
};
|
|
4
|
+
firstname: string;
|
|
5
|
+
lastname: string;
|
|
8
6
|
handleSendMessage: any;
|
|
9
7
|
onClick: any;
|
|
10
8
|
}
|
package/dist/index.es.js
CHANGED
|
@@ -459,62 +459,62 @@ var css_248z = ".popup-overlay {\r\n position: fixed; /* Fixed position to cove
|
|
|
459
459
|
styleInject(css_248z);
|
|
460
460
|
|
|
461
461
|
function MessagePopUp(props) {
|
|
462
|
-
var _a
|
|
463
|
-
var
|
|
464
|
-
var
|
|
465
|
-
var
|
|
466
|
-
var
|
|
467
|
-
var
|
|
468
|
-
var
|
|
469
|
-
var
|
|
470
|
-
var
|
|
471
|
-
var _l = useState([]), themesList = _l[0]; _l[1];
|
|
462
|
+
var _a = useState(); _a[0]; _a[1];
|
|
463
|
+
var _b = useState(false); _b[0]; _b[1];
|
|
464
|
+
var _c = useState(false); _c[0]; _c[1];
|
|
465
|
+
var _d = useState(""), themeId = _d[0], setThemeId = _d[1];
|
|
466
|
+
var _e = useState(""), subject = _e[0], setSubject = _e[1];
|
|
467
|
+
var _f = useState(""), messageText = _f[0], setMessageText = _f[1];
|
|
468
|
+
var _g = useState(""); _g[0]; var setFirstName = _g[1];
|
|
469
|
+
var _h = useState(""), lastName = _h[0], setLastName = _h[1];
|
|
470
|
+
var _j = useState([]), themesList = _j[0]; _j[1];
|
|
472
471
|
var handleClose = function () {
|
|
473
472
|
props.onClick();
|
|
474
473
|
};
|
|
475
|
-
return (React.createElement("div", null,
|
|
476
|
-
React.createElement("div", { className: "
|
|
477
|
-
React.createElement("
|
|
478
|
-
|
|
479
|
-
React.createElement("div", { className: "
|
|
480
|
-
React.createElement("div", { className: "
|
|
481
|
-
React.createElement("
|
|
482
|
-
|
|
483
|
-
|
|
484
|
-
|
|
485
|
-
|
|
486
|
-
|
|
487
|
-
|
|
488
|
-
|
|
489
|
-
"
|
|
490
|
-
|
|
491
|
-
|
|
492
|
-
|
|
493
|
-
|
|
494
|
-
React.createElement("div", { className: "d-flex flex-
|
|
495
|
-
React.createElement("
|
|
496
|
-
|
|
497
|
-
React.createElement("
|
|
498
|
-
React.createElement("
|
|
499
|
-
|
|
500
|
-
|
|
501
|
-
React.createElement("div",
|
|
502
|
-
|
|
503
|
-
|
|
504
|
-
React.createElement("
|
|
505
|
-
|
|
506
|
-
|
|
507
|
-
React.createElement("div", { className: "d-flex flex-column
|
|
508
|
-
React.createElement("
|
|
509
|
-
|
|
510
|
-
|
|
511
|
-
React.createElement("
|
|
512
|
-
|
|
513
|
-
|
|
514
|
-
React.createElement("
|
|
515
|
-
React.createElement("
|
|
516
|
-
|
|
517
|
-
React.createElement("
|
|
474
|
+
return (React.createElement("div", null,
|
|
475
|
+
React.createElement("div", { className: "popup-overlay" },
|
|
476
|
+
React.createElement("div", { className: "MessageShareSections d-flex flex-column col-10 col-lg-7" },
|
|
477
|
+
React.createElement("img", { src: x, alt: "close", className: "closeIcon d-flex flex-column align-self-end", onClick: handleClose }),
|
|
478
|
+
React.createElement("div", { className: "" },
|
|
479
|
+
React.createElement("div", { className: "d-flex ms-md-5 mb-4" },
|
|
480
|
+
React.createElement("div", { className: "circle align-self-center ms-md-2 me-4" },
|
|
481
|
+
React.createElement("img", { src: mail_icon, alt: "email", className: "align-self-center", style: {
|
|
482
|
+
alignSelf: "center",
|
|
483
|
+
justifyContent: "center",
|
|
484
|
+
margin: "14px",
|
|
485
|
+
width: "25px",
|
|
486
|
+
height: "20px",
|
|
487
|
+
} })),
|
|
488
|
+
React.createElement("div", { className: "popUpHeader d-flex flex-column text-wrap mb-md-1 " },
|
|
489
|
+
"Nachricht senden ",
|
|
490
|
+
props.firstname,
|
|
491
|
+
" ",
|
|
492
|
+
props.lastname)),
|
|
493
|
+
React.createElement("div", { className: "d-flex flex-md-row flex-column ms-md-5 mt-md-0 " },
|
|
494
|
+
React.createElement("div", { className: "d-flex flex-column mt-md-0 mt-4 col me-4 w-100 align-self-start justify-content-start" },
|
|
495
|
+
React.createElement("span", { className: "popup-tags mb-2" }, "Betreff:*"),
|
|
496
|
+
React.createElement("div", null,
|
|
497
|
+
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); } },
|
|
498
|
+
React.createElement("option", { value: "" }, "Select a theme"),
|
|
499
|
+
themesList.map(function (theme) { return (React.createElement("option", { key: theme.id, value: theme.id }, theme.name)); })))),
|
|
500
|
+
React.createElement("div", { className: "d-flex flex-column mt-md-4 col me-4 w-100" },
|
|
501
|
+
React.createElement("div", null),
|
|
502
|
+
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); } }))),
|
|
503
|
+
React.createElement("div", { className: "d-flex flex-column col ms-md-5 me-md-4" },
|
|
504
|
+
React.createElement("span", { className: "popup-tags mb-2 " }, "Deine Nachricht:*"),
|
|
505
|
+
React.createElement("textarea", { className: "popup_textarea mb-md-4 col-md-11 col-12 ", placeholder: "Deine Nachricht hier...", value: messageText, onChange: function (e) { return setMessageText(e.target.value); } })),
|
|
506
|
+
React.createElement("div", { className: "d-flex flex-md-row flex-column ms-md-5 " },
|
|
507
|
+
React.createElement("div", { className: "d-flex flex-column col me-4 w-100" },
|
|
508
|
+
React.createElement("span", { className: "popup-tags mb-2" }, "Vorname:"),
|
|
509
|
+
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" } })),
|
|
510
|
+
React.createElement("div", { className: "d-flex flex-column me-4 w-100 col " },
|
|
511
|
+
React.createElement("span", { className: "popup-tags mb-2" }, "Nachname:"),
|
|
512
|
+
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" } }))),
|
|
513
|
+
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" },
|
|
514
|
+
React.createElement("button", { className: "main_button border-0 rounded-4 align-self-center ", type: "button", id: "button", onClick: props.handleSendMessage },
|
|
515
|
+
React.createElement("strong", null, "Nachricht senden")),
|
|
516
|
+
React.createElement("button", { className: "button_icon-right border-1 col-sm-3 align-self-center" },
|
|
517
|
+
React.createElement("strong", null, "Abbrechen"))))))));
|
|
518
518
|
}
|
|
519
519
|
|
|
520
520
|
function PropertyCard(props) {
|
|
@@ -644,7 +644,7 @@ function PropertyCard(props) {
|
|
|
644
644
|
React.createElement("button", { className: "kontactbutton text-light ", onClick: handleMessagPopUp, role: "button" },
|
|
645
645
|
React.createElement("span", { className: "kontact-button-text" }, "Kontakt aufnehmen "))))),
|
|
646
646
|
floorPlan && (React.createElement(FloorPlanPopup, { contentUrl: ((_g = props.property.pictures[0]) === null || _g === void 0 ? void 0 : _g.contentUrl) || noImageIcon, onCloseClick: function () { return setFloorPlan(false); } })),
|
|
647
|
-
messagePopUp && (React.createElement(MessagePopUp, { onClick: function () { return setMessagPopUp(false); },
|
|
647
|
+
messagePopUp && (React.createElement(MessagePopUp, { onClick: function () { return setMessagPopUp(false); }, handleSendMessage: props.handleSendMessage, firstname: props.firstname, lastname: props.lastname })),
|
|
648
648
|
sharePopUp && React.createElement(SharePopup, { onClick: function () { return setSharePopUp(false); } })));
|
|
649
649
|
}
|
|
650
650
|
|