@crystaldesign/diva-backoffice 26.5.0-rc.7 → 26.6.0-beta.2

package/build/esm/index.js

@@ -391,7 +391,7 @@ function parseFilter(filters, prefilter) {
 
   //parse filter so multiple filter for one field are possible. Now they are always with AND Operater related.
 
-  Object.entries(filters !== null && filters !== void 0 ? filters : {}).filter(function (f) {
+  Object.entries(filters).filter(function (f) {
     return f[1];
   }).map(function (filter) {
     var _filter = _slicedToArray(filter, 2),
@@ -504,7 +504,7 @@ function ownKeys$1r(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySym
 function _objectSpread$1r(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1r(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1r(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var LOG$f = getLogger('Backoffice', 'ApiHandler');
 var jp = require('jsonpath');
-var _default$d = /*#__PURE__*/function () {
+var _default$c = /*#__PURE__*/function () {
   function _default(configuration, _rootStore) {
     var _this = this;
     _classCallCheck(this, _default);
@@ -1196,13 +1196,13 @@ var _default$d = /*#__PURE__*/function () {
   }]);
 }();
 
-function _callSuper$6(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct$6() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct$6() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$6 = function _isNativeReflectConstruct() { return !!t; })(); }
+function _callSuper$5(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct$5() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct$5() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$5 = function _isNativeReflectConstruct() { return !!t; })(); }
 function _superPropGet$3(t, e, o, r) { var p = _get(_getPrototypeOf(1 & r ? t.prototype : t), e, o); return 2 & r && "function" == typeof p ? function (t) { return p.apply(o, t); } : p; }
-var _default$c = /*#__PURE__*/function (_ApiHandler) {
+var _default$b = /*#__PURE__*/function (_ApiHandler) {
   function _default(configuration, root) {
     _classCallCheck(this, _default);
-    return _callSuper$6(this, _default, [configuration, root]);
+    return _callSuper$5(this, _default, [configuration, root]);
   }
   _inherits(_default, _ApiHandler);
   return _createClass(_default, [{
@@ -1284,190 +1284,7 @@ var _default$c = /*#__PURE__*/function (_ApiHandler) {
       return create;
     }()
   }]);
-}(_default$d);
-
-function ownKeys$1q(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$1q(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1q(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1q(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _callSuper$5(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct$5() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct$5() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$5 = function _isNativeReflectConstruct() { return !!t; })(); }
-var _default$b = /*#__PURE__*/function (_ApiHandler) {
-  function _default(configuration, root) {
-    var _this;
-    _classCallCheck(this, _default);
-    _this = _callSuper$5(this, _default, [configuration, root]);
-    _defineProperty(_this, "refApiHander", void 0);
-    _defineProperty(_this, "targetApiHandler", void 0);
-    _this.refApiHander = new _default$d({
-      apiInterface: configuration.refApiInterface,
-      type: 'MediaUpload'
-    }, root);
-    if (configuration.targetApiInterface) {
-      _this.targetApiHandler = new _default$d({
-        apiInterface: configuration.targetApiInterface,
-        type: 'MediaUpload'
-      }, root);
-    }
-    return _this;
-  }
-  _inherits(_default, _ApiHandler);
-  return _createClass(_default, [{
-    key: "canRead",
-    get: function get() {
-      var _this$targetApiHandle;
-      return !!((_this$targetApiHandle = this.targetApiHandler) !== null && _this$targetApiHandle !== void 0 && _this$targetApiHandle.canRead);
-    }
-  }, {
-    key: "read",
-    value: function () {
-      var _read = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(mapping, mappingData) {
-        var _targetMapping, _targetMapping2, data, response, urlField, refField;
-        return _regeneratorRuntime.wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
-            case 0:
-              if (!this.targetApiHandler) {
-                _context.next = 8;
-                break;
-              }
-              data = applyMapping({
-                mappable: {},
-                mapping: this.configuration.targetMapping,
-                rootStore: this._rootStore
-              });
-              _context.next = 4;
-              return this.targetApiHandler.read(mapping !== null && mapping !== void 0 ? mapping : {
-                type: 'query',
-                map: [{
-                  targetField: 'id',
-                  sourceField: '_id'
-                }]
-              }, data);
-            case 4:
-              response = _context.sent;
-              urlField = (_targetMapping = this.configuration.targetMapping) === null || _targetMapping === void 0 || (_targetMapping = _targetMapping.map.find(function (m) {
-                return m.sourceField == 'url';
-              })) === null || _targetMapping === void 0 ? void 0 : _targetMapping.targetField;
-              refField = (_targetMapping2 = this.configuration.targetMapping) === null || _targetMapping2 === void 0 || (_targetMapping2 = _targetMapping2.map.find(function (m) {
-                return m.sourceField == 'ref';
-              })) === null || _targetMapping2 === void 0 ? void 0 : _targetMapping2.targetField;
-              return _context.abrupt("return", {
-                url: response[urlField],
-                ref: response[refField],
-                targetId: response._id
-              });
-            case 8:
-              return _context.abrupt("return", undefined);
-            case 9:
-            case "end":
-              return _context.stop();
-          }
-        }, _callee, this);
-      }));
-      function read(_x, _x2) {
-        return _read.apply(this, arguments);
-      }
-      return read;
-    }()
-  }, {
-    key: "create",
-    value: function () {
-      var _create = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(data, mapping, mappingData) {
-        var _this$_rootStore;
-        var jwt, response, _data;
-        return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-          while (1) switch (_context2.prev = _context2.next) {
-            case 0:
-              if (this._createUrl) {
-                _context2.next = 2;
-                break;
-              }
-              throw new Error("Create endpoint is missing in configuration. ");
-            case 2:
-              jwt = (_this$_rootStore = this._rootStore) === null || _this$_rootStore === void 0 ? void 0 : _this$_rootStore.dataStore.jwt;
-              _context2.next = 5;
-              return fetch(this._createUrl + '?ref=true', {
-                method: this._createMethod,
-                headers: _objectSpread$1q({}, jwt ? {
-                  Authorization: 'Bearer ' + jwt
-                } : {}),
-                body: data
-              }).then(function (r) {
-                return r.json();
-              });
-            case 5:
-              response = _context2.sent;
-              if (!this.targetApiHandler) {
-                _context2.next = 10;
-                break;
-              }
-              _data = applyMapping({
-                mappable: {},
-                mapping: this.configuration.targetMapping,
-                mappingData: {
-                  url: response.ref.url,
-                  ref: response.ref._id
-                },
-                rootStore: this._rootStore
-              });
-              _context2.next = 10;
-              return this.targetApiHandler.update(_data, {
-                _id: _data._id
-              });
-            case 10:
-              return _context2.abrupt("return", {
-                url: response.ref.url,
-                ref: response.ref._id,
-                fileName: response.ref.fileName
-              });
-            case 11:
-            case "end":
-              return _context2.stop();
-          }
-        }, _callee2, this);
-      }));
-      function create(_x3, _x4, _x5) {
-        return _create.apply(this, arguments);
-      }
-      return create;
-    }()
-  }, {
-    key: "delete",
-    value: function () {
-      var _delete2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3(id, mapping, mappingData) {
-        var data;
-        return _regeneratorRuntime.wrap(function _callee3$(_context3) {
-          while (1) switch (_context3.prev = _context3.next) {
-            case 0:
-              _context3.next = 2;
-              return this.refApiHander["delete"](id);
-            case 2:
-              if (!this.targetApiHandler) {
-                _context3.next = 6;
-                break;
-              }
-              data = applyMapping({
-                mappable: {},
-                mapping: this.configuration.targetMapping,
-                mappingData: {
-                  url: '',
-                  ref: ''
-                },
-                rootStore: this._rootStore
-              });
-              _context3.next = 6;
-              return this.targetApiHandler.update(mappingData, data);
-            case 6:
-            case "end":
-              return _context3.stop();
-          }
-        }, _callee3, this);
-      }));
-      function _delete(_x6, _x7, _x8) {
-        return _delete2.apply(this, arguments);
-      }
-      return _delete;
-    }()
-  }]);
-}(_default$d);
+}(_default$c);
 
 function _callSuper$4(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct$4() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct$4() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$4 = function _isNativeReflectConstruct() { return !!t; })(); }
