@bigbinary/neeto-team-members-frontend 2.5.15 → 2.5.17

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.1 @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.14
+    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",
@@ -11263,6 +11278,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 +11302,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",
@@ -11412,11 +11441,17 @@ const AppList = _ref => {
   const selectedEmail = ramda.pluck("value", emails);
   React.useEffect(() => {
     if (savedStateRef.current.isAppListEnabled !== isAppListEnabled) {
-      appRoles.forEach((_, index) => {
+      appRoles.forEach((appRole, index) => {
+        var _globalProps$appName;
+        if ((appRole === null || appRole === void 0 ? void 0 : appRole.appName) === ((_globalProps$appName = initializers.globalProps.appName) === null || _globalProps$appName === void 0 ? void 0 : _globalProps$appName.substring(5))) {
+          setFieldValue(`appRoles[${index}].isEnabled`, true);
+          return;
+        }
         setFieldValue(`appRoles[${index}].isEnabled`, isAppListEnabled);
       });
     }
     savedStateRef.current.isAppListEnabled = isAppListEnabled;
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [isAppListEnabled]);
   const buildRoleOptions = roles => roles.map(role => pure.toLabelAndValue(role.name));
   return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -11440,10 +11475,10 @@ const AppList = _ref => {
   })), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "neeto-ui-w-full"
   }, appRoles.map((_ref2, index) => {
-    var _globalProps$appName;
+    var _globalProps$appName2;
     let appName = _ref2.appName,
       isEnabled = _ref2.isEnabled;
-    const isCurrentApp = appName === ((_globalProps$appName = initializers.globalProps.appName) === null || _globalProps$appName === void 0 ? void 0 : _globalProps$appName.substring(5));
+    const isCurrentApp = appName === ((_globalProps$appName2 = initializers.globalProps.appName) === null || _globalProps$appName2 === void 0 ? void 0 : _globalProps$appName2.substring(5));
     const isAppRoleSelectionChecked = isCurrentApp || isEnabled && isAppListEnabled;
     return /*#__PURE__*/React__default["default"].createElement("div", {
       className: "ntm-manage-members__app-roles",
@@ -12178,6 +12213,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
     }),