slice-machine-ui 2.3.1-beta.5 → 2.3.1-beta.7
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.
- package/out/404.html +1 -1
- package/out/_next/static/chunks/{448-45421c612b739bfc.js → 448-703cda73b6039a88.js} +1 -1
- package/out/_next/static/chunks/{802-dbd42600ca39e85e.js → 802-0be9bb20fc0d40d4.js} +1 -1
- package/out/_next/static/chunks/pages/{_app-dbb1347a8d373202.js → _app-3f5ee8a060fdd43e.js} +2 -2
- package/out/_next/static/chunks/pages/{changelog-1d15a7ef498f499a.js → changelog-40f8a853383eb4e7.js} +1 -1
- package/out/_next/static/chunks/pages/{changes-0af2a1a5244418f9.js → changes-feef2813ba80b777.js} +1 -1
- package/out/_next/static/chunks/pages/{labs-240ba57bfdabe998.js → labs-8c10ebf645f94206.js} +1 -1
- package/out/_next/static/chunks/pages/{settings-039476a9a63d25a1.js → settings-3e0fc87452053a17.js} +1 -1
- package/out/_next/static/chunks/pages/slices/[lib]/[sliceName]/{[variation]-58e6cb0f278ea03c.js → [variation]-cc3c69bbc0168169.js} +1 -1
- package/out/_next/static/chunks/pages/{slices-9894ce968d74baf6.js → slices-e13ad016b19446e7.js} +1 -1
- package/out/_next/static/css/{fbc38696c23ee168.css → c1b9dfb59bc111e1.css} +1 -1
- package/out/_next/static/{X6dld2nUEm6R055OKNr4x → qBIKwMGCCngU7ltrCgjdx}/_buildManifest.js +1 -1
- package/out/changelog.html +1 -1
- package/out/changes.html +1 -1
- package/out/custom-types/[customTypeId].html +1 -1
- package/out/custom-types.html +1 -1
- package/out/index.html +1 -1
- package/out/labs.html +1 -1
- package/out/page-types/[pageTypeId].html +1 -1
- package/out/settings.html +1 -1
- package/out/slices/[lib]/[sliceName]/[variation]/simulator.html +1 -1
- package/out/slices/[lib]/[sliceName]/[variation].html +1 -1
- package/out/slices.html +1 -1
- package/package.json +4 -3
- package/src/features/inAppGuide/InAppGuideContext.tsx +8 -4
- package/src/features/onboarding/OnboardingGuide/OnboardingGuide.module.css +21 -0
- package/src/features/onboarding/OnboardingGuide/OnboardingGuide.module.css.d.ts +8 -0
- package/src/features/onboarding/OnboardingGuide/OnboardingGuide.tsx +90 -0
- package/src/features/onboarding/OnboardingGuide/index.ts +1 -0
- package/src/features/onboarding/OnboardingProgressStepper.tsx +3 -1
- package/src/features/onboarding/OnboardingProvider.tsx +10 -1
- package/src/features/onboarding/useOnboardingExperiment.ts +1 -1
- package/src/features/onboarding/OnboardingGuide.tsx +0 -55
- /package/out/_next/static/{X6dld2nUEm6R055OKNr4x → qBIKwMGCCngU7ltrCgjdx}/_ssgManifest.js +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
self.__BUILD_MANIFEST=function(s,c,a,e,t,i,
|
|
1
|
+
self.__BUILD_MANIFEST=function(s,c,a,e,t,i,b,d,n,u,f,h,l,k,j,p,g,o,r){return{__rewrites:{beforeFiles:[],afterFiles:[],fallback:[]},"/":[a,j,p,"static/chunks/pages/index-1a5034d7a078fed8.js"],"/_error":["static/chunks/pages/_error-6aa4c7b8478d35e3.js"],"/changelog":[s,e,"static/chunks/870-0c7a8a9622de78b7.js","static/chunks/pages/changelog-40f8a853383eb4e7.js"],"/changes":[s,t,"static/chunks/8eec4907-b712959d9f984b68.js",i,"static/chunks/918-09e9e4a012d48a3a.js",c,d,"static/css/6279e95f6aff22d5.css","static/chunks/pages/changes-feef2813ba80b777.js"],"/custom-types":[a,j,p,"static/chunks/pages/custom-types-cf32e251bcc15d33.js"],"/custom-types/[customTypeId]":[s,n,u,f,h,e,b,i,l,g,c,a,k,o,r,"static/chunks/pages/custom-types/[customTypeId]-b714ad9814898d23.js"],"/labs":["static/chunks/pages/labs-8c10ebf645f94206.js"],"/page-types/[pageTypeId]":[s,n,u,f,h,e,b,i,l,g,c,a,k,o,r,"static/chunks/pages/page-types/[pageTypeId]-aa881786f6e5aee2.js"],"/settings":["static/css/ca32882a5d2d8d88.css","static/chunks/pages/settings-3e0fc87452053a17.js"],"/slices":[s,t,b,c,d,"static/css/f01f60095c76c7fb.css","static/chunks/pages/slices-e13ad016b19446e7.js"],"/slices/[lib]/[sliceName]/[variation]":[s,t,n,u,f,h,e,b,i,l,c,k,d,"static/css/8d1871dce67a3b49.css","static/chunks/pages/slices/[lib]/[sliceName]/[variation]-cc3c69bbc0168169.js"],"/slices/[lib]/[sliceName]/[variation]/simulator":[t,"static/chunks/72585f70-28b4d7d5384b3703.js","static/chunks/18539003-059b491c0b76757a.js","static/chunks/695-f2394b7e338ece38.js","static/chunks/pages/slices/[lib]/[sliceName]/[variation]/simulator-bf4affa23c875ccb.js"],sortedPages:["/","/_app","/_error","/changelog","/changes","/custom-types","/custom-types/[customTypeId]","/labs","/page-types/[pageTypeId]","/settings","/slices","/slices/[lib]/[sliceName]/[variation]","/slices/[lib]/[sliceName]/[variation]/simulator"]}}("static/chunks/59b4e022-8e544a511d670317.js","static/chunks/816-17afd84d2642f4c4.js","static/chunks/212-b6a2b8d9d16ef3c5.js","static/chunks/183-6ad1d7303abecd2b.js","static/chunks/c8eae200-966ce352f7b5d2b9.js","static/chunks/543-f8766685f7f451e2.js","static/chunks/50-8d014b6d3cc35e30.js","static/chunks/152-c40fcb226b0df27f.js","static/chunks/f36c6662-1f3a854183168b10.js","static/chunks/4c744e84-e3161d754618373f.js","static/chunks/065a3ddb-9a38ca0d60f0bf2f.js","static/chunks/1cc2734a-2c5b6c0367fcde86.js","static/chunks/696-b992b9e1ce75777e.js","static/chunks/574-1a2168b3d4479624.js","static/chunks/802-0be9bb20fc0d40d4.js","static/css/609c46c5c573c3ed.css","static/chunks/326-2d6d04d623de16c6.js","static/chunks/448-703cda73b6039a88.js","static/css/d0dd8015d7f5ea89.css"),self.__BUILD_MANIFEST_CB&&self.__BUILD_MANIFEST_CB();
|
package/out/changelog.html
CHANGED
|
@@ -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/
|
|
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/c1b9dfb59bc111e1.css" as="style"/><link rel="stylesheet" href="/_next/static/css/c1b9dfb59bc111e1.css" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-207ecb3e9b995dd9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-3f5ee8a060fdd43e.js" defer=""></script><script src="/_next/static/chunks/59b4e022-8e544a511d670317.js" defer=""></script><script src="/_next/static/chunks/183-6ad1d7303abecd2b.js" defer=""></script><script src="/_next/static/chunks/870-0c7a8a9622de78b7.js" defer=""></script><script src="/_next/static/chunks/pages/changelog-40f8a853383eb4e7.js" defer=""></script><script src="/_next/static/qBIKwMGCCngU7ltrCgjdx/_buildManifest.js" defer=""></script><script src="/_next/static/qBIKwMGCCngU7ltrCgjdx/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/changelog","query":{},"buildId":"qBIKwMGCCngU7ltrCgjdx","runtimeConfig":{"sentryEnvironment":"beta"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
|
package/out/changes.html
CHANGED
|
@@ -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/
|
|
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/c1b9dfb59bc111e1.css" as="style"/><link rel="stylesheet" href="/_next/static/css/c1b9dfb59bc111e1.css" data-n-g=""/><link rel="preload" href="/_next/static/css/6279e95f6aff22d5.css" as="style"/><link rel="stylesheet" href="/_next/static/css/6279e95f6aff22d5.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-207ecb3e9b995dd9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-3f5ee8a060fdd43e.js" defer=""></script><script src="/_next/static/chunks/59b4e022-8e544a511d670317.js" defer=""></script><script src="/_next/static/chunks/c8eae200-966ce352f7b5d2b9.js" defer=""></script><script src="/_next/static/chunks/8eec4907-b712959d9f984b68.js" defer=""></script><script src="/_next/static/chunks/543-f8766685f7f451e2.js" defer=""></script><script src="/_next/static/chunks/918-09e9e4a012d48a3a.js" defer=""></script><script src="/_next/static/chunks/816-17afd84d2642f4c4.js" defer=""></script><script src="/_next/static/chunks/152-c40fcb226b0df27f.js" defer=""></script><script src="/_next/static/chunks/pages/changes-feef2813ba80b777.js" defer=""></script><script src="/_next/static/qBIKwMGCCngU7ltrCgjdx/_buildManifest.js" defer=""></script><script src="/_next/static/qBIKwMGCCngU7ltrCgjdx/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/changes","query":{},"buildId":"qBIKwMGCCngU7ltrCgjdx","runtimeConfig":{"sentryEnvironment":"beta"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
|
|
@@ -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/
|
|
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/c1b9dfb59bc111e1.css" as="style"/><link rel="stylesheet" href="/_next/static/css/c1b9dfb59bc111e1.css" data-n-g=""/><link rel="preload" href="/_next/static/css/d0dd8015d7f5ea89.css" as="style"/><link rel="stylesheet" href="/_next/static/css/d0dd8015d7f5ea89.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-207ecb3e9b995dd9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-3f5ee8a060fdd43e.js" defer=""></script><script src="/_next/static/chunks/59b4e022-8e544a511d670317.js" defer=""></script><script src="/_next/static/chunks/f36c6662-1f3a854183168b10.js" defer=""></script><script src="/_next/static/chunks/4c744e84-e3161d754618373f.js" defer=""></script><script src="/_next/static/chunks/065a3ddb-9a38ca0d60f0bf2f.js" defer=""></script><script src="/_next/static/chunks/1cc2734a-2c5b6c0367fcde86.js" defer=""></script><script src="/_next/static/chunks/183-6ad1d7303abecd2b.js" defer=""></script><script src="/_next/static/chunks/50-8d014b6d3cc35e30.js" defer=""></script><script src="/_next/static/chunks/543-f8766685f7f451e2.js" defer=""></script><script src="/_next/static/chunks/696-b992b9e1ce75777e.js" defer=""></script><script src="/_next/static/chunks/326-2d6d04d623de16c6.js" defer=""></script><script src="/_next/static/chunks/816-17afd84d2642f4c4.js" defer=""></script><script src="/_next/static/chunks/212-b6a2b8d9d16ef3c5.js" defer=""></script><script src="/_next/static/chunks/574-1a2168b3d4479624.js" defer=""></script><script src="/_next/static/chunks/448-703cda73b6039a88.js" defer=""></script><script src="/_next/static/chunks/pages/custom-types/%5BcustomTypeId%5D-b714ad9814898d23.js" defer=""></script><script src="/_next/static/qBIKwMGCCngU7ltrCgjdx/_buildManifest.js" defer=""></script><script src="/_next/static/qBIKwMGCCngU7ltrCgjdx/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/custom-types/[customTypeId]","query":{},"buildId":"qBIKwMGCCngU7ltrCgjdx","runtimeConfig":{"sentryEnvironment":"beta"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
|
package/out/custom-types.html
CHANGED
|
@@ -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/
|
|
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/c1b9dfb59bc111e1.css" as="style"/><link rel="stylesheet" href="/_next/static/css/c1b9dfb59bc111e1.css" data-n-g=""/><link rel="preload" href="/_next/static/css/609c46c5c573c3ed.css" as="style"/><link rel="stylesheet" href="/_next/static/css/609c46c5c573c3ed.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-207ecb3e9b995dd9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-3f5ee8a060fdd43e.js" defer=""></script><script src="/_next/static/chunks/212-b6a2b8d9d16ef3c5.js" defer=""></script><script src="/_next/static/chunks/802-0be9bb20fc0d40d4.js" defer=""></script><script src="/_next/static/chunks/pages/custom-types-cf32e251bcc15d33.js" defer=""></script><script src="/_next/static/qBIKwMGCCngU7ltrCgjdx/_buildManifest.js" defer=""></script><script src="/_next/static/qBIKwMGCCngU7ltrCgjdx/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/custom-types","query":{},"buildId":"qBIKwMGCCngU7ltrCgjdx","runtimeConfig":{"sentryEnvironment":"beta"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
|
package/out/index.html
CHANGED
|
@@ -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/
|
|
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/c1b9dfb59bc111e1.css" as="style"/><link rel="stylesheet" href="/_next/static/css/c1b9dfb59bc111e1.css" data-n-g=""/><link rel="preload" href="/_next/static/css/609c46c5c573c3ed.css" as="style"/><link rel="stylesheet" href="/_next/static/css/609c46c5c573c3ed.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-207ecb3e9b995dd9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-3f5ee8a060fdd43e.js" defer=""></script><script src="/_next/static/chunks/212-b6a2b8d9d16ef3c5.js" defer=""></script><script src="/_next/static/chunks/802-0be9bb20fc0d40d4.js" defer=""></script><script src="/_next/static/chunks/pages/index-1a5034d7a078fed8.js" defer=""></script><script src="/_next/static/qBIKwMGCCngU7ltrCgjdx/_buildManifest.js" defer=""></script><script src="/_next/static/qBIKwMGCCngU7ltrCgjdx/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/","query":{},"buildId":"qBIKwMGCCngU7ltrCgjdx","runtimeConfig":{"sentryEnvironment":"beta"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
|
package/out/labs.html
CHANGED
|
@@ -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/
|
|
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/c1b9dfb59bc111e1.css" as="style"/><link rel="stylesheet" href="/_next/static/css/c1b9dfb59bc111e1.css" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-207ecb3e9b995dd9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-3f5ee8a060fdd43e.js" defer=""></script><script src="/_next/static/chunks/pages/labs-8c10ebf645f94206.js" defer=""></script><script src="/_next/static/qBIKwMGCCngU7ltrCgjdx/_buildManifest.js" defer=""></script><script src="/_next/static/qBIKwMGCCngU7ltrCgjdx/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/labs","query":{},"buildId":"qBIKwMGCCngU7ltrCgjdx","runtimeConfig":{"sentryEnvironment":"beta"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
|
|
@@ -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/
|
|
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/c1b9dfb59bc111e1.css" as="style"/><link rel="stylesheet" href="/_next/static/css/c1b9dfb59bc111e1.css" data-n-g=""/><link rel="preload" href="/_next/static/css/d0dd8015d7f5ea89.css" as="style"/><link rel="stylesheet" href="/_next/static/css/d0dd8015d7f5ea89.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-207ecb3e9b995dd9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-3f5ee8a060fdd43e.js" defer=""></script><script src="/_next/static/chunks/59b4e022-8e544a511d670317.js" defer=""></script><script src="/_next/static/chunks/f36c6662-1f3a854183168b10.js" defer=""></script><script src="/_next/static/chunks/4c744e84-e3161d754618373f.js" defer=""></script><script src="/_next/static/chunks/065a3ddb-9a38ca0d60f0bf2f.js" defer=""></script><script src="/_next/static/chunks/1cc2734a-2c5b6c0367fcde86.js" defer=""></script><script src="/_next/static/chunks/183-6ad1d7303abecd2b.js" defer=""></script><script src="/_next/static/chunks/50-8d014b6d3cc35e30.js" defer=""></script><script src="/_next/static/chunks/543-f8766685f7f451e2.js" defer=""></script><script src="/_next/static/chunks/696-b992b9e1ce75777e.js" defer=""></script><script src="/_next/static/chunks/326-2d6d04d623de16c6.js" defer=""></script><script src="/_next/static/chunks/816-17afd84d2642f4c4.js" defer=""></script><script src="/_next/static/chunks/212-b6a2b8d9d16ef3c5.js" defer=""></script><script src="/_next/static/chunks/574-1a2168b3d4479624.js" defer=""></script><script src="/_next/static/chunks/448-703cda73b6039a88.js" defer=""></script><script src="/_next/static/chunks/pages/page-types/%5BpageTypeId%5D-aa881786f6e5aee2.js" defer=""></script><script src="/_next/static/qBIKwMGCCngU7ltrCgjdx/_buildManifest.js" defer=""></script><script src="/_next/static/qBIKwMGCCngU7ltrCgjdx/_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":"qBIKwMGCCngU7ltrCgjdx","runtimeConfig":{"sentryEnvironment":"beta"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
|
package/out/settings.html
CHANGED
|
@@ -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/
|
|
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/c1b9dfb59bc111e1.css" as="style"/><link rel="stylesheet" href="/_next/static/css/c1b9dfb59bc111e1.css" data-n-g=""/><link rel="preload" href="/_next/static/css/ca32882a5d2d8d88.css" as="style"/><link rel="stylesheet" href="/_next/static/css/ca32882a5d2d8d88.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-207ecb3e9b995dd9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-3f5ee8a060fdd43e.js" defer=""></script><script src="/_next/static/chunks/pages/settings-3e0fc87452053a17.js" defer=""></script><script src="/_next/static/qBIKwMGCCngU7ltrCgjdx/_buildManifest.js" defer=""></script><script src="/_next/static/qBIKwMGCCngU7ltrCgjdx/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/settings","query":{},"buildId":"qBIKwMGCCngU7ltrCgjdx","runtimeConfig":{"sentryEnvironment":"beta"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
|
|
@@ -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/
|
|
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/c1b9dfb59bc111e1.css" as="style"/><link rel="stylesheet" href="/_next/static/css/c1b9dfb59bc111e1.css" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-207ecb3e9b995dd9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-3f5ee8a060fdd43e.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/18539003-059b491c0b76757a.js" defer=""></script><script src="/_next/static/chunks/695-f2394b7e338ece38.js" defer=""></script><script src="/_next/static/chunks/pages/slices/%5Blib%5D/%5BsliceName%5D/%5Bvariation%5D/simulator-bf4affa23c875ccb.js" defer=""></script><script src="/_next/static/qBIKwMGCCngU7ltrCgjdx/_buildManifest.js" defer=""></script><script src="/_next/static/qBIKwMGCCngU7ltrCgjdx/_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":"qBIKwMGCCngU7ltrCgjdx","runtimeConfig":{"sentryEnvironment":"beta"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
|
|
@@ -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/
|
|
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/c1b9dfb59bc111e1.css" as="style"/><link rel="stylesheet" href="/_next/static/css/c1b9dfb59bc111e1.css" data-n-g=""/><link rel="preload" href="/_next/static/css/8d1871dce67a3b49.css" as="style"/><link rel="stylesheet" href="/_next/static/css/8d1871dce67a3b49.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-207ecb3e9b995dd9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-3f5ee8a060fdd43e.js" defer=""></script><script src="/_next/static/chunks/59b4e022-8e544a511d670317.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-e3161d754618373f.js" defer=""></script><script src="/_next/static/chunks/065a3ddb-9a38ca0d60f0bf2f.js" defer=""></script><script src="/_next/static/chunks/1cc2734a-2c5b6c0367fcde86.js" defer=""></script><script src="/_next/static/chunks/183-6ad1d7303abecd2b.js" defer=""></script><script src="/_next/static/chunks/50-8d014b6d3cc35e30.js" defer=""></script><script src="/_next/static/chunks/543-f8766685f7f451e2.js" defer=""></script><script src="/_next/static/chunks/696-b992b9e1ce75777e.js" defer=""></script><script src="/_next/static/chunks/816-17afd84d2642f4c4.js" defer=""></script><script src="/_next/static/chunks/574-1a2168b3d4479624.js" defer=""></script><script src="/_next/static/chunks/152-c40fcb226b0df27f.js" defer=""></script><script src="/_next/static/chunks/pages/slices/%5Blib%5D/%5BsliceName%5D/%5Bvariation%5D-cc3c69bbc0168169.js" defer=""></script><script src="/_next/static/qBIKwMGCCngU7ltrCgjdx/_buildManifest.js" defer=""></script><script src="/_next/static/qBIKwMGCCngU7ltrCgjdx/_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":"qBIKwMGCCngU7ltrCgjdx","runtimeConfig":{"sentryEnvironment":"beta"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
|
package/out/slices.html
CHANGED
|
@@ -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/
|
|
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/c1b9dfb59bc111e1.css" as="style"/><link rel="stylesheet" href="/_next/static/css/c1b9dfb59bc111e1.css" data-n-g=""/><link rel="preload" href="/_next/static/css/f01f60095c76c7fb.css" as="style"/><link rel="stylesheet" href="/_next/static/css/f01f60095c76c7fb.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-207ecb3e9b995dd9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-3f5ee8a060fdd43e.js" defer=""></script><script src="/_next/static/chunks/59b4e022-8e544a511d670317.js" defer=""></script><script src="/_next/static/chunks/c8eae200-966ce352f7b5d2b9.js" defer=""></script><script src="/_next/static/chunks/50-8d014b6d3cc35e30.js" defer=""></script><script src="/_next/static/chunks/816-17afd84d2642f4c4.js" defer=""></script><script src="/_next/static/chunks/152-c40fcb226b0df27f.js" defer=""></script><script src="/_next/static/chunks/pages/slices-e13ad016b19446e7.js" defer=""></script><script src="/_next/static/qBIKwMGCCngU7ltrCgjdx/_buildManifest.js" defer=""></script><script src="/_next/static/qBIKwMGCCngU7ltrCgjdx/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/slices","query":{},"buildId":"qBIKwMGCCngU7ltrCgjdx","runtimeConfig":{"sentryEnvironment":"beta"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "slice-machine-ui",
|
|
3
|
-
"version": "2.3.1-beta.
|
|
3
|
+
"version": "2.3.1-beta.7",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "A visual builder for your Slice Models with all the tools you need to generate data models and mock CMS content locally.",
|
|
6
6
|
"repository": {
|
|
@@ -36,8 +36,8 @@
|
|
|
36
36
|
},
|
|
37
37
|
"dependencies": {
|
|
38
38
|
"@radix-ui/react-visually-hidden": "1.0.3",
|
|
39
|
-
"@slicemachine/manager": "0.19.5-beta.
|
|
40
|
-
"start-slicemachine": "0.12.24-beta.
|
|
39
|
+
"@slicemachine/manager": "0.19.5-beta.8",
|
|
40
|
+
"start-slicemachine": "0.12.24-beta.8"
|
|
41
41
|
},
|
|
42
42
|
"devDependencies": {
|
|
43
43
|
"@emotion/react": "11.11.1",
|
|
@@ -78,6 +78,7 @@
|
|
|
78
78
|
"connected-next-router": "4.2.0",
|
|
79
79
|
"cross-env": "7.0.3",
|
|
80
80
|
"depcheck": "1.4.3",
|
|
81
|
+
"dom-confetti": "0.2.2",
|
|
81
82
|
"eslint": "8.56.0",
|
|
82
83
|
"eslint-config-prettier": "9.0.0",
|
|
83
84
|
"eslint-import-resolver-typescript": "3.5.3",
|
|
@@ -8,6 +8,7 @@ import {
|
|
|
8
8
|
useMemo,
|
|
9
9
|
} from "react";
|
|
10
10
|
|
|
11
|
+
import { useOnboardingExperiment } from "@/features/onboarding/useOnboardingExperiment";
|
|
11
12
|
import { usePersistedState } from "@/hooks/usePersistedState";
|
|
12
13
|
|
|
13
14
|
type InAppGuideContextValue = {
|
|
@@ -21,15 +22,18 @@ export const InAppGuideContext = createContext<
|
|
|
21
22
|
|
|
22
23
|
export const InAppGuideProvider: FC<PropsWithChildren> = (props) => {
|
|
23
24
|
const { children } = props;
|
|
25
|
+
const { eligible: isNewOnboardingEnabled } = useOnboardingExperiment();
|
|
24
26
|
const [isInAppGuideOpen, setIsInAppGuideOpen] = usePersistedState(
|
|
25
27
|
"isInAppGuideOpen",
|
|
26
28
|
true,
|
|
27
29
|
);
|
|
28
30
|
|
|
29
|
-
const memoizedValue = useMemo(
|
|
30
|
-
()
|
|
31
|
-
|
|
32
|
-
|
|
31
|
+
const memoizedValue = useMemo(() => {
|
|
32
|
+
if (isNewOnboardingEnabled) {
|
|
33
|
+
return { isInAppGuideOpen: false, setIsInAppGuideOpen: () => undefined };
|
|
34
|
+
}
|
|
35
|
+
return { isInAppGuideOpen, setIsInAppGuideOpen };
|
|
36
|
+
}, [isInAppGuideOpen, setIsInAppGuideOpen, isNewOnboardingEnabled]);
|
|
33
37
|
|
|
34
38
|
return (
|
|
35
39
|
<InAppGuideContext.Provider value={memoizedValue}>
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
.container {
|
|
2
|
+
overflow: hidden;
|
|
3
|
+
position: relative;
|
|
4
|
+
}
|
|
5
|
+
|
|
6
|
+
.confettiCannon {
|
|
7
|
+
position: absolute;
|
|
8
|
+
bottom: 0;
|
|
9
|
+
left: 0;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
.visible {
|
|
13
|
+
opacity: 1;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
.invisible {
|
|
17
|
+
opacity: 0;
|
|
18
|
+
/* A delay of 2s gives room for a 3s confetti animation to happen and then
|
|
19
|
+
fade out while the it's ending */
|
|
20
|
+
transition: opacity 500ms linear 2s;
|
|
21
|
+
}
|
|
@@ -0,0 +1,90 @@
|
|
|
1
|
+
import {
|
|
2
|
+
Card,
|
|
3
|
+
CardContent,
|
|
4
|
+
ProgressBar,
|
|
5
|
+
Text,
|
|
6
|
+
useMediaQuery,
|
|
7
|
+
} from "@prismicio/editor-ui";
|
|
8
|
+
import { confetti as fireConfetti, ConfettiConfig } from "dom-confetti";
|
|
9
|
+
import { useRef, useState } from "react";
|
|
10
|
+
|
|
11
|
+
import { OnboardingProgressStepper } from "@/features/onboarding/OnboardingProgressStepper";
|
|
12
|
+
import {
|
|
13
|
+
OnboardingProvider,
|
|
14
|
+
useOnboardingContext,
|
|
15
|
+
} from "@/features/onboarding/OnboardingProvider";
|
|
16
|
+
import { useOnboardingExperiment } from "@/features/onboarding/useOnboardingExperiment";
|
|
17
|
+
|
|
18
|
+
import styles from "./OnboardingGuide.module.css";
|
|
19
|
+
|
|
20
|
+
const OnboardingGuideCard = () => {
|
|
21
|
+
const { steps, completedStepCount, isComplete } = useOnboardingContext();
|
|
22
|
+
const isVisible = useMediaQuery({ min: "medium" });
|
|
23
|
+
|
|
24
|
+
if (!isVisible) return null;
|
|
25
|
+
|
|
26
|
+
return (
|
|
27
|
+
<div className={isComplete ? styles.invisible : styles.visible}>
|
|
28
|
+
<Card color="grey2" variant="outlined" paddingBlock={16}>
|
|
29
|
+
<CardContent>
|
|
30
|
+
<div>
|
|
31
|
+
<Text variant="bold" color="grey12">
|
|
32
|
+
Build a page in {steps.length} steps
|
|
33
|
+
</Text>
|
|
34
|
+
<Text color="grey11" variant="small">
|
|
35
|
+
Render a live page with content coming from Prismic
|
|
36
|
+
</Text>
|
|
37
|
+
</div>
|
|
38
|
+
<ProgressBar
|
|
39
|
+
value={completedStepCount}
|
|
40
|
+
max={steps.length}
|
|
41
|
+
displayLabel
|
|
42
|
+
getValueLabel={(value, max) => `${value}/${max}`}
|
|
43
|
+
/>
|
|
44
|
+
<OnboardingProgressStepper />
|
|
45
|
+
</CardContent>
|
|
46
|
+
</Card>
|
|
47
|
+
</div>
|
|
48
|
+
);
|
|
49
|
+
};
|
|
50
|
+
|
|
51
|
+
const confettiConfig: ConfettiConfig = {
|
|
52
|
+
colors: ["#8E44EC", "#E8C7FF", "#59B5F8", "#C3EEFE"],
|
|
53
|
+
elementCount: 300,
|
|
54
|
+
width: "8px",
|
|
55
|
+
height: "8px",
|
|
56
|
+
stagger: 0.2,
|
|
57
|
+
startVelocity: 35,
|
|
58
|
+
spread: 90,
|
|
59
|
+
duration: 3000,
|
|
60
|
+
};
|
|
61
|
+
|
|
62
|
+
const OnboardingGuideContent = () => {
|
|
63
|
+
const [isVisible, setVisible] = useState(true);
|
|
64
|
+
const confettiCannonRef = useRef<HTMLDivElement>(null);
|
|
65
|
+
|
|
66
|
+
const onComplete = () => {
|
|
67
|
+
const { current: confettiCannon } = confettiCannonRef;
|
|
68
|
+
if (confettiCannon) fireConfetti(confettiCannon, confettiConfig);
|
|
69
|
+
setTimeout(() => setVisible(false), confettiConfig.duration);
|
|
70
|
+
};
|
|
71
|
+
|
|
72
|
+
if (!isVisible) return null;
|
|
73
|
+
|
|
74
|
+
return (
|
|
75
|
+
<OnboardingProvider onComplete={onComplete}>
|
|
76
|
+
<div className={styles.container}>
|
|
77
|
+
<OnboardingGuideCard />
|
|
78
|
+
<div ref={confettiCannonRef} className={styles.confettiCannon} />
|
|
79
|
+
</div>
|
|
80
|
+
</OnboardingProvider>
|
|
81
|
+
);
|
|
82
|
+
};
|
|
83
|
+
|
|
84
|
+
export const OnboardingGuide = () => {
|
|
85
|
+
const { eligible } = useOnboardingExperiment();
|
|
86
|
+
|
|
87
|
+
if (!eligible) return null;
|
|
88
|
+
|
|
89
|
+
return <OnboardingGuideContent />;
|
|
90
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { OnboardingGuide } from "./OnboardingGuide";
|
|
@@ -18,7 +18,8 @@ import type { OnboardingStep } from "@/features/onboarding/types";
|
|
|
18
18
|
const EndCtaIcon = () => <Icon name="playCircle" size="small" color="grey11" />;
|
|
19
19
|
|
|
20
20
|
export const OnboardingProgressStepper = () => {
|
|
21
|
-
const { completedStepCount, steps, isStepComplete } =
|
|
21
|
+
const { completedStepCount, steps, isStepComplete, isComplete } =
|
|
22
|
+
useOnboardingContext();
|
|
22
23
|
|
|
23
24
|
const [isListOpen, setListOpen] = useState(false);
|
|
24
25
|
const [isDialogOpen, setDialogOpen] = useState(false);
|
|
@@ -44,6 +45,7 @@ export const OnboardingProgressStepper = () => {
|
|
|
44
45
|
<DropdownMenu open={isListOpen} onOpenChange={setListOpen}>
|
|
45
46
|
<DropdownMenuTrigger>
|
|
46
47
|
<Button
|
|
48
|
+
disabled={isComplete}
|
|
47
49
|
color="grey"
|
|
48
50
|
sx={{ width: "100%" }}
|
|
49
51
|
renderEndIcon={EndCtaIcon}
|
|
@@ -32,7 +32,15 @@ const getInitialState = (): OnboardingStepStatuses => {
|
|
|
32
32
|
) as OnboardingStepStatuses;
|
|
33
33
|
};
|
|
34
34
|
|
|
35
|
-
|
|
35
|
+
type OnboardingProviderProps = {
|
|
36
|
+
children: ReactNode;
|
|
37
|
+
onComplete?: () => void;
|
|
38
|
+
};
|
|
39
|
+
|
|
40
|
+
export const OnboardingProvider = ({
|
|
41
|
+
children,
|
|
42
|
+
onComplete,
|
|
43
|
+
}: OnboardingProviderProps) => {
|
|
36
44
|
const [stepStatus, setStepStatus] = usePersistedState(
|
|
37
45
|
"onboardingSteps",
|
|
38
46
|
getInitialState(),
|
|
@@ -52,6 +60,7 @@ export const OnboardingProvider = ({ children }: { children: ReactNode }) => {
|
|
|
52
60
|
});
|
|
53
61
|
}
|
|
54
62
|
if (Object.values(nextState).every(Boolean)) {
|
|
63
|
+
onComplete?.();
|
|
55
64
|
void telemetry.track({ event: "onboarding:completed" });
|
|
56
65
|
}
|
|
57
66
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { useExperimentVariant } from "@/hooks/useExperimentVariant";
|
|
2
2
|
|
|
3
3
|
export const useOnboardingExperiment = () => {
|
|
4
|
-
const variant = useExperimentVariant("
|
|
4
|
+
const variant = useExperimentVariant("slicemachine-onboarding");
|
|
5
5
|
return { eligible: variant?.value === "on" };
|
|
6
6
|
};
|
|
@@ -1,55 +0,0 @@
|
|
|
1
|
-
import {
|
|
2
|
-
Card,
|
|
3
|
-
CardContent,
|
|
4
|
-
ProgressBar,
|
|
5
|
-
Text,
|
|
6
|
-
useMediaQuery,
|
|
7
|
-
} from "@prismicio/editor-ui";
|
|
8
|
-
|
|
9
|
-
import { OnboardingProgressStepper } from "@/features/onboarding/OnboardingProgressStepper";
|
|
10
|
-
import {
|
|
11
|
-
OnboardingProvider,
|
|
12
|
-
useOnboardingContext,
|
|
13
|
-
} from "@/features/onboarding/OnboardingProvider";
|
|
14
|
-
import { useOnboardingExperiment } from "@/features/onboarding/useOnboardingExperiment";
|
|
15
|
-
|
|
16
|
-
const OnboardingGuideContent = () => {
|
|
17
|
-
const { steps, completedStepCount, isComplete } = useOnboardingContext();
|
|
18
|
-
const visible = useMediaQuery({ min: "medium" });
|
|
19
|
-
|
|
20
|
-
if (isComplete || !visible) return null;
|
|
21
|
-
|
|
22
|
-
return (
|
|
23
|
-
<Card color="grey2" variant="outlined" paddingBlock={16}>
|
|
24
|
-
<CardContent>
|
|
25
|
-
<div>
|
|
26
|
-
<Text variant="bold" color="grey12">
|
|
27
|
-
Build a page in {steps.length} steps
|
|
28
|
-
</Text>
|
|
29
|
-
<Text color="grey11" variant="small">
|
|
30
|
-
Render a live page with content coming from Prismic
|
|
31
|
-
</Text>
|
|
32
|
-
</div>
|
|
33
|
-
<ProgressBar
|
|
34
|
-
value={completedStepCount}
|
|
35
|
-
max={steps.length}
|
|
36
|
-
displayLabel
|
|
37
|
-
getValueLabel={(value, max) => `${value}/${max}`}
|
|
38
|
-
/>
|
|
39
|
-
<OnboardingProgressStepper />
|
|
40
|
-
</CardContent>
|
|
41
|
-
</Card>
|
|
42
|
-
);
|
|
43
|
-
};
|
|
44
|
-
|
|
45
|
-
export const OnboardingGuide = () => {
|
|
46
|
-
const { eligible } = useOnboardingExperiment();
|
|
47
|
-
|
|
48
|
-
if (!eligible) return null;
|
|
49
|
-
|
|
50
|
-
return (
|
|
51
|
-
<OnboardingProvider>
|
|
52
|
-
<OnboardingGuideContent />
|
|
53
|
-
</OnboardingProvider>
|
|
54
|
-
);
|
|
55
|
-
};
|
|
File without changes
|