@datalayer/core 0.0.2 → 0.0.4

package/lib/hooks/useCache.js

@@ -2,19 +2,15 @@
  * Copyright (c) 2023-2025 Datalayer, Inc.
  * Distributed under the terms of the Modified BSD License.
  */
-/*
- * Copyright (c) 2021-2024 Datalayer, Inc.
- *
- * Datalayer License
- */
 import { URLExt } from '@jupyterlab/coreutils';
-import { BOOTSTRAP_USER_ONBOARDING, LinkedInUser, asContact, asDatasource, asInbound, asInvite, asOrganization, asOutbound, asPage, asSecret, asSpace, asSurvey, asTeam, asToken, asUsage, asUser, } from "../models";
+import { BOOTSTRAP_USER_ONBOARDING, LinkedInUser, asContact, asDatasource, asInbound, asInvite, asOrganization, asOutbound, asPage, asSecret, asSpace, asSurvey, asTeam, asToken, asUsage, asUser, } from '../models';
 import { useCoreStore, useIAMStore } from '../state';
-import { asDisplayName, namesAsInitials, asArray } from "../utils";
+import { asDisplayName, namesAsInitials, asArray } from '../utils';
 import { IAMProvidersSpecs } from '../models';
 import { newUserMock } from './../mocks';
-import { useRun } from "./useRun";
-import { useAuthorization } from "./useAuthorization";
+import { useDatalayer } from './useDatalayer';
+import { useAuthorization } from './useAuthorization';
+import { useUploadForm } from './useUpload';
 import { OUTPUTSHOT_PLACEHOLDER_DEFAULT_SVG } from './assets';
 const CONTACTS_BY_HANDLE = new Map();
 const CONTACTS_BY_ID = new Map();
@@ -69,10 +65,13 @@ const DEFAULT_SEARCH_OPTS = {
  * instead of redirecting to the login page).
  */
 export const useCache = ({ loginRoute = '/login' } = {}) => {
-    const { configuration } = useCoreStore();
+    const coreStore = useCoreStore();
+    const { configuration } = coreStore;
     const { user } = useIAMStore();
-    const { requestRun } = useRun({ loginRoute });
+    const { requestDatalayer } = useDatalayer({ loginRoute });
     const { checkIsOrganizationMember } = useAuthorization();
+    // Hook for notebook upload/creation
+    const { isLoading: notebookUploadLoading, uploadAndSubmit: uploadNotebook, progress: notebookUploadProgress, reset: resetNotebookUpload, } = useUploadForm(`${coreStore.configuration.spacerRunUrl}/api/spacer/v1/notebooks`);
     // Caches -------------------------------------------------------------------
     const clearAllCaches = () => {
         CONTACTS_BY_HANDLE.clear();
@@ -128,25 +127,25 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
     };
     // Authentication ------------------------------------------------------------------
     const login = (handle, password) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.iamRunUrl}/api/iam/v1/login`,
             method: 'POST',
             body: {
                 handle,
                 password,
-            }
+            },
         });
     };
     const logout = () => {
         clearAllCaches();
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.iamRunUrl}/api/iam/v1/logout`,
             method: 'GET',
         });
     };
     // Join ------------------------------------------------------------------
     const requestJoin = (handle, email, firstName, lastName, password, passwordConfirm) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.iamRunUrl}/api/iam/v1/join/request`,
             method: 'POST',
             body: {
@@ -156,11 +155,11 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
                 lastName,
                 password,
                 passwordConfirm,
-            }
+            },
         });
     };
     const requestJoinToken = (handle, email, firstName, lastName, password, passwordConfirm) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.iamRunUrl}/api/iam/v1/join/request/token`,
             method: 'POST',
             body: {
@@ -170,11 +169,11 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
                 lastName,
                 password,
                 passwordConfirm,
-            }
+            },
         });
     };
     const joinWithInvite = (formValues, token) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.iamRunUrl}/api/iam/v1/join/invites/token`,
             method: 'POST',
             body: {
@@ -184,49 +183,50 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
         });
     };
     const confirmJoinWithToken = (userHandle, token) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.iamRunUrl}/api/iam/v1/join/users/${userHandle}/tokens/${token}`,
             method: 'GET',
         });
     };
     // Password ------------------------------------------------------------------
     const changePassword = (handle, password, passwordConfirm) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.iamRunUrl}/api/iam/v1/password`,
             method: 'PUT',
             body: {
                 handle,
                 password,
                 passwordConfirm,
-            }
+            },
         });
     };
     const createTokenForPasswordChange = (handle, password, passwordConfirm) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.iamRunUrl}/api/iam/v1/password/token`,
             method: 'POST',
             body: {
                 handle,
                 password,
                 passwordConfirm,
-            }
+            },
         });
     };
     const confirmPassworkWithToken = (userHandle, token) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.iamRunUrl}/api/iam/v1/password/confirm/users/${userHandle}/tokens/${token}`,
             method: 'PUT',
         });
     };
     // OAuth2 -------------------------------------------------------------------
     const getOAuth2AuthorizationURL = async (queryArgs) => {
-        return requestRun({
-            url: URLExt.join(configuration.iamRunUrl, 'api/iam/v1/oauth2/authz/url') + URLExt.objectToQueryString(queryArgs),
+        return requestDatalayer({
+            url: URLExt.join(configuration.iamRunUrl, 'api/iam/v1/oauth2/authz/url') +
+                URLExt.objectToQueryString(queryArgs),
             notifyOnError: false,
         });
     };
     const getOAuth2AuthorizationLinkURL = async (queryArgs) => {
-        return requestRun({
+        return requestDatalayer({
             url: URLExt.join(configuration.iamRunUrl, 'api/iam/v1/oauth2/authz/url/link') + URLExt.objectToQueryString(queryArgs),
         });
     };
@@ -235,8 +235,8 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
         return fetch(IAMProvidersSpecs.GitHub.userInfoURL, {
             method: 'GET',
             headers: {
-                'Accept': 'application/vnd.github+json',
-                'Authorization': `Bearer ${accessToken}`,
+                Accept: 'application/vnd.github+json',
+                Authorization: `Bearer ${accessToken}`,
                 'X-GitHub-Api-Version': '2022-11-28',
             },
         }).then(resp => resp.json());
@@ -251,53 +251,50 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
     };
     const postLinkedinShare = async (linkedinUser, postText, accessToken) => {
         const POST_SHARE_REQUEST = {
-            "author": linkedinUser.getUrn(),
-            "lifecycleState": "PUBLISHED",
-            "specificContent": {
-                "com.linkedin.ugc.ShareContent": {
-                    "shareCommentary": {
-                        "text": postText
+            author: linkedinUser.getUrn(),
+            lifecycleState: 'PUBLISHED',
+            specificContent: {
+                'com.linkedin.ugc.ShareContent': {
+                    shareCommentary: {
+                        text: postText,
                     },
-                    "shareMediaCategory": "NONE"
-                }
+                    shareMediaCategory: 'NONE',
+                },
+            },
+            visibility: {
+                'com.linkedin.ugc.MemberNetworkVisibility': 'PUBLIC',
             },
-            "visibility": {
-                "com.linkedin.ugc.MemberNetworkVisibility": "PUBLIC"
-            }
         };
         return proxyPOST(IAMProvidersSpecs.LinkedIn.postShareURL, POST_SHARE_REQUEST, accessToken);
     };
     const postLinkedinShareWithUpload = async (linkedinUser, postText, uploadObject, accessToken) => {
         const REGISTER_UPLOAD_REQUEST = {
-            "registerUploadRequest": {
-                "recipes": [
-                    "urn:li:digitalmediaRecipe:feedshare-image"
-                ],
-                "owner": linkedinUser.getUrn(),
-                "serviceRelationships": [
+            registerUploadRequest: {
+                recipes: ['urn:li:digitalmediaRecipe:feedshare-image'],
+                owner: linkedinUser.getUrn(),
+                serviceRelationships: [
                     {
-                        "relationshipType": "OWNER",
-                        "identifier": "urn:li:userGeneratedContent"
-                    }
-                ]
-            }
+                        relationshipType: 'OWNER',
+                        identifier: 'urn:li:userGeneratedContent',
+                    },
+                ],
+            },
         };
-        return proxyPOST(IAMProvidersSpecs.LinkedIn.registerUploadURL, REGISTER_UPLOAD_REQUEST, accessToken)
-            .then(registerUploadReponse => {
+        return proxyPOST(IAMProvidersSpecs.LinkedIn.registerUploadURL, REGISTER_UPLOAD_REQUEST, accessToken).then(registerUploadReponse => {
             /*
-            {
-              "value": {
-                  "uploadMechanism": {
-                      "com.linkedin.digitalmedia.uploading.MediaUploadHttpRequest": {
-                          "headers": {},
-                          "uploadUrl": "https://api.linkedin.com/mediaUpload/C5522AQGTYER3k3ByHQ/feedshare-uploadedImage/0?ca=vector_feedshare&cn=uploads&m=AQJbrN86Zm265gAAAWemyz2pxPSgONtBiZdchrgG872QltnfYjnMdb2j3A&app=1953784&sync=0&v=beta&ut=2H-IhpbfXrRow1"
-                      }
-                  },
-                  "mediaArtifact": "urn:li:digitalmediaMediaArtifact:(urn:li:digitalmediaAsset:C5522AQGTYER3k3ByHQ,urn:li:digitalmediaMediaArtifactClass:feedshare-uploadedImage)",
-                  "asset": "urn:li:digitalmediaAsset:C5522AQGTYER3k3ByHQ"
+              {
+                "value": {
+                    "uploadMechanism": {
+                        "com.linkedin.digitalmedia.uploading.MediaUploadHttpRequest": {
+                            "headers": {},
+                            "uploadUrl": "https://api.linkedin.com/mediaUpload/C5522AQGTYER3k3ByHQ/feedshare-uploadedImage/0?ca=vector_feedshare&cn=uploads&m=AQJbrN86Zm265gAAAWemyz2pxPSgONtBiZdchrgG872QltnfYjnMdb2j3A&app=1953784&sync=0&v=beta&ut=2H-IhpbfXrRow1"
+                        }
+                    },
+                    "mediaArtifact": "urn:li:digitalmediaMediaArtifact:(urn:li:digitalmediaAsset:C5522AQGTYER3k3ByHQ,urn:li:digitalmediaMediaArtifactClass:feedshare-uploadedImage)",
+                    "asset": "urn:li:digitalmediaAsset:C5522AQGTYER3k3ByHQ"
+                }
               }
-            }
-            */
+              */
             const asset = registerUploadReponse.response.value.asset;
             const uploadURL = registerUploadReponse.response.value.uploadMechanism['com.linkedin.digitalmedia.uploading.MediaUploadHttpRequest'].uploadUrl;
             const UPLOAD_OBJECT_REQUEST = {
@@ -305,34 +302,33 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
                 content: uploadObject,
                 userURN: linkedinUser.getUrn(),
             };
-            return proxyPUT(uploadURL, UPLOAD_OBJECT_REQUEST, accessToken)
-                .then(resp => {
+            return proxyPUT(uploadURL, UPLOAD_OBJECT_REQUEST, accessToken).then(resp => {
                 const share = {
-                    "author": linkedinUser.getUrn(),
-                    "lifecycleState": "PUBLISHED",
-                    "specificContent": {
-                        "com.linkedin.ugc.ShareContent": {
-                            "shareCommentary": {
-                                "text": postText
+                    author: linkedinUser.getUrn(),
+                    lifecycleState: 'PUBLISHED',
+                    specificContent: {
+                        'com.linkedin.ugc.ShareContent': {
+                            shareCommentary: {
+                                text: postText,
                             },
-                            "shareMediaCategory": "IMAGE",
-                            "media": [
+                            shareMediaCategory: 'IMAGE',
+                            media: [
                                 {
-                                    "status": "READY",
-                                    "description": {
-                                        "text": "Datalayer Notebook"
+                                    status: 'READY',
+                                    description: {
+                                        text: 'Datalayer Notebook',
                                     },
-                                    "media": asset,
-                                    "title": {
-                                        "text": "Datalayer Notebook"
-                                    }
-                                }
-                            ]
-                        }
+                                    media: asset,
+                                    title: {
+                                        text: 'Datalayer Notebook',
+                                    },
+                                },
+                            ],
+                        },
+                    },
+                    visibility: {
+                        'com.linkedin.ugc.MemberNetworkVisibility': 'PUBLIC',
                     },
-                    "visibility": {
-                        "com.linkedin.ugc.MemberNetworkVisibility": "PUBLIC"
-                    }
                 };
                 return proxyPOST(IAMProvidersSpecs.LinkedIn.postShareURL, share, accessToken);
             });
@@ -340,18 +336,18 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
     };
     // Proxy -------------------------------------------------------------------
     const proxyGET = async (url, token) => {
-        return requestRun({
+        return requestDatalayer({
             url: URLExt.join(configuration.iamRunUrl, 'api/iam/v1/proxy/request'),
             method: 'POST',
             body: {
                 request_method: 'GET',
                 request_url: url,
                 request_token: token,
-            }
+            },
         });
     };
     const proxyPOST = async (url, body, token) => {
-        return requestRun({
+        return requestDatalayer({
             url: URLExt.join(configuration.iamRunUrl, 'api/iam/v1/proxy/request'),
             method: 'POST',
             body: {
@@ -359,11 +355,11 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
                 request_url: url,
                 request_token: token,
                 request_body: body,
-            }
+            },
         });
     };
     const proxyPUT = async (url, body, token) => {
-        return requestRun({
+        return requestDatalayer({
             url: URLExt.join(configuration.iamRunUrl, 'api/iam/v1/proxy/request'),
             method: 'POST',
             body: {
@@ -371,20 +367,20 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
                 request_url: url,
                 request_token: token,
                 request_body: body,
-            }
+            },
         });
     };
     // Waiting List -------------------------------------------------------------
     const registerToWaitingList = (formData) => {
-        requestRun({
+        requestDatalayer({
             url: `${configuration.growthRunUrl}/api/growth/v1/waitinglist/register`,
             method: 'POST',
             body: {
                 firstName: formData.firstName,
                 lastName: formData.lastName,
                 email: formData.email,
-                affiliation: formData.affiliation || ''
-            }
+                affiliation: formData.affiliation || '',
+            },
         })
             .then(resp => {
             // Special case, make the error very explicit to the user...
@@ -400,10 +396,10 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
     };
     // Profile ------------------------------------------------------------------
     const getMe = async (token) => {
-        const resp = await requestRun({
+        const resp = await requestDatalayer({
             url: `${configuration.iamRunUrl}/api/iam/v1/me`,
             method: 'GET',
-            token
+            token,
         });
         const me = resp.me;
         if (me) {
@@ -413,53 +409,53 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
         return null;
     };
     const updateMe = (email, firstName, lastName) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.iamRunUrl}/api/iam/v1/me`,
             method: 'PUT',
             body: {
                 email,
                 firstName,
                 lastName,
-            }
+            },
         });
     };
     const whoami = () => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.iamRunUrl}/api/iam/v1/whoami`,
             method: 'GET',
         });
     };
-    const requestEmailUpdate = (email) => {
-        return requestRun({
+    const requestEmailUpdate = email => {
+        return requestDatalayer({
             url: `${configuration.iamRunUrl}/api/iam/v1/me/email`,
             method: 'PUT',
             body: {
                 email,
-            }
+            },
         });
     };
-    const confirmEmailUpdate = (token) => {
-        return requestRun({
+    const confirmEmailUpdate = token => {
+        return requestDatalayer({
             url: `${configuration.iamRunUrl}/api/iam/v1/me/email`,
             method: 'POST',
             body: {
                 token,
-            }
+            },
         });
     };
     // Onboarding ---------------------------------------------------------------
     const updateUserOnboarding = (onboarding) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.iamRunUrl}/api/iam/v1/onboardings`,
             method: 'PUT',
             body: {
                 onboarding,
-            }
+            },
         });
     };
     // Settings -----------------------------------------------------------------
     const updateUserSettings = (userId, settings) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.iamRunUrl}/api/iam/v1/users/${userId}/settings`,
             method: 'PUT',
             body: {
@@ -477,10 +473,10 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
         }
     };
     const createPage = (page) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.libraryRunUrl}/api/library/v1/pages`,
             method: 'POST',
