@wix/entity-advanced-permissions 1.790.0 → 1.792.0

package/dist/cjs/components/EntityAdvancedPermissions.js

@@ -1,158 +1,127 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _wixUiTpa = require("wix-ui-tpa");
-
 var _EntityAdvancedPermissionsSt = require("./EntityAdvancedPermissions.st.css");
-
 var _Close = _interopRequireDefault(require("../assets/icons/Close.svg"));
-
 var _wixStyleReact = require("wix-style-react");
-
 var _PermissionsDropdown = _interopRequireDefault(require("./PermissionsDropdown/PermissionsDropdown"));
-
 var _BackIcon = _interopRequireDefault(require("../assets/icons/BackIcon.svg"));
-
 var _Error = _interopRequireDefault(require("../assets/icons/Error.svg"));
-
 var _ButtonSpinner = _interopRequireDefault(require("../assets/icons/ButtonSpinner.svg"));
-
 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 _EntityAdvancedPermissionsState = require("./EntityAdvancedPermissionsState");
-
 var _EntityAdvancedPermissionsTypes = require("./EntityAdvancedPermissionsTypes");
-
 var _he = _interopRequireDefault(require("he"));
-
 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 _jsxFileName = "/home/builduser/work/4775e43efb305866/packages/entity-advanced-permissions/dist/cjs/components/EntityAdvancedPermissions.tsx";
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 const STEP_1 = 1;
 const STEP_2 = 2;
