@wix/entity-advanced-permissions 1.1395.0 → 1.1396.0

package/dist/cjs/components/EntityAdvancedPermissions.js

@@ -5,11 +5,10 @@ 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 _cssVars = require("@wix/wix-ui-tpa/cssVars");
 var _EntityAdvancedPermissionsSt = require("./EntityAdvancedPermissions.st.css");
 var _designSystem = require("@wix/design-system");
 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 _onStage = require("@wix/wix-ui-icons-common/on-stage");
@@ -26,7 +25,7 @@ var _helper = require("./Helper/helper");
 var _HideFolderCheckbox = _interopRequireDefault(require("./HideFolderCheckbox/HideFolderCheckbox"));
 var _Header = require("./Header/Header");
 var _constants = require("./common/constants");
-var _jsxFileName = "/home/builduser/work/529538774eb649c7/packages/entity-advanced-permissions/dist/cjs/components/EntityAdvancedPermissions.tsx";
+var _jsxFileName = "/home/builduser/work/529538774eb649c7/packages/entity-advanced-permissions/dist/cjs/components/EntityAdvancedPermissions.tsx"; //import BackIcon from '../assets/icons/BackIcon.svg';
 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 && {}.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; }
 function EntityAdvancedPermissions(props) {
@@ -87,8 +86,8 @@ function EntityAdvancedPermissions(props) {
     triggerBiEventHiddenCheckboxClick = () => {}
   } = props;
   const isDashboard = theme === _EntityAdvancedPermissionsTypes.Theme.DASHBOARD;
-  const Provider = isDashboard ? _designSystem.WixDesignSystemProvider : _wixUiTpa.TPAComponentsProvider;
-  const searchEntityRef = /*#__PURE__*/(0, _react.createRef)();
+  const Provider = isDashboard ? _designSystem.WixDesignSystemProvider : _cssVars.TPAComponentsProvider;
+  const searchEntityRef = (0, _react.useRef)(null);
   const [localItems, setLocalItems] = (0, _react.useState)(items);
   const [initLocalItems, setInitLocalItems] = (0, _react.useState)(false);
   const defaultIsHiddenFolder = availability == null ? void 0 : availability.includes('HIDDEN');
@@ -109,14 +108,25 @@ function EntityAdvancedPermissions(props) {
       searchEntityRef.current.focus();
     }
   };