-            body: { ...page }
+            body: { ...page },
         }).then(resp => {
             if (resp.success) {
                 if (resp.page) {
@@ -495,7 +491,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
         });
     };
     const updatePage = (page) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.libraryRunUrl}/api/library/v1/pages/${page.id}`,
             method: 'PUT',
             body: {
@@ -513,7 +509,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
         });
     };
     const deletePage = (page) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.libraryRunUrl}/api/library/v1/pages/${page.id}`,
             method: 'DELETE',
         });
@@ -521,7 +517,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
     const getPage = (pageId) => PAGES_BY_ID.get(pageId);
     const clearCachedPages = () => PAGES_BY_ID.clear();
     const refreshPage = (pageId) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.libraryRunUrl}/api/library/v1/pages/${pageId}`,
             method: 'GET',
         }).then(resp => {
@@ -537,7 +533,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
         return Array.from(PAGES_BY_ID.values());
     };
     const refreshPages = () => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.libraryRunUrl}/api/library/v1/pages`,
             method: 'GET',
         }).then(resp => {
@@ -562,10 +558,10 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
         }
     };
     const createDatasource = (datasource) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.iamRunUrl}/api/iam/v1/datasources`,
             method: 'POST',
-            body: { ...datasource }
+            body: { ...datasource },
         }).then(resp => {
             if (resp.success) {
                 if (resp.datasource) {
@@ -576,10 +572,10 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
         });
     };
     const updateDatasource = (datasource) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.iamRunUrl}/api/iam/v1/datasources/${datasource.id}`,
             method: 'PUT',
