@scaleflex/widget-core 4.4.0 → 4.5.1

package/lib/SassKeyRenewer.js

@@ -0,0 +1,332 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
+function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
+function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { RESPONSE_CODES } from '@scaleflex/widget-utils/lib/constants';
+import { saveUserSassKey, selectUserSessionUuid, userLogout } from './slices/user.slice';
+
+/**
+ * Spec: https://scaleflexhq.atlassian.net/wiki/spaces/SHARED/pages/34570620/Session+handling
+ * Task: https://scaleflexhq.atlassian.net/browse/FRA-3494
+ *
+ * Notice!
+ *  SassKeyRenewer works only when there is defined a session uuid:
+ *    - Hub case
+ *    - standalone Widget with enabled auth
+ *  Doesn't work for Widget with security template (for this case is used logic to regenerate sass key from sec template user.slice.js:generateUserKey())
+ */
+
+export var TIMER_DELAY_STORAGE_NAME = 'sassKeyRenewerTimerDelay';
+var LAST_RENEW_TIMESTAMP_STORAGE_NAME = 'keyRenewLastUpdateTimestamp';
+var EMPTY_KEY_TIMER_DELAY_STORAGE_NAME = 'sassKeyRenewerEmptyKeyTimerDelay';
+var LOG_ENABLED_STORAGE_NAME = 'sassKeyRenewerLogEnabled';
+var TIMER_DELAY = 60 * 60 * 1000;
+
+// If no sass key from renew API, need to send request again in 1min
+var EMPTY_SASS_KEY_TIMER_DELAY = 60 * 1000;
+var SassKeyRenewer = /*#__PURE__*/_createClass(function SassKeyRenewer(filerobot, client) {
+  var _this = this;
+  var opts = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  _classCallCheck(this, SassKeyRenewer);
+  _defineProperty(this, "resetProps", function () {
+    _this.log('Run resetProps()');
+    _this.isSending = false;
+    _this.isOffline = false;
+    _this.isBrowserTabVisible = true;
+    _this.isPaused = false;
+    _this.successHandlersQueue = [];
+  });
+  _defineProperty(this, "reset", function () {
+    _this.log('Run reset()');
+    _this.resetProps();
+    _this.clearTimers();
+  });
+  _defineProperty(this, "getStorageItemName", function (name) {
+    return "".concat(_this.storageNamePrefix || '').concat(name);
+  });
+  _defineProperty(this, "getItemFromStorage", function (name) {
+    return localStorage.getItem(_this.getStorageItemName(name));
+  });
+  _defineProperty(this, "removeItemFromStorage", function (name) {
+    return localStorage.removeItem(_this.getStorageItemName(name));
+  });
+  _defineProperty(this, "setItemToStorage", function (name, value) {
+    return localStorage.setItem(_this.getStorageItemName(name), value);
+  });
+  _defineProperty(this, "log", function (message) {
+    if (_this.opts.logEnabled) {
+      var _console;
+      for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+        args[_key - 1] = arguments[_key];
+      }
+      (_console = console).log.apply(_console, ["".concat(_this.opts.namePrefix, "[SassKeyRenewer] ").concat(message || '')].concat(args));
+    }
+  });
+  _defineProperty(this, "logDir", function () {
+    if (_this.opts.logEnabled) {
+      var _console2;
+      (_console2 = console).dir.apply(_console2, arguments);
+    }
+  });
+  _defineProperty(this, "sendRenewRequestForce", function (successHandler, requestId) {
+    _this.log('Run sendRenewRequestForce()', {
+      requestId: requestId
+    });
+    _this.removeItemFromStorage(LAST_RENEW_TIMESTAMP_STORAGE_NAME);
+    _this.clearTimers();
+    _this.successHandlersQueue = [];
+    _this.addSuccessHandlerToTheQueue(function () {
+      return _this.sendRenewRequestsWithDelay();
+    }, 'sendRenewRequestsWithDelay');
+    _this.sendRenewRequest(successHandler, requestId);
+  });
+  _defineProperty(this, "sendRenewRequest", function (successHandler, requestId) {
+    _this.log('Run sendRenewRequest()', {
+      requestId: requestId,
+      isSending: _this.isSending
+    });
+    _this.addSuccessHandlerToTheQueue(successHandler, requestId);
+    if (_this.isSending) {
+      _this.log('Request rejected as previous one is still sending');
+      return;
+    }
+    var state = _this.filerobot.store.getState();
+    var sessionUuid = selectUserSessionUuid(state);
+    if (!sessionUuid) {
+      _this.log('Request rejected as sessionUuid doesn\'t exist');
+      return;
+    }
+
+    // const { securityTemplateId } = this.filerobot?.opts || {} // TODO: Uncomment when it will be supported by BE
+    var headers = {};
+    if (sessionUuid) {
+      headers['X-Session-Token'] = sessionUuid;
+    }
+    // TODO: Uncomment when it will be supported by BE
+    // else if (securityTemplateId) {
+    //   headers['X-Security-Template'] = securityTemplateId
+    // }
+
+    _this.log('headers', headers, {
+      sessionUuid: sessionUuid
+    });
+    var handleError = function handleError(error) {
+      clearTimeout(_this.noKeyResendTimer);
+      if (!_this.isPaused) {
+        var codesForLogout = [RESPONSE_CODES.ERR_SASS_INVALID, RESPONSE_CODES.KEY_EXPIRED, RESPONSE_CODES.ERR_SESSION_INVALID, RESPONSE_CODES.INVALID_UUID];
+        var code = codesForLogout.includes(error === null || error === void 0 ? void 0 : error.code) ? error.code : codesForLogout.includes(error === null || error === void 0 ? void 0 : error.codeLabel) ? error.codeLabel : null;
+        _this.log('Sass key renewal error', {
+          error: error,
+          code: code
+        });
+        _this.logDir(error);
+        if (code) {
+          _this.log("Sass key renewal returned code includes in: ".concat(codesForLogout.join('/'), ", need to logout"), headers, {
+            sessionUuid: sessionUuid,
+            code: code
+          });
+          _this.unsubscribe();
+          _this.filerobot.dispatch(userLogout());
+          return;
+        }
+        _this.log('Handling missing sass key error. Run timer', {
+          delay: _this.opts.emptySassKeyTimerDelay
+        });
+        _this.noKeyResendTimer = setTimeout(function () {
+          _this.sendRenewRequest();
+        }, _this.opts.emptySassKeyTimerDelay);
+      }
+    };
+    _this.isSending = true;
+    var lastRequestTimestamp = Date.now();
+    _this.log('Send request key/renew', {
+      headers: headers,
+      lastRequestTimestamp: lastRequestTimestamp
+    });
+    _this.setItemToStorage(LAST_RENEW_TIMESTAMP_STORAGE_NAME, lastRequestTimestamp);
+    _this.client.post('key/renew', {
+      headers: headers
+    }).then(function (response) {
+      _this.log('Response', response);
+      if (response.key) {
+        _this.filerobot.dispatch(saveUserSassKey(response.key));
+        _this.successHandlersQueue.forEach(function (_ref) {
+          var successHandler = _ref.successHandler;
+          successHandler(response);
+        });
+        _this.successHandlersQueue = [];
+      } else {
+        handleError(response);
+      }
+    })["catch"](function (error) {
+      _this.log('Error', error);
+      handleError(error);
+    })["finally"](function () {
+      _this.isSending = false;
+    });
+  });
+  /**
+   * @param {function} cb - Call back function
+   * @param {string} [requestId] - Optional. Should be used in cases when need to cancel previous simil request handler that has same ID.
+   */
+  _defineProperty(this, "addSuccessHandlerToTheQueue", function (cb, requestId) {
+    _this.log('Run addSuccessHandlerToTheQueue()', {
+      cb: cb,
+      requestId: requestId
+    });
+    if (typeof cb === 'function') {
+      // Remove similar requests
+      if (requestId) {
+        var similarRequestIndex = _this.successHandlersQueue.findIndex(function (request) {
+          return (request === null || request === void 0 ? void 0 : request.requestId) === requestId;
+        });
+        if (similarRequestIndex > -1) {
+          // Similar request exists in the queue
+          _this.log('Remove success handler from queue', {
+            similarRequestIndex: similarRequestIndex,
+            handler: _this.successHandlersQueue[similarRequestIndex]
+          });
+          var newSuccessHandlersQueue = _toConsumableArray(_this.successHandlersQueue);
+          newSuccessHandlersQueue.splice(similarRequestIndex, 1);
+          _this.successHandlersQueue = newSuccessHandlersQueue;
+        }
+      }
+      _this.successHandlersQueue.push({
+        requestId: requestId,
+        successHandler: cb
+      });
+      _this.log('Added success handler to queue', _toConsumableArray(_this.successHandlersQueue));
+    }
+  });
+  // Run refresh request every hour
+  _defineProperty(this, "sendRenewRequestsWithDelay", function (_delay) {
+    var delay = _delay || _this.opts.timerDelay;
+    _this.timer = setTimeout(function () {
+      _this.sendRenewRequest(function () {
+        return _this.sendRenewRequestsWithDelay();
+      }, 'sendRenewRequestsWithDelay');
+    }, delay);
+    _this.log('Run sendRenewRequestsWithDelay()', {
+      delay: delay,
+      timer: _this.timer
+    });
+  });
+  _defineProperty(this, "clearTimers", function () {
+    _this.log('Run clearTimers()', {
+      timer: _this.timer,
+      noKeyResendTimer: _this.noKeyResendTimer
+    });
+    clearTimeout(_this.timer);
+    clearTimeout(_this.noKeyResendTimer);
+  });
+  _defineProperty(this, "pause", function () {
+    _this.log('Paused');
+    _this.isSending = false;
+    _this.isPaused = true;
+    _this.clearTimers();
+  });
+  _defineProperty(this, "continue", function () {
+    _this.isPaused = false;
+    _this.log('Continue', {
+      isSubscribed: _this.isSubscribed,
+      isOffline: _this.isOffline,
+      isBrowserTabVisible: _this.isBrowserTabVisible,
+      isPaused: _this.isPaused,
+      isSending: _this.isSending,
+      successHandlersQueue: _this.successHandlersQueue
+    });
+    if (_this.isSubscribed && !_this.isOffline && _this.isBrowserTabVisible) {
+      var lastRequestTimestamp = +(_this.getItemFromStorage(LAST_RENEW_TIMESTAMP_STORAGE_NAME) || 0);
+      _this.log('lastRequestTimestamp = ', lastRequestTimestamp);
+      if (Number.isFinite(lastRequestTimestamp) && lastRequestTimestamp > 0) {
+        var dateNow = Date.now();
+        var delayMsec = _this.opts.timerDelay - (dateNow - lastRequestTimestamp);
+        _this.log('Delay milliseconds', {
+          delayMsec: delayMsec,
+          timerDelay: _this.opts.timerDelay,
+          lastRequestTimestamp: lastRequestTimestamp,
+          dateNow: dateNow
+        });
+        if (delayMsec > 1000) {
+          return _this.sendRenewRequestsWithDelay(delayMsec);
+        }
+      }
+      _this.sendRenewRequest(function () {
+        return _this.sendRenewRequestsWithDelay();
+      }, 'sendRenewRequestsWithDelay');
+    }
+  });
+  _defineProperty(this, "onlineHandler", function () {
+    _this.log('Online');
+    _this.isOffline = false;
+    _this["continue"]();
+  });
+  _defineProperty(this, "offlineHandler", function () {
+    _this.log('Offline');
+    _this.isOffline = true;
+    _this.pause();
+  });
+  _defineProperty(this, "visibilityChangeHandler", function () {
+    if (document.hidden) {
+      _this.log('Tab not active');
+      _this.isBrowserTabVisible = false;
+      _this.pause();
+    } else {
+      _this.log('Tab active');
+      _this.isBrowserTabVisible = true;
+      _this["continue"]();
+    }
+  });
+  _defineProperty(this, "subscribe", function () {
+    _this.log('Run subscribe()');
+    _this.reset();
+    _this.sendRenewRequestsWithDelay();
+    if (!_this.isSubscribed) {
+      var offlineHandler = _this.offlineHandler.bind(_this);
+      var onlineHandler = _this.onlineHandler.bind(_this);
+      var visibilityChangeHandler = _this.visibilityChangeHandler.bind(_this);
+      _this.log('Add listeners');
+      window.addEventListener('offline', offlineHandler);
+      window.addEventListener('online', onlineHandler);
+      document.addEventListener('visibilitychange', visibilityChangeHandler);
+      _this.unsubscribe = function () {
+        _this.log('Run unsubscribe()');
+        _this.reset();
+        _this.isSubscribed = false;
+        _this.log('Remove listeners');
+        window.removeEventListener('offline', offlineHandler);
+        window.removeEventListener('online', onlineHandler);
+        document.removeEventListener('visibilitychange', visibilityChangeHandler);
+      };
+    }
+    _this.isSubscribed = true;
+    return _this.unsubscribe.bind(_this);
+  });
+  this.filerobot = filerobot;
+  this.client = client;
+  this.timer = null;
+  this.noKeyResendTimer = null;
+  this.storageNamePrefix = (opts === null || opts === void 0 ? void 0 : opts.namePrefix) || ''; // User for tests only. Solve problem with parallel async tests running when one test override localStorage value for another test.
+  this.opts = _objectSpread({
+    logEnabled: this.getItemFromStorage(LOG_ENABLED_STORAGE_NAME) === 'true',
+    timerDelay: +(this.getItemFromStorage(TIMER_DELAY_STORAGE_NAME) || TIMER_DELAY),
+    emptySassKeyTimerDelay: +(this.getItemFromStorage(EMPTY_KEY_TIMER_DELAY_STORAGE_NAME) || EMPTY_SASS_KEY_TIMER_DELAY),
+    namePrefix: ''
+  }, opts);
+  this.isSubscribed = false;
+  this.unsubscribe = function () {};
+  this.resetProps();
+  this.log('Inited');
+});
+export default SassKeyRenewer;

