New Privacy Policy (codesandbox#3815)

Major changes to our currently outdated and privacy statement containing inaccurate statements. Main reason for the rewrites are:
* Add European or EEA focus and compliance with laws and regulations;
* Support introduction of upcoming email campaigns;
* Tell you who we partner with;
* Provide more accurate information on how we treat personal data.

This PR also introduces homepage and editor notifications, informing viewers about the applicability of the policy.

Privacy is an ongoing concern for CodeSandbox and our next update is likely to contain more information on international relations, such as there is the Privacy Shield Framework between US-EU. Please do reach out to us with questions.

Author: oskarabc

packages/app/src/app/overmind/onInitialize.ts

@@ -1,10 +1,12 @@
+import { convertTypeToStatus } from '@codesandbox/common/lib/utils/notifications';
 import { OnInitialize } from '.';
 
 export const onInitialize: OnInitialize = async (
   { state, effects, actions },
   overmindInstance
 ) => {
   const provideJwtToken = () => state.jwt || effects.jwt.get();
+  const seenTermsKey = 'ACCEPTED_TERMS_CODESANDBOX';
 
   state.isFirstVisit = Boolean(
     !effects.jwt.get() && !effects.browser.storage.get('hasVisited')
@@ -104,4 +106,26 @@ export const onInitialize: OnInitialize = async (
   });
 
   effects.preview.initialize(overmindInstance.reaction);
+
+  // show terms message on first visit since new terms
+  if (!effects.browser.storage.get(seenTermsKey)) {
+    effects.notificationToast.add({
+      message:
+        'Hello, our privacy policy has been updated recently. What’s new? CodeSandbox emails. Please read and reach out.',
+      title: 'Updated Privacy',
+      status: convertTypeToStatus('notice'),
+      sticky: true,
+      actions: {
+        primary: [
+          {
+            label: 'Open Privacy Policy',
+            run: () => {
+              window.open('https://codesandbox.io/legal/privacy', '_blank');
+            },
+          },
+        ],
+      },
+    });
+    effects.browser.storage.set(seenTermsKey, true);
+  }
 };