@sb1/ffe-feedback-react 3.2.2 → 3.3.0

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.
Files changed (20) hide show
  1. package/es/Feedback.js +10 -9
  2. package/es/FeedbackExpanded.js +10 -10
  3. package/es/FeedbackThumbs.js +3 -3
  4. package/es/i18n/en.js +1 -1
  5. package/es/i18n/nb.js +1 -1
  6. package/es/i18n/nn.js +1 -1
  7. package/es/i18n/texts.js +1 -1
  8. package/lib/Feedback.js +9 -8
  9. package/lib/FeedbackExpanded.js +9 -9
  10. package/lib/FeedbackThumbs.js +2 -2
  11. package/lib/i18n/en.js +1 -1
  12. package/lib/i18n/nb.js +1 -1
  13. package/lib/i18n/nn.js +1 -1
  14. package/lib/i18n/texts.js +2 -2
  15. package/package.json +3 -3
  16. package/types/Feedback.d.ts +3 -0
  17. package/types/i18n/en.d.ts +1 -1
  18. package/types/i18n/nb.d.ts +1 -1
  19. package/types/i18n/nn.d.ts +1 -1
  20. package/types/i18n/texts.d.ts +4 -4
package/es/Feedback.js CHANGED
@@ -1,19 +1,20 @@
1
1
  import React, { useState, useRef } from 'react';
2
2
  import { flushSync } from 'react-dom';
3
3
  import { Animation } from './Animation';
4
- import { texts } from './i18n/texts';
4
+ import { txt } from './i18n/texts';
5
5
  import { FeedbackThumbs } from './FeedbackThumbs';
6
6
  import classNames from 'classnames';
7
7
  import { FeedbackExpanded } from './FeedbackExpanded';
8
8
  import { v4 as uuid } from 'uuid';
9
9
  export var Feedback = function (_a) {
10
10
  var _b;
11
- var headingLevel = _a.headingLevel, _c = _a.locale, locale = _c === void 0 ? 'nb' : _c, onThumbClick = _a.onThumbClick, onFeedbackSend = _a.onFeedbackSend, bgColor = _a.bgColor, bgDarkmodeColor = _a.bgDarkmodeColor, contactLink = _a.contactLink;
11
+ var _c;
12
+ var headingLevel = _a.headingLevel, _d = _a.locale, locale = _d === void 0 ? 'nb' : _d, onThumbClick = _a.onThumbClick, onFeedbackSend = _a.onFeedbackSend, bgColor = _a.bgColor, bgDarkmodeColor = _a.bgDarkmodeColor, contactLink = _a.contactLink, texts = _a.texts;
12
13
  var feedbackSentRef = useRef();
13
14
  var expandedRef = useRef();
14
- var _d = useState(), feedbackThumbClicked = _d[0], setFeedbackThumbClicked = _d[1];
15
- var _e = useState(false), expanded = _e[0], setExpanded = _e[1];
16
- var _f = useState(false), feedbackSent = _f[0], setFeedbackSent = _f[1];
15
+ var _e = useState(), feedbackThumbClicked = _e[0], setFeedbackThumbClicked = _e[1];
16
+ var _f = useState(false), expanded = _f[0], setExpanded = _f[1];
17
+ var _g = useState(false), feedbackSent = _g[0], setFeedbackSent = _g[1];
17
18
  var headingId = useRef(uuid()).current;
18
19
  var feedbackClassnames = classNames('ffe-feedback', (_b = {},
19
20
  _b["ffe-feedback--bg-".concat(bgColor)] = bgColor,
@@ -43,19 +44,19 @@ export var Feedback = function (_a) {
43
44
  ref: feedbackSentRef,
44
45
  tabIndex: -1,
45
46
  className: 'ffe-h4',
46
- }, texts[locale].FEEDBACK_SENT_HEADING),
47
+ }, txt[locale].FEEDBACK_SENT_HEADING),
47
48
  React.createElement(Animation, null))));
48
49
  }
