Merge pull request #5515 from jay-hodgson/PORTALS-3204

PORTALS-3204: Use SynapseChat from SRC (when available)

src/main/java/org/sagebionetworks/web/client/PortalGinInjector.java

@@ -17,6 +17,7 @@
 import org.sagebionetworks.web.client.presenter.BulkPresenterProxy;
 import org.sagebionetworks.web.client.presenter.ChallengeOverviewPresenter;
 import org.sagebionetworks.web.client.presenter.ChangeUsernamePresenter;
+import org.sagebionetworks.web.client.presenter.ChatPresenter;
 import org.sagebionetworks.web.client.presenter.ComingSoonPresenter;
 import org.sagebionetworks.web.client.presenter.DataAccessApprovalTokenPresenter;
 import org.sagebionetworks.web.client.presenter.DataAccessManagementPresenter;
@@ -896,4 +897,5 @@ public interface PortalGinInjector extends Ginjector {
   FeatureFlagConfig getFeatureFlagConfig();
 
   TrustCenterPresenter getTrustCenterPresenter();
+  ChatPresenter getChatPresenter();
 }

src/main/java/org/sagebionetworks/web/client/PortalGinModule.java

@@ -968,6 +968,7 @@ protected void configure() {
     bind(IntendedDataUseReportWidgetView.class)
       .to(IntendedDataUseReportWidgetViewImpl.class);
     bind(DialogView.class).to(Dialog.class);
+    bind(ChatView.class).to(ChatViewImpl.class);
 
     bind(FollowingPageView.class)
       .to(FollowingPageViewImpl.class)

src/main/java/org/sagebionetworks/web/client/jsinterop/SRC.java

@@ -121,6 +121,7 @@ public static class SynapseComponents {
     public static ReactComponentType<
       EntityAclEditorModalProps
     > EntityAclEditorModal;
+    public static ReactComponentType<SynapseChatProps> SynapseChat;
 
     /**
      * Pushes a global toast message. In SWC, you should use {@link DisplayUtils#notify}, rather than calling this method directly.

src/main/java/org/sagebionetworks/web/client/jsinterop/SynapseChatProps.java

@@ -0,0 +1,38 @@
+package org.sagebionetworks.web.client.jsinterop;
+
+import jsinterop.annotations.JsNullable;
+import jsinterop.annotations.JsOverlay;
+import jsinterop.annotations.JsPackage;
+import jsinterop.annotations.JsType;
+
+@JsType(isNative = true, namespace = JsPackage.GLOBAL, name = "Object")
+public class SynapseChatProps extends ReactComponentProps {
+
+  @JsNullable
+  public String initialMessage;
+
+  @JsNullable
+  public String agentId;
+
+  @JsNullable
+  public String chatbotName;
+
+  @JsOverlay
+  public static SynapseChatProps create(
+    String initialMessage,
+    String agentId,
+    String chatbotName
+  ) {
+    SynapseChatProps props = new SynapseChatProps();
+    if (initialMessage != null) {
+      props.initialMessage = initialMessage;
+    }
+    if (agentId != null) {
+      props.agentId = agentId;
+    }
+    if (chatbotName != null) {
+      props.chatbotName = chatbotName;
+    }
+    return props;
+  }
+}

src/main/java/org/sagebionetworks/web/client/mvp/AppPlaceHistoryMapper.java

@@ -11,6 +11,7 @@
 import org.sagebionetworks.web.client.place.Account;
 import org.sagebionetworks.web.client.place.Challenges;
 import org.sagebionetworks.web.client.place.ChangeUsername;
+import org.sagebionetworks.web.client.place.ChatPlace;
 import org.sagebionetworks.web.client.place.ComingSoon;
 import org.sagebionetworks.web.client.place.DataAccessApprovalTokenPlace;
 import org.sagebionetworks.web.client.place.DataAccessManagementPlace;
@@ -98,6 +99,7 @@
     TwoFactorAuthPlace.Tokenizer.class,
     FollowingPlace.Tokenizer.class,
     TrustCenterPlace.Tokenizer.class,
+    ChatPlace.Tokenizer.class,
   }
 )
 public interface AppPlaceHistoryMapper extends PlaceHistoryMapper {}

src/main/java/org/sagebionetworks/web/client/place/ChatPlace.java

@@ -0,0 +1,29 @@
+package org.sagebionetworks.web.client.place;
+
+import com.google.gwt.place.shared.PlaceTokenizer;
+import com.google.gwt.place.shared.Prefix;
+
+public class ChatPlace extends ParameterizedPlace {
+
+  public static final String INITIAL_MESSAGE = "initialMessage";
+  public static final String AGENT_ID = "agentId";
+  public static final String CHATBOT_NAME = "chatbotName";
+
+  public ChatPlace(String token) {
+    super(token);
+  }
+
+  @Prefix("Chat")
+  public static class Tokenizer implements PlaceTokenizer<ChatPlace> {
+
+    @Override
+    public String getToken(ChatPlace place) {
+      return place.toToken();
+    }
+
+    @Override
+    public ChatPlace getPlace(String token) {
+      return new ChatPlace(token);
+    }
+  }
+}

src/main/java/org/sagebionetworks/web/client/presenter/BulkPresenterProxy.java

@@ -28,6 +28,7 @@
 import org.sagebionetworks.web.client.place.Account;
 import org.sagebionetworks.web.client.place.Challenges;
 import org.sagebionetworks.web.client.place.ChangeUsername;
+import org.sagebionetworks.web.client.place.ChatPlace;
 import org.sagebionetworks.web.client.place.ComingSoon;
 import org.sagebionetworks.web.client.place.DataAccessApprovalTokenPlace;
 import org.sagebionetworks.web.client.place.DataAccessManagementPlace;
@@ -883,6 +884,23 @@ public void onSuccess() {
             presenter.start(panel, eventBus);
           }
 
+          @Override
+          public void onFailure(Throwable caught) {
+            loadError(caught);
+          }
+        }
+      );
+    } else if (place instanceof ChatPlace) {
+      GWT.runAsync(
+        ChatPlace.class,
+        new RunAsyncCallback() {
+          @Override
+          public void onSuccess() {
+            ChatPresenter presenter = ginjector.getChatPresenter();
+            presenter.setPlace((ChatPlace) place);
+            presenter.start(panel, eventBus);
+          }
+
           @Override
           public void onFailure(Throwable caught) {
             loadError(caught);

src/main/java/org/sagebionetworks/web/client/presenter/ChatPresenter.java

@@ -0,0 +1,38 @@
+package org.sagebionetworks.web.client.presenter;
+
+import com.google.gwt.activity.shared.AbstractActivity;
+import com.google.gwt.event.shared.EventBus;
+import com.google.gwt.user.client.ui.AcceptsOneWidget;
+import com.google.inject.Inject;
+import org.sagebionetworks.web.client.place.ChatPlace;
+import org.sagebionetworks.web.client.view.ChatView;
+
+public class ChatPresenter
+  extends AbstractActivity
+  implements Presenter<ChatPlace> {
+
+  private ChatPlace place;
+  private ChatView view;
+
+  @Inject
+  public ChatPresenter(ChatView view) {
+    this.view = view;
+    view.scrollToTop();
+  }
+
+  @Override
+  public void start(AcceptsOneWidget panel, EventBus eventBus) {
+    // Install the view
+    panel.setWidget(view);
+  }
+
+  @Override
+  public void setPlace(ChatPlace place) {
+    this.place = place;
+    String initialMessage = place.getParam(ChatPlace.INITIAL_MESSAGE);
+    String agentId = place.getParam(ChatPlace.AGENT_ID);
+    String chatbotName = place.getParam(ChatPlace.CHATBOT_NAME);
+
+    view.render(initialMessage, agentId, chatbotName);
+  }
+}

src/main/java/org/sagebionetworks/web/client/view/ChatView.java

@@ -0,0 +1,8 @@
+package org.sagebionetworks.web.client.view;
+
+import com.google.gwt.user.client.ui.IsWidget;
+
+public interface ChatView extends IsWidget {
+  void render(String initMessage, String agentId, String chatbotName);
+  void scrollToTop();
+}

src/main/java/org/sagebionetworks/web/client/view/ChatViewImpl.java

@@ -0,0 +1,61 @@
+package org.sagebionetworks.web.client.view;
+
+import com.google.gwt.user.client.Window;
+import com.google.gwt.user.client.ui.Composite;
+import com.google.inject.Inject;
+import org.sagebionetworks.web.client.GlobalApplicationState;
+import org.sagebionetworks.web.client.context.SynapseReactClientFullContextPropsProvider;
+import org.sagebionetworks.web.client.jsinterop.React;
+import org.sagebionetworks.web.client.jsinterop.ReactElement;
+import org.sagebionetworks.web.client.jsinterop.SRC;
+import org.sagebionetworks.web.client.jsinterop.SynapseChatProps;
+import org.sagebionetworks.web.client.jsinterop.SynapseHomepageV2Props;
+import org.sagebionetworks.web.client.widget.ReactComponent;
+import org.sagebionetworks.web.client.widget.header.Header;
+
+public class ChatViewImpl extends Composite implements ChatView {
+
+  ReactComponent container;
+
+  private Header headerWidget;
+  private SynapseReactClientFullContextPropsProvider propsProvider;
+  private GlobalApplicationState globalAppState;
+
+  @Inject
+  public ChatViewImpl(
+    Header headerWidget,
+    final SynapseReactClientFullContextPropsProvider propsProvider,
+    GlobalApplicationState globalAppState
+  ) {
+    this.headerWidget = headerWidget;
+    this.propsProvider = propsProvider;
+    this.globalAppState = globalAppState;
+    headerWidget.configure();
+    container = new ReactComponent();
+    initWidget(container);
+  }
+
+  @Override
+  public void render(String initMessage, String agentId, String chatbotName) {
+    headerWidget.configure();
+    headerWidget.refresh();
+    scrollToTop();
+    SynapseChatProps props = SynapseChatProps.create(
+      initMessage,
+      agentId,
+      chatbotName
+    );
+    ReactElement component = React.createElementWithSynapseContext(
+      SRC.SynapseComponents.SynapseChat,
+      props,
+      propsProvider.getJsInteropContextProps()
+    );
+
+    container.render(component);
+  }
+
+  @Override
+  public void scrollToTop() {
+    Window.scrollTo(0, 0);
+  }
+}