-            body: { ...datasource }
+            body: { ...datasource },
         }).then(resp => {
             if (resp.success) {
                 if (resp.datasource) {
@@ -592,7 +588,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
     const getDatasource = (datasourceId) => DATASOURCES_BY_ID.get(datasourceId);
     const clearCachedDatasources = () => DATASOURCES_BY_ID.clear();
     const refreshDatasource = (datasourceId) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.iamRunUrl}/api/iam/v1/datasources/${datasourceId}`,
             method: 'GET',
         }).then(resp => {
@@ -608,7 +604,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
         return Array.from(DATASOURCES_BY_ID.values());
     };
     const refreshDatasources = () => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.iamRunUrl}/api/iam/v1/datasources`,
             method: 'GET',
         }).then(resp => {
@@ -633,10 +629,10 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
         }
     };
     const createSecret = (secret) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.iamRunUrl}/api/iam/v1/secrets`,
             method: 'POST',
-            body: { ...secret }
+            body: { ...secret },
         }).then(resp => {
             if (resp.success) {
                 if (resp.secret) {
@@ -647,10 +643,10 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
         });
     };
     const updateSecret = (secret) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.iamRunUrl}/api/iam/v1/secrets/${secret.id}`,
             method: 'PUT',
-            body: { ...secret }
+            body: { ...secret },
         }).then(resp => {
             if (resp.success) {
                 if (resp.secret) {
@@ -661,7 +657,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
         });
     };
     const deleteSecret = (secret) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.iamRunUrl}/api/iam/v1/secrets/${secret.id}`,
             method: 'DELETE',
         });
@@ -669,7 +665,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
     const getSecret = (secretId) => SECRETS_BY_ID.get(secretId);
     const clearCachedSecrets = () => SECRETS_BY_ID.clear();
     const refreshSecret = (secretId) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.iamRunUrl}/api/iam/v1/secrets/${secretId}`,
             method: 'GET',
         }).then(resp => {
@@ -685,7 +681,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
         return Array.from(SECRETS_BY_ID.values());
     };
     const refreshSecrets = () => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.iamRunUrl}/api/iam/v1/secrets`,
             method: 'GET',
         }).then(resp => {
@@ -710,13 +706,13 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
         }
     };
     const createToken = (token) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.iamRunUrl}/api/iam/v1/tokens`,
             method: 'POST',
             body: {
                 ...token,
                 expirationDate: token.expirationDate.getTime(),
-            }
+            },
         }).then(resp => {
             if (resp.success) {
                 if (resp.token) {
@@ -727,10 +723,10 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
         });
     };
     const updateToken = (token) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.iamRunUrl}/api/iam/v1/tokens/${token.id}`,
             method: 'PUT',
-            body: { ...token }
+            body: { ...token },
         }).then(resp => {
             if (resp.success) {
                 if (resp.token) {
@@ -743,7 +739,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
     const getToken = (tokenId) => TOKENS_BY_ID.get(tokenId);
     const clearCachedTokens = () => TOKENS_BY_ID.clear();
     const refreshToken = (tokenId) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.iamRunUrl}/api/iam/v1/tokens/${tokenId}`,
             method: 'GET',
         }).then(resp => {
@@ -759,7 +755,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
         return Array.from(TOKENS_BY_ID.values());
     };
     const refreshTokens = () => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.iamRunUrl}/api/iam/v1/tokens`,
             method: 'GET',
         }).then(resp => {
@@ -777,7 +773,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
     };
     // Layout -------------------------------------------------------------------
     const refreshLayout = (accountHandle, spaceHandle, user) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.spacerRunUrl}/api/spacer/v1/layouts/accounts/${accountHandle}${spaceHandle !== undefined ? '/spaces/' + spaceHandle : ''}`,
             method: 'GET',
         }).then(resp => {
@@ -819,7 +815,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
     };
     // Invites -------------------------------------------------------------------
     const requestInvite = (firstName, lastName, email, socialUrl) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.growthRunUrl}/api/growth/v1/invites/request`,
             method: 'POST',
             body: {
@@ -827,11 +823,11 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
                 last_name: lastName,
                 email: email,
                 social_url: socialUrl,
-            }
+            },
         });
     };
     const sendInvite = (invite) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.growthRunUrl}/api/growth/v1/invites`,
             method: 'POST',
             body: {
@@ -840,13 +836,13 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
                 lastName: invite.to.lastName,
                 message: invite.message,
                 brand: invite.brand,
-            }
+            },
         });
     };
     const getInvite = (token) => INVITES_BY_TOKEN.get(token);
     const clearCachedInvites = () => INVITES_BY_TOKEN.clear();
     const refreshInvite = (token) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.growthRunUrl}/api/growth/v1/invites/tokens/${token}`,
             method: 'GET',
         }).then(resp => {
@@ -866,7 +862,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
         return Array.from(INVITES_BY_TOKEN.values());
     };
     const refreshInvites = (accountId) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.growthRunUrl}/api/growth/v1/invites/users/${accountId}`,
             method: 'GET',
         }).then(resp => {
@@ -882,14 +878,14 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
         });
     };
     const putInvite = (token) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.growthRunUrl}/api/growth/v1/invites/tokens/${token}`,
             method: 'PUT',
         });
     };
     // Accounts -------------------------------------------------------------------
     const refreshAccount = (accountHandle) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.iamRunUrl}/api/iam/v1/accounts/${accountHandle}`,
             method: 'GET',
         }).then(resp => {
@@ -916,12 +912,12 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
     const getContactById = (contactId) => CONTACTS_BY_ID.get(contactId);
     const getContactByHandle = (contactHandle) => CONTACTS_BY_HANDLE.get(contactHandle);
     const createContact = (contact) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.growthRunUrl}/api/growth/v1/contacts`,
             method: 'POST',
             body: {
                 contact,
-            }
+            },
         }).then(resp => {
             if (resp.success) {
                 toContact(resp.contact);
@@ -930,12 +926,12 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
         });
     };
     const updateContact = (contactId, contact) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.growthRunUrl}/api/growth/v1/contacts/${contactId}`,
             method: 'PUT',
             body: {
                 contact,
-            }
+            },
         }).then(resp => {
             if (resp.success) {
                 toContact(resp.contact);
@@ -944,7 +940,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
         });
     };
     const refreshContact = (contactId) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.growthRunUrl}/api/growth/v1/contacts/${contactId}`,
             method: 'GET',
         }).then(resp => {
@@ -955,12 +951,12 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
         });
     };
     const searchContacts = (query) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.growthRunUrl}/api/growth/v1/contacts/search`,
             method: 'POST',
             body: {
                 query,
-            }
+            },
         }).then(resp => {
             if (resp.success) {
                 const contacts = resp.contacts.map(contact => toContact(contact));
@@ -970,53 +966,53 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
         });
     };
     const assignTagToContact = (contactId, tagName) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.growthRunUrl}/api/growth/v1/contacts/${contactId}/tags/${tagName}`,
             method: 'POST',
         });
     };
     const unassignTagFromContact = (contactId, tagName) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.growthRunUrl}/api/growth/v1/contacts/${contactId}/tags/${tagName}`,
             method: 'DELETE',
         });
     };
     const deleteContact = (contactId) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.growthRunUrl}/api/growth/v1/contacts/${contactId}`,
             method: 'DELETE',
         });
     };
     const sendInviteToContact = (contact, message) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.growthRunUrl}/api/growth/v1/contacts/invites`,
             method: 'POST',
             body: {
                 contactId: contact.id,
                 message,
-            }
+            },
         });
     };
     // Contacts Enrich ----------------------------------------------------------
     const enrichContactEmail = (contactId, useDomain) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.growthRunUrl}/api/growth/v1/contacts/${contactId}/enrich/email?useDomain=${useDomain}`,
             method: 'GET',
         });
     };
-    const enrichContactLinkedin = (contactId) => {
-        return requestRun({
+    const enrichContactLinkedin = contactId => {
+        return requestDatalayer({
             url: `${configuration.growthRunUrl}/api/growth/v1/contacts/${contactId}/enrich/linkedin`,
             method: 'GET',
         });
     };
     const sendLinkedinConnectionRequest = (contact, message) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.growthRunUrl}/api/growth/v1/contacts/${contact.id}/connect/linkedin`,
             method: 'POST',
             body: {
                 message,
-            }
+            },
         }).then(resp => {
             if (resp.success) {
                 toContact(resp.contact);
@@ -1026,14 +1022,14 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
     };
     // Contacts Links -----------------------------------------------------------
     const linkUserWithContact = (userId, contactId) => {
-        return requestRun({
-            url: `${configuration.growthRunUrl}/api/growth/v1/users/${userId}/contacts/${contactId}`,
+        return requestDatalayer({
+            url: `${configuration.growthRunUrl}/api/growth/v1/users/${userId}/contacts/${contactId}/link`,
             method: 'POST',
         });
     };
     const unlinkUserFromContact = (userId, contactId) => {
-        return requestRun({
-            url: `${configuration.growthRunUrl}/api/growth/v1/users/${userId}/contacts/${contactId}`,
+        return requestDatalayer({
+            url: `${configuration.growthRunUrl}/api/growth/v1/users/${userId}/contacts/${contactId}/link`,
             method: 'DELETE',
         });
     };
@@ -1049,7 +1045,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
     const getUser = (id) => USERS_BY_ID.get(id);
     const getUserByHandle = (handle) => USERS_BY_HANDLE.get(handle);
     const refreshUser = (userId) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.iamRunUrl}/api/iam/v1/users/${userId}`,
             method: 'GET',
         }).then(resp => {
@@ -1060,12 +1056,12 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
         });
     };
     const searchUsers = (namingPattern) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.iamRunUrl}/api/iam/v1/users/search`,
             method: 'POST',
             body: {
-                namingPattern
-            }
+                namingPattern,
+            },
         }).then(resp => {
             if (resp.success) {
                 const users = resp.users.map(user => toUser(user));
@@ -1076,13 +1072,13 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
     };
     // User Roles ---------------------------------------------------------------
     const assignRoleToUser = (userId, roleName) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.iamRunUrl}/api/iam/v1/users/${userId}/roles/${roleName}`,
             method: 'POST',
         });
     };
     const unassignRoleFromUser = (userId, roleName) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.iamRunUrl}/api/iam/v1/users/${userId}/roles/${roleName}`,
             method: 'DELETE',
         });
@@ -1095,14 +1091,14 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
         return organization;
     };
     const createOrganization = (organization) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.iamRunUrl}/api/iam/v1/organizations`,
             method: 'POST',
             body: {
                 handle: organization.handle,
                 name: organization.name,
                 description: organization.description,
-            }
+            },
         }).then(resp => {
             const organization = toOrganization(resp.organization);
             ORGANISATIONS_FOR_USER_BY_ID.set(organization.id, organization);
@@ -1117,7 +1113,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
         ORGANISATIONS_FOR_USER_BY_ID.clear();
     };
     const refreshOrganization = (user, organizationId) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.iamRunUrl}/api/iam/v1/organizations/${organizationId}`,
             method: 'GET',
         }).then(resp => {
@@ -1134,13 +1130,13 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
         });
     };
     const updateOrganization = (organization) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.iamRunUrl}/api/iam/v1/organizations/${organization.id}`,
             method: 'PUT',
             body: {
                 name: organization.name,
                 description: organization.description,
-            }
+            },
         }).then(resp => {
             if (resp.success) {
                 const org = getOrganizationById(organization.id);
@@ -1155,7 +1151,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
     const getUserOrganizations = () => Array.from(ORGANISATIONS_FOR_USER_BY_ID.values());
     const getUserOrganizationById = (organizationId) => ORGANISATIONS_FOR_USER_BY_ID.get(organizationId);
     const refreshUserOrganizations = (user) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.iamRunUrl}/api/iam/v1/organizations`,
             method: 'GET',
         }).then(resp => {
@@ -1171,25 +1167,25 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
         });
     };
     const addMemberToOrganization = (organizationId, userId) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.iamRunUrl}/api/iam/v1/organizations/${organizationId}/members/${userId}`,
             method: 'POST',
         });
     };
     const removeMemberFromOrganization = (organizationId, userId) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.iamRunUrl}/api/iam/v1/organizations/${organizationId}/members/${userId}`,
             method: 'DELETE',
         });
     };
     const addRoleToOrganizationMember = (organizationId, userId, roleName) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.iamRunUrl}/api/iam/v1/organizations/${organizationId}/members/${userId}/roles/${roleName}`,
             method: 'POST',
         });
     };
     const removeRoleFromOrganizationMember = (organizationId, userId, roleName) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.iamRunUrl}/api/iam/v1/organizations/${organizationId}/members/${userId}/roles/${roleName}`,
             method: 'DELETE',
         });
