@processmaker/modeler 1.39.30 → 1.39.31

package/dist/modeler.umd.js

@@ -12681,7 +12681,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, "#preview-image[data-v-0cafde2c]{width:
 
 /***/ }),
 
-/***/ 491:
+/***/ 53276:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -12695,14 +12695,14 @@ __webpack_require__.r(__webpack_exports__);
 
 var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
 // Module
-___CSS_LOADER_EXPORT___.push([module.id, ".font-xs[data-v-395d11da]{font-size:.75rem}.btn-link[data-v-395d11da]{border-style:none!important;background:transparent;padding:0}", ""]);
+___CSS_LOADER_EXPORT___.push([module.id, ".font-xs[data-v-5e4e6e5a]{font-size:.75rem}.btn-link[data-v-5e4e6e5a]{border-style:none!important;background:transparent;padding:0}", ""]);
 // Exports
 /* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
 
 
 /***/ }),
 
-/***/ 56300:
+/***/ 61007:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -26392,35 +26392,35 @@ var update = add("7d35dcc3", content, true, {"sourceMap":false,"shadowMode":fals
 
 /***/ }),
 
-/***/ 3524:
+/***/ 25238:
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
 // style-loader: Adds some css to the DOM by adding a <style> tag
 
 // load the styles
-var content = __webpack_require__(491);
+var content = __webpack_require__(53276);
 if(content.__esModule) content = content.default;
 if(typeof content === 'string') content = [[module.id, content, '']];
 if(content.locals) module.exports = content.locals;
 // add the styles to the DOM
 var add = (__webpack_require__(54402)/* ["default"] */ .Z)
-var update = add("64fee19a", content, true, {"sourceMap":false,"shadowMode":false});
+var update = add("39814aa0", content, true, {"sourceMap":false,"shadowMode":false});
 
 /***/ }),
 
-/***/ 53287:
+/***/ 97270:
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
 // style-loader: Adds some css to the DOM by adding a <style> tag
 
 // load the styles
-var content = __webpack_require__(56300);
+var content = __webpack_require__(61007);
 if(content.__esModule) content = content.default;
 if(typeof content === 'string') content = [[module.id, content, '']];
 if(content.locals) module.exports = content.locals;
 // add the styles to the DOM
 var add = (__webpack_require__(54402)/* ["default"] */ .Z)
-var update = add("ffb74138", content, true, {"sourceMap":false,"shadowMode":false});
+var update = add("259d6d0c", content, true, {"sourceMap":false,"shadowMode":false});
 
 /***/ }),
 
@@ -38005,7 +38005,7 @@ var errorEndEvent_id = 'processmaker-modeler-error-end-event';
       });
     }
   },
-  multiplayerInspectorHandler: function multiplayerInspectorHandler(node, data) {
+  multiplayerInspectorHandler: function multiplayerInspectorHandler(node, data, setNodeProp) {
     var keys = Object.keys(data).filter(function (key) {
       return key !== 'id';
     });
@@ -38017,7 +38017,9 @@ var errorEndEvent_id = 'processmaker-modeler-error-end-event';
           errorRef.name = error.name;
         }
       }
+      return;
     }
+    setNodeProp(node, keys[0], data[keys[0]]);
   },
   inspectorConfig: [{
     items: [{
@@ -38965,6 +38967,8 @@ var sequenceFlow_component = normalizeComponent(
 
 
 
+
+
 var sequenceFlow_id = 'processmaker-modeler-sequence-flow';
 /* harmony default export */ var nodes_sequenceFlow = ({
   id: sequenceFlow_id,
@@ -39014,6 +39018,11 @@ var sequenceFlow_id = 'processmaker-modeler-sequence-flow';
           var conditionExpression = moddle.create('bpmn:FormalExpression', {
             body: value[key]
           });
+          window.ProcessMaker.EventBus.$emit('multiplayer-updateInspectorProperty', {
+            id: node.definition.id,
+            key: key,
+            value: [conditionExpression]
+          });
           setNodeProp(node, key, conditionExpression);
         }
       } else {
@@ -39026,6 +39035,22 @@ var sequenceFlow_id = 'processmaker-modeler-sequence-flow';
       }
     }
   },
+  multiplayerInspectorHandler: function multiplayerInspectorHandler(node, data, setNodeProp, moddle) {
+    var keys = Object.keys(data).filter(function (key) {
+      return key !== 'id';
+    });
+    if (keys.length === 0) {
+      return;
+    }
+    if (keys[0] === 'conditionExpression') {
+      var conditionExpression = moddle.create('bpmn:FormalExpression', {
+        body: data[keys[0]][0].body
+      });
+      setNodeProp(node, keys[0], conditionExpression);
+      return;
+    }
+    setNodeProp(node, keys[0], data[keys[0]]);
+  },
   inspectorConfig: [{
     name: 'Sequence Flow',
     items: [{
@@ -39376,9 +39401,9 @@ var messageEndEvent_component = normalizeComponent(
 )
 
 /* harmony default export */ var messageEndEvent = (messageEndEvent_component.exports);
-;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-83.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/inspectors/MessageSelect.vue?vue&type=template&id=395d11da&scoped=true&
+;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-83.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/inspectors/MessageSelect.vue?vue&type=template&id=5e4e6e5a&scoped=true&
 
-var MessageSelectvue_type_template_id_395d11da_scoped_true_render = function render() {
+var MessageSelectvue_type_template_id_5e4e6e5a_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', [_c('label', {
@@ -39617,9 +39642,9 @@ var MessageSelectvue_type_template_id_395d11da_scoped_true_render = function ren
     })])])]);
   }), 0)])] : _vm._e()], 2);
 };