-  (0, _react.useEffect)(setFocus, [step]);
+  (0, _react.useEffect)(() => {
+    if (!searchEntityRef.current) {
+      return;
+    }
+    if (step === _constants.STEP_1) {
+      setFocus();
+      return;
+    }
+    if (searchEntityRef.current) {
+      searchEntityRef.current.blur();
+    }
+  }, [step]);
   const defaultState = {
     selectedRoles: [],
     roleToPermission: new Map(),
     notify: true,
     notifyMessage: '',
     chosenPermission: defaultPermissionId,
-    saveState: _wixUiTpa.StatesButtonStates.IDLE,
+    saveState: _cssVars.StatesButtonStates.IDLE,
     pendingSave: false,
     isHidden: defaultIsHiddenFolder,
     availabilityStatus: {
@@ -177,7 +187,7 @@ function EntityAdvancedPermissions(props) {
   };
   const saveClicked = async () => {
     var _fulfilledAPIs$value;
-    if (advancedPermissionState.saveState === _wixUiTpa.StatesButtonStates.IN_PROGRESS || advancedPermissionState.disableSave === true) {
+    if (advancedPermissionState.saveState === _cssVars.StatesButtonStates.IN_PROGRESS || advancedPermissionState.disableSave === true) {
       return;
     }
     if (!advancedPermissionState.pendingSave) {
@@ -189,7 +199,7 @@ function EntityAdvancedPermissions(props) {
     }
     setAdvancedPermissionState({
       type: _EntityAdvancedPermissionsState.SET_SAVE_STATE,
-      saveState: _wixUiTpa.StatesButtonStates.IN_PROGRESS
+      saveState: _cssVars.StatesButtonStates.IN_PROGRESS
     });
     setAdvancedPermissionState({
       type: _EntityAdvancedPermissionsState.SET_ERROR_MESSAGE,
@@ -243,7 +253,7 @@ function EntityAdvancedPermissions(props) {
         } catch (e) {
           setAdvancedPermissionState({
             type: _EntityAdvancedPermissionsState.SET_SAVE_STATE,
-            saveState: _wixUiTpa.StatesButtonStates.IDLE
+            saveState: _cssVars.StatesButtonStates.IDLE
           });
         }
       }
@@ -258,7 +268,7 @@ function EntityAdvancedPermissions(props) {
       setAdvancedPermissionState({
         type: _EntityAdvancedPermissionsState.RESET,
         ...defaultState,
-        saveState: _wixUiTpa.StatesButtonStates.SUCCESS,
+        saveState: _cssVars.StatesButtonStates.SUCCESS,
         availabilityStatus: availability_status
       });
       if (step === _constants.STEP_1) {
@@ -282,7 +292,7 @@ function EntityAdvancedPermissions(props) {
       });
       setAdvancedPermissionState({
         type: _EntityAdvancedPermissionsState.SET_SAVE_STATE,
-        saveState: _wixUiTpa.StatesButtonStates.IDLE,
+        saveState: _cssVars.StatesButtonStates.IDLE,
         availabilityStatus: availability_status
       });
     }
@@ -487,7 +497,7 @@ function EntityAdvancedPermissions(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 599,
+      lineNumber: 613,
       columnNumber: 5
     }
   }, backButtonLabel || 'Back');
@@ -515,7 +525,7 @@ function EntityAdvancedPermissions(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 614,
+        lineNumber: 628,
         columnNumber: 13
       }
     }, changeValidationMsg),
@@ -525,39 +535,39 @@ function EntityAdvancedPermissions(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 612,
+      lineNumber: 626,
       columnNumber: 5
     }
-  }) : /*#__PURE__*/_react.default.createElement(_wixUiTpa.SectionNotification, {
+  }) : /*#__PURE__*/_react.default.createElement(_cssVars.SectionNotification, {
     type: "alert",
     className: (0, _EntityAdvancedPermissionsSt.st)(_EntityAdvancedPermissionsSt.classes.notificationMessage),
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 620,
+      lineNumber: 634,
       columnNumber: 5
     }
-  }, /*#__PURE__*/_react.default.createElement(_wixUiTpa.SectionNotification.Icon, {
+  }, /*#__PURE__*/_react.default.createElement(_cssVars.SectionNotification.Icon, {
     icon: /*#__PURE__*/_react.default.createElement(_Error.default, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 624,
+        lineNumber: 638,
         columnNumber: 39
       }
     }),
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 624,
+      lineNumber: 638,
       columnNumber: 7
     }
-  }), /*#__PURE__*/_react.default.createElement(_wixUiTpa.SectionNotification.Text, {
+  }), /*#__PURE__*/_react.default.createElement(_cssVars.SectionNotification.Text, {
     className: (0, _EntityAdvancedPermissionsSt.st)(_EntityAdvancedPermissionsSt.classes.notificationMessageText),
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 625,
+      lineNumber: 639,
       columnNumber: 7
     }
   }, changeValidationMsg));
@@ -571,7 +581,7 @@ function EntityAdvancedPermissions(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 636,
+        lineNumber: 650,
         columnNumber: 11
       }
     }, errorMessageText),
@@ -581,370 +591,369 @@ function EntityAdvancedPermissions(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 634,
+      lineNumber: 648,
       columnNumber: 36
     }
   }) : '';
-  const errorSectionNotification = isDashboard ? step === _constants.STEP_1 ? wsrErrorNotification : '' : /*#__PURE__*/_react.default.createElement(_wixUiTpa.SectionNotification, {
+  const errorSectionNotification = isDashboard ? step === _constants.STEP_1 ? wsrErrorNotification : '' : /*#__PURE__*/_react.default.createElement(_cssVars.SectionNotification, {
     type: "error",
     className: (0, _EntityAdvancedPermissionsSt.st)(_EntityAdvancedPermissionsSt.classes.notificationMessage),
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 649,
+      lineNumber: 663,
       columnNumber: 5
     }
-  }, /*#__PURE__*/_react.default.createElement(_wixUiTpa.SectionNotification.Icon, {
+  }, /*#__PURE__*/_react.default.createElement(_cssVars.SectionNotification.Icon, {
     icon: /*#__PURE__*/_react.default.createElement(_onStage.Error, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 653,
+        lineNumber: 667,
         columnNumber: 39
       }
     }),
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 653,
+      lineNumber: 667,
       columnNumber: 7
     }
-  }), /*#__PURE__*/_react.default.createElement(_wixUiTpa.SectionNotification.Text, {
+  }), /*#__PURE__*/_react.default.createElement(_cssVars.SectionNotification.Text, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 654,
+      lineNumber: 668,
       columnNumber: 7
     }
   }, errorMessageText));
