FOUR-21371: Task: The conversational form is not showing correctly

resources/js/next/components/index.js

@@ -67,6 +67,7 @@ const pmComponents = {
   InputImageCarousel: () => import("../../components/shared/InputImageCarousel.vue"),
   LaunchpadSettingsModal: () => import("../../components/shared/LaunchpadSettingsModal.vue"),
   Modal: () => import("../../components/shared/Modal.vue"),
+  PmModal: () => import("../../components/shared/Modal.vue"),
   ModalSaveVersion: () => import("../../components/shared/ModalSaveVersion.vue"),
   MultiThumbnailFileUploader: () => import("../../components/shared/MultiThumbnailFileUploader.vue"),
   PaginationTable: () => import("../../components/shared/PaginationTable.vue"),
@@ -98,6 +99,8 @@ const pmComponents = {
   TasksPreview: () => import("../../tasks/components/TasksPreview.vue"),
   TaskTooltip: () => import("../../tasks/components/TaskTooltip.vue"),
   TaskView: () => import("../../tasks/components/TaskView.vue"),
+  // Modeler components folder
+  ModelerAssetQuickCreate: () => import("../../processes/modeler/components/inspector/ModelerAssetQuickCreate.vue"), // Decision engine
 };
 
 Object.entries(pmComponents).forEach(([key, component]) => {

resources/js/next/config/accesibility.js

@@ -1,4 +1,4 @@
-import AccessibilityMixin from "./components/common/mixins/accessibility";
+import AccessibilityMixin from "../../components/common/mixins/accessibility";
 import { getGlobalVariable } from "../globalVariables";
 
 const Vue = getGlobalVariable("Vue");

resources/js/next/libraries/broadcast.js

@@ -9,8 +9,6 @@ export default (globalInput) => {
     if (config.broadcaster === "pusher") {
       Pusher = require("pusher-js");
       Pusher.logToConsole = config.debug;
-
-      setGlobalVariable("Pusher", Pusher);
     }
 
     return {

resources/js/next/libraries/modelerInspector.js

@@ -0,0 +1,6 @@
+// import VueFormElements from "@processmaker/vue-form-elements";
+import * as ModelerInspector from "../../processes/modeler/components/inspector/index";
+
+window.ModelerInspector = ModelerInspector;
+
+export default {};

resources/js/tasks/loaderEdit.js

@@ -24,6 +24,7 @@ import openAI from "../next/config/openAI";
 // Load syncronously shared components in window, for some packages
 import sharedComponents from "../next/libraries/sharedComponents";
 import vueFormElements from "../next/libraries/vueFormElements";
+
 import screenBuilder from "../next/screenBuilder";
 import monaco from "../next/monaco";
 
@@ -42,6 +43,7 @@ window.ProcessMaker = {
 };
 
 import("../next/components/index");
+import("../next/config/accesibility");
 
 // Initialize screenBuilder
 screenBuilder({ global: window });

resources/js/tasks/loaderMain.js

@@ -40,6 +40,7 @@ window.ProcessMaker = {
 };
 
 import("../next/components/index");
+import("../next/config/accesibility");
 
 // Vuex
 setUses(Vue, vuex.use);

resources/js/tasks/loaderPreview.js

@@ -59,7 +59,9 @@ setUses(Vue, vueCookies.use);
 
 // Initialize screenBuilder
 screenBuilder({ global: window });
+
 import("../next/components/index");
+import("../next/config/accesibility");
 
 const processmakerConfig = processmaker(window.ProcessMaker);
 setGlobalPMVariables(processmakerConfig.pm);

resources/jscomposition/cases/casesDetail/loader.js

@@ -8,7 +8,7 @@ import {
 } from "../../../js/next/globalVariables";
 
 import vuex from "../../../js/next/libraries/vuex";
-import lodash from "../../../js/next/libraries/lodash";
+// import lodash from "../../../js/next/libraries/lodash";
 import bootstrap from "../../../js/next/libraries/bootstrap";
 import jquery from "../../../js/next/libraries/jquery";
 import vueRouter from "../../../js/next/libraries/vueRouter";
@@ -25,6 +25,7 @@ import openAI from "../../../js/next/config/openAI";
 // Load syncronously shared components in window, for some packages
 import sharedComponents from "../../../js/next/libraries/sharedComponents";
 import vueFormElements from "../../../js/next/libraries/vueFormElements";
+import modelerInspector from "../../../js/next/libraries/modelerInspector";
 import modeler from "../../../js/next/modeler";
 import screenBuilderNext from "../../../js/next/screenBuilder";
 
@@ -60,7 +61,10 @@ setUses(Vue, vueRouter.use);
 // VueCookies
 setUses(Vue, vueCookies.use);
 
+// Initialize components asyncronously with Vue.component
 import("../../../js/next/components/index");
+import("../../../js/next/config/accesibility");
+
 // Initialize screenBuilder
 screenBuilderNext({ global: window });
 
@@ -90,6 +94,6 @@ setGlobalPMVariables(sessionConfig.pm);
 const openAIConfig = openAI();
 setGlobalPMVariables(openAIConfig.pm);
 
-// Layout modules
+// Layout modules asyncronously
 import("../../../js/next/layout/sidebar");
 import("../../../js/next/layout/navbar");

resources/jscomposition/cases/casesMain/loader.js

@@ -56,6 +56,7 @@ setUses(Vue, vueRouter.use);
 setUses(Vue, vueCookies.use);
 
 import("../../../js/next/components/index");
+import("../../../js/next/config/accesibility");
 
 const processmakerConfig = processmaker(window.ProcessMaker);
 setGlobalPMVariables(processmakerConfig.pm);