npm - slice-machine-ui - Versions diffs - 2.18.1-beta.7 → 2.18.1 - Mend

slice-machine-ui 2.18.1-beta.7 → 2.18.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (63) hide show

package/out/page-types/[pageTypeId].html CHANGED Viewed

	@@ -1 +1 @@
1	- <!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/bc89f2cd4e4781f5.css" as="style"/><link rel="stylesheet" href="/_next/static/css/bc89f2cd4e4781f5.css" data-n-g=""/><link rel="preload" href="/_next/static/css/56f2a6684a524374.css" as="style"/><link rel="stylesheet" href="/_next/static/css/56f2a6684a524374.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-42372ed130431b0a.js"></script><script src="/_next/static/chunks/webpack-e0c07a2fe4908d81.js" defer=""></script><script src="/_next/static/chunks/framework-ab7ddb551c23d05a.js" defer=""></script><script src="/_next/static/chunks/main-c46f4dcf6e3174bd.js" defer=""></script><script src="/_next/static/chunks/pages/_app-~~64feff311539f17b~~.js" defer=""></script><script src="/_next/static/chunks/59b4e022-ef680789f7cc9b11.js" defer=""></script><script src="/_next/static/chunks/f36c6662-1f3a854183168b10.js" defer=""></script><script src="/_next/static/chunks/4c744e84-480e426e4b1cfef3.js" defer=""></script><script src="/_next/static/chunks/065a3ddb-9a38ca0d60f0bf2f.js" defer=""></script><script src="/_next/static/chunks/1cc2734a-09fb3b997ad1eb70.js" defer=""></script><script src="/_next/static/chunks/397-e6c340070a3bcb41.js" defer=""></script><script src="/_next/static/chunks/183-4ea255b867ff171b.js" defer=""></script><script src="/_next/static/chunks/344-fdb3008f4bb3b0c1.js" defer=""></script><script src="/_next/static/chunks/256-07f768a2b19b0a0e.js" defer=""></script><script src="/_next/static/chunks/422-c9192a1dbdd2ae0e.js" defer=""></script><script src="/_next/static/chunks/34-~~8d9d9b2944824750~~.js" defer=""></script><script src="/_next/static/chunks/647-4379a741c8d85d9e.js" defer=""></script><script src="/_next/static/chunks/630-~~bb6e3db525588f16~~.js" defer=""></script><script src="/_next/static/chunks/907-445266211c48b1a5.js" defer=""></script><script src="/_next/static/chunks/489-~~234ed5471aa694b3~~.js" defer=""></script><script src="/_next/static/chunks/pages/page-types/%5BpageTypeId%5D-a24665e91b882169.js" defer=""></script><script src="/_next/static/~~Zy4opMpDS8I~~-~~mxQ1kA3m2~~/_buildManifest.js" defer=""></script><script src="/_next/static/~~Zy4opMpDS8I~~-~~mxQ1kA3m2~~/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/page-types/[pageTypeId]","query":{},"buildId":"~~Zy4opMpDS8I~~-~~mxQ1kA3m2~~","runtimeConfig":{"sentryEnvironment":"~~beta~~"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
1	+ <!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/bc89f2cd4e4781f5.css" as="style"/><link rel="stylesheet" href="/_next/static/css/bc89f2cd4e4781f5.css" data-n-g=""/><link rel="preload" href="/_next/static/css/56f2a6684a524374.css" as="style"/><link rel="stylesheet" href="/_next/static/css/56f2a6684a524374.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-42372ed130431b0a.js"></script><script src="/_next/static/chunks/webpack-e0c07a2fe4908d81.js" defer=""></script><script src="/_next/static/chunks/framework-ab7ddb551c23d05a.js" defer=""></script><script src="/_next/static/chunks/main-c46f4dcf6e3174bd.js" defer=""></script><script src="/_next/static/chunks/pages/_app-1b4541325b4a29ab.js" defer=""></script><script src="/_next/static/chunks/59b4e022-ef680789f7cc9b11.js" defer=""></script><script src="/_next/static/chunks/f36c6662-1f3a854183168b10.js" defer=""></script><script src="/_next/static/chunks/4c744e84-480e426e4b1cfef3.js" defer=""></script><script src="/_next/static/chunks/065a3ddb-9a38ca0d60f0bf2f.js" defer=""></script><script src="/_next/static/chunks/1cc2734a-09fb3b997ad1eb70.js" defer=""></script><script src="/_next/static/chunks/397-e6c340070a3bcb41.js" defer=""></script><script src="/_next/static/chunks/183-4ea255b867ff171b.js" defer=""></script><script src="/_next/static/chunks/344-fdb3008f4bb3b0c1.js" defer=""></script><script src="/_next/static/chunks/256-07f768a2b19b0a0e.js" defer=""></script><script src="/_next/static/chunks/422-c9192a1dbdd2ae0e.js" defer=""></script><script src="/_next/static/chunks/34-50c64778da33cff6.js" defer=""></script><script src="/_next/static/chunks/647-4379a741c8d85d9e.js" defer=""></script><script src="/_next/static/chunks/630-eae75e90b30f201a.js" defer=""></script><script src="/_next/static/chunks/907-445266211c48b1a5.js" defer=""></script><script src="/_next/static/chunks/489-a046ae0fa4f74435.js" defer=""></script><script src="/_next/static/chunks/pages/page-types/%5BpageTypeId%5D-a24665e91b882169.js" defer=""></script><script src="/_next/static/JnNsFjiOtQSOKhLcOb3-p/_buildManifest.js" defer=""></script><script src="/_next/static/JnNsFjiOtQSOKhLcOb3-p/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/page-types/[pageTypeId]","query":{},"buildId":"JnNsFjiOtQSOKhLcOb3-p","runtimeConfig":{"sentryEnvironment":"production"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>