-var MessageSelectvue_type_template_id_395d11da_scoped_true_staticRenderFns = [];
+var MessageSelectvue_type_template_id_5e4e6e5a_scoped_true_staticRenderFns = [];
 
-;// CONCATENATED MODULE: ./src/components/inspectors/MessageSelect.vue?vue&type=template&id=395d11da&scoped=true&
+;// CONCATENATED MODULE: ./src/components/inspectors/MessageSelect.vue?vue&type=template&id=5e4e6e5a&scoped=true&
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.find-index.js
 var es_array_find_index = __webpack_require__(34553);
@@ -39880,13 +39905,13 @@ var es_array_find_index = __webpack_require__(34553);
 });
 ;// CONCATENATED MODULE: ./src/components/inspectors/MessageSelect.vue?vue&type=script&lang=js&
  /* harmony default export */ var inspectors_MessageSelectvue_type_script_lang_js_ = (MessageSelectvue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-55.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-55.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-55.use[2]!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-55.use[3]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/inspectors/MessageSelect.vue?vue&type=style&index=0&id=395d11da&prod&scoped=true&lang=css&
-var MessageSelectvue_type_style_index_0_id_395d11da_prod_scoped_true_lang_css_ = __webpack_require__(3524);
-;// CONCATENATED MODULE: ./src/components/inspectors/MessageSelect.vue?vue&type=style&index=0&id=395d11da&prod&scoped=true&lang=css&
+// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-55.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-55.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-55.use[2]!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-55.use[3]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/inspectors/MessageSelect.vue?vue&type=style&index=0&id=5e4e6e5a&prod&scoped=true&lang=css&
+var MessageSelectvue_type_style_index_0_id_5e4e6e5a_prod_scoped_true_lang_css_ = __webpack_require__(25238);
+;// CONCATENATED MODULE: ./src/components/inspectors/MessageSelect.vue?vue&type=style&index=0&id=5e4e6e5a&prod&scoped=true&lang=css&
 
-// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-55.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-55.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-55.use[2]!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-55.use[3]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/inspectors/MessageSelect.vue?vue&type=style&index=1&id=395d11da&prod&lang=css&
-var MessageSelectvue_type_style_index_1_id_395d11da_prod_lang_css_ = __webpack_require__(53287);
-;// CONCATENATED MODULE: ./src/components/inspectors/MessageSelect.vue?vue&type=style&index=1&id=395d11da&prod&lang=css&
+// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-55.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-55.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-55.use[2]!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-55.use[3]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/inspectors/MessageSelect.vue?vue&type=style&index=1&id=5e4e6e5a&prod&lang=css&
+var MessageSelectvue_type_style_index_1_id_5e4e6e5a_prod_lang_css_ = __webpack_require__(97270);
+;// CONCATENATED MODULE: ./src/components/inspectors/MessageSelect.vue?vue&type=style&index=1&id=5e4e6e5a&prod&lang=css&
 
 ;// CONCATENATED MODULE: ./src/components/inspectors/MessageSelect.vue
 
@@ -39900,11 +39925,11 @@ var MessageSelectvue_type_style_index_1_id_395d11da_prod_lang_css_ = __webpack_r
 
 var MessageSelect_component = normalizeComponent(
   inspectors_MessageSelectvue_type_script_lang_js_,
-  MessageSelectvue_type_template_id_395d11da_scoped_true_render,
-  MessageSelectvue_type_template_id_395d11da_scoped_true_staticRenderFns,
+  MessageSelectvue_type_template_id_5e4e6e5a_scoped_true_render,
+  MessageSelectvue_type_template_id_5e4e6e5a_scoped_true_staticRenderFns,
   false,
   null,
-  "395d11da",
+  "5e4e6e5a",
   null
   
 )
@@ -39919,6 +39944,7 @@ var MessageSelect_component = normalizeComponent(
 
 
 
+
 function messageSelector(helper) {
   return {
     component: MessageSelect,
@@ -39945,6 +39971,7 @@ function messageSelector(helper) {
     }, {});
   },
   inspectorHandler: function inspectorHandler(value, node, setNodeProp, moddle, definitions) {
+    var _message;
     for (var key in omit_default()(value, ['$type', 'eventDefinitions', 'messageRef'])) {
       if (node.definition[key] === value[key]) {
         continue;
@@ -39967,6 +39994,16 @@ function messageSelector(helper) {
       definitions.rootElements.push(message);
     }
     node.definition.get('eventDefinitions')[0].messageRef = message;
+    window.ProcessMaker.EventBus.$emit('multiplayer-updateInspectorProperty', {
+      id: node.definition.id,
+      key: 'messageRef',
+      value: value.messageRef,
+      extras: {
+        messageName: (_message = message) === null || _message === void 0 ? void 0 : _message.name,
+        allowedUsers: node.definition.get('allowedUsers'),
+        allowedGroups: node.definition.get('allowedGroups')
+      }
+    });
   }
 });
 ;// CONCATENATED MODULE: ./src/components/nodes/messageEndEvent/index.js
@@ -48015,10 +48052,10 @@ var ValidationStatus_component = normalizeComponent(
 )
 
 /* harmony default export */ var ValidationStatus = (ValidationStatus_component.exports);
-;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-83.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/modeler/Modeler.vue?vue&type=template&id=0473c526&
+;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-83.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/modeler/Modeler.vue?vue&type=template&id=79f6fcfe&
 
 
-var Modelervue_type_template_id_0473c526_render = function render() {
+var Modelervue_type_template_id_79f6fcfe_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('span', {
@@ -48245,9 +48282,9 @@ var Modelervue_type_template_id_0473c526_render = function render() {
     }
   }) : _vm._e()], 2)], 1);
 };
