@scaleflex/widget-progress-panel 0.0.1

package/lib/progressPanel.slice.js

@@ -0,0 +1,595 @@
+var _excluded = ["id", "percentage"],
+  _excluded2 = ["retrigger", "progress"];
+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 _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 _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+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 { createSelector, createSlice } from '@reduxjs/toolkit';
+import throttle from 'lodash.throttle';
+import createThunk from '@scaleflex/widget-utils/lib/createThunk';
+import { PLUGINS_IDS, PROGRESS_PANEL_STATUS, PROGRESS_PANEL_ACTIVITY, ABORTED_ERROR } from '@scaleflex/widget-utils/lib/constants';
+import asyncTimeout from '@scaleflex/widget-utils/lib/asyncTimeout';
+import logErrorIfDevEnv from '@scaleflex/widget-utils/lib/logErrorIfDevEnv';
+import calculateTotalEta from '@scaleflex/widget-core/lib/utils/calculateTotalEta';
+import { Filerobot } from '@scaleflex/widget-core/lib';
+import { pushToSavedActivities, removeSavedActivity } from './utils/locallySavedActivities';
+var initialState = {
+  ids: [],
+  activities: {},
+  show: false,
+  isMinimized: false
+};
+var onActivityError = createThunk(function (_ref, thunkApi) {
+  var id = _ref.id;
+  var dispatch = thunkApi.dispatch,
+    getState = thunkApi.getState;
+  var activity = selectProgressPanelActivitiesById(getState(), id);
+  dispatch(progressPanelActivityUpdated({
+    id: id,
+    progress: _objectSpread(_objectSpread({}, activity.progress), {}, {
+      status: PROGRESS_PANEL_STATUS.ERROR
+    })
+  }));
+});
+var onActivityProgressWithEvent = async function onActivityProgressWithEvent(_ref2) {
+  var activity = _ref2.activity,
+    onStartData = _ref2.onStartData,
+    activitySignal = _ref2.activitySignal,
+    onProgress = _ref2.onProgress,
+    onProgressTimeoutMs = _ref2.onProgressTimeoutMs,
+    thunkApi = _ref2.thunkApi;
+  var dispatch = thunkApi.dispatch,
+    extra = thunkApi.extra,
+    getState = thunkApi.getState;
+  var throttledProgress = throttle(function (_ref3) {
+    var _currentActivity$prog;
+    var id = _ref3.id,
+      percentage = _ref3.percentage,
+      rest = _objectWithoutProperties(_ref3, _excluded);
+    if (id !== activity.id) return;
+    var currentActivity = selectProgressPanelActivityById(getState(), id);
+    if (currentActivity && isProgressPanelActive((_currentActivity$prog = currentActivity.progress) === null || _currentActivity$prog === void 0 ? void 0 : _currentActivity$prog.status)) {
+      dispatch(progressPanelActivityUpdated({
+        id: activity.id,
+        progress: _objectSpread(_objectSpread({}, activity.progress), {}, {
+          percentage: percentage,
+          status: PROGRESS_PANEL_STATUS.PROGRESSING
+        }, rest)
+      }));
+    }
+  }, onProgressTimeoutMs);
+  extra.filerobot.on('activity-progress', throttledProgress);
+  return await onProgress({
+    activity: activity,
+    onStartData: onStartData,
+    activitySignal: activitySignal
+  });
+};
+var _onActivityProgressRecursive = async function onActivityProgressRecursive(activityProgressParams) {
+  var _currentActivity$prog2;
+  var activity = activityProgressParams.activity,
+    onStartData = activityProgressParams.onStartData,
+    onProgress = activityProgressParams.onProgress,
+    onProgressTimeoutMs = activityProgressParams.onProgressTimeoutMs,
+    activitySignal = activityProgressParams.activitySignal,
+    thunkApi = activityProgressParams.thunkApi;
+  var dispatch = thunkApi.dispatch,
+    getState = thunkApi.getState;
+  var _ref4 = (await onProgress({
+      activity: activity,
+      onStartData: onStartData,
+      activitySignal: activitySignal
+    })) || {},
+    retrigger = _ref4.retrigger,
+    percentage = _ref4.progress,
+    otherProgressResults = _objectWithoutProperties(_ref4, _excluded2);
+  var currentActivity = selectProgressPanelActivityById(getState(), activity.id);
+  if (retrigger && currentActivity && isProgressPanelActive((_currentActivity$prog2 = currentActivity.progress) === null || _currentActivity$prog2 === void 0 ? void 0 : _currentActivity$prog2.status)) {
+    dispatch(progressPanelActivityUpdated({
+      id: activity.id,
+      progress: _objectSpread(_objectSpread(_objectSpread({}, otherProgressResults), activity.progress), {}, {
+        percentage: percentage,
+        status: PROGRESS_PANEL_STATUS.PROGRESSING
+      })
+    }));
+    await asyncTimeout(onProgressTimeoutMs);
+    return await _onActivityProgressRecursive(activityProgressParams);
+  }
+  return _objectSpread({
+    percentage: percentage
+  }, otherProgressResults);
+};
+var _removeActivity = createThunk(function (activity, thunkApi) {
+  var dispatch = thunkApi.dispatch,
+    getState = thunkApi.getState;
+  var activitiesIds = selectProgressPanelActivitiesIds(getState());
+  if (activitiesIds.length === 1) {
+    dispatch(resetPanel());
+  }
+  dispatch(progressPanelActivitiesRemoved([activity.id]));
+});
+var onActivityComplete = function onActivityComplete(_ref5) {
+  var activity = _ref5.activity,
+    dismissAddingOnProgressDataToState = _ref5.dismissAddingOnProgressDataToState,
+    onStartData = _ref5.onStartData,
+    onProgressData = _ref5.onProgressData,
+    onComplete = _ref5.onComplete,
+    thunkApi = _ref5.thunkApi,
+    isSaveableActivity = _ref5.isSaveableActivity;
+  var dispatch = thunkApi.dispatch,
+    getState = thunkApi.getState,
+    extra = thunkApi.extra;
+  var currentActivity = selectProgressPanelActivityById(getState(), activity.id);
+  if (isSaveableActivity && activity !== null && activity !== void 0 && activity.id) {
+    var _extra$filerobot$opts;
+    var token = (_extra$filerobot$opts = extra.filerobot.opts) === null || _extra$filerobot$opts === void 0 ? void 0 : _extra$filerobot$opts.container;
+    removeSavedActivity(token, activity.id);
+  }
+  if (currentActivity) {
+    dispatch(progressPanelActivityUpdated({
+      id: activity.id,
+      progress: _objectSpread(_objectSpread({}, activity.progress), {}, {
+        status: PROGRESS_PANEL_STATUS.COMPLETE,
+        percentage: 100
+      }),
+      onProgressData: dismissAddingOnProgressDataToState ? {} : onProgressData
+    }));
+    if (typeof onComplete === 'function') {
+      onComplete({
+        activity: activity,
+        onStartData: onStartData,
+        onProgressData: onProgressData,
+        removeActivity: function removeActivity() {
+          return dispatch(_removeActivity(activity));
+        }
+      });
+    }
+  }
+  return _objectSpread(_objectSpread({
+    activity: activity
+  }, onStartData), onProgressData);
+};
+var onActivityCancel = createThunk(function (_ref6, thunkApi) {
+  var activity = _ref6.activity,
+    abort = _ref6.abort,
+    onCancel = _ref6.onCancel,
+    isSaveableActivity = _ref6.isSaveableActivity;
+  var dispatch = thunkApi.dispatch,
+    extra = thunkApi.extra,
+    getState = thunkApi.getState;
+  extra.filerobot.on('activity-cancel', function (_ref7) {
+    var id = _ref7.id;
+    var updatedActivity = selectProgressPanelActivitiesById(getState(), activity.id);
+    if (id !== activity.id) return;
+    abort();
+    if (typeof onCancel === 'function') {
+      onCancel({
+        activity: updatedActivity,
+        id: id
+      });
+    }
+    if (isSaveableActivity && id) {
+      var _extra$filerobot$opts2;
+      var token = (_extra$filerobot$opts2 = extra.filerobot.opts) === null || _extra$filerobot$opts2 === void 0 ? void 0 : _extra$filerobot$opts2.container;
+      removeSavedActivity(token, id);
+    }
+    dispatch(_removeActivity(activity));
+  });
+});
+var onActivityRetry = createThunk(function (_ref8, thunkApi) {
+  var activity = _ref8.activity,
+    onRetry = _ref8.onRetry,
+    isSaveableActivity = _ref8.isSaveableActivity;
+  var extra = thunkApi.extra;
+  extra.filerobot.on('activity-retry', function (_ref9) {
+    var id = _ref9.id;
+    if (id !== activity.id) return;
+    if (isSaveableActivity && id) {
+      var _extra$filerobot$opts3;
+      var token = (_extra$filerobot$opts3 = extra.filerobot.opts) === null || _extra$filerobot$opts3 === void 0 ? void 0 : _extra$filerobot$opts3.container;
+      removeSavedActivity(token, id);
+    }
+    onRetry({
+      activity: activity,
+      id: id
+    });
+  });
+});
+var restartActivity = createThunk(function (_ref10, thunkApi) {
+  var activity = _ref10.activity,
+    newActivity = _ref10.newActivity,
+    abort = _ref10.abort,
+    onCancel = _ref10.onCancel,
+    onRetry = _ref10.onRetry,
+    isSaveableActivity = _ref10.isSaveableActivity;
+  var dispatch = thunkApi.dispatch;
+  dispatch(progressPanelActivityUpdated(_objectSpread(_objectSpread({}, newActivity), {}, {
+    id: activity.id,
+    progress: _objectSpread(_objectSpread({}, activity.progress), {}, {
+      status: PROGRESS_PANEL_STATUS.PREPARING,
+      startedAt: Date.now(),
+      percentage: 0
+    })
+  })));
+  if (typeof onCancel === 'function') {
+    dispatch(onActivityCancel({
+      activity: activity,
+      abort: abort,
+      onCancel: onCancel,
+      isSaveableActivity: isSaveableActivity
+    }));
+  }
+  if (typeof onRetry === 'function') {
+    dispatch(onActivityRetry({
+      activity: activity,
+      onRetry: onRetry,
+      isSaveableActivity: isSaveableActivity
+    }));
+  }
+});
+var triggerError = function triggerError(_ref11) {
+  var activity = _ref11.activity,
+    error = _ref11.error,
+    onError = _ref11.onError,
+    thunkApi = _ref11.thunkApi,
+    isSaveableActivity = _ref11.isSaveableActivity;
+  var dispatch = thunkApi.dispatch,
+    extra = thunkApi.extra;
+  if (isSaveableActivity && activity !== null && activity !== void 0 && activity.id) {
+    var _extra$filerobot$opts4;
+    var token = (_extra$filerobot$opts4 = extra.filerobot.opts) === null || _extra$filerobot$opts4 === void 0 ? void 0 : _extra$filerobot$opts4.container;
+    removeSavedActivity(token, activity.id);
+  }
+  if (typeof onError === 'function') {
+    onError(error);
+  }
+  if (error !== ABORTED_ERROR) {
+    dispatch(onActivityError({
+      id: activity.id,
+      error: error
+    }));
+  }
+};
+var addExtraActivityListeners = function addExtraActivityListeners(_ref12) {
+  var activity = _ref12.activity,
+    onError = _ref12.onError,
+    thunkApi = _ref12.thunkApi;
+  var dispatch = thunkApi.dispatch,
+    getState = thunkApi.getState,
+    extra = thunkApi.extra;
+  extra.filerobot.on('activity-error', function (_ref13) {
+    var id = _ref13.id,
+      error = _ref13.error;
+    if (id !== activity.id) return;
+    triggerError({
+      activity: activity,
+      error: error,
+      onError: onError,
+      thunkApi: thunkApi
+    });
+  });
+  extra.filerobot.on('activity-update', function (_ref14) {
+    var id = _ref14.id,
+      _ref14$progress = _ref14.progress,
+      progress = _ref14$progress === void 0 ? {} : _ref14$progress;
+    if (id !== activity.id) return;
+    var currentActivity = selectProgressPanelActivityById(getState(), id);
+    dispatch(progressPanelActivityUpdated(_objectSpread(_objectSpread({}, currentActivity), {}, {
+      id: currentActivity.id,
+      progress: _objectSpread(_objectSpread({}, currentActivity.progress), progress)
+    })));
+  });
+};
+var addNewActivity = createThunk(function (_ref15, thunkApi) {
+  var activity = _ref15.activity,
+    abort = _ref15.abort,
+    onCancel = _ref15.onCancel,
+    onRetry = _ref15.onRetry,
+    onError = _ref15.onError,
+    isSaveableActivity = _ref15.isSaveableActivity;
+  var dispatch = thunkApi.dispatch;
+  dispatch(progressPanelActivitiesAdded(_defineProperty({}, activity.id, activity)));
+  addExtraActivityListeners({
+    activity: activity,
+    onError: onError,
+    thunkApi: thunkApi
+  });
+  dispatch(onActivityCancel({
+    activity: activity,
+    abort: abort,
+    onCancel: onCancel,
+    isSaveableActivity: isSaveableActivity
+  }));
+  if (typeof onRetry === 'function') {
+    dispatch(onActivityRetry({
+      activity: activity,
+      onRetry: onRetry,
+      isSaveableActivity: isSaveableActivity
+    }));
+  }
+});
+
+// onActivitySave => for filtering/returning specific data part to be saved
+export var addActivity = createThunk(async function (_ref16, thunkApi) {
+  var activity = _ref16.activity,
+    onStart = _ref16.onStart,
+    onError = _ref16.onError,
+    onCancel = _ref16.onCancel,
+    onProgress = _ref16.onProgress,
+    onComplete = _ref16.onComplete,
+    onRetry = _ref16.onRetry,
+    _ref16$options = _ref16.options,
+    options = _ref16$options === void 0 ? {} : _ref16$options,
+    onActivitySave = _ref16.onActivitySave,
+    isSaveableActivity = _ref16.isSaveableActivity;
+  var dispatch = thunkApi.dispatch,
+    getState = thunkApi.getState,
+    signal = thunkApi.signal,
+    abort = thunkApi.abort,
+    extra = thunkApi.extra;
+  var triggerProgressWithEvent = options.triggerProgressWithEvent,
+    _options$dismissAddin = options.dismissAddingOnProgressDataToState,
+    dismissAddingOnProgressDataToState = _options$dismissAddin === void 0 ? true : _options$dismissAddin,
+    _options$onProgressTi = options.onProgressTimeoutMs,
+    onProgressTimeoutMs = _options$onProgressTi === void 0 ? 1000 : _options$onProgressTi;
+  var currentActivity = selectProgressPanelActivityById(getState(), activity.id);
+  var showProgressPanel = selectShowProgressPanel(getState());
+  var tmpActivity = {};
+  if (currentActivity) {
+    // restart existing activity
+    tmpActivity = _objectSpread(_objectSpread({}, currentActivity), {}, {
+      name: activity.name
+    });
+    dispatch(restartActivity({
+      activity: tmpActivity,
+      newActivity: activity,
+      abort: abort,
+      onCancel: onCancel,
+      onRetry: onRetry,
+      isSaveableActivity: isSaveableActivity
+    }));
+  } else {
+    // create new activity
+    tmpActivity = activity;
+    dispatch(addNewActivity({
+      activity: tmpActivity,
+      abort: abort,
+      onCancel: onCancel,
+      onRetry: onRetry
+    }));
+  }
+  if (!showProgressPanel) {
+    extra.filerobot.emit('progressPanel-toggle', true);
+  }
+  try {
+    var onStartData;
+    if (typeof onStart === 'function') {
+      onStartData = onStart({
+        activity: tmpActivity,
+        activitySignal: signal
+      });
+      if (onStartData instanceof Promise) {
+        onStartData = await onStartData;
+      }
+    }
+    if (isSaveableActivity) {
+      var _extra$filerobot$opts5;
+      var activityDataToSave = typeof onActivitySave === 'function' ? onActivitySave({
+        onStartData: onStartData,
+        activity: tmpActivity
+      }) : onStartData;
+      var token = (_extra$filerobot$opts5 = extra.filerobot.opts) === null || _extra$filerobot$opts5 === void 0 ? void 0 : _extra$filerobot$opts5.container;
+      if (!activityDataToSave || !tmpActivity) {
+        return;
+      }
+      pushToSavedActivities(token, {
+        id: tmpActivity.id,
+        type: tmpActivity.type,
+        name: tmpActivity.name,
+        data: activityDataToSave
+      });
+    }
+    var onProgressData;
+    if (typeof onProgress === 'function') {
+      var onProgressAction = triggerProgressWithEvent ? onActivityProgressWithEvent : _onActivityProgressRecursive;
+      onProgressData = await onProgressAction({
+        activity: tmpActivity,
+        onStartData: onStartData,
+        onProgress: onProgress,
+        activitySignal: signal,
+        onProgressTimeoutMs: onProgressTimeoutMs,
+        thunkApi: thunkApi
+      });
+    }
+    return onActivityComplete({
+      activity: tmpActivity,
+      dismissAddingOnProgressDataToState: dismissAddingOnProgressDataToState,
+      onStartData: onStartData,
+      onProgressData: onProgressData,
+      onComplete: onComplete,
+      thunkApi: thunkApi,
+      isSaveableActivity: isSaveableActivity
+    });
+  } catch (error) {
+    logErrorIfDevEnv(error, extra.filerobot.opts.dev);
+    triggerError({
+      activity: activity,
+      error: error,
+      onError: onError,
+      thunkApi: thunkApi,
+      isSaveableActivity: isSaveableActivity
+    });
+  }
+}, {
+  dismissGlobalAbort: true
+});
+export var resetPanel = createThunk(function (_, thunkApi) {
+  var dispatch = thunkApi.dispatch,
+    extra = thunkApi.extra;
+  dispatch(progressPanelClosed());
+  extra.filerobot.emit('activities-reset');
+  extra.filerobot.emit('progressPanel-toggle', false);
+  extra.filerobot.emit('progressPanel-minimize', false);
+  extra.filerobot.off('activity-error');
+  extra.filerobot.off('activity-update');
+  extra.filerobot.off('activity-cancel');
+  extra.filerobot.off('activity-retry');
+  extra.filerobot.off('activity-action');
+  extra.filerobot.off('activity-progress');
+});
+export var isProgressPanelActive = function isProgressPanelActive(status) {
+  return [PROGRESS_PANEL_STATUS.PAUSED, PROGRESS_PANEL_STATUS.PROGRESSING, PROGRESS_PANEL_STATUS.PREPARING].includes(status);
+};
+var progressPanelSlice = createSlice({
+  name: PLUGINS_IDS.PROGRESS_PANEL,
+  initialState: initialState,
+  reducers: {
+    progressPanelActivitiesAdded: function progressPanelActivitiesAdded(state, action) {
+      var newActivities = _objectSpread({}, action.payload);
+      return _objectSpread(_objectSpread({}, state), {}, {
+        ids: _toConsumableArray(new Set([].concat(_toConsumableArray(Object.keys(newActivities)), _toConsumableArray(state.ids)))),
+        activities: _objectSpread(_objectSpread({}, newActivities), state.activities),
+        show: true,
+        isMinimized: false
+      });
+    },
+    progressPanelActivityUpdated: function progressPanelActivityUpdated(state, action) {
+      var activityId = action.payload.id;
+      var updatedActivities = _objectSpread({}, state.activities);
+      updatedActivities[activityId] = _objectSpread(_objectSpread({}, state.activities[activityId]), action.payload);
+      return _objectSpread(_objectSpread({}, state), {}, {
+        activities: updatedActivities
+      });
+    },
+    progressPanelActivitiesReplaced: function progressPanelActivitiesReplaced(state, action) {
+      var activities = action.payload;
+      var newActivities = Array.isArray(activities) ? activities.reduce(function (activitiesByIds, activity) {
+        return _objectSpread(_objectSpread({}, activitiesByIds), {}, _defineProperty({}, activity.id, activity));
+      }, {}) : activities;
+      return _objectSpread(_objectSpread({}, state), {}, {
+        ids: Object.keys(newActivities),
+        activities: newActivities
+      });
+    },
+    progressPanelActivitiesRemoved: function progressPanelActivitiesRemoved(state, action) {
+      var removedActivitiesIds = action.payload || [];
+      var updatedActivities = _objectSpread({}, state.activities);
+      var updatedIds = state.ids;
+      removedActivitiesIds.forEach(function (activityId) {
+        updatedIds = updatedIds.filter(function (id) {
+          return id !== activityId;
+        });
+        delete updatedActivities[activityId];
+      });
+      return _objectSpread(_objectSpread({}, state), {}, {
+        ids: updatedIds,
+        activities: updatedActivities,
+        show: Object.keys(updatedActivities).length !== 0
+      });
+    },
+    progressPanelToggled: function progressPanelToggled(state, action) {
+      return _objectSpread(_objectSpread({}, state), {}, {
+        show: action.payload
+      });
+    },
+    progressPanelMinimized: function progressPanelMinimized(state, action) {
+      return _objectSpread(_objectSpread({}, state), {}, {
+        isMinimized: action.payload
+      });
+    },
+    progressPanelClosed: function progressPanelClosed() {
+      return initialState;
+    }
+  }
+});
+var _progressPanelSlice$a = progressPanelSlice.actions,
+  progressPanelActivitiesAdded = _progressPanelSlice$a.progressPanelActivitiesAdded,
+  progressPanelActivityUpdated = _progressPanelSlice$a.progressPanelActivityUpdated,
+  progressPanelActivitiesReplaced = _progressPanelSlice$a.progressPanelActivitiesReplaced,
+  progressPanelActivitiesRemoved = _progressPanelSlice$a.progressPanelActivitiesRemoved,
+  progressPanelToggled = _progressPanelSlice$a.progressPanelToggled,
+  progressPanelMinimized = _progressPanelSlice$a.progressPanelMinimized,
+  progressPanelClosed = _progressPanelSlice$a.progressPanelClosed;
+export { progressPanelActivitiesAdded, progressPanelActivityUpdated, progressPanelActivitiesReplaced, progressPanelActivitiesRemoved, progressPanelToggled, progressPanelMinimized, progressPanelClosed };
+export var selectProgressPanelState = function selectProgressPanelState(state) {
+  return state[PLUGINS_IDS.PROGRESS_PANEL];
+};
+export var selectProgressPanelActivities = function selectProgressPanelActivities(state) {
+  return selectProgressPanelState(state).activities;
+};
+export var selectProgressPanelActivitiesIds = function selectProgressPanelActivitiesIds(state) {
+  return selectProgressPanelState(state).ids;
+};
+export var selectProgressPanelActivityById = function selectProgressPanelActivityById(state, activityId) {
+  return selectProgressPanelActivities(state)[activityId];
+};
+export var selectShowProgressPanel = function selectShowProgressPanel(state) {
+  return selectProgressPanelState(state).show;
+};
+export var selectIsProgressPanelMinimized = function selectIsProgressPanelMinimized(state) {
+  return selectProgressPanelState(state).isMinimized;
+};
+export var selectProgressPanelCount = function selectProgressPanelCount(state) {
+  return Object.keys(selectProgressPanelActivities(state)).length;
+};
+export var selectProgressPanelActivitiesById = createSelector([selectProgressPanelActivities, function (_state, activityId) {
+  return activityId;
+}], function (activities, activityId) {
+  return activities[activityId] ? _objectSpread(_objectSpread({}, activities[activityId]), {}, {
+    data: Filerobot.uploadFilesData[activityId]
+  }) : undefined;
+});
+export var selectProgressPanelUploadingActivitiesIds = createSelector(selectProgressPanelActivities, selectProgressPanelActivitiesIds, function (activities, activitiesIds) {
+  return activitiesIds.filter(function (activityId) {
+    var _activity$progress;
+    var activity = activities[activityId];
+    return ((_activity$progress = activity.progress) === null || _activity$progress === void 0 ? void 0 : _activity$progress.type) === PROGRESS_PANEL_ACTIVITY.UPLOAD;
+  });
+});
+export var selectProgressPanelInProgressActivitiesIds = createSelector(selectProgressPanelActivities, selectProgressPanelActivitiesIds, function (activities, activitiesIds) {
+  return activitiesIds.filter(function (activityId) {
+    var _activity$progress2;
+    var activity = activities[activityId];
+    return isProgressPanelActive((_activity$progress2 = activity.progress) === null || _activity$progress2 === void 0 ? void 0 : _activity$progress2.status) && activity.progress.startedAt;
+  });
+});
+export var selectProgressPanelCompletedActivitiesIds = createSelector(selectProgressPanelActivities, selectProgressPanelActivitiesIds, function (activities, activitiesIds) {
+  return activitiesIds.filter(function (activityId) {
+    var _activity$progress3;
+    var activity = activities[activityId];
+    return ((_activity$progress3 = activity.progress) === null || _activity$progress3 === void 0 ? void 0 : _activity$progress3.status) === PROGRESS_PANEL_STATUS.COMPLETE;
+  });
+});
+export var selectProgressPanelDelayedActivitiesIds = createSelector(selectProgressPanelActivities, selectProgressPanelActivitiesIds, function (activities, activitiesIds) {
+  return activitiesIds.filter(function (activityId) {
+    var _activity$progress4;
+    var activity = activities[activityId];
+    return ((_activity$progress4 = activity.progress) === null || _activity$progress4 === void 0 ? void 0 : _activity$progress4.status) === PROGRESS_PANEL_STATUS.DELAYED;
+  });
+});
+export var selectProgressPanelFailedActivitiesIds = createSelector(selectProgressPanelActivities, selectProgressPanelActivitiesIds, function (activities, activitiesIds) {
+  return activitiesIds.filter(function (activityId) {
+    return activities[activityId].progress.status === PROGRESS_PANEL_STATUS.ERROR;
+  });
+});
+export var selectInProgressNotPaused = createSelector(selectProgressPanelActivities, selectProgressPanelInProgressActivitiesIds, function (activities, inProgressActivitiesIds) {
+  return inProgressActivitiesIds.filter(function (activityId) {
+    return activities[activityId].progress.status !== PROGRESS_PANEL_STATUS.PAUSED;
+  });
+});
+export var selectProgressPanelTotalEta = function selectProgressPanelTotalEta(state) {
+  return calculateTotalEta(selectInProgressNotPaused(state).map(function (activityId) {
+    return selectProgressPanelActivitiesById(state, activityId) || {};
+  }));
+};
+export default progressPanelSlice.reducer;

