@bigbinary/neeto-team-members-frontend 4.5.2 → 4.5.5

package/README.md

@@ -1,6 +1,6 @@
 # neeto-team-members-nano
 
-The `neeto-team-members-nano` facilitates the administration of team members within neeto applications. The nano exports the `@bigbinary/neeto-team-members-frontend` NPM package and `neeto-team-members-engine` Rails engine for development.
+The `neeto-team-members-nano` facilitates the administration of team members within neeto applications. The nano exports the `@bigbinary/neeto-team-members-frontend` NPM package and `neeto-team-members-engine` Rails engine for development. 
 
 ## Contents
 

package/app/javascript/src/translations/en.json

@@ -1,18 +1,4 @@
 {
-  "taxonomyDefaultLabels": {
-    "member": {
-      "singular": "Team member",
-      "plural": "Team members"
-    },
-    "group": {
-      "singular": "Group",
-      "plural": "Groups"
-    },
-    "groupMember": {
-      "singular": "Member",
-      "plural": "Members"
-    }
-  },
   "neetoTeamMembers": {
     "alerts": {
       "messages": {
@@ -20,31 +6,31 @@
         "activateMember_other": "You are activating <strong>{{count}}</strong> {{taxonomies.member.plural}}.",
         "changeRole_one": "You are changing the role of <strong>{{person, anyCase}}</strong> to <strong>{{role, anyCase}}</strong>.",
         "changeRole_other": "You are changing the role of <strong>{{count}}</strong> {{metaName}} to <strong>{{role, anyCase}}</strong>.",
-        "removeMember_one": "You are removing the {{taxonomies.member.singular}} <strong>{{person, anyCase}}</strong>.",
-        "removeMember_other": "You are removing <strong>{{count}}</strong> {{taxonomies.member.plural}}.",
-        "deletingRole": "You are permanently deleting the role <strong>{{name, anyCase}}</strong>. This can't be undone.",
         "delete": "You are permanently deleting the {{resource}} <strong>{{name, anyCase}}</strong>. This can't be undone.",
-        "removeMember": "You are removing <strong>{{member, anyCase}}</strong> from this group."
+        "deletingRole": "You are permanently deleting the role <strong>{{name, anyCase}}</strong>. This can't be undone.",
+        "removeMember": "You are removing <strong>{{member, anyCase}}</strong> from this group.",
+        "removeMember_one": "You are removing the {{taxonomies.member.singular}} <strong>{{person, anyCase}}</strong>.",
+        "removeMember_other": "You are removing <strong>{{count}}</strong> {{taxonomies.member.plural}}."
       }
     },
     "buttons": {
+      "activate": "Activate",
       "back": "Back",
       "cancel": "Cancel",
+      "changeRole": "Change role",
       "continue": "Continue",
+      "delete": "Delete",
       "download": "Download",
       "editBasicInfo": "Edit basic info",
       "manageBillingAndSubscriptions": "Manage billing and subscriptions",
+      "remove": "Remove",
       "reset": "Reset",
       "saveChanges": "Save changes",
-      "delete": "Delete",
-      "activate": "Activate",
-      "remove": "Remove",
-      "changeRole": "Change role",
       "updateEmail": "Update email"
     },
     "columns": {
-      "search": "Search columns",
-      "noColumnsFound": "No columns found."
+      "noColumnsFound": "No columns found.",
+      "search": "Search columns"
     },
     "common": {
       "activate": "Activate",
@@ -55,9 +41,7 @@
       "all": "All",
       "all_": "All {{what}}",
       "changeRole": "Change role?",
-      "remove_": "Remove {{what}}?",
       "deactivated": "Remove",
-      "removed_": "Removed {{what}}",
       "delete": "Delete",
       "description": "Description",
       "edit": "Edit",
@@ -65,48 +49,68 @@
       "email_one": "Email",
       "email_other": "Emails",
       "format": "Format",
+      "free": "Free",
+      "loading": "Loading...",
       "name": "Name",
       "notFound_": "There are no {{what}} to show",
       "notFoundWithKind_": "There are no {{kind}} {{what}} to show",
       "permission_one": "Permission",
       "permission_other": "Permissions",
       "productName": "Product name",
+      "remove": "Remove",
+      "remove_": "Remove {{what}}?",
+      "removed_": "Removed {{what}}",
       "role_one": "Role",
       "role_other": "Roles",
       "search_": "Search {{what}}",
+      "subscriptionType": "{{subscription}} plan",
       "takeAction": "Take action",
-      "remove": "Remove",
-      "loading": "Loading...",
-      "subscriptionType": "{{subscription}} plan"
+      "timeZone": "Etc/UTC"
+    },
+    "downloadPane": {
+      "description": {
+        "allMembers": "Download all {{taxonomies.member.plural}}",
+        "selectedMembers_one": "Download selected {{taxonomies.member.singular}}",
+        "selectedMembers_other": "Download {{count}} selected {{taxonomies.member.plural}}"
+      },
+      "title": "Download {{taxonomies.member.plural}}"
     },
     "helpers": {
       "addMembersToNeetoProducts": "Add {{- emails, boldList}} to the following neeto products.",
-      "manageProducts": "Too many products? <button>Disable some</button> of these products.",
       "configPermissions": "Configure permissions for the modules.",
+      "emptyTable": "There are no {{entity}} to show",
       "enterMultipleEmails": "Press space, comma, tab or enter key to add multiple email addresses.",
+      "manageProducts": "Too many products? <button>Disable some</button> of these products.",
+      "memberCreationStatus_one": "Inviting {{taxonomies.member.singular}}",
+      "memberCreationStatus_other": "Inviting {{taxonomies.member.plural}}",
       "metaNameWithCount_one": "{{totalCount}} {{taxonomies.member.singular}}",
       "metaNameWithCount_other": "{{totalCount}} {{taxonomies.member.plural}}",
       "multipleProductInvitation": "{{- emails, boldList}} will be invited to the following neeto products with the role given next to it.",
+      "noRecords": "No records found",
       "noRolesFound": "No roles found.",
+      "selectAll": "Select all {{count}} team members",
+      "selectedMembers": "All {{count}} team members on this page are selected",
       "selectedMembersCount_one": "{{count}} {{taxonomies.member.singular}} selected of <span>{{totalCount}}</span>",
       "selectedMembersCount_other": "{{count}} {{taxonomies.member.plural}} selected of <span>{{totalCount}}</span>",
       "singleProductInvitation": "{{- emails, boldList}} will be invited to <strong>{{product, anyCase}}</strong> with a role of <strong>{{role, anyCase}}</strong>.",
-      "memberCreationStatus_one": "Inviting {{taxonomies.member.singular}}",
-      "memberCreationStatus_other": "Inviting {{taxonomies.member.plural}}",
       "themeSelector": "Theme selector",
-      "whyIsItDisabled": "Why is it disabled?",
-      "emptyTable": "There are no {{entity}} to show",
-      "noRecords": "No records found",
-      "selectAll": "Select all {{count}} team members",
-      "selectedMembers": "All {{count}} team members on this page are selected"
+      "whyIsItDisabled": "Why is it disabled?"
     },
     "labels": {
       "addNewRole": "Add new role",
       "billingAndSubscriptions": "Billing and subscriptions",
       "country": "Country",
       "deleteRole": "Delete role?",
+      "deleteTitle": "Delete {{resource}}?",
+      "downloadAs": "Download as {{format, anyCase}}",
+      "downloads": {
+        "csv": "CSV",
+        "pdf": "PDF",
+        "xlsx": "Excel"
+      },
       "editRole": "Edit role",
       "firstName": "First name",
+      "groupName": "{{taxonomies.group.singular, anyCase}} name",
       "lastName": "Last name",
       "manageMember_one": "Manage member",
       "manageMember_other": "Manage members",
@@ -115,114 +119,112 @@
       "neeto_": "Neeto{{product, anyCase}}",
       "preferredDateFormat": "Preferred date format",
       "preferredTimeFormat": "Preferred time format",
+      "removeMember": "Remove {{member}}?",
       "roleNotFound_one": "There are no role to show",
       "roleNotFound_other": "There are no roles to show",
-      "upgradeToProPlan": "Upgrade the above added members to the PRO",
-      "deleteTitle": "Delete {{resource}}?",
-      "removeMember": "Remove {{member}}?",
       "timeZone": "Time zone",
       "totalMembers": "Total {{taxonomies.member.plural}}",
-      "groupName": "{{taxonomies.group.singular, anyCase}} name",
-      "downloadAs": "Download as {{format, anyCase}}",
-      "downloads": {
-        "pdf": "PDF",
-        "csv": "CSV",
-        "xlsx": "Excel"
-      }
+      "upgradeToProPlan": "Upgrade the above added members to the PRO"
     },
     "placeholders": {
       "email": "Please enter the email addresses",
-      "enterName": "Please enter the name",
       "enterDescription": "Please enter a description",
+      "enterName": "Please enter the name",
+      "search": "Search",
+      "searchEntity": "Search {{entity}}",
       "searchPermission_one": "Search permission",
       "searchPermission_other": "Search permissions",
       "searchRole_one": "Search role",
-      "searchRole_other": "Search roles",
-      "searchEntity": "Search {{entity}}",
-      "search": "Search"
+      "searchRole_other": "Search roles"
+    },
+    "profile": {
+      "avatar": {
+        "changeProfilePicture": "Change profile picture",
+        "profilePicture": "Profile picture",
+        "profilePictureUploadMessage": "Only JPEG, PNG files are supported. Maximum allowed file size is <strong>{{limit}}MB</strong>.",
+        "uploadProfilePicture": "Upload profile picture"
+      },
+      "common": {
+        "ddmmyy": "DD/MM/YYYY",
+        "mmddyy": "MM/DD/YYYY",
+        "myProfile": "My Profile",
+        "neetoAuth": "NeetoAuth",
+        "timeZoneOption": "{{timeZone, anyCase}} - {{currentTime}}",
+        "toUpdateProfile": "To change your email, billing and subscription <button>visit NeetoAuth.</button>",
+        "yymmdd": "YYYY/MM/DD"
+      },
+      "file": {
+        "corrupted": "The submitted file was empty or corrupt. Please select a valid file.",
+        "invalidType": {
+          "image": "Invalid file type. Please select a JPG, JPEG, or PNG file instead and try again."
+        },
+        "limitExceeded": "File limit exceeded, maximum allowed size is {{maxSize}} MB. Please select a smaller file and try again."
+      },
+      "form": {
+        "dotsNotAllowed": "Dots are not allowed",
+        "invalidName": "Use only letters, numbers, spaces, commas, periods, apostrophes, and hyphens.",
+        "isRequired": {
+          "dateFormat": "Date format is required",
+          "firstName": "First name is required",
+          "lastName": "Last name is required"
+        }
+      },
+      "inputs": {
+        "label": {
+          "dateFormat": "Select preferred date format",
+          "firstName": "First name",
+          "lastName": "Last name",
+          "selectCountry": "Select country",
+          "selectTimeFormat": "Select preferred time format",
+          "selectTimeZone": "Select time zone"
+        },
+        "placeholder": {
+          "firstName": "First name",
+          "lastName": "Last name"
+        }
+      }
     },
     "tooltips": {
       "activateUserToEdit_one": "Please activate the user to edit their role.",
       "activateUserToEdit_other": "Please activate the selected users to edit their role.",
       "adminMustHaveAccess": "{{roleName}} permissions cannot be changed by anyone.",
       "clickToViewPermissions": "Click to view the roles and their permissions.",
+      "goBackToChangeRole": "Please go back to change the role.",
+      "hostAppIsRequired": "This neeto product is required to continue.",
       "noPermissionToAddMember": "Please ask the admin to permit you to add members.",
       "noPermissionToAddRole": "Please ask the admin to permit you to add roles.",
       "noPermissionToEditMembers": "Please ask the admin to permit you to edit members.",
       "noPermissionToEditRoles": "Please ask the admin to permit you to edit roles.",
       "noPermissionToRemoveRoles": "Please ask the admin to permit you to remove roles.",
-      "goBackToChangeRole": "Please go back to change the role.",
-      "hostAppIsRequired": "This neeto product is required to continue.",
       "uncheckOnSelectPermissions": "If you select this permission, the following permissions will be unchecked: {{permissions}}"
     },
     "validations": {
+      "descriptionLimitExceeded": "You have exceeded the limit of {{limit}} characters for the description.",
       "enterRoleName": "Please enter a valid role name.",
       "filterInvalidEmails": "Click here to remove invalid emails.",
-      "nameLimitExceeded": "You have exceeded the limit of {{limit}} characters for the name.",
-      "descriptionLimitExceeded": "You have exceeded the limit of {{limit}} characters for the description.",
+      "max": "Field must be less than {{size}} characters",
+      "memberLimitExceeded": "Max {{limit}} team members are allowed. <emailTo>Contact us</emailTo> to increase the limit.",
       "minOneEmail": "Please enter at least one email address.",
-      "roleRequired": "Please select a role.",
+      "nameLimitExceeded": "You have exceeded the limit of {{limit}} characters for the name.",
+      "noWhiteSpaces": "{{what, anyCase}} should not lead or end with white spaces",
       "removeSpaces": "Please remove the spaces.",
-      "validEmail": "Please ensure that all email addresses are valid.",
-      "memberLimitExceeded": "Max {{limit}} team members are allowed. <emailTo>Contact us</emailTo> to increase the limit.",
       "required": "{{what, anyCase}} is a required field",
-      "noWhiteSpaces": "{{what, anyCase}} should not lead or end with white spaces",
-      "max": "Field must be less than {{size}} characters"
+      "roleRequired": "Please select a role.",
+      "validEmail": "Please ensure that all email addresses are valid."
+    }
+  },
+  "taxonomyDefaultLabels": {
+    "group": {
+      "plural": "Groups",
+      "singular": "Group"
     },
-    "downloadPane": {
-      "title": "Download {{taxonomies.member.plural}}",
-      "description": {
-        "selectedMembers_one": "Download selected {{taxonomies.member.singular}}",
-        "selectedMembers_other": "Download {{count}} selected {{taxonomies.member.plural}}",
-        "allMembers": "Download all {{taxonomies.member.plural}}"
-      }
+    "groupMember": {
+      "plural": "Members",
+      "singular": "Member"
     },
-    "profile": {
-      "common": {
-        "myProfile": "My Profile",
-        "mmddyy": "MM/DD/YYYY",
-        "ddmmyy": "DD/MM/YYYY",
-        "yymmdd": "YYYY/MM/DD",
-        "timeZoneOption": "{{timeZone, anyCase}} - {{currentTime}}",
-        "toUpdateProfile": "To change your email, billing and subscription <button>visit NeetoAuth.</button>",
-        "neetoAuth": "NeetoAuth"
-      },
-      "inputs": {
-        "label": {
-          "firstName": "First name",
-          "lastName": "Last name",
-          "selectCountry": "Select country",
-          "selectTimeZone": "Select time zone",
-          "dateFormat": "Select preferred date format",
-          "selectTimeFormat": "Select preferred time format"
-        },
-        "placeholder": {
-          "firstName": "First name",
-          "lastName": "Last name"
-        }
-      },
-      "avatar": {
-        "profilePicture": "Profile picture",
-        "profilePictureUploadMessage": "Only JPEG, PNG files are supported. Maximum allowed file size is <strong>{{limit}}MB</strong>.",
-        "changeProfilePicture": "Change profile picture",
-        "uploadProfilePicture": "Upload profile picture"
-      },
-      "file": {
-        "invalidType": {
-          "image": "Invalid file type. Please select a JPG, JPEG, or PNG file instead and try again."
-        },
-        "corrupted": "The submitted file was empty or corrupt. Please select a valid file.",
-        "limitExceeded": "File limit exceeded, maximum allowed size is {{maxSize}} MB. Please select a smaller file and try again."
-      },
-      "form": {
-        "isRequired": {
-          "firstName": "First name is required",
-          "lastName": "Last name is required",
-          "dateFormat": "Date format is required"
-        },
-        "invalidName": "Use only letters, numbers, spaces, commas, periods, apostrophes, and hyphens.",
-        "dotsNotAllowed": "Dots are not allowed"
-      }
+    "member": {
+      "plural": "Team members",
+      "singular": "Team member"
     }
   },
   "toastr": {

package/dist/Profile.js

@@ -11,7 +11,7 @@ import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
 import { useProfileImageUpload } from '@bigbinary/neeto-image-uploader-frontend/hooks';
 import { NeetoTimezoneSelector, ianaTimezoneToHumanReadable } from '@bigbinary/neeto-time-zones';
-import { findById, findBy, noop, isNotEmpty, capitalize } from '@bigbinary/neeto-cist';
+import { findById, findBy, noop, isNotEmpty, _findBy } from '@bigbinary/neeto-cist';
 import Label from '@bigbinary/neetoui/Label';
 import Spinner from '@bigbinary/neetoui/Spinner';
 import Toastr from '@bigbinary/neetoui/Toastr';
@@ -19,7 +19,7 @@ import Input from '@bigbinary/neetoui/formik/Input';
 import Select from '@bigbinary/neetoui/formik/Select';
 import Form from '@bigbinary/neetoui/formik/Form';
 import ActionBlock from '@bigbinary/neetoui/formik/ActionBlock';
-import { isNotNil } from 'ramda';
+import { isNotNil, isNil, is, trim } from 'ramda';
 import { B as BASE_URL, Q as QUERY_KEYS, T as TIME_FORMAT_OPTIONS, D as DATE_FORMAT_OPTIONS } from './constants-BdTiHt55.js';
 import { useQuery } from '@tanstack/react-query';
 import { DEFAULT_STALE_TIME } from '@bigbinary/neeto-commons-frontend/constants';
@@ -550,8 +550,12 @@ var useProfileUpdatePaneState = function useProfileUpdatePaneState() {
   }, shallow);
 };
 
+var sanitizeValue = function sanitizeValue(value, defaultValue) {
+  return isNil(value) || is(String, value) && trim(value) === "" ? defaultValue : value;
+};
+
 var Preview = function Preview(_ref) {
-  var _findBy, _findBy2, _globalProps$user;
+  var _globalProps$user, _findBy2, _findBy3;
   var _ref$preferredDateFor = _ref.preferredDateFormat,
     preferredDateFormat = _ref$preferredDateFor === void 0 ? {} : _ref$preferredDateFor,
     _ref$preferredTimeFor = _ref.preferredTimeFormat,
@@ -560,51 +564,39 @@ var Preview = function Preview(_ref) {
     preferredTimeZone = _ref$preferredTimeZon === void 0 ? {} : _ref$preferredTimeZon;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
-  var _useState = useState(""),
-    _useState2 = _slicedToArray(_useState, 2),
-    time = _useState2[0],
-    setTime = _useState2[1];
   var _useFetchProfile = useFetchProfile(),
     _useFetchProfile$data = _useFetchProfile.data,
     _useFetchProfile$data2 = _useFetchProfile$data === void 0 ? {} : _useFetchProfile$data,
     _useFetchProfile$data3 = _useFetchProfile$data2.user,
     user = _useFetchProfile$data3 === void 0 ? {} : _useFetchProfile$data3,
     isFetchingUserDetails = _useFetchProfile.isFetching;
-  var _user$firstName = user.firstName,
-    firstName = _user$firstName === void 0 ? "" : _user$firstName,
-    _user$lastName = user.lastName,
-    lastName = _user$lastName === void 0 ? "" : _user$lastName,
-    _user$email = user.email,
-    email = _user$email === void 0 ? "" : _user$email,
-    _user$dateFormat = user.dateFormat,
-    dateFormat = _user$dateFormat === void 0 ? user.dateFormat || DATE_FORMAT_OPTIONS[0].value : _user$dateFormat,
-    _user$timeZone = user.timeZone,
-    timeZone = _user$timeZone === void 0 ? "UTC" : _user$timeZone,
-    _user$profileImageUrl = user.profileImageUrl,
-    profileImageUrl = _user$profileImageUrl === void 0 ? "" : _user$profileImageUrl,
-    _user$countryName = user.countryName,
-    countryName = _user$countryName === void 0 ? "" : _user$countryName,
-    _user$timeFormat = user.timeFormat,
-    timeFormat = _user$timeFormat === void 0 ? user.timeFormat || TIME_FORMAT_OPTIONS[0].value : _user$timeFormat;
+  var sanitizedUser = {
+    countryName: sanitizeValue(user.countryName, "-"),
+    dateFormat: sanitizeValue(user.dateFormat, ""),
+    email: sanitizeValue(user.email, "-"),
+    firstName: sanitizeValue(user.firstName, "-"),
+    lastName: sanitizeValue(user.lastName, "-"),
+    profileImageUrl: sanitizeValue(user.profileImageUrl, ""),
+    timeFormat: sanitizeValue(user.timeFormat, ""),
+    timeZone: sanitizeValue(user.timeZone, "Etc/UTC")
+  };
+  var countryName = sanitizedUser.countryName,
+    dateFormat = sanitizedUser.dateFormat,
+    email = sanitizedUser.email,
+    firstName = sanitizedUser.firstName,
+    lastName = sanitizedUser.lastName,
+    profileImageUrl = sanitizedUser.profileImageUrl,
+    timeFormat = sanitizedUser.timeFormat,
+    timeZone = sanitizedUser.timeZone;
   var name = "".concat(firstName, " ").concat(lastName).trim();
-  useEffect(function () {
-    var updateTime = function updateTime() {
-      var now = new Date();
-      var options = {
-        timeZone: timeZone,
-        hour: "2-digit",
-        minute: "2-digit",
-        hour12: timeFormat === "12h" || true
-      };
-      var formattedTime = new Intl.DateTimeFormat("en-US", options).format(now);
-      setTime(formattedTime);
-    };
-    var interval = setInterval(updateTime, 1000);
-    return function () {
-      return clearInterval(interval);
-    };
-  }, [timeZone]);
-  if (!time || isFetchingUserDetails) {
+  var subscription = sanitizeValue((_globalProps$user = globalProps.user) === null || _globalProps$user === void 0 ? void 0 : _globalProps$user.subscriptionPlan, t("neetoTeamMembers.common.free"));
+  var time = new Intl.DateTimeFormat("en-US", {
+    timeZone: timeZone,
+    hour: "2-digit",
+    minute: "2-digit",
+    hour12: (timeFormat || TIME_FORMAT_OPTIONS[0].value) === "12h"
+  }).format(new Date());
+  if (isFetchingUserDetails) {
     return /*#__PURE__*/jsx("div", {
       className: "flex h-full w-full items-center justify-center",
       children: /*#__PURE__*/jsx(Spinner, {})
@@ -669,7 +661,7 @@ var Preview = function Preview(_ref) {
           }), /*#__PURE__*/jsx(Typography, {
             className: "neeto-ui-text-gray-600",
             style: "body2",
-            children: countryName || "-"
+            children: countryName
           })]
         }), /*#__PURE__*/jsxs("div", {
           className: "flex flex-col gap-1",
@@ -693,9 +685,9 @@ var Preview = function Preview(_ref) {
           }), /*#__PURE__*/jsx(Typography, {
             className: "neeto-ui-text-gray-600",
             style: "body2",
-            children: ((_findBy = findBy({
+            children: ((_findBy2 = _findBy({
               value: timeFormat
-            }, TIME_FORMAT_OPTIONS)) === null || _findBy === void 0 ? void 0 : _findBy.label) || "-"
+            }, TIME_FORMAT_OPTIONS)) === null || _findBy2 === void 0 ? void 0 : _findBy2.label) || "-"
           })]
         }), /*#__PURE__*/jsxs("div", {
           className: "flex flex-col gap-1",
@@ -707,9 +699,9 @@ var Preview = function Preview(_ref) {
           }), /*#__PURE__*/jsx(Typography, {
             className: "neeto-ui-text-gray-600",
             style: "body2",
-            children: ((_findBy2 = findBy({
+            children: ((_findBy3 = _findBy({
               value: dateFormat
-            }, DATE_FORMAT_OPTIONS)) === null || _findBy2 === void 0 ? void 0 : _findBy2.label) || "-"
+            }, DATE_FORMAT_OPTIONS)) === null || _findBy3 === void 0 ? void 0 : _findBy3.label) || "-"
           })]
         })]
       }), /*#__PURE__*/jsx("div", {
@@ -719,12 +711,12 @@ var Preview = function Preview(_ref) {
           children: [/*#__PURE__*/jsx(Label, {
             children: t("neetoTeamMembers.labels.billingAndSubscriptions")
           }), /*#__PURE__*/jsx(Typography, {
-            className: "neeto-ui-text-gray-700",
+            className: "neeto-ui-text-gray-700 first-letter:uppercase",
             style: "body2",
             children: /*#__PURE__*/jsx(Trans, {
               i18nKey: "neetoTeamMembers.common.subscriptionType",
               values: {
-                subscription: capitalize((_globalProps$user = globalProps.user) === null || _globalProps$user === void 0 ? void 0 : _globalProps$user.subscriptionPlan)
+                subscription: subscription
               }
             })
           })]
@@ -776,12 +768,15 @@ var Profile = function Profile(_ref) {
             icon: MenuHorizontal,
             children: /*#__PURE__*/jsxs(Menu, {
               children: [/*#__PURE__*/jsx(MenuItem.Button, {
+                "data-cy": "edit-basic-info-menu-button",
                 onClick: enableEditMode,
                 children: t("neetoTeamMembers.buttons.editBasicInfo")
               }), /*#__PURE__*/jsx(MenuItem.Button, {
+                "data-cy": "update-email-menu-button",
                 href: MY_PROFILE_PATH,
                 children: t("neetoTeamMembers.buttons.updateEmail")
               }), /*#__PURE__*/jsx(MenuItem.Button, {
+                "data-cy": "manage-billing-subscriptions-menu-button",
                 href: MY_PROFILE_PATH,
                 children: t("neetoTeamMembers.buttons.manageBillingAndSubscriptions")
               })]