package/lib/createStore.js

@@ -0,0 +1,45 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { combineReducers, configureStore } from '@reduxjs/toolkit';
+import { PLUGINS_IDS } from '@scaleflex/widget-utils/lib/constants';
+import coreReducer from './slices';
+var createRootReducer = function createRootReducer(dynamicReducers) {
+  return combineReducers(_objectSpread(_defineProperty({}, PLUGINS_IDS.CORE, coreReducer), dynamicReducers));
+};
+var createStore = function createStore(apiClient) {
+  var customMiddlewares = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+  var filerobot = arguments.length > 2 ? arguments[2] : undefined;
+  var store = configureStore({
+    middleware: function middleware(getDefaultMiddleware) {
+      return getDefaultMiddleware({
+        thunk: {
+          extraArgument: {
+            apiClient: apiClient,
+            filerobot: filerobot
+          }
+        }
+        // serializableCheck: false // TODO: remove this line after fixing the issue with serializableCheck
+      }).concat(customMiddlewares);
+    },
+    reducer: createRootReducer(),
+    devTools: {
+      trace: process.env.NODE_ENV === 'development' || process.env.REACT_APP_GITLAB_REVIEW_ENV === 'true',
+      traceLimit: 25
+    }
+  });
+  store.dynamicReducers = {};
+  store.injectReducer = function (key, asyncReducer) {
+    store.dynamicReducers[key] = asyncReducer;
+    store.replaceReducer(createRootReducer(store.dynamicReducers));
+  };
+  store.removeReducer = function (key) {
+    delete store.dynamicReducers[key];
+    store.replaceReducer(createRootReducer(store.dynamicReducers));
+  };
+  return store;
+};
+export default createStore;

