slice-machine-ui 1.22.2-beta.1 → 1.22.2-beta.11

package/src/features/environments/actions/getActiveEnvironment.ts

@@ -0,0 +1,34 @@
+import {
+  Environment,
+  isInvalidActiveEnvironmentError,
+} from "@slicemachine/manager/client";
+
+import { managerClient } from "@src/managerClient";
+
+type GetActiveEnvironmentReturnType =
+  | {
+      activeEnvironment: Environment;
+      error?: undefined;
+    }
+  | {
+      activeEnvironment?: undefined;
+      error: unknown;
+    };
+
+export async function getActiveEnvironment(): Promise<GetActiveEnvironmentReturnType> {
+  try {
+    const { activeEnvironment } =
+      await managerClient.project.fetchActiveEnvironment();
+
+    return { activeEnvironment };
+  } catch (error) {
+    if (isInvalidActiveEnvironmentError(error)) {
+      // Reset to the production environment.
+      await managerClient.project.updateEnvironment({ environment: undefined });
+
+      return await getActiveEnvironment();
+    }
+
+    return { error };
+  }
+}

package/src/features/environments/actions/getEnvironments.ts

@@ -2,8 +2,11 @@ import { managerClient } from "@src/managerClient";
 
 export async function getEnvironments() {
   try {
-    return await managerClient.prismicRepository.fetchEnvironments();
+    const { environments } =
+      await managerClient.prismicRepository.fetchEnvironments();
+
+    return { environments };
   } catch (error) {
-    throw error;
+    return { error };
   }
 }

package/src/features/environments/actions/setEnvironment.ts

@@ -4,7 +4,7 @@ import { Environment } from "@slicemachine/manager/client";
 import { getLegacySliceMachineState } from "@src/features/legacyState/actions/getLegacySliceMachineState";
 import { managerClient } from "@src/managerClient";
 
-import { getActiveEnvironmentDomain } from "./getActiveEnvironmentDomain";
+import { getActiveEnvironment } from "./getActiveEnvironment";
 
 export async function setEnvironment(
   environment: Pick<Environment, "domain">,
@@ -13,6 +13,6 @@ export async function setEnvironment(
     environment: environment.domain,
   });
 
-  revalidateData(getActiveEnvironmentDomain, []);
+  revalidateData(getActiveEnvironment, []);
   revalidateData(getLegacySliceMachineState, []);
 }

package/src/features/environments/useActiveEnvironment.ts

@@ -1,38 +1,7 @@
 import { useRequest } from "@prismicio/editor-support/Suspense";
 
-import { getActiveEnvironmentDomain } from "./actions/getActiveEnvironmentDomain";
-import { useEnvironments } from "./useEnvironments";
+import { getActiveEnvironment } from "./actions/getActiveEnvironment";
 
 export function useActiveEnvironment() {
-  const { environments, error: useEnvironmentsError } = useEnvironments();
-  const { activeEnvironmentDomain, error: getActiveEnvironmentError } =
-    useRequest(getActiveEnvironmentDomain, []);
-
-  if (useEnvironmentsError !== undefined) {
-    return { error: useEnvironmentsError };
-  }
-
-  if (getActiveEnvironmentError !== undefined) {
-    return { error: getActiveEnvironmentError };
-  }
-
-  const activeEnvironment = environments?.find((environment) => {
-    if (activeEnvironmentDomain === undefined) {
-      return environment.kind === "prod";
-    }
-
-    return environment.domain === activeEnvironmentDomain;
-  });
-
-  if (!activeEnvironment) {
-    return {
-      error: new Error(
-        `The active environment (${
-          activeEnvironmentDomain ?? "Production"
-        }) does not match one of the repository's environments.`,
-      ),
-    };
-  }
-
-  return { activeEnvironment };
+  return useRequest(getActiveEnvironment, []);
 }

package/src/features/inAppGuide/InAppGuideDialog.tsx

