From 31da3adaa92fd46fd36b2cb7e5fa8c2b1a377a67 Mon Sep 17 00:00:00 2001
From: Nick O'Leary <nick.oleary@gmail.com>
Date: Mon, 18 Oct 2021 20:29:37 +0100
Subject: [PATCH] Fix hide/show of palette in tour and add MQTT nodes

---
 .../editor-client/src/tours/welcome.js         | 18 +++++++++++++++++-
 1 file changed, 17 insertions(+), 1 deletion(-)

diff --git a/packages/node_modules/@node-red/editor-client/src/tours/welcome.js b/packages/node_modules/@node-red/editor-client/src/tours/welcome.js
index b3186a49b..cb1266b89 100644
--- a/packages/node_modules/@node-red/editor-client/src/tours/welcome.js
+++ b/packages/node_modules/@node-red/editor-client/src/tours/welcome.js
@@ -93,6 +93,8 @@ export default {
         {
             title: {"en-US":"Link Call node added"},
             prepare(done) {
+                this.paletteWasClosed = $("#red-ui-main-container").hasClass("red-ui-palette-closed");
+                RED.actions.invoke("core:toggle-palette",true)
                 $('[data-palette-type="link call"]')[0].scrollIntoView({block:"center"})
                 setTimeout(done,100);
             },
@@ -100,13 +102,27 @@ export default {
             direction: "right",
             description: { "en-US": '<p>The <code>Link Call</code> node lets you call another flow that begins with a <code>Link In</code> node and get the result back when the message reaches a <code>Link Out</code> node.</p>' },
         },
-
+        {
+            title: {"en-US":"MQTT nodes support dynamic connections"},
+            prepare(done) {
+                $('[data-palette-type="mqtt out"]')[0].scrollIntoView({block:"center"})
+                setTimeout(done,100);
+            },
+            element: '[data-palette-type="mqtt out"]',
+            direction: "right",
+            description: { "en-US": '<p>The <code>MQTT</code> nodes now support creating their connections and subscriptions dynamically.</p>' },
+        },
         {
             title: {"en-US":"File nodes renamed"},
             prepare(done) {
                 $('[data-palette-type="file"]')[0].scrollIntoView({block:"center"})
                 setTimeout(done,100);
             },
+            complete() {
+                if (this.paletteWasClosed) {
+                    RED.actions.invoke("core:toggle-palette",false)
+                }
+            },
             element: '[data-palette-type="file"]',
             direction: "right",
             description: { "en-US": '<p>The file nodes have been renamed to make it clearer which node does what.</p>' },