@@ -1202,7 +1198,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
         return team;
     };
     const createTeam = (team, organization) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.iamRunUrl}/api/iam/v1/teams`,
             method: 'POST',
             body: {
@@ -1210,7 +1206,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
                 name: team.name,
                 description: team.description,
                 organizationId: organization.id,
-            }
+            },
         }).then(resp => {
             const team = toTeam(resp.team, organization.id);
             TEAMS_BY_HANDLE.set(team.handle, team);
@@ -1225,7 +1221,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
         TEAMS_BY_ID.clear();
     };
     const refreshTeam = (teamId, organizationId) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.iamRunUrl}/api/iam/v1/teams/${teamId}`,
             method: 'GET',
         }).then(resp => {
@@ -1241,13 +1237,13 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
         });
     };
     const updateTeam = (team) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.iamRunUrl}/api/iam/v1/teams/${team.id}`,
             method: 'PUT',
             body: {
                 name: team.name,
                 description: team.description,
-            }
+            },
         }).then(resp => {
             if (resp.success) {
                 const t = resp.team;
@@ -1262,7 +1258,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
     };
     const getTeamsByOrganizationId = (organizationId) => TEAMS_BY_ORGANIZATION_BY_ID.get(organizationId);
     const refreshTeams = (organizationId) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.iamRunUrl}/api/iam/v1/organizations/${organizationId}/teams`,
             method: 'GET',
         }).then(resp => {
@@ -1279,25 +1275,25 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
         });
     };
     const addMemberToTeam = (teamId, userId) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.iamRunUrl}/api/iam/v1/teams/${teamId}/members/${userId}`,
             method: 'POST',
         });
     };
     const removeMemberFromTeam = (teamId, userId) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.iamRunUrl}/api/iam/v1/teams/${teamId}/members/${userId}`,
             method: 'DELETE',
         });
     };
     const addRoleToTeamMember = (teamId, userId, roleName) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.iamRunUrl}/api/iam/v1/teams/${teamId}/members/${userId}/roles/${roleName}`,
             method: 'POST',
         });
     };
     const removeRoleFromTeamMember = (teamId, userId, roleName) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.iamRunUrl}/api/iam/v1/teams/${teamId}/members/${userId}/roles/${roleName}`,
             method: 'DELETE',
         });
@@ -1307,13 +1303,13 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
         return Array.from(SCHOOLS_BY_ID.values());
     };
     const refreshSchools = () => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.iamRunUrl}/api/iam/v1/organizations/schools`,
             method: 'GET',
         }).then(resp => {
             if (resp.success) {
                 resp.orgs.forEach(s => {
-                    var dean = undefined;
+                    const dean = undefined;
                     const students = new Array();
                     const members = new Array();
                     const courses = new Array();
@@ -1331,7 +1327,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
                         creationDate: new Date(s.creation_ts_dt),
                         setMembers(members) {
                             this.members = members;
-                        }
+                        },
                     };
                     SCHOOLS_BY_ID.set(school.id, school);
                 });
@@ -1345,10 +1341,8 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
         return space;
     };
     const createSpace = (space, organization) => {
-        const seedSpaceId = (space.variant === 'course')
-            ? space.seedSpace?.id
-            : undefined;
-        return requestRun({
+        const seedSpaceId = space.variant === 'course' ? space.seedSpace?.id : undefined;
+        return requestDatalayer({
             url: `${configuration.spacerRunUrl}/api/spacer/v1/spaces`,
             method: 'POST',
             body: {
@@ -1359,7 +1353,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
                 spaceHandle: space.handle,
                 organizationId: organization?.id,
                 seedSpaceId,
-            }
+            },
         }).then(resp => {
             const spc = resp.space;
             if (spc) {
@@ -1389,7 +1383,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
         return organizationSpaces ? organizationSpaces.get(spaceHandle) : undefined;
     };
     const refreshOrganizationSpace = (organizationId, spaceId) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.spacerRunUrl}/api/spacer/v1/spaces/${spaceId}/organizations/${organizationId}`,
             method: 'GET',
         }).then(resp => {
@@ -1409,19 +1403,19 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
         });
     };
     const exportSpace = (spaceId) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.spacerRunUrl}/api/spacer/v1/spaces/${spaceId}/export`,
             method: 'GET',
         });
     };
     const updateOrganizationSpace = (organization, space) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.spacerRunUrl}/api/spacer/v1/spaces/${space.id}/organizations/${organization.id}`,
             method: 'PUT',
             body: {
                 name: space.name,
                 description: space.description,
-            }
+            },
         }).then(resp => {
             if (resp.success) {
                 const spc = getOrganizationSpace(organization.id, space.id);
@@ -1441,7 +1435,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
         return [];
     };
     const refreshOrganizationSpaces = (organizationId) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.spacerRunUrl}/api/spacer/v1/spaces/organizations/${organizationId}`,
             method: 'GET',
         }).then(resp => {
@@ -1461,7 +1455,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
     };
     const getUserSpaces = () => Array.from(SPACES_FOR_USER_BY_ID.values());
     const refreshUserSpaces = () => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.spacerRunUrl}/api/spacer/v1/spaces/users/me`,
             method: 'GET',
         }).then(resp => {
@@ -1478,7 +1472,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
     const getUserSpace = (userId) => SPACES_FOR_USER_BY_ID.get(userId);
     const getUserSpaceByHandle = (userHandle) => SPACES_FOR_USER_BY_HANDLE.get(userHandle);
     const refreshUserSpace = (userId, spaceId) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.spacerRunUrl}/api/spacer/v1/spaces/${spaceId}/users/${userId}`,
             method: 'GET',
         }).then(resp => {
@@ -1494,13 +1488,13 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
         });
     };
     const updateSpace = (space) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.spacerRunUrl}/api/spacer/v1/spaces/${space.id}/users/${user?.id}`,
             method: 'PUT',
             body: {
                 name: space.name,
                 description: space.description,
-            }
+            },
         }).then(resp => {
             if (resp.success) {
                 const spc = getUserSpace(space.id);
@@ -1513,13 +1507,13 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
         });
     };
     const addMemberToOrganizationSpace = (organizationId, spaceId, accountId) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.spacerRunUrl}/api/spacer/v1/spaces/${spaceId}/organizations/${organizationId}/members/${accountId}`,
             method: 'POST',
         });
     };
     const removeMemberFromOrganizationSpace = (organizationId, spaceId, accountId) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.spacerRunUrl}/api/spacer/v1/spaces/${spaceId}/organizations/${organizationId}/members/${accountId}`,
             method: 'DELETE',
         }).then(resp => {
@@ -1530,13 +1524,13 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
         });
     };
     const makeSpacePublic = (spaceId) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.spacerRunUrl}/api/spacer/v1/spaces/${spaceId}/public`,
             method: 'PUT',
         });
     };
     const makeSpacePrivate = (spaceId) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.spacerRunUrl}/api/spacer/v1/spaces/${spaceId}/private`,
             method: 'PUT',
         });