@@ -72,13 +72,7 @@ export const InAppGuideDialog: FC = () => {
                     {content.title}
                   </Text>
                 </Box>
-                <Video
-                  src={content.videoUrl}
-                  sizing="contain"
-                  autoPlay
-                  controls
-                  loop
-                />
+                <Video src={content.videoUrl} sizing="contain" autoPlay loop />
                 <Text>{content.description}</Text>
               </Box>
 

package/src/features/slices/convertLegacySlice/ConvertLegacySliceAsNewSliceDialog.tsx

@@ -112,7 +112,7 @@ export const ConvertLegacySliceAsNewSliceDialog: FC<DialogProps> = ({
                       </label>
                       <Select
                         size="medium"
-                        variant="secondary"
+                        color="grey"
                         startIcon="folder"
                         flexContent={true}
                         value={formik.values.from}

package/src/features/slices/convertLegacySlice/ConvertLegacySliceAsNewVariationDialog.tsx

@@ -89,7 +89,7 @@ export const ConvertLegacySliceAsNewVariationDialog: FC<DialogProps> = ({
                       </label>
                       <Select
                         size="medium"
-                        variant="secondary"
+                        color="grey"
                         startIcon="viewDay"
                         flexContent={true}
                         value={`${formik.values.libraryID}::${formik.values.sliceID}`}

package/src/features/slices/convertLegacySlice/ConvertLegacySliceButton.tsx

@@ -185,7 +185,7 @@ export const ConvertLegacySliceButton: FC<ConvertLegacySliceButtonProps> = ({
             startIcon="refresh"
             endIcon="arrowDropDown"
             size="medium"
-            variant="secondary"
+            color="grey"
           >
             Migrate legacy slice
           </Button>

package/src/features/slices/convertLegacySlice/ConvertLegacySliceMergeWithIdenticalDialog.tsx

@@ -68,7 +68,7 @@ export const ConvertLegacySliceMergeWithIdenticalDialog: FC<DialogProps> = ({
                       </label>
                       <Select
                         size="medium"
-                        variant="secondary"
+                        color="grey"
                         startIcon="viewDay"
                         flexContent={true}
                         value={formik.values.path}

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

@@ -52,7 +52,7 @@ const BackButton: FC<BackButtonProps> = ({ sourceCustomTypeId }) => {
     // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
     const url = CUSTOM_TYPES_CONFIG[format!].getBuilderPagePathname(id);
     return (
-      <ButtonGroup density="compact" variant="tertiary">
+      <ButtonGroup density="compact" color="dark">
         <Button
           onClick={() => {
             void router.push(url);

package/src/features/slices/sliceCards/SharedSliceCard.tsx

@@ -163,7 +163,7 @@ export const SharedSliceCard: FC<SharedSliceCardProps> = (props) => {
           ) : action.type === "menu" ? (
             <DropdownMenu modal>
               <DropdownMenuTrigger disabled={disabled}>
-                <IconButton data-cy="slice-action-icon" icon="moreVert" />
+                <IconButton hiddenLabel="Slice actions" icon="moreVert" />
               </DropdownMenuTrigger>
               <DropdownMenuContent
                 align="end"
@@ -250,7 +250,7 @@ const UpdateScreenshotButton: FC<UpdateScreenshotButtonProps> = (props) => (
     renderStartIcon={() => (
       <AddPhotoAlternateIcon color={tokens.color.greyLight11} />
     )}
-    variant="secondary"
+    color="grey"
   >
     Update screenshot
   </Button>

package/out/_next/static/ALrNHXPZGeRwEXHdmh5-C/_buildManifest.js

@@ -1 +0,0 @@
-self.__BUILD_MANIFEST=function(s,c,a,e,t,i,d,b,f,n){return{__rewrites:{beforeFiles:[],afterFiles:[],fallback:[]},"/":[c,i,d,"static/chunks/pages/index-d8e3a2c0d712904f.js"],"/_error":["static/chunks/pages/_error-69b4f498bafdd188.js"],"/changelog":["static/chunks/870-0c7a8a9622de78b7.js","static/chunks/pages/changelog-cfda9d30715b6e2a.js"],"/changes":[a,"static/chunks/8eec4907-b712959d9f984b68.js","static/chunks/918-38d08f1e885b222d.js",s,e,"static/css/7d650bca12dc4061.css","static/chunks/pages/changes-a3cdb6251b224e4b.js"],"/custom-types":[c,i,d,"static/chunks/pages/custom-types-2f5664d9492b13fb.js"],"/custom-types/[customTypeId]":[b,s,c,t,f,n,"static/chunks/pages/custom-types/[customTypeId]-3a37eb3373bb8823.js"],"/labs":["static/chunks/pages/labs-dfad3c3553469739.js"],"/page-types/[pageTypeId]":[b,s,c,t,f,n,"static/chunks/pages/page-types/[pageTypeId]-733f3890c0466a05.js"],"/slices":[a,s,e,"static/css/cb33580e45d01b59.css","static/chunks/pages/slices-dc4f17b54c9a3eb5.js"],"/slices/[lib]/[sliceName]/[variation]":[a,s,e,t,"static/css/77abb01eee0e43a7.css","static/chunks/pages/slices/[lib]/[sliceName]/[variation]-c228a7c42e87eb27.js"],"/slices/[lib]/[sliceName]/[variation]/simulator":[a,"static/chunks/72585f70-28b4d7d5384b3703.js","static/chunks/18539003-9f66499125869c64.js","static/chunks/505-fa47e200ac3a012d.js","static/chunks/pages/slices/[lib]/[sliceName]/[variation]/simulator-7b17cb59d0db03b5.js"],sortedPages:["/","/_app","/_error","/changelog","/changes","/custom-types","/custom-types/[customTypeId]","/labs","/page-types/[pageTypeId]","/slices","/slices/[lib]/[sliceName]/[variation]","/slices/[lib]/[sliceName]/[variation]/simulator"]}}("static/chunks/958-0a6a103fac00582b.js","static/chunks/550-8557ad3750e1e581.js","static/chunks/c8eae200-966ce352f7b5d2b9.js","static/chunks/80-7b8a97d0122ff74a.js","static/chunks/482-7e97f91961588a90.js","static/chunks/840-45aefe7b4d84745c.js","static/css/be1f49e49a5aa7eb.css","static/chunks/474-5a072e6fac61f703.js","static/chunks/904-e7c8c1ba265177fb.js","static/css/5da5d3cd7a87c3cf.css"),self.__BUILD_MANIFEST_CB&&self.__BUILD_MANIFEST_CB();