@wix/entity-advanced-permissions 1.960.0 → 1.962.0

package/dist/cjs/components/EntityAdvancedPermissions.js

@@ -17,6 +17,7 @@ var _Error2 = _interopRequireDefault(require("wix-ui-icons-common/on-stage/Error
 var _SmallArrowLeftIcon = _interopRequireDefault(require("../assets/icons/SmallArrowLeftIcon.svg"));
 var _ChevronLeftSmall = _interopRequireDefault(require("wix-ui-icons-common/ChevronLeftSmall"));
 var _Dismiss = _interopRequireDefault(require("wix-ui-icons-common/Dismiss"));
+var _lodash = require("lodash");
 var _EntityAdvancedPermissionsState = require("./EntityAdvancedPermissionsState");
 var _EntityAdvancedPermissionsTypes = require("./EntityAdvancedPermissionsTypes");
 var _he = _interopRequireDefault(require("he"));
@@ -24,6 +25,8 @@ var _SearchEntity = _interopRequireDefault(require("./SearchEntity/SearchEntity"
 var _PermissionsList = _interopRequireDefault(require("./PermissionsList/PermissionsList"));
 var _NotifyBox = _interopRequireDefault(require("./NotifyBox/NotifyBox"));
 var _reactScrollbarsCustom = require("react-scrollbars-custom");
+var _helper = require("./Helper/helper");
+var _HideFolderCheckbox = _interopRequireDefault(require("./HideFolderCheckbox/HideFolderCheckbox"));
 var _jsxFileName = "/home/builduser/work/4775e43efb305866/packages/entity-advanced-permissions/dist/cjs/components/EntityAdvancedPermissions.tsx";
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -64,7 +67,10 @@ function EntityAdvancedPermissions(props) {
       selectPermissionLabel = 'Select permission',
       saveSuccessMessage = 'Permissions successfully added',
       permissionRemovedMessage = 'Permission successfully removed',
-      doneLabel = 'Done'
+      doneLabel = 'Done',
+      checkboxLabel_hiddenFolders = 'Make this folder hidden so only people with permissions will see it on your site.',
+      learnMore_hiddenFolders = 'Learn more',
+      hideFolderAndSiteVisitorErrorMessage = 'You’ve chosen to hide this folder. To save your changes, remove site visitors from the list.'
     },
     isModal = true,
     queryFunction,
@@ -77,11 +83,24 @@ function EntityAdvancedPermissions(props) {
     mobile = false,
     preloadRoles,
     theme = _EntityAdvancedPermissionsTypes.Theme.SITE,
-    isSitePublished = 'true'
+    isSitePublished = 'true',
+    availability,
+    showHiddenFolder_BM
   } = props;
   const isDashboard = theme === _EntityAdvancedPermissionsTypes.Theme.DASHBOARD;
   const Provider = isDashboard ? _wixStyleReact.WixStyleReactProvider : _wixUiTpa.TPAComponentsProvider;
   const searchEntityRef = /*#__PURE__*/(0, _react.createRef)();
+  const [localItems, setLocalItems] = (0, _react.useState)(items);
+  const [initLocalItems, setInitLocalItems] = (0, _react.useState)(false);
+  const defaultIsHiddenFolder = availability == null ? void 0 : availability.includes('HIDDEN');
+  (0, _react.useEffect)(() => {
+    const oldItems = JSON.stringify(items);
+    const newItems = JSON.stringify(localItems);
+    if (oldItems !== newItems && !initLocalItems) {
+      setLocalItems([...items]);
+      setInitLocalItems(true);
+    }
+  }, [items]);
   const step2Permissions = (availablePermissions || []).filter(permission => !(permission.divider || permission.id === removePermissionCode));
   const [step, setStep] = (0, _react.useState)(STEP_1);
   const defaultPermissionId = availablePermissions.length ? availablePermissions[0].id : '';
@@ -98,7 +117,12 @@ function EntityAdvancedPermissions(props) {
     notifyMessage: '',
     chosenPermission: defaultPermissionId,
     saveState: _wixUiTpa.StatesButtonStates.IDLE,
-    pendingSave: false
+    pendingSave: false,
+    isHidden: defaultIsHiddenFolder,
+    availabilityStatus: {
+      itemId: entityId,
+      availability: availability ? availability : ''
+    }
   };
   const [advancedPermissionState, setAdvancedPermissionState] = (0, _react.useReducer)(_EntityAdvancedPermissionsState.advancedPermissionReducer, defaultState);
   const closeCallback = () => onClose ? onClose({
@@ -130,8 +154,30 @@ function EntityAdvancedPermissions(props) {
   const getModalAlertVisible = () => {
     return changeValidationMsg.length > 0 && errorMessageText.length === 0;
   };
+  const removeFulfilledChanges = (promisesRes, chunkedPart) => {
+    const {
+      roleToPermission
+    } = advancedPermissionState;
+    const fulfilledIndices = promisesRes.map((res, index) => {
+      var _res$value;
+      return res.status === 'fulfilled' && ((_res$value = res.value) == null ? void 0 : _res$value.responseStatus) === _EntityAdvancedPermissionsTypes.ResponseStatus.Success ? index : -1;
+    }).filter(index => index !== -1);
+    for (const index of fulfilledIndices) {
+      const {
+        rolesChanged
+      } = chunkedPart[index];
+      rolesChanged.forEach(({
+        id
+      }) => {
+        if (roleToPermission != null && roleToPermission.has(id)) {
+          roleToPermission == null || roleToPermission.delete(id);
+        }
+      });
+    }
+  };
   const saveClicked = async () => {
-    if (advancedPermissionState.saveState === _wixUiTpa.StatesButtonStates.IN_PROGRESS) {
+    var _fulfilledAPIs$value;
+    if (advancedPermissionState.saveState === _wixUiTpa.StatesButtonStates.IN_PROGRESS || advancedPermissionState.disableSave === true) {
       return;
     }
     if (!advancedPermissionState.pendingSave) {
@@ -151,94 +197,94 @@ function EntityAdvancedPermissions(props) {
     });
     const {
       roleToPermission,
-      notify,
-      notifyMessage,
-      selectedRoles,
-      chosenPermission
+      isHidden
     } = advancedPermissionState;
-    const step2RolesToPermissions = new Map();
-    (selectedRoles || []).forEach(({
-      value
-    }) => {
-      step2RolesToPermissions.set(value, chosenPermission || '');
-    });
-    const roles = new Map([...(roleToPermission || new Map()), ...step2RolesToPermissions]);
-    const notifyObj = step === STEP_2 ? {
-      notify: notify || false,
-      notifyMessage: (notifyMessage || '').trim()
-    } : {};
+    const roles = new Map([...(roleToPermission || new Map())]);
+    const hide = isHidden !== defaultIsHiddenFolder ? isHidden : undefined;
+    const groups = (0, _lodash.groupBy)([...roles.values()], value => `${value.notify}-${value.notifyMessage.trim()}`);
+    const actionsPayload = [];
     const saveData = {
       entityId,
-      ...notifyObj,
-      rolesChanged: convertMapToArray(roles),
+      rolesChanged: [],
       reloadValue: step === STEP_2,
-      modalAlertVisible
+      modalAlertVisible,
+      isHidden: hide
     };
-    if (onSave) {
-      try {
-        const {
-          responseStatus,
-          availabilityStatus
-        } = await onSave(saveData);
-        if (responseStatus === _EntityAdvancedPermissionsTypes.ResponseStatus.Success) {
-          setAdvancedPermissionState({
-            type: _EntityAdvancedPermissionsState.RESET,
-            ...defaultState,
-            saveState: _wixUiTpa.StatesButtonStates.SUCCESS,
-            availabilityStatus
-          });
-          if (step === STEP_1) {
-            onClose && onClose({
-              closeReason: _EntityAdvancedPermissionsTypes.CloseReason.SaveSucceed,
-              availabilityStatus
-            });
-          } else {
-            setStep(STEP_1);
-          }
-        } else {
-          if (responseStatus === _EntityAdvancedPermissionsTypes.ResponseStatus.Failed) {
-            let currErrorMessage;
-            if (step === STEP_1) {
-              currErrorMessage = step1SaveError;
-            } else {
-              currErrorMessage = step2SaveError;
-            }
-            setAdvancedPermissionState({
-              type: _EntityAdvancedPermissionsState.SET_ERROR_MESSAGE,
-              errorMessage: currErrorMessage
-            });
-          }
+    if (roles.size === 0) {
+      actionsPayload.push(saveData);
+    }
+    const newSaveData = {
+      ...saveData
+    };
+    for (const value of Object.values(groups)) {
+      newSaveData.rolesChanged = value.map(val => {
+        return {
+          id: val.roleId,
+          permissionId: val.level
+        };
+      });
+      if (value[0].notify) {
+        newSaveData.notify = value[0].notify;
+        newSaveData.notifyMessage = (value[0].notifyMessage || '').trim();
+      }
+      actionsPayload.push({
+        ...newSaveData
+      });
+    }
+    const chunks = (0, _lodash.chunk)(actionsPayload, 5);
+    let promisesResult = [];
+    await (0, _helper.asyncForEach)(chunks, async chunkedPart => {
+      if (onSave) {
+        try {
+          const promises = chunkedPart.map(payload => onSave(payload));
+          const promisesRes = await Promise.allSettled(promises);
+          removeFulfilledChanges(promisesRes, chunkedPart);
+          promisesResult = promisesResult.concat(promisesRes);
+        } catch (e) {
           setAdvancedPermissionState({
             type: _EntityAdvancedPermissionsState.SET_SAVE_STATE,
             saveState: _wixUiTpa.StatesButtonStates.IDLE
           });
         }
-      } catch (e) {
-        setAdvancedPermissionState({
-          type: _EntityAdvancedPermissionsState.SET_SAVE_STATE,
-          saveState: _wixUiTpa.StatesButtonStates.IDLE
-        });
       }
-    }
-  };
-  const savesStep1Silently = () => {
-    const {
-      roleToPermission
-    } = advancedPermissionState;
-    if (roleToPermission !== undefined && roleToPermission.size > 0) {
-      const saveData = {
-        entityId,
-        rolesChanged: convertMapToArray(roleToPermission),
-        reloadValue: true,
-        modalAlertVisible
-      };
+    });
+    const fulfilledAPIs = promisesResult.filter(res => {
+      var _res$value2;
+      return res.status === 'fulfilled' && ((_res$value2 = res.value) == null ? void 0 : _res$value2.responseStatus) === _EntityAdvancedPermissionsTypes.ResponseStatus.Success;
+    });
+    const isAllFulfilled = fulfilledAPIs.length === promisesResult.length;
+    const availability_status = fulfilledAPIs.length > 0 ? (_fulfilledAPIs$value = fulfilledAPIs[fulfilledAPIs.length - 1].value) == null ? void 0 : _fulfilledAPIs$value.availabilityStatus : advancedPermissionState.availabilityStatus;
+    if (isAllFulfilled) {
       setAdvancedPermissionState({
-        type: _EntityAdvancedPermissionsState.SET_ROLE_TO_PERMISSION,
-        roleToPermission: new Map()
+        type: _EntityAdvancedPermissionsState.RESET,
+        ...defaultState,
+        saveState: _wixUiTpa.StatesButtonStates.SUCCESS,
+        availabilityStatus: availability_status
       });
-      if (onSave) {
-        onSave(saveData).then(r => r).catch(e => console.error(e));
+      if (step === STEP_1) {
+        onClose && onClose({
+          closeReason: _EntityAdvancedPermissionsTypes.CloseReason.SaveSucceed,
+          availabilityStatus: availability_status
+        });
+      } else {
+        setStep(STEP_1);
+      }
+    } else {
+      let currErrorMessage;
+      if (step === STEP_1) {
+        currErrorMessage = step1SaveError;
+      } else {
+        currErrorMessage = step2SaveError;
       }
+      setAdvancedPermissionState({
+        type: _EntityAdvancedPermissionsState.SET_ERROR_MESSAGE,
+        errorMessage: currErrorMessage
+      });
+      setAdvancedPermissionState({
+        type: _EntityAdvancedPermissionsState.SET_SAVE_STATE,
+        saveState: _wixUiTpa.StatesButtonStates.IDLE,
+        availabilityStatus: availability_status
+      });
     }
   };
   const onCloseIconKeyDown = e => {
@@ -267,7 +313,16 @@ function EntityAdvancedPermissions(props) {
       if (roleToPermission.has(role.value)) {
         roleListChanged = true;
       }
-      roleToPermission.set(role.value, defaultPermissionId || '');
+      roleToPermission.set(role.value, {
+        roleId: role.value,
+        notify: false,
+        notifyMessage: '',
+        level: defaultPermissionId || ''
+      });
+      updateLocalItems({
+        id: role.value,
+        permissionId: defaultPermissionId || ''
+      });
     });
     if (roleListChanged) {
       setAdvancedPermissionState({
@@ -276,7 +331,6 @@ function EntityAdvancedPermissions(props) {
       });
     }
     if (step === STEP_1 && !onlyInSelectList.length) {
-      savesStep1Silently();
       setAdvancedPermissionState({
         type: _EntityAdvancedPermissionsState.SET_ERROR_MESSAGE,
         errorMessage: ''
@@ -317,7 +371,18 @@ function EntityAdvancedPermissions(props) {
   };
   const onRoleToPermissionChange = val => {
     const roleToPermission = advancedPermissionState.roleToPermission || new Map();
-    roleToPermission.set(val.id, val.permissionId);
+    const currentPermissionValue = roleToPermission.get(val.id);
+    const newVal = currentPermissionValue && val.permissionId !== removePermissionCode ? {
+      ...currentPermissionValue,
+      level: val.permissionId
+    } : {
+      roleId: val.id,
+      notify: false,
+      notifyMessage: '',
+      level: val.permissionId
+    };
+    roleToPermission.set(val.id, newVal);
+    updateLocalItems(val);
     setAdvancedPermissionState({
       type: _EntityAdvancedPermissionsState.SET_ROLE_TO_PERMISSION,
       roleToPermission
@@ -326,29 +391,108 @@ function EntityAdvancedPermissions(props) {
       setFocus();
     }
   };
-  const updatedItems = items.map(item => {
-    var _advancedPermissionSt;
+  const addAndNotifyClick = () => {
     const {
-      id
-    } = item;
-    const roleToPermission = (_advancedPermissionSt = advancedPermissionState.roleToPermission) == null ? void 0 : _advancedPermissionSt.get(id);
-    if (roleToPermission !== undefined) {
-      return {
-        ...item,
-        selectedPermission: roleToPermission
-      };
+      selectedRoles,
+      chosenPermission,
+      roleToPermission,
+      notify,
+      notifyMessage
+    } = advancedPermissionState;
+    if (selectedRoles) {
+      const roleToPermissionMap = roleToPermission || new Map();
+      const selectedIds = selectedRoles.map(selectedRole => selectedRole.id);
+      setLocalItems(prevLocalItems => {
+        const updatedLocalItems = prevLocalItems.filter(item => !selectedIds.includes(item.id));
+        selectedRoles.forEach(role => {
+          const newItem = {
+            ...role,
+            id: role.id || '',
+            role: role.role || '',
+            description: role.description || '',
+            roleType: role.roleType || '',
+            icon: role.icon,
+            selectedPermission: chosenPermission || '',
+            options: _EntityAdvancedPermissionsTypes.DefaultPermissions
+          };
+          updatedLocalItems.push(newItem);
+          roleToPermissionMap.set(role.id, {
+            roleId: role.id,
+            notify: notify || false,
+            notifyMessage: (notifyMessage || '').trim(),
+            level: chosenPermission || ''
+          });
+        });
+        return updatedLocalItems;
+      });
+      if (roleToPermissionMap) {
+        setAdvancedPermissionState({
+          type: _EntityAdvancedPermissionsState.SET_ROLE_TO_PERMISSION,
+          roleToPermission: roleToPermissionMap
+        });
+      }
+      backToFirstView();
     }
-    return item;
-  });
+  };
+  const updatedItems = (0, _react.useMemo)(() => {
+    return localItems.map(item => {
+      var _advancedPermissionSt;
+      const {
+        id
+      } = item;
+      const roleToPermission = (_advancedPermissionSt = advancedPermissionState.roleToPermission) == null ? void 0 : _advancedPermissionSt.get(id);
+      if (roleToPermission !== undefined) {
+        return {
+          ...item,
+          selectedPermission: roleToPermission.level
+        };
+      }
+      return item;
+    });
+  }, [localItems]);
   const changeValidationMsg = validateChanges(updatedItems);
   const saveButtonText = step === STEP_1 ? save : advancedPermissionState.notify && isSitePublished === 'true' ? buttonAddNotify : add;
   const errorMessageText = advancedPermissionState.errorMessage || loading === _EntityAdvancedPermissionsTypes.Loading.Error && step === STEP_1 && rolesListError || '';
+  (0, _react.useEffect)(() => {
+    const {
+      isHidden
+    } = advancedPermissionState;
+    const isSiteVisitorsSelected = updatedItems.filter(item => item.selectedPermission !== removePermissionCode && item.roleType === 'SITE_VISITORS').length > 0;
+    if (isHidden && isSiteVisitorsSelected) {
+      setAdvancedPermissionState({
+        type: _EntityAdvancedPermissionsState.SET_ERROR_MESSAGE,
+        errorMessage: hideFolderAndSiteVisitorErrorMessage,
+        disableSave: true
+      });
+      return;
+    }
+    setAdvancedPermissionState({
+      type: _EntityAdvancedPermissionsState.SET_ERROR_MESSAGE,
+      errorMessage: '',
+      disableSave: false
+    });
+  }, [updatedItems, advancedPermissionState.isHidden]);
+  const updateLocalItems = val => {
+    if (step === STEP_1) {
+      setLocalItems(prevLocalItems => {
+        return prevLocalItems.map(item => {
+          if (item.id === val.id) {
+            return {
+              ...item,
+              selectedPermission: val.permissionId
+            };
+          }
+          return item;
+        });
+      });
+    }
+  };
   const backButtonSpan = /*#__PURE__*/_react.default.createElement("span", {
     className: _EntityAdvancedPermissionsSt.classes.backButtonSpan,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 430,
+      lineNumber: 597,
       columnNumber: 5
     }
   }, backButtonLabel || 'Back');
@@ -378,7 +522,7 @@ function EntityAdvancedPermissions(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 445,
+        lineNumber: 612,
         columnNumber: 13
       }
     }, changeValidationMsg),
@@ -388,7 +532,7 @@ function EntityAdvancedPermissions(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 443,
+      lineNumber: 610,
       columnNumber: 5
     }
   }) : /*#__PURE__*/_react.default.createElement(_wixUiTpa.SectionNotification, {
@@ -397,7 +541,7 @@ function EntityAdvancedPermissions(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 451,
+      lineNumber: 618,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_wixUiTpa.SectionNotification.Icon, {
@@ -405,14 +549,14 @@ function EntityAdvancedPermissions(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 455,
+        lineNumber: 622,
         columnNumber: 39
       }
     }),
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 455,
+      lineNumber: 622,
       columnNumber: 7
     }
   }), /*#__PURE__*/_react.default.createElement(_wixUiTpa.SectionNotification.Text, {
@@ -420,7 +564,7 @@ function EntityAdvancedPermissions(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 456,
+      lineNumber: 623,
       columnNumber: 7
     }
   }, changeValidationMsg));
@@ -434,7 +578,7 @@ function EntityAdvancedPermissions(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 467,
+        lineNumber: 634,
         columnNumber: 11
       }
     }, errorMessageText),
@@ -444,7 +588,7 @@ function EntityAdvancedPermissions(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 465,
+      lineNumber: 632,
       columnNumber: 36
     }
   }) : '';
@@ -454,7 +598,7 @@ function EntityAdvancedPermissions(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 480,
+      lineNumber: 647,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_wixUiTpa.SectionNotification.Icon, {
@@ -462,21 +606,21 @@ function EntityAdvancedPermissions(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 484,
+        lineNumber: 651,
         columnNumber: 39
       }
     }),
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 484,
+      lineNumber: 651,
       columnNumber: 7
     }
   }), /*#__PURE__*/_react.default.createElement(_wixUiTpa.SectionNotification.Text, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 485,
+      lineNumber: 652,
       columnNumber: 7
     }
   }, errorMessageText));
@@ -487,7 +631,7 @@ function EntityAdvancedPermissions(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 490,
+        lineNumber: 657,
         columnNumber: 5
       }
     }), /*#__PURE__*/_react.default.createElement("div", {
@@ -503,7 +647,7 @@ function EntityAdvancedPermissions(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 491,
+        lineNumber: 658,
         columnNumber: 7
       }
     }, /*#__PURE__*/_react.default.createElement("div", {
@@ -511,7 +655,7 @@ function EntityAdvancedPermissions(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 497,
+        lineNumber: 664,
         columnNumber: 9
       }
     }, step === STEP_2 && mobile && /*#__PURE__*/_react.default.createElement(_SmallArrowLeftIcon.default, {
@@ -520,7 +664,7 @@ function EntityAdvancedPermissions(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 499,
+        lineNumber: 666,
         columnNumber: 13
       }
     }), /*#__PURE__*/_react.default.createElement("div", {
@@ -530,7 +674,7 @@ function EntityAdvancedPermissions(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 504,
+        lineNumber: 671,
         columnNumber: 11
       }
     }, isDashboard ? /*#__PURE__*/_react.default.createElement(_wixStyleReact.Box, {
@@ -539,7 +683,7 @@ function EntityAdvancedPermissions(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 510,
+        lineNumber: 677,
         columnNumber: 15
       }
     }, /*#__PURE__*/_react.default.createElement(_wixStyleReact.Text, {
@@ -551,7 +695,7 @@ function EntityAdvancedPermissions(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 511,
+        lineNumber: 678,
         columnNumber: 15
       }
     }, modalTitle), /*#__PURE__*/_react.default.createElement(_wixStyleReact.Text, {
@@ -561,7 +705,7 @@ function EntityAdvancedPermissions(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 520,
+        lineNumber: 687,
         columnNumber: 15
       }
     }, entityTitle)) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_wixUiTpa.Text, {
@@ -571,7 +715,7 @@ function EntityAdvancedPermissions(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 530,
+        lineNumber: 697,
         columnNumber: 15
       }
     }, modalTitle), /*#__PURE__*/_react.default.createElement(_wixUiTpa.Text, {
@@ -581,7 +725,7 @@ function EntityAdvancedPermissions(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 537,
+        lineNumber: 704,
         columnNumber: 15
       }
     }, entityTitle))), isModal && (isDashboard ? /*#__PURE__*/_react.default.createElement(_Dismiss.default, {
@@ -592,7 +736,7 @@ function EntityAdvancedPermissions(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 550,
+        lineNumber: 717,
         columnNumber: 15
       }
     }) : /*#__PURE__*/_react.default.createElement(_Close.default, {
@@ -605,7 +749,7 @@ function EntityAdvancedPermissions(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 557,
+        lineNumber: 724,
         columnNumber: 15
       }
     }))), /*#__PURE__*/_react.default.createElement(_reactScrollbarsCustom.Scrollbar, {
@@ -618,7 +762,7 @@ function EntityAdvancedPermissions(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 568,
+        lineNumber: 735,
         columnNumber: 9
       }
     }, /*#__PURE__*/_react.default.createElement("div", {
@@ -628,7 +772,7 @@ function EntityAdvancedPermissions(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 576,
+        lineNumber: 743,
         columnNumber: 11
       }
     }, /*#__PURE__*/_react.default.createElement(_SearchEntity.default, {
@@ -645,10 +789,11 @@ function EntityAdvancedPermissions(props) {
       numberOfResultsMessage: numberOfResultsMessage,
       pressDeleteToRemoveMessage: pressDeleteToRemoveMessage,
       isDashboard: isDashboard,
+      updatedItems: updatedItems,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 581,
+        lineNumber: 748,
         columnNumber: 13
       }
     }), step === STEP_2 && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("label", {
@@ -657,7 +802,7 @@ function EntityAdvancedPermissions(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 599,
+        lineNumber: 767,
         columnNumber: 17
       }
     }, _he.default.decode(selectPermissionLabel)), /*#__PURE__*/_react.default.createElement(_PermissionsDropdown.default, {
@@ -674,7 +819,7 @@ function EntityAdvancedPermissions(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 602,
+        lineNumber: 770,
         columnNumber: 17
       }
     }))), /*#__PURE__*/_react.default.createElement("div", {
@@ -683,7 +828,7 @@ function EntityAdvancedPermissions(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 619,
+        lineNumber: 787,
         columnNumber: 11
       }
     }, errorMessageText.length > 0 && errorSectionNotification, step === STEP_1 && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, modalAlertVisible && sectionNotification, /*#__PURE__*/_react.default.createElement(_PermissionsList.default, {
@@ -700,7 +845,7 @@ function EntityAdvancedPermissions(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 625,
+        lineNumber: 793,
         columnNumber: 17
       }
     })), step === STEP_2 && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_NotifyBox.default, {
@@ -715,7 +860,7 @@ function EntityAdvancedPermissions(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 641,
+        lineNumber: 809,
         columnNumber: 15
       }
     }), isDashboard && wsrErrorNotification))), !isDashboard && /*#__PURE__*/_react.default.createElement(_wixUiTpa.Divider, {
@@ -723,7 +868,7 @@ function EntityAdvancedPermissions(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 656,
+        lineNumber: 824,
         columnNumber: 27
       }
     }), /*#__PURE__*/_react.default.createElement("div", {
@@ -731,7 +876,7 @@ function EntityAdvancedPermissions(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 657,
+        lineNumber: 825,
         columnNumber: 9
       }
     }, step === STEP_2 && !mobile && /*#__PURE__*/_react.default.createElement("span", {
@@ -744,7 +889,7 @@ function EntityAdvancedPermissions(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 659,
+        lineNumber: 827,
         columnNumber: 13
       }
     }, isDashboard ? /*#__PURE__*/_react.default.createElement(_wixStyleReact.Button, {
@@ -753,14 +898,14 @@ function EntityAdvancedPermissions(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 668,
+        lineNumber: 836,
         columnNumber: 17
       }
     }, /*#__PURE__*/_react.default.createElement(_ChevronLeftSmall.default, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 669,
+        lineNumber: 837,
         columnNumber: 19
       }
     }), backButtonSpan) : /*#__PURE__*/_react.default.createElement(_wixUiTpa.IconToggle, {
@@ -771,22 +916,34 @@ function EntityAdvancedPermissions(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 676,
+          lineNumber: 844,
           columnNumber: 25
         }
       }),
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 673,
+        lineNumber: 841,
         columnNumber: 17
       }