package/out/slices/[lib]/[sliceName]/[variation]/simulator.html CHANGED Viewed

	@@ -1 +1 @@
1	- <!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/bc89f2cd4e4781f5.css" as="style"/><link rel="stylesheet" href="/_next/static/css/bc89f2cd4e4781f5.css" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-42372ed130431b0a.js"></script><script src="/_next/static/chunks/webpack-e0c07a2fe4908d81.js" defer=""></script><script src="/_next/static/chunks/framework-ab7ddb551c23d05a.js" defer=""></script><script src="/_next/static/chunks/main-c46f4dcf6e3174bd.js" defer=""></script><script src="/_next/static/chunks/pages/_app-~~64feff311539f17b~~.js" defer=""></script><script src="/_next/static/chunks/c8eae200-966ce352f7b5d2b9.js" defer=""></script><script src="/_next/static/chunks/72585f70-28b4d7d5384b3703.js" defer=""></script><script src="/_next/static/chunks/~~157~~-~~fa8b348c960c8283~~.js" defer=""></script><script src="/_next/static/chunks/pages/slices/%5Blib%5D/%5BsliceName%5D/%5Bvariation%5D/simulator-~~b127d948a17968d3~~.js" defer=""></script><script src="/_next/static/~~Zy4opMpDS8I~~-~~mxQ1kA3m2~~/_buildManifest.js" defer=""></script><script src="/_next/static/~~Zy4opMpDS8I~~-~~mxQ1kA3m2~~/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/slices/[lib]/[sliceName]/[variation]/simulator","query":{},"buildId":"~~Zy4opMpDS8I~~-~~mxQ1kA3m2~~","runtimeConfig":{"sentryEnvironment":"~~beta~~"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
1	+ <!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/bc89f2cd4e4781f5.css" as="style"/><link rel="stylesheet" href="/_next/static/css/bc89f2cd4e4781f5.css" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-42372ed130431b0a.js"></script><script src="/_next/static/chunks/webpack-e0c07a2fe4908d81.js" defer=""></script><script src="/_next/static/chunks/framework-ab7ddb551c23d05a.js" defer=""></script><script src="/_next/static/chunks/main-c46f4dcf6e3174bd.js" defer=""></script><script src="/_next/static/chunks/pages/_app-1b4541325b4a29ab.js" defer=""></script><script src="/_next/static/chunks/c8eae200-966ce352f7b5d2b9.js" defer=""></script><script src="/_next/static/chunks/72585f70-28b4d7d5384b3703.js" defer=""></script><script src="/_next/static/chunks/429-aab52070cad2884b.js" defer=""></script><script src="/_next/static/chunks/pages/slices/%5Blib%5D/%5BsliceName%5D/%5Bvariation%5D/simulator-f237aaa755dc9a99.js" defer=""></script><script src="/_next/static/JnNsFjiOtQSOKhLcOb3-p/_buildManifest.js" defer=""></script><script src="/_next/static/JnNsFjiOtQSOKhLcOb3-p/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/slices/[lib]/[sliceName]/[variation]/simulator","query":{},"buildId":"JnNsFjiOtQSOKhLcOb3-p","runtimeConfig":{"sentryEnvironment":"production"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>

package/out/slices/[lib]/[sliceName]/[variation].html CHANGED Viewed

	@@ -1 +1 @@
1	- <!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/bc89f2cd4e4781f5.css" as="style"/><link rel="stylesheet" href="/_next/static/css/bc89f2cd4e4781f5.css" data-n-g=""/><link rel="preload" href="/_next/static/css/e8e03c0d4003d1eb.css" as="style"/><link rel="stylesheet" href="/_next/static/css/e8e03c0d4003d1eb.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-42372ed130431b0a.js"></script><script src="/_next/static/chunks/webpack-e0c07a2fe4908d81.js" defer=""></script><script src="/_next/static/chunks/framework-ab7ddb551c23d05a.js" defer=""></script><script src="/_next/static/chunks/main-c46f4dcf6e3174bd.js" defer=""></script><script src="/_next/static/chunks/pages/_app-~~64feff311539f17b~~.js" defer=""></script><script src="/_next/static/chunks/59b4e022-ef680789f7cc9b11.js" defer=""></script><script src="/_next/static/chunks/c8eae200-966ce352f7b5d2b9.js" defer=""></script><script src="/_next/static/chunks/f36c6662-1f3a854183168b10.js" defer=""></script><script src="/_next/static/chunks/4c744e84-480e426e4b1cfef3.js" defer=""></script><script src="/_next/static/chunks/065a3ddb-9a38ca0d60f0bf2f.js" defer=""></script><script src="/_next/static/chunks/1cc2734a-09fb3b997ad1eb70.js" defer=""></script><script src="/_next/static/chunks/52d4c156-89c6ec6efca0a0bb.js" defer=""></script><script src="/_next/static/chunks/397-e6c340070a3bcb41.js" defer=""></script><script src="/_next/static/chunks/183-4ea255b867ff171b.js" defer=""></script><script src="/_next/static/chunks/344-fdb3008f4bb3b0c1.js" defer=""></script><script src="/_next/static/chunks/256-07f768a2b19b0a0e.js" defer=""></script><script src="/_next/static/chunks/500-d3989390f5e8da53.js" defer=""></script><script src="/_next/static/chunks/484-3e011e79c41f0342.js" defer=""></script><script src="/_next/static/chunks/34-~~8d9d9b2944824750~~.js" defer=""></script><script src="/_next/static/chunks/630-~~bb6e3db525588f16~~.js" defer=""></script><script src="/_next/static/chunks/658-8231c0b729e0124a.js" defer=""></script><script src="/_next/static/chunks/pages/slices/%5Blib%5D/%5BsliceName%5D/%5Bvariation%5D-~~da423aa0da7bc11e~~.js" defer=""></script><script src="/_next/static/~~Zy4opMpDS8I~~-~~mxQ1kA3m2~~/_buildManifest.js" defer=""></script><script src="/_next/static/~~Zy4opMpDS8I~~-~~mxQ1kA3m2~~/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/slices/[lib]/[sliceName]/[variation]","query":{},"buildId":"~~Zy4opMpDS8I~~-~~mxQ1kA3m2~~","runtimeConfig":{"sentryEnvironment":"~~beta~~"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
1	+ <!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/bc89f2cd4e4781f5.css" as="style"/><link rel="stylesheet" href="/_next/static/css/bc89f2cd4e4781f5.css" data-n-g=""/><link rel="preload" href="/_next/static/css/e8e03c0d4003d1eb.css" as="style"/><link rel="stylesheet" href="/_next/static/css/e8e03c0d4003d1eb.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-42372ed130431b0a.js"></script><script src="/_next/static/chunks/webpack-e0c07a2fe4908d81.js" defer=""></script><script src="/_next/static/chunks/framework-ab7ddb551c23d05a.js" defer=""></script><script src="/_next/static/chunks/main-c46f4dcf6e3174bd.js" defer=""></script><script src="/_next/static/chunks/pages/_app-1b4541325b4a29ab.js" defer=""></script><script src="/_next/static/chunks/59b4e022-ef680789f7cc9b11.js" defer=""></script><script src="/_next/static/chunks/c8eae200-966ce352f7b5d2b9.js" defer=""></script><script src="/_next/static/chunks/f36c6662-1f3a854183168b10.js" defer=""></script><script src="/_next/static/chunks/4c744e84-480e426e4b1cfef3.js" defer=""></script><script src="/_next/static/chunks/065a3ddb-9a38ca0d60f0bf2f.js" defer=""></script><script src="/_next/static/chunks/1cc2734a-09fb3b997ad1eb70.js" defer=""></script><script src="/_next/static/chunks/52d4c156-89c6ec6efca0a0bb.js" defer=""></script><script src="/_next/static/chunks/397-e6c340070a3bcb41.js" defer=""></script><script src="/_next/static/chunks/183-4ea255b867ff171b.js" defer=""></script><script src="/_next/static/chunks/344-fdb3008f4bb3b0c1.js" defer=""></script><script src="/_next/static/chunks/256-07f768a2b19b0a0e.js" defer=""></script><script src="/_next/static/chunks/500-d3989390f5e8da53.js" defer=""></script><script src="/_next/static/chunks/484-3e011e79c41f0342.js" defer=""></script><script src="/_next/static/chunks/34-50c64778da33cff6.js" defer=""></script><script src="/_next/static/chunks/630-eae75e90b30f201a.js" defer=""></script><script src="/_next/static/chunks/658-8231c0b729e0124a.js" defer=""></script><script src="/_next/static/chunks/pages/slices/%5Blib%5D/%5BsliceName%5D/%5Bvariation%5D-c8c3e7ffb898261c.js" defer=""></script><script src="/_next/static/JnNsFjiOtQSOKhLcOb3-p/_buildManifest.js" defer=""></script><script src="/_next/static/JnNsFjiOtQSOKhLcOb3-p/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/slices/[lib]/[sliceName]/[variation]","query":{},"buildId":"JnNsFjiOtQSOKhLcOb3-p","runtimeConfig":{"sentryEnvironment":"production"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>

package/out/slices.html CHANGED Viewed

	@@ -1 +1 @@
1	- <!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/bc89f2cd4e4781f5.css" as="style"/><link rel="stylesheet" href="/_next/static/css/bc89f2cd4e4781f5.css" data-n-g=""/><link rel="preload" href="/_next/static/css/efa5152b7c0f35c0.css" as="style"/><link rel="stylesheet" href="/_next/static/css/efa5152b7c0f35c0.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-42372ed130431b0a.js"></script><script src="/_next/static/chunks/webpack-e0c07a2fe4908d81.js" defer=""></script><script src="/_next/static/chunks/framework-ab7ddb551c23d05a.js" defer=""></script><script src="/_next/static/chunks/main-c46f4dcf6e3174bd.js" defer=""></script><script src="/_next/static/chunks/pages/_app-~~64feff311539f17b~~.js" defer=""></script><script src="/_next/static/chunks/59b4e022-ef680789f7cc9b11.js" defer=""></script><script src="/_next/static/chunks/c8eae200-966ce352f7b5d2b9.js" defer=""></script><script src="/_next/static/chunks/52d4c156-89c6ec6efca0a0bb.js" defer=""></script><script src="/_next/static/chunks/397-e6c340070a3bcb41.js" defer=""></script><script src="/_next/static/chunks/344-fdb3008f4bb3b0c1.js" defer=""></script><script src="/_next/static/chunks/500-d3989390f5e8da53.js" defer=""></script><script src="/_next/static/chunks/34-~~8d9d9b2944824750~~.js" defer=""></script><script src="/_next/static/chunks/658-8231c0b729e0124a.js" defer=""></script><script src="/_next/static/chunks/907-445266211c48b1a5.js" defer=""></script><script src="/_next/static/chunks/pages/slices-~~59b857edc9f72d5f~~.js" defer=""></script><script src="/_next/static/~~Zy4opMpDS8I~~-~~mxQ1kA3m2~~/_buildManifest.js" defer=""></script><script src="/_next/static/~~Zy4opMpDS8I~~-~~mxQ1kA3m2~~/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/slices","query":{},"buildId":"~~Zy4opMpDS8I~~-~~mxQ1kA3m2~~","runtimeConfig":{"sentryEnvironment":"~~beta~~"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
1	+ <!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/bc89f2cd4e4781f5.css" as="style"/><link rel="stylesheet" href="/_next/static/css/bc89f2cd4e4781f5.css" data-n-g=""/><link rel="preload" href="/_next/static/css/efa5152b7c0f35c0.css" as="style"/><link rel="stylesheet" href="/_next/static/css/efa5152b7c0f35c0.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-42372ed130431b0a.js"></script><script src="/_next/static/chunks/webpack-e0c07a2fe4908d81.js" defer=""></script><script src="/_next/static/chunks/framework-ab7ddb551c23d05a.js" defer=""></script><script src="/_next/static/chunks/main-c46f4dcf6e3174bd.js" defer=""></script><script src="/_next/static/chunks/pages/_app-1b4541325b4a29ab.js" defer=""></script><script src="/_next/static/chunks/59b4e022-ef680789f7cc9b11.js" defer=""></script><script src="/_next/static/chunks/c8eae200-966ce352f7b5d2b9.js" defer=""></script><script src="/_next/static/chunks/52d4c156-89c6ec6efca0a0bb.js" defer=""></script><script src="/_next/static/chunks/397-e6c340070a3bcb41.js" defer=""></script><script src="/_next/static/chunks/344-fdb3008f4bb3b0c1.js" defer=""></script><script src="/_next/static/chunks/500-d3989390f5e8da53.js" defer=""></script><script src="/_next/static/chunks/34-50c64778da33cff6.js" defer=""></script><script src="/_next/static/chunks/658-8231c0b729e0124a.js" defer=""></script><script src="/_next/static/chunks/907-445266211c48b1a5.js" defer=""></script><script src="/_next/static/chunks/pages/slices-0aaae79dcc7b8c55.js" defer=""></script><script src="/_next/static/JnNsFjiOtQSOKhLcOb3-p/_buildManifest.js" defer=""></script><script src="/_next/static/JnNsFjiOtQSOKhLcOb3-p/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/slices","query":{},"buildId":"JnNsFjiOtQSOKhLcOb3-p","runtimeConfig":{"sentryEnvironment":"production"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "slice-machine-ui",
-  "version": "2.18.1-beta.7",
+  "version": "2.18.1",
   "license": "MIT",
   "description": "A visual builder for your Slice Models with all the tools you need to generate data models and mock CMS content locally.",
   "repository": {
@@ -35,8 +35,8 @@
     "start-slicemachine": "./bin/start-slicemachine.cjs"
   },
   "dependencies": {
-    "@slicemachine/manager": "0.25.3-beta.7",
-    "start-slicemachine": "0.12.61-beta.7"
+    "@slicemachine/manager": "0.25.3",
+    "start-slicemachine": "0.12.61"
   },
   "devDependencies": {
     "@emotion/react": "11.11.1",
@@ -133,6 +133,5 @@
     "vitest": "0.32.0",
     "yup": "0.32.11",
     "zod": "3.23.8"
-  },
-  "stableVersion": "2.18.0"
+  }
 }

