@ndla/ui 55.0.12-alpha.0 → 55.0.13-alpha.0

package/es/SnackBar/SnackbarProvider.js

@@ -58,7 +58,7 @@ export const SnackbarProvider = _ref => {
 };
 const snackbarInAnimation = keyframes({
   "0%": {
-    transform: "translateY(".concat(spacing.medium, ")"),
+    transform: `translateY(${spacing.medium})`,
     opacity: 0
   },
   "100%": {
@@ -70,7 +70,7 @@ const snackbarOutAnimation = keyframes({
     opacity: 1
   },
   "100%": {
-    transform: "translateY(".concat(spacing.medium, ")"),
+    transform: `translateY(${spacing.medium})`,
     opacity: 0
   }
 });
@@ -109,15 +109,12 @@ const SnackbarContainer = _ref4 => {
   return _jsx(StyledSnackList, {
     "aria-live": "polite",
     role: "region",
-    children: snacks.map(snack => {
-      var _snack$render, _snack$render2;
-      return _jsx(BaseSnack, {
-        ...snack,
-        children: (_snack$render = (_snack$render2 = snack.render) === null || _snack$render2 === void 0 ? void 0 : _snack$render2.call(snack, snack.id)) !== null && _snack$render !== void 0 ? _snack$render : _jsx(DefaultSnack, {
-          ...snack
-        })
-      }, snack.id);
-    })
+    children: snacks.map(snack => _jsx(BaseSnack, {
+      ...snack,
+      children: snack.render?.(snack.id) ?? _jsx(DefaultSnack, {
+        ...snack
+      })
+    }, snack.id))
   });
 };
 export default SnackbarProvider;

package/es/TagSelector/TagSelector.js

@@ -27,7 +27,7 @@ const styles = {
   dropdownIndicator: () => ({}),
   placeholder: provided => ({
     ...provided,
-    padding: "0 ".concat(spacing.small),
+    padding: `0 ${spacing.small}`,
     color: colors.brand.primary,
     margin: 0
   }),

package/es/TagSelector/ariaMessages.js

@@ -17,9 +17,9 @@ export const createAriaMessages = t => ({
     } = props;
     switch (context) {
       case "menu":
-        return "".concat(t("tagSelector.aria.guidance.menu.updown")).concat(isDisabled ? "" : ", ".concat(t("tagSelector.aria.guidance.menu.enter")), ", ").concat(t("tagSelector.aria.guidance.menu.escape")).concat(tabSelectsValue ? ", ".concat(t("tagSelector.aria.guidance.menu.tab")) : "", ".");
+        return `${t("tagSelector.aria.guidance.menu.updown")}${isDisabled ? "" : `, ${t("tagSelector.aria.guidance.menu.enter")}`}, ${t("tagSelector.aria.guidance.menu.escape")}${tabSelectsValue ? `, ${t("tagSelector.aria.guidance.menu.tab")}` : ""}.`;
       case "input":
-        return "".concat(props["aria-label"] || t("tagSelector.aria.guidance.input.select"), " ").concat(t("tagSelector.aria.guidance.input.focused"), " ").concat(isSearchable ? ", ".concat(t("tagSelector.aria.guidance.input.refine")) : "", ", ").concat(t("tagSelector.aria.guidance.input.down"), ", ").concat(isMulti ? " ".concat(t("tagSelector.aria.guidance.input.left")) : "", ", ").concat(t("tagSelector.aria.guidance.input.space"));
+        return `${props["aria-label"] || t("tagSelector.aria.guidance.input.select")} ${t("tagSelector.aria.guidance.input.focused")} ${isSearchable ? `, ${t("tagSelector.aria.guidance.input.refine")}` : ""}, ${t("tagSelector.aria.guidance.input.down")}, ${isMulti ? ` ${t("tagSelector.aria.guidance.input.left")}` : ""}, ${t("tagSelector.aria.guidance.input.space")}`;
       case "value":
         return t("tagSelector.aria.guidance.value");
       default:
@@ -66,7 +66,7 @@ export const createAriaMessages = t => ({
       isDisabled,
       isSelected
     } = props;
-    const getArrayIndex = (arr, item) => arr && arr.length ? "".concat(arr.indexOf(item) + 1, " ").concat(t("tagSelector.aria.onFocus.of"), " ").concat(arr.length) : "";
+    const getArrayIndex = (arr, item) => arr && arr.length ? `${arr.indexOf(item) + 1} ${t("tagSelector.aria.onFocus.of")} ${arr.length}` : "";
     if (context === "value" && selectValue) {
       return t("tagSelector.aria.onFocus.value", {
         label,
@@ -74,8 +74,8 @@ export const createAriaMessages = t => ({
       });
     }
     if (context === "menu") {
-      const disabled = isDisabled ? " ".concat(t("tagSelector.aria.disabled")) : "";
-      const status = "".concat(isSelected ? t("tagSelector.aria.selected") : t("tagSelector.aria.focused")).concat(disabled);
+      const disabled = isDisabled ? ` ${t("tagSelector.aria.disabled")}` : "";
+      const status = `${isSelected ? t("tagSelector.aria.selected") : t("tagSelector.aria.focused")}${disabled}`;
       return t("tagSelector.aria.onFocus.menu", {
         label,
         status,
@@ -89,6 +89,6 @@ export const createAriaMessages = t => ({
       inputValue,
       resultsMessage
     } = props;
-    return "".concat(resultsMessage).concat(inputValue ? " ".concat(t("tagSelector.aria.onFilter"), " ") + inputValue : "", ".");
+    return `${resultsMessage}${inputValue ? ` ${t("tagSelector.aria.onFilter")} ` + inputValue : ""}.`;
   }
 });

package/es/TreeStructure/AddFolderButton.js

@@ -51,7 +51,7 @@ const AddFolderButton = _ref => {
   } = useTranslation();
   const ref = useRef(null);
   const tooltip = loading ? t("loading") : canAddFolder ? t("myNdla.newFolderUnder", {
-    folderName: focusedFolder === null || focusedFolder === void 0 ? void 0 : focusedFolder.name
+    folderName: focusedFolder?.name
   }) : t("treeStructure.maxFoldersAlreadyAdded");
   return _jsx(Tooltip, {
     tooltip: tooltip,
@@ -62,20 +62,18 @@ const AddFolderButton = _ref => {
       disabled: loading || !canAddFolder,
       "aria-label": tooltip,
       onMouseDown: e => {
-        var _ref$current;
         e.preventDefault();
         e.stopPropagation();
-        (_ref$current = ref.current) === null || _ref$current === void 0 || _ref$current.focus();
+        ref.current?.focus();
       },
       onMouseUp: e => {
-        var _ref$current2;
         e.preventDefault();
         e.stopPropagation();
-        (_ref$current2 = ref.current) === null || _ref$current2 === void 0 || _ref$current2.focus();
+        ref.current?.focus();
       },
       onClick: e => {
         e.currentTarget.focus();
-        setNewFolderParentId(focusedFolder === null || focusedFolder === void 0 ? void 0 : focusedFolder.id);
+        setNewFolderParentId(focusedFolder?.id);
         setShowTree(true);
       },
       children: [_jsx(StyledPlus, {}), " ", t("myNdla.newFolder")]

package/es/TreeStructure/ComboboxButton.js

@@ -68,11 +68,10 @@ const ComboboxButton = /*#__PURE__*/forwardRef((_ref, ref) => {
     "data-open": showTree,
     onMouseDown: e => {
       if (!e.defaultPrevented) {
-        var _innerRef$current;
         e.preventDefault();
         e.stopPropagation();
         onToggleTree(!showTree);
-        (_innerRef$current = innerRef.current) === null || _innerRef$current === void 0 || _innerRef$current.focus();
+        innerRef.current?.focus();
       }
     },
     children: [loading && _jsx(ContentLoader, {
@@ -104,11 +103,10 @@ const ComboboxButton = /*#__PURE__*/forwardRef((_ref, ref) => {
       shape: "sharp",
       onKeyDown: onKeyDown,
       onClick: () => {
-        var _innerRef$current2;
-        (_innerRef$current2 = innerRef.current) === null || _innerRef$current2 === void 0 || _innerRef$current2.focus();
+        innerRef.current?.focus();
         onToggleTree(showTree);
       },
-      children: selectedFolder === null || selectedFolder === void 0 ? void 0 : selectedFolder.name
+      children: selectedFolder?.name
     }), _jsx(IconButton, {
       disabled: loading,
       "aria-busy": loading,
@@ -119,8 +117,7 @@ const ComboboxButton = /*#__PURE__*/forwardRef((_ref, ref) => {
       colorTheme: "greyLighter",
       size: "small",
       onClick: () => {
-        var _innerRef$current3;
-        (_innerRef$current3 = innerRef.current) === null || _innerRef$current3 === void 0 || _innerRef$current3.focus();
+        innerRef.current?.focus();
         onToggleTree(!showTree);
       },
       children: showTree ? _jsx(ChevronUp, {}) : _jsx(ChevronDown, {})

package/es/TreeStructure/FolderItem.js

@@ -103,7 +103,7 @@ const FolderItem = _ref => {
   const levelVariable = useMemo(() => ({
     "--level": level
   }), [level]);
-  const focused = (focusedFolder === null || focusedFolder === void 0 ? void 0 : focusedFolder.id) === id;
+  const focused = focusedFolder?.id === id;
   const handleClickFolder = () => {
     if (!selected) {
       setSelectedFolder(folder);
@@ -116,21 +116,19 @@ const FolderItem = _ref => {
     }
   };
   useEffect(() => {
-    if ((focusedFolder === null || focusedFolder === void 0 ? void 0 : focusedFolder.id) === id && !isCreatingFolder) {
+    if (focusedFolder?.id === id && !isCreatingFolder) {
       if (type === "navigation") {
-        var _ref$current;
-        (_ref$current = ref.current) === null || _ref$current === void 0 || _ref$current.focus();
+        ref.current?.focus();
       }
       if (type === "picker") {
-        var _ref$current2;
-        (_ref$current2 = ref.current) === null || _ref$current2 === void 0 || _ref$current2.scrollIntoView({
+        ref.current?.scrollIntoView({
           behavior: "smooth",
           block: "start"
         });
       }
     }
   }, [focusedFolder, ref, id, isCreatingFolder, type]);
-  const linkPath = "/minndla/folders/".concat(id);
+  const linkPath = `/minndla/folders/${id}`;
   const containsResource = targetResource && folder.resources.some(resource => resource.resourceId === targetResource.resourceId);
   const emptyFolder = folder.subfolders.length === 0;
   const isMaxDepth = level > maxLevel;
@@ -139,10 +137,10 @@ const FolderItem = _ref => {
   const tabable = selected || focused || !focusedFolder && !folder.parentId && index === 0;
   return type === "navigation" ? _jsxs(FolderNameLink, {
     role: "treeitem",
-    "aria-owns": folder.subfolders.length ? treestructureId(type, "subfolders-".concat(folder.id)) : undefined,
+    "aria-owns": folder.subfolders.length ? treestructureId(type, `subfolders-${folder.id}`) : undefined,
     "aria-expanded": isMaxDepth || emptyFolder ? undefined : isOpen,
     "aria-current": selected ? "page" : undefined,
-    "aria-describedby": containsResource ? "alreadyAdded-".concat(folder.id) : undefined,
+    "aria-describedby": containsResource ? `alreadyAdded-${folder.id}` : undefined,
     ref: ref,
     style: levelVariable,
     onKeyDown: e => {
@@ -163,10 +161,9 @@ const FolderItem = _ref => {
       "data-open": isOpen,
       "data-hide-arrow": hideArrow,
       onClick: e => {
-        var _ref$current3;
         e.stopPropagation();
         e.preventDefault();
-        (_ref$current3 = ref.current) === null || _ref$current3 === void 0 || _ref$current3.focus();
+        ref.current?.focus();
         if (isOpen) {
           onCloseFolder(id);
         } else {
@@ -183,9 +180,9 @@ const FolderItem = _ref => {
     id: treestructureId(type, folder.id),
     "aria-expanded": isMaxDepth || emptyFolder ? undefined : isOpen,
     "aria-selected": selected,
-    "data-focused": (focusedFolder === null || focusedFolder === void 0 ? void 0 : focusedFolder.id) === folder.id,
-    "aria-describedby": containsResource ? "alreadyAdded-".concat(folder.id) : undefined,
-    "aria-label": "".concat(name).concat(folder.status === "shared" ? ", ".concat(t("myNdla.folder.sharing.shared")) : ""),
+    "data-focused": focusedFolder?.id === folder.id,
+    "aria-describedby": containsResource ? `alreadyAdded-${folder.id}` : undefined,
+    "aria-label": `${name}${folder.status === "shared" ? `, ${t("myNdla.folder.sharing.shared")}` : ""}`,
     variant: "ghost",
     shape: "sharp",
     fontWeight: "normal",
@@ -220,7 +217,7 @@ const FolderItem = _ref => {
       children: name
     }), containsResource && _jsx(StyledDone, {
       "aria-label": t("myNdla.alreadyInFolder"),
-      id: "alreadyAdded-".concat(folder.id),
+      id: `alreadyAdded-${folder.id}`,
       title: t("myNdla.alreadyInFolder")
     })]
   });

package/es/TreeStructure/FolderItems.js

@@ -44,7 +44,7 @@ const FolderItems = _ref => {
     ...rest
   } = _ref;
   return _jsxs(StyledUL, {
-    id: level === 0 && type === "picker" ? treestructureId(type, "popup") : parentFolder ? treestructureId(type, "subfolders-".concat(parentFolder.id)) : undefined,
+    id: level === 0 && type === "picker" ? treestructureId(type, "popup") : parentFolder ? treestructureId(type, `subfolders-${parentFolder.id}`) : undefined,
     tabIndex: -1,
     "aria-labelledby": level === 0 && type === "picker" ? treestructureId(type, "label") : undefined,
     role: level === 0 ? "tree" : "group",
@@ -53,7 +53,7 @@ const FolderItems = _ref => {
         subfolders,
         id
       } = folder;
-      const isOpen = openFolders === null || openFolders === void 0 ? void 0 : openFolders.includes(id);
+      const isOpen = openFolders?.includes(id);
       return _jsxs(StyledLI, {
         tabIndex: -1,
         role: "none",
@@ -81,7 +81,7 @@ const FolderItems = _ref => {
           ...rest,
           children: newFolderParentId === id && _jsx("li", {
             role: "none",
-            children: newFolderInput === null || newFolderInput === void 0 ? void 0 : newFolderInput({
+            children: newFolderInput?.({
               parentId: id,
               onClose: onCancelNewFolder,
               onCreate

package/es/TreeStructure/TreeStructure.js

@@ -67,7 +67,7 @@ const TreeStructure = _ref => {
     ariaDescribedby
   } = _ref;
   const ref = useRef(null);
-  const defaultSelectedFolderId = defaultOpenFolders === null || defaultOpenFolders === void 0 ? void 0 : defaultOpenFolders[defaultOpenFolders.length - 1];
+  const defaultSelectedFolderId = defaultOpenFolders?.[defaultOpenFolders.length - 1];
   const [openFolders, setOpenFolders] = useState(defaultOpenFolders || []);
   const [newFolderParentId, setNewFolderParentId] = useState();
   const [focusedFolder, _setFocusedFolder] = useState();
@@ -104,13 +104,12 @@ const TreeStructure = _ref => {
   };
   const setSelectedFolder = folder => {
     _setSelectedFolder(folder);
-    onSelectFolder === null || onSelectFolder === void 0 || onSelectFolder(folder.id);
+    onSelectFolder?.(folder.id);
   };
   const setFocusedFolder = folder => {
-    var _ref$current;
     _setFocusedFolder(folder);
     setNewFolderParentId(undefined);
-    (_ref$current = ref.current) === null || _ref$current === void 0 || _ref$current.focus({
+    ref.current?.focus({
       preventScroll: true
     });
   };
@@ -121,7 +120,7 @@ const TreeStructure = _ref => {
     const closedFolder = flattenedFolders.find(folder => folder.id === id);
     if (closedFolder) {
       const subFolders = closedFolder.subfolders && flattenFolders(closedFolder.subfolders);
-      if (subFolders.some(folder => folder.id === (selectedFolder === null || selectedFolder === void 0 ? void 0 : selectedFolder.id))) {
+      if (subFolders.some(folder => folder.id === selectedFolder?.id)) {
         setFocusedFolder(closedFolder);
       }
     }
@@ -129,24 +128,22 @@ const TreeStructure = _ref => {
   };
   const onNewFolderCreated = (newFolder, parentId) => {
     if (newFolder) {
-      var _ref$current2;
       setSelectedFolder(newFolder);
       setFocusedFolder(newFolder);
       setOpenFolders(uniq(openFolders.concat(parentId)));
-      setNewFolderParentId === null || setNewFolderParentId === void 0 || setNewFolderParentId(undefined);
-      (_ref$current2 = ref.current) === null || _ref$current2 === void 0 || _ref$current2.focus({
+      setNewFolderParentId?.(undefined);
+      ref.current?.focus({
         preventScroll: true
       });
     }
   };
   const onCancelNewFolder = () => {
-    var _ref$current3;
-    setNewFolderParentId === null || setNewFolderParentId === void 0 || setNewFolderParentId(undefined);
-    (_ref$current3 = ref.current) === null || _ref$current3 === void 0 || _ref$current3.focus({
+    setNewFolderParentId?.(undefined);
+    ref.current?.focus({
       preventScroll: true
     });
   };
-  const canAddFolder = selectedFolder && (selectedFolder === null || selectedFolder === void 0 ? void 0 : selectedFolder.breadcrumbs.length) < (maxLevel || 1);
+  const canAddFolder = selectedFolder && selectedFolder?.breadcrumbs.length < (maxLevel || 1);
   return _jsxs(StyledTreeStructure, {
     onBlur: e => {
       if (type === "picker" && !e.currentTarget.contains(e.relatedTarget)) {

package/es/TreeStructure/helperFunctions.js

@@ -28,5 +28,5 @@ export const flattenFolders = (folders, openFolders) => {
   }, []);
 };
 export const treestructureId = (type, modifier) => {
-  return "".concat(type, "-treestructure-").concat(modifier);
+  return `${type}-treestructure-${modifier}`;
 };

package/es/ZendeskButton/ZendeskButton.js

@@ -0,0 +1,55 @@
+/**
+ * Copyright (c) 2024-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+import { forwardRef, useState } from "react";
+import { Button } from "@ndla/primitives";
+
+// TODO: Let's consider abandoning `disabled` on the button here. It should instead just open/close the widget based on its current state.
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+export const ZendeskButton = /*#__PURE__*/forwardRef((_ref, ref) => {
+  let {
+    locale,
+    variant = "secondary",
+    widgetKey,
+    children,
+    ...rest
+  } = _ref;
+  const [loading, setLoading] = useState(false);
+  const handleClick = () => {
+    if (window && !window.zE) {
+      setLoading(true);
+      // Asynchronously load zendesk scripts for better performance
+      const script = document.createElement("script");
+      script.id = "ze-snippet";
+      script.type = "text/javascript";
+      script.async = true;
+      script.onload = () => {
+        if (window.zE) {
+          window.zE("webWidget", "setLocale", locale);
+          window.zE("webWidget:on", "close", () => {
+            setLoading(false);
+          });
+          window.zE("webWidget", "open");
+        }
+      };
+      script.src = `https://static.zdassets.com/ekr/snippet.js?key=${widgetKey}`;
+      document.body.appendChild(script);
+    } else if (window?.zE) {
+      window.zE("webWidget", "open");
+    }
+  };
+  return _jsx(Button, {
+    onClick: handleClick,
+    variant: variant,
+    id: "zendeskButton",
+    disabled: loading,
+    ...rest,
+    ref: ref,
+    children: children
+  });
+});

package/es/i18n/formatNestedMessages.js

@@ -15,7 +15,7 @@ export const formatNestedMessages = function (phrases) {
   Object.keys(phrases).forEach(key => {
     const value = phrases[key];
     if ({}.hasOwnProperty.call(phrases, key)) {
-      const keyWithPrefix = prefix ? "".concat(prefix, ".").concat(key) : key;
+      const keyWithPrefix = prefix ? `${prefix}.${key}` : key;
       if (typeof value === "object") {
         formatNestedMessages(value, formattedMessages, keyWithPrefix);
       } else {

package/es/index.js

@@ -64,4 +64,5 @@ export { default as FrontpageArticle, FRONTPAGE_ARTICLE_MAX_WIDTH, WIDE_FRONTPAG
 export { DefinitionTerm, DefinitionDescription } from "./DefinitionList";
 export { Gloss, GlossExample } from "./Gloss";
 export { LinkBlock, LinkBlockSection } from "./LinkBlock";
-export { CodeBlock, codeLanguageOptions } from "./CodeBlock";
+export { CodeBlock, codeLanguageOptions } from "./CodeBlock";
+export { ZendeskButton } from "./ZendeskButton/ZendeskButton";

package/es/locale/messages-en.js

@@ -61,7 +61,7 @@ const messages = {
       onChange: {
         deselect: "tag {{label}}, deselected.",
         clear: "All selected options have been cleared.",
-        initialFocus: "Tags {{labels}}, selected.",
+        initialFocus: `Tags {{labels}}, selected.`,
         selectedDisabled: "Tag {{label}} is disabled. Select another option.",
         selected: "Tag {{label}}, selected."
       },
@@ -82,11 +82,11 @@ const messages = {
   },
   htmlTitles: {
     titleTemplate,
-    welcomePage: "Frontpage".concat(titleTemplate),
+    welcomePage: `Frontpage${titleTemplate}`,
     topicPage: "Topic",
-    subjectsPage: "Choose subjects".concat(titleTemplate),
-    searchPage: "Search".concat(titleTemplate),
-    notFound: "Page not found".concat(titleTemplate)
+    subjectsPage: `Choose subjects${titleTemplate}`,
+    searchPage: `Search${titleTemplate}`,
+    notFound: `Page not found${titleTemplate}`
   },
   askNDLA: "Ask NDLA",
   articlePage: {
@@ -724,7 +724,7 @@ const messages = {
     previousArrow: "Go to previous step"
   },
   dropdown: {
-    numberHits: "Search returned {{hits}} hits",
+    numberHits: `Search returned {{hits}} hits`,
     searching: "Searching...",
     create: "Create new",
     isSelectedItem: "Added",
@@ -812,6 +812,7 @@ const messages = {
       url: "Error loading the audio.",
       caption: "Sorry, an error occurred while loading the audio."
     },
+    valueText: "{{start}} of {{end}}",
     controls: {
       forward15sec: "Forward 15 seconds",
       rewind15sec: "Rewind 15 seconds",
@@ -1369,9 +1370,9 @@ const messages = {
   embed: {
     conceptListError: "Failed to show concept list",
     linkError: "Failed to show link.",
-    unsupported: "Embed {{type}} not supported.",
+    unsupported: `Embed {{type}} not supported.`,
     goTo: "Go to {{type}}",
-    embedError: "An error occurred while loading the {{type}}. Try reloading the page.",
+    embedError: `An error occurred while loading the {{type}}. Try reloading the page.`,
     type: {
       image: "Image",
       video: "Video",

package/es/locale/messages-nb.js

@@ -61,7 +61,7 @@ const messages = {
       onChange: {
         deselect: "emneknagg {{label}}, fjernet.",
         clear: "Alle valgte emneknagger fjernet.",
-        initialFocus: "Emneknagger {{labels}}, valgt.",
+        initialFocus: `Emneknagger {{labels}}, valgt.`,
         selectedDisabled: "Emneknagg {{label}} kan ikke velges. Velg et annet alternativ.",
         selected: "Emneknagg {{label}},  valgt."
       },
@@ -82,11 +82,11 @@ const messages = {
   },
   htmlTitles: {
     titleTemplate,
-    welcomePage: "Forsiden".concat(titleTemplate),
+    welcomePage: `Forsiden${titleTemplate}`,
     topicPage: "Emne",
-    subjectsPage: "Velg fag".concat(titleTemplate),
-    searchPage: "S\xF8k".concat(titleTemplate),
-    notFound: "Siden finnes ikke".concat(titleTemplate)
+    subjectsPage: `Velg fag${titleTemplate}`,
+    searchPage: `Søk${titleTemplate}`,
+    notFound: `Siden finnes ikke${titleTemplate}`
   },
   askNDLA: "Spør NDLA",
   articlePage: {
@@ -724,7 +724,7 @@ const messages = {
     previousArrow: "Gå til forrige steg"
   },
   dropdown: {
-    numberHits: "S\xF8ket gav {{hits}} treff",
+    numberHits: `Søket gav {{hits}} treff`,
     searching: "Søker...",
     create: "Opprett ny",
     isSelectedItem: "Lagt til",
@@ -812,6 +812,7 @@ const messages = {
       url: "Feil ved lasting av lydfil.",
       caption: "Beklager, en feil oppstod ved lasting av lydfil."
     },
+    valueText: "{{start}} av {{end}}",
     controls: {
       forward15sec: "Spol 15 sekunder fram",
       rewind15sec: "Spol 15 sekunder tilbake",
@@ -1369,9 +1370,9 @@ const messages = {
   embed: {
     conceptListError: "Klarte ikke å vise forklaringsliste",
     linkError: "Klarte ikke å vise lenke.",
-    unsupported: "Embed {{type}} er ikke st\xF8ttet.",
+    unsupported: `Embed {{type}} er ikke støttet.`,
     goTo: "Gå til {{type}}",
-    embedError: "Beklager, en feil oppstod ved lasting av {{type}}. Pr\xF8v \xE5 laste inn siden p\xE5 nytt.",
+    embedError: `Beklager, en feil oppstod ved lasting av {{type}}. Prøv å laste inn siden på nytt.`,
     type: {
       image: "Bilde",
       video: "Video",

package/es/locale/messages-nn.js

@@ -61,7 +61,7 @@ const messages = {
       onChange: {
         deselect: "emneknagg {{label}}, fjerna.",
         clear: "Alle valgte emneknaggar fjerna.",
-        initialFocus: "Emneknaggar {{labels}}, valgt.",
+        initialFocus: `Emneknaggar {{labels}}, valgt.`,
         selectedDisabled: "Emneknagg {{label}} kan ikkje velgast. Velg eit anna alternativ.",
         selected: "Emneknagg {{label}},  valgt."
       },
@@ -82,11 +82,11 @@ const messages = {
   },
   htmlTitles: {
     titleTemplate,
-    welcomePage: "Framsida".concat(titleTemplate),
+    welcomePage: `Framsida${titleTemplate}`,
     topicPage: "Emne",
-    subjectsPage: "Velg fag".concat(titleTemplate),
-    searchPage: "S\xF8k".concat(titleTemplate),
-    notFound: "Sida finst ikkje".concat(titleTemplate)
+    subjectsPage: `Velg fag${titleTemplate}`,
+    searchPage: `Søk${titleTemplate}`,
+    notFound: `Sida finst ikkje${titleTemplate}`
   },
   askNDLA: "Spør NDLA",
   articlePage: {
@@ -724,7 +724,7 @@ const messages = {
     previousArrow: "Gå til førre steg"
   },
   dropdown: {
-    numberHits: "S\xF8ket gav {{hits}} treff",
+    numberHits: `Søket gav {{hits}} treff`,
     searching: "Søkjer...",
     create: "Opprett ny",
     isSelectedItem: "Lagt til",
@@ -812,6 +812,7 @@ const messages = {
       url: "Feil ved lasting av lydfil.",
       caption: "Orsak, ein feil oppstod ved lasting av lydfil."
     },
+    valueText: "{{start}} av {{end}}",
     controls: {
       forward15sec: "Spol 15 sekund fram",
       rewind15sec: "Spol 15 sekund tilbake",
@@ -1369,9 +1370,9 @@ const messages = {
   embed: {
     conceptListError: "Klarte ikkje å vise forklaringsliste",
     linkError: "Klarte ikkje å vise lenke.",
-    unsupported: "Embed {{type}} er ikkje st\xF8tta.",
+    unsupported: `Embed {{type}} er ikkje støtta.`,
     goTo: "Gå til {{type}}",
-    embedError: "Orsak, ein feil oppstod ved lasting av {{type}}. Pr\xF8v \xE5 laste inn sida p\xE5 nytt.",
+    embedError: `Orsak, ein feil oppstod ved lasting av {{type}}. Prøv å laste inn sida på nytt.`,
     type: {
       image: "Bilete",
       video: "Video",

package/es/locale/messages-se.js

@@ -61,7 +61,7 @@ const messages = {
       onChange: {
         deselect: "fáddágilkor {{label}}, sihkkojuvvon.",
         clear: "Buot válljejuvvon fáddágilkorat sihkkojuvvon.",
-        initialFocus: "F\xE1dd\xE1gilkorat {{labels}}, v\xE1lljejuvvon.",
+        initialFocus: `Fáddágilkorat {{labels}}, válljejuvvon.`,
         selectedDisabled: "Fáddágilkor {{label}} ii sáhte válljejuvvot. Vállje eará molsaeavttu.",
         selected: "Fáddágilkor {{label}},  vállejuvvon."
       },
@@ -82,11 +82,11 @@ const messages = {
   },
   htmlTitles: {
     titleTemplate,
-    welcomePage: "Ovdasiidu".concat(titleTemplate),
+    welcomePage: `Ovdasiidu${titleTemplate}`,
     topicPage: "Fáddá",
-    subjectsPage: "V\xE1llje f\xE1ga".concat(titleTemplate),
-    searchPage: "Oza".concat(titleTemplate),
-    notFound: "Siidu ii g\xE1vdno".concat(titleTemplate)
+    subjectsPage: `Vállje fága${titleTemplate}`,
+    searchPage: `Oza${titleTemplate}`,
+    notFound: `Siidu ii gávdno${titleTemplate}`
   },
   askNDLA: "Jeara NDLA:s",
   articlePage: {
@@ -724,7 +724,7 @@ const messages = {
     previousArrow: "Mana ovddit lávkái"
   },
   dropdown: {
-    numberHits: "Ohcamis ledje {{hits}} deaivama",
+    numberHits: `Ohcamis ledje {{hits}} deaivama`,
     searching: "Ohcá...",
     create: "Ráhkat ođđa",
     isSelectedItem: "Lasihuvvon",
@@ -812,6 +812,7 @@ const messages = {
       url: "Boasttuvuohta jietnafiilla viežžamis.",
       caption: "Šállošat, boasttuvuohta čuožžilii jietnafiilla viežžamis."
     },
+    valueText: "{{start}} av {{end}}",
     controls: {
       forward15sec: "Sirdde 15 sekundda ovddas",
       rewind15sec: "Sirdde 15 sekundda maŋos",
@@ -1369,9 +1370,9 @@ const messages = {
   embed: {
     conceptListError: "Ii sáhttán čájehit čilgehuslisttu",
     linkError: "Ii sáhttán čájehit liŋkka.",
-    unsupported: "Embed {{type}} ii dorjojuvvo.",
+    unsupported: `Embed {{type}} ii dorjojuvvo.`,
     goTo: "Mana {{type}}",
-    embedError: "\u0160attai meatt\xE1hus {{type}} vie\u010D\u010Dadettiin. Geah\u010D\u010Dal vie\u017E\u017Eat siiddu o\u0111\u0111asit.",
+    embedError: `Šattai meattáhus {{type}} vieččadettiin. Geahččal viežžat siiddu ođđasit.`,
     type: {
       image: "Govva",
       video: "Video",