-    })), /*#__PURE__*/_react.default.createElement("div", {
+    })), showHiddenFolder_BM && step === STEP_1 && isDashboard && /*#__PURE__*/_react.default.createElement(_HideFolderCheckbox.default, {
+      isDashboard: isDashboard,
+      advancedPermissionState: advancedPermissionState,
+      setAdvancedPermissionState: setAdvancedPermissionState,
+      checkboxLabel: checkboxLabel_hiddenFolders,
+      checkboxLearnMore: learnMore_hiddenFolders,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 851,
+        columnNumber: 13
+      }
+    }), /*#__PURE__*/_react.default.createElement("div", {
       className: _EntityAdvancedPermissionsSt.classes.actionButtons,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 682,
+        lineNumber: 860,
         columnNumber: 11
       }
     }, step === STEP_1 && (isDashboard ? /*#__PURE__*/_react.default.createElement(_wixStyleReact.Button, {
@@ -799,7 +956,7 @@ function EntityAdvancedPermissions(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 685,
+        lineNumber: 863,
         columnNumber: 17
       }
     }, cancel || 'Cancel') : /*#__PURE__*/_react.default.createElement(_wixUiTpa.Button, {
@@ -813,18 +970,18 @@ function EntityAdvancedPermissions(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 700,
+        lineNumber: 878,
         columnNumber: 17
       }
     }, cancel || 'Cancel')), isDashboard ? /*#__PURE__*/_react.default.createElement(_wixStyleReact.Button, {
       "aria-label": advancedPermissionState.saveState === _wixUiTpa.StatesButtonStates.SUCCESS ? saveSuccessMessage : '',
       size: _wixUiTpa.ButtonSize.small,
-      disabled: advancedPermissionState.saveState === _wixUiTpa.StatesButtonStates.IN_PROGRESS,
-      onClick: saveClicked,
+      disabled: advancedPermissionState.saveState === _wixUiTpa.StatesButtonStates.IN_PROGRESS || step === STEP_1 && advancedPermissionState.disableSave,
+      onClick: step === STEP_2 ? addAndNotifyClick : saveClicked,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 714,
+        lineNumber: 892,
         columnNumber: 15
       }
     }, advancedPermissionState.saveState !== _wixUiTpa.StatesButtonStates.IN_PROGRESS ? advancedPermissionState.pendingSave ? saveButtonText || 'Save' : doneLabel : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_wixStyleReact.Loader, {
@@ -832,7 +989,7 @@ function EntityAdvancedPermissions(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 737,
+        lineNumber: 916,
         columnNumber: 19
       }
     }))) : /*#__PURE__*/_react.default.createElement(_wixUiTpa.StatesButton, {
@@ -843,7 +1000,7 @@ function EntityAdvancedPermissions(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 754,
+          lineNumber: 933,
           columnNumber: 19
         }
       }),
@@ -861,7 +1018,7 @@ function EntityAdvancedPermissions(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 742,
+        lineNumber: 921,
         columnNumber: 15
       }
     })))))