package/lib/utils/locallySavedActivities.js

@@ -0,0 +1,64 @@
+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); }
+var ACTIVITIES_STORAGE_KEY = 'activities';
+export var getActivitiesStorageName = function getActivitiesStorageName(token) {
+  return "FMAW_".concat(token || '', "_").concat(ACTIVITIES_STORAGE_KEY);
+};
+export var getSavedActivities = function getSavedActivities(token) {
+  var _window;
+  if (!((_window = window) !== null && _window !== void 0 && _window.localStorage) || !token) {
+    return [];
+  }
+  try {
+    var loadedActivities = JSON.parse(window.localStorage.getItem(getActivitiesStorageName(token))) || [];
+    return loadedActivities;
+  } catch (_unused) {
+    return [];
+  }
+};
+export var pushToSavedActivities = function pushToSavedActivities(token) {
+  var _window2;
+  var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
+    id = _ref.id,
+    type = _ref.type,
+    name = _ref.name,
+    data = _ref.data;
+  if (!((_window2 = window) !== null && _window2 !== void 0 && _window2.localStorage) || !token || !id || !type || !data || Object.keys(data || {}).length === 0) {
+    return;
+  }
+  var loadedActivities = getSavedActivities(token).filter(function (activity) {
+    return activity.id !== id;
+  });
+  var pushedActivity = _objectSpread(_objectSpread({
+    id: id,
+    type: type
+  }, name && {
+    name: name
+  }), {}, {
+    data: data
+  });
+  loadedActivities.push(pushedActivity);
+  window.localStorage.setItem(getActivitiesStorageName(token), JSON.stringify(loadedActivities));
+  return loadedActivities;
+};
+export var removeSavedActivity = function removeSavedActivity(token, id) {
+  var _window3;
+  if (!((_window3 = window) !== null && _window3 !== void 0 && _window3.localStorage) || !token || !id) {
+    return;
+  }
+  var loadedActivities = getSavedActivities(token);
+  var newActivities = loadedActivities.filter(function () {
+    var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+      _id = _ref2.id;
+    return _id !== id;
+  });
+  if (newActivities.length === 0) {
+    window.localStorage.removeItem(getActivitiesStorageName(token));
+    return;
+  }
+  window.localStorage.setItem(getActivitiesStorageName(token), JSON.stringify(newActivities));
+};