🔧 add jsPlumb decorator for the assessment brick

libs/features/convs-mgr/stories/blocks/library/main/src/lib/providers/assessment-brick.jsplumb.ts

@@ -0,0 +1,32 @@
+import { ComponentRef } from '@angular/core';
+import { BrowserJsPlumbInstance } from '@jsplumb/browser-ui';
+
+import { AssessmentBrick } from '@app/model/convs-mgr/stories/blocks/messaging';
+
+import { BlockComponent } from '@app/features/convs-mgr/stories/blocks/library/main';
+
+/**
+ * Decorates AssessmentBrick with JS plumb connectors.
+ *
+ * @param block   - AssessmentBrick data structure.
+ * @param comp    - Angular component within the viewport
+ * @param jsPlumb - Active jsPlumb instance
+ *
+ * @see {_JsPlumbComponentDecorator} - Should be the only one calling the component
+ */
+export function _AssessmentBrickDecoratePlumb(
+  block: AssessmentBrick,
+  comp: ComponentRef<BlockComponent>,
+  jsPlumb: BrowserJsPlumbInstance
+): ComponentRef<BlockComponent> {
+  jsPlumb.addEndpoint(comp.location.nativeElement, {
+    // Whether the anchor is target (Other Block -> This Block)
+    target: true,
+    cssClass: 'block_endpoint',
+    endpoint: 'Dot',
+    anchor: 'Left',
+    maxConnections: -1,
+  });
+
+  return comp;
+}

libs/features/convs-mgr/stories/blocks/library/main/src/lib/providers/jsplumb-decorator.function.ts

@@ -11,7 +11,8 @@ import { DocumentMessageBlock, EmailMessageBlock, ImageMessageBlock, LocationMes
           JumpBlock, MultipleInputMessageBlock,FailBlock, ImageInputBlock, LocationInputBlock, 
           AudioInputBlock, VideoInputBlock, WebhookBlock, OpenEndedQuestionBlock, KeywordMessageBlock, 
           MultiContentInputBlock,
-          EventBlock
+          EventBlock,
+          AssessmentBrick
 } from '@app/model/convs-mgr/stories/blocks/messaging';
 
 import { _MessageBlockDecoratePlumb } from './message-block.jsplumb';
@@ -40,6 +41,7 @@ import { _OpenEndedQuestionBlockDecoratePlumb } from './open-ended-question-bloc
 import { _MultiContentInputBlockDecoratePlumb } from './multi-content-input-block.jsplumb';
 import { _KeywordJumpBlockDecoratePlumb } from './keyword-jump-block.jsplumb';
 import { _EventBlockDecoratePlumb } from './event-block.jsplumb';
+import { _AssessmentBrickDecoratePlumb } from './assessment-brick.jsplumb';
 
 /**
  * This function adds jsPlumb endpoints to rendered components. 
@@ -125,6 +127,8 @@ export function _JsPlumbComponentDecorator(block: StoryBlock, comp: ComponentRef
       break;
     case StoryBlockTypes.Event:
       return _EventBlockDecoratePlumb(block as EventBlock, comp, jsPlumb);
+    case StoryBlockTypes.Assessment:
+      return _AssessmentBrickDecoratePlumb(block as AssessmentBrick, comp, jsPlumb);
   }
 
   return comp;