@@ -1608,7 +1602,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
                 onboarding: BOOTSTRAP_USER_ONBOARDING,
                 linkedContactId: undefined,
                 events: [],
-                settings: {}
+                settings: {},
             };
             USERS_BY_ID.set(instructor.id, instructor);
         }
@@ -1628,7 +1622,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
             raw_item_uids = raw_item_uids.replace('(', '').replace(')', '');
             itemIds = raw_item_uids.split(' ');
         }
-        let items = new Array();
+        const items = new Array();
         if (raw_course.items) {
             raw_course.items.forEach(item => {
                 const i = toItem(item);
@@ -1639,7 +1633,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
             id: raw_course.uid,
             handle: raw_course.handle_s,
             type: 'space',
-            variant: "course",
+            variant: 'course',
             name: raw_course.name_t,
             description: raw_course.description_t,
             creationDate: new Date(raw_course.creation_ts_dt),
@@ -1655,17 +1649,17 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
     };
     const getCourse = (courseId) => COURSES_BY_ID.get(courseId);
     const updateCourse = (courseId, name, description) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.spacerRunUrl}/api/spacer/v1/courses/${courseId}`,
             method: 'PUT',
             body: {
                 name,
                 description,
-            }
+            },
         });
     };
     const refreshCourse = (courseId) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.spacerRunUrl}/api/spacer/v1/courses/${courseId}`,
             method: 'GET',
         }).then(resp => {
@@ -1679,13 +1673,13 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
         });
     };
     const enrollStudentToCourse = (courseId, studentId) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.spacerRunUrl}/api/spacer/v1/courses/${courseId}/enrollments/students/${studentId}`,
             method: 'POST',
         });
     };
     const removeStudentFromCourse = (courseId, studentId) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.spacerRunUrl}/api/spacer/v1/courses/${courseId}/enrollments/students/${studentId}`,
             method: 'DELETE',
         }).then(resp => {
@@ -1697,7 +1691,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
     };
     const getStudent = (courseId, studentId) => STUDENTS_BY_ID.get(courseId + '-' + studentId);
     const refreshStudent = (courseId, studentHandle) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.spacerRunUrl}/api/spacer/v1/courses/${courseId}/enrollments/students/${studentHandle}`,
             method: 'GET',
         }).then(resp => {
@@ -1709,7 +1703,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
     };
     const getPublicCourses = () => Array.from(PUBLIC_COURSES_BY_ID.values());
     const refreshPublicCourses = () => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.libraryRunUrl}/api/library/v1/courses/public`,
             method: 'GET',
         }).then(resp => {
@@ -1723,7 +1717,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
     };
     const getInstructorCourses = () => Array.from(COURSES_INSTRUCTORS_BY_ID.values());
     const refreshInstructorCourses = () => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.spacerRunUrl}/api/spacer/v1/instructors/${user?.id}/courses`,
             method: 'GET',
         }).then(resp => {
@@ -1737,7 +1731,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
     };
     const getCoursesEnrollments = () => Array.from(COURSES_ENROLLMENTS_BY_ID.values());
     const refreshCoursesEnrollments = () => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.spacerRunUrl}/api/spacer/v1/courses/enrollments/me`,
             method: 'GET',
         }).then(resp => {
@@ -1750,26 +1744,26 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
         });
     };
     const confirmCourseItemCompletion = (courseId, itemType, itemId, completed) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.spacerRunUrl}/api/spacer/v1/assignments/${courseId}/types/${itemType}/items/${itemId}/complete`,
             method: 'PUT',
             body: {
                 completed,
-            }
+            },
         });
     };
     const setCourseItems = (courseId, itemIds) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.spacerRunUrl}/api/spacer/v1/courses/${courseId}/items`,
             method: 'PUT',
             body: {
                 itemIds,
-            }
+            },
         });
     };
     // Surveys ---------------------------------------------------------------------
     const getUserSurveys = (userId) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.growthRunUrl}/api/growth/v1/surveys/users/${userId}`,
             method: 'GET',
         }).then(resp => {
@@ -1795,7 +1789,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
     const getInbound = (id) => INBOUNDS_BY_ID.get(id);
     const getInboundByHandle = (handle) => INBOUNDS_BY_HANDLE.get(handle);
     const refreshInbound = (userId) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.inboundsRunUrl}/api/inbounds/v1/inbounds/${userId}`,
             method: 'GET',
         }).then(resp => {
@@ -1806,7 +1800,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
         });
     };
     const getInbounds = () => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.inboundsRunUrl}/api/inbounds/v1/inbounds`,
             method: 'GET',
         }).then(resp => {
@@ -1827,7 +1821,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
     };
     const getOutbound = (id) => OUTBOUNDS_BY_ID.get(id);
     const refreshOutbound = (outboundId) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.growthRunUrl}/api/growth/v1/outbounds/${outboundId}`,
             method: 'GET',
         }).then(resp => {
@@ -1839,7 +1833,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
         });
     };
     const getOutbounds = () => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.growthRunUrl}/api/growth/v1/outbounds`,
             method: 'GET',
         }).then(resp => {
@@ -1851,28 +1845,28 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
         });
     };
     const draftBulkEmailsOutbounds = (params) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.growthRunUrl}/api/growth/v1/outbounds/emails/bulk/draft`,
             method: 'POST',
             body: params,
         });
     };
     const tryBulkEmailsOutbounds = (outboundId) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.growthRunUrl}/api/growth/v1/outbounds/${outboundId}/try`,
             method: 'POST',
             body: {},
         });
     };
     const launchBulkEmailsOutbounds = (outboundId) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.growthRunUrl}/api/growth/v1/outbounds/${outboundId}/launch`,
             method: 'POST',
             body: {},
         });
     };
     const sendOutboundEmailToUser = (userId, recipient, subject, content) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.growthRunUrl}/api/growth/v1/outbounds/email`,
             method: 'POST',
             body: {
@@ -1884,19 +1878,19 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
         });
     };
     const enableUserMFA = () => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.iamRunUrl}/api/iam/v1/mfa`,
             method: 'PUT',
         });
     };
     const disableUserMFA = () => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.iamRunUrl}/api/iam/v1/mfa`,
             method: 'DELETE',
         });
     };
     const validateUserMFACode = (userUid, code) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.iamRunUrl}/api/iam/v1/mfa`,
             method: 'POST',
             body: {
@@ -1906,31 +1900,31 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
         });
     };
     const subscribeUserToOutbounds = (userId) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.iamRunUrl}/api/iam/v1/outbounds/users/${userId}`,
             method: 'PUT',
         });
     };
     const unsubscribeUserFromOutbounds = (userId) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.iamRunUrl}/api/iam/v1/outbounds/users/${userId}`,
             method: 'DELETE',
         });
     };
     const unsubscribeContactFromOutbounds = (contactId) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.growthRunUrl}/api/growth/v1/contacts/unsubscribe/${contactId}`,
             method: 'GET',
         });
     };
     const unsubscribeInviteeFromOutbounds = (token) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.growthRunUrl}/api/growth/v1/outbounds/unsubscribe/${token}`,
             method: 'GET',
         });
     };
     const deleteOutbound = (outboundId) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.growthRunUrl}/api/growth/v1/outbounds/${outboundId}`,
             method: 'DELETE',
         });
@@ -1938,7 +1932,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
     // Items --------------------------------------------------------------
     const toItem = (item) => {
         if (!item.type_s) {
-            console.error("No type_s found on item", item);
+            console.error('No type_s found on item', item);
             return {};
         }
         switch (item.type_s) {
@@ -1965,7 +1959,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
     const clearCachedPublicItems = () => PUBLIC_ITEMS_BY_ID.clear();
     const getPublicItems = () => Array.from(PUBLIC_ITEMS_BY_ID.values());
     const refreshPublicItems = () => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.libraryRunUrl}/api/library/v1/items/public`,
             method: 'GET',
         }).then(resp => {
@@ -1980,7 +1974,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
     };
     const getSpaceItems = () => Array.from(SPACE_ITEMS_CACHE.values());
     const refreshSpaceItems = (spaceId) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.spacerRunUrl}/api/spacer/v1/spaces/${spaceId}/items`,
             method: 'GET',
         }).then(resp => {
@@ -1996,19 +1990,19 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
         });
     };
     const makeItemPublic = (id) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.libraryRunUrl}/api/library/v1/items/${id}/public`,
             method: 'PUT',
         });
     };
     const makeItemPrivate = (id) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.libraryRunUrl}/api/library/v1/items/${id}/private`,
             method: 'PUT',
         });
     };
     const deleteItem = (itemId) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.spacerRunUrl}/api/spacer/v1/spaces/items/${itemId}`,
             method: 'DELETE',
         }).then(resp => {
@@ -2035,7 +2029,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
             max: max.toFixed(0).toString(),
             public: 'true',
         };
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.libraryRunUrl}/api/library/v1/search${URLExt.objectToQueryString(queryArgs)}`,
             method: 'GET',
         }).then(resp => {
@@ -2051,7 +2045,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
         });
     };
     // Datasets ------------------------------------------------------------------
-    const toDataset = (raw_dataset) => {
+    const toDataset = raw_dataset => {
         const owner = newUserMock();
         USERS_BY_ID.set(owner.id, owner);
         const dataset = {
@@ -2068,21 +2062,23 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
             cdnUrl: raw_dataset.cdn_url_s,
             creationDate: new Date(raw_dataset.creation_ts_dt),
             public: raw_dataset.public_b ?? false,
-            lastPublicationDate: raw_dataset.creation_ts_dt ? new Date(raw_dataset.creation_ts_dt) : undefined,
+            lastPublicationDate: raw_dataset.creation_ts_dt
+                ? new Date(raw_dataset.creation_ts_dt)
+                : undefined,
             owner,
             space: {
                 handle: raw_dataset.handle_s,
             },
             organization: {
                 handle: raw_dataset.handle_s,
-            }
+            },
         };
         SPACE_DATASETS_BY_ID.set(dataset.id, dataset);
         return dataset;
     };
-    const getDataset = (id) => SPACE_DATASETS_BY_ID.get(id);
+    const getDataset = id => SPACE_DATASETS_BY_ID.get(id);
     const refreshDataset = (id) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.spacerRunUrl}/api/spacer/v1/spaces/items/${id}`,
             method: 'GET',
         }).then(resp => {
@@ -2098,7 +2094,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
     const getSpaceDatasets = () => Array.from(SPACE_DATASETS_BY_ID.values());
     const refreshSpaceDatasets = (space, organization) => {
         const url = `${configuration.spacerRunUrl}/api/spacer/v1/spaces/${space.id}/items/types/dataset`;
-        return requestRun({
+        return requestDatalayer({
             url,
             method: 'GET',
         }).then(resp => {
@@ -2111,17 +2107,17 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
         });
     };
     const updateDataset = (id, name, description) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.spacerRunUrl}/api/spacer/v1/datasets/${id}`,
             method: 'PUT',
             body: {
                 name,
                 description,
-            }
+            },
         });
     };
     // Cells ------------------------------------------------------------------
-    const toCell = (cl) => {
+    const toCell = cl => {
         const owner = newUserMock();
         USERS_BY_ID.set(owner.id, owner);
         const cell = {
@@ -2132,7 +2128,9 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
             source: cl.source_t,
             creationDate: new Date(cl.creation_ts_dt),
             public: cl.public_b ?? false,
-            lastPublicationDate: cl.last_publication_ts_dt ? new Date(cl.last_publication_ts_dt) : undefined,
+            lastPublicationDate: cl.last_publication_ts_dt
+                ? new Date(cl.last_publication_ts_dt)
+                : undefined,
             outputshotUrl: cl.outputshot_url_s || '',
             outputshotData: OUTPUTSHOT_PLACEHOLDER_DEFAULT_SVG,
             owner,
@@ -2148,7 +2146,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
     };
     const getCell = (id) => SPACE_CELLS_BY_ID.get(id);
     const refreshCell = (id) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.spacerRunUrl}/api/spacer/v1/spaces/items/${id}`,
             method: 'GET',
         }).then(resp => {
@@ -2164,7 +2162,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
     const getSpaceCells = () => Array.from(SPACE_CELLS_BY_ID.values());
     const refreshSpaceCells = (space, organization) => {
         const url = `${configuration.spacerRunUrl}/api/spacer/v1/spaces/${space.id}/items/types/cell`;
-        return requestRun({
+        return requestDatalayer({
             url,
             method: 'GET',
         }).then(resp => {
@@ -2177,14 +2175,14 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
         });
     };
     const updateCell = (cell) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.spacerRunUrl}/api/spacer/v1/cells/${cell.id}`,
             method: 'PUT',
-            body: cell
+            body: cell,
         });
     };
     const cloneCell = (cellId) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.spacerRunUrl}/api/spacer/v1/cells/${cellId}/clone`,
             method: 'POST',
         }).then(resp => {
@@ -2195,7 +2193,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
         });
     };
     // Notebooks ------------------------------------------------------------------
-    const toNotebook = (raw_notebook) => {
+    const toNotebook = raw_notebook => {
         const owner = newUserMock();
         USERS_BY_ID.set(owner.id, owner);
         const notebook = {
@@ -2203,11 +2201,17 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
             type: 'notebook',
             name: raw_notebook.name_t,
             description: raw_notebook.description_t,
-            nbformat: raw_notebook.model_s ? JSON.parse(raw_notebook.model_s) : undefined,
+            nbformat: raw_notebook.model_s
+                ? JSON.parse(raw_notebook.model_s)
+                : undefined,
             public: raw_notebook.public_b ?? false,
             creationDate: new Date(raw_notebook.creation_ts_dt),
-            lastUpdateDate: raw_notebook.last_update_ts_dt ? new Date(raw_notebook.last_update_ts_dt) : undefined,
-            lastPublicationDate: raw_notebook.creation_ts_dt ? new Date(raw_notebook.creation_ts_dt) : undefined,
+            lastUpdateDate: raw_notebook.last_update_ts_dt
+                ? new Date(raw_notebook.last_update_ts_dt)
+                : undefined,
+            lastPublicationDate: raw_notebook.creation_ts_dt
+                ? new Date(raw_notebook.creation_ts_dt)
+                : undefined,
             datasets: [],
             owner,
             space: {
@@ -2215,14 +2219,14 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
             },
             organization: {
                 handle: raw_notebook.handle_s,
-            }
+            },
         };
         SPACE_NOTEBOOKS_BY_ID.set(notebook.id, notebook);
         return notebook;
     };
-    const getNotebook = (notebookId) => SPACE_NOTEBOOKS_BY_ID.get(notebookId);
+    const getNotebook = notebookId => SPACE_NOTEBOOKS_BY_ID.get(notebookId);
     const refreshNotebook = (notebookId) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.spacerRunUrl}/api/spacer/v1/notebooks/${notebookId}`,
             method: 'GET',
         }).then(resp => {
@@ -2236,10 +2240,10 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
         });
     };
     const getSpaceNotebooks = () => Array.from(SPACE_NOTEBOOKS_BY_ID.values());
-    const getSpaceNotebook = (id) => SPACE_NOTEBOOKS_BY_ID.get(id);
+    const getSpaceNotebook = id => SPACE_NOTEBOOKS_BY_ID.get(id);
     const refreshSpaceNotebooks = (space, organization) => {
         const url = `${configuration.spacerRunUrl}/api/spacer/v1/spaces/${space.id}/items/types/notebook`;
-        return requestRun({
+        return requestDatalayer({
             url,
             method: 'GET',
         }).then(resp => {
@@ -2252,7 +2256,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
         });
     };
     const cloneNotebook = (notebookId) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.spacerRunUrl}/api/spacer/v1/notebooks/${notebookId}/clone`,
             method: 'POST',
         }).then(resp => {
@@ -2262,27 +2266,48 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
             return resp;
         });
     };
