@bigbinary/neeto-team-members-frontend 2.5.16 → 2.5.18

package/README.md

@@ -12,13 +12,13 @@ functioning of the package. Install all the peer dependencies using the below
 command:
 
     ```zsh
-    yarn add @bigbinary/neeto-commons-frontend@2.0.35 @bigbinary/neeto-icons@1.9.10 @bigbinary/neetoui@4.3.3 @honeybadger-io/js@5.1.1 @honeybadger-io/react@5.1.2 axios@1.3.3 classnames@2.3.2 formik@2.2.9 js-logger@1.6.1 ramda@0.28.0 react-helmet@6.1.0 react-query@3.39.3 react-router-dom@5.3.4 react-toastify@8.2.0 yup@1.0.0
+    yarn add @bigbinary/neeto-commons-frontend@2.0.36 @bigbinary/neeto-icons@1.9.11 @bigbinary/neetoui@4.3.3 @honeybadger-io/js@5.1.1 @honeybadger-io/react@5.1.3 axios@1.3.3 classnames@2.3.2 formik@2.2.9 js-logger@1.6.1 ramda@0.28.0 react-helmet@6.1.0 react-query@3.39.3 react-router-dom@5.3.4 react-toastify@8.2.0 yup@1.0.0
     ```
 
 2. Now install the latest **neetoTeamMembers** package using the below command:
 
     ```zsh
-    yarn add @bigbinary/neeto-team-members-frontend@2.5.16
+    yarn add @bigbinary/neeto-team-members-frontend@2.5.17
     ```
 
 ## Usage

package/dist/index.cjs.js

@@ -2519,14 +2519,24 @@ var Translator = function (_EventEmitter) {
         if (appendNamespaceToCIMode) {
           var nsSeparator = options.nsSeparator || this.options.nsSeparator;
           if (returnDetails) {
-            resolved.res = "".concat(namespace).concat(nsSeparator).concat(key);
-            return resolved;
+            return {
+              res: "".concat(namespace).concat(nsSeparator).concat(key),
+              usedKey: key,
+              exactUsedKey: key,
+              usedLng: lng,
+              usedNS: namespace
+            };
           }
           return "".concat(namespace).concat(nsSeparator).concat(key);
         }
         if (returnDetails) {
-          resolved.res = key;
-          return resolved;
+          return {
+            res: key,
+            usedKey: key,
+            exactUsedKey: key,
+            usedLng: lng,
+            usedNS: namespace
+          };
         }
         return key;
       }