49
50
  if (expanded) {
50
51
  return (React.createElement("div", { className: feedbackClassnames },
51
52
  React.createElement("div", { className: "ffe-feedback__content" },
52
53
  React.createElement("h".concat(headingLevel), { ref: expandedRef, tabIndex: -1, className: 'ffe-h5' }, feedbackThumbClicked === 'THUMB_UP'
53
- ? texts[locale].FEEDBACK_GOOD
54
- : texts[locale].FEEDBACK_IMPROVE),
54
+ ? txt[locale].FEEDBACK_GOOD
55
+ : txt[locale].FEEDBACK_IMPROVE),
55
56
  React.createElement(FeedbackExpanded, { locale: locale, onSend: handleFeedbackSent, onCancel: function () { return setExpanded(false); }, contactLink: contactLink }))));
56
57
  }
57
58
  return (React.createElement("div", { className: feedbackClassnames },
58
59
  React.createElement("div", { className: "ffe-feedback__content" },
59
- React.createElement("h".concat(headingLevel), { id: headingId, className: 'ffe-h4' }, texts[locale].FEEDBACK_NOT_SENT_HEADING),
60
+ React.createElement("h".concat(headingLevel), { id: headingId, className: 'ffe-h4' }, (_c = texts === null || texts === void 0 ? void 0 : texts.feedbackNotSentHeading) !== null && _c !== void 0 ? _c : txt[locale].FEEDBACK_NOT_SENT_HEADING),
60
61
  React.createElement(FeedbackThumbs, { onClick: handleThumbClicked, locale: locale, headingId: headingId }))));
61
62
  };
package/es/FeedbackExpanded.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import React, { useState } from 'react';
2
2
  import { Paragraph } from '@sb1/ffe-core-react';
3
- import { texts } from './i18n/texts';
3
+ import { txt } from './i18n/texts';
4
4
  import { InputGroup, TextArea } from '@sb1/ffe-form-react';
5
5
  import { ActionButton, ButtonGroup, TertiaryButton, } from '@sb1/ffe-buttons-react';
6
6
  export var FeedbackExpanded = function (_a) {
@@ -13,23 +13,23 @@ export var FeedbackExpanded = function (_a) {
13
13
  setFieldMessage(undefined);
14
14
  return true;
15
15
  }
16
- setFieldMessage(texts[locale].FEEDBACK_SHORT);
16
+ setFieldMessage(txt[locale].FEEDBACK_SHORT);
17
17
  return false;
18
18
  };
19
- 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 : texts[locale].FEEDBACK_LINKTEXT)) : null;
19
+ 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;
20
20
  return (React.createElement(React.Fragment, null,
21
21
  React.createElement(Paragraph, null,
22
- texts[locale].FEEDBACK_ANSWER,
23
- contactLinkElement && texts[locale].QUESTIONS,
22
+ txt[locale].FEEDBACK_ANSWER,
23
+ contactLinkElement && txt[locale].QUESTIONS,
24
24
  contactLinkElement),
25
- React.createElement(Paragraph, null, texts[locale].FEEDBACK_SENSITIVE),
25
+ React.createElement(Paragraph, null, txt[locale].FEEDBACK_SENSITIVE),
26
26
  React.createElement(InputGroup, { className: "ffe-feedback__textarea-container", fieldMessage: fieldMessage },
27
- React.createElement(TextArea, { "data-testid": "feedbackTextArea", onChange: function (event) { return setFeedbackText(event.target.value); }, value: feedbackText, rows: 6, maxLength: 1000, id: "textarea-feedback", onBlur: validateMessage, title: texts[locale].FEEDBACK_IMPROVE })),
28
- React.createElement(ButtonGroup, { className: "ffe-feedback__button-group", ariaLabel: texts[locale].FEEDBACK_BUTTON_GROUP },
27
+ React.createElement(TextArea, { "data-testid": "feedbackTextArea", onChange: function (event) { return setFeedbackText(event.target.value); }, value: feedbackText, rows: 6, maxLength: 1000, id: "textarea-feedback", onBlur: validateMessage, title: txt[locale].FEEDBACK_IMPROVE })),
28
+ React.createElement(ButtonGroup, { className: "ffe-feedback__button-group", ariaLabel: txt[locale].FEEDBACK_BUTTON_GROUP },
29
29
  React.createElement(ActionButton, { onClick: function () {
30
30
  if (validateMessage() && feedbackText) {
31
31
  onSend(feedbackText);
32
32
  }
33
- } }, texts[locale].FEEDBACK_BUTTON_SEND),
34
- React.createElement(TertiaryButton, { onClick: onCancel }, texts[locale].FEEDBACK_BUTTON_CANCEL))));
33
+ } }, txt[locale].FEEDBACK_BUTTON_SEND),
34
+ React.createElement(TertiaryButton, { onClick: onCancel }, txt[locale].FEEDBACK_BUTTON_CANCEL))));
35
35
  };