+    const createNotebook = async (spaceId, name, description, notebookType = 'notebook') => {
+        // Create FormData for the upload
+        const formData = new FormData();
+        formData.append('spaceId', spaceId);
+        formData.append('notebookType', notebookType);
+        formData.append('name', name);
+        formData.append('description', description || '');
+        try {
+            const resp = await uploadNotebook(formData);
+            if (resp.success) {
+                if (resp.notebook) {
+                    toNotebook(resp.notebook);
+                }
+            }
+            return resp;
+        }
+        catch (error) {
+            console.error('Failed to create notebook:', error);
+            return { success: false, error };
+        }
+    };
     const updateNotebook = (id, name, description) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.spacerRunUrl}/api/spacer/v1/notebooks/${id}`,
             method: 'PUT',
             body: {
                 name,
                 description,
-            }
+            },
         });
     };
     const updateNotebookModel = (notebookId, nbformat) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.spacerRunUrl}/api/spacer/v1/notebooks/${notebookId}/model`,
             method: 'PUT',
             body: {
                 nbformat,
-            }
+            },
         });
     };
     // Documents ------------------------------------------------------------------
-    const toDocument = (doc) => {
+    const toDocument = doc => {
         const owner = newUserMock();
         USERS_BY_ID.set(owner.id, owner);
         const document = {
@@ -2293,22 +2318,26 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
             model: doc.model_s ? JSON.parse(doc.model_s) : undefined,
             public: doc.public_b ?? false,
             creationDate: new Date(doc.creation_ts_dt),
-            lastUpdateDate: doc.last_update_ts_dt ? new Date(doc.last_update_ts_dt) : undefined,
-            lastPublicationDate: doc.creation_ts_dt ? new Date(doc.creation_ts_dt) : undefined,
+            lastUpdateDate: doc.last_update_ts_dt
+                ? new Date(doc.last_update_ts_dt)
+                : undefined,
+            lastPublicationDate: doc.creation_ts_dt
+                ? new Date(doc.creation_ts_dt)
+                : undefined,
             owner,
             space: {
                 handle: doc.handle_s,
             },
             organization: {
                 handle: doc.handle_s,
-            }
+            },
         };
         SPACE_DOCUMENTS_BY_ID.set(document.id, document);
         return document;
     };