-
 function EntityAdvancedPermissions(props) {
   const _props$removePermissi = props.removePermissionCode,
-        removePermissionCode = _props$removePermissi === void 0 ? 'NONE' : _props$removePermissi,
-        entityTitle = props.entityTitle,
-        entityId = props.entityId,
-        className = props.className,
-        _props$validateChange = props.validateChanges,
-        validateChanges = _props$validateChange === void 0 ? () => '' : _props$validateChange,
-        _props$labels = props.labels,
-        _props$labels$title = _props$labels.title,
-        title = _props$labels$title === void 0 ? 'Manage Permissions' : _props$labels$title,
-        _props$labels$secondT = _props$labels.secondTitle,
-        secondTitle = _props$labels$secondT === void 0 ? 'Add Permissions' : _props$labels$secondT,
-        cancel = _props$labels.cancel,
-        save = _props$labels.save,
-        _props$labels$add = _props$labels.add,
-        add = _props$labels$add === void 0 ? 'Add' : _props$labels$add,
-        _props$labels$loading = _props$labels.loadingMessage,
-        loadingMessage = _props$labels$loading === void 0 ? 'Loading' : _props$labels$loading,
-        _props$labels$searchP = _props$labels.searchPlaceHolder,
-        searchPlaceHolder = _props$labels$searchP === void 0 ? 'Add roles & members...' : _props$labels$searchP,
-        _props$labels$allOpti = _props$labels.allOptionsSelected,
-        allOptionsSelected = _props$labels$allOpti === void 0 ? 'You’ve selected all your members.' : _props$labels$allOpti,
-        _props$labels$noOptio = _props$labels.noOptionsMessage,
-        noOptionsMessage = _props$labels$noOptio === void 0 ? 'We couldn’t find any matches. Try another search.' : _props$labels$noOptio,
-        backButtonLabel = _props$labels.backButtonLabel,
-        _props$labels$checkBo = _props$labels.checkBoxNotifyLabel,
-        checkBoxNotifyLabel = _props$labels$checkBo === void 0 ? 'Notify people' : _props$labels$checkBo,
-        _props$labels$notifyM = _props$labels.notifyMessagePlaceholder,
-        notifyMessagePlaceholder = _props$labels$notifyM === void 0 ? 'Add A Message (Optional)' : _props$labels$notifyM,
-        _props$labels$notifyM2 = _props$labels.notifyMessageLabel,
-        notifyMessageLabel = _props$labels$notifyM2 === void 0 ? 'Add A Message' : _props$labels$notifyM2,
-        _props$labels$notifyL = _props$labels.notifyLabelHint,
-        notifyLabelHint = _props$labels$notifyL === void 0 ? 'Notifications will be sent by email and show in the members area.' : _props$labels$notifyL,
-        _props$labels$closeAr = _props$labels.closeAriaLabel,
-        closeAriaLabel = _props$labels$closeAr === void 0 ? 'Close' : _props$labels$closeAr,
-        _props$labels$backAri = _props$labels.backAriaLabel,
-        backAriaLabel = _props$labels$backAri === void 0 ? 'Back' : _props$labels$backAri,
-        _props$labels$emptySt = _props$labels.emptyStateTitle,
-        emptyStateTitle = _props$labels$emptySt === void 0 ? 'Only Admins Can Access This Folder' : _props$labels$emptySt,
-        _props$labels$emptySt2 = _props$labels.emptyStateDescription,
-        emptyStateDescription = _props$labels$emptySt2 === void 0 ? 'Add permissions to share this folder with site members, subscription plans and more.' : _props$labels$emptySt2,
-        _props$labels$buttonA = _props$labels.buttonAddNotify,
-        buttonAddNotify = _props$labels$buttonA === void 0 ? 'Add & Notify' : _props$labels$buttonA,
-        _props$labels$step1Sa = _props$labels.step1SaveError,
-        step1SaveError = _props$labels$step1Sa === void 0 ? 'This action didn’t work out, try again later or close the window to continue without saving.' : _props$labels$step1Sa,
-        _props$labels$step2Sa = _props$labels.step2SaveError,
-        step2SaveError = _props$labels$step2Sa === void 0 ? 'There was a problem saving changes. Please try again later.' : _props$labels$step2Sa,
-        _props$labels$rolesLi = _props$labels.rolesListError,
-        rolesListError = _props$labels$rolesLi === void 0 ? 'There was a problem loading permissions. Wait a moment and try again.' : _props$labels$rolesLi,
-        _props$labels$numberO = _props$labels.numberOfResultsMessage,
-        numberOfResultsMessage = _props$labels$numberO === void 0 ? '{0} results' : _props$labels$numberO,
-        _props$labels$pressDe = _props$labels.pressDeleteToRemoveMessage,
-        pressDeleteToRemoveMessage = _props$labels$pressDe === void 0 ? '{0}: press delete to remove' : _props$labels$pressDe,
-        _props$labels$selectP = _props$labels.selectPermissionLabel,
-        selectPermissionLabel = _props$labels$selectP === void 0 ? 'Select permission' : _props$labels$selectP,
-        _props$labels$saveSuc = _props$labels.saveSuccessMessage,
-        saveSuccessMessage = _props$labels$saveSuc === void 0 ? 'Permissions successfully added' : _props$labels$saveSuc,
-        _props$labels$permiss = _props$labels.permissionRemovedMessage,
-        permissionRemovedMessage = _props$labels$permiss === void 0 ? 'Permission successfully removed' : _props$labels$permiss,
-        _props$labels$doneLab = _props$labels.doneLabel,
-        doneLabel = _props$labels$doneLab === void 0 ? 'Done' : _props$labels$doneLab,
-        _props$isModal = props.isModal,
-        isModal = _props$isModal === void 0 ? true : _props$isModal,
-        queryFunction = props.queryFunction,
-        onClose = props.onClose,
-        _props$availablePermi = props.availablePermissions,
-        availablePermissions = _props$availablePermi === void 0 ? _EntityAdvancedPermissionsTypes.DefaultPermissions : _props$availablePermi,
-        onSave = props.onSave,
-        items = props.items,
-        _props$direction = props.direction,
-        direction = _props$direction === void 0 ? _EntityAdvancedPermissionsTypes.Direction.LTR : _props$direction,
-        loading = props.loading,
-        _props$mobile = props.mobile,
-        mobile = _props$mobile === void 0 ? false : _props$mobile,
-        preloadRoles = props.preloadRoles,
-        _props$theme = props.theme,
-        theme = _props$theme === void 0 ? _EntityAdvancedPermissionsTypes.Theme.SITE : _props$theme,
-        _props$isSitePublishe = props.isSitePublished,
-        isSitePublished = _props$isSitePublishe === void 0 ? 'true' : _props$isSitePublishe;
+    removePermissionCode = _props$removePermissi === void 0 ? 'NONE' : _props$removePermissi,
+    entityTitle = props.entityTitle,
+    entityId = props.entityId,
+    className = props.className,
+    _props$validateChange = props.validateChanges,
+    validateChanges = _props$validateChange === void 0 ? () => '' : _props$validateChange,
+    _props$labels = props.labels,
+    _props$labels$title = _props$labels.title,
+    title = _props$labels$title === void 0 ? 'Manage Permissions' : _props$labels$title,
+    _props$labels$secondT = _props$labels.secondTitle,
+    secondTitle = _props$labels$secondT === void 0 ? 'Add Permissions' : _props$labels$secondT,
+    cancel = _props$labels.cancel,
+    save = _props$labels.save,
+    _props$labels$add = _props$labels.add,
+    add = _props$labels$add === void 0 ? 'Add' : _props$labels$add,
+    _props$labels$loading = _props$labels.loadingMessage,
+    loadingMessage = _props$labels$loading === void 0 ? 'Loading' : _props$labels$loading,
+    _props$labels$searchP = _props$labels.searchPlaceHolder,
+    searchPlaceHolder = _props$labels$searchP === void 0 ? 'Add roles & members...' : _props$labels$searchP,
+    _props$labels$allOpti = _props$labels.allOptionsSelected,
+    allOptionsSelected = _props$labels$allOpti === void 0 ? 'You’ve selected all your members.' : _props$labels$allOpti,
+    _props$labels$noOptio = _props$labels.noOptionsMessage,
+    noOptionsMessage = _props$labels$noOptio === void 0 ? 'We couldn’t find any matches. Try another search.' : _props$labels$noOptio,
+    backButtonLabel = _props$labels.backButtonLabel,
+    _props$labels$checkBo = _props$labels.checkBoxNotifyLabel,
+    checkBoxNotifyLabel = _props$labels$checkBo === void 0 ? 'Notify people' : _props$labels$checkBo,
+    _props$labels$notifyM = _props$labels.notifyMessagePlaceholder,
+    notifyMessagePlaceholder = _props$labels$notifyM === void 0 ? 'Add A Message (Optional)' : _props$labels$notifyM,
+    _props$labels$notifyM2 = _props$labels.notifyMessageLabel,
+    notifyMessageLabel = _props$labels$notifyM2 === void 0 ? 'Add A Message' : _props$labels$notifyM2,
+    _props$labels$notifyL = _props$labels.notifyLabelHint,
+    notifyLabelHint = _props$labels$notifyL === void 0 ? 'Notifications will be sent by email and show in the members area.' : _props$labels$notifyL,
+    _props$labels$closeAr = _props$labels.closeAriaLabel,
+    closeAriaLabel = _props$labels$closeAr === void 0 ? 'Close' : _props$labels$closeAr,
+    _props$labels$backAri = _props$labels.backAriaLabel,
+    backAriaLabel = _props$labels$backAri === void 0 ? 'Back' : _props$labels$backAri,
+    _props$labels$emptySt = _props$labels.emptyStateTitle,
+    emptyStateTitle = _props$labels$emptySt === void 0 ? 'Only Admins Can Access This Folder' : _props$labels$emptySt,
+    _props$labels$emptySt2 = _props$labels.emptyStateDescription,
+    emptyStateDescription = _props$labels$emptySt2 === void 0 ? 'Add permissions to share this folder with site members, subscription plans and more.' : _props$labels$emptySt2,
+    _props$labels$buttonA = _props$labels.buttonAddNotify,
+    buttonAddNotify = _props$labels$buttonA === void 0 ? 'Add & Notify' : _props$labels$buttonA,
+    _props$labels$step1Sa = _props$labels.step1SaveError,
+    step1SaveError = _props$labels$step1Sa === void 0 ? 'This action didn’t work out, try again later or close the window to continue without saving.' : _props$labels$step1Sa,
+    _props$labels$step2Sa = _props$labels.step2SaveError,
+    step2SaveError = _props$labels$step2Sa === void 0 ? 'There was a problem saving changes. Please try again later.' : _props$labels$step2Sa,
+    _props$labels$rolesLi = _props$labels.rolesListError,
+    rolesListError = _props$labels$rolesLi === void 0 ? 'There was a problem loading permissions. Wait a moment and try again.' : _props$labels$rolesLi,
+    _props$labels$numberO = _props$labels.numberOfResultsMessage,
+    numberOfResultsMessage = _props$labels$numberO === void 0 ? '{0} results' : _props$labels$numberO,
+    _props$labels$pressDe = _props$labels.pressDeleteToRemoveMessage,
+    pressDeleteToRemoveMessage = _props$labels$pressDe === void 0 ? '{0}: press delete to remove' : _props$labels$pressDe,
+    _props$labels$selectP = _props$labels.selectPermissionLabel,
+    selectPermissionLabel = _props$labels$selectP === void 0 ? 'Select permission' : _props$labels$selectP,
+    _props$labels$saveSuc = _props$labels.saveSuccessMessage,
+    saveSuccessMessage = _props$labels$saveSuc === void 0 ? 'Permissions successfully added' : _props$labels$saveSuc,
+    _props$labels$permiss = _props$labels.permissionRemovedMessage,
+    permissionRemovedMessage = _props$labels$permiss === void 0 ? 'Permission successfully removed' : _props$labels$permiss,
+    _props$labels$doneLab = _props$labels.doneLabel,
+    doneLabel = _props$labels$doneLab === void 0 ? 'Done' : _props$labels$doneLab,
+    _props$isModal = props.isModal,
+    isModal = _props$isModal === void 0 ? true : _props$isModal,
+    queryFunction = props.queryFunction,
+    onClose = props.onClose,
+    _props$availablePermi = props.availablePermissions,
+    availablePermissions = _props$availablePermi === void 0 ? _EntityAdvancedPermissionsTypes.DefaultPermissions : _props$availablePermi,
+    onSave = props.onSave,
+    items = props.items,
+    _props$direction = props.direction,
+    direction = _props$direction === void 0 ? _EntityAdvancedPermissionsTypes.Direction.LTR : _props$direction,
+    loading = props.loading,
+    _props$mobile = props.mobile,
+    mobile = _props$mobile === void 0 ? false : _props$mobile,
+    preloadRoles = props.preloadRoles,
+    _props$theme = props.theme,
+    theme = _props$theme === void 0 ? _EntityAdvancedPermissionsTypes.Theme.SITE : _props$theme,
+    _props$isSitePublishe = props.isSitePublished,
+    isSitePublished = _props$isSitePublishe === void 0 ? 'true' : _props$isSitePublishe;
   const isDashboard = theme === _EntityAdvancedPermissionsTypes.Theme.DASHBOARD;
   const Provider = isDashboard ? _wixStyleReact.WixStyleReactProvider : _wixUiTpa.TPAComponentsProvider;
   const searchEntityRef = /*#__PURE__*/(0, _react.createRef)();
   const step2Permissions = (availablePermissions || []).filter(permission => !(permission.divider || permission.id === removePermissionCode));
-
   const _useState = (0, _react.useState)(STEP_1),
-        step = _useState[0],
-        setStep = _useState[1];
-
+    step = _useState[0],
+    setStep = _useState[1];
   const defaultPermissionId = availablePermissions.length ? availablePermissions[0].id : '';
-
   const setFocus = () => {
     if (searchEntityRef.current) {
       searchEntityRef.current.focus();
     }
   };
-
   (0, _react.useEffect)(setFocus, [step]);
   const defaultState = {
     selectedRoles: [],
@@ -163,16 +132,13 @@ function EntityAdvancedPermissions(props) {
     saveState: _wixUiTpa.StatesButtonStates.IDLE,
     pendingSave: false
   };
-
   const _useReducer = (0, _react.useReducer)(_EntityAdvancedPermissionsState.advancedPermissionReducer, defaultState),
-        advancedPermissionState = _useReducer[0],
-        setAdvancedPermissionState = _useReducer[1];
-
+    advancedPermissionState = _useReducer[0],
+    setAdvancedPermissionState = _useReducer[1];
   const closeCallback = () => onClose ? onClose({
     closeReason: _EntityAdvancedPermissionsTypes.CloseReason.Cancel,
     availabilityStatus: advancedPermissionState.availabilityStatus
   }) : null;
-
   const backToFirstView = () => {
     setAdvancedPermissionState({
       type: _EntityAdvancedPermissionsState.STEP2_RESET,
@@ -185,7 +151,6 @@ function EntityAdvancedPermissions(props) {
     });
     setStep(STEP_1);
   };
-
   const convertMapToArray = map => {
     const resultArray = [];
     map.forEach((value, key) => {
@@ -196,16 +161,13 @@ function EntityAdvancedPermissions(props) {
     });
     return resultArray;
   };
-
   const getModalAlertVisible = () => {
     return changeValidationMsg.length > 0 && errorMessageText.length === 0;
   };
-
   const saveClicked = async () => {
     if (advancedPermissionState.saveState === _wixUiTpa.StatesButtonStates.IN_PROGRESS) {
       return;
     }
-
     if (!advancedPermissionState.pendingSave) {
       onClose && onClose({
         closeReason: _EntityAdvancedPermissionsTypes.CloseReason.Cancel,
@@ -213,7 +175,6 @@ function EntityAdvancedPermissions(props) {
       });
       return;
     }
-
     setAdvancedPermissionState({
       type: _EntityAdvancedPermissionsState.SET_SAVE_STATE,
       saveState: _wixUiTpa.StatesButtonStates.IN_PROGRESS
@@ -223,10 +184,10 @@ function EntityAdvancedPermissions(props) {
       errorMessage: ''
     });
     const roleToPermission = advancedPermissionState.roleToPermission,
-          notify = advancedPermissionState.notify,
-          notifyMessage = advancedPermissionState.notifyMessage,
-          selectedRoles = advancedPermissionState.selectedRoles,
-          chosenPermission = advancedPermissionState.chosenPermission;
+      notify = advancedPermissionState.notify,
+      notifyMessage = advancedPermissionState.notifyMessage,
+      selectedRoles = advancedPermissionState.selectedRoles,
+      chosenPermission = advancedPermissionState.chosenPermission;
     const step2RolesToPermissions = new Map();
     (selectedRoles || []).forEach(({
       value
@@ -245,13 +206,11 @@ function EntityAdvancedPermissions(props) {
       reloadValue: step === STEP_2,
       modalAlertVisible
     };
-
     if (onSave) {
       try {
         const _await$onSave = await onSave(saveData),
-              responseStatus = _await$onSave.responseStatus,
-              availabilityStatus = _await$onSave.availabilityStatus;
-
+          responseStatus = _await$onSave.responseStatus,
+          availabilityStatus = _await$onSave.availabilityStatus;
         if (responseStatus === _EntityAdvancedPermissionsTypes.ResponseStatus.Success) {
           setAdvancedPermissionState({
             type: _EntityAdvancedPermissionsState.RESET,
@@ -259,7 +218,6 @@ function EntityAdvancedPermissions(props) {
             saveState: _wixUiTpa.StatesButtonStates.SUCCESS,
             availabilityStatus
           });
-
           if (step === STEP_1) {
             onClose && onClose({
               closeReason: _EntityAdvancedPermissionsTypes.CloseReason.SaveSucceed,
@@ -271,19 +229,16 @@ function EntityAdvancedPermissions(props) {
         } 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
             });
           }
-
           setAdvancedPermissionState({
             type: _EntityAdvancedPermissionsState.SET_SAVE_STATE,
             saveState: _wixUiTpa.StatesButtonStates.IDLE
@@ -297,10 +252,8 @@ function EntityAdvancedPermissions(props) {
       }
     }
   };
-
   const savesStep1Silently = () => {
     const roleToPermission = advancedPermissionState.roleToPermission;
-
     if (roleToPermission !== undefined && roleToPermission.size > 0) {
       const saveData = {
         entityId,
@@ -312,31 +265,26 @@ function EntityAdvancedPermissions(props) {
         type: _EntityAdvancedPermissionsState.SET_ROLE_TO_PERMISSION,
         roleToPermission: new Map()
       });
-
       if (onSave) {
         onSave(saveData).then(r => r).catch(e => console.error(e));
       }
     }
   };
-
   const onCloseIconKeyDown = e => {
     if (e.key === 'Enter') {
       closeCallback();
     }
   };
-
   const onBackIconKeyDown = e => {
     if (e.key === 'Enter') {
       backToFirstView();
     }
   };
-
   const setSelectedRoles = selectedRoles => {
     if ((selectedRoles === null || selectedRoles.length === 0) && step === STEP_2) {
       backToFirstView();
       return;
     }
-
     setAdvancedPermissionState({
       type: _EntityAdvancedPermissionsState.SET_SELECTED_ROLES,
       selectedRoles
@@ -348,17 +296,14 @@ function EntityAdvancedPermissions(props) {
       if (roleToPermission.has(role.value)) {
         roleListChanged = true;
       }
-
       roleToPermission.set(role.value, defaultPermissionId || '');
     });
-
     if (roleListChanged) {
       setAdvancedPermissionState({
         type: _EntityAdvancedPermissionsState.SET_ROLE_TO_PERMISSION,
         roleToPermission
       });
     }
-
     if (step === STEP_1 && !onlyInSelectList.length) {
       savesStep1Silently();
       setAdvancedPermissionState({
@@ -368,20 +313,18 @@ function EntityAdvancedPermissions(props) {
       setStep(STEP_2);
     }
   };
-
   const handlePreloadRoles = () => {
     if (preloadRoles && preloadRoles.length && queryFunction) {
       const preloadIDs = preloadRoles.join(',');
       setStep(STEP_2);
       queryFunction('', null, preloadIDs).then(res => {
         var _res$items;
-
         if (res != null && (_res$items = res.items) != null && _res$items.length) {
           const preloadItems = res.items;
-
           if (preloadItems && preloadItems.length && step === STEP_1) {
             const updatedRoles = preloadItems.map(i => {
-              return { ...i,
+              return {
+                ...i,
                 value: i.id,
                 label: i.role
               };
@@ -394,16 +337,13 @@ function EntityAdvancedPermissions(props) {
       });
     }
   };
-
   (0, _react.useEffect)(handlePreloadRoles, [preloadRoles]);
-
   const permissionIdChanged = val => {
     setAdvancedPermissionState({
       type: _EntityAdvancedPermissionsState.SET_PERMISSION_ID,
       chosenPermission: val
     });
   };
-
   const onRoleToPermissionChange = val => {
     const roleToPermission = advancedPermissionState.roleToPermission || new Map();
     roleToPermission.set(val.id, val.permissionId);
@@ -411,30 +351,25 @@ function EntityAdvancedPermissions(props) {
       type: _EntityAdvancedPermissionsState.SET_ROLE_TO_PERMISSION,
       roleToPermission
     });
-
     if (val.permissionId === removePermissionCode) {
       setFocus();
     }
   };
-
   const updatedItems = items.map(item => {
     var _advancedPermissionSt;
-
     const id = item.id;
     const roleToPermission = (_advancedPermissionSt = advancedPermissionState.roleToPermission) == null ? void 0 : _advancedPermissionSt.get(id);
-
     if (roleToPermission !== undefined) {
-      return { ...item,
+      return {
+        ...item,
         selectedPermission: roleToPermission
       };
     }
-
     return item;
   });
   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 || '';
-
   const backButtonSpan = /*#__PURE__*/_react.default.createElement("span", {
     className: _EntityAdvancedPermissionsSt.classes.backButtonSpan,
     __self: this,
@@ -444,7 +379,6 @@ function EntityAdvancedPermissions(props) {
       columnNumber: 5
     }
   }, backButtonLabel || 'Back');
-
   const modalTitle = step === STEP_1 ? title : secondTitle;
   const rtl = direction === _EntityAdvancedPermissionsTypes.Direction.RTL;
   const modalAlertVisible = getModalAlertVisible();
@@ -460,7 +394,10 @@ function EntityAdvancedPermissions(props) {
       rtl
     }
   };
-  const sectionNotification = isDashboard ? /*#__PURE__*/_react.default.createElement(_wixStyleReact.FloatingNotification, {
+  const sectionNotification = isDashboard ?
+  /*#__PURE__*/
+  // @ts-ignore
+  _react.default.createElement(_wixStyleReact.FloatingNotification, {
     type: "warning",
     text: /*#__PURE__*/_react.default.createElement(_wixStyleReact.Text, {
       size: 'small',
@@ -468,7 +405,7 @@ function EntityAdvancedPermissions(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 444,
+        lineNumber: 445,
         columnNumber: 13
       }
     }, changeValidationMsg),
@@ -478,7 +415,7 @@ function EntityAdvancedPermissions(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 442,
+      lineNumber: 443,
       columnNumber: 5
     }
   }) : /*#__PURE__*/_react.default.createElement(_wixUiTpa.SectionNotification, {
@@ -487,7 +424,7 @@ function EntityAdvancedPermissions(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 450,
+      lineNumber: 451,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_wixUiTpa.SectionNotification.Icon, {
@@ -495,14 +432,14 @@ function EntityAdvancedPermissions(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 454,
+        lineNumber: 455,
         columnNumber: 39
       }
     }),
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 454,
+      lineNumber: 455,
       columnNumber: 7
     }
   }), /*#__PURE__*/_react.default.createElement(_wixUiTpa.SectionNotification.Text, {
@@ -510,11 +447,13 @@ function EntityAdvancedPermissions(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 455,
+      lineNumber: 456,
       columnNumber: 7
     }
   }, changeValidationMsg));
-  const wsrErrorNotification = errorMessageText.length > 0 ? /*#__PURE__*/_react.default.createElement(_wixStyleReact.FloatingNotification, {
+  const wsrErrorNotification =
+  // @ts-ignore
+  errorMessageText.length > 0 ? /*#__PURE__*/_react.default.createElement(_wixStyleReact.FloatingNotification, {
     type: "destructive",
     text: /*#__PURE__*/_react.default.createElement(_wixStyleReact.Text, {
       size: 'small',
@@ -522,7 +461,7 @@ function EntityAdvancedPermissions(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 464,
+        lineNumber: 467,
         columnNumber: 11
       }
     }, errorMessageText),
@@ -532,7 +471,7 @@ function EntityAdvancedPermissions(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 462,
+      lineNumber: 465,
       columnNumber: 36
     }
   }) : '';
@@ -542,7 +481,7 @@ function EntityAdvancedPermissions(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 477,
+      lineNumber: 480,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_wixUiTpa.SectionNotification.Icon, {
@@ -550,408 +489,411 @@ function EntityAdvancedPermissions(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 481,
+        lineNumber: 484,
         columnNumber: 39
       }
     }),
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 481,
+      lineNumber: 484,
       columnNumber: 7
     }
   }), /*#__PURE__*/_react.default.createElement(_wixUiTpa.SectionNotification.Text, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 482,
+      lineNumber: 485,
       columnNumber: 7
     }
   }, errorMessageText));
-  return /*#__PURE__*/_react.default.createElement(Provider, (0, _extends2.default)({}, providerProps, {
-    __self: this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 486,
-      columnNumber: 5
-    }
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _EntityAdvancedPermissionsSt.st)(_EntityAdvancedPermissionsSt.classes.root, {
-      mobile,
-      rtl,
-      step,
-      dashboard: isDashboard
-    }, className),
-    role: "dialog",
-    "aria-labelledby": "modalMainTitle",
-    "aria-describedby": "folderName",
-    __self: this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 487,
-      columnNumber: 7
-    }
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _EntityAdvancedPermissionsSt.st)(_EntityAdvancedPermissionsSt.classes.header),
-    __self: this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 493,
-      columnNumber: 9
-    }
-  }, step === STEP_2 && mobile && /*#__PURE__*/_react.default.createElement(_SmallArrowLeftIcon.default, {
-    className: _EntityAdvancedPermissionsSt.classes.headerArrow,
-    onClick: backToFirstView,
-    __self: this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 495,
-      columnNumber: 13
-    }
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _EntityAdvancedPermissionsSt.st)(_EntityAdvancedPermissionsSt.classes.titleContainer, {
-      secondView: step === STEP_2
-    }),
-    __self: this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 500,
-      columnNumber: 11
-    }
-  }, isDashboard ? /*#__PURE__*/_react.default.createElement(_wixStyleReact.Box, {
-    direction: 'horizontal',
-    display: 'grid',
-    __self: this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 506,
-      columnNumber: 15
-    }
-  }, /*#__PURE__*/_react.default.createElement(_wixStyleReact.Text, {
-    id: 'modalMainTitle',
-    weight: 'bold',
-    size: 'medium',
-    ellipsis: true,
-    className: (0, _EntityAdvancedPermissionsSt.st)(_EntityAdvancedPermissionsSt.classes.wsrModalMainTitle),
-    __self: this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 507,
-      columnNumber: 15
-    }
-  }, modalTitle), /*#__PURE__*/_react.default.createElement(_wixStyleReact.Text, {
-    id: 'folderName',
-    className: (0, _EntityAdvancedPermissionsSt.st)(_EntityAdvancedPermissionsSt.classes.wsrFolderName),
-    ellipsis: true,
-    __self: this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 516,
-      columnNumber: 15
-    }
-  }, entityTitle)) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_wixUiTpa.Text, {
-    id: 'modalMainTitle',
-    typography: _wixUiTpa.TextTypography.smallTitle,
-    className: (0, _EntityAdvancedPermissionsSt.st)(_EntityAdvancedPermissionsSt.classes.modalMainTitle),
-    __self: this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 526,
-      columnNumber: 15
-    }
-  }, modalTitle), /*#__PURE__*/_react.default.createElement(_wixUiTpa.Text, {
-    id: 'folderName',
-    typography: _wixUiTpa.TextTypography.runningText,
-    className: (0, _EntityAdvancedPermissionsSt.st)(_EntityAdvancedPermissionsSt.classes.folderName),
-    __self: this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 533,
-      columnNumber: 15
-    }
-  }, entityTitle))), isModal && (isDashboard ? /*#__PURE__*/_react.default.createElement(_Dismiss.default, {
-    className: (0, _EntityAdvancedPermissionsSt.st)(_EntityAdvancedPermissionsSt.classes.closeButton),
-    onClick: closeCallback,
-    "aria-label": closeAriaLabel,
-    onKeyDown: onCloseIconKeyDown,
-    __self: this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 546,
-      columnNumber: 15
-    }
-  }) : /*#__PURE__*/_react.default.createElement(_Close.default, {
-    className: (0, _EntityAdvancedPermissionsSt.st)(_EntityAdvancedPermissionsSt.classes.closeButton),
-    onClick: closeCallback,
-    role: "button",
-    tabIndex: 0,
-    onKeyDown: onCloseIconKeyDown,
-    "aria-label": closeAriaLabel,
-    __self: this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 553,
-      columnNumber: 15
-    }
-  }))), /*#__PURE__*/_react.default.createElement(_reactScrollbarsCustom.Scrollbar, {
-    native: true,
-    translateContentSizeYToHolder: true,
-    noScrollX: true,
-    className: (0, _EntityAdvancedPermissionsSt.st)(_EntityAdvancedPermissionsSt.classes.stepScrollbar, {
-      active: step === STEP_2 && !mobile
-    }),
-    __self: this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 564,
-      columnNumber: 9
-    }
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _EntityAdvancedPermissionsSt.st)(_EntityAdvancedPermissionsSt.classes.roleSelectionContainer, {
-      secondView: isDashboard && step === STEP_2
-    }),
-    __self: this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 572,
-      columnNumber: 11
-    }
-  }, /*#__PURE__*/_react.default.createElement(_SearchEntity.default, {
-    searchEntityRef: searchEntityRef,
-    loadingMessage: loadingMessage,
-    placeholder: _he.default.decode(searchPlaceHolder || ''),
-    setSelectedRoles: setSelectedRoles,
-    queryFunction: queryFunction,
-    allOptionsSelected: allOptionsSelected,
-    noOptionsMessage: noOptionsMessage,
-    className: (0, _EntityAdvancedPermissionsSt.st)(_EntityAdvancedPermissionsSt.classes.searchEntity),
-    value: advancedPermissionState.selectedRoles,
-    filterShowOnlyInSelectList: step === STEP_2,
-    numberOfResultsMessage: numberOfResultsMessage,
-    pressDeleteToRemoveMessage: pressDeleteToRemoveMessage,
-    isDashboard: isDashboard,
-    __self: this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 577,
-      columnNumber: 13
-    }
-  }), step === STEP_2 && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("label", {
-    className: "sr-only",
-    id: "globalSelectPermissionId",
-    __self: this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 595,
-      columnNumber: 17
-    }
-  }, _he.default.decode(selectPermissionLabel)), /*#__PURE__*/_react.default.createElement(_PermissionsDropdown.default, {
-    ariaLabelledBy: 'globalSelectPermissionId',
-    options: step2Permissions,
-    disabled: false,
-    value: advancedPermissionState.chosenPermission,
-    onChange: permissionIdChanged,
-    className: isDashboard ? (0, _EntityAdvancedPermissionsSt.st)(_EntityAdvancedPermissionsSt.classes.wsrPermissionsMenu) : (0, _EntityAdvancedPermissionsSt.st)(_EntityAdvancedPermissionsSt.classes.permissionDropdown, {
-      rtl
-    }),
-    isDashboard: isDashboard,
-    isStep2: step === STEP_2,
-    __self: this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 598,
-      columnNumber: 17
-    }
-  }))), /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _EntityAdvancedPermissionsSt.st)(_EntityAdvancedPermissionsSt.classes.steps),
-    role: "alert",
-    __self: this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 615,
-      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, {
-    removePermissionCode: removePermissionCode,
-    items: updatedItems,
-    loading: loading,
-    onChange: onRoleToPermissionChange,
-    className: (0, _EntityAdvancedPermissionsSt.st)(_EntityAdvancedPermissionsSt.classes.permissionList),
-    emptyStateTitle: emptyStateTitle,
-    emptyStateDescription: emptyStateDescription,
-    permissionRemovedMessage: permissionRemovedMessage,
-    isDashboard: isDashboard,
-    modalAlertVisible: modalAlertVisible,
-    __self: this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 621,
-      columnNumber: 17
-    }
-  })), step === STEP_2 && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_NotifyBox.default, {
-    checkBoxNotifyLabel: checkBoxNotifyLabel,
-    notifyMessagePlaceholder: notifyMessagePlaceholder,
-    notifyMessageLabel: notifyMessageLabel,
-    value: advancedPermissionState,
-    onChange: setAdvancedPermissionState,
-    notifyLabelHint: notifyLabelHint,
-    isDashboard: isDashboard,
-    isSitePublished: isSitePublished === 'true',
-    __self: this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 637,
-      columnNumber: 15
-    }
-  }), isDashboard && wsrErrorNotification))), !isDashboard && /*#__PURE__*/_react.default.createElement(_wixUiTpa.Divider, {
-    className: (0, _EntityAdvancedPermissionsSt.st)(_EntityAdvancedPermissionsSt.classes.divider),
-    __self: this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 652,
-      columnNumber: 27
-    }
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _EntityAdvancedPermissionsSt.st)(_EntityAdvancedPermissionsSt.classes.footer),
-    __self: this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 653,
-      columnNumber: 9
-    }
-  }, step === STEP_2 && !mobile && /*#__PURE__*/_react.default.createElement("span", {
-    onClick: backToFirstView,
-    tabIndex: 0,
-    className: (0, _EntityAdvancedPermissionsSt.st)(_EntityAdvancedPermissionsSt.classes.backButton),
-    role: "button",
-    onKeyDown: onBackIconKeyDown,
-    "aria-label": backAriaLabel,
-    __self: this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 655,
-      columnNumber: 13
-    }
-  }, isDashboard ? /*#__PURE__*/_react.default.createElement(_wixStyleReact.Button, {
-    priority: "secondary",
-    size: _wixUiTpa.ButtonSize.small,
-    __self: this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 664,
-      columnNumber: 17
-    }
-  }, /*#__PURE__*/_react.default.createElement(_ChevronLeftSmall.default, {
-    __self: this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 665,
-      columnNumber: 19
-    }
-  }), backButtonSpan) : /*#__PURE__*/_react.default.createElement(_wixUiTpa.IconToggle, {
-    label: backButtonSpan,
-    className: (0, _EntityAdvancedPermissionsSt.st)(_EntityAdvancedPermissionsSt.classes.backToggleIcon),
-    icon: /*#__PURE__*/_react.default.createElement(_BackIcon.default, {
-      tabIndex: -1,
+  return (
+    /*#__PURE__*/
+    // @ts-ignore
+    _react.default.createElement(Provider, (0, _extends2.default)({}, providerProps, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 672,
-        columnNumber: 25
+        lineNumber: 490,
+        columnNumber: 5
       }
-    }),
-    __self: this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 669,
-      columnNumber: 17
-    }
-  })), /*#__PURE__*/_react.default.createElement("div", {
-    className: _EntityAdvancedPermissionsSt.classes.actionButtons,
-    __self: this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 678,
-      columnNumber: 11
-    }
-  }, step === STEP_1 && (isDashboard ? /*#__PURE__*/_react.default.createElement(_wixStyleReact.Button, {
-    priority: "secondary",
-    "aria-label": advancedPermissionState.saveState === _wixUiTpa.StatesButtonStates.SUCCESS ? saveSuccessMessage : '',
-    className: _EntityAdvancedPermissionsSt.classes.wsrCancelBtn,
-    size: _wixUiTpa.ButtonSize.small,
-    disabled: false,
-    onClick: closeCallback,
-    __self: this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 681,
-      columnNumber: 17
-    }
-  }, cancel || 'Cancel') : /*#__PURE__*/_react.default.createElement(_wixUiTpa.Button, {
-    priority: _wixUiTpa.ButtonPriority.basicSecondary,
-    upgrade: true,
-    className: (0, _EntityAdvancedPermissionsSt.st)(_EntityAdvancedPermissionsSt.classes.buttonCancel, {
-      invisible: !advancedPermissionState.pendingSave
-    }),
-    onClick: closeCallback,
-    size: _wixUiTpa.ButtonSize.medium,
-    __self: this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 696,
-      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,
-    __self: this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 710,
-      columnNumber: 15
-    }
-  }, advancedPermissionState.saveState !== _wixUiTpa.StatesButtonStates.IN_PROGRESS ? advancedPermissionState.pendingSave ? saveButtonText || 'Save' : doneLabel : /*#__PURE__*/_react.default.createElement(_wixStyleReact.Loader, {
-    size: "tiny",
-    __self: this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 731,
-      columnNumber: 19
-    }
-  })) : /*#__PURE__*/_react.default.createElement(_wixUiTpa.StatesButton, {
-    idleContent: advancedPermissionState.pendingSave ? saveButtonText || 'Save' : doneLabel,
-    "aria-label": advancedPermissionState.saveState === _wixUiTpa.StatesButtonStates.SUCCESS ? saveSuccessMessage : '',
-    inProgressContent: /*#__PURE__*/_react.default.createElement(_ButtonSpinner.default, {
-      className: (0, _EntityAdvancedPermissionsSt.st)(_EntityAdvancedPermissionsSt.classes.ButtonSpinner),
+    }), /*#__PURE__*/_react.default.createElement("div", {
+      className: (0, _EntityAdvancedPermissionsSt.st)(_EntityAdvancedPermissionsSt.classes.root, {
+        mobile,
+        rtl,
+        step,
+        dashboard: isDashboard
+      }, className),
+      role: "dialog",
+      "aria-labelledby": "modalMainTitle",
+      "aria-describedby": "folderName",
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 491,
+        columnNumber: 7
+      }
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: (0, _EntityAdvancedPermissionsSt.st)(_EntityAdvancedPermissionsSt.classes.header),
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 497,
+        columnNumber: 9
+      }
+    }, step === STEP_2 && mobile && /*#__PURE__*/_react.default.createElement(_SmallArrowLeftIcon.default, {
+      className: _EntityAdvancedPermissionsSt.classes.headerArrow,
+      onClick: backToFirstView,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 499,
+        columnNumber: 13
+      }
+    }), /*#__PURE__*/_react.default.createElement("div", {
+      className: (0, _EntityAdvancedPermissionsSt.st)(_EntityAdvancedPermissionsSt.classes.titleContainer, {
+        secondView: step === STEP_2
+      }),
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 504,
+        columnNumber: 11
+      }
+    }, isDashboard ? /*#__PURE__*/_react.default.createElement(_wixStyleReact.Box, {
+      direction: 'horizontal',
+      display: 'grid',
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 510,
+        columnNumber: 15
+      }
+    }, /*#__PURE__*/_react.default.createElement(_wixStyleReact.Text, {
+      id: 'modalMainTitle',
+      weight: 'bold',
+      size: 'medium',
+      ellipsis: true,
+      className: (0, _EntityAdvancedPermissionsSt.st)(_EntityAdvancedPermissionsSt.classes.wsrModalMainTitle),
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 747,
+        lineNumber: 511,
+        columnNumber: 15
+      }
+    }, modalTitle), /*#__PURE__*/_react.default.createElement(_wixStyleReact.Text, {
+      id: 'folderName',
+      className: (0, _EntityAdvancedPermissionsSt.st)(_EntityAdvancedPermissionsSt.classes.wsrFolderName),
+      ellipsis: true,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 520,
+        columnNumber: 15
+      }
+    }, entityTitle)) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_wixUiTpa.Text, {
+      id: 'modalMainTitle',
+      typography: _wixUiTpa.TextTypography.smallTitle,
+      className: (0, _EntityAdvancedPermissionsSt.st)(_EntityAdvancedPermissionsSt.classes.modalMainTitle),
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 530,
+        columnNumber: 15
+      }
+    }, modalTitle), /*#__PURE__*/_react.default.createElement(_wixUiTpa.Text, {
+      id: 'folderName',
+      typography: _wixUiTpa.TextTypography.runningText,
+      className: (0, _EntityAdvancedPermissionsSt.st)(_EntityAdvancedPermissionsSt.classes.folderName),
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 537,
+        columnNumber: 15
+      }
+    }, entityTitle))), isModal && (isDashboard ? /*#__PURE__*/_react.default.createElement(_Dismiss.default, {
+      className: (0, _EntityAdvancedPermissionsSt.st)(_EntityAdvancedPermissionsSt.classes.closeButton),
+      onClick: closeCallback,
+      "aria-label": closeAriaLabel,
+      onKeyDown: onCloseIconKeyDown,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 550,
+        columnNumber: 15
+      }
+    }) : /*#__PURE__*/_react.default.createElement(_Close.default, {
+      className: (0, _EntityAdvancedPermissionsSt.st)(_EntityAdvancedPermissionsSt.classes.closeButton),
+      onClick: closeCallback,
+      role: "button",
+      tabIndex: 0,
+      onKeyDown: onCloseIconKeyDown,
+      "aria-label": closeAriaLabel,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 557,
+        columnNumber: 15
+      }
+    }))), /*#__PURE__*/_react.default.createElement(_reactScrollbarsCustom.Scrollbar, {
+      native: true,
+      translateContentSizeYToHolder: true,
+      noScrollX: true,
+      className: (0, _EntityAdvancedPermissionsSt.st)(_EntityAdvancedPermissionsSt.classes.stepScrollbar, {
+        active: step === STEP_2 && !mobile
+      }),
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 568,
+        columnNumber: 9
+      }
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: (0, _EntityAdvancedPermissionsSt.st)(_EntityAdvancedPermissionsSt.classes.roleSelectionContainer, {
+        secondView: isDashboard && step === STEP_2
+      }),
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 576,
+        columnNumber: 11
+      }
+    }, /*#__PURE__*/_react.default.createElement(_SearchEntity.default, {
+      searchEntityRef: searchEntityRef,
+      loadingMessage: loadingMessage,
+      placeholder: _he.default.decode(searchPlaceHolder || ''),
+      setSelectedRoles: setSelectedRoles,
+      queryFunction: queryFunction,
+      allOptionsSelected: allOptionsSelected,
+      noOptionsMessage: noOptionsMessage,
+      className: (0, _EntityAdvancedPermissionsSt.st)(_EntityAdvancedPermissionsSt.classes.searchEntity),
+      value: advancedPermissionState.selectedRoles,
+      filterShowOnlyInSelectList: step === STEP_2,
+      numberOfResultsMessage: numberOfResultsMessage,
+      pressDeleteToRemoveMessage: pressDeleteToRemoveMessage,
+      isDashboard: isDashboard,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 581,
+        columnNumber: 13
+      }
+    }), step === STEP_2 && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("label", {
+      className: "sr-only",
+      id: "globalSelectPermissionId",
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 599,
+        columnNumber: 17
+      }
+    }, _he.default.decode(selectPermissionLabel)), /*#__PURE__*/_react.default.createElement(_PermissionsDropdown.default, {
+      ariaLabelledBy: 'globalSelectPermissionId',
+      options: step2Permissions,
+      disabled: false,
+      value: advancedPermissionState.chosenPermission,
+      onChange: permissionIdChanged,
+      className: isDashboard ? (0, _EntityAdvancedPermissionsSt.st)(_EntityAdvancedPermissionsSt.classes.wsrPermissionsMenu) : (0, _EntityAdvancedPermissionsSt.st)(_EntityAdvancedPermissionsSt.classes.permissionDropdown, {
+        rtl
+      }),
+      isDashboard: isDashboard,
+      isStep2: step === STEP_2,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 602,
+        columnNumber: 17
+      }
+    }))), /*#__PURE__*/_react.default.createElement("div", {
+      className: (0, _EntityAdvancedPermissionsSt.st)(_EntityAdvancedPermissionsSt.classes.steps),
+      role: "alert",
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 619,
+        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, {
+      removePermissionCode: removePermissionCode,
+      items: updatedItems,
+      loading: loading,
+      onChange: onRoleToPermissionChange,
+      className: (0, _EntityAdvancedPermissionsSt.st)(_EntityAdvancedPermissionsSt.classes.permissionList),
+      emptyStateTitle: emptyStateTitle,
+      emptyStateDescription: emptyStateDescription,
+      permissionRemovedMessage: permissionRemovedMessage,
+      isDashboard: isDashboard,
+      modalAlertVisible: modalAlertVisible,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 625,
+        columnNumber: 17
+      }
+    })), step === STEP_2 && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_NotifyBox.default, {
+      checkBoxNotifyLabel: checkBoxNotifyLabel,
+      notifyMessagePlaceholder: notifyMessagePlaceholder,
+      notifyMessageLabel: notifyMessageLabel,
+      value: advancedPermissionState,
+      onChange: setAdvancedPermissionState,
+      notifyLabelHint: notifyLabelHint,
+      isDashboard: isDashboard,
+      isSitePublished: isSitePublished === 'true',
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 641,
+        columnNumber: 15
+      }
+    }), isDashboard && wsrErrorNotification))), !isDashboard && /*#__PURE__*/_react.default.createElement(_wixUiTpa.Divider, {
+      className: (0, _EntityAdvancedPermissionsSt.st)(_EntityAdvancedPermissionsSt.classes.divider),
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 656,
+        columnNumber: 27
+      }
+    }), /*#__PURE__*/_react.default.createElement("div", {
+      className: (0, _EntityAdvancedPermissionsSt.st)(_EntityAdvancedPermissionsSt.classes.footer),
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 657,
+        columnNumber: 9
+      }
+    }, step === STEP_2 && !mobile && /*#__PURE__*/_react.default.createElement("span", {
+      onClick: backToFirstView,
+      tabIndex: 0,
+      className: (0, _EntityAdvancedPermissionsSt.st)(_EntityAdvancedPermissionsSt.classes.backButton),
+      role: "button",
+      onKeyDown: onBackIconKeyDown,
+      "aria-label": backAriaLabel,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 659,
+        columnNumber: 13
+      }
+    }, isDashboard ? /*#__PURE__*/_react.default.createElement(_wixStyleReact.Button, {
+      priority: "secondary",
+      size: _wixUiTpa.ButtonSize.small,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 668,
+        columnNumber: 17
+      }
+    }, /*#__PURE__*/_react.default.createElement(_ChevronLeftSmall.default, {
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 669,
         columnNumber: 19
       }
-    }),
-    className: (0, _EntityAdvancedPermissionsSt.st)(_EntityAdvancedPermissionsSt.classes.buttonSend, {
-      progress: advancedPermissionState.saveState === _wixUiTpa.StatesButtonStates.IN_PROGRESS
-    }),
-    size: _wixUiTpa.ButtonSize.medium,
-    disabled: false,
-    state: advancedPermissionState.saveState || _wixUiTpa.StatesButtonStates.IDLE,
-    onClick: saveClicked,
-    onNotificationEnd: () => setAdvancedPermissionState({
-      type: _EntityAdvancedPermissionsState.SET_SAVE_STATE,
-      saveState: _wixUiTpa.StatesButtonStates.IDLE
-    }),
-    __self: this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 735,
-      columnNumber: 15
-    }
-  })))));
+    }), backButtonSpan) : /*#__PURE__*/_react.default.createElement(_wixUiTpa.IconToggle, {
+      label: backButtonSpan,
+      className: (0, _EntityAdvancedPermissionsSt.st)(_EntityAdvancedPermissionsSt.classes.backToggleIcon),
+      icon: /*#__PURE__*/_react.default.createElement(_BackIcon.default, {
+        tabIndex: -1,
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 676,
+          columnNumber: 25
+        }
+      }),
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 673,
+        columnNumber: 17
+      }
+    })), /*#__PURE__*/_react.default.createElement("div", {
+      className: _EntityAdvancedPermissionsSt.classes.actionButtons,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 682,
+        columnNumber: 11
+      }
+    }, step === STEP_1 && (isDashboard ? /*#__PURE__*/_react.default.createElement(_wixStyleReact.Button, {
+      priority: "secondary",
+      "aria-label": advancedPermissionState.saveState === _wixUiTpa.StatesButtonStates.SUCCESS ? saveSuccessMessage : '',
+      className: _EntityAdvancedPermissionsSt.classes.wsrCancelBtn,
+      size: _wixUiTpa.ButtonSize.small,
+      disabled: false,
+      onClick: closeCallback,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 685,
+        columnNumber: 17
+      }
+    }, cancel || 'Cancel') : /*#__PURE__*/_react.default.createElement(_wixUiTpa.Button, {
+      priority: _wixUiTpa.ButtonPriority.basicSecondary,
+      upgrade: true,
+      className: (0, _EntityAdvancedPermissionsSt.st)(_EntityAdvancedPermissionsSt.classes.buttonCancel, {
+        invisible: !advancedPermissionState.pendingSave
+      }),
+      onClick: closeCallback,
+      size: _wixUiTpa.ButtonSize.medium,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 700,
+        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,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 714,
+        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, {
+      size: "tiny",
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 737,
+        columnNumber: 19
+      }
+    }))) : /*#__PURE__*/_react.default.createElement(_wixUiTpa.StatesButton, {
+      idleContent: advancedPermissionState.pendingSave ? saveButtonText || 'Save' : doneLabel,
+      "aria-label": advancedPermissionState.saveState === _wixUiTpa.StatesButtonStates.SUCCESS ? saveSuccessMessage : '',
+      inProgressContent: /*#__PURE__*/_react.default.createElement(_ButtonSpinner.default, {
+        className: (0, _EntityAdvancedPermissionsSt.st)(_EntityAdvancedPermissionsSt.classes.ButtonSpinner),
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 754,
+          columnNumber: 19
+        }
+      }),
+      className: (0, _EntityAdvancedPermissionsSt.st)(_EntityAdvancedPermissionsSt.classes.buttonSend, {
+        progress: advancedPermissionState.saveState === _wixUiTpa.StatesButtonStates.IN_PROGRESS
+      }),
+      size: _wixUiTpa.ButtonSize.medium,
+      disabled: false,
+      state: advancedPermissionState.saveState || _wixUiTpa.StatesButtonStates.IDLE,
+      onClick: saveClicked,
+      onNotificationEnd: () => setAdvancedPermissionState({
+        type: _EntityAdvancedPermissionsState.SET_SAVE_STATE,
+        saveState: _wixUiTpa.StatesButtonStates.IDLE
+      }),
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 742,
+        columnNumber: 15
+      }
+    })))))
+  );
 }
-
 var _default = EntityAdvancedPermissions;
 exports.default = _default;
 //# sourceMappingURL=EntityAdvancedPermissions.js.map