@sb1/ffe-feedback-react 6.0.31 → 6.1.0

package/es/Feedback.js

@@ -8,10 +8,9 @@ import { HighFive } from './HighFive';
 export var Feedback = function (_a) {
     var _b;
     var _c;
-    var _d = _a.headingLevel, headingLevel = _d === void 0 ? 5 : _d, _e = _a.locale, locale = _e === void 0 ? 'nb' : _e, onThumbClick = _a.onThumbClick, onFeedbackSend = _a.onFeedbackSend, bgColor = _a.bgColor, contactLink = _a.contactLink, texts = _a.texts, className = _a.className;
+    var _d = _a.headingLevel, headingLevel = _d === void 0 ? 4 : _d, _e = _a.locale, locale = _e === void 0 ? 'nb' : _e, onThumbClick = _a.onThumbClick, onFeedbackSend = _a.onFeedbackSend, bgColor = _a.bgColor, contactLink = _a.contactLink, texts = _a.texts, className = _a.className, _f = _a.includeConsent, includeConsent = _f === void 0 ? false : _f;
     var feedbackSentRef = useRef(null);
     var expandedRef = useRef(null);
-    var _f = useState(), feedbackThumbClicked = _f[0], setFeedbackThumbClicked = _f[1];
     var _g = useState(false), expanded = _g[0], setExpanded = _g[1];
     var _h = useState(false), feedbackSent = _h[0], setFeedbackSent = _h[1];
     var headingId = useId();
@@ -20,20 +19,21 @@ export var Feedback = function (_a) {
         _b), className);
     var handleThumbClicked = function (thumb) {
         var _a;
-        setFeedbackThumbClicked(thumb);
         flushSync(function () {
             setExpanded(true);
         });
         (_a = expandedRef.current) === null || _a === void 0 ? void 0 : _a.focus();
         onThumbClick(thumb);
     };