package/es/FeedbackThumbs.js CHANGED
@@ -1,13 +1,13 @@
1
1
  import React from 'react';
2
- import { texts } from './i18n/texts';
2
+ import { txt } from './i18n/texts';
3
3
  import { ThumbUp, ThumbUpFill, ThumbDown, ThumbDownFill } from './icons';
4
4
  export var FeedbackThumbs = function (_a) {
5
5
  var locale = _a.locale, onClick = _a.onClick, headingId = _a.headingId;
6
6
  return (React.createElement("div", null,
7
- React.createElement("button", { "aria-label": texts[locale].ARIA_LABEL_THUMB_UP, "aria-describedby": headingId, className: "ffe-feedback__thumb", onClick: function () { return onClick('THUMB_UP'); }, type: "button" },
7
+ 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" },
8
8
  React.createElement(ThumbUp, { className: "ffe-feedback__thumb-icon" }),
9
9
  React.createElement(ThumbUpFill, { className: "ffe-feedback__thumb-icon--fill" })),
10
- React.createElement("button", { "aria-label": texts[locale].ARIA_LABEL_THUMB_DOWN, "aria-describedby": headingId, className: "ffe-feedback__thumb", onClick: function () { return onClick('THUMB_DOWN'); }, type: "button" },
10
+ React.createElement("button", { "aria-label": txt[locale].ARIA_LABEL_THUMB_DOWN, "aria-describedby": headingId, className: "ffe-feedback__thumb", onClick: function () { return onClick('THUMB_DOWN'); }, type: "button" },
11
11
  React.createElement(ThumbDown, { className: "ffe-feedback__thumb-icon" }),
12
12
  React.createElement(ThumbDownFill, { className: "ffe-feedback__thumb-icon--fill" }))));
13
13
  };
package/es/i18n/en.js CHANGED
@@ -10,7 +10,7 @@ export var en = {
10
10
  FEEDBACK_IMPROVE: 'How can we improve?',
11
11
  FEEDBACK_ANSWER: 'Your feedback will be used to improve this site and will not be replied.',
12
12
  QUESTIONS: ' If you have questions, ',
13
- FEEDBACK_LINKTEXT: 'contact customer services.',
13
+ FEEDBACK_LINK_TEXT: 'contact customer services.',
14
14
  FEEDBACK_SENSITIVE: 'Please do not send sensitive or personal information, for example: Health information, political affiliation, social security number, name, email or telephone number.',
15
15
  FEEDBACK_SHORT: 'Feedback must be at least three characters.',
16
16
  NATIVE_VIEW_HEADING: 'Customer service',
package/es/i18n/nb.js CHANGED
@@ -10,7 +10,7 @@ export var nb = {
10
10
  FEEDBACK_IMPROVE: 'Hva kan vi gjøre bedre?',
11
11
  FEEDBACK_ANSWER: 'Svaret ditt blir brukt til å forbedre denne siden og blir ikke besvart.',
12
12
  QUESTIONS: ' Har du spørsmål, ',
13
- FEEDBACK_LINKTEXT: 'kontakt kundeservice.',
13
+ FEEDBACK_LINK_TEXT: 'kontakt kundeservice.',
14
14
  FEEDBACK_SENSITIVE: 'Unngå å oppgi sensitiv eller personlig informasjon, for eksempel helseopplysninger, politisk tilhørighet, personnummer, navn, e-post eller telefonnummer.',
15
15
  FEEDBACK_SHORT: 'Tilbakemeldingen må være på minst tre tegn.',
16
16
  NATIVE_VIEW_HEADING: 'Kundeservice',
package/es/i18n/nn.js CHANGED
@@ -10,7 +10,7 @@ export var nn = {
10
10
  FEEDBACK_IMPROVE: 'Kva kan vi gjere betre?',
11
11
  FEEDBACK_ANSWER: 'Svaret ditt vert brukt til å betre denne sida og vert ikkje svart på.',
12
12
  QUESTIONS: ' Har du spørsmål, ',
13
- FEEDBACK_LINKTEXT: 'kontakt kundetenesta.',
13
+ FEEDBACK_LINK_TEXT: 'kontakt kundetenesta.',
14
14
  FEEDBACK_SENSITIVE: 'Unngå å oppgje sensitiv eller personleg informasjon, til dømes helseopplysingar, politisk tilhøyrsel, personnummer, namn, e-post eller telefonnummer.',
15
15
  FEEDBACK_SHORT: 'Tilbakemeldinga må vere minst tre teikn.',
16
16
  NATIVE_VIEW_HEADING: 'Kundetenest',
package/es/i18n/texts.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { en } from './en';
2
2
  import { nn } from './nn';
3
3
  import { nb } from './nb';
4
- export var texts = {
4
+ export var txt = {
5
5
  nb: nb,
6
6
  nn: nn,
7
7
  en: en,
package/lib/Feedback.js CHANGED
@@ -37,12 +37,13 @@ var FeedbackExpanded_1 = require("./FeedbackExpanded");
37
37
  var uuid_1 = require("uuid");
38
38
  var Feedback = function (_a) {
39
39
  var _b;
40
- var headingLevel = _a.headingLevel, _c = _a.locale, locale = _c === void 0 ? 'nb' : _c, onThumbClick = _a.onThumbClick, onFeedbackSend = _a.onFeedbackSend, bgColor = _a.bgColor, bgDarkmodeColor = _a.bgDarkmodeColor, contactLink = _a.contactLink;
40
+ var _c;
41
+ var headingLevel = _a.headingLevel, _d = _a.locale, locale = _d === void 0 ? 'nb' : _d, onThumbClick = _a.onThumbClick, onFeedbackSend = _a.onFeedbackSend, bgColor = _a.bgColor, bgDarkmodeColor = _a.bgDarkmodeColor, contactLink = _a.contactLink, texts = _a.texts;
41
42
  var feedbackSentRef = (0, react_1.useRef)();
42
43
  var expandedRef = (0, react_1.useRef)();
43
- var _d = (0, react_1.useState)(), feedbackThumbClicked = _d[0], setFeedbackThumbClicked = _d[1];
44
- var _e = (0, react_1.useState)(false), expanded = _e[0], setExpanded = _e[1];
45
- var _f = (0, react_1.useState)(false), feedbackSent = _f[0], setFeedbackSent = _f[1];
44
+ var _e = (0, react_1.useState)(), feedbackThumbClicked = _e[0], setFeedbackThumbClicked = _e[1];
45
+ var _f = (0, react_1.useState)(false), expanded = _f[0], setExpanded = _f[1];
46
+ var _g = (0, react_1.useState)(false), feedbackSent = _g[0], setFeedbackSent = _g[1];
46
47
  var headingId = (0, react_1.useRef)((0, uuid_1.v4)()).current;
47
48
  var feedbackClassnames = (0, classnames_1.default)('ffe-feedback', (_b = {},
48
49
  _b["ffe-feedback--bg-".concat(bgColor)] = bgColor,
@@ -72,20 +73,20 @@ var Feedback = function (_a) {
72
73
  ref: feedbackSentRef,
73
74
  tabIndex: -1,
74
75
  className: 'ffe-h4',
75
- }, texts_1.texts[locale].FEEDBACK_SENT_HEADING),
76
+ }, texts_1.txt[locale].FEEDBACK_SENT_HEADING),
76
77
  react_1.default.createElement(Animation_1.Animation, null))));
77
78
  }
78
79
  if (expanded) {
79
80
  return (react_1.default.createElement("div", { className: feedbackClassnames },
80
81
  react_1.default.createElement("div", { className: "ffe-feedback__content" },
81
82
  react_1.default.createElement("h".concat(headingLevel), { ref: expandedRef, tabIndex: -1, className: 'ffe-h5' }, feedbackThumbClicked === 'THUMB_UP'
82
- ? texts_1.texts[locale].FEEDBACK_GOOD
83
- : texts_1.texts[locale].FEEDBACK_IMPROVE),
83
+ ? texts_1.txt[locale].FEEDBACK_GOOD
84
+ : texts_1.txt[locale].FEEDBACK_IMPROVE),
84
85
  react_1.default.createElement(FeedbackExpanded_1.FeedbackExpanded, { locale: locale, onSend: handleFeedbackSent, onCancel: function () { return setExpanded(false); }, contactLink: contactLink }))));
85
86
  }
86
87
  return (react_1.default.createElement("div", { className: feedbackClassnames },
87
88
  react_1.default.createElement("div", { className: "ffe-feedback__content" },
88
- react_1.default.createElement("h".concat(headingLevel), { id: headingId, className: 'ffe-h4' }, texts_1.texts[locale].FEEDBACK_NOT_SENT_HEADING),
89
+ react_1.default.createElement("h".concat(headingLevel), { id: headingId, className: 'ffe-h4' }, (_c = texts === null || texts === void 0 ? void 0 : texts.feedbackNotSentHeading) !== null && _c !== void 0 ? _c : texts_1.txt[locale].FEEDBACK_NOT_SENT_HEADING),
89
90
  react_1.default.createElement(FeedbackThumbs_1.FeedbackThumbs, { onClick: handleThumbClicked, locale: locale, headingId: headingId }))));
90
91
  };