package/lib/defaultLocale.js

@@ -0,0 +1,85 @@
+export default {
+  addBulkFilesFailedMessage: {
+    0: 'Failed to add %{smart_count} file due to an internal error',
+    1: 'Failed to add %{smart_count} files due to internal errors'
+  },
+  filerobotYouCanOnlyUploadXError: {
+    0: 'You can only upload %{smart_count} file',
+    1: 'You can only upload %{smart_count} files'
+  },
+  filerobotYouHaveToAtLeastSelectXError: {
+    0: 'You have to select at least %{smart_count} file',
+    1: 'You have to select at least %{smart_count} files'
+  },
+  filerobotExceedsSizeError: 'This file exceeds maximum allowed size of %{size}',
+  filerobotFilesExceedsSizeError: 'These files exceed maximum allowed size of %{size}MB',
+  filerobotYouCanOnlyUploadFileTypesError: 'You can only upload: %{types}',
+  filerobotNoNewAlreadyUploadingError: 'Cannot add new files: already uploading',
+  filerobotNoDuplicatesError: 'Cannot add the duplicate file \'%{fileName}\', it already exists',
+  filerobotAddedUploadedFilesError: 'Files are already added to the uploads panel, please close it first',
+  providerViewCompanionError: 'Connection with Companion failed',
+  providerViewCompanionUnauthorizeMessage: 'To unauthorize to your %{provider} account, please go to %{url}',
+  filerobotFailedToUploadError: 'Failed to upload %{file}',
+  filerobotNoInternetConnectionInfo: 'No Internet connection',
+  filerobotConnectedToInternetInfo: 'Connected to the Internet',
+  // Strings for remote providers
+  foldersViewDragAndDropFilesHereText: 'You can drag & drop files right here',
+  foldersViewNoFilesFoundText: 'No files here',
+  mutualizedSelectFileNamedLabel: 'Select file %{name}',
+  mutualizedUnselectFileNamedLabel: 'Unselect file %{name}',
+  mutualizedOpenFolderNamedLabel: 'Open folder %{name}',
+  headBarLogOutText: 'Log out',
+  explorerTopBarFilterText: 'Filter',
+  authViewAuthenticateText: 'Please authenticate with %{pluginName} to select files',
+  authViewConnectToButton: 'Connect to %{pluginName}',
+  filerobotEmptyFolderAddedMessage: 'No files were added from empty folder',
+  filerobotFolderAddedMessage: {
+    0: 'Added %{smart_count} file from %{folder}',
+    1: 'Added %{smart_count} files from %{folder}'
+  },
+  remoteUploadTooManyFilesSelectedError: 'Too many files selected. Please speak to Scaleflex Support if you would like to import more than %{limit} files',
+  remoteUploadTotalFileSizeTooBigError: 'Total file size is too big. Please speak to Scaleflex Support if you would like to import more than %{limit}',
+  remoteUploadPathTooLongError: 'Path to files is too long. Please select the folder or files directly or speak to Scaleflex Support if you would like to replicate a folder structure deeper than %{limit} levels',
+  remoteUploadTooManyFoldersSelectedError: 'Too many folders selected for upload. Please reduce the number of folders selected or speak to Scaleflex Support if you would like to import more than %{limit} folders',
+  remoteUploadFolderImportProgressMessage: 'Processing...',
+  remoteUploadFolderImportProgressFoldersLabel: 'Folders',
+  remoteUploadFolderImportProgressFilesLabel: 'Files',
+  remoteUploadFolderImportProgressCancelButton: 'Cancel',
+  remoteUploadIncludeSubFoldersCheckbox: 'Include subfolders',
+  explorerServiceUnknownBackendError: 'Unknown error while communicating with server, try again later',
+  foldersViewNameLabel: 'Name',
+  listViewTableColHeaderSize: 'Assets',
+  mutualizedLastModifyLabel: 'Last modify',
+  filerobotNoPermissionsInfo: 'No user permissions, ask your admin to add permissions to your account.',
+  filerobotInvalidPermissionError: 'Sorry but you are not permitted to do this operation.',
+  filerobotFolderUploadingNotAllowedError: 'Your permissions doesn\'t include uploading to this folder (%{folder}).',
+  filerobotRestrictedFileError: 'Can not upload %{file_extension} file',
+  explorerValidatingCsvFailureError: 'Validating CSV file failed.',
+  explorerUpdateViaCsvModalUploadFailedError: 'Upload failed.',
+  explorerExceedsCompressionSizeError: 'Downloading of more than %{size} for simultaneous files is not allowed, retry selecting fewer files.',
+  explorerDropFilesHint: 'Drop your files here',
+  explorerTopBarAsOriginalText: 'As original',
+  explorerTopBarAsCsvText: 'List of assets (CSV)',
+  explorerCompressionAllowedOnceWarning: 'Please wait till the current compression is finished & try again.',
+  contextMenuDownloadOptionsLabel: 'Transformation',
+  commonOptionsNoMetadataAvailableTooltip: 'No metadata available',
+  informerSeeDetailsButtonLabel: 'See details',
+  informerErrorsModalTitle: 'Error details',
+  informerErrorsModalCopyButton: 'Copy',
+  informerErrorsModalSuccessCopyMsg: 'Errors copied successfully',
+  loaderLoadingLabel: 'Loading',
+  mutualizedUnknownErrorMessage: 'Unknown error, make sure you have internet connection or try again later',
+  explorerServiceEmptySassKeyHeaderError: 'Required request header is missing',
+  explorerServiceExpiredSassKeyHeaderError: 'Your permission credential (SASS key) has expired - please relogin to continue',
+  explorerResumableUploadFastestServerError: 'A connection could not be established with the upload servers - please contact support@scaleflex.com',
+  collectionsListCollectionNameLabel: 'Collection Name',
+  labelsListOpenLabel: 'Open label %{name}',
+  labelsListLabelNameLabel: 'Name',
+  labelsListColorLabel: 'Color',
+  labelsListVisibilityLabel: 'Access',
+  labelsListCreatedAtLabel: 'Created at',
+  labelsListViewLabel: 'View',
+  labelsListLabelPinnedLabel: 'Pinned',
+  labelsListAttachLabel: 'Manage',
+  labelsListTagsLabel: 'Tags'
+};