-    var handleFeedbackSent = function (feedbackText) {
+    var handleFeedbackSent = function (feedbackText, consentGiven) {
         var _a;
         flushSync(function () {
             setFeedbackSent(true);
         });
         (_a = feedbackSentRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-        onFeedbackSend(feedbackText);
+        if (feedbackText && feedbackText.length > 0) {
+            onFeedbackSend(feedbackText, consentGiven);
+        }
     };
     var renderHeading = function (level, text, options) {
         var _a;
@@ -54,11 +54,9 @@ export var Feedback = function (_a) {
     }
     if (expanded) {
         return (React.createElement("div", { className: feedbackClassnames },
-            React.createElement("div", { className: "ffe-feedback__content" },
-                renderHeading(headingLevel, feedbackThumbClicked === 'THUMB_UP'
-                    ? txt[locale].FEEDBACK_GOOD
-                    : txt[locale].FEEDBACK_IMPROVE, { ref: expandedRef, tabIndex: -1 }),
-                React.createElement(FeedbackExpanded, { locale: locale, onSend: handleFeedbackSent, onCancel: function () { return setExpanded(false); }, contactLink: contactLink }))));
+            React.createElement("div", { className: "ffe-feedback__expanded" },
+                renderHeading(headingLevel, txt[locale].FEEDBACK_SENT_HEADING, { ref: expandedRef, tabIndex: -1 }),
+                React.createElement(FeedbackExpanded, { locale: locale, handleFeedback: handleFeedbackSent, contactLink: contactLink, includeConsent: includeConsent }))));
     }
     return (React.createElement("div", { className: feedbackClassnames },
         React.createElement("div", { className: "ffe-feedback__content" },

package/es/FeedbackExpanded.js

@@ -1,38 +1,30 @@
 import React, { useState } from 'react';
-import { Paragraph } from '@sb1/ffe-core-react';
+import { LinkText, Paragraph } from '@sb1/ffe-core-react';
 import { txt } from './i18n/texts';
-import { InputGroup, TextArea } from '@sb1/ffe-form-react';
+import { InputGroup, TextArea, Checkbox } from '@sb1/ffe-form-react';
 import { ActionButton, ButtonGroup, TertiaryButton, } from '@sb1/ffe-buttons-react';
 export var FeedbackExpanded = function (_a) {
     var _b;
-    var locale = _a.locale, onSend = _a.onSend, onCancel = _a.onCancel, contactLink = _a.contactLink;
-    var _c = useState(), feedbackText = _c[0], setFeedbackText = _c[1];
-    var _d = useState(), fieldMessage = _d[0], setFieldMessage = _d[1];
-    var validateMessage = function () {
-        if (feedbackText && (feedbackText === null || feedbackText === void 0 ? void 0 : feedbackText.length) >= 3) {
-            setFieldMessage(undefined);
-            return true;
-        }
-        setFieldMessage(txt[locale].FEEDBACK_SHORT);
-        return false;
-    };
-    var contactLinkElement = contactLink ? (React.createElement(TertiaryButton, { as: "a", href: contactLink.url, className: "ffe-feedback__link-button", onClick: contactLink === null || contactLink === void 0 ? void 0 : contactLink.onClick }, (_b = contactLink.linkText) !== null && _b !== void 0 ? _b : txt[locale].FEEDBACK_LINK_TEXT)) : null;
+    var locale = _a.locale, handleFeedback = _a.handleFeedback, contactLink = _a.contactLink, _c = _a.includeConsent, includeConsent = _c === void 0 ? false : _c;
+    var _d = useState(), feedbackText = _d[0], setFeedbackText = _d[1];
+    var _e = useState(false), consentGiven = _e[0], setConsentGiven = _e[1];
+    var contactLinkElement = contactLink ? (React.createElement(LinkText, { href: contactLink.url, className: "ffe-feedback__link-button", onClick: contactLink === null || contactLink === void 0 ? void 0 : contactLink.onClick }, (_b = contactLink.linkText) !== null && _b !== void 0 ? _b : txt[locale].FEEDBACK_LINK_TEXT)) : null;
     return (React.createElement(React.Fragment, null,
         React.createElement(Paragraph, null,
             txt[locale].FEEDBACK_ANSWER,
             contactLinkElement && txt[locale].QUESTIONS,
             contactLinkElement),
-        React.createElement(Paragraph, null, txt[locale].FEEDBACK_SENSITIVE),
-        React.createElement(InputGroup, { className: "ffe-feedback__textarea-container", fieldMessage: fieldMessage, label: 
-            // htmlFor kommer fra InputGroup
-            // eslint-disable-next-line jsx-a11y/label-has-for
-            React.createElement("label", { className: "ffe-screenreader-only" }, txt[locale].FEEDBACK_IMPROVE) },
-            React.createElement(TextArea, { "data-testid": "feedbackTextArea", onChange: function (event) { return setFeedbackText(event.target.value); }, value: feedbackText, rows: 6, maxLength: 1000, onBlur: validateMessage })),
-        React.createElement(ButtonGroup, { className: "ffe-feedback__button-group", ariaLabel: txt[locale].FEEDBACK_BUTTON_GROUP },
+        React.createElement(InputGroup, { className: "ffe-feedback__textarea-container", label: txt[locale].FEEDBACK_IMPROVE, description: txt[locale].FEEDBACK_SENSITIVE },
+            React.createElement(TextArea, { "data-testid": "feedbackTextArea", onChange: function (event) { return setFeedbackText(event.target.value); }, value: feedbackText, rows: 6, maxLength: 1000, className: "ffe-feedback__textarea" })),
+        includeConsent && (React.createElement("div", { className: "ffe-feedback__consent" },
+            React.createElement(Checkbox, { checked: consentGiven, onChange: function (event) {
+                    return setConsentGiven(event.target.checked);
+                } }, txt[locale].FEEDBACK_CONSENT))),
+        React.createElement(ButtonGroup, { className: "ffe-feedback__button-group", ariaLabel: txt[locale].FEEDBACK_BUTTON_GROUP, thin: true },
             React.createElement(ActionButton, { onClick: function () {
-                    if (validateMessage() && feedbackText) {
-                        onSend(feedbackText);
+                    if (feedbackText) {
+                        handleFeedback(feedbackText, includeConsent ? consentGiven : undefined);
                     }
                 } }, txt[locale].FEEDBACK_BUTTON_SEND),
-            React.createElement(TertiaryButton, { onClick: onCancel }, txt[locale].FEEDBACK_BUTTON_CANCEL))));
+            React.createElement(TertiaryButton, { onClick: function () { return handleFeedback(); } }, txt[locale].FEEDBACK_BUTTON_CANCEL))));
 };

package/es/FeedbackThumbs.js

@@ -1,10 +1,14 @@
 import React from 'react';
 import { txt } from './i18n/texts';
+import { SecondaryButton } from '@sb1/ffe-buttons-react';
+import { Icon } from '@sb1/ffe-icons-react';
+var thumbUpIconLg = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiPjxwYXRoIGQ9Ik04MzUuMTMtNjE2LjJxMjQuNjQgMCA0My42IDE4Ljk2dDE4Ljk2IDQzLjZ2NjUuNnEwIDYuMzktLjA1IDEzLjM4LS4wNSA2Ljk5LTIuNDYgMTMuMjJMNzc3LjgzLTE4Ny4xM3EtOC42MSAxOS44LTI4Ljg2IDMzLjQ2UTcyOC43MS0xNDAgNzA3LjE5LTE0MEgyODQuNjd2LTQ3Ni4ybDIyNS4yNS0yMzAuN3ExMC45OS0xMS4yNSAyNS45Mi0xMy41NiAxNC45My0yLjMxIDI4LjM5IDUuMjYgMTMuMzEgNy41NiAxOS43OSAyMS41MSA2LjQ5IDEzLjk1IDIuOTggMjkuMUw1NDYuOTctNjE2LjJoMjg4LjE2Wm0tNTAwLjIxIDIxLjMzdjQwNC42MWgzNzguNzdxMy45OCAwIDguNTMtMi4zIDQuNTUtMi4zMSA2Ljg2LTcuN2wxMTguMzYtMjc5LjMzdi03NC4wNXEwLTUuMTMtMy41OS04LjcyLTMuNTktMy41OS04LjcyLTMuNTlINDg0LjkybDQ5LjQ5LTIzMy4xOC0xOTkuNDkgMjA0LjI2Wk0xNjIuMTUtMTQwcS0yNS44IDAtNDQuMTgtMTguNDh0LTE4LjM4LTQ0LjA5di0zNTEuMDdxMC0yNS42MSAxOC4zOC00NC4wOSAxOC4zOC0xOC40NyA0NC4xOC0xOC40N2gxMjIuNTJ2NTAuMjVIMTYyLjE1cS01LjM4IDAtOC44NCAzLjU5dC0zLjQ2IDguNzJ2MzUxLjA3cTAgNS4zOSAzLjQ2IDguODV0OC44NCAzLjQ2aDEyMi41MlYtMTQwSDE2Mi4xNVptMTcyLjc3LTUwLjI2di00MDQuNjEgNDA0LjYxWiIvPjwvc3ZnPg==';
+var thumbDownIconLg = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiPjxwYXRoIGQ9Ik0xMjUuMTMtMzQzLjhxLTI1IDAtNDMuNzgtMTguOTZ0LTE4Ljc4LTQzLjZ2LTY1LjZxMC02LjM5LS4wOC0xMy4zOC0uMDgtNi45OSAyLjMzLTEzLjIybDExNy42MS0yNzQuMzFxOC4yNi0xOS43NiAyOC41Ni0zMy40NFEyMzEuMjktODIwIDI1Mi44MS04MjBoNDIyLjUydjQ3Ni4yTDQ1MC4wOC0xMTMuMXEtMTAuOTkgMTEuMjUtMjUuOTIgMTMuNTYtMTQuOTMgMi4zMS0yOC4zOS01LjI2LTEzLjMxLTcuNTYtMTkuNzktMjEuNTEtNi40OS0xMy45NS0yLjk4LTI5LjFsNDAuMDMtMTg4LjM5aC0yODcuOVptNDk5Ljk1LTIxLjMzdi00MDQuNjFIMjQ2LjMxcS0zLjk4IDAtOC41MyAyLjMtNC41NSAyLjMxLTYuODYgNy43bC0xMTguMSAyNzkuMzN2NzQuMDVxMCA1LjEzIDMuNDYgOC43MiAzLjQ2IDMuNTkgOC44NSAzLjU5aDM0OS45NWwtNDkuNDkgMjMzLjE4IDE5OS40OS0yMDQuMjZaTTc5Ny44NS04MjBxMjUuOCAwIDQ0LjE4IDE4LjQ4dDE4LjM4IDQ0LjA5djM1MS4wN3EwIDI1LjYxLTE4LjM4IDQ0LjA5LTE4LjM4IDE4LjQ3LTQ0LjE4IDE4LjQ3SDY3NS4zM3YtNTAuMjVoMTIyLjUycTUuMzggMCA4Ljg0LTMuNTl0My40Ni04Ljcydi0zNTEuMDdxMC01LjM5LTMuNDYtOC44NXQtOC44NC0zLjQ2SDY3NS4zM1YtODIwaDEyMi41MlptLTE3Mi43NyA1MC4yNnY0MDQuNjEtNDA0LjYxWiIvPjwvc3ZnPg==';
 export var FeedbackThumbs = function (_a) {
     var locale = _a.locale, onClick = _a.onClick, headingId = _a.headingId;
-    return (React.createElement("div", null,
-        React.createElement("button", { "aria-label": txt[locale].ARIA_LABEL_THUMB_UP, "aria-describedby": headingId, className: "ffe-feedback__thumb", onClick: function () { return onClick('THUMB_UP'); }, type: "button" },
-            React.createElement("span", { className: "ffe-icons ffe-icons--xl" })),
-        React.createElement("button", { "aria-label": txt[locale].ARIA_LABEL_THUMB_DOWN, "aria-describedby": headingId, className: "ffe-feedback__thumb ffe-feedback__thumb--down", onClick: function () { return onClick('THUMB_DOWN'); }, type: "button" },
-            React.createElement("span", { className: "ffe-icons ffe-icons--xl" }))));
+    return (React.createElement("div", { className: "ffe-feedback__thumbs" },
+        React.createElement(SecondaryButton, { "aria-label": txt[locale].ARIA_LABEL_THUMB_UP, "aria-describedby": headingId, onClick: function () { return onClick('THUMB_UP'); }, iconOnly: true, size: 'lg' },
+            React.createElement(Icon, { size: "lg", fileUrl: thumbUpIconLg })),
+        React.createElement(SecondaryButton, { "aria-label": txt[locale].ARIA_LABEL_THUMB_DOWN, "aria-describedby": headingId, onClick: function () { return onClick('THUMB_DOWN'); }, iconOnly: true, size: 'lg' },
+            React.createElement(Icon, { size: "lg", fileUrl: thumbDownIconLg }))));
 };

package/es/i18n/en.js

@@ -4,14 +4,12 @@ export var en = {
     FEEDBACK_NOT_SENT_HEADING: 'What do you think of this page? ',
     FEEDBACK_SENT_HEADING: 'Thank you!',
     FEEDBACK_BUTTON_SEND: 'Send feedback',
-    FEEDBACK_BUTTON_CANCEL: 'Cancel',
+    FEEDBACK_BUTTON_CANCEL: 'Finish',
     FEEDBACK_BUTTON_GROUP: 'Button group',
-    FEEDBACK_GOOD: 'What was good?',
-    FEEDBACK_IMPROVE: 'How can we improve?',
+    FEEDBACK_IMPROVE: 'Do you have anything else on your mind?',
     FEEDBACK_ANSWER: 'Your feedback will be used to improve this site and will not be replied.',
+    FEEDBACK_CONSENT: 'I consent to be contacted regarding my feedback.',
     QUESTIONS: ' If you have questions, ',
     FEEDBACK_LINK_TEXT: 'contact customer services.',
-    FEEDBACK_SENSITIVE: 'Please do not send sensitive or personal information, for example: Health information, political affiliation, social security number, name, email or telephone number.',
-    FEEDBACK_SHORT: 'Feedback must be at least three characters.',
-    NATIVE_VIEW_HEADING: 'Customer service',
+    FEEDBACK_SENSITIVE: 'Please do not send sensitive or personal information, for example: Health information, personal identification number, name or contact information.',
 };

package/es/i18n/nb.js

@@ -4,14 +4,12 @@ export var nb = {
     FEEDBACK_NOT_SENT_HEADING: 'Hva synes du om denne siden? ',
     FEEDBACK_SENT_HEADING: 'Takk for tilbakemeldingen!',
     FEEDBACK_BUTTON_SEND: 'Send tilbakemelding',
-    FEEDBACK_BUTTON_CANCEL: 'Avbryt',
+    FEEDBACK_BUTTON_CANCEL: 'Avslutt',
     FEEDBACK_BUTTON_GROUP: 'Knappegruppe',
-    FEEDBACK_GOOD: 'Hva var bra?',
-    FEEDBACK_IMPROVE: 'Hva kan vi gjøre bedre?',
+    FEEDBACK_IMPROVE: 'Har du noe mer på hjertet? (valgfritt)',
     FEEDBACK_ANSWER: 'Svaret ditt blir brukt til å forbedre denne siden og blir ikke besvart.',
+    FEEDBACK_CONSENT: 'Jeg samtykker til at jeg kan bli kontaktet angående tilbakemeldingen min.',
     QUESTIONS: ' Har du spørsmål, ',
     FEEDBACK_LINK_TEXT: 'kontakt kundeservice.',
-    FEEDBACK_SENSITIVE: 'Unngå å oppgi sensitiv eller personlig informasjon, for eksempel helseopplysninger, politisk tilhørighet, personnummer, navn, e-post eller telefonnummer.',
-    FEEDBACK_SHORT: 'Tilbakemeldingen må være på minst tre tegn.',
-    NATIVE_VIEW_HEADING: 'Kundeservice',
+    FEEDBACK_SENSITIVE: 'Unngå å oppgi sensitiv eller personlig informasjon, for eksempel helseopplysninger, personnummer, navn eller kontaktinfo.',
 };

package/es/i18n/nn.js

@@ -4,14 +4,12 @@ export var nn = {
     FEEDBACK_NOT_SENT_HEADING: 'Kva synest du om denne sida? ',
     FEEDBACK_SENT_HEADING: 'Takk for tilbakemeldinga!',
     FEEDBACK_BUTTON_SEND: 'Send tilbakemelding',
-    FEEDBACK_BUTTON_CANCEL: 'Avbryt',
+    FEEDBACK_BUTTON_CANCEL: 'Avslutt',
     FEEDBACK_BUTTON_GROUP: 'Knappegruppe',
-    FEEDBACK_GOOD: 'Kva var bra?',
-    FEEDBACK_IMPROVE: 'Kva kan vi gjere betre?',
+    FEEDBACK_IMPROVE: 'Har du noko meir på hjartet? (valfritt)',
     FEEDBACK_ANSWER: 'Svaret ditt vert brukt til å betre denne sida og vert ikkje svart på.',
+    FEEDBACK_CONSENT: 'Eg samtykkjer til at eg kan bli kontakta angåande tilbakemeldinga mi.',
     QUESTIONS: ' Har du spørsmål, ',
     FEEDBACK_LINK_TEXT: 'kontakt kundetenesta.',
-    FEEDBACK_SENSITIVE: 'Unngå å oppgje sensitiv eller personleg informasjon, til dømes helseopplysingar, politisk tilhøyrsel, personnummer, namn, e-post eller telefonnummer.',
-    FEEDBACK_SHORT: 'Tilbakemeldinga må vere minst tre teikn.',
-    NATIVE_VIEW_HEADING: 'Kundetenest',
+    FEEDBACK_SENSITIVE: 'Unngå å oppgje sensitiv eller personleg informasjon, til dømes helseopplysingar, personnummer, namn eller kontaktinfo.',
 };

package/lib/Feedback.js

@@ -47,10 +47,9 @@ var HighFive_1 = require("./HighFive");
 var Feedback = function (_a) {
     var _b;
     var _c;
-    var _d = _a.headingLevel, headingLevel = _d === void 0 ? 5 : _d, _e = _a.locale, locale = _e === void 0 ? 'nb' : _e, onThumbClick = _a.onThumbClick, onFeedbackSend = _a.onFeedbackSend, bgColor = _a.bgColor, contactLink = _a.contactLink, texts = _a.texts, className = _a.className;
+    var _d = _a.headingLevel, headingLevel = _d === void 0 ? 4 : _d, _e = _a.locale, locale = _e === void 0 ? 'nb' : _e, onThumbClick = _a.onThumbClick, onFeedbackSend = _a.onFeedbackSend, bgColor = _a.bgColor, contactLink = _a.contactLink, texts = _a.texts, className = _a.className, _f = _a.includeConsent, includeConsent = _f === void 0 ? false : _f;
     var feedbackSentRef = (0, react_1.useRef)(null);
     var expandedRef = (0, react_1.useRef)(null);
-    var _f = (0, react_1.useState)(), feedbackThumbClicked = _f[0], setFeedbackThumbClicked = _f[1];
     var _g = (0, react_1.useState)(false), expanded = _g[0], setExpanded = _g[1];
     var _h = (0, react_1.useState)(false), feedbackSent = _h[0], setFeedbackSent = _h[1];
     var headingId = (0, react_1.useId)();
@@ -59,20 +58,21 @@ var Feedback = function (_a) {
         _b), className);
     var handleThumbClicked = function (thumb) {
         var _a;
-        setFeedbackThumbClicked(thumb);
         (0, react_dom_1.flushSync)(function () {
             setExpanded(true);
         });
         (_a = expandedRef.current) === null || _a === void 0 ? void 0 : _a.focus();
         onThumbClick(thumb);
     };
-    var handleFeedbackSent = function (feedbackText) {
+    var handleFeedbackSent = function (feedbackText, consentGiven) {
         var _a;
         (0, react_dom_1.flushSync)(function () {
             setFeedbackSent(true);
         });
         (_a = feedbackSentRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-        onFeedbackSend(feedbackText);
+        if (feedbackText && feedbackText.length > 0) {
+            onFeedbackSend(feedbackText, consentGiven);
+        }
     };
     var renderHeading = function (level, text, options) {
         var _a;
@@ -93,11 +93,9 @@ var Feedback = function (_a) {
     }
     if (expanded) {
         return (react_1.default.createElement("div", { className: feedbackClassnames },
-            react_1.default.createElement("div", { className: "ffe-feedback__content" },
-                renderHeading(headingLevel, feedbackThumbClicked === 'THUMB_UP'
-                    ? texts_1.txt[locale].FEEDBACK_GOOD
-                    : texts_1.txt[locale].FEEDBACK_IMPROVE, { ref: expandedRef, tabIndex: -1 }),
-                react_1.default.createElement(FeedbackExpanded_1.FeedbackExpanded, { locale: locale, onSend: handleFeedbackSent, onCancel: function () { return setExpanded(false); }, contactLink: contactLink }))));
+            react_1.default.createElement("div", { className: "ffe-feedback__expanded" },
+                renderHeading(headingLevel, texts_1.txt[locale].FEEDBACK_SENT_HEADING, { ref: expandedRef, tabIndex: -1 }),
+                react_1.default.createElement(FeedbackExpanded_1.FeedbackExpanded, { locale: locale, handleFeedback: handleFeedbackSent, contactLink: contactLink, includeConsent: includeConsent }))));
     }
     return (react_1.default.createElement("div", { className: feedbackClassnames },
         react_1.default.createElement("div", { className: "ffe-feedback__content" },

package/lib/FeedbackExpanded.js

@@ -41,35 +41,27 @@ var ffe_form_react_1 = require("@sb1/ffe-form-react");
 var ffe_buttons_react_1 = require("@sb1/ffe-buttons-react");
 var FeedbackExpanded = function (_a) {
     var _b;
-    var locale = _a.locale, onSend = _a.onSend, onCancel = _a.onCancel, contactLink = _a.contactLink;
-    var _c = (0, react_1.useState)(), feedbackText = _c[0], setFeedbackText = _c[1];
-    var _d = (0, react_1.useState)(), fieldMessage = _d[0], setFieldMessage = _d[1];
-    var validateMessage = function () {
-        if (feedbackText && (feedbackText === null || feedbackText === void 0 ? void 0 : feedbackText.length) >= 3) {
-            setFieldMessage(undefined);
-            return true;
-        }
-        setFieldMessage(texts_1.txt[locale].FEEDBACK_SHORT);
-        return false;
-    };
-    var contactLinkElement = contactLink ? (react_1.default.createElement(ffe_buttons_react_1.TertiaryButton, { as: "a", href: contactLink.url, className: "ffe-feedback__link-button", onClick: contactLink === null || contactLink === void 0 ? void 0 : contactLink.onClick }, (_b = contactLink.linkText) !== null && _b !== void 0 ? _b : texts_1.txt[locale].FEEDBACK_LINK_TEXT)) : null;
+    var locale = _a.locale, handleFeedback = _a.handleFeedback, contactLink = _a.contactLink, _c = _a.includeConsent, includeConsent = _c === void 0 ? false : _c;
+    var _d = (0, react_1.useState)(), feedbackText = _d[0], setFeedbackText = _d[1];
+    var _e = (0, react_1.useState)(false), consentGiven = _e[0], setConsentGiven = _e[1];
+    var contactLinkElement = contactLink ? (react_1.default.createElement(ffe_core_react_1.LinkText, { href: contactLink.url, className: "ffe-feedback__link-button", onClick: contactLink === null || contactLink === void 0 ? void 0 : contactLink.onClick }, (_b = contactLink.linkText) !== null && _b !== void 0 ? _b : texts_1.txt[locale].FEEDBACK_LINK_TEXT)) : null;
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement(ffe_core_react_1.Paragraph, null,
             texts_1.txt[locale].FEEDBACK_ANSWER,
             contactLinkElement && texts_1.txt[locale].QUESTIONS,
             contactLinkElement),
-        react_1.default.createElement(ffe_core_react_1.Paragraph, null, texts_1.txt[locale].FEEDBACK_SENSITIVE),
-        react_1.default.createElement(ffe_form_react_1.InputGroup, { className: "ffe-feedback__textarea-container", fieldMessage: fieldMessage, label: 
-            // htmlFor kommer fra InputGroup
-            // eslint-disable-next-line jsx-a11y/label-has-for
-            react_1.default.createElement("label", { className: "ffe-screenreader-only" }, texts_1.txt[locale].FEEDBACK_IMPROVE) },
-            react_1.default.createElement(ffe_form_react_1.TextArea, { "data-testid": "feedbackTextArea", onChange: function (event) { return setFeedbackText(event.target.value); }, value: feedbackText, rows: 6, maxLength: 1000, onBlur: validateMessage })),
-        react_1.default.createElement(ffe_buttons_react_1.ButtonGroup, { className: "ffe-feedback__button-group", ariaLabel: texts_1.txt[locale].FEEDBACK_BUTTON_GROUP },
+        react_1.default.createElement(ffe_form_react_1.InputGroup, { className: "ffe-feedback__textarea-container", label: texts_1.txt[locale].FEEDBACK_IMPROVE, description: texts_1.txt[locale].FEEDBACK_SENSITIVE },
+            react_1.default.createElement(ffe_form_react_1.TextArea, { "data-testid": "feedbackTextArea", onChange: function (event) { return setFeedbackText(event.target.value); }, value: feedbackText, rows: 6, maxLength: 1000, className: "ffe-feedback__textarea" })),
+        includeConsent && (react_1.default.createElement("div", { className: "ffe-feedback__consent" },
+            react_1.default.createElement(ffe_form_react_1.Checkbox, { checked: consentGiven, onChange: function (event) {
+                    return setConsentGiven(event.target.checked);
+                } }, texts_1.txt[locale].FEEDBACK_CONSENT))),
+        react_1.default.createElement(ffe_buttons_react_1.ButtonGroup, { className: "ffe-feedback__button-group", ariaLabel: texts_1.txt[locale].FEEDBACK_BUTTON_GROUP, thin: true },
             react_1.default.createElement(ffe_buttons_react_1.ActionButton, { onClick: function () {
-                    if (validateMessage() && feedbackText) {
-                        onSend(feedbackText);
+                    if (feedbackText) {
+                        handleFeedback(feedbackText, includeConsent ? consentGiven : undefined);
                     }
                 } }, texts_1.txt[locale].FEEDBACK_BUTTON_SEND),
-            react_1.default.createElement(ffe_buttons_react_1.TertiaryButton, { onClick: onCancel }, texts_1.txt[locale].FEEDBACK_BUTTON_CANCEL))));
+            react_1.default.createElement(ffe_buttons_react_1.TertiaryButton, { onClick: function () { return handleFeedback(); } }, texts_1.txt[locale].FEEDBACK_BUTTON_CANCEL))));
 };
 exports.FeedbackExpanded = FeedbackExpanded;

package/lib/FeedbackThumbs.js

@@ -6,12 +6,16 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.FeedbackThumbs = void 0;
 var react_1 = __importDefault(require("react"));
 var texts_1 = require("./i18n/texts");
+var ffe_buttons_react_1 = require("@sb1/ffe-buttons-react");
+var ffe_icons_react_1 = require("@sb1/ffe-icons-react");
+var thumbUpIconLg = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiPjxwYXRoIGQ9Ik04MzUuMTMtNjE2LjJxMjQuNjQgMCA0My42IDE4Ljk2dDE4Ljk2IDQzLjZ2NjUuNnEwIDYuMzktLjA1IDEzLjM4LS4wNSA2Ljk5LTIuNDYgMTMuMjJMNzc3LjgzLTE4Ny4xM3EtOC42MSAxOS44LTI4Ljg2IDMzLjQ2UTcyOC43MS0xNDAgNzA3LjE5LTE0MEgyODQuNjd2LTQ3Ni4ybDIyNS4yNS0yMzAuN3ExMC45OS0xMS4yNSAyNS45Mi0xMy41NiAxNC45My0yLjMxIDI4LjM5IDUuMjYgMTMuMzEgNy41NiAxOS43OSAyMS41MSA2LjQ5IDEzLjk1IDIuOTggMjkuMUw1NDYuOTctNjE2LjJoMjg4LjE2Wm0tNTAwLjIxIDIxLjMzdjQwNC42MWgzNzguNzdxMy45OCAwIDguNTMtMi4zIDQuNTUtMi4zMSA2Ljg2LTcuN2wxMTguMzYtMjc5LjMzdi03NC4wNXEwLTUuMTMtMy41OS04LjcyLTMuNTktMy41OS04LjcyLTMuNTlINDg0LjkybDQ5LjQ5LTIzMy4xOC0xOTkuNDkgMjA0LjI2Wk0xNjIuMTUtMTQwcS0yNS44IDAtNDQuMTgtMTguNDh0LTE4LjM4LTQ0LjA5di0zNTEuMDdxMC0yNS42MSAxOC4zOC00NC4wOSAxOC4zOC0xOC40NyA0NC4xOC0xOC40N2gxMjIuNTJ2NTAuMjVIMTYyLjE1cS01LjM4IDAtOC44NCAzLjU5dC0zLjQ2IDguNzJ2MzUxLjA3cTAgNS4zOSAzLjQ2IDguODV0OC44NCAzLjQ2aDEyMi41MlYtMTQwSDE2Mi4xNVptMTcyLjc3LTUwLjI2di00MDQuNjEgNDA0LjYxWiIvPjwvc3ZnPg==';
+var thumbDownIconLg = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiPjxwYXRoIGQ9Ik0xMjUuMTMtMzQzLjhxLTI1IDAtNDMuNzgtMTguOTZ0LTE4Ljc4LTQzLjZ2LTY1LjZxMC02LjM5LS4wOC0xMy4zOC0uMDgtNi45OSAyLjMzLTEzLjIybDExNy42MS0yNzQuMzFxOC4yNi0xOS43NiAyOC41Ni0zMy40NFEyMzEuMjktODIwIDI1Mi44MS04MjBoNDIyLjUydjQ3Ni4yTDQ1MC4wOC0xMTMuMXEtMTAuOTkgMTEuMjUtMjUuOTIgMTMuNTYtMTQuOTMgMi4zMS0yOC4zOS01LjI2LTEzLjMxLTcuNTYtMTkuNzktMjEuNTEtNi40OS0xMy45NS0yLjk4LTI5LjFsNDAuMDMtMTg4LjM5aC0yODcuOVptNDk5Ljk1LTIxLjMzdi00MDQuNjFIMjQ2LjMxcS0zLjk4IDAtOC41MyAyLjMtNC41NSAyLjMxLTYuODYgNy43bC0xMTguMSAyNzkuMzN2NzQuMDVxMCA1LjEzIDMuNDYgOC43MiAzLjQ2IDMuNTkgOC44NSAzLjU5aDM0OS45NWwtNDkuNDkgMjMzLjE4IDE5OS40OS0yMDQuMjZaTTc5Ny44NS04MjBxMjUuOCAwIDQ0LjE4IDE4LjQ4dDE4LjM4IDQ0LjA5djM1MS4wN3EwIDI1LjYxLTE4LjM4IDQ0LjA5LTE4LjM4IDE4LjQ3LTQ0LjE4IDE4LjQ3SDY3NS4zM3YtNTAuMjVoMTIyLjUycTUuMzggMCA4Ljg0LTMuNTl0My40Ni04Ljcydi0zNTEuMDdxMC01LjM5LTMuNDYtOC44NXQtOC44NC0zLjQ2SDY3NS4zM1YtODIwaDEyMi41MlptLTE3Mi43NyA1MC4yNnY0MDQuNjEtNDA0LjYxWiIvPjwvc3ZnPg==';
 var FeedbackThumbs = function (_a) {
     var locale = _a.locale, onClick = _a.onClick, headingId = _a.headingId;
-    return (react_1.default.createElement("div", null,
-        react_1.default.createElement("button", { "aria-label": texts_1.txt[locale].ARIA_LABEL_THUMB_UP, "aria-describedby": headingId, className: "ffe-feedback__thumb", onClick: function () { return onClick('THUMB_UP'); }, type: "button" },
-            react_1.default.createElement("span", { className: "ffe-icons ffe-icons--xl" })),
-        react_1.default.createElement("button", { "aria-label": texts_1.txt[locale].ARIA_LABEL_THUMB_DOWN, "aria-describedby": headingId, className: "ffe-feedback__thumb ffe-feedback__thumb--down", onClick: function () { return onClick('THUMB_DOWN'); }, type: "button" },
-            react_1.default.createElement("span", { className: "ffe-icons ffe-icons--xl" }))));
+    return (react_1.default.createElement("div", { className: "ffe-feedback__thumbs" },
+        react_1.default.createElement(ffe_buttons_react_1.SecondaryButton, { "aria-label": texts_1.txt[locale].ARIA_LABEL_THUMB_UP, "aria-describedby": headingId, onClick: function () { return onClick('THUMB_UP'); }, iconOnly: true, size: 'lg' },
+            react_1.default.createElement(ffe_icons_react_1.Icon, { size: "lg", fileUrl: thumbUpIconLg })),
+        react_1.default.createElement(ffe_buttons_react_1.SecondaryButton, { "aria-label": texts_1.txt[locale].ARIA_LABEL_THUMB_DOWN, "aria-describedby": headingId, onClick: function () { return onClick('THUMB_DOWN'); }, iconOnly: true, size: 'lg' },
+            react_1.default.createElement(ffe_icons_react_1.Icon, { size: "lg", fileUrl: thumbDownIconLg }))));
 };
 exports.FeedbackThumbs = FeedbackThumbs;

package/lib/i18n/en.js

@@ -7,14 +7,12 @@ exports.en = {
     FEEDBACK_NOT_SENT_HEADING: 'What do you think of this page? ',
     FEEDBACK_SENT_HEADING: 'Thank you!',
     FEEDBACK_BUTTON_SEND: 'Send feedback',
-    FEEDBACK_BUTTON_CANCEL: 'Cancel',
+    FEEDBACK_BUTTON_CANCEL: 'Finish',
     FEEDBACK_BUTTON_GROUP: 'Button group',
-    FEEDBACK_GOOD: 'What was good?',
-    FEEDBACK_IMPROVE: 'How can we improve?',
+    FEEDBACK_IMPROVE: 'Do you have anything else on your mind?',
     FEEDBACK_ANSWER: 'Your feedback will be used to improve this site and will not be replied.',
+    FEEDBACK_CONSENT: 'I consent to be contacted regarding my feedback.',
     QUESTIONS: ' If you have questions, ',
     FEEDBACK_LINK_TEXT: 'contact customer services.',
-    FEEDBACK_SENSITIVE: 'Please do not send sensitive or personal information, for example: Health information, political affiliation, social security number, name, email or telephone number.',
-    FEEDBACK_SHORT: 'Feedback must be at least three characters.',
-    NATIVE_VIEW_HEADING: 'Customer service',
+    FEEDBACK_SENSITIVE: 'Please do not send sensitive or personal information, for example: Health information, personal identification number, name or contact information.',
 };

package/lib/i18n/nb.js

@@ -7,14 +7,12 @@ exports.nb = {
     FEEDBACK_NOT_SENT_HEADING: 'Hva synes du om denne siden? ',
     FEEDBACK_SENT_HEADING: 'Takk for tilbakemeldingen!',
     FEEDBACK_BUTTON_SEND: 'Send tilbakemelding',
-    FEEDBACK_BUTTON_CANCEL: 'Avbryt',
+    FEEDBACK_BUTTON_CANCEL: 'Avslutt',
     FEEDBACK_BUTTON_GROUP: 'Knappegruppe',
-    FEEDBACK_GOOD: 'Hva var bra?',
-    FEEDBACK_IMPROVE: 'Hva kan vi gjøre bedre?',
+    FEEDBACK_IMPROVE: 'Har du noe mer på hjertet? (valgfritt)',
     FEEDBACK_ANSWER: 'Svaret ditt blir brukt til å forbedre denne siden og blir ikke besvart.',
+    FEEDBACK_CONSENT: 'Jeg samtykker til at jeg kan bli kontaktet angående tilbakemeldingen min.',
     QUESTIONS: ' Har du spørsmål, ',
     FEEDBACK_LINK_TEXT: 'kontakt kundeservice.',
-    FEEDBACK_SENSITIVE: 'Unngå å oppgi sensitiv eller personlig informasjon, for eksempel helseopplysninger, politisk tilhørighet, personnummer, navn, e-post eller telefonnummer.',
-    FEEDBACK_SHORT: 'Tilbakemeldingen må være på minst tre tegn.',
-    NATIVE_VIEW_HEADING: 'Kundeservice',
+    FEEDBACK_SENSITIVE: 'Unngå å oppgi sensitiv eller personlig informasjon, for eksempel helseopplysninger, personnummer, navn eller kontaktinfo.',
 };

package/lib/i18n/nn.js

@@ -7,14 +7,12 @@ exports.nn = {
     FEEDBACK_NOT_SENT_HEADING: 'Kva synest du om denne sida? ',
     FEEDBACK_SENT_HEADING: 'Takk for tilbakemeldinga!',
     FEEDBACK_BUTTON_SEND: 'Send tilbakemelding',
-    FEEDBACK_BUTTON_CANCEL: 'Avbryt',
+    FEEDBACK_BUTTON_CANCEL: 'Avslutt',
     FEEDBACK_BUTTON_GROUP: 'Knappegruppe',
-    FEEDBACK_GOOD: 'Kva var bra?',
-    FEEDBACK_IMPROVE: 'Kva kan vi gjere betre?',
+    FEEDBACK_IMPROVE: 'Har du noko meir på hjartet? (valfritt)',
     FEEDBACK_ANSWER: 'Svaret ditt vert brukt til å betre denne sida og vert ikkje svart på.',
+    FEEDBACK_CONSENT: 'Eg samtykkjer til at eg kan bli kontakta angåande tilbakemeldinga mi.',
     QUESTIONS: ' Har du spørsmål, ',
     FEEDBACK_LINK_TEXT: 'kontakt kundetenesta.',
-    FEEDBACK_SENSITIVE: 'Unngå å oppgje sensitiv eller personleg informasjon, til dømes helseopplysingar, politisk tilhøyrsel, personnummer, namn, e-post eller telefonnummer.',
-    FEEDBACK_SHORT: 'Tilbakemeldinga må vere minst tre teikn.',
-    NATIVE_VIEW_HEADING: 'Kundetenest',
+    FEEDBACK_SENSITIVE: 'Unngå å oppgje sensitiv eller personleg informasjon, til dømes helseopplysingar, personnummer, namn eller kontaktinfo.',
 };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@sb1/ffe-feedback-react",
-    "version": "6.0.31",
+    "version": "6.1.0",
     "description": "React component for ffe-feedback",
     "license": "MIT",
     "author": "SpareBank 1",
@@ -20,21 +20,21 @@
     "scripts": {
         "build": "ffe-buildtool tsc",
         "build:es": "ffe-buildtool tsc --es",
-        "lint": "eslint src --ext ts,tsx",
-        "lint:fix": "eslint src --fix --ext ts,tsx",
+        "lint": "eslint \"src/**/*.{ts,tsx}\"",
+        "lint:fix": "eslint \"src/**/*.{ts,tsx}\" --fix",
         "test": "ffe-buildtool jest",
         "test:watch": "ffe-buildtool jest --watch"
     },
     "dependencies": {
-        "@sb1/ffe-buttons-react": "^24.3.3",
-        "@sb1/ffe-core-react": "^10.1.0",
-        "@sb1/ffe-feedback": "^4.0.17",
-        "@sb1/ffe-form-react": "^23.2.19",
+        "@sb1/ffe-buttons-react": "^24.3.4",
+        "@sb1/ffe-core-react": "^10.1.1",
+        "@sb1/ffe-feedback": "^4.1.0",
+        "@sb1/ffe-form-react": "^23.2.20",
         "classnames": "^2.3.1"
     },
     "devDependencies": {
         "@sb1/ffe-buildtool": "^0.10.0",
-        "eslint": "^8.57.0",
+        "eslint": "^9.22.0",
         "react": "^18.2.0",
         "react-dom": "^18.2.0"
     },
@@ -44,5 +44,6 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "04e2776752bcecc519cf06a4079f6794d2ccb86c"
+    "type": "module",
+    "gitHead": "61e0e1ffb823447811627196398c7818d0e8cea3"
 }

package/types/Feedback.d.ts

@@ -8,13 +8,15 @@ export interface FeedbackProps {
     headingLevel?: HeadingLevel;
     locale?: Locale;
     onThumbClick: (thumb: Thumb) => void;
-    onFeedbackSend: (feedbackText: string) => void;
+    onFeedbackSend: (feedbackText: string, consent?: boolean) => void;
     bgColor?: BgColor;
     contactLink?: FeedbackExpandedProps['contactLink'];
     texts?: {
         feedbackNotSentHeading?: string;
+        consentText?: string;
     };
     className?: string;
+    includeConsent?: boolean;
 }
-export declare const Feedback: ({ headingLevel, locale, onThumbClick, onFeedbackSend, bgColor, contactLink, texts, className, }: FeedbackProps) => React.JSX.Element;
+export declare const Feedback: ({ headingLevel, locale, onThumbClick, onFeedbackSend, bgColor, contactLink, texts, className, includeConsent, }: FeedbackProps) => React.JSX.Element;
 export {};

package/types/FeedbackExpanded.d.ts

@@ -1,12 +1,12 @@
 import React from 'react';
 export interface FeedbackExpandedProps {
     locale: 'nb' | 'nn' | 'en';
-    onSend: (feedbackText: string) => void;
-    onCancel: () => void;
+    handleFeedback: (feedbackText?: string, consentGiven?: boolean) => void;
     contactLink?: {
         url: string;
         onClick?: React.MouseEventHandler<HTMLAnchorElement>;
         linkText?: string;
     };
+    includeConsent?: boolean;
 }
 export declare const FeedbackExpanded: React.FC<FeedbackExpandedProps>;

package/types/i18n/en.d.ts

@@ -4,14 +4,12 @@ export declare const en: {
     readonly FEEDBACK_NOT_SENT_HEADING: "What do you think of this page? ";
     readonly FEEDBACK_SENT_HEADING: "Thank you!";
     readonly FEEDBACK_BUTTON_SEND: "Send feedback";
-    readonly FEEDBACK_BUTTON_CANCEL: "Cancel";
+    readonly FEEDBACK_BUTTON_CANCEL: "Finish";
     readonly FEEDBACK_BUTTON_GROUP: "Button group";
-    readonly FEEDBACK_GOOD: "What was good?";
-    readonly FEEDBACK_IMPROVE: "How can we improve?";
+    readonly FEEDBACK_IMPROVE: "Do you have anything else on your mind?";
     readonly FEEDBACK_ANSWER: "Your feedback will be used to improve this site and will not be replied.";
+    readonly FEEDBACK_CONSENT: "I consent to be contacted regarding my feedback.";
     readonly QUESTIONS: " If you have questions, ";
     readonly FEEDBACK_LINK_TEXT: "contact customer services.";
-    readonly FEEDBACK_SENSITIVE: "Please do not send sensitive or personal information, for example: Health information, political affiliation, social security number, name, email or telephone number.";
-    readonly FEEDBACK_SHORT: "Feedback must be at least three characters.";
-    readonly NATIVE_VIEW_HEADING: "Customer service";
+    readonly FEEDBACK_SENSITIVE: "Please do not send sensitive or personal information, for example: Health information, personal identification number, name or contact information.";
 };

package/types/i18n/nb.d.ts

@@ -4,14 +4,12 @@ export declare const nb: {
     readonly FEEDBACK_NOT_SENT_HEADING: "Hva synes du om denne siden? ";
     readonly FEEDBACK_SENT_HEADING: "Takk for tilbakemeldingen!";
     readonly FEEDBACK_BUTTON_SEND: "Send tilbakemelding";
-    readonly FEEDBACK_BUTTON_CANCEL: "Avbryt";
+    readonly FEEDBACK_BUTTON_CANCEL: "Avslutt";
     readonly FEEDBACK_BUTTON_GROUP: "Knappegruppe";
-    readonly FEEDBACK_GOOD: "Hva var bra?";
-    readonly FEEDBACK_IMPROVE: "Hva kan vi gjøre bedre?";
+    readonly FEEDBACK_IMPROVE: "Har du noe mer på hjertet? (valgfritt)";
     readonly FEEDBACK_ANSWER: "Svaret ditt blir brukt til å forbedre denne siden og blir ikke besvart.";
+    readonly FEEDBACK_CONSENT: "Jeg samtykker til at jeg kan bli kontaktet angående tilbakemeldingen min.";
     readonly QUESTIONS: " Har du spørsmål, ";
     readonly FEEDBACK_LINK_TEXT: "kontakt kundeservice.";
-    readonly FEEDBACK_SENSITIVE: "Unngå å oppgi sensitiv eller personlig informasjon, for eksempel helseopplysninger, politisk tilhørighet, personnummer, navn, e-post eller telefonnummer.";
-    readonly FEEDBACK_SHORT: "Tilbakemeldingen må være på minst tre tegn.";
-    readonly NATIVE_VIEW_HEADING: "Kundeservice";
+    readonly FEEDBACK_SENSITIVE: "Unngå å oppgi sensitiv eller personlig informasjon, for eksempel helseopplysninger, personnummer, navn eller kontaktinfo.";
 };

package/types/i18n/nn.d.ts

@@ -4,14 +4,12 @@ export declare const nn: {
     readonly FEEDBACK_NOT_SENT_HEADING: "Kva synest du om denne sida? ";
     readonly FEEDBACK_SENT_HEADING: "Takk for tilbakemeldinga!";
     readonly FEEDBACK_BUTTON_SEND: "Send tilbakemelding";
-    readonly FEEDBACK_BUTTON_CANCEL: "Avbryt";
+    readonly FEEDBACK_BUTTON_CANCEL: "Avslutt";
     readonly FEEDBACK_BUTTON_GROUP: "Knappegruppe";
-    readonly FEEDBACK_GOOD: "Kva var bra?";
-    readonly FEEDBACK_IMPROVE: "Kva kan vi gjere betre?";
+    readonly FEEDBACK_IMPROVE: "Har du noko meir på hjartet? (valfritt)";
     readonly FEEDBACK_ANSWER: "Svaret ditt vert brukt til å betre denne sida og vert ikkje svart på.";
+    readonly FEEDBACK_CONSENT: "Eg samtykkjer til at eg kan bli kontakta angåande tilbakemeldinga mi.";
     readonly QUESTIONS: " Har du spørsmål, ";
     readonly FEEDBACK_LINK_TEXT: "kontakt kundetenesta.";
-    readonly FEEDBACK_SENSITIVE: "Unngå å oppgje sensitiv eller personleg informasjon, til dømes helseopplysingar, politisk tilhøyrsel, personnummer, namn, e-post eller telefonnummer.";
-    readonly FEEDBACK_SHORT: "Tilbakemeldinga må vere minst tre teikn.";
-    readonly NATIVE_VIEW_HEADING: "Kundetenest";
+    readonly FEEDBACK_SENSITIVE: "Unngå å oppgje sensitiv eller personleg informasjon, til dømes helseopplysingar, personnummer, namn eller kontaktinfo.";
 };

package/types/i18n/texts.d.ts

@@ -5,16 +5,14 @@ export declare const txt: {
         readonly FEEDBACK_NOT_SENT_HEADING: "Hva synes du om denne siden? ";
         readonly FEEDBACK_SENT_HEADING: "Takk for tilbakemeldingen!";
         readonly FEEDBACK_BUTTON_SEND: "Send tilbakemelding";
-        readonly FEEDBACK_BUTTON_CANCEL: "Avbryt";
+        readonly FEEDBACK_BUTTON_CANCEL: "Avslutt";
         readonly FEEDBACK_BUTTON_GROUP: "Knappegruppe";
-        readonly FEEDBACK_GOOD: "Hva var bra?";
-        readonly FEEDBACK_IMPROVE: "Hva kan vi gjøre bedre?";
+        readonly FEEDBACK_IMPROVE: "Har du noe mer på hjertet? (valgfritt)";
         readonly FEEDBACK_ANSWER: "Svaret ditt blir brukt til å forbedre denne siden og blir ikke besvart.";
+        readonly FEEDBACK_CONSENT: "Jeg samtykker til at jeg kan bli kontaktet angående tilbakemeldingen min.";
         readonly QUESTIONS: " Har du spørsmål, ";
         readonly FEEDBACK_LINK_TEXT: "kontakt kundeservice.";
-        readonly FEEDBACK_SENSITIVE: "Unngå å oppgi sensitiv eller personlig informasjon, for eksempel helseopplysninger, politisk tilhørighet, personnummer, navn, e-post eller telefonnummer.";
-        readonly FEEDBACK_SHORT: "Tilbakemeldingen må være på minst tre tegn.";
-        readonly NATIVE_VIEW_HEADING: "Kundeservice";
+        readonly FEEDBACK_SENSITIVE: "Unngå å oppgi sensitiv eller personlig informasjon, for eksempel helseopplysninger, personnummer, navn eller kontaktinfo.";
     };
     nn: {
         readonly ARIA_LABEL_THUMB_UP: "Gje tommel opp";
@@ -22,16 +20,14 @@ export declare const txt: {
         readonly FEEDBACK_NOT_SENT_HEADING: "Kva synest du om denne sida? ";
         readonly FEEDBACK_SENT_HEADING: "Takk for tilbakemeldinga!";
         readonly FEEDBACK_BUTTON_SEND: "Send tilbakemelding";
-        readonly FEEDBACK_BUTTON_CANCEL: "Avbryt";
+        readonly FEEDBACK_BUTTON_CANCEL: "Avslutt";
         readonly FEEDBACK_BUTTON_GROUP: "Knappegruppe";
-        readonly FEEDBACK_GOOD: "Kva var bra?";
-        readonly FEEDBACK_IMPROVE: "Kva kan vi gjere betre?";
+        readonly FEEDBACK_IMPROVE: "Har du noko meir på hjartet? (valfritt)";
         readonly FEEDBACK_ANSWER: "Svaret ditt vert brukt til å betre denne sida og vert ikkje svart på.";
+        readonly FEEDBACK_CONSENT: "Eg samtykkjer til at eg kan bli kontakta angåande tilbakemeldinga mi.";
         readonly QUESTIONS: " Har du spørsmål, ";
         readonly FEEDBACK_LINK_TEXT: "kontakt kundetenesta.";
-        readonly FEEDBACK_SENSITIVE: "Unngå å oppgje sensitiv eller personleg informasjon, til dømes helseopplysingar, politisk tilhøyrsel, personnummer, namn, e-post eller telefonnummer.";
-        readonly FEEDBACK_SHORT: "Tilbakemeldinga må vere minst tre teikn.";
-        readonly NATIVE_VIEW_HEADING: "Kundetenest";
+        readonly FEEDBACK_SENSITIVE: "Unngå å oppgje sensitiv eller personleg informasjon, til dømes helseopplysingar, personnummer, namn eller kontaktinfo.";
     };
     en: {
         readonly ARIA_LABEL_THUMB_UP: "Give thumbs up";
@@ -39,15 +35,13 @@ export declare const txt: {
         readonly FEEDBACK_NOT_SENT_HEADING: "What do you think of this page? ";
         readonly FEEDBACK_SENT_HEADING: "Thank you!";
         readonly FEEDBACK_BUTTON_SEND: "Send feedback";
-        readonly FEEDBACK_BUTTON_CANCEL: "Cancel";
+        readonly FEEDBACK_BUTTON_CANCEL: "Finish";
         readonly FEEDBACK_BUTTON_GROUP: "Button group";
-        readonly FEEDBACK_GOOD: "What was good?";
-        readonly FEEDBACK_IMPROVE: "How can we improve?";
+        readonly FEEDBACK_IMPROVE: "Do you have anything else on your mind?";
         readonly FEEDBACK_ANSWER: "Your feedback will be used to improve this site and will not be replied.";
+        readonly FEEDBACK_CONSENT: "I consent to be contacted regarding my feedback.";
         readonly QUESTIONS: " If you have questions, ";
         readonly FEEDBACK_LINK_TEXT: "contact customer services.";
-        readonly FEEDBACK_SENSITIVE: "Please do not send sensitive or personal information, for example: Health information, political affiliation, social security number, name, email or telephone number.";
-        readonly FEEDBACK_SHORT: "Feedback must be at least three characters.";
-        readonly NATIVE_VIEW_HEADING: "Customer service";
+        readonly FEEDBACK_SENSITIVE: "Please do not send sensitive or personal information, for example: Health information, personal identification number, name or contact information.";
     };
 };