diff --git a/components/Parallax/index.tsx b/components/Parallax/index.tsx
deleted file mode 100644
index 28a37d2..0000000
--- a/components/Parallax/index.tsx
+++ /dev/null
@@ -1,82 +0,0 @@
-import React, { useEffect, useRef } from 'react';
-import { Parallax, Background } from 'react-parallax';
-
-import styles from './styles.module.css';
-
-
-const _Parallax: React.FC = () => {
-  const parallaxBackgroundImage: string = 'https://images.unsplash.com/photo-1493612276216-ee3925520721?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1300&q=80';
-  const sectionRef = useRef<HTMLTableSectionElement>(null);
-
-  useEffect(() => {
-    let observer: IntersectionObserver;
-
-    if (process.browser && 'IntersectionObserver' in window && sectionRef.current) {
-      const observerOptions: IntersectionObserverInit = {
-        root: null,
-        rootMargin: '0px',
-        threshold: [0.5, 0.8]
-      };
-
-      observer = new IntersectionObserver(handleIntersection, observerOptions);
-
-      observer.observe(sectionRef.current);
-    }
-
-    return () => {
-      const sectionRefDuplicate = sectionRef;
-
-      if (observer && sectionRefDuplicate.current) {
-        observer.unobserve(sectionRefDuplicate.current)
-      }
-    }
-  }, []);
-
-  const handleIntersection: IntersectionObserverCallback = (entries: IntersectionObserverEntry[]) => {
-    const [parallaxContainer] = entries;
-
-    if (parallaxContainer.boundingClientRect.top <= 200) {
-      console.log('about to scroll')
-      parallaxContainer.target.scrollTo({
-        top: 0,
-        left: 0,
-        behavior: 'smooth'
-      });
-    }
-
-    console.log(parallaxContainer.boundingClientRect, parallaxContainer.target.scrollTo, parallaxContainer)
-    if (parallaxContainer.intersectionRatio > 0) {
-      console.log('Element is Intersecting');
-    } else {
-      console.log('Element is NOT Intersecting');
-    }
-  }
-
-  return (
-    <section className={styles.parallaxContainer} ref={sectionRef}>
-      <Parallax
-        strength={500}
-        bgClassName={styles.parallaxBackground}
-        bgImage={parallaxBackgroundImage}
-        disabled={false}
-      >
-        {/* <Background>
-          <div className={styles.backgroundImage}></div>
-        </Background> */}
-        <div className={styles.pageOne}>
-          Custom Text
-        </div>
-
-        <div className={styles.pageTwo}>
-          Custom Text
-        </div>
-
-        <div className={styles.pageThree}>
-          Custom Text
-        </div>
-      </Parallax>
-    </section>
-  );
-};
-
-export default _Parallax;
diff --git a/components/Parallax/styles.module.css b/components/Parallax/styles.module.css
deleted file mode 100644
index 062240f..0000000
--- a/components/Parallax/styles.module.css
+++ /dev/null
@@ -1,30 +0,0 @@
-.parallaxContainer {
-  height: 100vh;
-  width: 100vw;
-  border: 5px solid red;
-}
-
-.parallaxBackground {
-  width: 100% !important;
-  height: 100% !important;
-}
-
-.page {
-  height: 100%;
-  width: 100%;
-}
-
-.pageOne {
-  composes: page;
-  background-color: red;
-}
-
-.pageTwo {
-  composes: page;
-  background-color: black;
-}
-
-.pageThree {
-  composes: page;
-  background-color: beige;
-}
diff --git a/components/Playlist/SelectPlatform.tsx b/components/Playlist/SelectPlatform.tsx
index 433ed52..6a8384c 100644
--- a/components/Playlist/SelectPlatform.tsx
+++ b/components/Playlist/SelectPlatform.tsx
@@ -1,9 +1,10 @@
-import React, { Fragment, useState } from 'react';
+import React, { FormEvent, useState } from 'react';
 import { RadioGroup } from '@headlessui/react';
 import cn from 'classnames';
+import { useRouter } from 'next/router';
 
 import styles from './styles.module.css';