package/lib/hooks/index.js

@@ -0,0 +1,7 @@
+export { default as usePlugin } from './usePlugin';
+export { default as usePluginsType } from './usePluginsType';
+export { default as useModal } from './useModal';
+export { default as useModalData } from './useModalData';
+export { default as useCore } from './useCore';
+export { default as useContextMenu } from './useContextMenu';
+export { default as useContextMenuData } from './useContextMenuData';

package/lib/hooks/useContextMenu.js

@@ -0,0 +1,42 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { useCallback, useContext } from 'react';
+import { ContextMenuDispatcherContext } from '../Providers';
+
+// data === {
+//   isOpen = true/false, - no need to provide it, it gets handled automatically depending on ur provided props or not.
+//   event = {}, foldersUuids = [], filesUuids = [], type = CONTEXTMENU_TYPES.FILE,
+//   mode = CONTEXTMENU_MODES.AUTO, options = null // options has priority over mode, if there is options mode will be dismissed otherwise mode is used.
+//   items = null/[...] // used in case of other items not file/folder, ex. versioning.,
+//   itemsPropName = 'items' // used in case u need to provide the items with a different prop name for the context menu's options to work,
+//           --- ex. (itemsPropName: 'folders') then instead of `items: [folder1, folder2]`, it would be folders: `[folder1, folder2]`.
+//   fromSidebar = false
+// }
+var useContextMenu = function useContextMenu() {
+  var setContextMenuData = useContext(ContextMenuDispatcherContext);
+
+  // any update (object) provided to the context's data will open the context menu
+  // any falsy/undefined value will close the context menu
+  var updateContextMenuData = useCallback(function () {
+    var update = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    if (update !== null && update !== void 0 && update.event) {
+      update.event.preventDefault();
+      update.event.stopPropagation();
+      update.event.currentTarget.focus(); // requires tabIndex for non-focusable elements.
+    }
+    return setContextMenuData(function (prev) {
+      var updates = typeof update === 'function' ? update(prev) : update;
+      return updates && Object.keys(updates).length > 0 ? _objectSpread(_objectSpread({}, updates), {}, {
+        isOpen: true
+      }) : {
+        isOpen: false
+      };
+    });
+  }, [setContextMenuData]);
+  return updateContextMenuData;
+};
+export default useContextMenu;