91
92
  exports.Feedback = Feedback;
package/lib/FeedbackExpanded.js CHANGED
@@ -39,24 +39,24 @@ var FeedbackExpanded = function (_a) {
39
39
  setFieldMessage(undefined);
40
40
  return true;
41
41
  }
42
- setFieldMessage(texts_1.texts[locale].FEEDBACK_SHORT);
42
+ setFieldMessage(texts_1.txt[locale].FEEDBACK_SHORT);
43
43
  return false;
44
44
  };
45
- 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.texts[locale].FEEDBACK_LINKTEXT)) : null;
45
+ 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;
46
46
  return (react_1.default.createElement(react_1.default.Fragment, null,
47
47
  react_1.default.createElement(ffe_core_react_1.Paragraph, null,
48
- texts_1.texts[locale].FEEDBACK_ANSWER,
49
- contactLinkElement && texts_1.texts[locale].QUESTIONS,
48
+ texts_1.txt[locale].FEEDBACK_ANSWER,
49
+ contactLinkElement && texts_1.txt[locale].QUESTIONS,
50
50
  contactLinkElement),
51
- react_1.default.createElement(ffe_core_react_1.Paragraph, null, texts_1.texts[locale].FEEDBACK_SENSITIVE),
51
+ react_1.default.createElement(ffe_core_react_1.Paragraph, null, texts_1.txt[locale].FEEDBACK_SENSITIVE),
52
52
  react_1.default.createElement(ffe_form_react_1.InputGroup, { className: "ffe-feedback__textarea-container", fieldMessage: fieldMessage },
53
- 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, id: "textarea-feedback", onBlur: validateMessage, title: texts_1.texts[locale].FEEDBACK_IMPROVE })),
54
- react_1.default.createElement(ffe_buttons_react_1.ButtonGroup, { className: "ffe-feedback__button-group", ariaLabel: texts_1.texts[locale].FEEDBACK_BUTTON_GROUP },
53
+ 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, id: "textarea-feedback", onBlur: validateMessage, title: texts_1.txt[locale].FEEDBACK_IMPROVE })),
54
+ react_1.default.createElement(ffe_buttons_react_1.ButtonGroup, { className: "ffe-feedback__button-group", ariaLabel: texts_1.txt[locale].FEEDBACK_BUTTON_GROUP },
55
55
  react_1.default.createElement(ffe_buttons_react_1.ActionButton, { onClick: function () {
56
56
  if (validateMessage() && feedbackText) {
57
57
  onSend(feedbackText);
58
58
  }
59
- } }, texts_1.texts[locale].FEEDBACK_BUTTON_SEND),
60
- react_1.default.createElement(ffe_buttons_react_1.TertiaryButton, { onClick: onCancel }, texts_1.texts[locale].FEEDBACK_BUTTON_CANCEL))));
59
+ } }, texts_1.txt[locale].FEEDBACK_BUTTON_SEND),
60
+ react_1.default.createElement(ffe_buttons_react_1.TertiaryButton, { onClick: onCancel }, texts_1.txt[locale].FEEDBACK_BUTTON_CANCEL))));
61
61
  };
