👉 **added**: ability to not activate NoInput and NoMatch connector if…

… commands inside cds-action-replyv2 not contains buttons

src/app/chatbot-design-studio/cds-dashboard/cds-canvas/actions/list/cds-action-reply/cds-action-reply-v2/cds-action-reply.component.html

@@ -217,6 +217,7 @@
                     [idAction] = "idAction"
                     [action] = "action"
                     [previewMode] = "previewMode"
+                    [handleActionChanges]="eventActionChanges.asObservable()"
                     (updateAndSaveAction) = onUpdateAndSaveAction($event)
                     (changeActionReply) = onChangeActionReply($event)
                     (onConnectorChange)= onConnectorChangeReply($event)>

src/app/chatbot-design-studio/cds-dashboard/cds-canvas/actions/list/cds-action-reply/cds-action-reply-v2/cds-action-reply.component.ts

@@ -9,6 +9,7 @@ import { IntentService } from '../../../../../../services/intent.service';
 import { ConnectorService } from '../../../../../../services/connector.service';
 import { LoggerService } from 'src/chat21-core/providers/abstract/logger.service';
 import { LoggerInstance } from 'src/chat21-core/providers/logger/loggerInstance';
+import { Subject } from 'rxjs';
 
 
 @Component({
@@ -27,6 +28,8 @@ export class CdsActionReplyV2Component implements OnInit {
   @Output() updateAndSaveAction = new EventEmitter();
   @Output() onConnectorChange = new EventEmitter<{type: 'create' | 'delete',  fromId: string, toId: string}>()
 
+  eventActionChanges: Subject<ActionReplyV2> = new Subject<ActionReplyV2>();
+
   // idIntentSelected: string;
   idAction: string;
 
@@ -346,7 +349,8 @@ export class CdsActionReplyV2Component implements OnInit {
     event.buttons.splice(event.index, 1);
     var intentId = this.idAction.substring(0, this.idAction.indexOf('/'));
     this.connectorService.deleteConnectorFromAction(intentId, button.__idConnector);
-    this.updateAndSaveAction.emit({type: TYPE_UPDATE_ACTION.ACTION, element: this.action});
+    const element = {type: TYPE_UPDATE_ACTION.ACTION, element: this.action};
+    this.onUpdateAndSaveAction(element);
   }
 
 
@@ -358,6 +362,7 @@ export class CdsActionReplyV2Component implements OnInit {
   public async onUpdateAndSaveAction(element) {
     this.logger.log('[cds-action-reply] onUpdateAndSaveAction:::: ', this.action, element);
     // this.connectorService.updateConnector(this.intentSelected.intent_id);
+    this.eventActionChanges.next(this.action)
     this.updateAndSaveAction.emit(this.action);
   }
 

src/app/chatbot-design-studio/cds-dashboard/cds-canvas/actions/list/cds-action-reply/elements/cds-action-reply-settings/cds-action-reply-settings.component.html

@@ -21,7 +21,8 @@
         <cds-connector class="button-connector"
             [idConnector] = "idConnectorNoInput"
             [idConnection] = "idConnectionNoInput"
-            [isConnected] = "isConnectedNoInput">
+            [isConnected] = "isConnectedNoInput"
+            [isDisabled] = "isConnectorInputDisabled">
         </cds-connector>
     </div>
 
@@ -36,7 +37,8 @@
         <cds-connector class="button-connector"
             [idConnector] = "idConnectorNoMatch"
             [idConnection] = "idConnectionNoMatch"
-            [isConnected] = "isConnectedNoMatch">
+            [isConnected] = "isConnectedNoMatch"
+            [isDisabled] = "isConnectorMatchDisabled">
         </cds-connector>
     </div>
 

src/app/chatbot-design-studio/cds-dashboard/cds-canvas/actions/list/cds-action-reply/elements/cds-action-reply-settings/cds-action-reply-settings.component.ts

@@ -11,6 +11,7 @@ import { Subscription } from 'rxjs/internal/Subscription';
 import { LoggerService } from 'src/chat21-core/providers/abstract/logger.service';
 import { LoggerInstance } from 'src/chat21-core/providers/logger/loggerInstance';
 import { secondsToDhms } from 'src/app/utils/util';
+import { Observable } from 'rxjs';
 
 @Component({
   selector: 'cds-action-reply-settings',
@@ -27,6 +28,7 @@ export class CdsActionReplySettingsComponent implements OnInit {
   @Input() action: ActionReplyV2;
   @Input() index: number;
   @Input() previewMode: boolean = true;
+  @Input() handleActionChanges: Observable<ActionReplyV2>
   @Output() onConnectorChange = new EventEmitter<{type: 'create' | 'delete',  fromId: string, toId: string}>()
 
   listOfIntents: Array<{name: string, value: string, icon?:string}>;
@@ -39,6 +41,8 @@ export class CdsActionReplySettingsComponent implements OnInit {
   idConnectionNoInput: string;
   isConnectedNoMatch: boolean = false;
   isConnectedNoInput: boolean = false;
+  isConnectorInputDisabled: boolean = false;
+  isConnectorMatchDisabled: boolean = false;
   connector: any;
   private subscriptionChangedConnector: Subscription;
 
@@ -61,6 +65,12 @@ export class CdsActionReplySettingsComponent implements OnInit {
       }
     });
     this.initializeConnector();
+
+    this.handleActionChanges.subscribe(()=> this.checkButtonsInCommands())
+  }
+
+  ngOnChanges() {
+    this.logger.debug("[ACTION REPLY SETTINGS] onChangessss: ", this.action);
   }
 
   /** */
@@ -80,6 +90,7 @@ export class CdsActionReplySettingsComponent implements OnInit {
     this.idConnectorNoMatch = this.idAction + '/noMatch';
     this.listOfIntents = this.intentService.getListOfIntents();
     this.checkConnectionStatus();
+    this.checkButtonsInCommands();
   }
 
   private updateConnector(){
@@ -172,7 +183,25 @@ export class CdsActionReplySettingsComponent implements OnInit {
   }
 
   // PRIVATE FUNCTIONS //
-
+  private checkButtonsInCommands(){
+    let commands = this.action.attributes.commands
+    if(commands && commands.length > 0){
+      let messages = commands.filter(command => command.type === TYPE_COMMAND.MESSAGE)
+      messages.forEach(el => {
+        if(el.message.attributes.attachment && el.message.attributes.attachment.buttons && el.message.attributes.attachment.buttons.length > 0){
+          this.isConnectorInputDisabled = false;
+          this.isConnectorMatchDisabled = false;
+          return;
+
+        }else{
+          //CASE: no buttons in message element
+          this.isConnectorInputDisabled = true;
+          this.isConnectorMatchDisabled = true;
+          return;
+        }
+      })
+    }
+  }
 
   // EVENT FUNCTIONS //
 

src/app/chatbot-design-studio/cds-dashboard/cds-canvas/base-elements/cds-connector/cds-connector.component.html

@@ -2,7 +2,7 @@
     <div class="block-line">
         <!-- <svg shape-rendering="geometricPrecision" class="pre-line"><path d="M 0 4 L 13 4" class="sc-eGiIjr kEjIty sc-bTQVhO kjXfPj"></path></svg> -->
     </div>
-    <div class="block-connector">
+    <div class="block-connector" [attr.disabled]="isDisabled">
         <div connector *ngIf="!isConnected" [id]="idConnector" class="point-connector-empty tds_connectable"></div>
         <div connector *ngIf="isConnected" [id]="idConnector" [attr.idConnection]="idConnection" class="point-connector"></div>
     </div>

src/app/chatbot-design-studio/cds-dashboard/cds-canvas/base-elements/cds-connector/cds-connector.component.scss

@@ -32,6 +32,19 @@
     align-items: center;
     -webkit-box-pack: center;
     justify-content: center;
+
+    &[disabled = "true"]{
+        cursor: not-allowed !important;
+        opacity: 0.6;
+
+        .point-connector,
+        .point-connector-empty,
+        .point-connector-empty:hover{
+            cursor: not-allowed !important;
+            pointer-events:none;
+        }
+
+    }
     // cursor: copy;
 }
 

src/app/chatbot-design-studio/cds-dashboard/cds-canvas/base-elements/cds-connector/cds-connector.component.ts

@@ -9,6 +9,7 @@ export class CdsConnectorComponent implements OnInit {
   @Input() idConnector: string;
   @Input() idConnection: string;
   @Input() isConnected: boolean;
+  @Input() isDisabled: boolean;
 
   constructor() { }