@@ -3325,7 +3335,7 @@ var Interpolator = function () {
             if (typeof missingInterpolationHandler === 'function') {
               var temp = missingInterpolationHandler(str, match, options);
               value = typeof temp === 'string' ? temp : '';
-            } else if (options && options.hasOwnProperty(matchedVar)) {
+            } else if (options && Object.prototype.hasOwnProperty.call(options, matchedVar)) {
               value = '';
             } else if (skipOnVariables) {
               value = match[0];
@@ -3474,34 +3484,34 @@ var Formatter = function () {
     this.logger = baseLogger.create('formatter');
     this.options = options;
     this.formats = {
-      number: createCachedFormatter(function (lng, options) {
-        var formatter = new Intl.NumberFormat(lng, options);
+      number: createCachedFormatter(function (lng, opt) {
+        var formatter = new Intl.NumberFormat(lng, _objectSpread$2$1({}, opt));
         return function (val) {
           return formatter.format(val);
         };
       }),
-      currency: createCachedFormatter(function (lng, options) {
-        var formatter = new Intl.NumberFormat(lng, _objectSpread$2$1(_objectSpread$2$1({}, options), {}, {
+      currency: createCachedFormatter(function (lng, opt) {
+        var formatter = new Intl.NumberFormat(lng, _objectSpread$2$1(_objectSpread$2$1({}, opt), {}, {
           style: 'currency'
         }));
         return function (val) {
           return formatter.format(val);
         };
       }),
-      datetime: createCachedFormatter(function (lng, options) {
-        var formatter = new Intl.DateTimeFormat(lng, _objectSpread$2$1({}, options));
+      datetime: createCachedFormatter(function (lng, opt) {
+        var formatter = new Intl.DateTimeFormat(lng, _objectSpread$2$1({}, opt));
         return function (val) {
           return formatter.format(val);
         };
       }),
-      relativetime: createCachedFormatter(function (lng, options) {
-        var formatter = new Intl.RelativeTimeFormat(lng, _objectSpread$2$1({}, options));
+      relativetime: createCachedFormatter(function (lng, opt) {
+        var formatter = new Intl.RelativeTimeFormat(lng, _objectSpread$2$1({}, opt));
         return function (val) {
-          return formatter.format(val, options.range || 'day');
+          return formatter.format(val, opt.range || 'day');
         };
       }),
-      list: createCachedFormatter(function (lng, options) {
-        var formatter = new Intl.ListFormat(lng, _objectSpread$2$1({}, options));
+      list: createCachedFormatter(function (lng, opt) {
+        var formatter = new Intl.ListFormat(lng, _objectSpread$2$1({}, opt));
         return function (val) {
           return formatter.format(val);
         };
@@ -3530,8 +3540,9 @@ var Formatter = function () {
     }
   }, {
     key: "format",
-    value: function format(value, _format, lng, options) {
+    value: function format(value, _format, lng) {
       var _this = this;
+      var options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
       var formats = _format.split(this.formatSeparator);
       var result = formats.reduce(function (mem, f) {
         var _parseFormatStr = parseFormatStr(f),
@@ -3660,8 +3671,8 @@ var Connector = function (_EventEmitter) {
             if (!loaded[l]) loaded[l] = {};
             var loadedKeys = q.loaded[l];
             if (loadedKeys.length) {
-              loadedKeys.forEach(function (ns) {
-                if (loaded[l][ns] === undefined) loaded[l][ns] = true;
+              loadedKeys.forEach(function (n) {
+                if (loaded[l][n] === undefined) loaded[l][n] = true;
               });
             }
           });
@@ -4315,7 +4326,7 @@ var I18n = function (_EventEmitter) {
       var _this7 = this;
       var deferred = defer();
       if (!this.options.ns) {
-        callback && callback();
+        if (callback) callback();
         return Promise.resolve();
       }
       if (typeof ns === 'string') ns = [ns];
@@ -4580,7 +4591,7 @@ var localStorageAvailable = function localStorageAvailable() {
   }
   return hasLocalStorageSupport;
 };
-var localStorage = {
+var localStorage$1 = {
   name: 'localStorage',
   lookup: function lookup(options) {
     var found;
@@ -4734,7 +4745,7 @@ var Browser = /*#__PURE__*/function () {
       this.i18nOptions = i18nOptions;
       this.addDetector(cookie$1);
       this.addDetector(querystring);
-      this.addDetector(localStorage);
+      this.addDetector(localStorage$1);
       this.addDetector(sessionStorage);
       this.addDetector(navigator$1);
       this.addDetector(htmlTag);
@@ -5503,9 +5514,13 @@ var common$1 = {
 	edit_: "Edit {{what}}",
 	email_one: "Email",
 	email_other: "Emails",
+	invited: "Invited",
+	inviteStatus: "Invite status",
 	manage_: "Manage {{what}}",
 	name: "Name",
 	notFound_: "There are no {{what}} to show",
+	notInvited: "Not invited",
+	pending: "Pending",
 	permission_one: "Permission",
 	permission_other: "Permissions",
 	role_one: "Role",
@@ -5525,7 +5540,8 @@ var helpers$1 = {
 	selectedMembersCount: "{{count}} {{metaName}} selected of",
 	singleProductInvitation: "{{- emails, boldList}} will be invited to <strong>{{product}}</strong> with a role of <strong>{{role}}</strong>.",
 	themeSelector: "Theme selector",
-	visitToKnowMoreAboutPermissions: "Visit to know more about permissions"
+	visitToKnowMoreAboutPermissions: "Visit to know more about permissions",
+	whyIsItDisabled: "Why is it disabled?"
 };
 var labels = {
 	neeto_: "neeto{{product}}"
@@ -5553,8 +5569,7 @@ var tooltips$1 = {
 	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.",
-	whyEmailsAreNotEditable: "Why can't the owner change another user's email?"
+	hostAppisRequired: "This neeto product is required to continue."
 };
 var validations$1 = {
 	enterRoleName: "Please enter a valid role name.",
@@ -5616,9 +5631,13 @@ var common = {
 	edit_: "Modifier le {{what}}",
 	email_one: "E-mail",
 	email_other: "E-mails",
+	invited: "Invité",
+	inviteStatus: "Statut d'invitation",
 	manage_: "Gérer {{what}}",
 	name: "Nom",
 	notFound_: "Il n'y a pas de {{what}} à afficher",
+	notInvited: "Non invité",
+	pending: "En attente",
 	permission_one: "Autorisation",
 	permission_other: "Autorisations",
 	role_one: "Rôle",
@@ -5641,7 +5660,8 @@ var helpers = {
 	singleProductInvitation_one: "{{- emails, boldList}} sera invité à <strong>{{product}}</strong> avec un rôle de <strong>{{role}}</strong>.",
 	singleProductInvitation_other: "{{- emails, boldList}} seront invités à <strong>{{product}}</strong> avec un rôle de <strong>{{role}}</strong>.",
 	themeSelector: "Sélecteur de thème",
-	visitToKnowMoreAboutPermissions: "Visitez pour en savoir plus sur les autorisations"
+	visitToKnowMoreAboutPermissions: "Visitez pour en savoir plus sur les autorisations",
+	whyIsItDisabled: "Pourquoi est-ce désactivé?"
 };
 var metaNames = {
 	member_one: "Membre",
@@ -5664,8 +5684,7 @@ var tooltips = {
 	noPermissionToEditRoles: "Veuillez demander à l'administrateur de vous autoriser à modifier les rôles.",
 	noPermissionToRemoveRoles: "Veuillez demander à l'administrateur de vous autoriser à supprimer des rôles.",
 	goBackToChangeRole: "Veuillez revenir en arrière pour modifier le rôle.",
-	hostAppisRequired: "Ce produit neeto est nécessaire pour continuer.",
-	whyEmailsAreNotEditable: "Pourquoi le propriétaire ne peut-il pas modifier l'adresse e-mail d'un autre utilisateur?"
+	hostAppisRequired: "Ce produit neeto est nécessaire pour continuer."
 };
 var validations = {
 	enterRoleName: "Veuillez entrer le nom du rôle",
@@ -11263,6 +11282,14 @@ const getDefaultAlertMessage = _ref4 => {
     }
   });
 };
+const renderInvitedStatus = inviteStatus => {
+  const statuses = {
+    not_invited: instance.t("common.notInvited"),
+    pending: instance.t("common.pending"),
+    confirmed: instance.t("common.invited")
+  };
+  return statuses[inviteStatus];
+};
 const getDefaultColumns = displayStatusTag => [{
   dataIndex: "name",
   key: "name",
@@ -11279,6 +11306,12 @@ const getDefaultColumns = displayStatusTag => [{
   key: "organization_role",
   sorter: true,
   title: instance.t("common.role", SINGULAR)
+}, {
+  dataIndex: "inviteStatus",
+  key: "invite_status",
+  sorter: true,
+  title: instance.t("common.inviteStatus"),
+  render: inviteStatus => renderInvitedStatus(inviteStatus)
 }];
 const getActionColumn = (handleUpdateRole, handleUpdateStatus, permissions) => ({
   dataIndex: "actions",
@@ -11692,27 +11725,6 @@ const Confirmation = () => {
   }));
 };
 
-const LabelWithIcon = _ref => {
-  let _ref$label = _ref.label,
-    label = _ref$label === void 0 ? "" : _ref$label,
-    _ref$tooltipProps = _ref.tooltipProps,
-    tooltipProps = _ref$tooltipProps === void 0 ? {
-      content: ""
-    } : _ref$tooltipProps,
-    _ref$iconProps = _ref.iconProps,
-    iconProps = _ref$iconProps === void 0 ? {
-      onClick: pure.noop
-    } : _ref$iconProps;
-  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("span", {
-    className: "ntm-members-radio-group__label"
-  }, label), /*#__PURE__*/React__default["default"].createElement(neetoui.Tooltip, _extends({
-    position: "right"
-  }, tooltipProps), /*#__PURE__*/React__default["default"].createElement("span", null, /*#__PURE__*/React__default["default"].createElement(neetoIcons.Info, _extends({
-    className: "ntm-members-radio-group__icon",
-    size: 16
-  }, iconProps)))));
-};
-
 const MultipleEmailInput = _ref => {
   var _head;
   let _ref$emails = _ref.emails,
@@ -11728,15 +11740,17 @@ const MultipleEmailInput = _ref => {
     name: "emails",
     size: "medium",
     value: (_head = ramda.head(emails)) === null || _head === void 0 ? void 0 : _head.value,
-    label: /*#__PURE__*/React__default["default"].createElement(LabelWithIcon, {
-      label: instance.t("common.email", SINGULAR),
-      iconProps: {
-        onClick: () => window.open(OWNER_CANT_CHANGE_USER_EMAIL_KB_ARTICLE_URL, "_blank")
-      },
-      tooltipProps: {
-        content: instance.t("tooltips.whyEmailsAreNotEditable")
-      }
-    })
+    label: /*#__PURE__*/React__default["default"].createElement("span", {
+      className: "neeto-ui-w-full neeto-ui-flex neeto-ui-justify-between"
+    }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+      component: "span",
+      style: "body2"
+    }, instance.t("common.email", SINGULAR)), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
+      href: OWNER_CANT_CHANGE_USER_EMAIL_KB_ARTICLE_URL,
+      label: instance.t("helpers.whyIsItDisabled"),
+      style: "link",
+      target: "_blank"
+    }))
   }) : /*#__PURE__*/React__default["default"].createElement(formik$1.MultiEmailInput, {
     counter: COUNTER_PROPS,
     "data-cy": "ntm-manage-member-email-input",
@@ -11749,6 +11763,27 @@ const MultipleEmailInput = _ref => {
   }));
 };
 
+const LabelWithIcon = _ref => {
+  let _ref$label = _ref.label,
+    label = _ref$label === void 0 ? "" : _ref$label,
+    _ref$tooltipProps = _ref.tooltipProps,
+    tooltipProps = _ref$tooltipProps === void 0 ? {
+      content: ""
+    } : _ref$tooltipProps,
+    _ref$iconProps = _ref.iconProps,
+    iconProps = _ref$iconProps === void 0 ? {
+      onClick: pure.noop
+    } : _ref$iconProps;
+  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("span", {
+    className: "ntm-members-radio-group__label"
+  }, label), /*#__PURE__*/React__default["default"].createElement(neetoui.Tooltip, _extends({
+    position: "right"
+  }, tooltipProps), /*#__PURE__*/React__default["default"].createElement("span", null, /*#__PURE__*/React__default["default"].createElement(neetoIcons.Info, _extends({
+    className: "ntm-members-radio-group__icon",
+    size: 16
+  }, iconProps)))));
+};
+
 const RolesRadioGroup = _ref => {
   let _ref$role = _ref.role,
     role = _ref$role === void 0 ? "" : _ref$role,
@@ -12184,6 +12219,11 @@ const TeamMembers = _ref => {
     isFiltersPaneOpen = _useState4[0],
     setIsFiltersPaneOpen = _useState4[1];
   const hasCreatePermission = (_config$permissions$c = config === null || config === void 0 ? void 0 : (_config$permissions = config.permissions) === null || _config$permissions === void 0 ? void 0 : _config$permissions.create) !== null && _config$permissions$c !== void 0 ? _config$permissions$c : hasPermission(MANAGE_MEMBER_PERMISSIONS);
+  React.useEffect(() => {
+    if (!localStorage.getItem("NTM_MEMBERS_TABLE_HIDDEN_COLUMNS")) {
+      localStorage.setItem("NTM_MEMBERS_TABLE_HIDDEN_COLUMNS", JSON.stringify(["inviteStatus"]));
+    }
+  }, []);
   const _useFilters = useFilters({
       config
     }),