-var Modelervue_type_template_id_0473c526_staticRenderFns = [];
+var Modelervue_type_template_id_79f6fcfe_staticRenderFns = [];
 
-;// CONCATENATED MODULE: ./src/components/modeler/Modeler.vue?vue&type=template&id=0473c526&
+;// CONCATENATED MODULE: ./src/components/modeler/Modeler.vue?vue&type=template&id=79f6fcfe&
 
 ;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-83.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/nodes/boundaryEvent/boundaryEvent.vue?vue&type=template&id=58bceaa8&
 var boundaryEventvue_type_template_id_58bceaa8_render = function render() {
@@ -76069,7 +76106,6 @@ var Multiplayer = /*#__PURE__*/function () {
             };
             _this.modeler.addPlayer(newPlayer);
           });
-          _this.syncLocalNodes(_this.clientIO.id);
         }
       });
       this.clientIO.on('clientLeft', function (payload) {
@@ -76078,11 +76114,9 @@ var Multiplayer = /*#__PURE__*/function () {
         _this.modeler.enableMultiplayer(payload.isMultiplayer);
       });
       this.clientIO.on('requestProcess', function (payload) {
-        var firstClient = payload.firstClient,
-          clientId = payload.clientId;
-
-        // Check if the current client is the first client
-        if (firstClient.id === _this.clientIO.id) {
+        var clientId = payload.clientId;
+        // Sync the local Nodes
+        if (clientId) {
           _this.syncLocalNodes(clientId);
         }
       });
@@ -76208,7 +76242,7 @@ var Multiplayer = /*#__PURE__*/function () {
     }
     /**
      * Sync the modeler nodes with the microservice
-     * @param {String} clientId 
+     * @param {String} clientId
      */
   }, {
     key: "syncLocalNodes",
@@ -76629,6 +76663,9 @@ var Multiplayer = /*#__PURE__*/function () {
           newValue = JSON.stringify(data.value);
         }
         nodeToUpdate.set(data.key, newValue);
+        if (data.extras && Object.keys(data.extras).length > 0) {
+          nodeToUpdate.set('extras', data.extras);
+        }
         var stateUpdate = encodeStateAsUpdate(this.yDoc);
         // Send the update to the web socket server
         this.clientIO.emit('updateFromInspector', {
@@ -76665,6 +76702,12 @@ var Multiplayer = /*#__PURE__*/function () {
       // create a node
       node = this.getNodeById(data.id);
       if (node) {
+        var _this$modeler$nodeReg;
+        var extras = {};
+        // extras property section
+        if (data.extras && Object.keys(data.extras).length > 0) {
+          extras = data.extras;
+        }
         // loopCharacteristics property section
         if (data.loopCharacteristics) {
           var loopCharacteristics = JSON.parse(data.loopCharacteristics);
@@ -76677,24 +76720,49 @@ var Multiplayer = /*#__PURE__*/function () {
           }, node, this.setNodeProp, this.modeler.moddle, this.modeler.definitions, false);
           return;
         }
-        if (this.modeler.nodeRegistry[node.type] && this.modeler.nodeRegistry[node.type].multiplayerInspectorHandler) {
-          this.modeler.nodeRegistry[node.type].multiplayerInspectorHandler(node, data);
+        if ((_this$modeler$nodeReg = this.modeler.nodeRegistry[node.type]) !== null && _this$modeler$nodeReg !== void 0 && _this$modeler$nodeReg.multiplayerInspectorHandler) {
+          this.modeler.nodeRegistry[node.type].multiplayerInspectorHandler(node, data, this.setNodeProp, this.modeler.moddle);
           return;
         }
         var keys = Object.keys(data).filter(function (key) {
           return key !== 'id';
         });
-        if (keys[0] === 'condition') {
-          node.definition.get('eventDefinitions')[0].get('condition').body = data[keys[0]];
+        var key = keys[0];
+        var value = data[key];
+        if (key === 'condition') {
+          node.definition.get('eventDefinitions')[0].get('condition').body = value;
+        }
+        if (key === 'gatewayDirection') {
+          node.definition.set('gatewayDirection', value);
+        }
+        if (key === 'messageRef') {
+          var _extras2, _extras3;
+          var message = this.modeler.definitions.rootElements.find(function (element) {
+            return element.id === value;
+          });
+          if (!message) {
+            var _extras;
+            message = this.modeler.moddle.create('bpmn:Message', {
+              id: value,
+              name: ((_extras = extras) === null || _extras === void 0 ? void 0 : _extras.messageName) || value
+            });
+            this.modeler.definitions.rootElements.push(message);
+          }
+          node.definition.get('eventDefinitions')[0].messageRef = message;
+          if ((_extras2 = extras) !== null && _extras2 !== void 0 && _extras2.allowedUsers) {
+            node.definition.set('allowedUsers', extras.allowedUsers);
+          }
+          if ((_extras3 = extras) !== null && _extras3 !== void 0 && _extras3.allowedGroups) {
+            node.definition.set('allowedGroups', extras.allowedGroups);
+          }
         }
-        if (keys[0] === 'gatewayDirection') {
-          node.definition.set('gatewayDirection', data[keys[0]]);
+        if (!['messageRef', 'gatewayDirection', 'condition', 'allowedUsers', 'allowedGroups'].includes(key)) {
+          store.commit('updateNodeProp', {
+            node: node,
+            key: key,
+            value: value
+          });
         }
-        store.commit('updateNodeProp', {
-          node: node,
-          key: keys[0],
-          value: data[keys[0]]
-        });
       }
     }
   }]);
@@ -78013,7 +78081,9 @@ var Multiplayer = /*#__PURE__*/function () {
             assignedUsers: node.definition.assignedUsers,
             config: node.definition.config,
             loopCharacteristics: null,
-            gatewayDirection: null
+            gatewayDirection: null,
+            messageRef: null,
+            extras: {}
           };
           if (node !== null && node !== void 0 && (_node$pool = node.pool) !== null && _node$pool !== void 0 && _node$pool.component) {
             defaultData['poolId'] = node.pool.component.id;
@@ -78038,7 +78108,9 @@ var Multiplayer = /*#__PURE__*/function () {
               type: node.type,
               sourceRefId: sourceRefId,
               targetRefId: targetRefId,
-              waypoint: node.diagram.waypoint
+              waypoint: node.diagram.waypoint,
+              name: node.definition.name,
+              conditionExpression: null
             };
             if (isProcessRequested) {
               return flowData;
@@ -78887,8 +78959,8 @@ var modelervue_type_style_index_0_prod_lang_scss_ = __webpack_require__(26695);
 
 var Modeler_component = normalizeComponent(
   modeler_Modelervue_type_script_lang_js_,
-  Modelervue_type_template_id_0473c526_render,
-  Modelervue_type_template_id_0473c526_staticRenderFns,
+  Modelervue_type_template_id_79f6fcfe_render,
+  Modelervue_type_template_id_79f6fcfe_staticRenderFns,
   false,
   null,
   null,