-  return (
-    /*#__PURE__*/
-    // @ts-ignore
-    _react.default.createElement(Provider, (0, _extends2.default)({}, providerProps, {
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 659,
-        columnNumber: 6
-      }
-    }), /*#__PURE__*/_react.default.createElement("div", {
-      ref: containerRef,
-      className: (0, _EntityAdvancedPermissionsSt.st)(_EntityAdvancedPermissionsSt.classes.root, {
-        mobile,
-        rtl,
-        step,
-        dashboard: isDashboard,
-        app: !isDashboard
-      }, className),
-      role: "dialog",
-      "aria-labelledby": "modalMainTitle",
-      "aria-describedby": "folderName",
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 660,
-        columnNumber: 7
-      }
-    }, /*#__PURE__*/_react.default.createElement(_Header.Header, {
-      modalTitle: modalTitle,
-      modalSubtitle: modalSubTitle,
-      step: step,
-      isDashboard: isDashboard,
-      mobile: mobile,
-      isModal: isModal,
-      closeAriaLabel: closeAriaLabel,
-      closeCallback: closeCallback,
-      backToFirstView: backToFirstView,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 671,
-        columnNumber: 9
-      }
-    }), /*#__PURE__*/_react.default.createElement(_reactScrollbarsCustom.Scrollbar, {
-      native: true,
-      translateContentSizeYToHolder: true,
-      noScrollX: true,
-      className: (0, _EntityAdvancedPermissionsSt.st)(_EntityAdvancedPermissionsSt.classes.stepScrollbar, {
-        active: step === _constants.STEP_2 && !mobile
-      }),
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 684,
-        columnNumber: 9
-      }
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: (0, _EntityAdvancedPermissionsSt.st)(_EntityAdvancedPermissionsSt.classes.roleSelectionContainer, {
-        secondView: isDashboard && step === _constants.STEP_2
-      }),
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 692,
-        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 === _constants.STEP_2,
-      numberOfResultsMessage: numberOfResultsMessage,
-      pressDeleteToRemoveMessage: pressDeleteToRemoveMessage,
-      isDashboard: isDashboard,
-      updatedItems: updatedItems,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 697,
-        columnNumber: 13
-      }
-    }), step === _constants.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: 716,
-        columnNumber: 17
-      }
-    }, _he.default.decode(selectPermissionLabel)), /*#__PURE__*/_react.default.createElement(_PermissionsDropdown.default, {
-      containerRef: containerRef,
-      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 === _constants.STEP_2,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 719,
-        columnNumber: 17
-      }
-    }))), /*#__PURE__*/_react.default.createElement("div", {
-      className: (0, _EntityAdvancedPermissionsSt.st)(_EntityAdvancedPermissionsSt.classes.steps),
-      role: "alert",
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 737,
-        columnNumber: 11
-      }
-    }, errorMessageText.length > 0 && errorSectionNotification, step === _constants.STEP_1 && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, modalAlertVisible && sectionNotification, /*#__PURE__*/_react.default.createElement(_PermissionsList.default, {
-      containerRef: containerRef,
-      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: 743,
-        columnNumber: 17
-      }
-    })), step === _constants.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: 760,
-        columnNumber: 15
-      }
-    }), isDashboard && wsrErrorNotification))), !isDashboard && /*#__PURE__*/_react.default.createElement(_wixUiTpa.Divider, {
-      className: (0, _EntityAdvancedPermissionsSt.st)(_EntityAdvancedPermissionsSt.classes.divider),
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 775,
-        columnNumber: 27
-      }
-    }), isDashboard && step === _constants.STEP_1 && /*#__PURE__*/_react.default.createElement(_designSystem.Divider, {
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 776,
-        columnNumber: 45
-      }
-    }), /*#__PURE__*/_react.default.createElement("div", {
-      className: (0, _EntityAdvancedPermissionsSt.st)(_EntityAdvancedPermissionsSt.classes.footer),
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 777,
-        columnNumber: 9
-      }
-    }, step === _constants.STEP_2 && /*#__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: 779,
-        columnNumber: 13
-      }
-    }, isDashboard ? /*#__PURE__*/_react.default.createElement(_designSystem.Button, {
-      priority: "secondary",
-      size: _wixUiTpa.ButtonSize.small,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 788,
-        columnNumber: 17
-      }
-    }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.ChevronLeftSmall, {
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 789,
-        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,
-        __self: this,
-        __source: {
-          fileName: _jsxFileName,
-          lineNumber: 796,
-          columnNumber: 25
-        }
-      }),
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 793,
-        columnNumber: 17
-      }
-    })), step === _constants.STEP_1 && /*#__PURE__*/_react.default.createElement(_HideFolderCheckbox.default, {
-      isDashboard: isDashboard,
-      advancedPermissionState: advancedPermissionState,
-      setAdvancedPermissionState: setAdvancedPermissionState,
-      checkboxLabel: checkboxLabel_hiddenFolders,
-      checkboxLearnMore: learnMore_hiddenFolders,
-      locale: locale,
-      triggerBiEventHiddenCheckboxClick: triggerBiEventHiddenCheckboxClick,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 803,
-        columnNumber: 13
-      }
-    }), /*#__PURE__*/_react.default.createElement("div", {
-      className: _EntityAdvancedPermissionsSt.classes.actionButtons,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 816,
-        columnNumber: 11
-      }
-    }, step === _constants.STEP_1 && (isDashboard ? /*#__PURE__*/_react.default.createElement(_designSystem.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: 819,
-        columnNumber: 17
-      }
-    }, cancel || 'Cancel') : advancedPermissionState.pendingSave && /*#__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: 834,
-        columnNumber: 17
-      }
-    }, cancel || 'Cancel')), isDashboard ? /*#__PURE__*/_react.default.createElement(_designSystem.Button, {
-      "aria-label": advancedPermissionState.saveState === _wixUiTpa.StatesButtonStates.SUCCESS ? saveSuccessMessage : '',
-      size: _wixUiTpa.ButtonSize.small,
-      disabled: advancedPermissionState.saveState === _wixUiTpa.StatesButtonStates.IN_PROGRESS || step === _constants.STEP_1 && advancedPermissionState.disableSave,
-      onClick: step === _constants.STEP_2 ? addAndNotifyClick : saveClicked,
+  return /*#__PURE__*/_react.default.createElement(Provider, (0, _extends2.default)({}, providerProps, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 672,
+      columnNumber: 6
+    }
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    ref: containerRef,
+    className: (0, _EntityAdvancedPermissionsSt.st)(_EntityAdvancedPermissionsSt.classes.root, {
+      mobile,
+      rtl,
+      step,
+      dashboard: isDashboard,
+      app: !isDashboard
+    }, className),
+    role: "dialog",
+    "aria-labelledby": "modalMainTitle",
+    "aria-describedby": "folderName",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 673,
+      columnNumber: 7
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Header.Header, {
+    modalTitle: modalTitle,
+    modalSubtitle: modalSubTitle,
+    step: step,
+    isDashboard: isDashboard,
+    mobile: mobile,
+    isModal: isModal,
+    closeAriaLabel: closeAriaLabel,
+    closeCallback: closeCallback,
+    backToFirstView: backToFirstView,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 684,
+      columnNumber: 9
+    }
+  }), /*#__PURE__*/_react.default.createElement(_reactScrollbarsCustom.Scrollbar, {
+    native: true,
+    translateContentSizeYToHolder: true,
+    noScrollX: true,
+    className: (0, _EntityAdvancedPermissionsSt.st)(_EntityAdvancedPermissionsSt.classes.stepScrollbar, {
+      active: step === _constants.STEP_2 && !mobile
+    }),
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 696,
+      columnNumber: 9
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _EntityAdvancedPermissionsSt.st)(_EntityAdvancedPermissionsSt.classes.roleSelectionContainer, {
+      secondView: isDashboard && step === _constants.STEP_2
+    }),
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 704,
+      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 === _constants.STEP_2,
+    numberOfResultsMessage: numberOfResultsMessage,
+    pressDeleteToRemoveMessage: pressDeleteToRemoveMessage,
+    isDashboard: isDashboard,
+    updatedItems: updatedItems,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 709,
+      columnNumber: 13
+    }
+  }), step === _constants.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: 728,
+      columnNumber: 17
+    }
+  }, _he.default.decode(selectPermissionLabel)), /*#__PURE__*/_react.default.createElement(_PermissionsDropdown.default, {
+    containerRef: containerRef,
+    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 === _constants.STEP_2,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 731,
+      columnNumber: 17
+    }
+  }))), /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _EntityAdvancedPermissionsSt.st)(_EntityAdvancedPermissionsSt.classes.steps),
+    role: "alert",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 749,
+      columnNumber: 11
+    }
+  }, errorMessageText.length > 0 && errorSectionNotification, step === _constants.STEP_1 && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, modalAlertVisible && sectionNotification, /*#__PURE__*/_react.default.createElement(_PermissionsList.default, {
+    containerRef: containerRef,
+    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: 755,
+      columnNumber: 17
+    }
+  })), step === _constants.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: 772,
+      columnNumber: 15
+    }
+  }), isDashboard && wsrErrorNotification))), !isDashboard && /*#__PURE__*/_react.default.createElement(_cssVars.Divider, {
+    className: (0, _EntityAdvancedPermissionsSt.st)(_EntityAdvancedPermissionsSt.classes.divider),
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 787,
+      columnNumber: 27
+    }
+  }), isDashboard && step === _constants.STEP_1 && /*#__PURE__*/_react.default.createElement(_designSystem.Divider, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 788,
+      columnNumber: 45
+    }
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _EntityAdvancedPermissionsSt.st)(_EntityAdvancedPermissionsSt.classes.footer),
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 789,
+      columnNumber: 9
+    }
+  }, step === _constants.STEP_2 && /*#__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: 791,
+      columnNumber: 13
+    }
+  }, isDashboard ? /*#__PURE__*/_react.default.createElement(_designSystem.Button, {
+    priority: "secondary",
+    size: _cssVars.ButtonSize.small,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 800,
+      columnNumber: 17
+    }
+  }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.ChevronLeftSmall, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 801,
+      columnNumber: 19
+    }
+  }), backButtonSpan) : /*#__PURE__*/_react.default.createElement(_cssVars.TextButton, {
+    priority: _cssVars.TextButtonPriority.secondary,
+    className: (0, _EntityAdvancedPermissionsSt.st)(_EntityAdvancedPermissionsSt.classes.backTextButton),
+    prefixIcon: /*#__PURE__*/_react.default.createElement(_onStage.ChevronLeft, {
+      tabIndex: -1,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 848,
-        columnNumber: 15
+        lineNumber: 808,
+        columnNumber: 31
       }
-    }, advancedPermissionState.saveState !== _wixUiTpa.StatesButtonStates.IN_PROGRESS ? advancedPermissionState.pendingSave ? saveButtonText || 'Save' : doneLabel : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_designSystem.Loader, {
-      size: "tiny",
+    }),
+    onClick: backToFirstView,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 805,
+      columnNumber: 19
+    }
+  }, backButtonLabel || 'Back')), step === _constants.STEP_1 && /*#__PURE__*/_react.default.createElement(_HideFolderCheckbox.default, {
+    isDashboard: isDashboard,
+    advancedPermissionState: advancedPermissionState,
+    setAdvancedPermissionState: setAdvancedPermissionState,
+    checkboxLabel: checkboxLabel_hiddenFolders,
+    checkboxLearnMore: learnMore_hiddenFolders,
+    locale: locale,
+    triggerBiEventHiddenCheckboxClick: triggerBiEventHiddenCheckboxClick,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 818,
+      columnNumber: 13
+    }
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: _EntityAdvancedPermissionsSt.classes.actionButtons,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 831,
+      columnNumber: 11
+    }
+  }, step === _constants.STEP_1 && (isDashboard ? /*#__PURE__*/_react.default.createElement(_designSystem.Button, {
+    priority: "secondary",
+    "aria-label": advancedPermissionState.saveState === _cssVars.StatesButtonStates.SUCCESS ? saveSuccessMessage : '',
+    className: _EntityAdvancedPermissionsSt.classes.wsrCancelBtn,
+    size: _cssVars.ButtonSize.small,
+    disabled: false,
+    onClick: closeCallback,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 834,
+      columnNumber: 17
+    }
+  }, cancel || 'Cancel') : advancedPermissionState.pendingSave && /*#__PURE__*/_react.default.createElement(_cssVars.Button, {
+    priority: _cssVars.ButtonPriority.basicSecondary,
+    upgrade: true,
+    hoverStyle: _cssVars.HoverStyles.colorChange,
+    className: (0, _EntityAdvancedPermissionsSt.st)(_EntityAdvancedPermissionsSt.classes.buttonCancel, {
+      invisible: !advancedPermissionState.pendingSave
+    }),
+    onClick: closeCallback,
+    size: _cssVars.ButtonSize.medium,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 849,
+      columnNumber: 17
+    }
+  }, cancel || 'Cancel')), isDashboard ? /*#__PURE__*/_react.default.createElement(_designSystem.Button, {
+    "aria-label": advancedPermissionState.saveState === _cssVars.StatesButtonStates.SUCCESS ? saveSuccessMessage : '',
+    size: _cssVars.ButtonSize.small,
+    disabled: advancedPermissionState.saveState === _cssVars.StatesButtonStates.IN_PROGRESS || step === _constants.STEP_1 && advancedPermissionState.disableSave,
+    onClick: step === _constants.STEP_2 ? addAndNotifyClick : saveClicked,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 864,
+      columnNumber: 15
+    }
+  }, advancedPermissionState.saveState !== _cssVars.StatesButtonStates.IN_PROGRESS ? advancedPermissionState.pendingSave ? saveButtonText || 'Save' : doneLabel : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_designSystem.Loader, {
+    size: "tiny",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 888,
+      columnNumber: 19
+    }
+  }))) : /*#__PURE__*/_react.default.createElement(_cssVars.StatesButton, {
+    priority: _cssVars.ButtonPriority.basic,
+    idleContent: advancedPermissionState.pendingSave ? saveButtonText || 'Save' : doneLabel,
+    "aria-label": advancedPermissionState.saveState === _cssVars.StatesButtonStates.SUCCESS ? saveSuccessMessage : '',
+    inProgressContent: /*#__PURE__*/_react.default.createElement(_ButtonSpinner.default, {
+      className: (0, _EntityAdvancedPermissionsSt.st)(_EntityAdvancedPermissionsSt.classes.ButtonSpinner),
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 872,
+        lineNumber: 907,
         columnNumber: 19
       }
-    }))) : /*#__PURE__*/_react.default.createElement(_wixUiTpa.StatesButton, {
-      priority: _wixUiTpa.ButtonPriority.basic,
-      upgrade: true,
-      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: 891,
-          columnNumber: 19
-        }
-      }),
-      className: (0, _EntityAdvancedPermissionsSt.st)(_EntityAdvancedPermissionsSt.classes.buttonSend, {
-        progress: advancedPermissionState.saveState === _wixUiTpa.StatesButtonStates.IN_PROGRESS
-      }),
-      size: _wixUiTpa.ButtonSize.small,
-      disabled: step === _constants.STEP_1 && advancedPermissionState.disableSave,
-      state: advancedPermissionState.saveState || _wixUiTpa.StatesButtonStates.IDLE,
-      onClick: step === _constants.STEP_2 ? addAndNotifyClick : saveClicked,
-      onNotificationEnd: () => setAdvancedPermissionState({
-        type: _EntityAdvancedPermissionsState.SET_SAVE_STATE,
-        saveState: _wixUiTpa.StatesButtonStates.IDLE
-      }),
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 877,
-        columnNumber: 17
-      }
-    })))))
-  );
+    }),
+    className: (0, _EntityAdvancedPermissionsSt.st)(_EntityAdvancedPermissionsSt.classes.buttonSend, {
+      progress: advancedPermissionState.saveState === _cssVars.StatesButtonStates.IN_PROGRESS
+    }),
+    size: _cssVars.ButtonSize.small,
+    disabled: step === _constants.STEP_1 && advancedPermissionState.disableSave,
+    state: advancedPermissionState.saveState || _cssVars.StatesButtonStates.IDLE,
+    onClick: step === _constants.STEP_2 ? addAndNotifyClick : saveClicked,
+    onNotificationEnd: () => setAdvancedPermissionState({
+      type: _EntityAdvancedPermissionsState.SET_SAVE_STATE,
+      saveState: _cssVars.StatesButtonStates.IDLE
+    }),
+    hoverStyle: _cssVars.HoverStyles.colorChange,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 893,
+      columnNumber: 17
+    }
+  })))));
 }
+EntityAdvancedPermissions.displayName = 'EntityAdvancedPermissions';
 var _default = exports.default = EntityAdvancedPermissions;
 //# sourceMappingURL=EntityAdvancedPermissions.js.map