@@ -1481,10 +1298,10 @@ var _default$a = /*#__PURE__*/function (_ApiHandler) {
     _defineProperty(_this, "getSplitted", function (mapping, mappingData, filterServerSide) {
       return _this.splittedApiHandler.readList(mapping, mappingData, filterServerSide);
     });
-    _this.searchApiHandler = new _default$d({
+    _this.searchApiHandler = new _default$c({
       apiInterface: configuration.searchApiInterface
     }, rootStore);
-    _this.splittedApiHandler = new _default$d({
+    _this.splittedApiHandler = new _default$c({
       apiInterface: configuration.splitApiInterface
     }, rootStore);
     return _this;
@@ -1501,7 +1318,7 @@ var _default$a = /*#__PURE__*/function (_ApiHandler) {
       return this.splittedApiHandler["delete"](id, mapping, mappingData);
     }
   }]);
-}(_default$d);
+}(_default$c);
 
 function _callSuper$3(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct$3() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct$3() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$3 = function _isNativeReflectConstruct() { return !!t; })(); }
@@ -1513,10 +1330,10 @@ var _default$9 = /*#__PURE__*/function (_ApiHandler) {
     _this = _callSuper$3(this, _default, [configuration, rootStore]);
     _defineProperty(_this, "organizationApiHandler", void 0);
     _defineProperty(_this, "rolesApiHandler", void 0);
-    _this.organizationApiHandler = new _default$d({
+    _this.organizationApiHandler = new _default$c({
       apiInterface: configuration.organizationApiInterface
     }, rootStore);
-    _this.rolesApiHandler = new _default$d({
+    _this.rolesApiHandler = new _default$c({
       apiInterface: configuration.rolesApiInterface
     }, rootStore);
     return _this;
@@ -1557,7 +1374,7 @@ var _default$9 = /*#__PURE__*/function (_ApiHandler) {
       }]);
     }
   }]);
-}(_default$d);
+}(_default$c);
 
 function _callSuper$2(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct$2() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct$2() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$2 = function _isNativeReflectConstruct() { return !!t; })(); }
@@ -1762,7 +1579,7 @@ var _default$8 = /*#__PURE__*/function (_ApiHandler) {
       }(Object.keys(variants));
     }
   }]);
