@scaleflex/widget-explorer 4.4.0 → 4.5.1

package/lib/slices/views.slice.js

@@ -0,0 +1,357 @@
+var _excluded = ["searchQuery", "offset", "cachedViewQueries", "sorting"];
+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 _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 { VIEW_IDS, PLUGINS_IDS, LAYOUTS_IDS, FMAW_URL_VIEW_QUERY_PARAMS, FMAW_URL_QUERY_PARAMS } from '@scaleflex/widget-utils/lib/constants';
+import { createSlice, isAnyOf } from '@reduxjs/toolkit';
+import { fetchUserAuthState, generateUserKey } from '@scaleflex/widget-core/lib/slices/user.slice';
+import createThunk from '@scaleflex/widget-utils/lib/createThunk';
+import { VIEW_OPTIONS } from '../components/Views/Views.constants';
+import { loadSearchFromOutside, selectIsSimilarSearchActive, selectSearchQuery, submitSearch, updateSearchQuery, updateSearchSuggestions, searchFilesWithAiText, selectIsAiSearch, selectIsSearchFetchType } from './search.slice';
+import { loadFiltersFromOutside, selectIsFiltersActive, updateFilteredFiles } from './filters.slice';
+import { fetchFoldersPreviews, selectFoldersArray, selectFoldersSortOrder, selectFoldersSortedBy } from './folders.slice';
+import { fetchFiles, selectFilesSortOrder, selectFilesSortedBy } from './files.slice';
+import { SORT_BY, SORT_ORDER } from '../components/common/Sort/Sort.constants';
+import { checkIsValidSearchSortBy, checkIsValidSortOrder } from '../components/common/Sort/Sort.utils';
+var slicePropName = 'views';
+var sliceName = "".concat(PLUGINS_IDS.EXPLORER, "/").concat(slicePropName);
+var initialState = {
+  layout: LAYOUTS_IDS.GRID,
+  activeView: VIEW_IDS.FOLDERS,
+  list: Object.values(VIEW_IDS)
+};
+export var viewCachedFetchFilesQueries = null;
+export var changeViewFetchFilesCachedQueries = function changeViewFetchFilesCachedQueries(newCachedQueries) {
+  viewCachedFetchFilesQueries = newCachedQueries;
+};
+export var changeView = createThunk(async function (_ref, thunkApi) {
+  var _VIEW_OPTIONS$newlyAc;
+  var view = _ref.view,
+    _ref$triggerActivate = _ref.triggerActivate,
+    triggerActivate = _ref$triggerActivate === void 0 ? false : _ref$triggerActivate,
+    activateOptions = _ref.activateOptions,
+    keepFiltersAndSearch = _ref.keepFiltersAndSearch,
+    _ref$fromUrl = _ref.fromUrl,
+    fromUrl = _ref$fromUrl === void 0 ? false : _ref$fromUrl,
+    forceRemoveFiltersAndSearch = _ref.forceRemoveFiltersAndSearch;
+  var state = thunkApi.getState();
+  var filerobot = thunkApi.extra.filerobot;
+  var viewBeforeChange = selectActiveView(state);
+  var newlyActivatedView = viewBeforeChange;
+  var isDiffView = viewBeforeChange !== view;
+  if (isDiffView) {
+    var allViews = selectAllViews(state);
+    var _filerobot$getPlugin = filerobot.getPlugin(PLUGINS_IDS.EXPLORER),
+      _filerobot$getPlugin$ = _filerobot$getPlugin.opts,
+      disableFiltersAndSearch = _filerobot$getPlugin$.disableFiltersAndSearch,
+      forceFilters = _filerobot$getPlugin$.forceFilters,
+      updateViewQueryInUrl = _filerobot$getPlugin.updateViewQueryInUrl;
+    if (!allViews.includes(view)) {
+      return;
+    }
+
+    // We are almost don't need any running/pending request if we have changed the view to avoid issues with views changing
+    // by returning back to some view again due to late request's response that's received after switching to another view..
+    thunkApi.abortAllInProgressAsyncThunks();
+    changeViewFetchFilesCachedQueries(null);
+    var dontRemoveFiltersAndSearch = (disableFiltersAndSearch || forceFilters || keepFiltersAndSearch || fromUrl) && !forceRemoveFiltersAndSearch;
+    thunkApi.dispatch(viewChanged({
+      view: view,
+      keepFiltersAndSearch: dontRemoveFiltersAndSearch
+    }));
+    newlyActivatedView = selectActiveView(thunkApi.getState());
+    var isViewChanged = viewBeforeChange !== newlyActivatedView; // double checking that the view is changed, as there is possibility for otherwise if wrong view id is provided
+
+    // Triggered here for making sure it's triggered after changing the view, and avoid extrareducers/issues that handled after calling viewChanged.
+    filerobot.emit('view-change-request', newlyActivatedView, isDiffView);
+    if (isViewChanged) {
+      if (!fromUrl) {
+        updateViewQueryInUrl({
+          view: newlyActivatedView,
+          keysToDelete: Object.values(dontRemoveFiltersAndSearch ? FMAW_URL_VIEW_QUERY_PARAMS : FMAW_URL_QUERY_PARAMS)
+        });
+      }
+      filerobot.emit('view-changed', newlyActivatedView);
+    }
+  } else {
+    filerobot.emit('view-change-request', newlyActivatedView, isDiffView);
+  }
+  if (triggerActivate && typeof ((_VIEW_OPTIONS$newlyAc = VIEW_OPTIONS[newlyActivatedView]) === null || _VIEW_OPTIONS$newlyAc === void 0 ? void 0 : _VIEW_OPTIONS$newlyAc.activateAction) === 'function') {
+    thunkApi.dispatch(loadFiltersFromOutside({
+      fromUrl: fromUrl
+    }));
+    thunkApi.dispatch(loadSearchFromOutside({
+      fromUrl: fromUrl
+    }));
+    thunkApi.dispatch(VIEW_OPTIONS[newlyActivatedView].activateAction(_objectSpread({
+      skipViewDispatch: true,
+      keepFiltersAndSearch: keepFiltersAndSearch
+    }, activateOptions)));
+  }
+  return newlyActivatedView;
+});
+export var changeLayout = createThunk(function (newLayout, thunkApi) {
+  thunkApi.dispatch(layoutChanged(newLayout));
+  var state = thunkApi.getState();
+  var isFoldersView = selectIsFoldersView(state);
+  if (isFoldersView && newLayout === LAYOUTS_IDS.GRID) {
+    // If the first folder of current loaded folders doesn't contain value for previews property
+    // means no previews request triggered before, so we are triggering it now.
+    // Also if the sort of files & folders are not the same, while we are changing the layout from list to grid...
+    // then no need to trigger folder previews request cause we're going to refetch the folders with a unified sort with previews.
+    var folders = selectFoldersArray(state) || [];
+    var isFilesAndFoldersSortDifferent = selectFoldersSortedBy(state) !== selectFilesSortedBy(state) || selectFoldersSortOrder(state) !== selectFilesSortOrder(state);
+    if (folders.length > 0 && !folders[0].previews && !isFilesAndFoldersSortDifferent) {
+      thunkApi.dispatch(fetchFoldersPreviews({
+        abortSignal: thunkApi.signal
+      }));
+    }
+  }
+});
+export var activateViewFromOutside = createThunk(function (_ref2, thunkApi) {
+  var _currentView$checkVis;
+  var _ref2$fromUrl = _ref2.fromUrl,
+    fromUrl = _ref2$fromUrl === void 0 ? false : _ref2$fromUrl;
+  var dispatch = thunkApi.dispatch,
+    getState = thunkApi.getState,
+    filerobot = thunkApi.extra.filerobot;
+  var _filerobot$getPlugin2 = filerobot.getPlugin(PLUGINS_IDS.EXPLORER),
+    getUrlQueryParam = _filerobot$getPlugin2.getUrlQueryParam,
+    opts = _filerobot$getPlugin2.opts,
+    checkUserPermissions = _filerobot$getPlugin2.checkUserPermissions,
+    i18n = _filerobot$getPlugin2.i18n,
+    info = _filerobot$getPlugin2.info;
+  var view = opts.view,
+    viewItem = opts.viewItem,
+    viewSubItem = opts.viewSubItem,
+    views = opts.views,
+    _opts$isRecursiveFetc = opts.isRecursiveFetch,
+    isRecursiveFetch = _opts$isRecursiveFetc === void 0 ? false : _opts$isRecursiveFetc;
+  var activeView = selectActiveView(getState());
+  var viewOptions = {
+    id: view || activeView,
+    itemToOpen: viewItem,
+    subItemToOpen: viewSubItem,
+    isRecursive: isRecursiveFetch
+  };
+  if (fromUrl) {
+    var _getUrlQueryParam;
+    var viewId = ((_getUrlQueryParam = getUrlQueryParam(FMAW_URL_QUERY_PARAMS.VIEW)) === null || _getUrlQueryParam === void 0 ? void 0 : _getUrlQueryParam.toUpperCase()) || viewOptions.id;
+    viewOptions = {
+      id: viewId,
+      itemToOpen: getUrlQueryParam(FMAW_URL_QUERY_PARAMS.VIEW_ITEM) || viewId === viewOptions.id && viewOptions.itemToOpen,
+      subItemToOpen: getUrlQueryParam(FMAW_URL_QUERY_PARAMS.VIEW_SUB_ITEM) || viewId === viewOptions.id && viewOptions.subItemToOpen,
+      fromUrl: true,
+      isRecursive: parseInt(getUrlQueryParam(FMAW_URL_QUERY_PARAMS.VIEW_RECURSIVE), 10) === 1
+    };
+  }
+  if (viewOptions.itemToOpen && (viewOptions.itemToOpen === '/.internal' || viewOptions.itemToOpen.startsWith('/.internal/'))) {
+    info(i18n('explorerInvalidPathInfo'), 'warning');
+    viewOptions.itemToOpen = '/';
+  }
+  var currentView = VIEW_OPTIONS[viewOptions.id];
+  var isVisibleView = currentView && views.includes(viewOptions.id.toUpperCase()) && (!fromUrl || !currentView.checkVisibility || ((_currentView$checkVis = currentView.checkVisibility) === null || _currentView$checkVis === void 0 ? void 0 : _currentView$checkVis.call(currentView, {
+    checkUserPermissions: checkUserPermissions
+  })));
+  if (isVisibleView) {
+    return dispatch(changeView({
+      triggerActivate: true,
+      view: viewOptions.id,
+      activateOptions: viewOptions,
+      fromUrl: fromUrl
+    }));
+  }
+  info(i18n('explorerInvalidViewProvided'), 'warning');
+  var activeViewId = selectActiveView(thunkApi.getState());
+  return dispatch(changeView({
+    triggerActivate: true,
+    view: activeViewId,
+    fromUrl: fromUrl
+  }));
+});
+export var searchOrListViewFiles = createThunk(function () {
+  var _extra$filerobot$getP, _extra$filerobot$getP2, _defaultSearchSort$te, _defaultSearchSort$te2;
+  var _ref3 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+    searchQuery = _ref3.searchQuery,
+    offset = _ref3.offset,
+    cachedViewQueries = _ref3.cachedViewQueries,
+    sorting = _ref3.sorting,
+    rest = _objectWithoutProperties(_ref3, _excluded);
+  var thunkApi = arguments.length > 1 ? arguments[1] : undefined;
+  var _rest$applyActiveView = rest.applyActiveViewItemCheck,
+    applyActiveViewItemCheck = _rest$applyActiveView === void 0 ? true : _rest$applyActiveView;
+  var dispatch = thunkApi.dispatch,
+    getState = thunkApi.getState,
+    extra = thunkApi.extra;
+  var state = getState();
+  if (applyActiveViewItemCheck && !selectActiveViewItem(state)) {
+    return;
+  }
+  var currentSearchQuery = selectSearchQuery(state);
+  var isAiSearch = selectIsAiSearch(state);
+  var isAssetsView = selectIsAssetsView(state);
+  if (isAiSearch && isAssetsView) {
+    return dispatch(searchFilesWithAiText({
+      searchQuery: currentSearchQuery
+    }));
+  }
+  var isSimilarSearchActive = selectIsSimilarSearchActive(state);
+  if (isSimilarSearchActive) {
+    return;
+  }
+
+  // If no search query at all then no need to trigger search request instead trigger fetchFiles for listing.
+  var isNoSearchAtAll = !searchQuery && !currentSearchQuery;
+  if (isNoSearchAtAll) {
+    var defaultOffset = rest.replaceOldFiles === false ? undefined : 0;
+    return dispatch(fetchFiles(_objectSpread({
+      offset: offset !== null && offset !== void 0 ? offset : defaultOffset,
+      cachedViewQueries: cachedViewQueries,
+      sorting: sorting
+    }, rest)));
+  }
+
+  // exact and extended search
+  var _ref4 = (extra === null || extra === void 0 ? void 0 : (_extra$filerobot$getP = extra.filerobot.getPlugin(PLUGINS_IDS.EXPLORER)) === null || _extra$filerobot$getP === void 0 ? void 0 : (_extra$filerobot$getP2 = _extra$filerobot$getP.opts) === null || _extra$filerobot$getP2 === void 0 ? void 0 : _extra$filerobot$getP2.config) || {},
+    defaultSearchSort = _ref4.defaultSearchSort;
+  var defaultSearchSortBy = checkIsValidSearchSortBy(defaultSearchSort === null || defaultSearchSort === void 0 ? void 0 : (_defaultSearchSort$te = defaultSearchSort.text) === null || _defaultSearchSort$te === void 0 ? void 0 : _defaultSearchSort$te.by) ? defaultSearchSort.text.by : SORT_BY.RELEVANCE;
+  var defaultSearchSortOrder = checkIsValidSortOrder(defaultSearchSort === null || defaultSearchSort === void 0 ? void 0 : (_defaultSearchSort$te2 = defaultSearchSort.text) === null || _defaultSearchSort$te2 === void 0 ? void 0 : _defaultSearchSort$te2.order) ? defaultSearchSort.text.order : SORT_ORDER.DSC;
+  var isSearchedBefore = selectIsSearchFetchType(state);
+  var searchArgs = {
+    searchQuery: searchQuery || currentSearchQuery,
+    cachedViewQueries: cachedViewQueries,
+    sorting: isSearchedBefore ? sorting : "".concat(defaultSearchSortBy, ":").concat(defaultSearchSortOrder)
+  };
+  return dispatch(submitSearch(searchArgs));
+});
+export var resetSearchAndFiltersMode = createThunk(function (_, thunkApi) {
+  thunkApi.dispatch(updateFilteredFiles({
+    filters: {},
+    dismissApiCall: true,
+    noInformer: true
+  }));
+  thunkApi.dispatch(updateSearchQuery({
+    query: '',
+    noInformer: true
+  }));
+  thunkApi.dispatch(updateSearchSuggestions({
+    filters: [],
+    tags: [],
+    dismissApiCall: true,
+    noInformer: true
+  }));
+});
+var viewsSlice = createSlice({
+  name: sliceName,
+  initialState: initialState,
+  reducers: {
+    viewChanged: function viewChanged(state, action) {
+      var newView = action.payload.view;
+      if (newView === state.activeView) {
+        return state;
+      }
+      return _objectSpread(_objectSpread({}, state), {}, {
+        activeView: newView
+      });
+    },
+    viewsChanged: function viewsChanged(state, action) {
+      var newViews = action.payload.views || state.list;
+      return _objectSpread(_objectSpread({}, state), {}, {
+        list: newViews
+      });
+    },
+    layoutChanged: function layoutChanged(state, action) {
+      return _objectSpread(_objectSpread({}, state), {}, {
+        layout: action.payload
+      });
+    },
+    viewsStateUpdated: function viewsStateUpdated(state, action) {
+      return _objectSpread(_objectSpread({}, state), action.payload);
+    }
+  },
+  extraReducers: function extraReducers(builder) {
+    builder.addMatcher(isAnyOf(generateUserKey.fulfilled, fetchUserAuthState.fulfilled), viewsSlice.caseReducers.viewsChanged);
+  }
+});
+var _viewsSlice$actions = viewsSlice.actions,
+  viewChanged = _viewsSlice$actions.viewChanged,
+  viewsChanged = _viewsSlice$actions.viewsChanged,
+  layoutChanged = _viewsSlice$actions.layoutChanged,
+  viewsStateUpdated = _viewsSlice$actions.viewsStateUpdated;
+export { viewChanged, viewsChanged, layoutChanged, viewsStateUpdated };
+export var selectViewsState = function selectViewsState(state) {
+  var _state$PLUGINS_IDS$EX;
+  return ((_state$PLUGINS_IDS$EX = state[PLUGINS_IDS.EXPLORER]) === null || _state$PLUGINS_IDS$EX === void 0 ? void 0 : _state$PLUGINS_IDS$EX[slicePropName]) || initialState;
+};
+export var selectActiveView = function selectActiveView(state) {
+  return selectViewsState(state).activeView;
+};
+var checkViewActivation = function checkViewActivation(state, viewId) {
+  return selectActiveView(state) === viewId;
+};
+var checkViewLayoutActivation = function checkViewLayoutActivation(state, layout) {
+  return selectViewLayout(state) === layout;
+};
+export var selectAllViews = function selectAllViews(state) {
+  return selectViewsState(state).list;
+};
+var checkViewAvailability = function checkViewAvailability(state, viewId) {
+  return selectAllViews(state).includes(viewId);
+};
+export var selectIsAssetsViewAvailable = function selectIsAssetsViewAvailable(state) {
+  return checkViewAvailability(state, VIEW_IDS.ASSETS);
+};
+export var selectIsFoldersViewAvailable = function selectIsFoldersViewAvailable(state) {
+  return checkViewAvailability(state, VIEW_IDS.FOLDERS);
+};
+export var selectIsLabelsViewAvailable = function selectIsLabelsViewAvailable(state) {
+  return checkViewAvailability(state, VIEW_IDS.LABELS);
+};
+export var selectIsCollectionsViewAvailable = function selectIsCollectionsViewAvailable(state) {
+  return checkViewAvailability(state, VIEW_IDS.COLLECTIONS);
+};
+export var selectIsSearchMode = function selectIsSearchMode(state) {
+  return Boolean(selectSearchQuery(state));
+};
+export var selectIsSearchOrFiltersMode = function selectIsSearchOrFiltersMode(state) {
+  return selectIsSearchMode(state) || selectIsFiltersActive(state);
+};
+export var selectIsAssetsView = function selectIsAssetsView(state) {
+  return checkViewActivation(state, VIEW_IDS.ASSETS);
+};
+export var selectIsFoldersView = function selectIsFoldersView(state) {
+  return checkViewActivation(state, VIEW_IDS.FOLDERS);
+};
+export var selectIsLabelsView = function selectIsLabelsView(state) {
+  return checkViewActivation(state, VIEW_IDS.LABELS);
+};
+export var selectIsCollectionsView = function selectIsCollectionsView(state) {
+  return checkViewActivation(state, VIEW_IDS.COLLECTIONS);
+};
+export var selectViewLayout = function selectViewLayout(state) {
+  return selectViewsState(state).layout;
+};
+export var selectIsListLayout = function selectIsListLayout(state) {
+  return checkViewLayoutActivation(state, LAYOUTS_IDS.LIST);
+};
+export var selectIsGridLayout = function selectIsGridLayout(state) {
+  return checkViewLayoutActivation(state, LAYOUTS_IDS.GRID);
+};
+export var selectIsTilesLayout = function selectIsTilesLayout(state) {
+  return checkViewLayoutActivation(state, LAYOUTS_IDS.TILES);
+};
+export var selectActiveViewItem = function selectActiveViewItem(state) {
+  var _VIEW_OPTIONS$activeV, _VIEW_OPTIONS$activeV2;
+  var activeView = selectActiveView(state);
+  if (!activeView) {
+    return null;
+  }
+  var activeViewItem = (_VIEW_OPTIONS$activeV = VIEW_OPTIONS[activeView]) === null || _VIEW_OPTIONS$activeV === void 0 ? void 0 : (_VIEW_OPTIONS$activeV2 = _VIEW_OPTIONS$activeV.activeItemSelector) === null || _VIEW_OPTIONS$activeV2 === void 0 ? void 0 : _VIEW_OPTIONS$activeV2.call(_VIEW_OPTIONS$activeV, state);
+  return activeViewItem || null;
+};
+export default viewsSlice.reducer;

