@aarhus-university/au-lib-react-components 9.11.16 → 9.11.19

package/package.json

@@ -1,7 +1,7 @@
 {
   "sideEffects": false,
   "name": "@aarhus-university/au-lib-react-components",
-  "version": "9.11.16",
+  "version": "9.11.19",
   "description": "Library for shared React components for various applications on au.dk",
   "main": "build/cjs/index.js",
   "scripts": {

package/src/components/profile/AUProfileAvatarV3Component.js

@@ -12,10 +12,10 @@ const AUProfileAvatarComponent = React.memo(({
   profileLabels,
   logoutUri,
   changeLanguageUrl,
+  lang,
 }) => {
   const {
     auId,
-    preferredLanguage,
     firstNames,
     lastName,
   } = user;
@@ -32,10 +32,10 @@ const AUProfileAvatarComponent = React.memo(({
       className="nav__item nav__item--icon nav__item--icon--right"
       dataIcon=""
       text={firstNames}
-      ariaLabel={`${profileLabels[preferredLanguage].profileFor} ${firstNames} ${lastName}`}
+      ariaLabel={`${profileLabels[lang].profileFor} ${firstNames} ${lastName}`}
     >
       <AUProfileWidgetComponent
-        lang={preferredLanguage}
+        lang={lang}
         name={`${firstNames} ${lastName}`}
         auid={auId}
         settings={settings}
@@ -73,6 +73,7 @@ AUProfileAvatarComponent.propTypes = {
   profileLabels: PropTypes.shape({}).isRequired,
   logoutUri: PropTypes.string.isRequired,
   changeLanguageUrl: PropTypes.string,
+  lang: PropTypes.string.isRequired,
 };
 
 AUProfileAvatarComponent.displayName = 'AUProfileAvatarComponent';

package/src/components/profile/AUProfileWidgetV3Component.js

@@ -23,7 +23,8 @@ const AUProfileWidgetComponent = React.memo(({
           className={`sub-nav__item ${s.classNames}`}
           href={s.url}
           data-icon={s.icon}
-          data-gtm={s.dataGtm}>
+          data-gtm={s.dataGtm}
+        >
           {s.text}
         </a>
       );

package/src/lib/helpers.js

@@ -156,17 +156,20 @@ const splitPhoneNumber = (countryCodes, phoneNumber) => {
   ).length > 0;
 
   const findPrefix = () => {
-    const skip = '+';
-    let count = 1;
-    let prefix = countryCodes.find((x) => x.important).code;
-    while (count < phoneNumber.length) {
-      const split = phoneNumber.substring(skip.length, skip.length + count);
-      if (countryCodeFound(split)) {
-        prefix = split;
+    if (countryCodes.length > 0) {
+      const skip = '';
+      let count = 1;
+      let prefix = countryCodes.find((x) => x.important).code;
+      while (count < phoneNumber.length) {
+        const split = phoneNumber.substring(skip.length, skip.length + count);
+        if (countryCodeFound(split)) {
+          prefix = split;
+        }
+        count += 1;
       }
-      count += 1;
+      return skip + prefix;
     }
-    return skip + prefix;
+    return '';
   };
 
   const prefix = findPrefix();
@@ -179,7 +182,10 @@ const splitPhoneNumber = (countryCodes, phoneNumber) => {
 const prettyPrintPhone = (countryCodes, phone) => {
   if (phone) {
     const { prefix, number } = splitPhoneNumber(countryCodes, phone);
-    return `${prefix} ${number.match(/\d{1,2}/g).join(' ')}`;
+    if (prefix) {
+      return `${prefix} ${number.match(/\d{1,2}/g).join(' ')}`;
+    }
+    return number.match(/\d{1,2}/g).join(' ');
   }
   return '';
 };