-}(_default$d);
+}(_default$c);
 
 var promptAndAiTesterOptions = {
   aiImageTester: {
@@ -1895,8 +1712,8 @@ function replaceApiConfigPlaceholdersDeep(obj, apiConfig) {
   }
 }
 
-function ownKeys$1p(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$1p(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1p(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1p(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1q(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$1q(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1q(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1q(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var PROMPT_RESOLUTION_VALUE_STRINGS = promptAndAiTesterOptions.aiImageTester.resolutionOptions.map(function (o) {
   return o.apiValue;
 });
@@ -1937,7 +1754,7 @@ var _default$7 = /*#__PURE__*/function () {
           var _i$permission;
           return !i.permission || _this.root.actions.userHasPermission((_i$permission = i.permission) === null || _i$permission === void 0 ? void 0 : _i$permission.toLocaleLowerCase());
         });
-        config = _objectSpread$1p(_objectSpread$1p({}, config), {}, {
+        config = _objectSpread$1q(_objectSpread$1q({}, config), {}, {
           items: filteredItems
         });
       }
@@ -5242,7 +5059,7 @@ function loadConfiguration(t, root, config, lang, apiConfig) {
         icon: 'DownloadOutlined',
         download: [{
           type: 'request',
-          request: '${mediaService}/mediaitems/media/${mediaItems}',
+          request: '${mediaService}/v1/assets/${mediaItems}/download',
           mapping: {
             type: 'query',
             map: [{
@@ -5250,7 +5067,7 @@ function loadConfiguration(t, root, config, lang, apiConfig) {
               targetField: 'mediaItems'
             }]
           },
-          mediaType: 'base64'
+          mediaType: 'file'
         }]
       }],
       expandable: {
@@ -10107,6 +9924,22 @@ function loadConfiguration(t, root, config, lang, apiConfig) {
         hidden: function hidden(data) {
           return !showCampaignFields(data);
         }
+      }, {
+        name: ['settings', 'campaignSettings', 'activateForLandingpage'],
+        label: t('backoffice.form.organizationdetails.items.activateForLandingpage'),
+        tabgroup: t('backoffice.form.organizationdetails.campaignLandingPage'),
+        type: 'checkbox',
+        hidden: function hidden(data) {
+          return !showCampaignFields(data);
+        }
+      }, {
+        name: ['settings', 'campaignSettings', 'activateForWidgets'],
+        label: t('backoffice.form.organizationdetails.items.activateForWidgets'),
+        tabgroup: t('backoffice.form.organizationdetails.campaignLandingPage'),
+        type: 'checkbox',
+        hidden: function hidden(data) {
+          return !showCampaignFields(data);
+        }
       }, {
         type: 'subTitle',
         name: t('backoffice.form.organizationdetails.campaignSection.marketingTracking'),
@@ -11001,14 +10834,6 @@ function loadConfiguration(t, root, config, lang, apiConfig) {
             filterServerSide: true
           }
         },
-        selectMapping: {
-          label: '${namespace}',
-          value: 'namespace',
-          searchField: [{
-            field: 'namespace',
-            filter: 'contains'
-          }]
-        },
         required: true,
         allowCreate: true
       }, {
@@ -11370,7 +11195,7 @@ function loadConfiguration(t, root, config, lang, apiConfig) {
           method: 'POST'
         },
         read: {
-          list: '${mediaService}/renderjobpresets?limit=1000'
+          list: '${mediaService}/renderjobpresets'
         },
         "delete": {
           url: '${mediaService}/renderjobpresets/${id}'
@@ -13998,15 +13823,6 @@ function loadConfiguration(t, root, config, lang, apiConfig) {
       fileTypes: ['image/jpeg', 'image/jpg', 'image/png'],
       size: 'medium',
       title: t('backoffice.media.uploadorglogo.title'),
-      apiInterface: {
-        create: '${mediaService}/v1/mediaitems',
-        "delete": '${mediaService}/v1/mediaitems/${id}',
-        read: '${mediaService}/v1/mediaitems'
-      },
-      refApiInterface: {
-        "delete": '${mediaService}/v1/mediaitems/refs/${id}',
-        read: '${mediaService}/v1/mediaitems/refs'
-      },
       targetApiInterface: {
         update: {
           url: '${authService}/v2/organizations/{_id}',
@@ -14274,15 +14090,6 @@ function loadConfiguration(t, root, config, lang, apiConfig) {
       fileTypes: ['image/jpeg', 'image/jpg', 'image/png'],
       size: 'medium',
       title: t('backoffice.media.uploadorglogomobile.title'),
-      apiInterface: {
-        create: '${mediaService}/v1/mediaitems',
-        "delete": '${mediaService}/v1/mediaitems/${id}',
-        read: '${mediaService}/v1/mediaitems'
-      },
-      refApiInterface: {
-        "delete": '${mediaService}/v1/mediaitems/refs/${id}',
-        read: '${mediaService}/v1/mediaitems/refs'
-      },
       targetApiInterface: {
         update: {
           url: '${authService}/v2/organizations/{_id}',
@@ -15583,8 +15390,8 @@ var ToolBarStore = /*#__PURE__*/function () {
   }]);
 }();
 
-function ownKeys$1o(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$1o(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1o(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1o(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1p(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$1p(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1p(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1p(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _createForOfIteratorHelper$v(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$v(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray$v(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$v(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$v(r, a) : void 0; } }
 function _arrayLikeToArray$v(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; }
@@ -15725,7 +15532,7 @@ var _default$6 = /*#__PURE__*/function () {
       if (index >= 0) {
         this._additionalMenuElements[index] = {
           key: key,
-          element: _objectSpread$1o(_objectSpread$1o({}, this._additionalMenuElements[index].element), {}, {
+          element: _objectSpread$1p(_objectSpread$1p({}, this._additionalMenuElements[index].element), {}, {
             items: items,
             selected: selected
           })
@@ -15776,7 +15583,7 @@ var _default$6 = /*#__PURE__*/function () {
         var path = this.getPath(element.menu, this._selectedMenuKeys, this.root.navigationState.searchParams);
         this.root.navigate('/' + path);
       }
-      this._menuElement1 = _objectSpread$1o(_objectSpread$1o({}, this.menuElement1), {}, {
+      this._menuElement1 = _objectSpread$1p(_objectSpread$1p({}, this.menuElement1), {}, {
         selected: this._selectedMenuKeys[0]
       });
       var menu2 = (_this$_menu$find = this._menu.find(function (element) {
@@ -16048,7 +15855,7 @@ var _default$6 = /*#__PURE__*/function () {
         }
         return !item.permission || hasPermission(item.permission.toLocaleLowerCase());
       }).map(function (item) {
-        return _objectSpread$1o(_objectSpread$1o({}, item), {}, {
+        return _objectSpread$1p(_objectSpread$1p({}, item), {}, {
           items: item.items ? _this5.filterMenuByPermission(hasPermission, item.items) : undefined,
           subMenu: item.subMenu ? _this5.filterMenuByPermission(hasPermission, item.subMenu) : undefined
         });
@@ -17390,17 +17197,17 @@ var _default$2 = /*#__PURE__*/function (_ApiHandler) {
     _this = _callSuper$1(this, _default, [configuration, rootStore]);
     _defineProperty(_this, "presetApiHandler", void 0);
     _defineProperty(_this, "test", '');
-    _this.presetApiHandler = new _default$d({
+    _this.presetApiHandler = new _default$c({
       apiInterface: configuration.presetApiInterface
     }, rootStore);
     return _this;
   }
   _inherits(_default, _ApiHandler);
   return _createClass(_default);
-}(_default$d);
+}(_default$c);
 
-function ownKeys$1n(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$1n(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1n(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1n(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1o(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$1o(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1o(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1o(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var LOG$d = getLogger('Backoffice', 'ContextStore');
 
 /**
@@ -17435,7 +17242,7 @@ var ContextStore = /*#__PURE__*/function () {
     key: "updateContext",
     value: function updateContext(contextId, updates) {
       var currentState = this.contexts.get(contextId) || {};
-      var updatedState = _objectSpread$1n(_objectSpread$1n({}, currentState), updates);
+      var updatedState = _objectSpread$1o(_objectSpread$1o({}, currentState), updates);
       this.contexts.set(contextId, updatedState);
       LOG$d.debug("Updated context ".concat(contextId), {
         updatedState: updatedState
@@ -17545,19 +17352,17 @@ var _default$1 = /*#__PURE__*/function () {
       if (apiInterface) config.apiInterface = apiInterface;
       switch (config.type) {
         case 'FormList':
-          return new _default$c(this.configurationStore.getConfiguration(config.formId), this);
+          return new _default$b(this.configurationStore.getConfiguration(config.formId), this);
         case 'SelectOrCreate':
           return new _default$8(config, this);
         case 'RoleSelector':
           return new _default$9(config, this);
-        case 'MediaUpload':
-          return new _default$b(config, this);
         case 'RelationSelector':
           return new _default$a(config, this);
         case 'Form':
           return new _default$2(config, this);
         default:
-          return new _default$d(config, this);
+          return new _default$c(config, this);
       }
     }
   }]);
@@ -17645,6 +17450,8 @@ function removeEmpty(data) {
   return undefined;
 }
 
+function ownKeys$1n(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$1n(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1n(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1n(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function fetchFileData(_x) {
   return _fetchFileData.apply(this, arguments);
 }
@@ -17783,37 +17590,148 @@ function _getMediaItemRef() {
   }));
   return _getMediaItemRef.apply(this, arguments);
 }
+/**
+ * Assets pipeline: POST /v1/assets/uploads → PUT to presigned URL → POST /v1/assets/uploads/complete with ref.
+ * Returns the same shape the AssetMananger UI expects as legacy multipart (`_id`, `ref._id`, `ref.url`).
+ */
 function uploadMediaItem(_x6, _x7, _x8) {
   return _uploadMediaItem.apply(this, arguments);
 }
 function _uploadMediaItem() {
-  _uploadMediaItem = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4(baseUrl, jwt, formData) {
-    var url;
+  _uploadMediaItem = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4(baseUrl, jwt, params) {
+    var _simpleUpload$headers, _ref$url;
+    var root, auth, startRes, startJson, row, simpleUpload, putRes, completeRes, completed, mediaItem, ref, refUrl;
     return _regeneratorRuntime.wrap(function _callee4$(_context4) {
       while (1) switch (_context4.prev = _context4.next) {
         case 0:
-          url = new URL("".concat(baseUrl, "/v1/mediaitems?ref=true"));
-          _context4.prev = 1;
-          return _context4.abrupt("return", fetch(url.toString(), {
+          root = baseUrl.replace(/\/$/, '');
+          auth = {
+            Authorization: "Bearer ".concat(jwt)
+          };
+          _context4.next = 4;
+          return fetch("".concat(root, "/v1/assets/uploads"), {
             method: 'POST',
-            headers: {
-              Authorization: "Bearer ".concat(jwt)
-            },
-            body: formData
-          }).then(function (r) {
-            return r.json();
-          }));
-        case 5:
-          _context4.prev = 5;
-          _context4.t0 = _context4["catch"](1);
-          throw new Error('Could not upload media item', {
-            cause: _context4.t0
+            headers: _objectSpread$1n({
+              'Content-Type': 'application/json'
+            }, auth),
+            body: JSON.stringify({
+              uploads: [{
+                fileName: params.file.name,
+                mimeType: params.file.type || 'application/octet-stream',
+                size: params.file.size,
+                organizationId: params.organizationId,
+                mediaType: params.mediaType
+              }]
+            })
           });
-        case 8:
+        case 4:
+          startRes = _context4.sent;
+          if (startRes.ok) {
+            _context4.next = 12;
+            break;
+          }
+          _context4.t0 = Error;
+          _context4.next = 9;
+          return startRes.text();
+        case 9:
+          _context4.t1 = _context4.sent;
+          _context4.t2 = {
+            cause: _context4.t1
+          };
+          throw new _context4.t0('Could not start media upload', _context4.t2);
+        case 12:
+          _context4.next = 14;
+          return startRes.json();
+        case 14:
+          startJson = _context4.sent;
+          row = Array.isArray(startJson) ? startJson[0] : startJson;
+          simpleUpload = row === null || row === void 0 ? void 0 : row.simpleUpload;
+          if (!(!(simpleUpload !== null && simpleUpload !== void 0 && simpleUpload.url) || !(simpleUpload !== null && simpleUpload !== void 0 && simpleUpload.method))) {
+            _context4.next = 19;
+            break;
+          }
+          throw new Error('Upload initialization response is missing upload information');
+        case 19:
+          _context4.next = 21;
+          return fetch(simpleUpload.url, {
+            method: simpleUpload.method,
+            headers: (_simpleUpload$headers = simpleUpload.headers) !== null && _simpleUpload$headers !== void 0 ? _simpleUpload$headers : {},
+            body: params.file
+          });
+        case 21:
+          putRes = _context4.sent;
+          if (putRes.ok) {
+            _context4.next = 29;
+            break;
+          }
+          _context4.t3 = Error;
+          _context4.next = 26;
+          return putRes.text();
+        case 26:
+          _context4.t4 = _context4.sent;
+          _context4.t5 = {
+            cause: _context4.t4
+          };
+          throw new _context4.t3('Could not upload file to storage', _context4.t5);
+        case 29:
+          _context4.next = 31;
+          return fetch("".concat(root, "/v1/assets/uploads/complete"), {
+            method: 'POST',
+            headers: _objectSpread$1n({
+              'Content-Type': 'application/json'
+            }, auth),
+            body: JSON.stringify({
+              uploadId: row.uploadId,
+              fileName: params.file.name,
+              organizationId: params.organizationId,
+              mediaType: params.mediaType,
+              ref: {
+                functionType: params.functionType,
+                metadata: {}
+              }
+            })
+          });
+        case 31:
+          completeRes = _context4.sent;
+          if (completeRes.ok) {
+            _context4.next = 39;
+            break;
+          }
+          _context4.t6 = Error;
+          _context4.next = 36;
+          return completeRes.text();
+        case 36:
+          _context4.t7 = _context4.sent;
+          _context4.t8 = {
+            cause: _context4.t7
+          };
+          throw new _context4.t6('Could not complete media upload', _context4.t8);
+        case 39:
+          _context4.next = 41;
+          return completeRes.json();
+        case 41:
+          completed = _context4.sent;
+          mediaItem = completed.mediaItem;
+          ref = completed.mediaItemRef;
+          if (!(!(mediaItem !== null && mediaItem !== void 0 && mediaItem._id) || !(ref !== null && ref !== void 0 && ref._id))) {
+            _context4.next = 46;
+            break;
+          }
+          throw new Error('Complete upload response missing media item or ref');
+        case 46:
+          refUrl = (_ref$url = ref.url) !== null && _ref$url !== void 0 ? _ref$url : ref.cdnUrl;
+          return _context4.abrupt("return", {
+            _id: mediaItem._id,
+            ref: _objectSpread$1n(_objectSpread$1n({}, ref), {}, {
+              _id: ref._id,
+              url: refUrl
+            })
+          });
+        case 48:
         case "end":
           return _context4.stop();
       }
-    }, _callee4, null, [[1, 5]]);
+    }, _callee4);
   }));
   return _uploadMediaItem.apply(this, arguments);
 }
@@ -18014,7 +17932,7 @@ var MediaItem = /*#__PURE__*/function () {
     key: "upload",
     value: function () {
       var _upload = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3(organizationId, functionType) {
-        var formData, mediaitem, response;
+        var mediaType, response;
         return _regeneratorRuntime.wrap(function _callee3$(_context3) {
           while (1) switch (_context3.prev = _context3.next) {
             case 0:
@@ -18030,32 +17948,28 @@ var MediaItem = /*#__PURE__*/function () {
               }
               throw new Error('The MediaItem must be initialized before uploading');
             case 4:
-              formData = new FormData();
-              mediaitem = {
-                fileName: this._file.name,
-                organizationId: organizationId
-              };
+              mediaType = 'PCT';
               if (isFileOfType(this._file, ['image/svg+xml'])) {
-                mediaitem.mediaType = 'SVG';
+                mediaType = 'SVG';
               } else if (isFileOfType(this._file, ['image/*'])) {
-                mediaitem.mediaType = 'PCT';
+                mediaType = 'PCT';
               } else if (isFileOfType(this._file, ['video/*'])) {
-                mediaitem.mediaType = 'VID';
-              } else ;
-              formData.append('mediaItem', JSON.stringify(mediaitem));
-              formData.append('mediaItemRef', JSON.stringify({
+                mediaType = 'VID';
+              }
+              _context3.next = 8;
+              return uploadMediaItem(this._config.baseUrl, this._config.jwt, {
+                organizationId: organizationId,
+                file: this._file,
+                mediaType: mediaType,
                 functionType: functionType
-              }));
-              formData.append('file', this._file, this._file.name);
-              _context3.next = 12;
-              return uploadMediaItem(this._config.baseUrl, this._config.jwt, formData);
-            case 12:
+              });
+            case 8:
               response = _context3.sent;
               this._mediaItemRefId = response.ref._id;
               this._mediaItemId = response._id;
               this._itemRef = response.ref;
               this._url = response.ref.url;
-            case 17:
+            case 13:
             case "end":
               return _context3.stop();
           }
@@ -18398,7 +18312,7 @@ function useFormData (_ref) {
             }
             // perform additional server actions before returning the data
             additional = configuration.additionals[i];
-            additionalApi = new _default$d({
+            additionalApi = new _default$c({
               apiInterface: additional.apiInterface
             }, root);
             data = {};
@@ -19595,7 +19509,7 @@ function useSelectSimpleData (_ref) {
   var root = useStore();
   var _useMemo = useMemo(function () {
       return {
-        apiHandler: new _default$d({
+        apiHandler: new _default$c({
           type: 'SelectSimple',
           apiInterface: apiInterface
         }, root)
@@ -20404,7 +20318,7 @@ var _default = /*#__PURE__*/function (_ApiHandler) {
       return getSupplierOptionValues;
     }()
   }]);
-}(_default$d);
+}(_default$c);
 
 function ownKeys$1i(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$1i(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1i(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1i(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -20839,7 +20753,7 @@ function useSelectData (_ref) {
   var filterServerSide = _typeof(apiInterface) == 'object' && _typeof(apiInterface.read) == 'object' && apiInterface.read.filterServerSide;
   var _useMemo = useMemo(function () {
       return {
-        apiHandler: new _default$d({
+        apiHandler: new _default$c({
           type: 'SelectOrCreate',
           apiInterface: apiInterface
         }, root)
@@ -21200,7 +21114,7 @@ function useSelectData (_ref) {
             fetchRef.current += 1;
             fetchId = fetchRef.current;
             if (!filterServerSide) {
-              _context.next = 11;
+              _context.next = 10;
               break;
             }
             setFetching(true);
@@ -21232,17 +21146,9 @@ function useSelectData (_ref) {
             });
           case 7:
             newOptions = _context.sent;
-            if (allowCreate && value !== undefined && String(value).trim() !== '' && !newOptions.length) {
-              newOptions = [{
-                data: value,
-                label: value,
-                disabled: false,
-                value: value
-              }];
-            }
-            _context.next = 13;
+            _context.next = 12;
             break;
-          case 11:
+          case 10:
             newOptions = initOptions.filter(function (opt) {
               var _value$toLocaleLowerC;
               return opt.label.toLocaleLowerCase().includes((_value$toLocaleLowerC = value === null || value === void 0 ? void 0 : value.toLocaleLowerCase()) !== null && _value$toLocaleLowerC !== void 0 ? _value$toLocaleLowerC : '');
@@ -21255,17 +21161,17 @@ function useSelectData (_ref) {
                 value: value
               }];
             }
-          case 13:
+          case 12:
             if (!(fetchId !== fetchRef.current)) {
-              _context.next = 15;
+              _context.next = 14;
               break;
             }
             return _context.abrupt("return");
-          case 15:
+          case 14:
             setOptions(newOptions);
             setFetching(false);
             return _context.abrupt("return", newOptions);
-          case 18:
+          case 17:
           case "end":
             return _context.stop();
         }
@@ -21277,7 +21183,7 @@ function useSelectData (_ref) {
   }();
   var fetch = React.useMemo(function () {
     return debounce(loadOptions, 800);
-  }, [selectMapping, initOptions, wholeData, allowCreate]);
+  }, [selectMapping, initOptions, wholeData]);
   var verifySelection = function verifySelection(opt) {
     if (disabledConfig == undefined) return [];
     var _missingFields = [];
@@ -21547,7 +21453,7 @@ function useTranslationHook (item, state) {
     setCurrentLang = _useState2[1];
   var _useMemo = useMemo(function () {
       return {
-        apiHandler: new _default$d({
+        apiHandler: new _default$c({
           type: 'SelectOrCreate',
           apiInterface: item.apiInterface
         }, root)
@@ -24905,7 +24811,7 @@ function ActionButton (_ref) {
             });
             return _context.abrupt("break", 41);
           case 12:
-            apiInterface = new _default$d({
+            apiInterface = new _default$c({
               apiInterface: action.apiInterface,
               type: 'Button'
             }, root);
@@ -25073,7 +24979,7 @@ function _simpleChangeValue() {
     return _regeneratorRuntime.wrap(function _callee2$(_context2) {
       while (1) switch (_context2.prev = _context2.next) {
         case 0:
-          apiInterface = new _default$d({
+          apiInterface = new _default$c({
             apiInterface: action.apiInterface,
             type: 'Button'
           }, root);
@@ -25991,7 +25897,7 @@ function useSelectOrCreateData (_ref) {
             }
             // perform additional server actions before returning the data
             additional = configuration.additionals[i];
-            additionalApi = new _default$d({
+            additionalApi = new _default$c({
               apiInterface: additional.apiInterface
             }, root);
             _data = {};
@@ -27115,7 +27021,7 @@ function _getDisplayData() {
                     break;
                   }
                   itemWithMappingData = item;
-                  apiHandler = new _default$d({
+                  apiHandler = new _default$c({
                     type: 'Description',
                     apiInterface: item.value.apiInterface
                   }, root); // Only fetch the mapping data once
@@ -27531,104 +27437,180 @@ var useMediaUpload = function useMediaUpload(_ref) {
     setWrongFileType = _useState6[1];
   var _useMemo = useMemo(function () {
       return {
-        apiHandler: root.getApiHandler(id),
-        configuration: root.configurationStore.getConfiguration(id, 'MediaUpload')
+        configuration: root.configurationStore.getConfiguration(id, 'MediaUpload'),
+        targetApiHandler: function () {
+          var configuration = root.configurationStore.getConfiguration(id, 'MediaUpload');
+          if (!configuration.targetApiInterface) return undefined;
+          return new _default$c({
+            apiInterface: configuration.targetApiInterface,
+            type: 'MediaUpload'
+          }, root);
+        }()
       };
-    }, [id]),
+    }, [id, root]),
     configuration = _useMemo.configuration,
-    apiHandler = _useMemo.apiHandler;
+    targetApiHandler = _useMemo.targetApiHandler;
   useEffect(function () {
+    if (!targetApiHandler || !configuration.targetMapping) {
+      setFileList([]);
+      return;
+    }
     setLoading(true);
-    apiHandler.read().then(function (_ref2) {
-      var url = _ref2.url,
-        ref = _ref2.ref,
-        targetId = _ref2.targetId;
-      if (url) {
+    var data = applyMapping({
+      mappable: {},
+      mapping: configuration.targetMapping,
+      rootStore: root
+    });
+    targetApiHandler.read({
+      type: 'query',
+      map: [{
+        targetField: 'id',
+        sourceField: '_id'
+      }]
+    }, data).then(function (response) {
+      var _configuration$target, _configuration$target2;
+      var urlField = (_configuration$target = configuration.targetMapping) === null || _configuration$target === void 0 || (_configuration$target = _configuration$target.map.find(function (m) {
+        return m.sourceField === 'url';
+      })) === null || _configuration$target === void 0 ? void 0 : _configuration$target.targetField;
+      var refField = (_configuration$target2 = configuration.targetMapping) === null || _configuration$target2 === void 0 || (_configuration$target2 = _configuration$target2.map.find(function (m) {
+        return m.sourceField === 'ref';
+      })) === null || _configuration$target2 === void 0 ? void 0 : _configuration$target2.targetField;
+      var url = urlField ? response === null || response === void 0 ? void 0 : response[urlField] : undefined;
+      var ref = refField ? response === null || response === void 0 ? void 0 : response[refField] : undefined;
+      if (url && ref) {
         setFileList([{
           uid: ref,
           status: 'done',
           url: url,
-          targetId: targetId
+          targetId: response === null || response === void 0 ? void 0 : response._id
         }]);
       } else {
         setFileList([]);
       }
-      setLoading(false);
+    })["finally"](function () {
+      return setLoading(false);
     });
-  }, [root.dataStore.selectedOrganizationId]);
+  }, [configuration.targetMapping, root, root.dataStore.selectedOrganizationId, targetApiHandler]);
   var onRemove = /*#__PURE__*/function () {
-    var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-      var file;
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+      var file, _root$configurationSt, jwt, baseUrl, data;
       return _regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             setLoading(true);
             file = fileList[0];
             if (!file) {
-              _context.next = 6;
+              _context.next = 15;
               break;
             }
-            _context.next = 5;
-            return apiHandler["delete"](file.uid, undefined, {
-              _id: file.targetId
+            jwt = root.dataStore.jwt;
+            baseUrl = (_root$configurationSt = root.configurationStore.apiConfig) === null || _root$configurationSt === void 0 ? void 0 : _root$configurationSt.mediaService;
+            if (!(!jwt || !baseUrl)) {
+              _context.next = 8;
+              break;
+            }
+            setLoading(false);
+            return _context.abrupt("return", false);
+          case 8:
+            _context.next = 10;
+            return removeMediaItemRef(baseUrl, jwt, file.uid);
+          case 10:
+            if (!(targetApiHandler && configuration.targetMapping)) {
+              _context.next = 14;
+              break;
+            }
+            data = applyMapping({
+              mappable: {},
+              mapping: configuration.targetMapping,
+              mappingData: {
+                url: '',
+                ref: ''
+              },
+              rootStore: root
             });
-          case 5:
+            _context.next = 14;
+            return targetApiHandler.update(data, {
+              _id: data._id
+            });
+          case 14:
             setFileList([]);
-          case 6:
+          case 15:
             setLoading(false);
             return _context.abrupt("return", true);
-          case 8:
+          case 17:
           case "end":
             return _context.stop();
         }
       }, _callee);
     }));
     return function onRemove() {
-      return _ref3.apply(this, arguments);
+      return _ref2.apply(this, arguments);
     };
   }();
   var customRequest = /*#__PURE__*/function () {
-    var _ref5 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(_ref4) {
-      var file, formData, mediaitem, response;
+    var _ref4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(_ref3) {
+      var _root$configurationSt2;
+      var file, rc, jwt, baseUrl, organizationId, mediaType, response, data;
       return _regeneratorRuntime.wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
-            file = _ref4.file;
+            file = _ref3.file;
             setLoading(true);
-            formData = new FormData();
-            mediaitem = {
-              fileName: file.name,
-              organizationId: root.dataStore.selectedOrganizationId
-            };
-            if (file.type == 'image/svg+xml') {
-              mediaitem.mediaType = 'SVG';
-            } else {
-              mediaitem.mediaType = 'PCT';
+            rc = file;
+            jwt = root.dataStore.jwt;
+            baseUrl = (_root$configurationSt2 = root.configurationStore.apiConfig) === null || _root$configurationSt2 === void 0 ? void 0 : _root$configurationSt2.mediaService;
+            organizationId = root.dataStore.selectedOrganizationId;
+            if (!(!jwt || !baseUrl || !organizationId)) {
+              _context2.next = 9;
+              break;
             }
-            formData.append('mediaItem', JSON.stringify(mediaitem));
-            formData.append('mediaItemRef', JSON.stringify({
+            setLoading(false);
+            return _context2.abrupt("return");
+          case 9:
+            mediaType = rc.type === 'image/svg+xml' ? 'SVG' : 'PCT';
+            _context2.next = 12;
+            return uploadMediaItem(baseUrl, jwt, {
+              organizationId: organizationId,
+              file: rc,
+              mediaType: mediaType,
               functionType: 'LOG'
-            }));
-            formData.append('file', file, file.name);
-            _context2.next = 10;
-            return apiHandler.create(formData);
-          case 10:
+            });
+          case 12:
             response = _context2.sent;
+            if (!(targetApiHandler && configuration.targetMapping)) {
+              _context2.next = 17;
+              break;
+            }
+            data = applyMapping({
+              mappable: {},
+              mapping: configuration.targetMapping,
+              mappingData: {
+                url: response.ref.url,
+                ref: response.ref._id
+              },
+              rootStore: root
+            });
+            _context2.next = 17;
+            return targetApiHandler.update(data, {
+              _id: data._id
+            });
+          case 17:
             setFileList([{
-              uid: response.ref,
-              name: response.fileName,
+              uid: response.ref._id,
+              name: rc.name,
               status: 'done',
-              url: response.url
+              url: response.ref.url,
+              targetId: root.dataStore.selectedOrganizationId
             }]);
             setLoading(false);
-          case 13:
+          case 19:
           case "end":
             return _context2.stop();
         }
       }, _callee2);
     }));
     return function customRequest(_x) {
-      return _ref5.apply(this, arguments);
+      return _ref4.apply(this, arguments);
     };
   }();
   var beforeUpload = function beforeUpload(file) {
@@ -28708,7 +28690,7 @@ function useAGHistogram (_ref) {
     onError = _ref.onError,
     filterField = _ref.filterField;
   var root = useStore();
-  var apiHandler = new _default$d({
+  var apiHandler = new _default$c({
     apiInterface: apiInterface
   }, root);
   var _useState = useState(true),
@@ -29668,7 +29650,7 @@ function CopyButton(_ref5) {
   var _state$configuration$23;
   var state = _ref5.state;
   var root = useStore();
-  new _default$d({
+  new _default$c({
     apiInterface: state.configuration.apiInterface,
     type: 'Table'
   }, root);
@@ -29685,7 +29667,7 @@ function CopyButton(_ref5) {
               try {
                 for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
                   selectedRow = _step3.value;
-                  new _default$d({
+                  new _default$c({
                     apiInterface: copyAction.apiInterface,
                     type: 'Table'
                   }, root).create({
@@ -29882,7 +29864,7 @@ function BulkAction(_ref8) {
       return _regeneratorRuntime.wrap(function _callee5$(_context5) {
         while (1) switch (_context5.prev = _context5.next) {
           case 0:
-            apiInterface = new _default$d({
+            apiInterface = new _default$c({
               apiInterface: action.apiInterface,
               type: 'Form'
             }, root);
@@ -33523,9 +33505,9 @@ var ZoomWrapper = function ZoomWrapper(_ref) {
     },
     maxScale: 2,
     minScale: 0.2,
+    smooth: true,
     wheel: {
-      smoothStep: 0.001,
-      step: 0.2,
+      step: 0.001,
       activationKeys: ['Shift']
     },
     children: function children(_ref2) {
@@ -39007,7 +38989,7 @@ var Prices = observer(function (_ref) {
       return _regeneratorRuntime.wrap(function _callee8$(_context8) {
         while (1) switch (_context8.prev = _context8.next) {
           case 0:
-            api = new _default$d({
+            api = new _default$c({
               type: 'AGGrid',
               apiInterface: {
                 "delete": apiConfig.enricherService + "/packages/".concat(packageId, "/pricelists/").concat(pricelist._id, "/serie/").concat(selectedSerie === null || selectedSerie === void 0 ? void 0 : selectedSerie.serieNo, "/prices/manual")
@@ -42389,7 +42371,7 @@ var useSeriesSelector = function useSeriesSelector(modules) {
           case 6:
             //fetching of pricefeatruegroups is slow, so we can't fetch it in the list, but only for the selected serie
             seriesSelectorState.setLoading(true);
-            api = new _default$d({
+            api = new _default$c({
               type: 'SelectSimple',
               apiInterface: {
                 read: idmService + "/catalogs/".concat(catalogId, "/series/").concat(newSerie._id, "?fields=seriesName[").concat(i18n.language.toLocaleUpperCase(), "];_id;serieNo;pricefeaturegroups;pricefeaturegroupsDisplayTexts;pricefeaturegroupsKeys;pricefeaturegroupsKeysDisplayTexts;lastUpdatedDate")