Add back user feedback survey behaviour (codesandbox#2980)

* Add back user feedback survey behaviour

* Change call to notification

Author: CompuIves

packages/app/src/app/overmind/actions.ts

@@ -76,7 +76,8 @@ type ModalName =
   | 'preferences'
   | 'share'
   | 'searchDependencies'
-  | 'signInForTemplates';
+  | 'signInForTemplates'
+  | 'userSurvey';
 export const modalOpened: Action<{ modal: ModalName; message?: string }> = (
   { state, effects },
   { modal, message }

packages/app/src/app/overmind/effects/api/index.ts

@@ -68,6 +68,9 @@ export default {
   getCurrentUser(): Promise<CurrentUser> {
     return api.get('/users/current');
   },
+  markSurveySeen(): Promise<void> {
+    return api.post('/users/survey-seen', {});
+  },
   getDependency(name: string): Promise<Dependency> {
     return api.get(`/dependencies/${name}@latest`);
   },

packages/app/src/app/overmind/factories.ts

@@ -30,6 +30,7 @@ export const withLoadApp = <T>(
       state.user = await effects.api.getCurrentUser();
       actions.internal.setPatronPrice();
       actions.internal.setSignedInCookie();
+      actions.internal.showUserSurveyIfNeeded();
       effects.live.connect();
       actions.userNotifications.internal.initialize();
       effects.api.preloadTemplates();
@@ -112,7 +113,7 @@ export const createModals = <
   state?: {
     current: keyof T;
   } & {
-    [K in keyof T]: T[K]['state'] & { isCurrent: IDerive<any, any, boolean> }
+    [K in keyof T]: T[K]['state'] & { isCurrent: IDerive<any, any, boolean> };
   };
   actions?: {
     [K in keyof T]: {
@@ -121,7 +122,7 @@ export const createModals = <
         T[K]['result']
       >;
       close: AsyncAction<T[K]['result']>;
-    }
+    };
   };
 } => {
   function createModal(name, modal) {

packages/app/src/app/overmind/internalActions.ts

@@ -9,6 +9,7 @@ import {
 } from '@codesandbox/common/lib/types';
 import { identify, setUserId } from '@codesandbox/common/lib/utils/analytics';
 
+import { NotificationStatus } from '@codesandbox/notifications';
 import { createOptimisticModule } from './utils/common';
 import getItems from './utils/items';
 import { defaultOpenedModule, mainModule } from './utils/main-module';
@@ -68,6 +69,33 @@ export const setSignedInCookie: Action = ({ state }) => {
   setUserId(state.user.id);
 };
 
+export const showUserSurveyIfNeeded: Action = ({ state, effects, actions }) => {
+  if (state.user.sendSurvey) {
+    // Let the server know that we've seen the survey
+    effects.api.markSurveySeen();
+
+    effects.notificationToast.add({
+      title: 'Help improve CodeSandbox',
+      message:
+        "We'd love to hear your thoughts, it's 7 questions and will only take 2 minutes.",
+      status: NotificationStatus.NOTICE,
+      sticky: true,
+      actions: {
+        primary: [
+          {
+            label: 'Open Survey',
+            run: () => {
+              actions.modalOpened({
+                modal: 'userSurvey',
+              });
+            },
+          },
+        ],
+      },
+    });
+  }
+};
+
 export const addNotification: Action<{
   title: string;
   type: 'notice' | 'success' | 'warning' | 'error';

packages/common/src/types/index.ts

@@ -125,6 +125,7 @@ export type CurrentUser = {
       email: string;
     };
   };
+  sendSurvey: boolean;
 };
 
 export type CustomTemplate = {