package/lib/hooks/useContextMenuData.js

@@ -0,0 +1,17 @@
+import { useContext } from 'react';
+import { ContextMenuDataContext } from '../Providers';
+
+// data === {
+//   isOpen = true/false, - no need to provide it, it gets handled automatically depending on ur provided props or not.
+//   event = {}, foldersUuids = [], filesUuids = [], type = CONTEXTMENU_TYPES.FILE,
+//   mode = CONTEXTMENU_MODES.AUTO, options = null // options has priority over mode, if there is options mode will be dismissed otherwise mode is used.
+//   items = null/[...] // used in case of other items not file/folder, ex. versioning.,
+//   itemsPropName = 'items' // used in case u need to provide the items with a different prop name for the context menu's options to work,
+//           --- ex. (itemsPropName: 'folders') then instead of `items: [folder1, folder2]`, it would be folders: `[folder1, folder2]`.
+//   fromSidebar = false
+// }
+var useContextMenuData = function useContextMenuData() {
+  var contextMenuData = useContext(ContextMenuDataContext);
+  return contextMenuData;
+};
+export default useContextMenuData;

package/lib/hooks/useCore.js

@@ -0,0 +1,10 @@
+import { useContext, useMemo } from 'react';
+import { FilerobotPackagesContext } from '../Providers';
+var useCore = function useCore() {
+  var _useContext = useContext(FilerobotPackagesContext),
+    filerobot = _useContext.filerobot;
+  return useMemo(function () {
+    return filerobot;
+  }, [filerobot]);
+};
+export default useCore;

