@scaleflex/widget-explorer 0.1.2 → 0.2.1

package/CHANGELOG.md

@@ -3,6 +3,25 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.2.1](https://code.scaleflex.cloud/scaleflex/widget/compare/v0.2.0...v0.2.1) (2025-08-06)
+
+**Note:** Version bump only for package @scaleflex/widget-explorer
+
+
+
+
+
+# [0.2.0](https://code.scaleflex.cloud/scaleflex/widget/compare/v0.1.2...v0.2.0) (2025-08-05)
+
+
+### Features
+
+* implement the recursive remote upload for 3rd parties [FRA-1343] ([4db5cba](https://code.scaleflex.cloud/scaleflex/widget/commits/4db5cba125d155b1d1ab6cdbc68c28ae07d78f4c))
+
+
+
+
+
 ## [0.1.2](https://code.scaleflex.cloud/scaleflex/widget/compare/v0.1.1...v0.1.2) (2025-07-30)
 
 **Note:** Version bump only for package @scaleflex/widget-explorer

package/README.md

@@ -804,14 +804,6 @@ Defines additional crop types & presets besides the freehand one and their prese
 
 > NOTE: The object's keys will be used the label for crop type (it is possible to be label string or i18n key string that is provided through locale object)
 
-### `showRemoveBackgroundOption`
-
-<u>Type:</u> `boolean`.
-
-<u>Default:</u> `true`
-
-Remove background option will appear in context menu.
-
 ### `disableMultipleSelect`
 
 <u>Type:</u> `boolean`.

package/lib/components/ActionBar/DownloadWithExportButton.js

@@ -58,8 +58,7 @@ var DownloadWithExportButton = function DownloadWithExportButton() {
   var hideTransformation = isFolderSelected || !!unsupportedExportReason || hideDownloadVariationsOption;
   var tooltipTitle = i18n(unsupportedExportReason);
   var showDownloadButtonArrow = !disableDownloadButton && !isWidgetSmallSize && !useAssetsPicker;
-  var isPreventedByDefaultBehavior = preventDownloadDefaultBehavior;
-  var downloadButtonVisible = !isPreventedByDefaultBehavior;
+  var downloadButtonVisible = !preventDownloadDefaultBehavior;
   var downloadButtonDisabled = !checkUserPermissions([PERMISSIONS.DISPLAY]) || !checkFileFolderPermissions({
     permissionsToCheck: [PERMISSIONS.DISPLAY],
     permissionsList: firstItem === null || firstItem === void 0 ? void 0 : firstItem.permissions

package/lib/components/AddFilesPanel/AddFiles.js

@@ -33,13 +33,8 @@ var AddFiles = function AddFiles() {
     container = _useCore$opts.container,
     sassKey = _useCore$opts.sassKey;
   var isDraggingOver = useSelector(selectIsDraggingOver);
-  var _useAssetsPicker = useAssetsPicker({
-      securityTemplateId: securityTemplateId,
-      container: container,
-      sassKey: sassKey,
-      theme: theme
-    }),
-    openAssetPicker = _useAssetsPicker.openAssetPicker;
+  var _useAssetsPicker = useAssetsPicker(),
+    openAssetsPicker = _useAssetsPicker.openAssetsPicker;
   var maxNumberOfFiles = restrictions.maxNumberOfFiles,
     allowedFileTypes = restrictions.allowedFileTypes;
   var note = explorerOpts.note,
@@ -105,9 +100,13 @@ var AddFiles = function AddFiles() {
   // no extra logic needed except showing the button and pass the onImport function, no upload will occur
   var renderDamAcquirer = function renderDamAcquirer() {
     var importFromDam = function importFromDam() {
-      openAssetPicker({
+      openAssetsPicker({
         onImport: onImportFromDam,
-        hideUploadButton: true
+        hideUploadButton: true,
+        securityTemplateId: securityTemplateId,
+        container: container,
+        sassKey: sassKey,
+        theme: theme
       });
     };
     return /*#__PURE__*/_jsx(Styled.AcquirerButtons, {

package/lib/components/FileWindowPanel/Body/ActionButtons.js

@@ -7,7 +7,8 @@ var ActionButtons = function ActionButtons(_ref) {
     zoomRatio = _ref.zoomRatio,
     setZoomRatio = _ref.setZoomRatio,
     setIsFileTabsHidden = _ref.setIsFileTabsHidden,
-    isFileTabsHidden = _ref.isFileTabsHidden;
+    isFileTabsHidden = _ref.isFileTabsHidden,
+    useAssetsPicker = _ref.useAssetsPicker;
   var zoomIn = function zoomIn() {
     var nextZoomRatio = Math.min(zoomRatio + BTN_ZOOM_RATIO_PERCENTAGE, MAX_ZOOM_RATIO);
     setZoomRatio(nextZoomRatio);
@@ -52,7 +53,7 @@ var ActionButtons = function ActionButtons(_ref) {
           children: /*#__PURE__*/_jsx(Styled.PlusOutline, {})
         })
       })]
-    }), /*#__PURE__*/_jsx(Styled.FooterActionBtn, {
+    }), useAssetsPicker ? /*#__PURE__*/_jsx("span", {}) : /*#__PURE__*/_jsx(Styled.FooterActionBtn, {
       size: "lg",
       color: "basic",
       isVisible: isImageOrPdf,

package/lib/components/FileWindowPanel/Body/Footer.js

@@ -16,7 +16,8 @@ var Footer = function Footer(_ref) {
     isImageFile = _ref.isImageFile,
     isAudioFileAndSupportsPlayback = _ref.isAudioFileAndSupportsPlayback,
     setIsFileTabsHidden = _ref.setIsFileTabsHidden,
-    isFileTabsHidden = _ref.isFileTabsHidden;
+    isFileTabsHidden = _ref.isFileTabsHidden,
+    useAssetsPicker = _ref.useAssetsPicker;
   var _useExplorer = useExplorer(),
     isDevEnv = _useExplorer.isDevEnv;
   var mediaPlayerPlugin = usePlugin(PLUGINS_IDS.MEDIA_PLAYER);
@@ -51,7 +52,8 @@ var Footer = function Footer(_ref) {
       setZoomRatio: setZoomRatio,
       isImageOrPdf: hasActionButtons,
       setIsFileTabsHidden: setIsFileTabsHidden,
-      isFileTabsHidden: isFileTabsHidden
+      isFileTabsHidden: isFileTabsHidden,
+      useAssetsPicker: useAssetsPicker
     })
   });
 };

package/lib/components/FileWindowPanel/Body/index.js

@@ -29,7 +29,8 @@ var FileWindowBody = function FileWindowBody(_ref) {
     isVariantsOpened = _ref.isVariantsOpened,
     setIsVariantsOpened = _ref.setIsVariantsOpened,
     setIsFileTabsHidden = _ref.setIsFileTabsHidden,
-    isFileTabsHidden = _ref.isFileTabsHidden;
+    isFileTabsHidden = _ref.isFileTabsHidden,
+    useAssetsPicker = _ref.useAssetsPicker;
   var _useState = useState(DEFAULT_ZOOM_RATIO),
     _useState2 = _slicedToArray(_useState, 2),
     zoomRatio = _useState2[0],
@@ -99,7 +100,8 @@ var FileWindowBody = function FileWindowBody(_ref) {
       isVariantsOpened: isVariantsOpened,
       setIsVariantsOpened: setIsVariantsOpened,
       setIsFileTabsHidden: setIsFileTabsHidden,
-      isFileTabsHidden: isFileTabsHidden
+      isFileTabsHidden: isFileTabsHidden,
+      useAssetsPicker: useAssetsPicker
     })]
   });
 };

package/lib/components/FileWindowPanel/FileTabs/MetadataTab/CustomMetadataSection.js

@@ -73,13 +73,8 @@ var CustomMetadataSection = function CustomMetadataSection(_ref) {
     securityTemplateId = _useCore$opts.securityTemplateId,
     container = _useCore$opts.container,
     sassKey = _useCore$opts.sassKey;
-  var _useAssetsPicker = useAssetsPicker({
-      securityTemplateId: securityTemplateId,
-      container: container,
-      sassKey: sassKey,
-      theme: theme
-    }),
-    openAssetPicker = _useAssetsPicker.openAssetPicker;
+  var _useAssetsPicker = useAssetsPicker(),
+    openAssetsPicker = _useAssetsPicker.openAssetsPicker;
   var _useExplorer = useExplorer(),
     info = _useExplorer.info,
     i18nArray = _useExplorer.i18nArray;
@@ -93,6 +88,17 @@ var CustomMetadataSection = function CustomMetadataSection(_ref) {
   var isAttachmentsField = function isAttachmentsField(field) {
     return field.type === ATTACHMENTS_ASSETS;
   };
+  var triggerAssetsPicker = function triggerAssetsPicker() {
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    return openAssetsPicker(_objectSpread({
+      securityTemplateId: securityTemplateId,
+      container: container,
+      sassKey: sassKey,
+      theme: theme
+    }, args));
+  };
   var copyFileLink = function copyFileLink(fileToCopy) {
     dispatch(copyFileCdnLink(fileToCopy));
   };
@@ -140,7 +146,7 @@ var CustomMetadataSection = function CustomMetadataSection(_ref) {
       onChange: onChange,
       editedDetails: editedDetails,
       meta: meta,
-      openAssetPicker: openAssetPicker,
+      openAssetsPicker: triggerAssetsPicker,
       info: info,
       originalFile: file,
       locateFile: locateFile,

package/lib/components/FileWindowPanel/FileWindow.js

@@ -168,7 +168,8 @@ var FileWindow = function FileWindow(_ref) {
     isVariantsOpened: isVariantsOpened,
     setIsVariantsOpened: setIsVariantsOpened,
     isFileTabsHidden: isFileTabsHidden,
-    setIsFileTabsHidden: setIsFileTabsHidden
+    setIsFileTabsHidden: setIsFileTabsHidden,
+    useAssetsPicker: useAssetsPicker
   };
   if (useAssetsPicker || isFileTabsHidden) {
     return /*#__PURE__*/_jsxs(StyledFileWindow.Wrapper, {

package/lib/components/PickerPanel/PickerPanelContent.js

@@ -32,6 +32,10 @@ var PickerPanelContent = function PickerPanelContent(_ref) {
   var addPanelSelection = function addPanelSelection() {
     return pluginOfThePanel === null || pluginOfThePanel === void 0 ? void 0 : pluginOfThePanel.addSelectedItems();
   };
+  var renderPanelUploadActionButtons = function renderPanelUploadActionButtons() {
+    var _pluginOfThePanel$vie, _pluginOfThePanel$vie2;
+    return pluginOfThePanel === null || pluginOfThePanel === void 0 ? void 0 : (_pluginOfThePanel$vie = pluginOfThePanel.view) === null || _pluginOfThePanel$vie === void 0 ? void 0 : (_pluginOfThePanel$vie2 = _pluginOfThePanel$vie.renderPanelUploadActionButtons) === null || _pluginOfThePanel$vie2 === void 0 ? void 0 : _pluginOfThePanel$vie2.call(_pluginOfThePanel$vie);
+  };
   var openAddPanelAndCloseOthers = useCallback(function () {
     dispatch(pickerPanelUpdated({
       pickerPanel: false
@@ -88,7 +92,8 @@ var PickerPanelContent = function PickerPanelContent(_ref) {
       panelGetPrevFolder: panelGetPrevFolder,
       onCancelClick: openAddPanelAndCloseOthers,
       panelAuthenticated: panelAuthenticated && !hideActionButtons,
-      panelLoading: panelLoading
+      panelLoading: panelLoading,
+      renderPanelUploadActionButtons: renderPanelUploadActionButtons
     })]
   });
 };

package/lib/components/UploadBar/index.js

@@ -30,7 +30,8 @@ var UploadBar = function UploadBar(_ref) {
     panelGetPrevFolder = _ref.panelGetPrevFolder,
     panelAuthenticated = _ref.panelAuthenticated,
     panelLoading = _ref.panelLoading,
-    onCancelClick = _ref.onCancelClick;
+    onCancelClick = _ref.onCancelClick,
+    renderPanelUploadActionButtons = _ref.renderPanelUploadActionButtons;
   var dispatch = useDispatch();
   var _useCore = useCore(),
     restrictions = _useCore.opts.restrictions;
@@ -196,7 +197,7 @@ var UploadBar = function UploadBar(_ref) {
       "aria-label": "Modal actions",
       className: "filerobot-Explorer-uploadBar",
       children: [/*#__PURE__*/_jsxs(Styled.ActionWrapper, {
-        children: [/*#__PURE__*/_jsx(Styled.ActionButton, {
+        children: [renderPanelUploadActionButtons === null || renderPanelUploadActionButtons === void 0 ? void 0 : renderPanelUploadActionButtons(), /*#__PURE__*/_jsx(Styled.ActionButton, {
           className: "filerobot-Explorer-cancel",
           size: "lg",
           color: "basic",

package/lib/defaultLocale.js

@@ -1349,5 +1349,6 @@ export default {
   galleryRoleSelectorStandardTabLabel: 'Standard',
   galleryRoleSelectorCustomTabLabel: 'Custom',
   galleryRoleSelectorLessRolePermsTooltip: 'This role has less permissions than the default access',
-  explorerGridFileOptionsOverlaySelectBtn: 'Select'
+  explorerGridFileOptionsOverlaySelectBtn: 'Select',
+  explorer3rdPartyUploadIncludeSubFolders: 'Include subfolders'
 };

package/lib/hooks/index.js

@@ -11,6 +11,6 @@ export { default as useLocateFile } from './useLocateFile';
 export { default as useEditFileDetails } from './useEditFileDetails';
 export { default as useFileMetadata } from './useFileMetadata';
 export { default as useFilterSearch } from './useFilterSearch';
-export { default as useAssetsPicker } from './useAssetPicker';
+export { default as useAssetsPicker } from './useAssetsPicker';
 export { default as useForcedFilters } from './useForcedFilters';
 export { default as useFetchFileFolderPermissions } from './useFetchFileFolderPermissions';

package/lib/hooks/{useAssetPicker.js → useAssetsPicker.js}

@@ -1,10 +1,5 @@
+var _excluded = ["securityTemplateId", "container", "sassKey", "theme", "language", "onImport", "multiSelect", "maxCountOfSelectedFiles", "mutedFilesUuids", "hideUploadButton", "forceFilters", "rootFolderPath", "views", "allowedUploadFileTypes", "onClickUploadButton", "acquirers", "assetsPickerModelTitle", "pluginsToUse", "moreCoreConfig", "moreExplorerConfig", "moreXhrUploadConfig", "moreProgressPanelConfig", "onOpen", "onClose"];
 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); }
-var _excluded = ["onImport", "multiSelect", "maxCountOfSelectedFiles", "mutedFilesUuids", "hideUploadButton", "forceFilters", "rootFolderPath", "views", "allowedUploadFileTypes", "onClickUploadButton", "acquirers", "assetsPickerModelTitle", "pluginsToUse"];
-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); }
 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 _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
@@ -13,9 +8,15 @@ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof 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 _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+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 { useRef } from 'react';
 import Filerobot from '@scaleflex/widget-core';
 import { VIEW_IDS, PLUGINS_IDS } from '@scaleflex/widget-utils/lib/constants';
+import isFunction from '@scaleflex/widget-utils/lib/isFunction';
 import Explorer from '../index';
 import ExploreViewComponent from '../components/ExploreView';
 
@@ -39,22 +40,27 @@ var getConfigs = function getConfigs(_ref) {
     allowedUploadFileTypes = _ref.allowedUploadFileTypes,
     onClickUploadButton = _ref.onClickUploadButton,
     _ref$assetsPickerMode = _ref.assetsPickerModelTitle,
-    assetsPickerModelTitle = _ref$assetsPickerMode === void 0 ? 'explorerTopSectionImportFileTitle' : _ref$assetsPickerMode;
+    assetsPickerModelTitle = _ref$assetsPickerMode === void 0 ? 'explorerTopSectionImportFileTitle' : _ref$assetsPickerMode,
+    _ref$moreCoreConfig = _ref.moreCoreConfig,
+    moreCoreConfig = _ref$moreCoreConfig === void 0 ? {} : _ref$moreCoreConfig,
+    _ref$moreExplorerConf = _ref.moreExplorerConfig,
+    moreExplorerConfig = _ref$moreExplorerConf === void 0 ? {} : _ref$moreExplorerConf,
+    language = _ref.language;
   return {
-    core: {
+    core: _objectSpread({
       container: container,
       securityTemplateId: securityTemplateId,
       sassKey: sassKey,
       theme: theme,
+      language: language,
       restrictions: {
         allowedFileTypes: allowedUploadFileTypes
       }
-    },
-    explorer: {
+    }, moreCoreConfig),
+    explorer: _objectSpread({
       hideUploadButton: hideUploadButton,
       forceFilters: forceFilters,
       view: VIEW_IDS.ASSETS,
-      showRemoveBackgroundOption: false,
       width: '90vw',
       height: '90vh',
       target: null,
@@ -72,78 +78,93 @@ var getConfigs = function getConfigs(_ref) {
       disableMultipleSelect: !multiSelect,
       maxCountOfSelectedFiles: maxCountOfSelectedFiles,
       mutedFilesUuids: mutedFilesUuids,
-      preventDownloadDefaultBehavior: true,
       config: {
         rootFolderPath: rootFolderPath
       },
       views: views,
       onClickUploadButton: onClickUploadButton,
       ExploreViewComponent: ExploreViewComponent
-    }
+    }, moreExplorerConfig)
   };
 };
-var useAssetsPicker = function useAssetsPicker(_ref2) {
-  var securityTemplateId = _ref2.securityTemplateId,
-    container = _ref2.container,
-    sassKey = _ref2.sassKey,
-    theme = _ref2.theme;
+var useAssetsPicker = function useAssetsPicker() {
   var filerobotInstance = useRef(null);
   var getExplorerPlugin = function getExplorerPlugin(filerobot) {
-    var _ref3;
-    return (_ref3 = filerobot !== null && filerobot !== void 0 ? filerobot : filerobotInstance.current) === null || _ref3 === void 0 ? void 0 : _ref3.getPlugin(PLUGINS_IDS.EXPLORER);
+    var _ref2;
+    return (_ref2 = filerobot !== null && filerobot !== void 0 ? filerobot : filerobotInstance.current) === null || _ref2 === void 0 ? void 0 : _ref2.getPlugin(PLUGINS_IDS.EXPLORER);
   };
-  var closeAssetsPicker = function closeAssetsPicker() {
-    var _getExplorerPlugin;
+  var closeAssetsPicker = function closeAssetsPicker(onCloseCbk) {
+    var _getExplorerPlugin, _filerobotInstance$cu, _filerobotInstance$cu2;
     (_getExplorerPlugin = getExplorerPlugin()) === null || _getExplorerPlugin === void 0 ? void 0 : _getExplorerPlugin.closeModal();
-    if (filerobotInstance.current) {
-      filerobotInstance.current.close();
-    }
+    (_filerobotInstance$cu = filerobotInstance.current) === null || _filerobotInstance$cu === void 0 ? void 0 : (_filerobotInstance$cu2 = _filerobotInstance$cu.close) === null || _filerobotInstance$cu2 === void 0 ? void 0 : _filerobotInstance$cu2.call(_filerobotInstance$cu);
     filerobotInstance.current = null;
+    onCloseCbk === null || onCloseCbk === void 0 ? void 0 : onCloseCbk();
   };
-  var onFileAdd = function onFileAdd(_ref4) {
-    var nextFiles = _ref4.nextFiles,
-      onImport = _ref4.onImport;
+  var onFileAdd = function onFileAdd(_ref3) {
+    var nextFiles = _ref3.nextFiles,
+      onImport = _ref3.onImport,
+      onCloseCbk = _ref3.onCloseCbk;
     if (!onImport) return;
     onImport(nextFiles);
-    closeAssetsPicker();
+    closeAssetsPicker(onCloseCbk);
   };
-  var handleExport = function handleExport(_ref5) {
-    var files = _ref5.files,
-      onImport = _ref5.onImport,
-      multiSelect = _ref5.multiSelect;
+  var handleExport = function handleExport(_ref4) {
+    var files = _ref4.files,
+      onImport = _ref4.onImport,
+      multiSelect = _ref4.multiSelect,
+      onCloseCbk = _ref4.onCloseCbk;
     var _files = _slicedToArray(files, 1),
       file = _files[0].file;
     var nextFiles = multiSelect ? files : file;
     onFileAdd({
       nextFiles: nextFiles,
-      onImport: onImport
+      onImport: onImport,
+      onCloseCbk: onCloseCbk
     });
   };
-  var openAssetPicker = async function openAssetPicker() {
-    var _ref6 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-      onImport = _ref6.onImport,
-      multiSelect = _ref6.multiSelect,
-      maxCountOfSelectedFiles = _ref6.maxCountOfSelectedFiles,
-      _ref6$mutedFilesUuids = _ref6.mutedFilesUuids,
-      mutedFilesUuids = _ref6$mutedFilesUuids === void 0 ? [] : _ref6$mutedFilesUuids,
-      _ref6$hideUploadButto = _ref6.hideUploadButton,
-      hideUploadButton = _ref6$hideUploadButto === void 0 ? false : _ref6$hideUploadButto,
-      _ref6$forceFilters = _ref6.forceFilters,
-      forceFilters = _ref6$forceFilters === void 0 ? false : _ref6$forceFilters,
-      _ref6$rootFolderPath = _ref6.rootFolderPath,
-      rootFolderPath = _ref6$rootFolderPath === void 0 ? '/' : _ref6$rootFolderPath,
-      _ref6$views = _ref6.views,
-      views = _ref6$views === void 0 ? DEFAULT_VIEWS : _ref6$views,
-      _ref6$allowedUploadFi = _ref6.allowedUploadFileTypes,
-      allowedUploadFileTypes = _ref6$allowedUploadFi === void 0 ? null : _ref6$allowedUploadFi,
-      onClickUploadButton = _ref6.onClickUploadButton,
-      _ref6$acquirers = _ref6.acquirers,
-      acquirers = _ref6$acquirers === void 0 ? [] : _ref6$acquirers,
-      assetsPickerModelTitle = _ref6.assetsPickerModelTitle,
-      _ref6$pluginsToUse = _ref6.pluginsToUse,
-      pluginsToUse = _ref6$pluginsToUse === void 0 ? [] : _ref6$pluginsToUse,
-      rest = _objectWithoutProperties(_ref6, _excluded);
-    if (!window || filerobotInstance.current) return;
+  var openAssetsPicker = function openAssetsPicker() {
+    var _ref5 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+      securityTemplateId = _ref5.securityTemplateId,
+      container = _ref5.container,
+      sassKey = _ref5.sassKey,
+      theme = _ref5.theme,
+      language = _ref5.language,
+      onImport = _ref5.onImport,
+      multiSelect = _ref5.multiSelect,
+      maxCountOfSelectedFiles = _ref5.maxCountOfSelectedFiles,
+      _ref5$mutedFilesUuids = _ref5.mutedFilesUuids,
+      mutedFilesUuids = _ref5$mutedFilesUuids === void 0 ? [] : _ref5$mutedFilesUuids,
+      _ref5$hideUploadButto = _ref5.hideUploadButton,
+      hideUploadButton = _ref5$hideUploadButto === void 0 ? false : _ref5$hideUploadButto,
+      _ref5$forceFilters = _ref5.forceFilters,
+      forceFilters = _ref5$forceFilters === void 0 ? false : _ref5$forceFilters,
+      _ref5$rootFolderPath = _ref5.rootFolderPath,
+      rootFolderPath = _ref5$rootFolderPath === void 0 ? '/' : _ref5$rootFolderPath,
+      _ref5$views = _ref5.views,
+      views = _ref5$views === void 0 ? DEFAULT_VIEWS : _ref5$views,
+      _ref5$allowedUploadFi = _ref5.allowedUploadFileTypes,
+      allowedUploadFileTypes = _ref5$allowedUploadFi === void 0 ? null : _ref5$allowedUploadFi,
+      onClickUploadButton = _ref5.onClickUploadButton,
+      _ref5$acquirers = _ref5.acquirers,
+      acquirers = _ref5$acquirers === void 0 ? [] : _ref5$acquirers,
+      assetsPickerModelTitle = _ref5.assetsPickerModelTitle,
+      _ref5$pluginsToUse = _ref5.pluginsToUse,
+      pluginsToUse = _ref5$pluginsToUse === void 0 ? [] : _ref5$pluginsToUse,
+      _ref5$moreCoreConfig = _ref5.moreCoreConfig,
+      moreCoreConfig = _ref5$moreCoreConfig === void 0 ? {} : _ref5$moreCoreConfig,
+      _ref5$moreExplorerCon = _ref5.moreExplorerConfig,
+      moreExplorerConfig = _ref5$moreExplorerCon === void 0 ? {} : _ref5$moreExplorerCon,
+      _ref5$moreXhrUploadCo = _ref5.moreXhrUploadConfig,
+      moreXhrUploadConfig = _ref5$moreXhrUploadCo === void 0 ? {} : _ref5$moreXhrUploadCo,
+      _ref5$moreProgressPan = _ref5.moreProgressPanelConfig,
+      moreProgressPanelConfig = _ref5$moreProgressPan === void 0 ? {} : _ref5$moreProgressPan,
+      onOpen = _ref5.onOpen,
+      onClose = _ref5.onClose,
+      rest = _objectWithoutProperties(_ref5, _excluded);
+    if (!window) return;
+    if (filerobotInstance.current) {
+      closeAssetsPicker();
+    }
     var _getConfigs = getConfigs(_objectSpread({
         container: container,
         securityTemplateId: securityTemplateId,
@@ -158,66 +179,95 @@ var useAssetsPicker = function useAssetsPicker(_ref2) {
         forceFilters: forceFilters,
         allowedUploadFileTypes: allowedUploadFileTypes,
         onClickUploadButton: onClickUploadButton,
-        assetsPickerModelTitle: assetsPickerModelTitle
+        assetsPickerModelTitle: assetsPickerModelTitle,
+        moreCoreConfig: moreCoreConfig,
+        moreExplorerConfig: moreExplorerConfig,
+        language: language
       }, rest)),
       core = _getConfigs.core,
       explorer = _getConfigs.explorer;
     var filerobot = Filerobot(core);
     filerobot.use(Explorer, explorer);
-    pluginsToUse.forEach(function (_ref7) {
-      var plugin = _ref7.plugin,
-        _ref7$options = _ref7.options,
-        options = _ref7$options === void 0 ? {} : _ref7$options;
-      filerobot.use(plugin, options);
+    pluginsToUse.forEach(function (_ref6) {
+      var plugin = _ref6.plugin,
+        _ref6$config = _ref6.config,
+        config = _ref6$config === void 0 ? {} : _ref6$config;
+      filerobot.use(plugin, config);
     });
     if (!hideUploadButton) {
       import('@scaleflex/widget-xhr-upload').then(function (module) {
         var XHRUpload = module["default"];
-        filerobot.use(XHRUpload);
+        filerobot.use(XHRUpload, moreXhrUploadConfig);
       });
       import('@scaleflex/widget-progress-panel').then(function (module) {
         var ProgressPanel = module["default"];
-        filerobot.use(ProgressPanel);
+        filerobot.use(ProgressPanel, moreProgressPanelConfig);
       });
     }
-    if (acquirers.includes(PLUGINS_IDS.URL)) {
+    var urlPlugin = acquirers.find(function () {
+      var _ref7 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+        id = _ref7.id;
+      return id === PLUGINS_IDS.URL;
+    });
+    if (urlPlugin) {
       import('@scaleflex/widget-url').then(function (module) {
         var Url = module["default"];
-        filerobot.use(Url);
+        filerobot.use(Url, urlPlugin.config);
       });
     }
-    if (acquirers.includes(PLUGINS_IDS.GOOGLE_DRIVE)) {
+    var googleDrivePlugin = acquirers.find(function () {
+      var _ref8 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+        id = _ref8.id;
+      return id === PLUGINS_IDS.GOOGLE_DRIVE;
+    });
+    if (googleDrivePlugin) {
       import('@scaleflex/widget-google-drive').then(function (module) {
         var GoogleDrive = module["default"];
-        filerobot.use(GoogleDrive);
+        filerobot.use(GoogleDrive, googleDrivePlugin.config);
       });
     }
-    if (acquirers.includes(PLUGINS_IDS.DROPBOX)) {
+    var dropboxPlugin = acquirers.find(function () {
+      var _ref9 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+        id = _ref9.id;
+      return id === PLUGINS_IDS.DROPBOX;
+    });
+    if (dropboxPlugin) {
       import('@scaleflex/widget-dropbox').then(function (module) {
         var Dropbox = module["default"];
-        filerobot.use(Dropbox);
+        filerobot.use(Dropbox, dropboxPlugin.config);
       });
     }
-    if (acquirers.includes(PLUGINS_IDS.ONE_DRIVE)) {
+    var oneDrivePlugin = acquirers.find(function () {
+      var _ref10 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+        id = _ref10.id;
+      return id === PLUGINS_IDS.ONE_DRIVE;
+    });
+    if (oneDrivePlugin) {
       import('@scaleflex/widget-onedrive').then(function (module) {
         var OneDrive = module["default"];
-        filerobot.use(OneDrive);
+        filerobot.use(OneDrive, oneDrivePlugin.config);
       });
     }
     filerobot.on('export', function (files) {
       return handleExport({
         files: files,
         onImport: onImport,
-        multiSelect: multiSelect
+        multiSelect: multiSelect,
+        onCloseCbk: onClose
       });
     });
-    filerobot.on('explorer:modal-close', closeAssetsPicker);
+    filerobot.once('explorer:modal-close', function () {
+      return closeAssetsPicker(onClose);
+    });
     filerobotInstance.current = filerobot;
     getExplorerPlugin(filerobot).openModal();
+    if (isFunction(onOpen)) {
+      filerobot.once('explorer:modal-open', onOpen);
+    }
     return filerobot;
   };
   return {
-    openAssetPicker: openAssetPicker,
+    openAssetsPicker: openAssetsPicker,
     closeAssetsPicker: closeAssetsPicker
   };
 };

package/lib/index.js

@@ -1253,7 +1253,6 @@ var Explorer = /*#__PURE__*/function (_Plugin) {
       showBar: true,
       hideDownloadButtonIcon: false,
       hideHeaderBar: false,
-      showRemoveBackgroundOption: true,
       hideLeftSideBar: false,
       facetedSearchEnabled: false,
       facetedSearchSidebarExpanded: true,

package/lib/thunks/uploads.thunks.js

@@ -88,14 +88,14 @@ var handleUploadError = function handleUploadError(_ref3) {
   if (_typeof(error) === 'object' && error.message) {
     var _response$body3;
     var newError = new Error(error.message);
-    newError.details = error.message;
+    newError.details = error.cause || error.message;
     if (error.details) {
       newError.details += ' ' + error.details;
     }
     if (response !== null && response !== void 0 && (_response$body3 = response.body) !== null && _response$body3 !== void 0 && _response$body3.msg) {
       var _response$body4;
       newError.message = "".concat(file.name, ": ").concat(response === null || response === void 0 ? void 0 : (_response$body4 = response.body) === null || _response$body4 === void 0 ? void 0 : _response$body4.msg);
-    } else {
+    } else if (!newError.message) {
       newError.message = filerobot.i18n('filerobotFailedToUploadError', {
         file: file.name
       });

package/lib/utils/trapFocus.js

@@ -1,6 +1,6 @@
 import toArray from '@scaleflex/widget-utils/lib/toArray';
 import getActiveOverlayEl from './getActiveOverlayEl';
-import FOCUSABLE_ELEMENTS from '@scaleflex/widget-utils/lib//FOCUSABLE_ELEMENTS';
+import FOCUSABLE_ELEMENTS from '@scaleflex/widget-utils/lib/FOCUSABLE_ELEMENTS';
 function focusOnFirstNode(event, nodes) {
   var node = nodes[0];
   if (node) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scaleflex/widget-explorer",
-  "version": "0.1.2",
+  "version": "0.2.1",
   "description": "Scaleflex explorer for the files uploaded on filerobot, handling them & upload new files.",
   "main": "lib/index.js",
   "style": "dist/style.min.css",
@@ -18,12 +18,12 @@
     "@scaleflex/icons": "^3.0.0-beta.11",
     "@scaleflex/react-url-builder": "^0.0.72",
     "@scaleflex/ui": "^3.0.0-beta.11",
-    "@scaleflex/widget-common": "^0.1.2",
-    "@scaleflex/widget-icons": "^0.1.2",
-    "@scaleflex/widget-informer": "^0.1.2",
-    "@scaleflex/widget-provider-views": "^0.1.2",
-    "@scaleflex/widget-thumbnail-generator": "^0.1.2",
-    "@scaleflex/widget-utils": "^0.1.2",
+    "@scaleflex/widget-common": "^0.2.1",
+    "@scaleflex/widget-icons": "^0.2.1",
+    "@scaleflex/widget-informer": "^0.2.1",
+    "@scaleflex/widget-provider-views": "^0.2.1",
+    "@scaleflex/widget-thumbnail-generator": "^0.2.1",
+    "@scaleflex/widget-utils": "^0.2.1",
     "@transloadit/prettier-bytes": "0.1.0",
     "akamai-filerobot-converter": "^0.1.6",
     "classnames": "^2.2.6",
@@ -51,5 +51,5 @@
     "react-konva": ">=19.0.3"
   },
   "license": "MIT",
-  "gitHead": "de62b98bdb3e1dcbb4adaba9f0b4661b1bf1564e"
+  "gitHead": "a195e3fe116e2bec65550e5390ae71496eec0d90"
 }

package/types/index.d.ts

@@ -46,7 +46,6 @@ declare module Explorer {
     height?: number | string;
     showBar?: boolean;
     hideDownloadButtonIcon?: boolean;
-    showRemoveBackgroundOption?: boolean;
     hideModalAfterExport?: boolean;
     closeAfterImageEdit?: boolean;
     showDragDropPanel?: boolean;