@fremtind/jkl-feedback-react
Version:
Jøkul react feedback component
86 lines (85 loc) • 3.03 kB
JavaScript
var __defProp = Object.defineProperty;
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __propIsEnum = Object.prototype.propertyIsEnumerable;
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
var __spreadValues = (a, b) => {
for (var prop in b || (b = {}))
if (__hasOwnProp.call(b, prop))
__defNormalProp(a, prop, b[prop]);
if (__getOwnPropSymbols)
for (var prop of __getOwnPropSymbols(b)) {
if (__propIsEnum.call(b, prop))
__defNormalProp(a, prop, b[prop]);
}
return a;
};
var __objRest = (source, exclude) => {
var target = {};
for (var prop in source)
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
target[prop] = source[prop];
if (source != null && __getOwnPropSymbols)
for (var prop of __getOwnPropSymbols(source)) {
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
target[prop] = source[prop];
}
return target;
};
import React, {
useState
} from "react";
import { FeedbackContextProvider } from "./feedbackContext";
import { Followup } from "./followup/Followup";
import { MainQuestion } from "./main-question/MainQuestion";
import { ContactQuestion } from "./questions";
const Feedback = (_a) => {
var _b = _a, {
className,
followup,
contactQuestion,
counter,
landmarkLabel
} = _b, mainQuestionProps = __objRest(_b, [
"className",
"followup",
"contactQuestion",
"counter",
"landmarkLabel"
]);
const [feedbackSubmitted, setFeedbackSubmitted] = useState(false);
const [followupStarted, setFollowupStarted] = useState(false);
const [followupSubmitted, setFollowupSubmitted] = useState(false);
const [contactSubmitted, setContactSubmitted] = useState(false);
return /* @__PURE__ */ React.createElement(
"div",
{
className: "jkl-feedback ".concat(className || ""),
"data-testid": "feedback"
},
/* @__PURE__ */ React.createElement(
FeedbackContextProvider,
{
value: {
feedbackSubmitted,
followupStarted,
followupSubmitted,
contactSubmitted,
counter,
landmarkLabel,
setFeedbackSubmitted,
setFollowupStarted,
setFollowupSubmitted,
setContactSubmitted
}
},
!followupStarted && /* @__PURE__ */ React.createElement(MainQuestion, __spreadValues({}, mainQuestionProps)),
feedbackSubmitted && !contactSubmitted && followup && /* @__PURE__ */ React.createElement(Followup, __spreadValues({}, followup)),
contactQuestion && /* @__PURE__ */ React.createElement("div", { "aria-live": "polite" }, (!followup && feedbackSubmitted || followupSubmitted) && /* @__PURE__ */ React.createElement(ContactQuestion, __spreadValues({}, contactQuestion)))
)
);
};
export {
Feedback
};
//# sourceMappingURL=Feedback.js.map