package/lib/thunks/archive.thunks.js

@@ -0,0 +1,175 @@
+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 _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 cuid from 'cuid';
+import { PROGRESS_PANEL_ACTIVITY, PROGRESS_PANEL_STATUS, PLUGINS_IDS } from '@scaleflex/widget-utils/lib/constants';
+import createThunk from '@scaleflex/widget-utils/lib/createThunk';
+import { PC } from '@scaleflex/widget-common';
+var archiveItems = createThunk(async function (_ref, thunkApi) {
+  var folderIdentifiers = _ref.folderIdentifiers,
+    fileIdentifiers = _ref.fileIdentifiers,
+    urls = _ref.urls,
+    signal = _ref.signal;
+  var extra = thunkApi.extra;
+  var _await$extra$apiClien = await extra.apiClient.post('file-archive', {
+      data: {
+        folders_uuids: folderIdentifiers,
+        files_uuids: fileIdentifiers,
+        urls: urls
+      },
+      abortSignal: signal
+    }),
+    taskId = _await$extra$apiClien.task_id;
+  if (taskId) {
+    return {
+      taskId: taskId,
+      taskUrl: "file-archive/".concat(taskId)
+    };
+  }
+}, {
+  dismissGlobalAbort: true
+});
+var cancelArchive = createThunk(function (_ref2, thunkApi) {
+  var taskId = _ref2.taskId;
+  return thunkApi.extra.apiClient.patch("file-archive/".concat(taskId, "/cancel"));
+});
+var checkArchiveStatus = createThunk(async function (_ref3, thunkApi) {
+  var taskId = _ref3.taskId,
+    taskUrl = _ref3.taskUrl,
+    signal = _ref3.signal;
+  var extra = thunkApi.extra,
+    rejectWithValue = thunkApi.rejectWithValue;
+  if (!taskId) {
+    return rejectWithValue(extra.filerobot.i18n('mutualizedUnknownErrorMessage'));
+  }
+  var _await$extra$apiClien2 = await extra.apiClient.get("".concat(taskUrl, "?status_only=1"), {
+      abortSignal: signal
+    }),
+    status = _await$extra$apiClien2.task_status,
+    progress = _await$extra$apiClien2.task_percent;
+  if (['PENDING', 'RUNNING', 'PROCESSING'].includes(status)) {
+    return {
+      retrigger: true,
+      progress: progress
+    };
+  }
+  if (status === 'DONE') {
+    return {
+      retrigger: false,
+      taskId: taskId,
+      taskUrl: taskUrl,
+      headers: {
+        'Content-Type': 'application/zip'
+      }
+    };
+  }
+  return rejectWithValue(extra.filerobot.i18n('mutualizedUnknownErrorMessage'));
+}, {
+  dismissGlobalAbort: true
+});
+var addArchiveActivity = createThunk(function (_ref4, thunkApi) {
+  var activityId = _ref4.id,
+    items = _ref4.items,
+    itemsSize = _ref4.itemsSize,
+    urls = _ref4.urls,
+    avoidExportEvent = _ref4.avoidExportEvent,
+    onRetry = _ref4.onRetry,
+    _onStart = _ref4.onStart,
+    preparingStatusI18nKey = _ref4.preparingStatusI18nKey,
+    folderIdentifiers = _ref4.folderIdentifiers,
+    fileIdentifiers = _ref4.fileIdentifiers;
+  var dispatch = thunkApi.dispatch,
+    extra = thunkApi.extra;
+  var progressPanelPlugin = extra.filerobot.getPlugin(PLUGINS_IDS.PROGRESS_PANEL);
+  var id = activityId || cuid();
+  var archiveTaskId;
+  var useRetryAction = id && items && itemsSize && (urls || folderIdentifiers || fileIdentifiers);
+  return progressPanelPlugin.addActivity({
+    isSaveableActivity: true,
+    activity: {
+      id: id,
+      type: PROGRESS_PANEL_ACTIVITY.ARCHIVE,
+      hideRetryButton: !useRetryAction,
+      progress: {
+        percentage: 0,
+        startedAt: Date.now(),
+        status: PROGRESS_PANEL_STATUS.PREPARING
+      },
+      icon: {
+        name: 'Archive',
+        color: PC.BorderPrimaryStateless
+      },
+      statusData: _defineProperty(_defineProperty(_defineProperty({}, PROGRESS_PANEL_STATUS.PREPARING, {
+        labelI18nKey: preparingStatusI18nKey || 'progressPanelPreparingArchiveLabel'
+      }), PROGRESS_PANEL_STATUS.PROGRESSING, {
+        labelI18nKey: 'progressPanelPreparingArchiveLabel'
+      }), PROGRESS_PANEL_STATUS.ERROR, {
+        labelI18nKey: 'progressPanelArchiveFailedLabel'
+      })
+    },
+    onStart: async function onStart(_ref5) {
+      var activitySignal = _ref5.activitySignal;
+      var archiveItemsTask = typeof _onStart === 'function' ? _onStart() : await dispatch(archiveItems({
+        folderIdentifiers: folderIdentifiers,
+        fileIdentifiers: fileIdentifiers,
+        urls: urls,
+        signal: activitySignal
+      })).throwRejection();
+      archiveTaskId = archiveItemsTask === null || archiveItemsTask === void 0 ? void 0 : archiveItemsTask.taskId;
+      return archiveItemsTask;
+    },
+    onProgress: function onProgress(_ref6) {
+      var onStartData = _ref6.onStartData,
+        activitySignal = _ref6.activitySignal;
+      return dispatch(checkArchiveStatus({
+        taskId: onStartData.taskId,
+        taskUrl: onStartData.taskUrl,
+        signal: activitySignal
+      })).throwRejection();
+    },
+    onRetry: useRetryAction && function (_ref7) {
+      var id = _ref7.id;
+      if (typeof onRetry === 'function') {
+        return onRetry({
+          id: id
+        });
+      }
+      return dispatch(addArchiveActivity({
+        id: id,
+        items: items,
+        itemsSize: itemsSize,
+        urls: urls,
+        avoidExportEvent: avoidExportEvent,
+        folderIdentifiers: folderIdentifiers,
+        fileIdentifiers: fileIdentifiers,
+        preparingStatusI18nKey: preparingStatusI18nKey,
+        onStart: _onStart
+      }));
+    },
+    onCancel: function onCancel() {
+      if (archiveTaskId) {
+        dispatch(cancelArchive({
+          taskId: archiveTaskId
+        }));
+      }
+    }
+  });
+});
+export var addArchive = createThunk(async function (params, thunkApi) {
+  var urls = params.urls,
+    folderIdentifiers = params.folderIdentifiers,
+    fileIdentifiers = params.fileIdentifiers;
+  var dispatch = thunkApi.dispatch,
+    extra = thunkApi.extra;
+  var progressPanelPlugin = extra.filerobot.getPlugin(PLUGINS_IDS.PROGRESS_PANEL);
+  if (progressPanelPlugin) {
+    return dispatch(addArchiveActivity(params));
+  } else {
+    return dispatch(archiveItems({
+      folderIdentifiers: folderIdentifiers,
+      fileIdentifiers: fileIdentifiers,
+      urls: urls
+    })).throwRejection();
+  }
+});