package/src/features/auth/LogoutButton.tsx CHANGED Viewed

@@ -1,52 +1,34 @@
 import { Button, Icon, IconButton, Tooltip } from "@prismicio/editor-ui";
 import { SX } from "@prismicio/editor-ui/dist/theme";
 import * as Sentry from "@sentry/nextjs";
-import { ReactNode } from "react";
+import { useQueryClient } from "@tanstack/react-query";
+import { useRouter } from "next/router";
+import { toast } from "react-toastify";
-import { clearAuth as managerLogout, getState } from "@/apiClient";
-import { invalidateActiveEnvironmentData } from "@/features/environments/useActiveEnvironment";
-import { invalidateEnvironmentsData } from "@/features/environments/useEnvironments";
+import { clearAuth, getState } from "@/apiClient";
+import { GetActiveEnvironmentQueryKey } from "@/features/environments/useActiveEnvironment";
+import { GetEnvironmentsQueryKey } from "@/features/environments/useEnvironments";
 import useSliceMachineActions from "@/modules/useSliceMachineActions";
-interface LogoutButtonProps {
-  children?: ReactNode;
-  onLogoutSuccess?: () => void;
-  isLoading?: boolean;
-  sx?: SX;
-}
-export function LogoutButton(props: LogoutButtonProps) {
-  const { children, onLogoutSuccess, isLoading, sx } = props;
+export function EnvironmentLogoutButton() {
   const { refreshState } = useSliceMachineActions();
+  const queryClient = useQueryClient();
   async function onClick() {
-    await managerLogout();
+    await clearAuth();
     const serverState = await getState();
     refreshState(serverState);
     Sentry.setUser({ id: serverState.env.shortId });
-    // refresh queries to update the UI
-    invalidateEnvironmentsData();
-    invalidateActiveEnvironmentData();
+    await Promise.all([
+      queryClient.invalidateQueries({ queryKey: GetEnvironmentsQueryKey }),
+      queryClient.invalidateQueries({
+        queryKey: GetActiveEnvironmentQueryKey,
+      }),
+    ]);
-    onLogoutSuccess?.();
-  }
-  if (children !== undefined) {
-    return (
-      <Button
-        onClick={() => void onClick()}
-        renderEndIcon={() => <Icon name="logout" size="extraSmall" />}
-        color="grey"
-        loading={isLoading}
-        sx={sx}
-      >
-        {children}
-      </Button>
-    );
+    toast.success("Logged out");
   }
   return (
@@ -55,9 +37,33 @@ export function LogoutButton(props: LogoutButtonProps) {
         icon="logout"
         onClick={() => void onClick()}
         hiddenLabel="Log out"
-        loading={isLoading}
-        sx={sx}
       />
     </Tooltip>
   );
 }
+interface ReloadLogoutButtonProps {
+  sx?: SX;
+}
+export function ReloadLogoutButton(props: ReloadLogoutButtonProps) {
+  const { sx } = props;
+  const router = useRouter();
+  async function onClick() {
+    await clearAuth();
+    Sentry.setUser({ id: undefined });
+    router.reload();
+  }
+  return (
+    <Button
+      onClick={() => void onClick()}
+      renderEndIcon={() => <Icon name="logout" size="extraSmall" />}
+      color="grey"
+      sx={sx}
+    >
+      Log out
+    </Button>
+  );
+}

package/src/features/builder/fields/contentRelationship/ContentRelationshipFieldPicker.tsx CHANGED Viewed

@@ -30,11 +30,11 @@ import {
 } from "@prismicio/types-internal/lib/customtypes";
 import { useEffect } from "react";
-import { ErrorBoundary } from "@/ErrorBoundary";
 import {
   revalidateGetCustomTypes,
   useCustomTypes as useCustomTypesRequest,
 } from "@/features/customTypes/useCustomTypes";
+import { DefaultErrorBoundary } from "@/features/errorBoundaries";
 import { isValidObject } from "@/utils/isValidObject";
 type NonReadonly<T> = { -readonly [P in keyof T]: T[P] };
@@ -226,7 +226,7 @@ export function ContentRelationshipFieldPicker(
   props: ContentRelationshipFieldPickerProps,
 ) {
   return (
-    <ErrorBoundary
+    <DefaultErrorBoundary
       renderError={() => (
         <Box alignItems="center" gap={8}>
           <Icon name="alert" size="small" color="tomato10" />
@@ -254,7 +254,7 @@ export function ContentRelationshipFieldPicker(
       >
         <ContentRelationshipFieldPickerContent {...props} />
       </AnimatedSuspense>
-    </ErrorBoundary>
+    </DefaultErrorBoundary>
   );
 }

package/src/features/changes/StatusBadge.tsx CHANGED Viewed

@@ -73,7 +73,7 @@ function getStatusBadgeContent(
             "Data from the remote repository could not be fetched (no internet connection).",
         };
       }
-      if (args.authStatus === AuthStatus.UNAUTHORIZED) {
+      if (args.authStatus === AuthStatus.UNAUTHENTICATED) {
         return {
           badgeColor: "grey",
           badgeTitle: "Unknown",
@@ -81,14 +81,6 @@ function getStatusBadgeContent(
             "Data from the remote repository could not be fetched (not connected to Prismic).",
         };
       }
-      if (args.authStatus === AuthStatus.FORBIDDEN) {
-        return {
-          badgeColor: "grey",
-          badgeTitle: "Unknown",
-          tooltipContent:
-            "Data from the remote repository could not be fetched (you don't have access to the repository).",
-        };
-      }
     }
     default: {
       return {

package/src/features/customTypes/customTypesBuilder/PageSnippetDialog/PageSnippetDialog.tsx CHANGED Viewed

@@ -4,9 +4,9 @@ import { FC, Suspense } from "react";
 import { telemetry } from "@/apiClient";
 import { ContentTabs } from "@/components/ContentTabs";
-import { ErrorBoundary } from "@/ErrorBoundary";
 import { MarkdownRenderer } from "@/features/documentation/MarkdownRenderer";
 import { useDocumentation } from "@/features/documentation/useDocumentation";
+import { DefaultErrorBoundary } from "@/features/errorBoundaries";
 import { useOnboarding } from "@/features/onboarding/useOnboarding";
 import { useAdapterName } from "@/hooks/useAdapterName";
@@ -68,7 +68,7 @@ type PageSnippetDialogProps = { model: CustomType };
 export const PageSnippetDialog: FC<PageSnippetDialogProps> = ({ model }) => {
   return (
     <div>
-      <ErrorBoundary>
+      <DefaultErrorBoundary>
         <Suspense
           fallback={
             <Button color="grey" startIcon="code">
@@ -78,7 +78,7 @@ export const PageSnippetDialog: FC<PageSnippetDialogProps> = ({ model }) => {
         >
           <PageSnippetContent model={model} />
         </Suspense>
-      </ErrorBoundary>
+      </DefaultErrorBoundary>
     </div>
   );
 };

package/src/features/customTypes/customTypesTable/CustomTypesTablePage.tsx CHANGED Viewed

@@ -9,8 +9,8 @@ import Head from "next/head";
 import { type FC, Suspense, useState } from "react";
 import { BreadcrumbItem } from "@/components/Breadcrumb";
-import { ErrorBoundary } from "@/ErrorBoundary";
 import { CUSTOM_TYPES_MESSAGES } from "@/features/customTypes/customTypesMessages";
+import { DefaultErrorBoundary } from "@/features/errorBoundaries";
 import {
   AppLayout,
   AppLayoutActions,
@@ -42,7 +42,7 @@ export const CustomTypesTablePage: FC<CustomTypesTablePageProps> = ({
           Machine
         </title>
       </Head>
-      <ErrorBoundary
+      <DefaultErrorBoundary
         renderError={() => (
           <AppLayout>
             <AppLayoutContent>
@@ -119,7 +119,7 @@ export const CustomTypesTablePage: FC<CustomTypesTablePageProps> = ({
             </AppLayoutContent>
           </AppLayout>
         </Suspense>
-      </ErrorBoundary>
+      </DefaultErrorBoundary>
     </>
   );
 };

package/src/features/environments/actions/useSetEnvironment.ts ADDED Viewed

@@ -0,0 +1,22 @@
+import { revalidateData } from "@prismicio/editor-support/Suspense";
+import { Environment } from "@slicemachine/manager/client";
+import { useQueryClient } from "@tanstack/react-query";
+import { getState } from "@/apiClient";
+import { GetActiveEnvironmentQueryKey } from "@/features/environments/useActiveEnvironment";
+import { managerClient } from "@/managerClient";
+export function useSetEnvironment() {
+  const queryClient = useQueryClient();
+  return async (environment: Pick<Environment, "domain">) => {
+    await managerClient.project.updateEnvironment({
+      environment: environment.domain,
+    });
+    void Promise.all([
+      queryClient.invalidateQueries({ queryKey: GetActiveEnvironmentQueryKey }),
+      revalidateData(getState, []),
+    ]);
+  };
+}

package/src/features/environments/useActiveEnvironment.ts CHANGED Viewed

@@ -1,14 +1,22 @@
-import {
-  invalidateFetcherData,
-  useRequest,
-} from "@prismicio/editor-support/Suspense";
+import { useQuery, useSuspenseQuery } from "@tanstack/react-query";
 import { getActiveEnvironment } from "./actions/getActiveEnvironment";
-export function invalidateActiveEnvironmentData() {
-  invalidateFetcherData(getActiveEnvironment);
-}
+export const GetActiveEnvironmentQueryKey = ["getActiveEnvironment"];
+export function useActiveEnvironment(options?: { suspense?: boolean }) {
+  const { suspense } = options ?? {};
+  const hook = suspense === true ? useSuspenseQuery : useQuery;
+  const { data, error, ...rest } = hook({
+    queryKey: GetActiveEnvironmentQueryKey,
+    queryFn: () => getActiveEnvironment(),
+  });
-export function useActiveEnvironment() {
-  return useRequest(getActiveEnvironment, []);
+  return {
+    activeEnvironment: data?.activeEnvironment,
+    error: data?.error ?? error ?? undefined,
+    ...rest,
+  };
 }

package/src/features/environments/useEnvironments.ts CHANGED Viewed

@@ -1,14 +1,17 @@
-import {
-  invalidateFetcherData,
-  useRequest,
-} from "@prismicio/editor-support/Suspense";
+import { useQuery } from "@tanstack/react-query";
 import { getEnvironments } from "./actions/getEnvironments";
-export function invalidateEnvironmentsData() {
-  invalidateFetcherData(getEnvironments);
-}
+export const GetEnvironmentsQueryKey = ["getEnvironments"];
 export function useEnvironments() {
-  return useRequest(getEnvironments, []);
+  const { data, error, ...rest } = useQuery({
+    queryKey: GetEnvironmentsQueryKey,
+    queryFn: () => getEnvironments(),
+  });
+  return {
+    environments: data?.environments,
+    error: data?.error ?? error ?? undefined,
+    ...rest,
+  };
 }

package/src/features/errorBoundaries/AppStateErrorBoundary.tsx ADDED Viewed

@@ -0,0 +1,108 @@
+import {
+  BlankSlate,
+  BlankSlateDescription,
+  BlankSlateIcon,
+  BlankSlateTitle,
+  Box,
+  ErrorBoundary as EditorUiErrorBoundary,
+  Text,
+} from "@prismicio/editor-ui";
+import {
+  isInvalidActiveEnvironmentError,
+  isUnauthorizedError,
+} from "@slicemachine/manager/client";
+import Link from "next/link";
+import { PropsWithChildren } from "react";
+import { ReloadLogoutButton } from "@/features/auth/LogoutButton";
+export function AppStateErrorBoundary(props: PropsWithChildren) {
+  return (
+    <EditorUiErrorBoundary
+      renderError={(error) => {
+        return (
+          <Box
+            position="absolute"
+            top={64}
+            width="100%"
+            justifyContent="center"
+            flexDirection="column"
+          >
+            <BlankSlate>
+              <BlankSlateIcon
+                lineColor="tomato11"
+                backgroundColor="tomato3"
+                name="alert"
+              />
+              <BlankSlateTitle>Failed to load Slice Machine</BlankSlateTitle>
+              <RenderErrorDescription error={error} />
+            </BlankSlate>
+          </Box>
+        );
+      }}
+    >
+      {props.children}
+    </EditorUiErrorBoundary>
+  );
+}
+function RenderErrorDescription(args: { error: unknown }) {
+  const { error } = args;
+  if (isUnauthorizedError(error)) {
+    return (
+      <CommonErrorBox>
+        <Box flexDirection="column" gap={8} alignItems="center">
+          <Text variant="h3" align="center">
+            You don't have access to this repository.
+          </Text>
+          <Text align="center">
+            Check that the repository name is correct, then contact your
+            repository administrator.
+          </Text>
+        </Box>
+        <ReloadLogoutButton sx={{ alignSelf: "center" }} />
+      </CommonErrorBox>
+    );
+  }
+  if (isInvalidActiveEnvironmentError(error)) {
+    return (
+      <CommonErrorBox>
+        <Box flexDirection="column" gap={8} alignItems="center">
+          <Text variant="h3" align="center">
+            Your current environment is invalid.
+          </Text>
+          <Text align="center">
+            Check with your repository administrator that you have permissions
+            and correctly configured your environment for the current
+            repository. For more details, consult the{" "}
+            <Link href="https://prismic.io/docs/environments" target="_blank">
+              documentation
+            </Link>
+            .
+          </Text>
+        </Box>
+        <ReloadLogoutButton sx={{ alignSelf: "center" }} />
+      </CommonErrorBox>
+    );
+  }
+  return <BlankSlateDescription>{JSON.stringify(error)}</BlankSlateDescription>;
+}
+function CommonErrorBox(args: { children: React.ReactNode }) {
+  const { children } = args;
+  return (
+    <Box
+      flexDirection="column"
+      alignItems="center"
+      gap={16}
+      margin={{ top: 8 }}
+      maxWidth={768}
+    >
+      {children}
+    </Box>
+  );
+}

package/src/{ErrorBoundary.tsx → features/errorBoundaries/DefaultErrorBoundary.tsx} RENAMED Viewed

@@ -12,13 +12,13 @@ import {
 import { useAuthStatus } from "@/hooks/useAuthStatus";
-type ErrorBoundaryProps = Pick<
+type DefaultErrorBoundaryProps = Pick<
   // TODO(DT-1979): Export the `ErrorBoundaryProps` type from `@prismicio/editor-ui`.
   ComponentPropsWithoutRef<typeof EditorUiErrorBoundary>,
   "children" | "renderError"
 >;
-export const ErrorBoundary: FC<ErrorBoundaryProps> = (props) => {
+export const DefaultErrorBoundary: FC<DefaultErrorBoundaryProps> = (props) => {
   const errorRef = useRef<unknown>();
   const authStatus = useAuthStatus();
   return (

package/src/features/errorBoundaries/index.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export { AppStateErrorBoundary } from "./AppStateErrorBoundary";
2	+ export { DefaultErrorBoundary } from "./DefaultErrorBoundary";

package/src/features/labs/labsList/LabsPage.tsx CHANGED Viewed

@@ -3,7 +3,7 @@ import Head from "next/head";
 import { type FC, ReactNode, Suspense } from "react";
 import { BreadcrumbItem } from "@/components/Breadcrumb";
-import { ErrorBoundary } from "@/ErrorBoundary";
+import { DefaultErrorBoundary } from "@/features/errorBoundaries";
 import {
   AppLayout,
   AppLayoutBreadcrumb,
@@ -19,7 +19,7 @@ export const LabsPage: FC = () => {
       <Head>
         <title>Labs - Slice Machine</title>
       </Head>
-      <ErrorBoundary
+      <DefaultErrorBoundary
         renderError={() => (
           <LabsPageLayout>
             <Box alignItems="center" justifyContent="center">
@@ -42,7 +42,7 @@ export const LabsPage: FC = () => {
             <LabsList />
           </LabsPageLayout>
         </Suspense>
-      </ErrorBoundary>
+      </DefaultErrorBoundary>
     </>
   );
 };

package/src/features/navigation/Navigation.tsx CHANGED Viewed

@@ -9,9 +9,9 @@ import { useRouter } from "next/router";
 import { Suspense } from "react";
 import { telemetry } from "@/apiClient";
-import { ErrorBoundary } from "@/ErrorBoundary";
 import { CUSTOM_TYPES_CONFIG } from "@/features/customTypes/customTypesConfig";
 import { CUSTOM_TYPES_MESSAGES } from "@/features/customTypes/customTypesMessages";
+import { DefaultErrorBoundary } from "@/features/errorBoundaries";
 import { RepositoryInfo } from "@/features/navigation/RepositoryInfo";
 import { OnboardingGuide } from "@/features/onboarding";
 import { useAdapterName } from "@/hooks/useAdapterName";
@@ -86,21 +86,20 @@ export function Navigation() {
           />
         </ActionList>
-        <ErrorBoundary>
+        <DefaultErrorBoundary>
           <Suspense>
             <UpdateInfo />
           </Suspense>
-        </ErrorBoundary>
+        </DefaultErrorBoundary>
       </Box>
       <Box flexDirection="column">
         <ActionList variant="compact">
-          <ErrorBoundary>
+          <DefaultErrorBoundary>
             <Suspense>
               <OnboardingGuide />
             </Suspense>
-          </ErrorBoundary>
+          </DefaultErrorBoundary>
           <NavigationItem
             title="Documentation"
             href={documentationLink}
@@ -136,11 +135,11 @@ export function Navigation() {
             Icon={LightningIcon}
             active={router.asPath.startsWith("/changelog")}
             RightElement={
-              <ErrorBoundary>
+              <DefaultErrorBoundary>
                 <Suspense fallback={<Skeleton height={16} />}>
                   <SliceMachineVersion />
                 </Suspense>
-              </ErrorBoundary>
+              </DefaultErrorBoundary>
             }
           />
         </ActionList>

package/src/features/slices/sliceBuilder/FloatingBackButton.tsx CHANGED Viewed

@@ -2,13 +2,13 @@ import { Box, Button, ButtonGroup } from "@prismicio/editor-ui";
 import { useRouter } from "next/router";
 import { type FC, Suspense, useState } from "react";
-import { ErrorBoundary } from "@/ErrorBoundary";
 import { useCustomType } from "@/features/customTypes/customTypesBuilder/useCustomType";
 import {
   CUSTOM_TYPES_CONFIG,
   matchesBuilderPagePathname,
   readBuilderPageDynamicSegment,
 } from "@/features/customTypes/customTypesConfig";
+import { DefaultErrorBoundary } from "@/features/errorBoundaries";
 import { type Route, useRouteChange } from "@/hooks/useRouteChange";
 import { CloseIcon } from "@/icons/CloseIcon";
 import { UndoIcon } from "@/icons/UndoIcon";
@@ -17,7 +17,7 @@ export const FloatingBackButton: FC = () => {
   const { source } = useRouteChange();
   const sourceCustomTypeId = getSourceCustomTypeId(source);
   return sourceCustomTypeId !== undefined ? (
-    <ErrorBoundary>
+    <DefaultErrorBoundary>
       <Suspense>
         <Box
           bottom={32}
@@ -29,7 +29,7 @@ export const FloatingBackButton: FC = () => {
           <BackButton sourceCustomTypeId={sourceCustomTypeId} />
         </Box>
       </Suspense>
-    </ErrorBoundary>
+    </DefaultErrorBoundary>
   ) : null;
 };