package/lib/hooks/useModal.js

@@ -0,0 +1,72 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { useCallback, useContext } from 'react';
+import { ModalDispatcherContext } from '../Providers';
+
+// isHigherLvlModal: if `true`, it will return a function that will return another level of modal's data
+// to be passed to first level/root modal and open moreover higher/another level of modal on top of it.
+// isGlobalHigherLvlModal: if `true` will return a function updated the higher lvl modal data
+var useModal = function useModal() {
+  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+    _ref$isHigherLvlModal = _ref.isHigherLvlModal,
+    isHigherLvlModal = _ref$isHigherLvlModal === void 0 ? false : _ref$isHigherLvlModal,
+    _ref$isGlobalHigherLv = _ref.isGlobalHigherLvlModal,
+    isGlobalHigherLvlModal = _ref$isGlobalHigherLv === void 0 ? false : _ref$isGlobalHigherLv;
+  var setModalData = useContext(ModalDispatcherContext);
+
+  // any update (object) provided to the context's data will open the context menu
+  // any falsy/undefined value will close the context menu
+  var updateModalData = useCallback(function () {
+    var update = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    return setModalData(function (prev) {
+      var updates = typeof update === 'function' ? update(prev) : update;
+      return updates && Object.keys(updates).length > 0 ? _objectSpread(_objectSpread({}, updates), {}, {
+        isOpen: true
+      }) : {
+        isOpen: false
+      };
+    });
+  }, []);
+  var getHigherLvlModalData = useCallback(function (update) {
+    var updates = update;
+    if (typeof update === 'function') {
+      setModalData(function (firstLevelModalState) {
+        updates = update(firstLevelModalState);
+        return isGlobalHigherLvlModal ? {
+          higherLevelModalData: updates
+        } : firstLevelModalState;
+      });
+    }
+    var hasUpdates = updates && Object.keys(updates).length > 0;
+    if (isGlobalHigherLvlModal) {
+      setModalData(function (firstLevelModalState) {
+        var _updates;
+        if ((_updates = updates) !== null && _updates !== void 0 && _updates.higherLevelModalData) {
+          updates = _objectSpread(_objectSpread({}, updates), updates.higherLevelModalData);
+          delete updates.higherLevelModalData;
+        }
+        return _objectSpread(_objectSpread({}, firstLevelModalState), {}, {
+          higherLevelModalData: hasUpdates ? _objectSpread(_objectSpread({}, updates), {}, {
+            isOpen: true
+          }) : undefined
+        });
+      });
+      updates = {
+        higherLevelModalData: _objectSpread(_objectSpread({}, updates), {}, {
+          isOpen: true
+        })
+      };
+    }
+    return hasUpdates ? _objectSpread(_objectSpread({}, updates), {}, {
+      isOpen: true
+    }) : {
+      isOpen: false
+    };
+  }, []);
+  return isHigherLvlModal || isGlobalHigherLvlModal ? getHigherLvlModalData : updateModalData;
+};
+export default useModal;

package/lib/hooks/useModalData.js

@@ -0,0 +1,7 @@
+import { useContext } from 'react';
+import { ModalDataContext } from '../Providers';
+var useModalData = function useModalData() {
+  var modalData = useContext(ModalDataContext);
+  return modalData;
+};
+export default useModalData;

package/lib/hooks/usePlugin.js

@@ -0,0 +1,20 @@
+import { useContext, useMemo } from 'react';
+import { FilerobotPackagesContext } from '../Providers';
+var usePlugin = function usePlugin(pluginId) {
+  var _useContext = useContext(FilerobotPackagesContext),
+    plugins = _useContext.plugins;
+  return useMemo(function () {
+    var foundPlugin = null;
+    Object.keys(plugins).some(function (pluginType) {
+      return plugins[pluginType].some(function (plugin) {
+        if (plugin.id === pluginId) {
+          foundPlugin = plugin;
+          return true;
+        }
+        return false;
+      });
+    });
+    return foundPlugin;
+  }, [plugins, pluginId]);
+};
+export default usePlugin;