-    const getDocument = (id) => SPACE_DOCUMENTS_BY_ID.get(id);
+    const getDocument = id => SPACE_DOCUMENTS_BY_ID.get(id);
     const refreshDocument = (id) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.spacerRunUrl}/api/spacer/v1/lexicals/${id}`,
             method: 'GET',
         }).then(resp => {
@@ -2322,10 +2351,10 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
         });
     };
     const getSpaceDocuments = () => Array.from(SPACE_DOCUMENTS_BY_ID.values());
-    const getSpaceDocument = (id) => SPACE_DOCUMENTS_BY_ID.get(id);
+    const getSpaceDocument = id => SPACE_DOCUMENTS_BY_ID.get(id);
     const refreshSpaceDocuments = (space, organization) => {
         const url = `${configuration.spacerRunUrl}/api/spacer/v1/spaces/${space.id}/items/types/document`;
-        return requestRun({
+        return requestDatalayer({
             url,
             method: 'GET',
         }).then(resp => {
@@ -2338,7 +2367,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
         });
     };
     const cloneDocument = (documentId) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.spacerRunUrl}/api/spacer/v1/lexicals/${documentId}/clone`,
             method: 'POST',
         }).then(resp => {
@@ -2349,22 +2378,22 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
         });
     };
     const updateDocument = (id, name, description) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.spacerRunUrl}/api/spacer/v1/lexicals/${id}`,
             method: 'PUT',
             body: {
                 name,
                 description,
-            }
+            },
         });
     };
     const updateDocumentModel = (id, model) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.spacerRunUrl}/api/spacer/v1/lexicals/${id}/model`,
             method: 'PUT',
             body: {
                 model,
-            }
+            },
         });
     };
     // Environments ------------------------------------------------------------------
@@ -2378,21 +2407,23 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
             description: env.description_t,
             creationDate: new Date(env.creation_ts_dt),
             public: env.public_b ?? false,
-            lastPublicationDate: env.creation_ts_dt ? new Date(env.creation_ts_dt) : undefined,
+            lastPublicationDate: env.creation_ts_dt
+                ? new Date(env.creation_ts_dt)
+                : undefined,
             owner,
             space: {
                 handle: env.handle_s,
             },
             organization: {
                 handle: env.handle_s,
-            }
+            },
         };
         cache.set(environment.id, environment);
         return environment;
     };
     const getEnvironment = (id) => SPACE_ENVIRONMENTS_BY_ID.get(id);
     const refreshEnvironment = (id) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.spacerRunUrl}/api/spacer/v1/spaces/items/${id}`,
             method: 'GET',
         }).then(resp => {
@@ -2408,7 +2439,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
     const getSpaceEnvironments = () => Array.from(SPACE_ENVIRONMENTS_BY_ID.values());
     const refreshSpaceEnvironments = (space, organization) => {
         const url = `${configuration.spacerRunUrl}/api/spacer/v1/spaces/${space.id}/items/types/environment`;
-        return requestRun({
+        return requestDatalayer({
             url,
             method: 'GET',
         }).then(resp => {
@@ -2421,7 +2452,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
         });
     };
     // Lessons ------------------------------------------------------------------
-    const toLesson = (raw_lesson) => {
+    const toLesson = raw_lesson => {
         const owner = newUserMock();
         USERS_BY_ID.set(owner.id, owner);
         const lesson = {
@@ -2432,8 +2463,12 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
             nbformat: raw_lesson.model_s ? JSON.parse(raw_lesson.model_s) : undefined,
             public: raw_lesson.public_b ?? false,
             creationDate: new Date(raw_lesson.creation_ts_dt),
-            lastUpdateDate: raw_lesson.last_update_ts_dt ? new Date(raw_lesson.last_update_ts_dt) : undefined,
-            lastPublicationDate: raw_lesson.creation_ts_dt ? new Date(raw_lesson.creation_ts_dt) : undefined,
+            lastUpdateDate: raw_lesson.last_update_ts_dt
+                ? new Date(raw_lesson.last_update_ts_dt)
+                : undefined,
+            lastPublicationDate: raw_lesson.creation_ts_dt
+                ? new Date(raw_lesson.creation_ts_dt)
+                : undefined,
             owner,
             space: {
                 handle: raw_lesson.handle_s,
@@ -2446,9 +2481,9 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
         SPACE_LESSONS_BY_ID.set(lesson.id, lesson);
         return lesson;
     };
-    const getLesson = (id) => SPACE_LESSONS_BY_ID.get(id);
+    const getLesson = id => SPACE_LESSONS_BY_ID.get(id);
     const refreshLesson = (id) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.spacerRunUrl}/api/spacer/v1/lessons/${id}`,
             method: 'GET',
         }).then(resp => {
@@ -2462,10 +2497,10 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
         });
     };
     const getSpaceLessons = () => Array.from(SPACE_LESSONS_BY_ID.values());