62
62
  exports.FeedbackExpanded = FeedbackExpanded;
package/lib/FeedbackThumbs.js CHANGED
@@ -10,10 +10,10 @@ var icons_1 = require("./icons");
10
10
  var FeedbackThumbs = function (_a) {
11
11
  var locale = _a.locale, onClick = _a.onClick, headingId = _a.headingId;
12
12
  return (react_1.default.createElement("div", null,
13
- react_1.default.createElement("button", { "aria-label": texts_1.texts[locale].ARIA_LABEL_THUMB_UP, "aria-describedby": headingId, className: "ffe-feedback__thumb", onClick: function () { return onClick('THUMB_UP'); }, type: "button" },
13
+ 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" },
14
14
  react_1.default.createElement(icons_1.ThumbUp, { className: "ffe-feedback__thumb-icon" }),
15
15
  react_1.default.createElement(icons_1.ThumbUpFill, { className: "ffe-feedback__thumb-icon--fill" })),
16
- react_1.default.createElement("button", { "aria-label": texts_1.texts[locale].ARIA_LABEL_THUMB_DOWN, "aria-describedby": headingId, className: "ffe-feedback__thumb", onClick: function () { return onClick('THUMB_DOWN'); }, type: "button" },
16
+ react_1.default.createElement("button", { "aria-label": texts_1.txt[locale].ARIA_LABEL_THUMB_DOWN, "aria-describedby": headingId, className: "ffe-feedback__thumb", onClick: function () { return onClick('THUMB_DOWN'); }, type: "button" },
17
17
  react_1.default.createElement(icons_1.ThumbDown, { className: "ffe-feedback__thumb-icon" }),
18
18
  react_1.default.createElement(icons_1.ThumbDownFill, { className: "ffe-feedback__thumb-icon--fill" }))));
19
19
  };
package/lib/i18n/en.js CHANGED
@@ -13,7 +13,7 @@ exports.en = {
13
13
  FEEDBACK_IMPROVE: 'How can we improve?',
14
14
  FEEDBACK_ANSWER: 'Your feedback will be used to improve this site and will not be replied.',
15
15
  QUESTIONS: ' If you have questions, ',
16
- FEEDBACK_LINKTEXT: 'contact customer services.',
16
+ FEEDBACK_LINK_TEXT: 'contact customer services.',
17
17
  FEEDBACK_SENSITIVE: 'Please do not send sensitive or personal information, for example: Health information, political affiliation, social security number, name, email or telephone number.',
18
18
  FEEDBACK_SHORT: 'Feedback must be at least three characters.',
19
19
  NATIVE_VIEW_HEADING: 'Customer service',
package/lib/i18n/nb.js CHANGED
@@ -13,7 +13,7 @@ exports.nb = {
13
13
  FEEDBACK_IMPROVE: 'Hva kan vi gjøre bedre?',
14
14
  FEEDBACK_ANSWER: 'Svaret ditt blir brukt til å forbedre denne siden og blir ikke besvart.',
15
15
  QUESTIONS: ' Har du spørsmål, ',
16
- FEEDBACK_LINKTEXT: 'kontakt kundeservice.',
16
+ FEEDBACK_LINK_TEXT: 'kontakt kundeservice.',
17
17
  FEEDBACK_SENSITIVE: 'Unngå å oppgi sensitiv eller personlig informasjon, for eksempel helseopplysninger, politisk tilhørighet, personnummer, navn, e-post eller telefonnummer.',
18
18
  FEEDBACK_SHORT: 'Tilbakemeldingen må være på minst tre tegn.',
19
19
  NATIVE_VIEW_HEADING: 'Kundeservice',
package/lib/i18n/nn.js CHANGED
@@ -13,7 +13,7 @@ exports.nn = {
13
13
  FEEDBACK_IMPROVE: 'Kva kan vi gjere betre?',
14
14
  FEEDBACK_ANSWER: 'Svaret ditt vert brukt til å betre denne sida og vert ikkje svart på.',
15
15
  QUESTIONS: ' Har du spørsmål, ',
16
- FEEDBACK_LINKTEXT: 'kontakt kundetenesta.',
16
+ FEEDBACK_LINK_TEXT: 'kontakt kundetenesta.',
17
17
  FEEDBACK_SENSITIVE: 'Unngå å oppgje sensitiv eller personleg informasjon, til dømes helseopplysingar, politisk tilhøyrsel, personnummer, namn, e-post eller telefonnummer.',
18
18
  FEEDBACK_SHORT: 'Tilbakemeldinga må vere minst tre teikn.',
19
19
  NATIVE_VIEW_HEADING: 'Kundetenest',
package/lib/i18n/texts.js CHANGED
@@ -1,10 +1,10 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.texts = void 0;
3
+ exports.txt = void 0;
4
4
  var en_1 = require("./en");
5
5
  var nn_1 = require("./nn");
6
6
  var nb_1 = require("./nb");
7
- exports.texts = {
7
+ exports.txt = {
8
8
  nb: nb_1.nb,
9
9
  nn: nn_1.nn,
10
10
  en: en_1.en,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sb1/ffe-feedback-react",
3
- "version": "3.2.2",
3
+ "version": "3.3.0",
4
4
  "description": "React component for ffe-feedback",
5
5
  "license": "MIT",
6
6
  "author": "SpareBank 1",
@@ -30,7 +30,7 @@
30
30
  "@sb1/ffe-collapse-react": "^4.0.5",
31
31
  "@sb1/ffe-core-react": "^8.1.1",
32
32
  "@sb1/ffe-feedback": "^1.2.17",
33
- "@sb1/ffe-form-react": "^19.0.4",
33
+ "@sb1/ffe-form-react": "^19.0.5",
34
34
  "classnames": "^2.3.1",
35
35
  "lottie-web": "^5.12.2",
36
36
  "uuid": "^9.0.0"
@@ -47,5 +47,5 @@
47
47
  "publishConfig": {
48
48
  "access": "public"
49
49
  },
50
- "gitHead": "9ac84c1d8650f7626876a864cc0dc73a67fa241b"
50
+ "gitHead": "1036f07ca85648e9dec8ff94b60eecaf84b6ee8e"
51
51
  }
package/types/Feedback.d.ts CHANGED
@@ -11,5 +11,8 @@ export interface FeedbackProps {
11
11
  /** Set the background color of the feedback container in darkmode */
12
12
  bgDarkmodeColor?: 'svart' | 'natt';
13
13
  contactLink?: FeedbackExpandedProps['contactLink'];
14
+ texts?: {
15
+ feedbackNotSentHeading?: string;
16
+ };
14
17
  }
15
18
  export declare const Feedback: React.FC<FeedbackProps>;
package/types/i18n/en.d.ts CHANGED
@@ -10,7 +10,7 @@ export declare const en: {
10
10
  readonly FEEDBACK_IMPROVE: "How can we improve?";
11
11
  readonly FEEDBACK_ANSWER: "Your feedback will be used to improve this site and will not be replied.";
12
12
  readonly QUESTIONS: " If you have questions, ";
13
- readonly FEEDBACK_LINKTEXT: "contact customer services.";
13
+ readonly FEEDBACK_LINK_TEXT: "contact customer services.";
14
14
  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.";
15
15
  readonly FEEDBACK_SHORT: "Feedback must be at least three characters.";
16
16
  readonly NATIVE_VIEW_HEADING: "Customer service";
package/types/i18n/nb.d.ts CHANGED
@@ -10,7 +10,7 @@ export declare const nb: {
10
10
  readonly FEEDBACK_IMPROVE: "Hva kan vi gjøre bedre?";
11
11
  readonly FEEDBACK_ANSWER: "Svaret ditt blir brukt til å forbedre denne siden og blir ikke besvart.";
12
12
  readonly QUESTIONS: " Har du spørsmål, ";
13
- readonly FEEDBACK_LINKTEXT: "kontakt kundeservice.";
13
+ readonly FEEDBACK_LINK_TEXT: "kontakt kundeservice.";
14
14
  readonly FEEDBACK_SENSITIVE: "Unngå å oppgi sensitiv eller personlig informasjon, for eksempel helseopplysninger, politisk tilhørighet, personnummer, navn, e-post eller telefonnummer.";
15
15
  readonly FEEDBACK_SHORT: "Tilbakemeldingen må være på minst tre tegn.";
16
16
  readonly NATIVE_VIEW_HEADING: "Kundeservice";
package/types/i18n/nn.d.ts CHANGED
@@ -10,7 +10,7 @@ export declare const nn: {
10
10
  readonly FEEDBACK_IMPROVE: "Kva kan vi gjere betre?";
11
11
  readonly FEEDBACK_ANSWER: "Svaret ditt vert brukt til å betre denne sida og vert ikkje svart på.";
12
12
  readonly QUESTIONS: " Har du spørsmål, ";
13
- readonly FEEDBACK_LINKTEXT: "kontakt kundetenesta.";
13
+ readonly FEEDBACK_LINK_TEXT: "kontakt kundetenesta.";
14
14
  readonly FEEDBACK_SENSITIVE: "Unngå å oppgje sensitiv eller personleg informasjon, til dømes helseopplysingar, politisk tilhøyrsel, personnummer, namn, e-post eller telefonnummer.";
15
15
  readonly FEEDBACK_SHORT: "Tilbakemeldinga må vere minst tre teikn.";
16
16
  readonly NATIVE_VIEW_HEADING: "Kundetenest";
package/types/i18n/texts.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- export declare const texts: {
1
+ export declare const txt: {
2
2
  nb: {
3
3
  readonly ARIA_LABEL_THUMB_UP: "Gi tommel opp";
4
4
  readonly ARIA_LABEL_THUMB_DOWN: "Gi tommel ned";
@@ -11,7 +11,7 @@ export declare const texts: {
11
11
  readonly FEEDBACK_IMPROVE: "Hva kan vi gjøre bedre?";
12
12
  readonly FEEDBACK_ANSWER: "Svaret ditt blir brukt til å forbedre denne siden og blir ikke besvart.";
13
13
  readonly QUESTIONS: " Har du spørsmål, ";
14
- readonly FEEDBACK_LINKTEXT: "kontakt kundeservice.";
14
+ readonly FEEDBACK_LINK_TEXT: "kontakt kundeservice.";
15
15
  readonly FEEDBACK_SENSITIVE: "Unngå å oppgi sensitiv eller personlig informasjon, for eksempel helseopplysninger, politisk tilhørighet, personnummer, navn, e-post eller telefonnummer.";
16
16
  readonly FEEDBACK_SHORT: "Tilbakemeldingen må være på minst tre tegn.";
17
17
  readonly NATIVE_VIEW_HEADING: "Kundeservice";
@@ -28,7 +28,7 @@ export declare const texts: {
28
28
  readonly FEEDBACK_IMPROVE: "Kva kan vi gjere betre?";
29
29
  readonly FEEDBACK_ANSWER: "Svaret ditt vert brukt til å betre denne sida og vert ikkje svart på.";
30
30
  readonly QUESTIONS: " Har du spørsmål, ";
31
- readonly FEEDBACK_LINKTEXT: "kontakt kundetenesta.";
31
+ readonly FEEDBACK_LINK_TEXT: "kontakt kundetenesta.";
32
32
  readonly FEEDBACK_SENSITIVE: "Unngå å oppgje sensitiv eller personleg informasjon, til dømes helseopplysingar, politisk tilhøyrsel, personnummer, namn, e-post eller telefonnummer.";
33
33
  readonly FEEDBACK_SHORT: "Tilbakemeldinga må vere minst tre teikn.";
34
34
  readonly NATIVE_VIEW_HEADING: "Kundetenest";
@@ -45,7 +45,7 @@ export declare const texts: {
45
45
  readonly FEEDBACK_IMPROVE: "How can we improve?";
46
46
  readonly FEEDBACK_ANSWER: "Your feedback will be used to improve this site and will not be replied.";
47
47
  readonly QUESTIONS: " If you have questions, ";
48
- readonly FEEDBACK_LINKTEXT: "contact customer services.";
48
+ readonly FEEDBACK_LINK_TEXT: "contact customer services.";
49
49
  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.";
50
50
  readonly FEEDBACK_SHORT: "Feedback must be at least three characters.";
51
51
  readonly NATIVE_VIEW_HEADING: "Customer service";