slice-machine-ui 1.20.1-dev-environments.2 → 1.20.1-dev-next-release.3

package/out/_next/static/css/3e88bd24e38f18d0.css

@@ -1 +0,0 @@
-._1k08lzu3{height:calc(var(--_7j49md4b) - var(--_7j49mdh))}._1k08lzu5{height:calc(var(--_7j49md40) - var(--_7j49md3w));width:calc(var(--_7j49md40) - var(--_7j49md3w))}._1k08lzu7{box-shadow:inset 0 calc(-1 * var(--_7j49mdh)) 0 0 var(--_7j49md1a);height:calc(var(--_7j49md4b) - var(--_7j49mdh));-ms-overflow-style:none;scrollbar-width:none}._1k08lzu7::-webkit-scrollbar{display:none}._1k08lzu3+._1k08lzu6>._1k08lzu7{padding-top:var(--_7j49mdh)}._1k08lzu8:last-child:before,:not(:is(:focus,:hover,[data-state=active]))+._1k08lzu8:before{content:"";background-color:var(--_7j49md1b);bottom:var(--_7j49md4s);height:var(--_7j49md47);left:calc(-1 * var(--_7j49md4o));position:absolute;width:var(--_7j49mdh)}._1k08lzu9{max-width:256px}._1k08lzu9[data-state=active]{color:var(--_7j49md1g)}._1k08lzu9:is(:focus,:hover,[data-state=active]):before{content:"";background-color:var(--_7j49md16);border-color:var(--_7j49md1a);border-top-left-radius:var(--_7j49md7);border-top-right-radius:var(--_7j49md7);border-style:var(--_7j49mdf) var(--_7j49mdf) var(--_7j49mdd);border-width:var(--_7j49mdh);box-sizing:border-box;height:calc(var(--_7j49md4h) + var(--_7j49mdh));left:calc(-1 * var(--_7j49mdh));position:absolute;top:calc(-1 * var(--_7j49mdh));width:calc(var(--_7j49md4h) + var(--_7j49mdh))}._1k08lzub{margin-right:calc(-1 * var(--_7j49md4s))}:is(:focus,:hover,[data-state=active])>._1k08lzub{visibility:visible}._1k08lzub:has(>[data-state=open]){visibility:visible}._1k08lzuc{box-shadow:inset 0 calc(-1 * var(--_7j49mdh)) 0 0 var(--_7j49md1a),0 calc(-1 * var(--_7j49mdh)) 0 0 var(--_7j49md17)}._1k08lzud[data-state=inactive]{display:none}:is(._1k08lzu2,._1k08lzud)>._2a96i71{border-radius:var(--_7j49md3);border-style:var(--_7j49mdd)}._2a96i72:last-child{border-bottom-color:var(--_7j49md3c)}._1k08lzud>._2a96i71>._2a96i73:not(:first-child){margin-top:var(--_7j49md4v)}._18bjhbz0{max-width:498px;min-height:400px;background-color:var(--_7j49md15)}._18bjhbz1{background-size:cover;background-color:transparent;border-radius:var(--_7j49md3);border-style:var(--_7j49mdd);height:100%;max-width:100%}._18bjhbz1 ._18bjhbz3{padding:64px}._18bjhbz4{font-size:18px;font-weight:600;line-height:32px}._18bjhbz5{font-weight:400;line-height:24px}._18bjhbz1 ._18bjhbz5{max-width:464px;align-self:center}._18bjhbz1 ._18bjhbz6{justify-content:center}.kedahr2{height:240px}.kedahr3{height:320px}.kedahr6:focus-visible{box-shadow:0 0 0 4px rgba(123,101,220,.1)}.kedahr6[data-disabled]{opacity:var(--_7j49md3r)}.kedahr6:not([data-disabled]){cursor:var(--_7j49md3f)}.kedahr7{order:0}.kedahr4>.kedahr7{padding:calc(var(--_7j49md4x) - var(--_7j49mdh))}.kedahr5>.kedahr7{background-color:var(--_7j49md17);margin-inline:calc(var(--_7j49md4v) - var(--_7j49mdh));margin-top:calc(var(--_7j49md4v) - var(--_7j49mdh));padding:var(--_7j49md4v)}.kedahr9:not([src]){visibility:hidden}.kedahra:before{content:"";background-color:var(--_7j49md1g);inset:var(--_7j49md4n);opacity:var(--_7j49md3p);position:absolute}.kedahr6:focus-visible .kedahra,.kedahr6:not([data-disabled]) .kedahr7:hover>.kedahra{visibility:visible}.kedahr6:not([data-disabled]) .kedahra:has(:focus-visible){visibility:visible}.kedahr4>.kedahrb{background-color:var(--_7j49md15)}.kedahr4>.kedahrb:not(:first-child){border-top-color:var(--_7j49md1a);border-top-style:inherit;border-top-width:inherit}.kedahrc{order:1}.kedahr4>.kedahrc{padding-left:calc(var(--_7j49md4u) - var(--_7j49mdh));padding-right:calc(var(--_7j49md4s) - var(--_7j49mdh))}.kedahr5>.kedahrc{padding-inline:calc(var(--_7j49md4v) - var(--_7j49mdh))}.kedahrd{order:2}.kedahr4>.kedahrd{padding-inline:calc(var(--_7j49md4u) - var(--_7j49mdh))}.kedahr5>.kedahrd{padding-inline:calc(var(--_7j49md4v) - var(--_7j49mdh))}.kedahre{margin-bottom:calc((1.5rem - 1rem) / 2)}.kedahrf{background-color:#ebe7fe;color:#5746af}._76k20u4:not(:last-child){margin-right:var(--_7j49md4v)}._76k20u4[data-state=active]{box-shadow:inset 0 -1px 0 0 currentColor,0 1px 0 0 currentColor;color:var(--_7j49md36)}._76k20u5{line-height:32px}._76k20u6{flex:1 1}._76k20u6[data-state=inactive]{display:none}._8uty130{line-height:32px}._3uvawd0{grid-area:content;overflow:hidden}

package/out/_next/static/css/6e4843007ff41825.css

@@ -1 +0,0 @@
-._1k08lzu3{height:calc(var(--_7j49md4b) - var(--_7j49mdh))}._1k08lzu5{height:calc(var(--_7j49md40) - var(--_7j49md3w));width:calc(var(--_7j49md40) - var(--_7j49md3w))}._1k08lzu7{box-shadow:inset 0 calc(-1 * var(--_7j49mdh)) 0 0 var(--_7j49md1a);height:calc(var(--_7j49md4b) - var(--_7j49mdh));-ms-overflow-style:none;scrollbar-width:none}._1k08lzu7::-webkit-scrollbar{display:none}._1k08lzu3+._1k08lzu6>._1k08lzu7{padding-top:var(--_7j49mdh)}._1k08lzu8:last-child:before,:not(:is(:focus,:hover,[data-state=active]))+._1k08lzu8:before{content:"";background-color:var(--_7j49md1b);bottom:var(--_7j49md4s);height:var(--_7j49md47);left:calc(-1 * var(--_7j49md4o));position:absolute;width:var(--_7j49mdh)}._1k08lzu9{max-width:256px}._1k08lzu9[data-state=active]{color:var(--_7j49md1g)}._1k08lzu9:is(:focus,:hover,[data-state=active]):before{content:"";background-color:var(--_7j49md16);border-color:var(--_7j49md1a);border-top-left-radius:var(--_7j49md7);border-top-right-radius:var(--_7j49md7);border-style:var(--_7j49mdf) var(--_7j49mdf) var(--_7j49mdd);border-width:var(--_7j49mdh);box-sizing:border-box;height:calc(var(--_7j49md4h) + var(--_7j49mdh));left:calc(-1 * var(--_7j49mdh));position:absolute;top:calc(-1 * var(--_7j49mdh));width:calc(var(--_7j49md4h) + var(--_7j49mdh))}._1k08lzub{margin-right:calc(-1 * var(--_7j49md4s))}:is(:focus,:hover,[data-state=active])>._1k08lzub{visibility:visible}._1k08lzub:has(>[data-state=open]){visibility:visible}._1k08lzuc{box-shadow:inset 0 calc(-1 * var(--_7j49mdh)) 0 0 var(--_7j49md1a),0 calc(-1 * var(--_7j49mdh)) 0 0 var(--_7j49md17)}._1k08lzud[data-state=inactive]{display:none}:is(._1k08lzu2,._1k08lzud)>._2a96i71{border-radius:var(--_7j49md3);border-style:var(--_7j49mdd)}._2a96i72:last-child{border-bottom-color:var(--_7j49md3c)}._1k08lzud>._2a96i71>._2a96i73:not(:first-child){margin-top:var(--_7j49md4v)}._1nkpwww0{border-radius:3px}.kedahr2{height:240px}.kedahr3{height:320px}.kedahr6:focus-visible{box-shadow:0 0 0 4px rgba(123,101,220,.1)}.kedahr6[data-disabled]{opacity:var(--_7j49md3r)}.kedahr6:not([data-disabled]){cursor:var(--_7j49md3f)}.kedahr7{order:0}.kedahr4>.kedahr7{padding:calc(var(--_7j49md4x) - var(--_7j49mdh))}.kedahr5>.kedahr7{background-color:var(--_7j49md17);margin-inline:calc(var(--_7j49md4v) - var(--_7j49mdh));margin-top:calc(var(--_7j49md4v) - var(--_7j49mdh));padding:var(--_7j49md4v)}.kedahr9:not([src]){visibility:hidden}.kedahra:before{content:"";background-color:var(--_7j49md1g);inset:var(--_7j49md4n);opacity:var(--_7j49md3p);position:absolute}.kedahr6:focus-visible .kedahra,.kedahr6:not([data-disabled]) .kedahr7:hover>.kedahra{visibility:visible}.kedahr6:not([data-disabled]) .kedahra:has(:focus-visible){visibility:visible}.kedahr4>.kedahrb{background-color:var(--_7j49md15)}.kedahr4>.kedahrb:not(:first-child){border-top-color:var(--_7j49md1a);border-top-style:inherit;border-top-width:inherit}.kedahrc{order:1}.kedahr4>.kedahrc{padding-left:calc(var(--_7j49md4u) - var(--_7j49mdh));padding-right:calc(var(--_7j49md4s) - var(--_7j49mdh))}.kedahr5>.kedahrc{padding-inline:calc(var(--_7j49md4v) - var(--_7j49mdh))}.kedahrd{order:2}.kedahr4>.kedahrd{padding-inline:calc(var(--_7j49md4u) - var(--_7j49mdh))}.kedahr5>.kedahrd{padding-inline:calc(var(--_7j49md4v) - var(--_7j49mdh))}.kedahre{margin-bottom:calc((1.5rem - 1rem) / 2)}.kedahrf{background-color:#ebe7fe;color:#5746af}

package/out/_next/static/css/867d8d7ab4a75762.css

@@ -1 +0,0 @@
-._1nkpwww0{border-radius:3px}.kedahr2{height:240px}.kedahr3{height:320px}.kedahr6:focus-visible{box-shadow:0 0 0 4px rgba(123,101,220,.1)}.kedahr6[data-disabled]{opacity:var(--_7j49md3r)}.kedahr6:not([data-disabled]){cursor:var(--_7j49md3f)}.kedahr7{order:0}.kedahr4>.kedahr7{padding:calc(var(--_7j49md4x) - var(--_7j49mdh))}.kedahr5>.kedahr7{background-color:var(--_7j49md17);margin-inline:calc(var(--_7j49md4v) - var(--_7j49mdh));margin-top:calc(var(--_7j49md4v) - var(--_7j49mdh));padding:var(--_7j49md4v)}.kedahr9:not([src]){visibility:hidden}.kedahra:before{content:"";background-color:var(--_7j49md1g);inset:var(--_7j49md4n);opacity:var(--_7j49md3p);position:absolute}.kedahr6:focus-visible .kedahra,.kedahr6:not([data-disabled]) .kedahr7:hover>.kedahra{visibility:visible}.kedahr6:not([data-disabled]) .kedahra:has(:focus-visible){visibility:visible}.kedahr4>.kedahrb{background-color:var(--_7j49md15)}.kedahr4>.kedahrb:not(:first-child){border-top-color:var(--_7j49md1a);border-top-style:inherit;border-top-width:inherit}.kedahrc{order:1}.kedahr4>.kedahrc{padding-left:calc(var(--_7j49md4u) - var(--_7j49mdh));padding-right:calc(var(--_7j49md4s) - var(--_7j49mdh))}.kedahr5>.kedahrc{padding-inline:calc(var(--_7j49md4v) - var(--_7j49mdh))}.kedahrd{order:2}.kedahr4>.kedahrd{padding-inline:calc(var(--_7j49md4u) - var(--_7j49mdh))}.kedahr5>.kedahrd{padding-inline:calc(var(--_7j49md4v) - var(--_7j49mdh))}.kedahre{margin-bottom:calc((1.5rem - 1rem) / 2)}.kedahrf{background-color:#ebe7fe;color:#5746af}

package/out/_next/static/eEMbH0pyO9pWG3REga3T2/_buildManifest.js

@@ -1 +0,0 @@
-self.__BUILD_MANIFEST=function(s,c,e,a,t,i,f,b,n,d){return{__rewrites:{beforeFiles:[],afterFiles:[],fallback:[]},"/":[c,i,f,"static/chunks/pages/index-941b44c74dd339e4.js"],"/_error":["static/chunks/pages/_error-69b4f498bafdd188.js"],"/changelog":["static/chunks/870-0c7a8a9622de78b7.js","static/chunks/pages/changelog-4b8369d91d82b28b.js"],"/changes":[e,"static/chunks/8eec4907-b712959d9f984b68.js","static/chunks/918-38d08f1e885b222d.js",s,a,"static/css/51597cd1f01c4889.css","static/chunks/pages/changes-db6e8c6be5ae076e.js"],"/custom-types":[c,i,f,"static/chunks/pages/custom-types-2f5664d9492b13fb.js"],"/custom-types/[customTypeId]":[b,s,c,t,n,d,"static/chunks/pages/custom-types/[customTypeId]-3a37eb3373bb8823.js"],"/labs":["static/chunks/pages/labs-2922105ab714d32a.js"],"/page-types/[pageTypeId]":[b,s,c,t,n,d,"static/chunks/pages/page-types/[pageTypeId]-733f3890c0466a05.js"],"/slices":[e,s,a,"static/css/867d8d7ab4a75762.css","static/chunks/pages/slices-93b7af2624c85b8e.js"],"/slices/[lib]/[sliceName]/[variation]":[e,s,a,t,"static/css/6e4843007ff41825.css","static/chunks/pages/slices/[lib]/[sliceName]/[variation]-724893d27ffa426c.js"],"/slices/[lib]/[sliceName]/[variation]/simulator":[e,"static/chunks/72585f70-28b4d7d5384b3703.js","static/chunks/18539003-371d86ea83e7293b.js","static/chunks/125-f0e2eb84ee39757a.js","static/chunks/pages/slices/[lib]/[sliceName]/[variation]/simulator-79a62d775e64898c.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-c90d60818f1c468a.js","static/chunks/550-e72c08c598051224.js","static/chunks/c8eae200-966ce352f7b5d2b9.js","static/chunks/80-821a0b5d4ad61185.js","static/chunks/482-39cef3a713901788.js","static/chunks/840-5b485c737b24324b.js","static/css/16b41648cd1de03b.css","static/chunks/474-2393e400314474be.js","static/chunks/904-6204ab2ad8798857.js","static/css/3e88bd24e38f18d0.css"),self.__BUILD_MANIFEST_CB&&self.__BUILD_MANIFEST_CB();

package/src/components/Divider/Divider.css.ts

@@ -1,31 +0,0 @@
-import { colors, sprinkles } from "@prismicio/editor-ui";
-import { style, styleVariants } from "@vanilla-extract/css";
-
-const base = style([
-  sprinkles({
-    width: "100%",
-    borderStyle: "none",
-    margin: 0,
-  }),
-]);
-
-export const variants = styleVariants({
-  dashed: [
-    base,
-    sprinkles({
-      borderColor: colors.currentColor,
-      borderTopStyle: "dashed",
-      borderWidth: 1,
-    }),
-  ],
-  edgeFaded: [
-    base,
-    sprinkles({
-      height: 1,
-    }),
-    {
-      backgroundImage:
-        "linear-gradient(to right, color-mix(in srgb, currentColor 0%, transparent), currentColor, color-mix(in srgb, currentColor 0%, transparent))",
-    },
-  ],
-});

package/src/components/Divider/Divider.stories.tsx

@@ -1,27 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import { colors } from "@prismicio/editor-ui";
-
-import { Divider } from "./Divider";
-import { variants } from "./Divider.css";
-
-type Story = StoryObj<typeof meta>;
-
-const meta = {
-  component: Divider,
-  argTypes: {
-    variant: {
-      control: { type: "select" },
-      options: Object.keys(variants),
-    },
-    color: {
-      control: { type: "select" },
-      options: Object.keys(colors),
-    },
-  },
-} satisfies Meta<typeof Divider>;
-
-export default meta;
-
-export const Default = {
-  args: {},
-} satisfies Story;

package/src/components/Divider/Divider.tsx

@@ -1,25 +0,0 @@
-import { FC } from "react";
-import { colors, sprinkles } from "@prismicio/editor-ui";
-import clsx from "clsx";
-
-import * as styles from "./Divider.css";
-
-type DividerProps = {
-  color?: keyof typeof colors;
-  variant?: "dashed" | "edgeFaded";
-  className?: string;
-};
-
-export const Divider: FC<DividerProps> = (props) => {
-  const { variant = "dashed", color = "currentColor", className } = props;
-
-  return (
-    <hr
-      className={clsx(
-        styles.variants[variant],
-        sprinkles({ color: colors[color] }),
-        className,
-      )}
-    />
-  );
-};

package/src/components/Divider/index.ts

@@ -1 +0,0 @@
-export { Divider } from "./Divider";

package/src/components/SideNav/SideNavEnvironmentSelector.css.ts

@@ -1,69 +0,0 @@
-import { colors, sprinkles } from "@prismicio/editor-ui";
-import { style, styleVariants } from "@vanilla-extract/css";
-
-export const logo = style([
-  sprinkles({
-    height: 40,
-    width: 40,
-  }),
-  {
-    display: "block",
-  },
-]);
-
-const environmentDotBase = style([
-  sprinkles({
-    flexShrink: 0,
-    borderRadius: "50%",
-  }),
-  {
-    width: 10,
-    height: 10,
-  },
-]);
-
-export const environmentDot = styleVariants({
-  prod: [environmentDotBase, sprinkles({ backgroundColor: colors.purple10 })],
-  stage: [environmentDotBase, sprinkles({ backgroundColor: colors.indigo10 })],
-  dev: [environmentDotBase, sprinkles({ backgroundColor: colors.amber10 })],
-});
-
-export const menuItemEnvironmentDot = sprinkles({
-  marginRight: 2,
-  marginLeft: 2,
-});
-
-export const activeEnvironmentDot = style([
-  sprinkles({
-    position: "absolute",
-    bottom: 0,
-    right: 0,
-    outlineWidth: 3,
-    outlineColor: colors.grey2,
-    outlineStyle: "solid",
-  }),
-  {
-    transform: "translate(50%, 50%)",
-  },
-]);
-
-export const activeEnvironmentName = style([
-  sprinkles({
-    overflow: "hidden",
-    textOverflow: "ellipsis",
-    whiteSpace: "nowrap",
-  }),
-  {
-    fontWeight: 500,
-    lineHeight: "1.25rem",
-  },
-]);
-
-export const actionRequiredLabel = style([
-  sprinkles({
-    color: colors.purple10,
-  }),
-  {
-    fontWeight: 500,
-  },
-]);

package/src/components/SideNav/SideNavEnvironmentSelector.tsx

@@ -1,163 +0,0 @@
-import {
-  Box,
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuLabel,
-  DropdownMenuTrigger,
-  Icon,
-  IconButton,
-  Text,
-} from "@prismicio/editor-ui";
-import { Environment } from "@slicemachine/manager/client";
-import type { FC } from "react";
-import clsx from "clsx";
-
-import LogoIcon from "@src/icons/LogoIcon";
-
-import * as styles from "./SideNavEnvironmentSelector.css";
-
-type SideNavEnvironmentSelectorProps = {
-  variant?: "default" | "unauthorized";
-  environments?: Environment[];
-  activeEnvironment?: Environment;
-  onSelect?: (environment: Environment) => void | Promise<void>;
-  onLogInClick?: () => void;
-};
-
-export const SideNavEnvironmentSelector: FC<SideNavEnvironmentSelectorProps> = (
-  props,
-) => {
-  const {
-    variant = "default",
-    environments = [],
-    activeEnvironment,
-    onSelect,
-    onLogInClick,
-  } = props;
-
-  const isProductionEnvironmentActive = activeEnvironment?.kind === "prod";
-
-  return (
-    <Box alignItems="center" gap={16}>
-      <Box position="relative">
-        <LogoIcon className={styles.logo} />
-        {activeEnvironment !== undefined && (
-          <EnvironmentDot
-            kind={activeEnvironment.kind}
-            className={styles.activeEnvironmentDot}
-          />
-        )}
-      </Box>
-      <Box flexGrow={1} flexDirection="column" overflow="hidden">
-        <Text component="span" variant="small" color="grey11">
-          Environment
-        </Text>
-        {variant === "unauthorized" ? (
-          <Text component="span" className={styles.actionRequiredLabel}>
-            Login required
-          </Text>
-        ) : activeEnvironment === undefined ? (
-          <Text component="span" className={styles.actionRequiredLabel}>
-            Select environment
-          </Text>
-        ) : (
-          <Text component="span" className={styles.activeEnvironmentName}>
-            {isProductionEnvironmentActive
-              ? "Production"
-              : activeEnvironment?.name}
-          </Text>
-        )}
-      </Box>
-      <Box flexShrink={0}>
-        {variant === "unauthorized" ? (
-          <IconButton icon="arrowForward" onClick={onLogInClick} />
-        ) : !activeEnvironment || environments.length > 1 ? (
-          <EnvironmentDropdownMenu
-            environments={environments}
-            activeEnvironment={activeEnvironment}
-            onSelect={onSelect}
-          />
-        ) : null}
-      </Box>
-    </Box>
-  );
-};
-
-type EnvironmentDropdownMenuProps = Pick<
-  SideNavEnvironmentSelectorProps,
-  "environments" | "activeEnvironment" | "onSelect"
->;
-
-const EnvironmentDropdownMenu: FC<EnvironmentDropdownMenuProps> = (props) => {
-  const { environments = [], activeEnvironment, onSelect } = props;
-
-  return (
-    <DropdownMenu modal>
-      <DropdownMenuTrigger disabled={environments.length < 2}>
-        <IconButton icon="unfoldMore" />
-      </DropdownMenuTrigger>
-      <DropdownMenuContent align="end" minWidth={256}>
-        <DropdownMenuLabel>Regular Environments</DropdownMenuLabel>
-        {environments.map((environment) =>
-          environment.kind !== "dev" ? (
-            <EnvironmentDropdownMenuItem
-              key={environment.domain}
-              environment={environment}
-              onSelect={onSelect}
-              isActive={environment.domain === activeEnvironment?.domain}
-            />
-          ) : (
-            <>
-              <DropdownMenuLabel>Personal Environment</DropdownMenuLabel>
-              <EnvironmentDropdownMenuItem
-                key={environment.domain}
-                environment={environment}
-                onSelect={onSelect}
-                isActive={environment.domain === activeEnvironment?.domain}
-              />
-            </>
-          ),
-        )}
-      </DropdownMenuContent>
-    </DropdownMenu>
-  );
-};
-
-type EnvironmentDropdownMenuItemProps = {
-  environment: Environment;
-  isActive?: boolean;
-} & Pick<SideNavEnvironmentSelectorProps, "onSelect">;
-
-const EnvironmentDropdownMenuItem: FC<EnvironmentDropdownMenuItemProps> = (
-  props,
-) => {
-  const { environment, onSelect, isActive } = props;
-  const isProductionEnvironment = environment.kind === "prod";
-
-  return (
-    <DropdownMenuItem
-      startIcon={
-        <EnvironmentDot
-          kind={environment.kind}
-          className={styles.menuItemEnvironmentDot}
-        />
-      }
-      endIcon={Boolean(isActive) ? <Icon name="check" /> : undefined}
-      onSelect={() => void onSelect?.(environment)}
-    >
-      {isProductionEnvironment ? "Production" : environment.name}
-    </DropdownMenuItem>
-  );
-};
-
-type EnvironmentDotProps = {
-  kind: Environment["kind"];
-  className?: string;
-};
-
-const EnvironmentDot: FC<EnvironmentDotProps> = (props) => {
-  const { kind, className } = props;
-
-  return <div className={clsx(styles.environmentDot[kind], className)} />;
-};

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

@@ -1,11 +0,0 @@
-import { managerClient } from "@src/managerClient";
-
-export async function getActiveEnvironmentDomain() {
-  try {
-    const { environment } = await managerClient.project.readEnvironment();
-
-    return { activeEnvironmentDomain: environment };
-  } catch (error) {
-    return { error };
-  }
-}

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

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

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

@@ -1,18 +0,0 @@
-import { revalidateData } from "@prismicio/editor-support/Suspense";
-import { Environment } from "@slicemachine/manager/client";
-
-import { getLegacySliceMachineState } from "@src/features/legacyState/actions/getLegacySliceMachineState";
-import { managerClient } from "@src/managerClient";
-
-import { getActiveEnvironmentDomain } from "./getActiveEnvironmentDomain";
-
-export async function setEnvironment(
-  environment: Pick<Environment, "domain">,
-): Promise<void> {
-  await managerClient.project.updateEnvironment({
-    environment: environment.domain,
-  });
-
-  revalidateData(getActiveEnvironmentDomain, []);
-  revalidateData(getLegacySliceMachineState, []);
-}

package/src/features/environments/useActiveEnvironment.ts

@@ -1,38 +0,0 @@
-import { useRequest } from "@prismicio/editor-support/Suspense";
-
-import { getActiveEnvironmentDomain } from "./actions/getActiveEnvironmentDomain";
-import { useEnvironments } from "./useEnvironments";
-
-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 };
-}

package/src/features/environments/useEnvironments.ts

@@ -1,7 +0,0 @@
-import { useRequest } from "@prismicio/editor-support/Suspense";
-
-import { getEnvironments } from "./actions/getEnvironments";
-
-export function useEnvironments() {
-  return useRequest(getEnvironments, []);
-}

package/src/features/legacyState/actions/getLegacySliceMachineState.ts

@@ -1,53 +0,0 @@
-import ServerState from "@models/server/ServerState";
-import { Slices } from "@lib/models/common/Slice";
-import { CustomTypes } from "@lib/models/common/CustomType";
-import { managerClient } from "@src/managerClient";
-
-export async function getLegacySliceMachineState() {
-  const rawState = await managerClient.getState();
-
-  // `rawState` from the client contains non-SM-specific models. We need to
-  // transform the data to something SM recognizes.
-  const state: ServerState = {
-    ...rawState,
-    libraries: rawState.libraries.map((library) => {
-      return {
-        ...library,
-        components: library.components.map((component) => {
-          return {
-            ...component,
-            model: Slices.toSM(component.model),
-
-            // Replace screnshot Blobs with URLs.
-            screenshots: Object.fromEntries(
-              Object.entries(component.screenshots).map(
-                ([variationID, screenshot]) => {
-                  return [
-                    variationID,
-                    {
-                      ...screenshot,
-                      url: URL.createObjectURL(screenshot.data),
-                    },
-                  ];
-                },
-              ),
-            ),
-          };
-        }),
-      };
-    }),
-    customTypes: rawState.customTypes.map((customTypeModel) => {
-      return CustomTypes.toSM(customTypeModel);
-    }),
-    remoteCustomTypes: rawState.remoteCustomTypes.map(
-      (remoteCustomTypeModel) => {
-        return CustomTypes.toSM(remoteCustomTypeModel);
-      },
-    ),
-    remoteSlices: rawState.remoteSlices.map((remoteSliceModel) => {
-      return Slices.toSM(remoteSliceModel);
-    }),
-  };
-
-  return state;
-}

package/src/features/legacyState/useLegacySliceMachineState.ts

@@ -1,7 +0,0 @@
-import { useRequest } from "@prismicio/editor-support/Suspense";
-
-import { getLegacySliceMachineState } from "./actions/getLegacySliceMachineState";
-
-export function useLegacySliceMachineState() {
-  return useRequest(getLegacySliceMachineState, []);
-}