-    const getSpaceLesson = (id) => SPACE_LESSONS_BY_ID.get(id);
+    const getSpaceLesson = id => SPACE_LESSONS_BY_ID.get(id);
     const refreshSpaceLessons = (space, organization) => {
         const url = `${configuration.spacerRunUrl}/api/spacer/v1/spaces/${space.id}/items/types/lesson`;
-        return requestRun({
+        return requestDatalayer({
             url,
             method: 'GET',
         }).then(resp => {
@@ -2478,7 +2513,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
         });
     };
     const cloneLesson = (lessonId) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.spacerRunUrl}/api/spacer/v1/notebooks/${lessonId}/clone`,
             method: 'POST',
         }).then(resp => {
@@ -2504,8 +2539,12 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
             codeTest: ex.code_test_t,
             public: ex.public_b ?? false,
             creationDate: new Date(ex.creation_ts_dt),
-            lastUpdateDate: ex.last_update_ts_dt ? new Date(ex.last_update_ts_dt) : undefined,
-            lastPublicationDate: ex.creation_ts_dt ? new Date(ex.creation_ts_dt) : undefined,
+            lastUpdateDate: ex.last_update_ts_dt
+                ? new Date(ex.last_update_ts_dt)
+                : undefined,
+            lastPublicationDate: ex.creation_ts_dt
+                ? new Date(ex.creation_ts_dt)
+                : undefined,
             owner,
             space: {
                 handle: ex.handle_s,
@@ -2520,7 +2559,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
     };
     const getExercise = (id) => SPACE_EXERCISES_BY_ID.get(id);
     const refreshExercise = (id) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.spacerRunUrl}/api/spacer/v1/spaces/items/${id}`,
             method: 'GET',
         }).then(resp => {
@@ -2538,7 +2577,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
     };
     const refreshSpaceExercises = (space, organization) => {
         const url = `${configuration.spacerRunUrl}/api/spacer/v1/spaces/${space.id}/items/types/exercise`;
-        return requestRun({
+        return requestDatalayer({
             url,
             method: 'GET',
         }).then(resp => {
@@ -2551,7 +2590,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
         });
     };
     const cloneExercise = (exerciseId) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.spacerRunUrl}/api/spacer/v1/exercises/${exerciseId}/clone`,
             method: 'POST',
         }).then(resp => {
@@ -2562,7 +2601,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
         });
     };
     const updateExercise = ({ id, name, description, help, codePre, codeSolution, codeQuestion, codeTest, }) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.spacerRunUrl}/api/spacer/v1/exercises/${id}`,
             method: 'PUT',
             body: {
@@ -2573,17 +2612,17 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
                 codeSolution,
                 codeQuestion,
                 codeTest,
-            }
+            },
         });
     };
     const updateExercisePoints = (id, codeStudent, points) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.spacerRunUrl}/api/spacer/v1/exercises/${id}/points`,
             method: 'PUT',
             body: {
                 codeStudent,
                 points,
-            }
+            },
         });
     };
     // Assignments ------------------------------------------------------------------
@@ -2595,7 +2634,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
             raw_assignment.student_items.forEach(student_item => {
                 studentItem = {
                     id: student_item.uid,
-                    type: "student_item",
+                    type: 'student_item',
                     itemId: student_item.item_uid,
                     itemType: student_item.item_type_s,
                     nbgrades: student_item.nbgrades,
@@ -2610,11 +2649,17 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
             type: 'assignment',
             name: raw_assignment.name_t,
             description: raw_assignment.description_t,
-            nbformat: raw_assignment.model_s ? JSON.parse(raw_assignment.model_s) : undefined,
+            nbformat: raw_assignment.model_s
+                ? JSON.parse(raw_assignment.model_s)
+                : undefined,
             public: raw_assignment.public_b ?? false,
             creationDate: new Date(raw_assignment.creation_ts_dt),
-            lastUpdateDate: raw_assignment.last_update_ts_dt ? new Date(raw_assignment.last_update_ts_dt) : undefined,
-            lastPublicationDate: raw_assignment.creation_ts_dt ? new Date(raw_assignment.creation_ts_dt) : undefined,
+            lastUpdateDate: raw_assignment.last_update_ts_dt
+                ? new Date(raw_assignment.last_update_ts_dt)
+                : undefined,
+            lastPublicationDate: raw_assignment.creation_ts_dt
+                ? new Date(raw_assignment.creation_ts_dt)
+                : undefined,
             studentItem,
             datasets: [],
             owner,
@@ -2629,9 +2674,9 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
         STUDENT_ASSIGNMENTS_BY_ID.set(assignment.id, assignment);
         return assignment;
     };
-    const getAssignment = (assignmentId) => SPACE_ASSIGNMENTS_BY_ID.get(assignmentId);
+    const getAssignment = assignmentId => SPACE_ASSIGNMENTS_BY_ID.get(assignmentId);
     const refreshAssignment = (assignmentId) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.spacerRunUrl}/api/spacer/v1/assignments/${assignmentId}`,
             method: 'GET',
         }).then(resp => {
@@ -2646,7 +2691,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
     };
     const getAssignmentForStudent = (assignmentId) => STUDENT_ASSIGNMENTS_BY_ID.get(assignmentId);
     const refreshAssignmentForStudent = (courseId, user, assignmentId) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.spacerRunUrl}/api/spacer/v1/assignments/${assignmentId}/courses/${courseId}/students/${user.id}`,
             method: 'GET',
         }).then(resp => {
@@ -2660,7 +2705,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
         });
     };
     const resetAssignmentForStudent = (courseId, user, assignmentId) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.spacerRunUrl}/api/spacer/v1/assignments/${assignmentId}/reset`,
             method: 'POST',
         }).then(resp => {
@@ -2674,12 +2719,12 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
         });
     };
     const gradeAssignmentForStudent = (courseId, user, assignmentId, model) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.spacerRunUrl}/api/spacer/v1/assignments/${assignmentId}/students/${user.id}/grade`,
             method: 'PUT',
             body: {
                 model,
-            }
+            },
         }).then(resp => {
             if (resp.success) {
                 const assignment = resp.assignment;
@@ -2691,10 +2736,10 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
         });
     };
     const getSpaceAssignments = () => Array.from(SPACE_ASSIGNMENTS_BY_ID.values());
-    const getSpaceAssignment = (id) => SPACE_ASSIGNMENTS_BY_ID.get(id);
+    const getSpaceAssignment = id => SPACE_ASSIGNMENTS_BY_ID.get(id);
     const refreshSpaceAssignments = (space, organization) => {
         const url = `${configuration.spacerRunUrl}/api/spacer/v1/spaces/${space.id}/items/types/assignment`;
-        return requestRun({
+        return requestDatalayer({
             url,
             method: 'GET',
         }).then(resp => {
@@ -2707,7 +2752,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
         });
     };
     const cloneAssignment = (assignmentId) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.spacerRunUrl}/api/spacer/v1/notebooks/${assignmentId}/clone`,
             method: 'POST',
         }).then(resp => {
@@ -2717,28 +2762,28 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
             return resp;
         });
     };
-    const getAssignmentStudentVersion = (assignmentId) => {
-        return requestRun({
+    const getAssignmentStudentVersion = assignmentId => {
+        return requestDatalayer({
             url: `${configuration.spacerRunUrl}/api/spacer/v1/assignments/${assignmentId}/student_version`,
             method: 'GET',
         });
     };
     // Prices -------------------------------------------------------------------
     const refreshStripePrices = () => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.iamRunUrl}/api/iam/stripe/v1/prices`,
             method: 'GET',
         });
     };
     // Checkout -------------------------------------------------------------------
     const createCheckoutSession = (product, location) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.iamRunUrl}/api/iam/stripe/v1/checkout/session`,
             method: 'POST',
             body: {
                 price_id: product?.id,
-                return_url: `${location.protocol}//${location.host}${location.pathname.split('/').slice(0, -1).join('/')}`
-            }
+                return_url: `${location.protocol}//${location.host}${location.pathname.split('/').slice(0, -1).join('/')}`,
+            },
         })
             .then(data => data.client_secret)
             .catch(error => {
@@ -2746,40 +2791,40 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
         });
     };
     // Credits -------------------------------------------------------------------
-    const burnCredit = (credits) => {
-        return requestRun({
+    const burnCredit = credits => {
+        return requestDatalayer({
             url: `${configuration.iamRunUrl}/api/iam/v1/usage/credits`,
-            method: "DELETE",
+            method: 'DELETE',
             body: {
                 credits,
-            }
+            },
         });
     };
-    const getUserCredits = (userId) => {
-        return requestRun({
+    const getUserCredits = userId => {
+        return requestDatalayer({
             url: `${configuration.iamRunUrl}/api/iam/v1/usage/credits/users/${userId}`,
-            method: "GET",
+            method: 'GET',
         });
     };
     const updateUserCredits = (userId, credits, brand) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.iamRunUrl}/api/iam/v1/usage/credits/users/${userId}`,
-            method: "PUT",
+            method: 'PUT',
             body: {
                 credits,
                 brand,
-            }
+            },
         });
     };
     const updateUserCreditsQuota = (userId, quota) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.iamRunUrl}/api/iam/v1/usage/quota`,
-            method: "PUT",
+            method: 'PUT',
             body: {
                 user_uid: userId,
                 quota,
-                reset: "0",
-            }
+                reset: '0',
+            },
         });
     };
     // Usages -------------------------------------------------------------------
@@ -2787,9 +2832,9 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
      * Get user usages
      */
     const getUsages = async () => {
-        const data = await requestRun({
+        const data = await requestDatalayer({
             url: `${configuration.iamRunUrl}/api/iam/v1/usage/user`,
-            method: "GET",
+            method: 'GET',
         });
         data.usages = (data.usages ?? []).map(u => asUsage(u));
         return data;
@@ -2798,9 +2843,9 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
      * Get user usages
      */
     const getUsagesForUser = async (userId) => {
-        const data = await requestRun({
+        const data = await requestDatalayer({
             url: `${configuration.iamRunUrl}/api/iam/v1/usage/users/${userId}`,
-            method: "GET",
+            method: 'GET',
         });
         data.usages = (data.usages ?? []).map(u => asUsage(u));
         return data;
@@ -2809,16 +2854,16 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
      * Get platform usages
      */
     const getPlatformUsages = async () => {
-        const data = await requestRun({
+        const data = await requestDatalayer({
             url: `${configuration.iamRunUrl}/api/iam/v1/usage/platform`,
-            method: "GET",
+            method: 'GET',
         });
         data.usages = (data.usages ?? []).map(u => asUsage(u));
         return data;
     };
     // Support ------------------------------------------------------------------
     const requestPlatformSupport = (subject, message, email, brand) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.supportRunUrl}/api/support/v1/support/request`,
             method: 'POST',
             body: {
@@ -2826,11 +2871,11 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
                 message,
                 email,
                 brand,
-            }
+            },
         });
     };
     const requestPlatformSupport2 = (accountHandle, firstName, lastName, email, message) => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.supportRunUrl}/api/support/v1/support/request2`,
             method: 'POST',
             body: {
@@ -2839,12 +2884,12 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
                 lastName,
                 email,
                 message,
-            }
+            },
         });
     };
     // Growth ------------------------------------------------------------------
     const getGrowthKPI = () => {
-        return requestRun({
+        return requestDatalayer({
             url: `${configuration.growthRunUrl}/api/growth/v1/kpis`,
             method: 'GET',
         });
@@ -2876,6 +2921,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
         cloneExercise,
         cloneLesson,
         cloneNotebook,
+        createNotebook,
         confirmCourseItemCompletion,
         confirmEmailUpdate,
         confirmJoinWithToken,
@@ -3098,6 +3144,9 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
         updateUserSettings,
         validateUserMFACode,
         whoami,
+        notebookUploadLoading,
+        notebookUploadProgress,
+        resetNotebookUpload,
     };
 };
 export default useCache;