@scaleflex/widget-core 0.2.1 → 4.0.0

package/CHANGELOG.md

@@ -3,42 +3,64 @@
 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-core
-
-
-
-
-
-# [0.2.0](https://code.scaleflex.cloud/scaleflex/widget/compare/v0.1.2...v0.2.0) (2025-08-05)
+# [4.0.0](https://code.scaleflex.cloud/scaleflex/widget/compare/v0.3.0...v4.0.0) (2025-08-26)
 
 
 ### 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-core
-
-
-
-
-
-## [0.1.1](https://code.scaleflex.cloud/scaleflex/widget/compare/v0.1.0...v0.1.1) (2025-07-28)
-
-**Note:** Version bump only for package @scaleflex/widget-core
+* add box-sizing rule for #SfxPopper to ensure consistent layout ([95926e8](https://code.scaleflex.cloud/scaleflex/widget/commits/95926e8e9543eea1d633b284b0d65ae8492fc096))
+* update import statements and CDN links for Scaleflex widgets, enhance sandbox functionality, and improve documentation clarity ([6322d8f](https://code.scaleflex.cloud/scaleflex/widget/commits/6322d8f0a1622955f551fa66e38c3a31cc290736))
 
 
 
 
 
 
+# [0.3.0](https://code.scaleflex.cloud/scaleflex/widget/compare/v0.2.1...v0.3.0) (2025-08-12)
+
+**Note:** Version bump only for package @scaleflex/widget-core
+
+
+
+
+
+
+## [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-core
+
+
+
+
+
+# [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-core
+
+
+
+
+
+## [0.1.1](https://code.scaleflex.cloud/scaleflex/widget/compare/v0.1.0...v0.1.1) (2025-07-28)
+
+**Note:** Version bump only for package @scaleflex/widget-core
+
+
+
+
+
+
 # [0.1.0](https://code.scaleflex.cloud/scaleflex/widget/compare/v0.0.5...v0.1.0) (2025-07-23)
 
 **Note:** Version bump only for package @scaleflex/widget-core

package/README.md

@@ -1,7 +1,12 @@
-# Scaleflex Media Asset Widget (FMAW)
+# Scaleflex Media Asset Widget (SMAW)
+
+
+> This is the successor of [Filerobot Media Asset Widget (FMAW) - V3](https://www.npmjs.com/package/@filerobot/core).
+
 
 > This package contains both the main/global readme for the whole widget and the readme for [@scaleflex/widget-core](#scaleflexwidget-core) plugin itself.
 
+
 [![Plugins][plugins-image]](#plugins)
 [![Website][filerobot-image]][sfx-url]
 [![Version][filerobot-version]][version-url]
@@ -12,10 +17,10 @@
 [![CodeSandbox][codeSandbox-image]][codeSandbox-url]
 
 <div align='center'>
-<img title="Scaleflex Widget logo" alt="Scaleflex Widget logo" src="https://cdn.scaleflex.com/plugins/filerobot-widget/assets/filerobot_widget_logo_with_fire.png?vh=b2ff09" width="140"/>
+<img title="Scaleflex Widget logo" alt="Scaleflex Widget logo" src="https://assets.scaleflex.com/Corporate+Branding/%5B2025%5D+ALL+LOGOS+%2B+ICONS/SCALEFLEX/VXP+logo/Horizontal+White/VXP+logo+WHITE.png?vh=663932" width="140"/>
 </div>
 
-The **FMAW** is a file uploader and media gallery in one easy-to-integrate modal or inline widget. It is the storefront of the [**Scaleflex**](https://scaleflex.com) DAM (Digital Asset Management) and enables accelerated uploads through Scaleflex's content ingestion network and reverse CDN.
+The **SMAW** is a file uploader and media gallery in one easy-to-integrate modal or inline widget. It is the storefront of the [**Scaleflex**](https://scaleflex.com) DAM (Digital Asset Management) and enables accelerated uploads through Scaleflex's content ingestion network and reverse CDN.
 
 Various plugins like for example the [**Scaleflex Image Editor**](https://www.npmjs.com/package/@scaleflex/widget-image-editor/#scaleflexwidgetimage-editor) can be enabled to address use cases requiring the interaction with images, videos and static files in your web application. The modular architecture only loads relevant code, thus making the widget as lightweight as possible.
 
@@ -26,7 +31,7 @@ Various plugins like for example the [**Scaleflex Image Editor**](https://www.np
 <details>
   <summary>Table of contents</summary>
 
-- [Scaleflex Media Asset Widget (FMAW)](#scaleflexwidget-media-asset-widget-fmaw)
+- [Scaleflex Media Asset Widget (SMAW)](#scaleflexwidget-media-asset-widget-fmaw)
   - [Main features:](#main-features)
   - [Installation](#installation)
   - [Quickstart](#quickstart)
@@ -79,7 +84,7 @@ The widget's architecture contains the [**Core**](#scaleflexwidget-core) module
 <link
   rel="stylesheet"
   type="text/css"
-  href="https://cdn.scaleflex.com/plugins/filerobot-widget/v3/stable/filerobot-widget.min.css"
+  href="https://cdn.scaleflex.com/plugins/widget/v4/stable/scalefex-widget.min.css"
 />
 ```
 
@@ -88,7 +93,7 @@ The widget's architecture contains the [**Core**](#scaleflexwidget-core) module
 ```html
 <script
   type="text/javascript"
-  src="https://cdn.scaleflex.com/plugins/filerobot-widget/v3/stable/filerobot-widget.min.js"
+  src="https://cdn.scaleflex.com/plugins/widget/v4/stable/scalefex-widget.min.js"
 ></script>
 ```
 
@@ -98,11 +103,11 @@ The widget's architecture contains the [**Core**](#scaleflexwidget-core) module
 
 ### Demo
 
-[See the FMAW in action here](https://cdn.scaleflex.com/plugins/filerobot-widget/v3/demo/index.html).
+[See the SMAW in action here](https://cdn.scaleflex.com/plugins/filerobot-widget/v3/demo/index.html).
 
-The following implementation examples build a FMAW for uploading files, showing the [**Scaleflex Explorer**](https://www.npmjs.com/package/@scaleflex/widget-explorer/#scaleflexwidgetexplorer) as a file explorer/media gallery, enabling the [**Webcam**](https://www.npmjs.com/package/@scaleflex/widget-webcam/#scaleflexwidgetwebcam) for capturing photos and videos and the [**Scaleflex Image Editor**](https://www.npmjs.com/package/@scaleflex/widget-image-editor/#scaleflexwidgetimage-editor) for editing images inline.
+The following implementation examples build a SMAW for uploading files, showing the [**Scaleflex Explorer**](https://www.npmjs.com/package/@scaleflex/widget-explorer/#scaleflexwidgetexplorer) as a file explorer/media gallery, enabling the [**Webcam**](https://www.npmjs.com/package/@scaleflex/widget-webcam/#scaleflexwidgetwebcam) for capturing photos and videos and the [**Scaleflex Image Editor**](https://www.npmjs.com/package/@scaleflex/widget-image-editor/#scaleflexwidgetimage-editor) for editing images inline.
 
-At minima, you will need the following 3 packages to display a basic FMAW:
+At minima, you will need the following 3 packages to display a basic SMAW:
 
 - [**Core**](#scaleflexwidget-core)
 - [**Scaleflex Explorer**](https://www.npmjs.com/package/@scaleflex/widget-explorer/#scaleflexwidgetexplorer)
@@ -165,13 +170,13 @@ render(<App />, document.getElementById("app"));
     <link
       rel="stylesheet"
       type="text/css"
-      href="https://cdn.scaleflex.com/plugins/filerobot-widget/v3/stable/filerobot-widget.min.css"
+      href="https://cdn.scaleflex.com/plugins/widget/v4/stable/scalefex-widget.min.css"
     />
   </head>
   <body>
     <div id="scaleflex-widget"></div>
 
-    <script src="https://cdn.scaleflex.com/plugins/filerobot-widget/v3/stable/filerobot-widget.min.js"></script>
+    <script src="https://cdn.scaleflex.com/plugins/widget/v4/stable/scalefex-widget.min.js"></script>
 
     <script type="text/javascript">
       const widget = window.ScaleflexWidget;
@@ -262,7 +267,7 @@ Go to the [Explorer plugin modes](https://www.npmjs.com/package/@scaleflex/widge
 
 ## `@scaleflex/widget-core`
 
-The core module of the Scaleflex Media Asset Widget. This module contains all common settings shared across all FMAW plugins and can be used standalone in your upload workflows to interact with Scaleflex DAM.
+The core module of the Scaleflex Media Asset Widget. This module contains all common settings shared across all SMAW plugins and can be used standalone in your upload workflows to interact with Scaleflex DAM.
 
 ## Usage
 
@@ -334,7 +339,7 @@ The container token (Scaleflex token) that will be used in all the widget's mode
 
 <u>Default:</u> `undefined`
 
-The Security Template Id is used for the the FMAW to request session-specific API access keys, also known as SASS key. [Security Templates](https://docs.filerobot.com/go/filerobot-documentation/en/dam-api/api-authentication/security-templates#85e64ad9266588659bf160f345eb46ca87ab1362) are created in the Scaleflex Asset Hub and define permissions and validity for SASS keys. They work similar to oAuth2 tokens.
+The Security Template Id is used for the the SMAW to request session-specific API access keys, also known as SASS key. [Security Templates](https://docs.filerobot.com/go/filerobot-documentation/en/dam-api/api-authentication/security-templates#85e64ad9266588659bf160f345eb46ca87ab1362) are created in the Scaleflex Asset Hub and define permissions and validity for SASS keys. They work similar to oAuth2 tokens.
 
 ### `id`
 
@@ -1095,4 +1100,4 @@ scaleflexWidget.on('modified-url', (modifiedUrl, designState, info) => {
 
 ## License
 
-The Scaleflex Media Asset Widget (FMAW) is provided under the [MIT License](https://opensource.org/licenses/MIT)
+The Scaleflex Media Asset Widget (SMAW) is provided under the [MIT License](https://opensource.org/licenses/MIT)

package/dist/style.css

@@ -18,6 +18,9 @@
 .SfxModal-Wrapper, .filerobot-Root *, #SfxPopper * {
   font-family: "Roboto", sans-serif, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }
 
+#SfxPopper * {
+  box-sizing: border-box; }
+
 .SfxModal-Wrapper *, .filerobot-Root *, #SfxPopper * {
   scrollbar-color: auto !important;
   /* Track */

package/dist/style.min.css

@@ -1 +1 @@
-@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap");.filerobot-Root{box-sizing:border-box;font-family:Roboto,sans-serif,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;line-height:1;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#333;position:relative;text-align:left}.filerobot-Root :disabled{cursor:not-allowed}#SfxPopper *,.SfxModal-Wrapper,.filerobot-Root *{font-family:Roboto,sans-serif,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol}#SfxPopper *,.SfxModal-Wrapper *,.filerobot-Root *{scrollbar-color:auto!important}#SfxPopper ::-webkit-scrollbar,.SfxModal-Wrapper ::-webkit-scrollbar,.filerobot-Root ::-webkit-scrollbar{height:12px!important;width:12px!important}#SfxPopper ::-webkit-scrollbar-track,.SfxModal-Wrapper ::-webkit-scrollbar-track,.filerobot-Root ::-webkit-scrollbar-track{background:transparent!important}#SfxPopper ::-webkit-scrollbar-thumb,.SfxModal-Wrapper ::-webkit-scrollbar-thumb,.filerobot-Root ::-webkit-scrollbar-thumb{background:#ccd6de;border:4px solid #fff;border-radius:99px;padding:4px 6px}.filerobot-Root *,.filerobot-Root :after,.filerobot-Root :before{box-sizing:inherit}.filerobot-Root [hidden]{display:none}.filerobot-u-reset{-webkit-appearance:none;backface-visibility:visible;background:none;border:none;border-collapse:separate;-o-border-image:none;border-image:none;border-radius:0;border-spacing:0;box-shadow:none;clear:none;color:inherit;cursor:auto;display:inline;empty-cells:show;float:none;font-family:inherit;font-size:inherit;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:400;-webkit-hyphens:none;hyphens:none;left:auto;letter-spacing:normal;line-height:1;list-style:none;margin:0;max-height:none;max-width:none;min-height:0;min-width:0;opacity:1;outline:medium none invert;overflow:visible;overflow-x:visible;overflow-y:visible;padding:0;text-align:left;text-decoration:none;text-indent:0;text-shadow:none;text-transform:none;top:auto;transform:none;transform-origin:50% 50% 0;transform-style:flat;transition:none 0s ease 0s;unicode-bidi:normal;vertical-align:baseline;visibility:visible;white-space:normal;z-index:auto}.filerobot-u-reset span{max-width:250px;overflow:hidden;text-overflow:ellipsis}.filerobot-u-reset span :not(:disabled) :active{background-color:#eceef2}.filerobot-c-horizontal-separator{border-bottom:1px solid #dfe7ed;display:block;height:1px;left:0;position:absolute;right:0;width:100%}.filerobot-c-icon{max-height:100%;max-width:100%;fill:currentColor;display:inline-block;overflow:hidden}.filerobot-c-btn{display:inline-block;font-family:inherit;font-size:16px;font-weight:500;line-height:1;text-align:center;transition-duration:.3s;transition-property:background-color,color;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.filerobot-c-btn:not(:disabled):not(.disabled){cursor:pointer}.filerobot-c-btn::-moz-focus-inner{border:0}.filerobot-c-btn-primary{background-color:#5282db;border-radius:4px;color:#fff;font-size:14px;padding:10px 18px}.filerobot-c-btn-primary:hover{background-color:#2b64cf}.filerobot-c-btn-primary:focus{box-shadow:0 0 0 3px rgba(82,130,219,.4);outline:none}.filerobot-size--md .filerobot-c-btn-primary{padding:13px 22px}[data-filerobot-theme=dark] .filerobot-c-btn-primary{color:#eaeaea}[data-filerobot-theme=dark] .filerobot-c-btn-primary:focus{outline:none}[data-filerobot-theme=dark] .filerobot-c-btn-primary::-moz-focus-inner{border:0}[data-filerobot-theme=dark] .filerobot-c-btn-primary:focus{box-shadow:0 0 0 2px rgba(170,225,255,.85)}.filerobot-c-empty{align-items:center;background-color:#fff;color:#939393;flex:1;flex-flow:column wrap;font-size:12px;justify-content:center;line-height:14px;width:100%}.filerobot-c-empty,.filerobot-c-empty-wrapper{display:flex;height:100%}.filerobot-c-empty.left{align-items:flex-start}.filerobot-c-empty.right{align-items:flex-end}.filerobot-c-empty{align-items:flex-start;color:#768a9f}svg{outline:none}
+@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap");.filerobot-Root{box-sizing:border-box;font-family:Roboto,sans-serif,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;line-height:1;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#333;position:relative;text-align:left}.filerobot-Root :disabled{cursor:not-allowed}#SfxPopper *,.SfxModal-Wrapper,.filerobot-Root *{font-family:Roboto,sans-serif,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol}#SfxPopper *{box-sizing:border-box}#SfxPopper *,.SfxModal-Wrapper *,.filerobot-Root *{scrollbar-color:auto!important}#SfxPopper ::-webkit-scrollbar,.SfxModal-Wrapper ::-webkit-scrollbar,.filerobot-Root ::-webkit-scrollbar{height:12px!important;width:12px!important}#SfxPopper ::-webkit-scrollbar-track,.SfxModal-Wrapper ::-webkit-scrollbar-track,.filerobot-Root ::-webkit-scrollbar-track{background:transparent!important}#SfxPopper ::-webkit-scrollbar-thumb,.SfxModal-Wrapper ::-webkit-scrollbar-thumb,.filerobot-Root ::-webkit-scrollbar-thumb{background:#ccd6de;border:4px solid #fff;border-radius:99px;padding:4px 6px}.filerobot-Root *,.filerobot-Root :after,.filerobot-Root :before{box-sizing:inherit}.filerobot-Root [hidden]{display:none}.filerobot-u-reset{-webkit-appearance:none;backface-visibility:visible;background:none;border:none;border-collapse:separate;-o-border-image:none;border-image:none;border-radius:0;border-spacing:0;box-shadow:none;clear:none;color:inherit;cursor:auto;display:inline;empty-cells:show;float:none;font-family:inherit;font-size:inherit;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:400;-webkit-hyphens:none;hyphens:none;left:auto;letter-spacing:normal;line-height:1;list-style:none;margin:0;max-height:none;max-width:none;min-height:0;min-width:0;opacity:1;outline:medium none invert;overflow:visible;overflow-x:visible;overflow-y:visible;padding:0;text-align:left;text-decoration:none;text-indent:0;text-shadow:none;text-transform:none;top:auto;transform:none;transform-origin:50% 50% 0;transform-style:flat;transition:none 0s ease 0s;unicode-bidi:normal;vertical-align:baseline;visibility:visible;white-space:normal;z-index:auto}.filerobot-u-reset span{max-width:250px;overflow:hidden;text-overflow:ellipsis}.filerobot-u-reset span :not(:disabled) :active{background-color:#eceef2}.filerobot-c-horizontal-separator{border-bottom:1px solid #dfe7ed;display:block;height:1px;left:0;position:absolute;right:0;width:100%}.filerobot-c-icon{max-height:100%;max-width:100%;fill:currentColor;display:inline-block;overflow:hidden}.filerobot-c-btn{display:inline-block;font-family:inherit;font-size:16px;font-weight:500;line-height:1;text-align:center;transition-duration:.3s;transition-property:background-color,color;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.filerobot-c-btn:not(:disabled):not(.disabled){cursor:pointer}.filerobot-c-btn::-moz-focus-inner{border:0}.filerobot-c-btn-primary{background-color:#5282db;border-radius:4px;color:#fff;font-size:14px;padding:10px 18px}.filerobot-c-btn-primary:hover{background-color:#2b64cf}.filerobot-c-btn-primary:focus{box-shadow:0 0 0 3px rgba(82,130,219,.4);outline:none}.filerobot-size--md .filerobot-c-btn-primary{padding:13px 22px}[data-filerobot-theme=dark] .filerobot-c-btn-primary{color:#eaeaea}[data-filerobot-theme=dark] .filerobot-c-btn-primary:focus{outline:none}[data-filerobot-theme=dark] .filerobot-c-btn-primary::-moz-focus-inner{border:0}[data-filerobot-theme=dark] .filerobot-c-btn-primary:focus{box-shadow:0 0 0 2px rgba(170,225,255,.85)}.filerobot-c-empty{align-items:center;background-color:#fff;color:#939393;flex:1;flex-flow:column wrap;font-size:12px;justify-content:center;line-height:14px;width:100%}.filerobot-c-empty,.filerobot-c-empty-wrapper{display:flex;height:100%}.filerobot-c-empty.left{align-items:flex-start}.filerobot-c-empty.right{align-items:flex-end}.filerobot-c-empty{align-items:flex-start;color:#768a9f}svg{outline:none}

package/lib/_common.scss

@@ -23,6 +23,10 @@
  font-family: $font-family-base;
 }
 
+#SfxPopper * {
+  box-sizing: border-box;
+}
+
 .SfxModal-Wrapper *, .filerobot-Root *, #SfxPopper * {
   scrollbar-color: auto !important;
 

package/lib/index.js

@@ -84,15 +84,15 @@ var RestrictionError = /*#__PURE__*/function (_Error) {
  * Manages plugins, state updates, acts as an event bus,
  * adds/removes files and metadata.
  */
-var Filerobot = /*#__PURE__*/function () {
+var ScaleflexWidget = /*#__PURE__*/function () {
   /**
    * Instantiate filerobot
    *
    * @param {object} opts — filerobot options
    */
-  function Filerobot(opts) {
+  function ScaleflexWidget(opts) {
     var _this2 = this;
-    _classCallCheck(this, Filerobot);
+    _classCallCheck(this, ScaleflexWidget);
     _defineProperty(this, "loadBackendTranslations", function () {
       if (!_this2.backendTranslations) {
         handlePromise(getBackendTranslations({
@@ -377,7 +377,7 @@ var Filerobot = /*#__PURE__*/function () {
       this.initUserAuthState(this.opts.sassKey);
     }
   }
-  return _createClass(Filerobot, [{
+  return _createClass(ScaleflexWidget, [{
     key: "on",
     value: function on(event, callback) {
       this.emitter.on(event, callback);
@@ -542,7 +542,7 @@ var Filerobot = /*#__PURE__*/function () {
       var files = _objectSpread({}, selectUploads(this.getGlobalState()));
       Object.keys(files).forEach(function (fileId) {
         files[fileId] = _objectSpread(_objectSpread({}, files[fileId]), {}, {
-          data: Filerobot.uploadFilesData[fileId]
+          data: ScaleflexWidget.uploadFilesData[fileId]
         });
       });
       return files;
@@ -590,7 +590,7 @@ var Filerobot = /*#__PURE__*/function () {
         id: fileId
       });
       if (state.data) {
-        Filerobot.uploadFilesData[fileId] = state.data;
+        ScaleflexWidget.uploadFilesData[fileId] = state.data;
         fileState.data = extractFileDataNoBlob(state.data);
       }
       this.dispatch(uploadUpdated(_objectSpread(_objectSpread({}, fileState), {}, {
@@ -714,7 +714,7 @@ var Filerobot = /*#__PURE__*/function () {
       }
       return _objectSpread(_objectSpread({}, uploadOperations[uploadOperationId].files[fileId]), {}, {
         uploadId: uploadOperationId,
-        data: Filerobot.uploadFilesData[fileId]
+        data: ScaleflexWidget.uploadFilesData[fileId]
       });
     }
 
@@ -993,7 +993,7 @@ var Filerobot = /*#__PURE__*/function () {
         });
       }
       if (file.data) {
-        Filerobot.uploadFilesData[newFile.id] = file.data;
+        ScaleflexWidget.uploadFilesData[newFile.id] = file.data;
       }
       return newFile;
     }
@@ -1090,7 +1090,7 @@ var Filerobot = /*#__PURE__*/function () {
         skipOpenUploadsPanel: forceAutoProceed
       }));
       this.emit('file-added', _objectSpread(_objectSpread({}, newFile), {}, {
-        data: Filerobot.uploadFilesData[newFile.id]
+        data: ScaleflexWidget.uploadFilesData[newFile.id]
       }));
       this.log("Added file: ".concat(newFile.name, ", ").concat(newFile.id, ", mime type: ").concat(newFile.type));
       this._startIfAutoProceed({
@@ -1140,7 +1140,7 @@ var Filerobot = /*#__PURE__*/function () {
       }));
       newFiles.forEach(function (newFile) {
         _this5.emit('file-added', _objectSpread(_objectSpread({}, newFile), {}, {
-          data: Filerobot.uploadFilesData[newFile.id]
+          data: ScaleflexWidget.uploadFilesData[newFile.id]
         }));
       });
       if (newFiles.length > 5) {
@@ -1196,7 +1196,7 @@ var Filerobot = /*#__PURE__*/function () {
       if (currentUploadOperation && uploadOperationId) {
         var newFileIds = currentUploadOperation.filesIds.filter(notRemovedFileIds);
         delete currentUploadOperation.files[fileId];
-        delete Filerobot.uploadFilesData[fileId];
+        delete ScaleflexWidget.uploadFilesData[fileId];
         this.emit('file-removed', fileBeforeRemove, reason);
         this.log("Removed file: ".concat(fileId));
         if (newFileIds.length === 0) {
@@ -1921,12 +1921,12 @@ var Filerobot = /*#__PURE__*/function () {
 // static VERSION = version
 // This property contains the data File class instance of the uploads' files, mapped through the file id,
 // as `File` class is not serializable data type so we are not saving it into redux, and keeping it in sync with related upload/file object.
-_defineProperty(Filerobot, "uploadFilesData", {
+_defineProperty(ScaleflexWidget, "uploadFilesData", {
   // [fileId]: { [File/Blob instance] }
 });
 export default function (opts) {
-  return new Filerobot(opts);
+  return new ScaleflexWidget(opts);
 }
 
 // Expose class constructor.
-export { Filerobot, Plugin, debugLogger };
+export { ScaleflexWidget, Plugin, debugLogger };

package/lib/slices/uploads.slice.js

@@ -15,7 +15,7 @@ import { UPLOAD_CONNECTOR_SERVER, PLUGINS_IDS } from '@scaleflex/widget-utils/li
 import deepMerge from '@scaleflex/widget-utils/lib/deepMerge';
 import createThunk from '@scaleflex/widget-utils/lib/createThunk';
 import supportsUploadProgress from '../supportsUploadProgress';
-import { Filerobot } from '../';
+import { ScaleflexWidget } from '../';
 
 /**
  * The order of the code in slice file is:
@@ -260,7 +260,7 @@ export var selectUploadsIds = function selectUploadsIds(state) {
 export var selectUploadsArray = createSelector(selectUploads, function (files) {
   return Object.keys(files).map(function (fileId) {
     return files[fileId] ? _objectSpread(_objectSpread({}, files[fileId]), {}, {
-      data: Filerobot.uploadFilesData[fileId]
+      data: ScaleflexWidget.uploadFilesData[fileId]
     }) : undefined;
   });
 });
@@ -268,7 +268,7 @@ export var selectUploadById = createSelector([selectUploads, function (_state, f
   return fileId;
 }], function (files, fileId) {
   return files[fileId] ? _objectSpread(_objectSpread({}, files[fileId]), {}, {
-    data: Filerobot.uploadFilesData[fileId]
+    data: ScaleflexWidget.uploadFilesData[fileId]
   }) : undefined;
 });
 export var selectUploadsByIds = createSelector([selectUploads, function (_state, filesIds) {
@@ -276,7 +276,7 @@ export var selectUploadsByIds = createSelector([selectUploads, function (_state,
 }], function (files, filesIds) {
   return filesIds.map(function (fileId) {
     return files[fileId] ? _objectSpread(_objectSpread({}, files[fileId]), {}, {
-      data: Filerobot.uploadFilesData[fileId]
+      data: ScaleflexWidget.uploadFilesData[fileId]
     }) : undefined;
   });
 });

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@scaleflex/widget-core",
   "description": "Core module for the extensible JavaScript file upload widget with support for drag&drop, resumable uploads, previews, restrictions, file processing/encoding, remote providers like Instagram, Dropbox, Google Drive, Box, One Drive, S3 and more.",
-  "version": "0.2.1",
+  "version": "4.0.0",
   "license": "MIT",
   "main": "lib/index.js",
   "style": "dist/style.min.css",
@@ -18,7 +18,7 @@
     "@reduxjs/toolkit": "^1.9.5",
     "@scaleflex/icons": "^3.0.0-beta.11",
     "@scaleflex/ui": "^3.0.0-beta.11",
-    "@scaleflex/widget-utils": "^0.2.1",
+    "@scaleflex/widget-utils": "^4.0.0",
     "@transloadit/prettier-bytes": "0.1.0",
     "cuid": "^3.0.0",
     "lodash.throttle": "^4.1.1",
@@ -34,5 +34,5 @@
     "react": ">=19.0.0",
     "react-dom": ">=19.0.0"
   },
-  "gitHead": "a195e3fe116e2bec65550e5390ae71496eec0d90"
+  "gitHead": "bf4d9631c2695e70b94092490e4a9800b54b38b7"
 }