@wix/entity-advanced-permissions 1.228.0 → 1.783.0

package/dist/esm/components/EmptyState/EmptyState.spec.js

@@ -1,25 +1,25 @@
 import React from 'react';
 import { render } from '@testing-library/react';
 import EmptyState from './EmptyState.tsx';
-import { TPAComponentsProvider } from 'wix-ui-tpa/TPAComponentsConfig';
-describe('Test Empty State component', function () {
-    it('renders properly', function () {
+import { TPAComponentsProvider } from 'wix-ui-tpa';
+describe('Test Empty State component', () => {
+    it('renders properly', () => {
         var _a;
-        var _b = render(React.createElement(EmptyState, { mainTitle: 'Main title text', description: 'description test', className: 'CustomClass' })), getByText = _b.getByText, container = _b.container;
+        const { getByText, container } = render(React.createElement(EmptyState, { mainTitle: 'Main title text', description: 'description test', className: 'CustomClass' }));
         expect(getByText('Main title text')).toBeTruthy();
         expect(getByText('description test')).toBeTruthy();
         // @ts-ignore
         expect((_a = container === null || container === void 0 ? void 0 : container.firstChild) === null || _a === void 0 ? void 0 : _a.className).toContain('CustomClass');
     });
-    it('decodes properly', function () {
-        var getByText = render(React.createElement(EmptyState, { mainTitle: 'Main title ≠', description: 'description ≠' })).getByText;
+    it('decodes properly', () => {
+        const { getByText } = render(React.createElement(EmptyState, { mainTitle: 'Main title ≠', description: 'description ≠' }));
         expect(getByText('Main title ≠')).toBeTruthy();
         expect(getByText('description ≠')).toBeTruthy();
     });
-    it('Mobile class added', function () {
+    it('Mobile class added', () => {
         var _a;
-        var _b = render(React.createElement(TPAComponentsProvider, { value: { mobile: true } },
-            React.createElement(EmptyState, { mainTitle: 'Main title', description: 'description' }))), container = _b.container, debug = _b.debug;
+        const { container, debug } = render(React.createElement(TPAComponentsProvider, { value: { mobile: true } },
+            React.createElement(EmptyState, { mainTitle: 'Main title', description: 'description' })));
         // @ts-ignore
         expect((_a = container === null || container === void 0 ? void 0 : container.firstChild) === null || _a === void 0 ? void 0 : _a.className).toContain('--mobile');
     });

package/dist/esm/components/EmptyState/EmptyState.spec.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmptyState.spec.js","sourceRoot":"","sources":["../../../../src/components/EmptyState/EmptyState.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAa,MAAM,wBAAwB,CAAC;AAC3D,OAAO,UAAU,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAEvE,QAAQ,CAAC,4BAA4B,EAAE;IACrC,EAAE,CAAC,kBAAkB,EAAE;;QACf,IAAA,KAA2B,MAAM,CACrC,oBAAC,UAAU,IACT,SAAS,EAAE,iBAAiB,EAC5B,WAAW,EAAE,kBAAkB,EAC/B,SAAS,EAAE,aAAa,GACxB,CACH,EANO,SAAS,eAAA,EAAE,SAAS,eAM3B,CAAC;QAEF,MAAM,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;QAClD,MAAM,CAAC,SAAS,CAAC,kBAAkB,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;QAEnD,aAAa;QACb,MAAM,OAAC,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,UAAU,0CAAE,SAAS,CAAC,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC;IACpE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kBAAkB,EAAE;QACb,IAAA,SAAS,GAAK,MAAM,CAC1B,oBAAC,UAAU,IACT,SAAS,EAAE,iBAAiB,EAC5B,WAAW,EAAE,kBAAkB,GAC/B,CACH,UALgB,CAKf;QAEF,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;QAC/C,MAAM,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IAClD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,oBAAoB,EAAE;;QACjB,IAAA,KAAuB,MAAM,CACjC,oBAAC,qBAAqB,IAAC,KAAK,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE;YAC5C,oBAAC,UAAU,IAAC,SAAS,EAAE,YAAY,EAAE,WAAW,EAAE,aAAa,GAAI,CAC7C,CACzB,EAJO,SAAS,eAAA,EAAE,KAAK,WAIvB,CAAC;QAEF,aAAa;QACb,MAAM,OAAC,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,UAAU,0CAAE,SAAS,CAAC,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;IACjE,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
+{"version":3,"file":"EmptyState.spec.js","sourceRoot":"","sources":["../../../../src/components/EmptyState/EmptyState.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAa,MAAM,wBAAwB,CAAC;AAC3D,OAAO,UAAU,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AAEnD,QAAQ,CAAC,4BAA4B,EAAE,GAAG,EAAE;IAC1C,EAAE,CAAC,kBAAkB,EAAE,GAAG,EAAE;;QAC1B,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,MAAM,CACrC,oBAAC,UAAU,IACT,SAAS,EAAE,iBAAiB,EAC5B,WAAW,EAAE,kBAAkB,EAC/B,SAAS,EAAE,aAAa,GACxB,CACH,CAAC;QAEF,MAAM,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;QAClD,MAAM,CAAC,SAAS,CAAC,kBAAkB,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;QAEnD,aAAa;QACb,MAAM,CAAC,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,UAAU,0CAAE,SAAS,CAAC,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC;IACpE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kBAAkB,EAAE,GAAG,EAAE;QAC1B,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC1B,oBAAC,UAAU,IACT,SAAS,EAAE,iBAAiB,EAC5B,WAAW,EAAE,kBAAkB,GAC/B,CACH,CAAC;QAEF,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;QAC/C,MAAM,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IAClD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,oBAAoB,EAAE,GAAG,EAAE;;QAC5B,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,MAAM,CACjC,oBAAC,qBAAqB,IAAC,KAAK,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE;YAC5C,oBAAC,UAAU,IAAC,SAAS,EAAE,YAAY,EAAE,WAAW,EAAE,aAAa,GAAI,CAC7C,CACzB,CAAC;QAEF,aAAa;QACb,MAAM,CAAC,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,UAAU,0CAAE,SAAS,CAAC,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;IACjE,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/dist/esm/components/EntityAdvancedPermissions.js

@@ -1,22 +1,22 @@
-import { __assign, __awaiter, __generator, __read, __spread } from "tslib";
 import React, { createRef, useEffect, useReducer, useState } from 'react';
-import { TPAComponentsProvider } from 'wix-ui-tpa/TPAComponentsConfig';
+import { TPAComponentsProvider } from 'wix-ui-tpa';
 import { classes, st } from './EntityAdvancedPermissions.st.css';
-import { Text, TYPOGRAPHY } from 'wix-ui-tpa/Text';
-import { Divider } from 'wix-ui-tpa/Divider';
-import { ReactComponent as CloseLogo } from '../assets/icons/Close.svg';
-import { Button, PRIORITY, SIZE } from 'wix-ui-tpa/Button';
+import { Text } from 'wix-ui-tpa';
+import { TextTypography } from 'wix-ui-tpa';
+import { Divider } from 'wix-ui-tpa';
+import CloseLogo from '../assets/icons/Close.svg';
+import { Button, ButtonPriority, ButtonSize } from 'wix-ui-tpa';
 import { Button as BO_Button, Text as BO_Text, FloatingNotification, WixStyleReactProvider, Loader, Box, } from 'wix-style-react';
-import { IconToggle } from 'wix-ui-tpa/IconToggle';
+import { IconToggle } from 'wix-ui-tpa';
 import PermissionsDropdown from './PermissionsDropdown/PermissionsDropdown';
-import { ReactComponent as BackIcon } from '../assets/icons/BackIcon.svg';
-import { SectionNotification } from 'wix-ui-tpa/SectionNotification';
-import { ReactComponent as ErrorIcon } from '../assets/icons/Error.svg';
-import { StatesButton } from 'wix-ui-tpa/StatesButton';
-import { BUTTON_STATES } from 'wix-ui-tpa/dist/src/components/StatesButton/constants';
-import { ReactComponent as ButtonSpinner } from '../assets/icons/ButtonSpinner.svg';
-import { ReactComponent as IconError } from 'wix-ui-tpa/dist/src/assets/icons/Error.svg';
-import { ReactComponent as SmallArrowLeftIcon } from '../assets/icons/SmallArrowLeftIcon.svg';
+import BackIcon from '../assets/icons/BackIcon.svg';
+import { SectionNotification } from 'wix-ui-tpa';
+import ErrorIcon from '../assets/icons/Error.svg';
+import { StatesButton } from 'wix-ui-tpa';
+import { StatesButtonStates } from 'wix-ui-tpa';
+import ButtonSpinner from '../assets/icons/ButtonSpinner.svg';
+import IconError from 'wix-ui-icons-common/on-stage/Error';
+import SmallArrowLeftIcon from '../assets/icons/SmallArrowLeftIcon.svg';
 import ChevronLeftSmall from 'wix-ui-icons-common/ChevronLeftSmall';
 import Dismiss from 'wix-ui-icons-common/Dismiss';
 import { advancedPermissionReducer, RESET, SET_ERROR_MESSAGE, SET_PERMISSION_ID, SET_ROLE_TO_PERMISSION, SET_SAVE_STATE, SET_SELECTED_ROLES, STEP2_RESET, } from './EntityAdvancedPermissionsState';
@@ -26,46 +26,41 @@ import SearchEntity from './SearchEntity/SearchEntity';
 import PermissionsList from './PermissionsList/PermissionsList';
 import NotifyBox from './NotifyBox/NotifyBox';
 import { Scrollbar } from 'react-scrollbars-custom';
-var STEP_1 = 1;
-var STEP_2 = 2;
+const STEP_1 = 1;
+const STEP_2 = 2;
 function EntityAdvancedPermissions(props) {
-    var _this = this;
-    var _a = props.removePermissionCode, removePermissionCode = _a === void 0 ? 'NONE' : _a, entityTitle = props.entityTitle, entityId = props.entityId, className = props.className, _b = props.validateChanges, validateChanges = _b === void 0 ? function () { return ''; } : _b, _c = props.labels, _d = _c.title, title = _d === void 0 ? 'Manage Permissions' : _d, _e = _c.secondTitle, secondTitle = _e === void 0 ? 'Add Permissions' : _e, cancel = _c.cancel, save = _c.save, _f = _c.add, add = _f === void 0 ? 'Add' : _f, _g = _c.loadingMessage, loadingMessage = _g === void 0 ? 'Loading' : _g, _h = _c.searchPlaceHolder, searchPlaceHolder = _h === void 0 ? 'Add roles & members...' : _h, _j = _c.allOptionsSelected, allOptionsSelected = _j === void 0 ? 'You’ve selected all your members.' : _j, _k = _c.noOptionsMessage, noOptionsMessage = _k === void 0 ? 'We couldn’t find any matches. Try another search.' : _k, backButtonLabel = _c.backButtonLabel, _l = _c.checkBoxNotifyLabel, checkBoxNotifyLabel = _l === void 0 ? 'Notify people' : _l, _m = _c.notifyMessagePlaceholder, notifyMessagePlaceholder = _m === void 0 ? 'Add A Message (Optional)' : _m, _o = _c.notifyMessageLabel, notifyMessageLabel = _o === void 0 ? 'Add A Message' : _o, _p = _c.notifyLabelHint, notifyLabelHint = _p === void 0 ? 'Notifications will be sent by email and show in the members area.' : _p, _q = _c.closeAriaLabel, closeAriaLabel = _q === void 0 ? 'Close' : _q, _r = _c.backAriaLabel, backAriaLabel = _r === void 0 ? 'Back' : _r, _s = _c.emptyStateTitle, emptyStateTitle = _s === void 0 ? 'Only Admins Can Access This Folder' : _s, _t = _c.emptyStateDescription, emptyStateDescription = _t === void 0 ? 'Add permissions to share this folder with site members, subscription plans and more.' : _t, _u = _c.buttonAddNotify, buttonAddNotify = _u === void 0 ? 'Add & Notify' : _u, _v = _c.step1SaveError, step1SaveError = _v === void 0 ? 'This action didn’t work out, try again later or close the window to continue without saving.' : _v, _w = _c.step2SaveError, step2SaveError = _w === void 0 ? 'There was a problem saving changes. Please try again later.' : _w, _x = _c.rolesListError, rolesListError = _x === void 0 ? 'There was a problem loading permissions. Wait a moment and try again.' : _x, _y = _c.numberOfResultsMessage, numberOfResultsMessage = _y === void 0 ? '{0} results' : _y, _z = _c.pressDeleteToRemoveMessage, pressDeleteToRemoveMessage = _z === void 0 ? '{0}: press delete to remove' : _z, _0 = _c.selectPermissionLabel, selectPermissionLabel = _0 === void 0 ? 'Select permission' : _0, _1 = _c.saveSuccessMessage, saveSuccessMessage = _1 === void 0 ? 'Permissions successfully added' : _1, _2 = _c.permissionRemovedMessage, permissionRemovedMessage = _2 === void 0 ? 'Permission successfully removed' : _2, _3 = _c.doneLabel, doneLabel = _3 === void 0 ? 'Done' : _3, _4 = props.isModal, isModal = _4 === void 0 ? true : _4, queryFunction = props.queryFunction, onClose = props.onClose, _5 = props.availablePermissions, availablePermissions = _5 === void 0 ? DefaultPermissions : _5, onSave = props.onSave, items = props.items, _6 = props.direction, direction = _6 === void 0 ? Direction.LTR : _6, loading = props.loading, _7 = props.mobile, mobile = _7 === void 0 ? false : _7, preloadRoles = props.preloadRoles, _8 = props.theme, theme = _8 === void 0 ? Theme.SITE : _8, _9 = props.isSitePublished, isSitePublished = _9 === void 0 ? 'true' : _9;
-    var isDashboard = theme === Theme.DASHBOARD;
-    var Provider = isDashboard ? WixStyleReactProvider : TPAComponentsProvider;
-    var searchEntityRef = createRef();
-    var step2Permissions = (availablePermissions || []).filter(function (permission) {
-        return !(permission.divider || permission.id === removePermissionCode);
-    });
-    var _10 = __read(useState(STEP_1), 2), step = _10[0], setStep = _10[1];
-    var defaultPermissionId = availablePermissions.length
+    const { removePermissionCode = 'NONE', entityTitle, entityId, className, validateChanges = () => '', labels: { title = 'Manage Permissions', secondTitle = 'Add Permissions', cancel, save, add = 'Add', loadingMessage = 'Loading', searchPlaceHolder = 'Add roles & members...', allOptionsSelected = 'You’ve selected all your members.', noOptionsMessage = 'We couldn’t find any matches. Try another search.', backButtonLabel, checkBoxNotifyLabel = 'Notify people', notifyMessagePlaceholder = 'Add A Message (Optional)', notifyMessageLabel = 'Add A Message', notifyLabelHint = 'Notifications will be sent by email and show in the members area.', closeAriaLabel = 'Close', backAriaLabel = 'Back', emptyStateTitle = 'Only Admins Can Access This Folder', emptyStateDescription = 'Add permissions to share this folder with site members, subscription plans and more.', buttonAddNotify = 'Add & Notify', step1SaveError = 'This action didn’t work out, try again later or close the window to continue without saving.', step2SaveError = 'There was a problem saving changes. Please try again later.', rolesListError = 'There was a problem loading permissions. Wait a moment and try again.', numberOfResultsMessage = '{0} results', pressDeleteToRemoveMessage = '{0}: press delete to remove', selectPermissionLabel = 'Select permission', saveSuccessMessage = 'Permissions successfully added', permissionRemovedMessage = 'Permission successfully removed', doneLabel = 'Done', }, isModal = true, queryFunction, onClose, availablePermissions = DefaultPermissions, onSave, items, direction = Direction.LTR, loading, mobile = false, preloadRoles, theme = Theme.SITE, isSitePublished = 'true', } = props;
+    const isDashboard = theme === Theme.DASHBOARD;
+    const Provider = isDashboard ? WixStyleReactProvider : TPAComponentsProvider;
+    const searchEntityRef = createRef();
+    const step2Permissions = (availablePermissions || []).filter((permission) => !(permission.divider || permission.id === removePermissionCode));
+    const [step, setStep] = useState(STEP_1);
+    const defaultPermissionId = availablePermissions.length
         ? availablePermissions[0].id
         : '';
-    var setFocus = function () {
+    const setFocus = () => {
         if (searchEntityRef.current) {
             searchEntityRef.current.focus();
         }
     };
     useEffect(setFocus, [step]);
-    var defaultState = {
+    const defaultState = {
         selectedRoles: [],
         roleToPermission: new Map(),
         notify: true,
         notifyMessage: '',
         chosenPermission: defaultPermissionId,
-        saveState: BUTTON_STATES.IDLE,
+        saveState: StatesButtonStates.IDLE,
         pendingSave: false,
     };
-    var _11 = __read(useReducer(advancedPermissionReducer, defaultState), 2), advancedPermissionState = _11[0], setAdvancedPermissionState = _11[1];
-    var closeCallback = function () {
-        return onClose
-            ? onClose({
-                closeReason: CloseReason.Cancel,
-                availabilityStatus: advancedPermissionState.availabilityStatus,
-            })
-            : null;
-    };
-    var backToFirstView = function () {
+    const [advancedPermissionState, setAdvancedPermissionState] = useReducer(advancedPermissionReducer, defaultState);
+    const closeCallback = () => onClose
+        ? onClose({
+            closeReason: CloseReason.Cancel,
+            availabilityStatus: advancedPermissionState.availabilityStatus,
+        })
+        : null;
+    const backToFirstView = () => {
         setAdvancedPermissionState({
             type: STEP2_RESET,
             selectedRoles: [],
@@ -77,113 +72,104 @@ function EntityAdvancedPermissions(props) {
         });
         setStep(STEP_1);
     };
-    var convertMapToArray = function (map) {
-        var resultArray = [];
-        map.forEach(function (value, key) {
+    const convertMapToArray = (map) => {
+        const resultArray = [];
+        map.forEach((value, key) => {
             resultArray.push({ id: key, permissionId: value });
         });
         return resultArray;
     };
-    var getModalAlertVisible = function () {
+    const getModalAlertVisible = () => {
         return changeValidationMsg.length > 0 && errorMessageText.length === 0;
     };
-    var saveClicked = function () { return __awaiter(_this, void 0, void 0, function () {
-        var roleToPermission, notify, notifyMessage, selectedRoles, chosenPermission, step2RolesToPermissions, roles, notifyObj, saveData, _a, responseStatus, availabilityStatus, currErrorMessage, e_1;
-        return __generator(this, function (_b) {
-            switch (_b.label) {
-                case 0:
-                    if (advancedPermissionState.saveState === BUTTON_STATES.IN_PROGRESS) {
-                        return [2 /*return*/];
-                    }
-                    if (!advancedPermissionState.pendingSave) {
+    const saveClicked = async () => {
+        if (advancedPermissionState.saveState === StatesButtonStates.IN_PROGRESS) {
+            return;
+        }
+        if (!advancedPermissionState.pendingSave) {
+            onClose &&
+                onClose({
+                    closeReason: CloseReason.Cancel,
+                    availabilityStatus: advancedPermissionState.availabilityStatus,
+                });
+            return;
+        }
+        setAdvancedPermissionState({
+            type: SET_SAVE_STATE,
+            saveState: StatesButtonStates.IN_PROGRESS,
+        });
+        setAdvancedPermissionState({
+            type: SET_ERROR_MESSAGE,
+            errorMessage: '',
+        });
+        const { roleToPermission, notify, notifyMessage, selectedRoles, chosenPermission, } = advancedPermissionState;
+        const step2RolesToPermissions = new Map();
+        (selectedRoles || []).forEach(({ value }) => {
+            step2RolesToPermissions.set(value, chosenPermission || '');
+        });
+        const roles = new Map([
+            ...(roleToPermission || new Map()),
+            ...step2RolesToPermissions,
+        ]);
+        const notifyObj = step === STEP_2
+            ? {
+                notify: notify || false,
+                notifyMessage: (notifyMessage || '').trim(),
+            }
+            : {};
+        const saveData = Object.assign(Object.assign({ entityId }, notifyObj), { rolesChanged: convertMapToArray(roles), reloadValue: step === STEP_2, modalAlertVisible });
+        if (onSave) {
+            try {
+                const { responseStatus, availabilityStatus } = await onSave(saveData);
+                if (responseStatus === ResponseStatus.Success) {
+                    setAdvancedPermissionState(Object.assign(Object.assign({ type: RESET }, defaultState), { saveState: StatesButtonStates.SUCCESS, availabilityStatus }));
+                    if (step === STEP_1) {
                         onClose &&
                             onClose({
-                                closeReason: CloseReason.Cancel,
-                                availabilityStatus: advancedPermissionState.availabilityStatus,
+                                closeReason: CloseReason.SaveSucceed,
+                                availabilityStatus,
                             });
-                        return [2 /*return*/];
                     }
-                    setAdvancedPermissionState({
-                        type: SET_SAVE_STATE,
-                        saveState: BUTTON_STATES.IN_PROGRESS,
-                    });
-                    setAdvancedPermissionState({
-                        type: SET_ERROR_MESSAGE,
-                        errorMessage: '',
-                    });
-                    roleToPermission = advancedPermissionState.roleToPermission, notify = advancedPermissionState.notify, notifyMessage = advancedPermissionState.notifyMessage, selectedRoles = advancedPermissionState.selectedRoles, chosenPermission = advancedPermissionState.chosenPermission;
-                    step2RolesToPermissions = new Map();
-                    (selectedRoles || []).forEach(function (_a) {
-                        var value = _a.value;
-                        step2RolesToPermissions.set(value, chosenPermission || '');
-                    });
-                    roles = new Map(__spread((roleToPermission || new Map()), step2RolesToPermissions));
-                    notifyObj = step === STEP_2
-                        ? {
-                            notify: notify || false,
-                            notifyMessage: (notifyMessage || '').trim(),
-                        }
-                        : {};
-                    saveData = __assign(__assign({ entityId: entityId }, notifyObj), { rolesChanged: convertMapToArray(roles), reloadValue: step === STEP_2, modalAlertVisible: modalAlertVisible });
-                    if (!onSave) return [3 /*break*/, 4];
-                    _b.label = 1;
-                case 1:
-                    _b.trys.push([1, 3, , 4]);
-                    return [4 /*yield*/, onSave(saveData)];
-                case 2:
-                    _a = _b.sent(), responseStatus = _a.responseStatus, availabilityStatus = _a.availabilityStatus;
-                    if (responseStatus === ResponseStatus.Success) {
-                        setAdvancedPermissionState(__assign(__assign({ type: RESET }, defaultState), { saveState: BUTTON_STATES.SUCCESS, availabilityStatus: availabilityStatus }));
+                    else {
+                        setStep(STEP_1);
+                    }
+                }
+                else {
+                    if (responseStatus === ResponseStatus.Failed) {
+                        let currErrorMessage;
                         if (step === STEP_1) {
-                            onClose &&
-                                onClose({
-                                    closeReason: CloseReason.SaveSucceed,
-                                    availabilityStatus: availabilityStatus,
-                                });
+                            currErrorMessage = step1SaveError;
                         }
                         else {
-                            setStep(STEP_1);
-                        }
-                    }
-                    else {
-                        if (responseStatus === ResponseStatus.Failed) {
-                            currErrorMessage = void 0;
-                            if (step === STEP_1) {
-                                currErrorMessage = step1SaveError;
-                            }
-                            else {
-                                currErrorMessage = step2SaveError;
-                            }
-                            setAdvancedPermissionState({
-                                type: SET_ERROR_MESSAGE,
-                                errorMessage: currErrorMessage,
-                            });
+                            currErrorMessage = step2SaveError;
                         }
                         setAdvancedPermissionState({
-                            type: SET_SAVE_STATE,
-                            saveState: BUTTON_STATES.IDLE,
+                            type: SET_ERROR_MESSAGE,
+                            errorMessage: currErrorMessage,
                         });
                     }
-                    return [3 /*break*/, 4];
-                case 3:
-                    e_1 = _b.sent();
                     setAdvancedPermissionState({
                         type: SET_SAVE_STATE,
-                        saveState: BUTTON_STATES.IDLE,
+                        saveState: StatesButtonStates.IDLE,
                     });
-                    return [3 /*break*/, 4];
-                case 4: return [2 /*return*/];
+                }
             }
-        });
-    }); };
-    var savesStep1Silently = function () {
-        var roleToPermission = advancedPermissionState.roleToPermission;
+            catch (e) {
+                setAdvancedPermissionState({
+                    type: SET_SAVE_STATE,
+                    saveState: StatesButtonStates.IDLE,
+                });
+            }
+        }
+    };
+    const savesStep1Silently = () => {
+        const { roleToPermission } = advancedPermissionState;
         if (roleToPermission !== undefined && roleToPermission.size > 0) {
-            var saveData = {
-                entityId: entityId,
+            const saveData = {
+                entityId,
                 rolesChanged: convertMapToArray(roleToPermission),
                 reloadValue: true,
-                modalAlertVisible: modalAlertVisible,
+                modalAlertVisible,
             };
             setAdvancedPermissionState({
                 type: SET_ROLE_TO_PERMISSION,
@@ -191,32 +177,32 @@ function EntityAdvancedPermissions(props) {
             });
             if (onSave) {
                 onSave(saveData)
-                    .then(function (r) { return r; })
-                    .catch(function (e) { return console.error(e); });
+                    .then((r) => r)
+                    .catch((e) => console.error(e));
             }
         }
     };
-    var onCloseIconKeyDown = function (e) {
+    const onCloseIconKeyDown = (e) => {
         if (e.key === 'Enter') {
             closeCallback();
         }
     };
-    var onBackIconKeyDown = function (e) {
+    const onBackIconKeyDown = (e) => {
         if (e.key === 'Enter') {
             backToFirstView();
         }
     };
-    var setSelectedRoles = function (selectedRoles) {
+    const setSelectedRoles = (selectedRoles) => {
         if ((selectedRoles === null || selectedRoles.length === 0) &&
             step === STEP_2) {
             backToFirstView();
             return;
         }
-        setAdvancedPermissionState({ type: SET_SELECTED_ROLES, selectedRoles: selectedRoles });
-        var onlyInSelectList = (selectedRoles || []).filter(function (item) { return item.showOnlyInSelectList; });
-        var roleToPermission = advancedPermissionState.roleToPermission || new Map();
-        var roleListChanged = false;
-        onlyInSelectList.forEach(function (role) {
+        setAdvancedPermissionState({ type: SET_SELECTED_ROLES, selectedRoles });
+        const onlyInSelectList = (selectedRoles || []).filter((item) => item.showOnlyInSelectList);
+        const roleToPermission = advancedPermissionState.roleToPermission || new Map();
+        let roleListChanged = false;
+        onlyInSelectList.forEach((role) => {
             if (roleToPermission.has(role.value)) {
                 roleListChanged = true;
             }
@@ -225,7 +211,7 @@ function EntityAdvancedPermissions(props) {
         if (roleListChanged) {
             setAdvancedPermissionState({
                 type: SET_ROLE_TO_PERMISSION,
-                roleToPermission: roleToPermission,
+                roleToPermission,
             });
         }
         if (step === STEP_1 && !onlyInSelectList.length) {
@@ -237,85 +223,85 @@ function EntityAdvancedPermissions(props) {
             setStep(STEP_2);
         }
     };
-    var handlePreloadRoles = function () {
+    const handlePreloadRoles = () => {
         if (preloadRoles && preloadRoles.length && queryFunction) {
-            var preloadIDs = preloadRoles.join(',');
+            const preloadIDs = preloadRoles.join(',');
             setStep(STEP_2);
             queryFunction('', null, preloadIDs)
-                .then(function (res) {
+                .then((res) => {
                 var _a;
                 if ((_a = res === null || res === void 0 ? void 0 : res.items) === null || _a === void 0 ? void 0 : _a.length) {
-                    var preloadItems = res.items;
+                    const preloadItems = res.items;
                     if (preloadItems && preloadItems.length && step === STEP_1) {
-                        var updatedRoles = preloadItems.map(function (i) {
-                            return __assign(__assign({}, i), { value: i.id, label: i.role });
+                        const updatedRoles = preloadItems.map((i) => {
+                            return Object.assign(Object.assign({}, i), { value: i.id, label: i.role });
                         });
                         setSelectedRoles(updatedRoles);
                     }
                 }
             })
-                .catch(function (e) {
+                .catch((e) => {
                 console.error(e);
             });
         }
     };
     useEffect(handlePreloadRoles, [preloadRoles]);
-    var permissionIdChanged = function (val) {
+    const permissionIdChanged = (val) => {
         setAdvancedPermissionState({
             type: SET_PERMISSION_ID,
             chosenPermission: val,
         });
     };
-    var onRoleToPermissionChange = function (val) {
-        var roleToPermission = advancedPermissionState.roleToPermission || new Map();
+    const onRoleToPermissionChange = (val) => {
+        const roleToPermission = advancedPermissionState.roleToPermission || new Map();
         roleToPermission.set(val.id, val.permissionId);
         setAdvancedPermissionState({
             type: SET_ROLE_TO_PERMISSION,
-            roleToPermission: roleToPermission,
+            roleToPermission,
         });
         if (val.permissionId === removePermissionCode) {
             setFocus();
         }
     };
-    var updatedItems = items.map(function (item) {
+    const updatedItems = items.map((item) => {
         var _a;
-        var id = item.id;
-        var roleToPermission = (_a = advancedPermissionState.roleToPermission) === null || _a === void 0 ? void 0 : _a.get(id);
+        const { id } = item;
+        const roleToPermission = (_a = advancedPermissionState.roleToPermission) === null || _a === void 0 ? void 0 : _a.get(id);
         if (roleToPermission !== undefined) {
-            return __assign(__assign({}, item), { selectedPermission: roleToPermission });
+            return Object.assign(Object.assign({}, item), { selectedPermission: roleToPermission });
         }
         return item;
     });
-    var changeValidationMsg = validateChanges(updatedItems);
-    var saveButtonText = step === STEP_1
+    const changeValidationMsg = validateChanges(updatedItems);
+    const saveButtonText = step === STEP_1
         ? save
         : advancedPermissionState.notify && isSitePublished === 'true'
             ? buttonAddNotify
             : add;
-    var errorMessageText = advancedPermissionState.errorMessage ||
+    const errorMessageText = advancedPermissionState.errorMessage ||
         (loading === Loading.Error && step === STEP_1 && rolesListError) ||
         '';
-    var backButtonSpan = (React.createElement("span", { className: classes.backButtonSpan }, backButtonLabel || 'Back'));
-    var modalTitle = step === STEP_1 ? title : secondTitle;
-    var rtl = direction === Direction.RTL;
-    var modalAlertVisible = getModalAlertVisible();
-    var features = { newColorsBranding: true };
-    var providerProps = isDashboard
-        ? { features: features, value: {} }
-        : { value: { mobile: mobile, rtl: rtl } };
-    var sectionNotification = isDashboard ? (React.createElement(FloatingNotification, { type: "warning", text: React.createElement(BO_Text, { size: 'small', className: st(classes.wsrTooltipContent) }, changeValidationMsg), fullWidth: false, showCloseButton: false, className: st(classes.wsrNotificationMessage) })) : (React.createElement(SectionNotification, { type: "alert", className: st(classes.notificationMessage) },
+    const backButtonSpan = (React.createElement("span", { className: classes.backButtonSpan }, backButtonLabel || 'Back'));
+    const modalTitle = step === STEP_1 ? title : secondTitle;
+    const rtl = direction === Direction.RTL;
+    const modalAlertVisible = getModalAlertVisible();
+    const features = { newColorsBranding: false };
+    const providerProps = isDashboard
+        ? { features, value: {} }
+        : { value: { mobile, rtl } };
+    const sectionNotification = isDashboard ? (React.createElement(FloatingNotification, { type: "warning", text: React.createElement(BO_Text, { size: 'small', className: st(classes.wsrTooltipContent) }, changeValidationMsg), fullWidth: false, showCloseButton: false, className: st(classes.wsrNotificationMessage) })) : (React.createElement(SectionNotification, { type: "alert", className: st(classes.notificationMessage) },
         React.createElement(SectionNotification.Icon, { icon: React.createElement(ErrorIcon, null) }),
         React.createElement(SectionNotification.Text, { className: st(classes.notificationMessageText) }, changeValidationMsg)));
-    var wsrErrorNotification = errorMessageText.length > 0 ? React.createElement(FloatingNotification, { type: "destructive", text: React.createElement(BO_Text, { size: 'small', className: st(classes.wsrTooltipContent) }, errorMessageText), fullWidth: false, showCloseButton: false, className: step === STEP_1 ? st(classes.wsrNotificationMessage) : st(classes.wsrNotificationErrorMessage) })
+    const wsrErrorNotification = errorMessageText.length > 0 ? React.createElement(FloatingNotification, { type: "destructive", text: React.createElement(BO_Text, { size: 'small', className: st(classes.wsrTooltipContent) }, errorMessageText), fullWidth: false, showCloseButton: false, className: step === STEP_1 ? st(classes.wsrNotificationMessage) : st(classes.wsrNotificationErrorMessage) })
         : '';
-    var errorSectionNotification = isDashboard ? (step === STEP_1
+    const errorSectionNotification = isDashboard ? (step === STEP_1
         ?
             wsrErrorNotification
         : '') : (React.createElement(SectionNotification, { type: "error", className: st(classes.notificationMessage) },
         React.createElement(SectionNotification.Icon, { icon: React.createElement(IconError, null) }),
         React.createElement(SectionNotification.Text, null, errorMessageText)));
-    return (React.createElement(Provider, __assign({}, providerProps),
-        React.createElement("div", { className: st(classes.root, { mobile: mobile, rtl: rtl, step: step, dashboard: isDashboard }, className), role: "dialog", "aria-labelledby": "modalMainTitle", "aria-describedby": "folderName" },
+    return (React.createElement(Provider, Object.assign({}, providerProps),
+        React.createElement("div", { className: st(classes.root, { mobile, rtl, step, dashboard: isDashboard }, className), role: "dialog", "aria-labelledby": "modalMainTitle", "aria-describedby": "folderName" },
             React.createElement("div", { className: st(classes.header) },
                 step === STEP_2 && mobile && (React.createElement(SmallArrowLeftIcon, { className: classes.headerArrow, onClick: backToFirstView })),
                 React.createElement("div", { className: st(classes.titleContainer, {
@@ -323,8 +309,8 @@ function EntityAdvancedPermissions(props) {
                     }) }, isDashboard ? (React.createElement(Box, { direction: 'horizontal', display: 'grid' },
                     React.createElement(BO_Text, { id: 'modalMainTitle', weight: 'bold', size: 'medium', ellipsis: true, className: st(classes.wsrModalMainTitle) }, modalTitle),
                     React.createElement(BO_Text, { id: 'folderName', className: st(classes.wsrFolderName), ellipsis: true }, entityTitle))) : (React.createElement(React.Fragment, null,
-                    React.createElement(Text, { id: 'modalMainTitle', typography: TYPOGRAPHY.smallTitle, className: st(classes.modalMainTitle) }, modalTitle),
-                    React.createElement(Text, { id: 'folderName', typography: TYPOGRAPHY.runningText, className: st(classes.folderName) }, entityTitle)))),
+                    React.createElement(Text, { id: 'modalMainTitle', typography: TextTypography.smallTitle, className: st(classes.modalMainTitle) }, modalTitle),
+                    React.createElement(Text, { id: 'folderName', typography: TextTypography.runningText, className: st(classes.folderName) }, entityTitle)))),
                 isModal &&
                     (isDashboard ? (React.createElement(Dismiss, { className: st(classes.closeButton), onClick: closeCallback, "aria-label": closeAriaLabel, onKeyDown: onCloseIconKeyDown })) : (React.createElement(CloseLogo, { className: st(classes.closeButton), onClick: closeCallback, role: "button", tabIndex: 0, onKeyDown: onCloseIconKeyDown, "aria-label": closeAriaLabel })))),
             React.createElement(Scrollbar, { native: true, translateContentSizeYToHolder: true, noScrollX: true, className: st(classes.stepScrollbar, {
@@ -338,7 +324,7 @@ function EntityAdvancedPermissions(props) {
                         React.createElement("label", { className: "sr-only", id: "globalSelectPermissionId" }, he.decode(selectPermissionLabel)),
                         React.createElement(PermissionsDropdown, { ariaLabelledBy: 'globalSelectPermissionId', options: step2Permissions, disabled: false, value: advancedPermissionState.chosenPermission, onChange: permissionIdChanged, className: isDashboard
                                 ? st(classes.wsrPermissionsMenu)
-                                : st(classes.permissionDropdown, { rtl: rtl }), isDashboard: isDashboard, isStep2: step === STEP_2 })))),
+                                : st(classes.permissionDropdown, { rtl }), isDashboard: isDashboard, isStep2: step === STEP_2 })))),
                 React.createElement("div", { className: st(classes.steps), role: "alert" },
                     errorMessageText.length > 0 && errorSectionNotification,
                     step === STEP_1 && (React.createElement(React.Fragment, null,
@@ -349,33 +335,31 @@ function EntityAdvancedPermissions(props) {
                         isDashboard && wsrErrorNotification)))),
             !isDashboard && React.createElement(Divider, { className: st(classes.divider) }),
             React.createElement("div", { className: st(classes.footer) },
-                step === STEP_2 && !mobile && (React.createElement("span", { onClick: backToFirstView, tabIndex: 0, className: st(classes.backButton), role: "button", onKeyDown: onBackIconKeyDown, "aria-label": backAriaLabel }, isDashboard ? (React.createElement(BO_Button, { priority: "secondary", size: SIZE.small },
+                step === STEP_2 && !mobile && (React.createElement("span", { onClick: backToFirstView, tabIndex: 0, className: st(classes.backButton), role: "button", onKeyDown: onBackIconKeyDown, "aria-label": backAriaLabel }, isDashboard ? (React.createElement(BO_Button, { priority: "secondary", size: ButtonSize.small },
                     React.createElement(ChevronLeftSmall, null),
                     backButtonSpan)) : (React.createElement(IconToggle, { label: backButtonSpan, className: st(classes.backToggleIcon), icon: React.createElement(BackIcon, { tabIndex: -1 }) })))),
                 React.createElement("div", { className: classes.actionButtons },
                     step === STEP_1 &&
-                        (isDashboard ? (React.createElement(BO_Button, { priority: "secondary", "aria-label": advancedPermissionState.saveState === BUTTON_STATES.SUCCESS
+                        (isDashboard ? (React.createElement(BO_Button, { priority: "secondary", "aria-label": advancedPermissionState.saveState === StatesButtonStates.SUCCESS
                                 ? saveSuccessMessage
-                                : '', className: classes.wsrCancelBtn, size: SIZE.small, disabled: false, onClick: closeCallback }, cancel || 'Cancel')) : (React.createElement(Button, { priority: PRIORITY.basicSecondary, upgrade: true, className: st(classes.buttonCancel, {
+                                : '', className: classes.wsrCancelBtn, size: ButtonSize.small, disabled: false, onClick: closeCallback }, cancel || 'Cancel')) : (React.createElement(Button, { priority: ButtonPriority.basicSecondary, upgrade: true, className: st(classes.buttonCancel, {
                                 invisible: !advancedPermissionState.pendingSave,
-                            }), onClick: closeCallback, size: SIZE.medium }, cancel || 'Cancel'))),
-                    isDashboard ? (React.createElement(BO_Button, { "aria-label": advancedPermissionState.saveState === BUTTON_STATES.SUCCESS
+                            }), onClick: closeCallback, size: ButtonSize.medium }, cancel || 'Cancel'))),
+                    isDashboard ? (React.createElement(BO_Button, { "aria-label": advancedPermissionState.saveState === StatesButtonStates.SUCCESS
                             ? saveSuccessMessage
-                            : '', size: SIZE.small, disabled: advancedPermissionState.saveState ===
-                            BUTTON_STATES.IN_PROGRESS, onClick: saveClicked }, advancedPermissionState.saveState !==
-                        BUTTON_STATES.IN_PROGRESS ? (advancedPermissionState.pendingSave ? (saveButtonText || 'Save') : (doneLabel)) : (React.createElement(Loader, { size: "tiny" })))) : (React.createElement(StatesButton, { idleContent: advancedPermissionState.pendingSave
+                            : '', size: ButtonSize.small, disabled: advancedPermissionState.saveState ===
+                            StatesButtonStates.IN_PROGRESS, onClick: saveClicked }, advancedPermissionState.saveState !==
+                        StatesButtonStates.IN_PROGRESS ? (advancedPermissionState.pendingSave ? (saveButtonText || 'Save') : (doneLabel)) : (React.createElement(Loader, { size: "tiny" })))) : (React.createElement(StatesButton, { idleContent: advancedPermissionState.pendingSave
                             ? saveButtonText || 'Save'
-                            : doneLabel, "aria-label": advancedPermissionState.saveState === BUTTON_STATES.SUCCESS
+                            : doneLabel, "aria-label": advancedPermissionState.saveState === StatesButtonStates.SUCCESS
                             ? saveSuccessMessage
                             : '', inProgressContent: React.createElement(ButtonSpinner, { className: st(classes.ButtonSpinner) }), className: st(classes.buttonSend, {
                             progress: advancedPermissionState.saveState ===
-                                BUTTON_STATES.IN_PROGRESS,
-                        }), size: SIZE.medium, disabled: false, state: advancedPermissionState.saveState || BUTTON_STATES.IDLE, onClick: saveClicked, onNotificationEnd: function () {
-                            return setAdvancedPermissionState({
-                                type: SET_SAVE_STATE,
-                                saveState: BUTTON_STATES.IDLE,
-                            });
-                        } })))))));
+                                StatesButtonStates.IN_PROGRESS,
+                        }), size: ButtonSize.medium, disabled: false, state: advancedPermissionState.saveState || StatesButtonStates.IDLE, onClick: saveClicked, onNotificationEnd: () => setAdvancedPermissionState({
+                            type: SET_SAVE_STATE,
+                            saveState: StatesButtonStates.IDLE,
+                        }) })))))));
 }
 export default EntityAdvancedPermissions;
 //# sourceMappingURL=EntityAdvancedPermissions.js.map