-import { SupportedPlatformsForLogin } from '../../utils/platforms';
+import { SupportedPlatformsForLogin, getPlatformLabelForLogin } from '../../utils/platforms';
 import type {
   LoginPlatform,
   RadioGroupRenderProps
@@ -12,12 +13,28 @@ import CheckIcon from '../icons/CheckIcon';
 
 
 const SelectPlatform: React.FC = () => {
+  const router = useRouter();
   const [userPlatform, setUserPlatform] = useState<LoginPlatform | null>(null);
 
   const isUserPlatformSelected = userPlatform !== null;
 
+  const handlePlatformSelect = (e: FormEvent<HTMLFormElement>): void => {
+    e.preventDefault();
+
+    if (userPlatform) {
+      const platformLabel = getPlatformLabelForLogin(userPlatform.name);
+      const currentUrl = window.location.href;
+
+      router.replace(`/auth/example/${platformLabel}?type=web&next=${currentUrl}`);
+      return;
+    }
+
+    // TODO: log this to sentry
+    console.error('Invalid platform selection. You have to select a platfrom before proceeding.');
+  };
+
   return (
-    <section className={styles.selectPlatformContainer}>
+    <form className={styles.selectPlatformContainer} onSubmit={handlePlatformSelect}>
       <section className={styles.platformsSelectContainer}>
         <RadioGroup.Description>Select a platform to clone the playlist.</RadioGroup.Description>
         <RadioGroup value={userPlatform} onChange={setUserPlatform}>
@@ -48,8 +65,14 @@ const SelectPlatform: React.FC = () => {
         </RadioGroup>
       </section>
 
-      <button className={styles.loginBtn} disabled={!isUserPlatformSelected}>LOGIN</button>
-    </section>
+      <button
+        className={styles.loginBtn}
+        disabled={!isUserPlatformSelected}
+        type="submit"
+      >
+        LOGIN
+      </button>
+    </form>
   );
 }
 
diff --git a/index.d.ts b/index.d.ts
index e3d5cca..71e43cc 100644
--- a/index.d.ts
+++ b/index.d.ts
@@ -3,12 +3,6 @@ import { MenuId } from 'react-contexify';
 
 import {
   ContextMenuChildName,
-  APPLE_MUSIC_TYPE,
-  SPOTIFY_TYPE,
-  DEEZER_TYPE
-} from './utils/constants';
-
-import {
   ContactFormReducerEnum,
   ANNIE_TYPE,
   SPOTIFY_TYPE,
@@ -261,3 +255,34 @@ export interface ModalProps {
   title: string;
   description?: string;
 }
+
+export interface AuthExampleProps {
+  error?: string;
+  url: string;
+  type: string;
+  provider: string;
+  nextUrl: string;
+}
+
+export interface AuthExampleServerSideProps {
+  props: AuthExampleProps;
+}
+
+export interface AuthRedirectProps {
+  error: string | null;
+  url: string | null;
+}
+
+export interface AuthRedirectServerSideProps {
+  props: AuthRedirectProps;
+}
+
+export interface AuthVerifyProps {
+  error: string | null;
+  code: string | null;
+  provider: string | null;
+}
+
+export interface AuthVerifyServerSideProps {
+  props: AuthVerifyProps;
+}
diff --git a/next.config.js b/next.config.js
index b3d1970..be19c64 100644
--- a/next.config.js
+++ b/next.config.js
@@ -14,10 +14,10 @@ module.exports = {
   publicRuntimeConfig: {
     isDev,
     apiBaseUrl: process.env.ANNIE_API_BASE_URL,
+    NONCE: COMMIT_REF,
+    ENV: process.env.NODE_ENV || 'development',
   },
   env: {
-    COMMIT_REF,
-    NONCE: COMMIT_REF,
     ENV: process.env.NODE_ENV || 'development',
     BASE_URL: process.env.ANNIE_CLIENT_BASE_URL,
     API_BASE_URL: process.env.ANNIE_API_BASE_URL
diff --git a/package.json b/package.json
index e5fa4c4..9de9d23 100644
--- a/package.json
+++ b/package.json
@@ -39,6 +39,7 @@
     "react-hot-toast": "1.0.2",
     "react-parallax": "3.0.3",
     "react-select": "4.1.0",
+    "react-use": "^17.3.1",
     "typescript": "4.3.5"
   },
   "scripts": {
diff --git a/pages/_document.tsx b/pages/_document.tsx
index dde397f..163b79d 100644
--- a/pages/_document.tsx
+++ b/pages/_document.tsx
@@ -6,10 +6,14 @@ import Document, {
   Html,
 } from 'next/document';
 import { ServerPortal } from '@jesstelford/react-portal-universal/server';
+import getConfig from 'next/config';
 
 import { GA_TRACKING_ID } from '../utils/googleAnalytics';
 import { Fragment } from 'react';
 
+
+const { publicRuntimeConfig } = getConfig();
+
 class MyDocument extends Document {
   static async getInitialProps(ctx: DocumentContext) {
     const portals = new ServerPortal();
@@ -33,7 +37,7 @@ class MyDocument extends Document {
 
   render() {
     const analyticsUrl: string = `https://www.googletagmanager.com/gtag/js?id=${GA_TRACKING_ID}`;
-    const { NONCE, ENV } = process.env;
+    const { NONCE, ENV } = publicRuntimeConfig;
     const isDev: boolean = ENV === 'development';
     // const referrer = 'strict-origin';
     // const cspContent = `default-src 'self' *.dzcdn.net api.anniemusic.app googletagmanager.com; style-src 'strict-dynamic' 'nonce-w329sdada'; script-src 'strict-dynamic'; object-src 'none'; font-src 'self'; img-src 'self' res.cloudinary.com *.scdn.co *.dzcdn.net; frame-src airtable.com; base-uri 'self'; frame-ancestors airtable.com; report-uri http://localhost:5000/api/v1/complaint/csp`;
diff --git a/pages/auth/[provider].tsx b/pages/auth/[provider].tsx
new file mode 100644
index 0000000..098797d
--- /dev/null
+++ b/pages/auth/[provider].tsx
@@ -0,0 +1,124 @@
+import React, { Fragment, useState } from 'react';
+import { NextPage, GetServerSideProps, GetServerSidePropsContext } from 'next';
+import { useRouter } from 'next/router';
+import getConfig from 'next/config';
+import { useLocalStorage, useMount } from 'react-use';
+
+import Header from '../../components/Header';
+import Footer from '../../components/Footer';
+import CircleSpinner from '../../components/Spinner/CircleSpinner';
+import styles from './styles.module.css';
+import type {
+  AuthRedirectProps,
+  AuthRedirectServerSideProps
+} from '../..';
+import { isValidProvider } from '../../utils/provider';
+import { AUTH_NEXT_URL_KEY, FetchStatus } from '../../utils/constants';
+
+
+const { publicRuntimeConfig } = getConfig();
+
+const AuthRedirectPage: NextPage<AuthRedirectProps> = (props: AuthRedirectProps) => {
+  const { url, error } = props;
+
+  const [status, setStatus] = useState<FetchStatus>(FetchStatus.IDLE);
+  const [isMobile, setIsMobile] = useState<boolean>(false);
+  const router = useRouter();
+  const [nextUrl] = useLocalStorage(AUTH_NEXT_URL_KEY, undefined, { raw: true });
+
+  const handleAuthVerification = () => {
+    setIsMobile(!nextUrl);
+    setStatus(FetchStatus.SUCCESS);
+    console.log('mounted', nextUrl);
+  };
+
+  useMount(handleAuthVerification);
+
+  const renderContent = (): JSX.Element => {
+    if (error || status === FetchStatus.ERROR) {
+      const message = error || 'An error occurred while verifying your authentication credentials. Please try again.';
+
+      return (
+        <Fragment>
+            <p>{message}</p>
+        </Fragment>
+      );
+    }
+
+    if (url && status === FetchStatus.SUCCESS) {
+      switch (isMobile) {
+        case true:
+          window.location.href = `annie://login${url}`;
+          break;
+        case false:
+          router.replace(`/auth/verify${url}`);
+          break;
+        default:
+          break;
+      }
+
+      return <div />;
+    }
+
+    return <CircleSpinner />;
+  }
+
+
+  return (
+    <Fragment>
+      <Header />
+      <section className={styles.authContainer}>
+        {renderContent()}
+      </section>
+      <Footer />
+    </Fragment>
+  );
+};
+
+export const getServerSideProps: GetServerSideProps = async (
+  context: GetServerSidePropsContext
+): Promise<AuthRedirectServerSideProps> => {
+  const { provider, code = '', error: _error = '', user } = context.query;
+
+  const transformedProvider = (provider as string).toLowerCase();
+  const authError = (_error as string).toLowerCase();
+  const transformedCode = code as string;
+
+  try {
+    if (isValidProvider(transformedProvider) && !authError) {
+      let authRedirectEndpoint = `${publicRuntimeConfig.apiBaseUrl}/auth/${transformedProvider}?code=${transformedCode}`;
+
+      if (user) {
+        authRedirectEndpoint += `&user=${user}`;
+      }
+
+      const response = await fetch(authRedirectEndpoint);
+
+      if (response.ok) {
+        const { data } = await response.json();
+
+        console.log(JSON.stringify(data, null, 2), '<====');
+
+        return {
+          props: {
+            error: null,
+            url: data,
+          }
+        }
+      }
+    }
+  } catch (error) {
+    // need to figure out something to do with the error
+    // TODO: log this to sentry
+    console.warn(error);
+  }
+
+  return {
+    props: {
+      error: 'An error occurred while verifying your authentication credentials. Please try again.',
+      url: null
+    }
+  };
+}
+
+export default AuthRedirectPage;
diff --git a/pages/auth/example/[provider].tsx b/pages/auth/example/[provider].tsx
new file mode 100644
index 0000000..dc33f3b
--- /dev/null
+++ b/pages/auth/example/[provider].tsx
@@ -0,0 +1,130 @@
+import React, { Fragment, useEffect } from 'react';
+import { NextPage, GetServerSideProps, GetServerSidePropsContext } from 'next';
+import getConfig from 'next/config';
+import { useRouter } from 'next/router';
+import { useTitle, useLocalStorage } from 'react-use';
+
+import { isValidProvider } from '../../../utils/provider';
+import type {
+  AuthExampleProps,
+  AuthExampleServerSideProps
+} from '../../..';
+import { AUTH_NEXT_URL_KEY } from '../../../utils/constants';
+import styles from './styles.module.css';
+import Header from '../../../components/Header';
+import Footer from '../../../components/Footer';
+import CircleSpinner from '../../../components/Spinner/CircleSpinner';
+
+
+const { publicRuntimeConfig } = getConfig();
+
+const AuthExampleWithProvider: NextPage<AuthExampleProps> = (props: AuthExampleProps) => {
+  const { error, url, type, nextUrl: next } = props;
+
+  const router = useRouter();
+  useTitle('Authentication | Annie', {
+    restoreOnUnmount: true
+  });
+  const [_, setNextUrl] = useLocalStorage<string>(AUTH_NEXT_URL_KEY, undefined, {
+    raw: true
+  });
+
+  const { provider } = router.query;
+
+  useEffect(() => {
+    const shouldSetNextUrl = process.browser && (type === 'web') && Boolean(next) && url;
+
+    if (shouldSetNextUrl) {
+      setNextUrl(next);
+    }
+
+    window.location.href = url;
+  }, [url, router, next, type, setNextUrl]);
+
+  const renderContent = () => {
+    if (error) {
+      return (
+        <Fragment>
+          <p className={styles.skullIcon}>💀</p>
+          <p className={styles.errorText}>
+            Oops! Something went wrong.
+            <br />
+            {error}
+          </p>
+          <button className={styles.backBtn} onClick={router.back}>Go Back</button>
+        </Fragment>
+      )
+    }
+
+    return (
+      <Fragment>
+        <CircleSpinner />
+        <p className={styles.redirectText}>Redirecting to {provider} authentication page.</p>
+      </Fragment>
+    )
+  }
+
+  return (
+    <Fragment>
+      <Header />
+      <section className={styles.container}>
+        {renderContent()}
+      </section>
+      <Footer />
+    </Fragment>
+  )
+};
+
+export const getServerSideProps: GetServerSideProps = async (
+  context: GetServerSidePropsContext
+): Promise<AuthExampleServerSideProps> => {
+  let lowerCasedProvider = '';
+  let lowerCasedType = '';
+  let nextUrl = '';
+
+  try {
+    if (context.params && context.params.provider) {
+      const { provider } = context.params;
+      const { type = 'mobile', next } = context.query;
+
+      lowerCasedProvider = (provider as string).toLowerCase();
+      lowerCasedType = (type as string).toLowerCase();
+      nextUrl = (next as string).toLowerCase();
+
+      if (isValidProvider(lowerCasedProvider)) {
+        const authExampleEndpoint = `${publicRuntimeConfig.apiBaseUrl}/auth/example?provider=${lowerCasedProvider}`;
+
+        const response = await fetch(authExampleEndpoint);
+
+        if (response.ok) {
+          const { data } = await response.json();
+
+          return {
+            props: {
+              url: data.url,
+              type: lowerCasedType,
+              provider: lowerCasedProvider,
+              nextUrl
+            }
+          };
+        }
+      }
+    }
+  } catch (error) {
+    // need to figure out something to do with the error
+    // TODO: log this to sentry
+    console.warn(error);
+  }
+
+  return {
+    props: {
+      url: '',
+      type: lowerCasedType,
+      provider: lowerCasedProvider,
+      nextUrl,
+      error: 'The provider is not valid. Please enter a provider supported by Annie.'
+    }
+  };
+};
+
+export default AuthExampleWithProvider;
diff --git a/pages/auth/example/styles.module.css b/pages/auth/example/styles.module.css
new file mode 100644
index 0000000..262305f
--- /dev/null
+++ b/pages/auth/example/styles.module.css
@@ -0,0 +1,31 @@
+.container {
+  flex: 1;
+  padding: 1rem;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+}
+
+.backBtn {
+  background: var(--primary);
+  border: none;
+  border-radius: var(--borderRadius);
+  color: var(--white);
+  padding: 0.7rem 2rem;
+}
+
+.errorText {
+  color: red;
+  text-align: center;
+  line-height: 1.5rem;
+}
+
+.skullIcon {
+  font-size: 4.5rem;
+  margin: 0;
+}
+
+.redirectText {
+  text-align: center;
+}
diff --git a/pages/auth/styles.module.css b/pages/auth/styles.module.css
new file mode 100644
index 0000000..512d553
--- /dev/null
+++ b/pages/auth/styles.module.css
@@ -0,0 +1,7 @@
+.authContainer {
+  flex: 1;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+}
diff --git a/pages/auth/verify.tsx b/pages/auth/verify.tsx
new file mode 100644
index 0000000..6beed5a
--- /dev/null
+++ b/pages/auth/verify.tsx
@@ -0,0 +1,45 @@
+import { NextPage, GetServerSideProps, GetServerSidePropsContext } from 'next';
+import { Fragment } from 'react';
+
+import Header from '../../components/Header';
+import Footer from '../../components/Footer';
+import styles from './styles.module.css';
+import type { AuthVerifyServerSideProps } from '../..';
+
+
+const AuthVerifyPage: NextPage = () => {
+  return (
+    <Fragment>
+      <Header />
+      <section className={styles.authContainer}>
+        <p>Auth Verify</p>
+      </section>
+      <Footer />
+    </Fragment>
+  );
+};
+
+export const getServerSideProps: GetServerSideProps = async (
+  context: GetServerSidePropsContext
+): Promise<AuthVerifyServerSideProps> => {
+  let provider = null;
+  let error = 'An error occurred while validating your authentication credentials. Please try again.';
+  let code = null;
+
+  try {
+    const { provider, code, error } = context.query;
+    console.log(provider as string, '<-=====')
+  } catch (error) {
+
+  }
+
+  return {
+    props: {
+      provider,
+      error,
+      code
+    }
+  }
+};
+
+export default AuthVerifyPage;
diff --git a/pages/t/[id]/index.tsx b/pages/t/[id]/index.tsx
index 0d3f785..15dd133 100644
--- a/pages/t/[id]/index.tsx
+++ b/pages/t/[id]/index.tsx
@@ -1,5 +1,5 @@
 import React, { Fragment } from 'react';
-import { NextPage, GetServerSideProps } from 'next';
+import { NextPage, GetServerSideProps, NextPageContext, GetServerSidePropsContext } from 'next';
 import getConfig from 'next/config';
 
 import type { TrackPageProps } from '../../..';
@@ -61,14 +61,14 @@ const TrackDetail: NextPage<TrackPageProps> = (props: TrackPageProps) => {
   );
 };
 
-export const getServerSideProps: GetServerSideProps = async (context) => {
+export const getServerSideProps: GetServerSideProps = async (context: GetServerSidePropsContext) => {
   let trackId;
 
   try {
     if (context.params && context.params.id) {
       const { id: trackId } = context.params;
       let trackDetails = null;
-      const trackApiEndpoint: string = `${publicRuntimeConfig.apiBaseUrl}/track/${trackId}`;
+      const trackApiEndpoint = `${publicRuntimeConfig.apiBaseUrl}/track/${trackId}`;
       const res = await fetch(trackApiEndpoint);
       const { data } = await res.json();
 
diff --git a/utils/constants.ts b/utils/constants.ts
index b39c97f..494dd67 100644
--- a/utils/constants.ts
+++ b/utils/constants.ts
@@ -30,41 +30,45 @@ export enum ContextMenuChildName {
   OPEN_LINK
 };
 
-export const GA_ACTION_APP_STORE_DOWNLOAD: string = 'APP_STORE_DOWNLOAD';
-export const GA_ACTION_PLAY_STORE_DOWNLOAD: string = 'PLAY_STORE_DOWNLOAD';
-export const GA_ACTION_FOOTER_TWITTER_LINK: string = 'FOOTER_TWITTER_LINK';
-export const GA_ACTION_FOOTER_INSTAGRAM_LINK: string = 'FOOTER_INSTAGRAM_LINK';
-export const GA_ACTION_MUSIC_PLAYER: string = 'MUSIC_PLAYER_CLICKED';
-export const GA_ACTION_SPOTIFY_LINK_COPY: string = 'SPOTIFY_LINK_COPY';
-export const GA_ACTION_APPLE_MUSIC_LINK_COPY: string = 'APPLE_MUSIC_LINK_COPY';
-export const GA_ACTION_DEEZER_LINK_COPY: string = 'DEEZER_LINK_COPY';
-export const GA_ACTION_ANNIE_LINK_COPY: string = 'ANNIE_LINK_COPY';
-export const GA_ACTION_SPOTIFY_CARD_CLICK: string = 'SPOTIFY_CARD_CLICK';
-export const GA_ACTION_APPLE_MUSIC_CARD_CLICK: string =
+export const GA_ACTION_APP_STORE_DOWNLOAD = 'APP_STORE_DOWNLOAD';
+export const GA_ACTION_PLAY_STORE_DOWNLOAD = 'PLAY_STORE_DOWNLOAD';
+export const GA_ACTION_FOOTER_TWITTER_LINK = 'FOOTER_TWITTER_LINK';
+export const GA_ACTION_FOOTER_INSTAGRAM_LINK = 'FOOTER_INSTAGRAM_LINK';
+export const GA_ACTION_MUSIC_PLAYER = 'MUSIC_PLAYER_CLICKED';
+export const GA_ACTION_SPOTIFY_LINK_COPY = 'SPOTIFY_LINK_COPY';
+export const GA_ACTION_APPLE_MUSIC_LINK_COPY = 'APPLE_MUSIC_LINK_COPY';
+export const GA_ACTION_DEEZER_LINK_COPY = 'DEEZER_LINK_COPY';
+export const GA_ACTION_ANNIE_LINK_COPY = 'ANNIE_LINK_COPY';
+export const GA_ACTION_SPOTIFY_CARD_CLICK = 'SPOTIFY_CARD_CLICK';
+export const GA_ACTION_APPLE_MUSIC_CARD_CLICK =
   'APPLE_MUSIC_CARD_CLICK';
-export const GA_ACTION_DEEZER_CARD_CLICK: string = 'DEEZER_CARD_CLICK';
-export const GA_ACTION_OPEN_LINK_BUTTON_CLICK: string =
+export const GA_ACTION_DEEZER_CARD_CLICK = 'DEEZER_CARD_CLICK';
+export const GA_ACTION_OPEN_LINK_BUTTON_CLICK =
   'OPEN_LINK_BUTTON_CLICK';
-export const GA_ACTION_LINKEDIN_LINK_SHARE: string = 'LINKEDIN_LINK_SHARE';
-export const GA_ACTION_REDDIT_LINK_SHARE: string = 'REDDIT_LINK_SHARE';
-export const GA_ACTION_TWITTER_LINK_SHARE: string = 'TWITTER_LINK_SHARE';
-export const GA_ACTION_FACEBOOK_LINK_SHARE: string = 'FACEBOOK_LINK_SHARE';
-export const GA_ACTION_WHATSAPP_LINK_SHARE: string = 'WHATSAPP_LINK_SHARE';
-export const GA_ACTION_EMAIL_LINK_SHARE: string = 'EMAIL_LINK_SHARE';
+export const GA_ACTION_LINKEDIN_LINK_SHARE = 'LINKEDIN_LINK_SHARE';
+export const GA_ACTION_REDDIT_LINK_SHARE = 'REDDIT_LINK_SHARE';
+export const GA_ACTION_TWITTER_LINK_SHARE = 'TWITTER_LINK_SHARE';
+export const GA_ACTION_FACEBOOK_LINK_SHARE = 'FACEBOOK_LINK_SHARE';
+export const GA_ACTION_WHATSAPP_LINK_SHARE = 'WHATSAPP_LINK_SHARE';
+export const GA_ACTION_EMAIL_LINK_SHARE = 'EMAIL_LINK_SHARE';
 
-export const GA_CATEGORY_DOWNLOAD_BUTTONS: string = 'DOWNLOAD_BUTTONS';
-export const GA_CATEGORY_SOCIAL_MEDIA: string = 'SOCIAL_MEDIA';
-export const GA_CATEGORY_TRACK_ACTIONS: string = 'TRACK_ACTIONS';
-export const GA_CATEGORY_TRACK_SHARE_ACTIONS: string = 'TRACK_SHARE_ACTIONS';
+export const GA_CATEGORY_DOWNLOAD_BUTTONS = 'DOWNLOAD_BUTTONS';
+export const GA_CATEGORY_SOCIAL_MEDIA = 'SOCIAL_MEDIA';
+export const GA_CATEGORY_TRACK_ACTIONS = 'TRACK_ACTIONS';
+export const GA_CATEGORY_TRACK_SHARE_ACTIONS = 'TRACK_SHARE_ACTIONS';
 
-export const OEMBED_BASE_URL: string =
+export const OEMBED_BASE_URL =
   'https://api.anniemusic.app/api/v1/oembed';
 
-export const ANNIE_USER_SELECTED_STOREFRONT_KEY: string =
+export const ANNIE_USER_SELECTED_STOREFRONT_KEY =
   'ANNIE_STOREFRONT_USER_KEY';
 
-export const ANNIE_USER_COOKIE_ACCEPT: string = 'ANNIE_USER_COOKIE_ACCEPT';
-export const ANNIE_USER_TOKEN_KEY: string = 'ANNIE_USER_TOKEN';
-export const ANNIE_USER_PLATFORM_TOKEN: string = 'ANNIE_USER_PLATFORM_TOKEN';
+export const ANNIE_USER_COOKIE_ACCEPT = 'ANNIE_USER_COOKIE_ACCEPT';
+export const ANNIE_USER_TOKEN_KEY = 'ANNIE_USER_TOKEN';
+export const ANNIE_USER_PLATFORM_TOKEN = 'ANNIE_USER_PLATFORM_TOKEN';
 
-export const PLAYLIST_CONTEXT_ID: string = 'PLAYLIST_CONTEXT_ID';
+export const PLAYLIST_CONTEXT_ID = 'PLAYLIST_CONTEXT_ID';
+
+export const VALID_PROVIDER_OPTIONS = ['spotify', 'deezer', 'apple_music'];
+
+export const AUTH_NEXT_URL_KEY = 'ANNIE_AUTH_NEXT_URL';
diff --git a/utils/platforms.ts b/utils/platforms.ts
index 31a63d4..251d01f 100644
--- a/utils/platforms.ts
+++ b/utils/platforms.ts
@@ -3,7 +3,7 @@ import {
   DEEZER_TYPE,
   APPLE_MUSIC_TYPE
 } from './constants';
-import type { LoginPlatform } from '..';
+import type { LoginPlatform, PlatformOptions } from '..';
 
 
 export const SupportedPlatformsForLogin: LoginPlatform[] = [
@@ -23,3 +23,16 @@ export const SupportedPlatformsForLogin: LoginPlatform[] = [
   //   borderColor: '#FFE9F4'
   // }
 ];
+
+export const getPlatformLabelForLogin = (platformName: PlatformOptions): string => {
+  switch(platformName) {
+    case SPOTIFY_TYPE:
+      return 'spotify';
+    case DEEZER_TYPE:
+      return 'deezer';
+    case APPLE_MUSIC_TYPE:
+      return 'apple_music';
+    default:
+      return '';
+  }
+}
diff --git a/utils/provider.ts b/utils/provider.ts
new file mode 100644
index 0000000..26cf442
--- /dev/null
+++ b/utils/provider.ts
@@ -0,0 +1,5 @@
+import { VALID_PROVIDER_OPTIONS } from './constants';
+
+
+export const isValidProvider = (provider: string): boolean => VALID_PROVIDER_OPTIONS
+  .includes(provider);
diff --git a/yarn.lock b/yarn.lock
index a17c996..99cf8b2 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -977,7 +977,7 @@
   dependencies:
     regenerator-runtime "^0.13.4"
 
-"@babel/runtime@^7.10.2", "@babel/runtime@^7.11.2", "@babel/runtime@^7.12.0", "@babel/runtime@^7.12.5", "@babel/runtime@^7.13.10", "@babel/runtime@^7.3.1", "@babel/runtime@^7.5.5", "@babel/runtime@^7.8.7", "@babel/runtime@^7.9.2":
+"@babel/runtime@^7.1.2", "@babel/runtime@^7.10.2", "@babel/runtime@^7.11.2", "@babel/runtime@^7.12.0", "@babel/runtime@^7.12.5", "@babel/runtime@^7.13.10", "@babel/runtime@^7.3.1", "@babel/runtime@^7.5.5", "@babel/runtime@^7.8.7", "@babel/runtime@^7.9.2":
   version "7.15.3"
   resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.15.3.tgz#2e1c2880ca118e5b2f9988322bd8a7656a32502b"
   integrity sha512-OvwMLqNXkCXSz1kSm58sEsNuhqOx/fKpnUnKnFB5v8uDda5bLNEHNgKPvhDN6IU0LDcnHQ90LlJ0Q6jnyBSIBA==
@@ -1717,6 +1717,11 @@
     jest-diff "^27.0.0"
     pretty-format "^27.0.0"
 
+"@types/js-cookie@^2.2.6":
+  version "2.2.7"
+  resolved "https://registry.yarnpkg.com/@types/js-cookie/-/js-cookie-2.2.7.tgz#226a9e31680835a6188e887f3988e60c04d3f6a3"
+  integrity sha512-aLkWa0C0vO5b4Sr798E26QgOkss68Un0bLjs7u9qxzPT5CG+8DuNTffWES58YzJs3hrVAOs1wonycqEBqNJubA==
+
 "@types/json5@^0.0.29":
   version "0.0.29"
   resolved "https://registry.yarnpkg.com/@types/json5/-/json5-0.0.29.tgz#ee28707ae94e11d2b827bcbe5270bcea7f3e71ee"
@@ -1903,6 +1908,11 @@
     resolve-from "^5.0.0"
     rollup-pluginutils "^2.8.2"
 
+"@xobotyi/scrollbar-width@^1.9.5":
+  version "1.9.5"
+  resolved "https://registry.yarnpkg.com/@xobotyi/scrollbar-width/-/scrollbar-width-1.9.5.tgz#80224a6919272f405b87913ca13b92929bdf3c4d"
+  integrity sha512-N8tkAACJx2ww8vFMneJmaAgmjAG1tnVBZJRLRcx061tmsLRZHSEZSLuGWnwPtunsSLvSqXQ2wfp7Mgqg1I+2dQ==
+
 abab@^2.0.3, abab@^2.0.5:
   version "2.0.5"
   resolved "https://registry.yarnpkg.com/abab/-/abab-2.0.5.tgz#c0b678fb32d60fc1219c784d6a826fe385aeb79a"
@@ -2930,6 +2940,13 @@ copy-descriptor@^0.1.0:
   resolved "https://registry.yarnpkg.com/copy-descriptor/-/copy-descriptor-0.1.1.tgz#676f6eb3c39997c2ee1ac3a924fd6124748f578d"
   integrity sha1-Z29us8OZl8LuGsOpJP1hJHSPV40=
 
+copy-to-clipboard@^3.3.1:
+  version "3.3.1"
+  resolved "https://registry.yarnpkg.com/copy-to-clipboard/-/copy-to-clipboard-3.3.1.tgz#115aa1a9998ffab6196f93076ad6da3b913662ae"
+  integrity sha512-i13qo6kIHTTpCm8/Wup+0b1mVWETvu2kIMzKoK8FpkLkFxlt0znUAHcMzox+T8sPlqtZXq3CulEjQHsYiGFJUw==
+  dependencies:
+    toggle-selection "^1.0.6"
+
 core-js-pure@^3.16.0:
   version "3.16.3"
   resolved "https://registry.yarnpkg.com/core-js-pure/-/core-js-pure-3.16.3.tgz#41ccb9b6027535f8dd51a0af004c1c7f0a8c9ca7"
@@ -3033,6 +3050,14 @@ crypto-browserify@3.12.0, crypto-browserify@^3.11.0:
     randombytes "^2.0.0"
     randomfill "^1.0.3"
 
+css-in-js-utils@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/css-in-js-utils/-/css-in-js-utils-2.0.1.tgz#3b472b398787291b47cfe3e44fecfdd9e914ba99"
+  integrity sha512-PJF0SpJT+WdbVVt0AOYp9C8GnuruRlL/UFW7932nLWmFLQTaWEzTBQEx7/hn4BuV+WON75iAViSUJLiU3PKbpA==
+  dependencies:
+    hyphenate-style-name "^1.0.2"
+    isobject "^3.0.1"
+
 css-select@^4.1.3:
   version "4.1.3"
   resolved "https://registry.yarnpkg.com/css-select/-/css-select-4.1.3.tgz#a70440f70317f2669118ad74ff105e65849c7067"
@@ -3044,6 +3069,14 @@ css-select@^4.1.3:
     domutils "^2.6.0"
     nth-check "^2.0.0"
 
+css-tree@^1.1.2:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/css-tree/-/css-tree-1.1.3.tgz#eb4870fb6fd7707327ec95c2ff2ab09b5e8db91d"
+  integrity sha512-tRpdppF7TRazZrjJ6v3stzv93qxRcSsFmW6cX0Zm2NVKpxE1WV1HblnghVv9TreireHkqI/VDEsfolRF1p6y7Q==
+  dependencies:
+    mdn-data "2.0.14"
+    source-map "^0.6.1"
+
 css-what@^5.0.0, css-what@^5.0.1:
   version "5.0.1"
   resolved "https://registry.yarnpkg.com/css-what/-/css-what-5.0.1.tgz#3efa820131f4669a8ac2408f9c32e7c7de9f4cad"
@@ -3094,7 +3127,7 @@ cssstyle@^2.3.0:
   dependencies:
     cssom "~0.3.6"
 
-csstype@^3.0.2:
+csstype@^3.0.2, csstype@^3.0.6:
   version "3.0.8"
   resolved "https://registry.yarnpkg.com/csstype/-/csstype-3.0.8.tgz#d2266a792729fb227cd216fb572f43728e1ad340"
   integrity sha512-jXKhWqXPmlUeoQnF/EhTtTl4C9SnrxSH/jZUih3jmO6lBKr99rP3/+FmrMj4EFpOXzMtXHAZkd3x0E6h6Fgflw==
@@ -3454,6 +3487,13 @@ error-ex@^1.3.1:
   dependencies:
     is-arrayish "^0.2.1"
 
+error-stack-parser@^2.0.6:
+  version "2.0.6"
+  resolved "https://registry.yarnpkg.com/error-stack-parser/-/error-stack-parser-2.0.6.tgz#5a99a707bd7a4c58a797902d48d82803ede6aad8"
+  integrity sha512-d51brTeqC+BHlwF0BhPtcYgF5nlzf9ZZ0ZIUQNZpc9ZB9qw5IJ2diTrBY9jlCJkTLITYPjmiX6OWCwH+fuyNgQ==
+  dependencies:
+    stackframe "^1.1.1"
+
 es-abstract@^1.18.0-next.1, es-abstract@^1.18.0-next.2, es-abstract@^1.18.2, es-abstract@^1.18.5:
   version "1.18.5"
   resolved "https://registry.yarnpkg.com/es-abstract/-/es-abstract-1.18.5.tgz#9b10de7d4c206a3581fd5b2124233e04db49ae19"
@@ -3910,11 +3950,21 @@ fast-levenshtein@^2.0.6, fast-levenshtein@~2.0.6:
   resolved "https://registry.yarnpkg.com/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz#3d8a5c66883a16a30ca8643e851f19baa7797917"
   integrity sha1-PYpcZog6FqMMqGQ+hR8Zuqd5eRc=
 
+fast-shallow-equal@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/fast-shallow-equal/-/fast-shallow-equal-1.0.0.tgz#d4dcaf6472440dcefa6f88b98e3251e27f25628b"
+  integrity sha512-HPtaa38cPgWvaCFmRNhlc6NG7pv6NUHqjPgVAkWGoB9mQMwYB27/K0CvOM5Czy+qpT3e8XJ6Q4aPAnzpNpzNaw==
+
 fast-xml-parser@^3.16.0, fast-xml-parser@^3.19.0:
   version "3.19.0"
   resolved "https://registry.yarnpkg.com/fast-xml-parser/-/fast-xml-parser-3.19.0.tgz#cb637ec3f3999f51406dd8ff0e6fc4d83e520d01"
   integrity sha512-4pXwmBplsCPv8FOY1WRakF970TjNGnGnfbOnLqjlYvMiF1SR3yOHyxMR/YCXpPTOspNF5gwudqktIP4VsWkvBg==
 
+fastest-stable-stringify@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/fastest-stable-stringify/-/fastest-stable-stringify-2.0.2.tgz#3757a6774f6ec8de40c4e86ec28ea02417214c76"
+  integrity sha512-bijHueCGd0LqqNK9b5oCMHc0MluJAx0cwqASgbWMvkO01lCYgIhacVRLcaDz3QnyYIRNJRDwMb41VuT6pHJ91Q==
+
 fastq@^1.11.0, fastq@^1.6.0:
   version "1.12.0"
   resolved "https://registry.yarnpkg.com/fastq/-/fastq-1.12.0.tgz#ed7b6ab5d62393fb2cc591c853652a5c318bf794"
@@ -4446,6 +4496,11 @@ human-signals@^2.1.0:
   resolved "https://registry.yarnpkg.com/human-signals/-/human-signals-2.1.0.tgz#dc91fcba42e4d06e4abaed33b3e7a3c02f514ea0"
   integrity sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==
 
+hyphenate-style-name@^1.0.2:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/hyphenate-style-name/-/hyphenate-style-name-1.0.4.tgz#691879af8e220aea5750e8827db4ef62a54e361d"
+  integrity sha512-ygGZLjmXfPHj+ZWh6LwbC37l43MhfztxetbFCoYTM2VjkIUpeHgSNn7QIyVFj7YQ1Wl9Cbw5sholVJPzWvC2MQ==
+
 iconv-lite@0.4.24, iconv-lite@^0.4.4:
   version "0.4.24"
   resolved "https://registry.yarnpkg.com/iconv-lite/-/iconv-lite-0.4.24.tgz#2022b4b25fbddc21d2f524974a474aafe733908b"
@@ -4550,6 +4605,13 @@ ini@~1.3.0:
   resolved "https://registry.yarnpkg.com/ini/-/ini-1.3.8.tgz#a29da425b48806f34767a4efce397269af28432c"
   integrity sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==
 
+inline-style-prefixer@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/inline-style-prefixer/-/inline-style-prefixer-6.0.0.tgz#f73d5dbf2855733d6b153a4d24b7b47a73e9770b"
+  integrity sha512-XTHvRUS4ZJNzC1GixJRmOlWSS45fSt+DJoyQC9ytj0WxQfcgofQtDtyKKYxHUqEsWCs+LIWftPF1ie7+i012Fg==
+  dependencies:
+    css-in-js-utils "^2.0.0"
+
 internal-slot@^1.0.3:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/internal-slot/-/internal-slot-1.0.3.tgz#7347e307deeea2faac2ac6205d4bc7d34967f59c"
@@ -5338,6 +5400,11 @@ jest@27.0.6:
     import-local "^3.0.2"
     jest-cli "^27.0.6"
 
+js-cookie@^2.2.1:
+  version "2.2.1"
+  resolved "https://registry.yarnpkg.com/js-cookie/-/js-cookie-2.2.1.tgz#69e106dc5d5806894562902aa5baec3744e9b2b8"
+  integrity sha512-HvdH2LzI/EAZcUwA8+0nKNtWHqS+ZmijLA30RwZA0bo7ToCckjK5MkGhjED9KoRcXO6BaGI3I9UIzSA1FKFPOQ==
+
 "js-tokens@^3.0.0 || ^4.0.0", js-tokens@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/js-tokens/-/js-tokens-4.0.0.tgz#19203fb59991df98e3a287050d4647cdeaf32499"
@@ -5715,6 +5782,11 @@ md5.js@^1.3.4:
     inherits "^2.0.1"
     safe-buffer "^5.1.2"
 
+mdn-data@2.0.14:
+  version "2.0.14"
+  resolved "https://registry.yarnpkg.com/mdn-data/-/mdn-data-2.0.14.tgz#7113fc4281917d63ce29b43446f701e68c25ba50"
+  integrity sha512-dn6wd0uw5GsdswPFfsgMp5NSB0/aDe6fK94YJV/AJDYXL6HVLWBsxeq7js7Ad+mU2K9LAlwpk6kN2D5mwCPVow==
+
 memoize-one@^5.0.0:
   version "5.2.1"
   resolved "https://registry.yarnpkg.com/memoize-one/-/memoize-one-5.2.1.tgz#8337aa3c4335581839ec01c3d594090cebe8f00e"
@@ -5901,6 +5973,20 @@ ms@^2.1.1:
   resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.3.tgz#574c8138ce1d2b5861f0b44579dbadd60c6615b2"
   integrity sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==
 
+nano-css@^5.3.1:
+  version "5.3.4"
+  resolved "https://registry.yarnpkg.com/nano-css/-/nano-css-5.3.4.tgz#40af6a83a76f84204f346e8ccaa9169cdae9167b"
+  integrity sha512-wfcviJB6NOxDIDfr7RFn/GlaN7I/Bhe4d39ZRCJ3xvZX60LVe2qZ+rDqM49nm4YT81gAjzS+ZklhKP/Gnfnubg==
+  dependencies:
+    css-tree "^1.1.2"
+    csstype "^3.0.6"
+    fastest-stable-stringify "^2.0.2"
+    inline-style-prefixer "^6.0.0"
+    rtl-css-js "^1.14.0"
+    sourcemap-codec "^1.4.8"
+    stacktrace-js "^2.0.2"
+    stylis "^4.0.6"
+
 nanoid@^3.1.22:
   version "3.1.25"
   resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.1.25.tgz#09ca32747c0e543f0e1814b7d3793477f9c8e152"
@@ -6907,6 +6993,31 @@ react-transition-group@^4.3.0:
     loose-envify "^1.4.0"
     prop-types "^15.6.2"
 
+react-universal-interface@^0.6.2:
+  version "0.6.2"
+  resolved "https://registry.yarnpkg.com/react-universal-interface/-/react-universal-interface-0.6.2.tgz#5e8d438a01729a4dbbcbeeceb0b86be146fe2b3b"
+  integrity sha512-dg8yXdcQmvgR13RIlZbTRQOoUrDciFVoSBZILwjE2LFISxZZ8loVJKAkuzswl5js8BHda79bIb2b84ehU8IjXw==
+
+react-use@^17.3.1:
+  version "17.3.1"
+  resolved "https://registry.yarnpkg.com/react-use/-/react-use-17.3.1.tgz#12b248555775519aa2b900b22f1928d029bf99d1"
+  integrity sha512-hs7+tS4rRm1QLHPfanLCqXIi632tP4V7Sai1ENUP2WTufU6am++tU9uSw9YrNCFqbABiEv0ndKU1XCUcfu2tXA==
+  dependencies:
+    "@types/js-cookie" "^2.2.6"
+    "@xobotyi/scrollbar-width" "^1.9.5"
+    copy-to-clipboard "^3.3.1"
+    fast-deep-equal "^3.1.3"
+    fast-shallow-equal "^1.0.0"
+    js-cookie "^2.2.1"
+    nano-css "^5.3.1"
+    react-universal-interface "^0.6.2"
+    resize-observer-polyfill "^1.5.1"
+    screenfull "^5.1.0"
+    set-harmonic-interval "^1.0.1"
+    throttle-debounce "^3.0.1"
+    ts-easing "^0.2.0"
+    tslib "^2.1.0"
+
 react@17.0.2:
   version "17.0.2"
   resolved "https://registry.yarnpkg.com/react/-/react-17.0.2.tgz#d0b5cc516d29eb3eee383f75b62864cfb6800037"
@@ -7022,6 +7133,11 @@ require-from-string@^2.0.2:
   resolved "https://registry.yarnpkg.com/require-from-string/-/require-from-string-2.0.2.tgz#89a7fdd938261267318eafe14f9c32e598c36909"
   integrity sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==
 
+resize-observer-polyfill@^1.5.1:
+  version "1.5.1"
+  resolved "https://registry.yarnpkg.com/resize-observer-polyfill/-/resize-observer-polyfill-1.5.1.tgz#0e9020dd3d21024458d4ebd27e23e40269810464"
+  integrity sha512-LwZrotdHOo12nQuZlHEmtuXdqGoOD0OhaxopaNFxWzInpEgaLWoVuAMbTzixuosCx2nEG58ngzW3vxdWoxIgdg==
+
 resolve-cwd@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/resolve-cwd/-/resolve-cwd-3.0.0.tgz#0f0075f1bb2544766cf73ba6a6e2adfebcb13f2d"
@@ -7099,6 +7215,13 @@ rollup-pluginutils@^2.8.2:
   dependencies:
     estree-walker "^0.6.1"
 
+rtl-css-js@^1.14.0:
+  version "1.14.2"
+  resolved "https://registry.yarnpkg.com/rtl-css-js/-/rtl-css-js-1.14.2.tgz#fb2168433af9cdabee8a1613f4e2cbd1148acf6f"
+  integrity sha512-t6Wc/wpqm8s3kuXAV6tL/T7VS6n0XszzX58CgCsLj3O2xi9ITSLfzYhtl+GKyxCi/3QEqVctOJQwCiDzb2vteQ==
+  dependencies:
+    "@babel/runtime" "^7.1.2"
+
 run-parallel@^1.1.9:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/run-parallel/-/run-parallel-1.2.0.tgz#66d1368da7bdf921eb9d95bd1a9229e7f21a43ee"
@@ -7148,6 +7271,11 @@ scheduler@^0.20.2:
     loose-envify "^1.1.0"
     object-assign "^4.1.1"
 
+screenfull@^5.1.0:
+  version "5.1.0"
+  resolved "https://registry.yarnpkg.com/screenfull/-/screenfull-5.1.0.tgz#85c13c70f4ead4c1b8a935c70010dfdcd2c0e5c8"
+  integrity sha512-dYaNuOdzr+kc6J6CFcBrzkLCfyGcMg+gWkJ8us93IQ7y1cevhQAugFsaCdMHb6lw8KV3xPzSxzH7zM1dQap9mA==
+
 "semver@2 || 3 || 4 || 5", semver@^5.3.0, semver@^5.4.1, semver@^5.6.0:
   version "5.7.1"
   resolved "https://registry.yarnpkg.com/semver/-/semver-5.7.1.tgz#a954f931aeba508d307bbf069eff0c01c96116f7"
@@ -7189,6 +7317,11 @@ set-blocking@~2.0.0:
   resolved "https://registry.yarnpkg.com/set-blocking/-/set-blocking-2.0.0.tgz#045f9782d011ae9a6803ddd382b24392b3d890f7"
   integrity sha1-BF+XgtARrppoA93TgrJDkrPYkPc=
 
+set-harmonic-interval@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/set-harmonic-interval/-/set-harmonic-interval-1.0.1.tgz#e1773705539cdfb80ce1c3d99e7f298bb3995249"
+  integrity sha512-AhICkFV84tBP1aWqPwLZqFvAwqEoVA9kxNMniGEUvzOlm4vLmOFLiTT3UZ6bziJTy4bOVpzWGTfSCbmaayGx8g==
+
 set-value@^2.0.0, set-value@^2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/set-value/-/set-value-2.0.1.tgz#a18d40530e6f07de4228c7defe4227af8cad005b"
@@ -7369,6 +7502,11 @@ source-map-url@^0.4.0:
   resolved "https://registry.yarnpkg.com/source-map-url/-/source-map-url-0.4.1.tgz#0af66605a745a5a2f91cf1bbf8a7afbc283dec56"
   integrity sha512-cPiFOTLUKvJFIg4SKVScy4ilPPW6rFgMgfuZJPNoDuMs3nC1HbMUycBoJw77xFIp6z1UJQJOfx6C9GMH80DiTw==
 
+source-map@0.5.6:
+  version "0.5.6"
+  resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.5.6.tgz#75ce38f52bf0733c5a7f0c118d81334a2bb5f412"
+  integrity sha1-dc449SvwczxafwwRjYEzSiu19BI=
+
 source-map@0.7.3, source-map@^0.7.3:
   version "0.7.3"
   resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.7.3.tgz#5302f8169031735226544092e64981f751750383"
@@ -7391,6 +7529,11 @@ source-map@^0.6.0, source-map@^0.6.1, source-map@~0.6.1:
   resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.6.1.tgz#74722af32e9614e9c287a8d0bbde48b5e2f1a263"
   integrity sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==
 
+sourcemap-codec@^1.4.8:
+  version "1.4.8"
+  resolved "https://registry.yarnpkg.com/sourcemap-codec/-/sourcemap-codec-1.4.8.tgz#ea804bd94857402e6992d05a38ef1ae35a9ab4c4"
+  integrity sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA==
+
 spdx-correct@^3.0.0:
   version "3.1.1"
   resolved "https://registry.yarnpkg.com/spdx-correct/-/spdx-correct-3.1.1.tgz#dece81ac9c1e6713e5f7d1b6f17d468fa53d89a9"
@@ -7429,6 +7572,13 @@ sprintf-js@~1.0.2:
   resolved "https://registry.yarnpkg.com/sprintf-js/-/sprintf-js-1.0.3.tgz#04e6926f662895354f3dd015203633b857297e2c"
   integrity sha1-BOaSb2YolTVPPdAVIDYzuFcpfiw=
 
+stack-generator@^2.0.5:
+  version "2.0.5"
+  resolved "https://registry.yarnpkg.com/stack-generator/-/stack-generator-2.0.5.tgz#fb00e5b4ee97de603e0773ea78ce944d81596c36"
+  integrity sha512-/t1ebrbHkrLrDuNMdeAcsvynWgoH/i4o8EGGfX7dEYDoTXOYVAkEpFdtshlvabzc6JlJ8Kf9YdFEoz7JkzGN9Q==
+  dependencies:
+    stackframe "^1.1.1"
+
 stack-utils@^2.0.3:
   version "2.0.3"
   resolved "https://registry.yarnpkg.com/stack-utils/-/stack-utils-2.0.3.tgz#cd5f030126ff116b78ccb3c027fe302713b61277"
@@ -7436,6 +7586,28 @@ stack-utils@^2.0.3:
   dependencies:
     escape-string-regexp "^2.0.0"
 
+stackframe@^1.1.1:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/stackframe/-/stackframe-1.2.0.tgz#52429492d63c62eb989804c11552e3d22e779303"
+  integrity sha512-GrdeshiRmS1YLMYgzF16olf2jJ/IzxXY9lhKOskuVziubpTYcYqyOwYeJKzQkwy7uN0fYSsbsC4RQaXf9LCrYA==
+
+stacktrace-gps@^3.0.4:
+  version "3.0.4"
+  resolved "https://registry.yarnpkg.com/stacktrace-gps/-/stacktrace-gps-3.0.4.tgz#7688dc2fc09ffb3a13165ebe0dbcaf41bcf0c69a"
+  integrity sha512-qIr8x41yZVSldqdqe6jciXEaSCKw1U8XTXpjDuy0ki/apyTn/r3w9hDAAQOhZdxvsC93H+WwwEu5cq5VemzYeg==
+  dependencies:
+    source-map "0.5.6"
+    stackframe "^1.1.1"
+
+stacktrace-js@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/stacktrace-js/-/stacktrace-js-2.0.2.tgz#4ca93ea9f494752d55709a081d400fdaebee897b"
+  integrity sha512-Je5vBeY4S1r/RnLydLl0TBTi3F2qdfWmYsGvtfZgEI+SCprPppaIhQf5nGcal4gI4cGpCV/duLcAzT1np6sQqg==
+  dependencies:
+    error-stack-parser "^2.0.6"
+    stack-generator "^2.0.5"
+    stacktrace-gps "^3.0.4"
+
 stacktrace-parser@0.1.10:
   version "0.1.10"
   resolved "https://registry.yarnpkg.com/stacktrace-parser/-/stacktrace-parser-0.1.10.tgz#29fb0cae4e0d0b85155879402857a1639eb6051a"
@@ -7660,7 +7832,7 @@ stylis@3.5.4:
   resolved "https://registry.yarnpkg.com/stylis/-/stylis-3.5.4.tgz#f665f25f5e299cf3d64654ab949a57c768b73fbe"
   integrity sha512-8/3pSmthWM7lsPBKv7NXkzn2Uc9W7NotcwGNpJaa3k7WMM1XDCA4MgT5k/8BIexd5ydZdboXtU90XH9Ec4Bv/Q==
 
-stylis@^4.0.3:
+stylis@^4.0.3, stylis@^4.0.6:
   version "4.0.10"
   resolved "https://registry.yarnpkg.com/stylis/-/stylis-4.0.10.tgz#446512d1097197ab3f02fb3c258358c3f7a14240"
   integrity sha512-m3k+dk7QeJw660eIKRRn3xPF6uuvHs/FFzjX3HQ5ove0qYsiygoAhwn5a3IYKaZPo5LrYD0rfVmtv1gNY1uYwg==
@@ -7772,6 +7944,11 @@ throat@^6.0.1:
   resolved "https://registry.yarnpkg.com/throat/-/throat-6.0.1.tgz#d514fedad95740c12c2d7fc70ea863eb51ade375"
   integrity sha512-8hmiGIJMDlwjg7dlJ4yKGLK8EsYqKgPWbG3b4wjJddKNwc7N7Dpn08Df4szr/sZdMVeOstrdYSsqzX6BYbcB+w==
 
+throttle-debounce@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/throttle-debounce/-/throttle-debounce-3.0.1.tgz#32f94d84dfa894f786c9a1f290e7a645b6a19abb"
+  integrity sha512-dTEWWNu6JmeVXY0ZYoPuH5cRIwc0MeGbJwah9KUNYSJwommQpCzTySTpEe8Gs1J23aeWEuAobe4Ag7EHVt/LOg==
+
 timers-browserify@2.0.12, timers-browserify@^2.0.4:
   version "2.0.12"
   resolved "https://registry.yarnpkg.com/timers-browserify/-/timers-browserify-2.0.12.tgz#44a45c11fbf407f34f97bccd1577c652361b00ee"
@@ -7826,6 +8003,11 @@ to-regex@^3.0.1, to-regex@^3.0.2:
     regex-not "^1.0.2"
     safe-regex "^1.1.0"
 
+toggle-selection@^1.0.6:
+  version "1.0.6"
+  resolved "https://registry.yarnpkg.com/toggle-selection/-/toggle-selection-1.0.6.tgz#6e45b1263f2017fa0acc7d89d78b15b8bf77da32"
+  integrity sha1-bkWxJj8gF/oKzH2J14sVuL932jI=
+
 toidentifier@1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/toidentifier/-/toidentifier-1.0.0.tgz#7e1be3470f1e77948bc43d94a3c8f4d7752ba553"
@@ -7854,6 +8036,11 @@ tr46@^2.1.0:
   dependencies:
     punycode "^2.1.1"
 
+ts-easing@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/ts-easing/-/ts-easing-0.2.0.tgz#c8a8a35025105566588d87dbda05dd7fbfa5a4ec"
+  integrity sha512-Z86EW+fFFh/IFB1fqQ3/+7Zpf9t2ebOAxNI/V6Wo7r5gqiqtxmgTlQ1qbqQcjLKYeSHPTsEmvlJUDg/EuL0uHQ==
+
 ts-jest@27.0.5:
   version "27.0.5"
   resolved "https://registry.yarnpkg.com/ts-jest/-/ts-jest-27.0.5.tgz#0b0604e2271167ec43c12a69770f0bb65ad1b750"
@@ -7888,7 +8075,7 @@ tslib@^1.11.1, tslib@^1.8.0, tslib@^1.8.1:
   resolved "https://registry.yarnpkg.com/tslib/-/tslib-1.14.1.tgz#cf2d38bdc34a134bcaf1091c41f6619e2f672d00"
   integrity sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==
 
-tslib@^2.0.0, tslib@^2.2.0, tslib@^2.3.0:
+tslib@^2.0.0, tslib@^2.1.0, tslib@^2.2.0, tslib@^2.3.0:
   version "2.3.1"
   resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.3.1.tgz#e8a335add5ceae51aa261d32a490158ef042ef01"
   integrity sha512-77EbyPPpMz+FRFRuAFlWMtmgUWGe9UOG2Z25NqCwiIjRhOf5iKGuzSe5P2w1laq+FkRy4p+PCuVkJSGkzTEKVw==