slice-machine-ui 2.7.2-beta.1 → 2.7.2-beta.3

package/src/features/onboarding/OnboardingGuide/OnboardingGuide.tsx

@@ -14,7 +14,6 @@ import {
   useOnboardingContext,
 } from "@/features/onboarding/OnboardingProvider";
 import { OnboardingTutorial } from "@/features/onboarding/OnboardingTutorial/OnboardingTutorial";
-import { useOnboardingCardVisibilityExperiment } from "@/features/onboarding/useOnboardingCardVisibilityExperiment";
 import { useOnboardingExperiment } from "@/features/onboarding/useOnboardingExperiment";
 import { useUpdateAvailable } from "@/hooks/useUpdateAvailable";
 
@@ -57,22 +56,6 @@ function OnboardingGuideContent() {
 function OnboardingGuideCard() {
   const { steps, completedStepCount, isComplete } = useOnboardingContext();
   const isVisible = useMediaQuery({ min: "medium" });
-  const { eligible: isOnboardingCardVisibilityExperiment, variant } =
-    useOnboardingCardVisibilityExperiment();
-
-  const {
-    buttonSize,
-    cardColor,
-    cardVariant,
-    cardDescription,
-    cardTitle,
-    descriptionColor,
-    descriptionVariant,
-    progressColor,
-    progressBackgroundColor,
-    progressLabelColor,
-    titleColor,
-  } = getCardUi({ variant, stepsCount: steps.length });
 
   if (!isVisible) return null;
 
@@ -80,29 +63,26 @@ function OnboardingGuideCard() {
     <div
       className={isComplete ? styles.invisible : styles.visible}
       // 1px padding to avoid cliping of animated card while it scales up
-      style={{ padding: isOnboardingCardVisibilityExperiment ? 1 : 0 }}
+      style={{ padding: 1 }}
     >
-      <Card color={cardColor} variant={cardVariant} paddingBlock={16}>
+      <Card variant="animated-light" paddingBlock={16}>
         <CardContent>
           <div>
-            <Text variant="bold" color={titleColor}>
-              {cardTitle}
+            <Text variant="bold" color="grey12">
+              {`Build your first Prismic Page in ${steps.length.toString()} simple steps`}
             </Text>
-            <Text color={descriptionColor} variant={descriptionVariant}>
-              {cardDescription}
+            <Text color="grey11">
+              Render a live page with content coming from Prismic in 5 mins
             </Text>
           </div>
           <ProgressBar
-            color={progressColor}
-            backgroundColor={progressBackgroundColor}
-            labelColor={progressLabelColor}
             value={completedStepCount}
             max={steps.length}
             displayLabel
             getValueLabel={(value, max) => `${value}/${max}`}
           />
-          <OnboardingProgressStepper buttonSize={buttonSize} />
-          {isOnboardingCardVisibilityExperiment && <OnboardingTutorial />}
+          <OnboardingProgressStepper buttonSize="large" />
+          <OnboardingTutorial />
         </CardContent>
       </Card>
     </div>
@@ -119,62 +99,3 @@ const confettiConfig: ConfettiConfig = {
   spread: 90,
   duration: 3000,
 };
-
-interface GetCardUiProps {
-  variant?: string;
-  stepsCount: number;
-}
-interface GetCardUiReturnValue {
-  buttonSize: "large" | "medium";
-  cardColor?: "grey2";
-  cardVariant?: "outlined" | "animated-light" | "animated-dark";
-  cardTitle: string;
-  cardDescription: string;
-  titleColor?: "grey12" | "purple1";
-  descriptionColor?: "grey11" | "purple6";
-  descriptionVariant?: "small";
-  progressColor?: "white";
-  progressBackgroundColor?: "purple8";
-  progressLabelColor?: "purple3";
-}
-function getCardUi(props: GetCardUiProps): GetCardUiReturnValue {
-  const { variant, stepsCount } = props;
-  const count = stepsCount.toString();
-
-  switch (variant) {
-    case "light":
-      return {
-        buttonSize: "large",
-        cardDescription:
-          "Render a live page with content coming from Prismic in 5 mins",
-        cardTitle: `Build your first Prismic Page in ${count} simple steps`,
-        cardVariant: "animated-light",
-        descriptionColor: "grey11",
-        titleColor: "grey12",
-      };
-    case "dark":
-      return {
-        buttonSize: "large",
-        cardDescription:
-          "Render a live page with content coming from Prismic in 5 mins",
-        cardTitle: `Build your first Prismic Page in ${count} simple steps`,
-        cardVariant: "animated-dark",
-        descriptionColor: "purple6",
-        progressColor: "white",
-        progressBackgroundColor: "purple8",
-        progressLabelColor: "purple3",
-        titleColor: "purple1",
-      };
-    default:
-      return {
-        buttonSize: "medium",
-        cardColor: "grey2",
-        cardVariant: "outlined",
-        cardTitle: `Build a page in ${count} steps`,
-        cardDescription: "Render a live page with content coming from Prismic",
-        descriptionColor: "grey11",
-        descriptionVariant: "small",
-        titleColor: "grey12",
-      };
-  }
-}

package/src/features/onboarding/OnboardingProgressStepper.tsx

@@ -14,7 +14,6 @@ import { telemetry } from "@/apiClient";
 import { useOnboardingContext } from "@/features/onboarding/OnboardingProvider";
 import { OnboardingStepDialog } from "@/features/onboarding/OnboardingStepDialog";
 import type { OnboardingStep } from "@/features/onboarding/types";
-import { useOnboardingCardVisibilityExperiment } from "@/features/onboarding/useOnboardingCardVisibilityExperiment";
 
 const EndCtaIcon = () => <Icon name="playCircle" size="small" color="grey11" />;
 
@@ -27,8 +26,6 @@ export function OnboardingProgressStepper(
   const { buttonSize = "medium" } = props;
   const { completedStepCount, steps, isStepComplete, isComplete } =
     useOnboardingContext();
-  const { eligible: isOnboardingCardVisibilityExperiment } =
-    useOnboardingCardVisibilityExperiment();
 
   const [isListOpen, setListOpen] = useState(false);
   const [isDialogOpen, setDialogOpen] = useState(false);
@@ -59,7 +56,8 @@ export function OnboardingProgressStepper(
             color="grey"
             sx={{ width: "100%" }}
             renderEndIcon={EndCtaIcon}
-            onMouseEnter={() => setListOpen(true)}
+            // TODO: Fix typescript error
+            {...{ onMouseEnter: () => setListOpen(true) }}
           >
             {completedStepCount > 0 ? "Continue" : "Start now"}
           </Button>
@@ -88,9 +86,7 @@ export function OnboardingProgressStepper(
                     )
                   }
                 >
-                  {isOnboardingCardVisibilityExperiment
-                    ? `${index + 1} ${step.title}`
-                    : step.title}
+                  {`${index + 1} ${step.title}`}
                 </DropdownMenuItem>
               );
             })}

package/src/features/onboarding/OnboardingProvider.tsx

@@ -1,17 +1,13 @@
 import { createContext, ReactNode, useContext } from "react";
 
 import { telemetry } from "@/apiClient";
-import {
-  onboardingExperimentSteps,
-  onboardingSteps,
-} from "@/features/onboarding/content";
+import { onboardingSteps } from "@/features/onboarding/content";
 import {
   type OnboardingStep,
   type OnboardingStepId,
   type OnboardingStepStatuses,
   onboardingStepStatusesSchema,
 } from "@/features/onboarding/types";
-import { useOnboardingCardVisibilityExperiment } from "@/features/onboarding/useOnboardingCardVisibilityExperiment";
 import { usePersistedState } from "@/hooks/usePersistedState";
 
 type OnboardingContext = {
@@ -49,8 +45,7 @@ export const OnboardingProvider = ({
   children,
   onComplete,
 }: OnboardingProviderProps) => {
-  const { eligible } = useOnboardingCardVisibilityExperiment();
-  const steps = eligible ? onboardingExperimentSteps : onboardingSteps;
+  const steps = onboardingSteps;
 
   const [stepStatus, setStepStatus] = usePersistedState(
     "onboardingSteps",

package/src/features/onboarding/OnboardingTutorial/OnboardingTutorial.tsx

@@ -1,24 +1,21 @@
 import { Box, Icon, Text } from "@prismicio/editor-ui";
 
-import { useOnboardingCardVisibilityExperiment } from "@/features/onboarding/useOnboardingCardVisibilityExperiment";
 import { useMarketingContent } from "@/hooks/useMarketingContent";
 
 export function OnboardingTutorial() {
-  const { variant } = useOnboardingCardVisibilityExperiment();
   const { tutorial } = useMarketingContent();
 
-  const color = variant === "dark" ? "white" : "grey11";
   const url = tutorial?.url;
 
   if (url === undefined) return null;
 
   return (
     <Box justifyContent="center" padding={{ block: 6 }}>
-      <Text href={url} variant="smallBold" color={color}>
+      <Text href={url} variant="smallBold" color="grey11">
         Or watch our full course
         <Icon
           name="playCircle"
-          color={color}
+          color="grey11"
           size="small"
           sx={{ marginLeft: 4 }}
         />

package/src/features/onboarding/content.tsx

@@ -3,91 +3,6 @@ import { Text } from "@prismicio/editor-ui";
 import type { OnboardingStep } from "@/features/onboarding/types";
 
 export const onboardingSteps: OnboardingStep[] = [
-  {
-    id: "createPageType",
-    title: "Create a Page Type",
-    description: "Build the structure for your page.",
-    videoUrl:
-      "https://res.cloudinary.com/dmtf1daqp/video/upload/v1721918320/DEV_TOOLS/ONBOARDING_GUIDE/Create_page_type_xdn13j.mp4",
-    content: () => (
-      <Text>
-        A page type is a base content structure editors will use to create pages
-        in the Page Builder (Prismic's content creation UI). A page type can be
-        reusable (e.g., for multiple blog posts) or single (e.g., for a one-time
-        page like the homepage).
-      </Text>
-    ),
-  },
-  {
-    id: "codePage",
-    title: "Code Your Page Type",
-    description: "Prepare code to fetch content.",
-    videoUrl:
-      "https://res.cloudinary.com/dmtf1daqp/video/upload/v1721918320/DEV_TOOLS/ONBOARDING_GUIDE/Step2_code_your_page_jatiur.mp4",
-    content: () => (
-      <Text>Prepare your code to query the content from the Prismic API.</Text>
-    ),
-  },
-  {
-    id: "createSlice",
-    title: "Create a Slice",
-    description: "Build a reusable website section.",
-    videoUrl:
-      "https://res.cloudinary.com/dmtf1daqp/video/upload/v1721918322/DEV_TOOLS/ONBOARDING_GUIDE/Step3_add_slice_qzmvxf.mp4",
-    content: () => (
-      <Text>
-        Slices are website sections that can be reused on different pages with
-        different content. Each slice has a code component automatically
-        generated by Slice Machine. Start with a template and look at your code
-        to see how it's structured.
-      </Text>
-    ),
-  },
-  {
-    id: "reviewAndPush",
-    title: "Review and Push Changes",
-    description: "Enable editors to create content.",
-    videoUrl:
-      "https://res.cloudinary.com/dmtf1daqp/video/upload/v1721918320/DEV_TOOLS/ONBOARDING_GUIDE/DevTools_Squad_push_changes_ovvmul.mp4",
-    content: () => (
-      <Text>
-        Your page types and slices currently exist only in your local project.
-        Push them to your repository to make them available for your content
-        editors.
-      </Text>
-    ),
-  },
-  {
-    id: "createContent",
-    title: "Create Content",
-    description: "Publish a page to the Prismic API.",
-    videoUrl:
-      "https://res.cloudinary.com/dmtf1daqp/video/upload/v1721918324/DEV_TOOLS/ONBOARDING_GUIDE/Cre%CC%81er_contenu_e%CC%81tape_4_z9vlzt.mp4",
-    content: () => (
-      <Text>
-        In Prismic, content creation takes place in the Prismic Page Builder UI.
-        Open the Page Builder and start creating your first page.
-      </Text>
-    ),
-  },
-  {
-    id: "renderPage",
-    title: "Render your page",
-    description: "View your page in the browser.",
-    videoUrl:
-      "https://res.cloudinary.com/dmtf1daqp/video/upload/v1721918321/DEV_TOOLS/ONBOARDING_GUIDE/Step_6_Render_Page_tnauh9.mp4",
-    content: () => (
-      <Text>
-        Now that your content is published, you can run your project in your
-        terminal and visit the page on your local server (e.g.,{" "}
-        <Text component="code">localhost:3000/example-page</Text>). Your content
-        should now be visible!
-      </Text>
-    ),
-  },
-];
-
-export const onboardingExperimentSteps: OnboardingStep[] = [
   {
     id: "createProject",
     title: "Create your Prismic website",

package/src/features/sync/components/AutoSyncStatusIndicator.tsx

@@ -49,7 +49,11 @@ export const AutoSyncStatusIndicator: FC<AutoSyncStatusIndicatorProps> = (
     <Tooltip content={autoSaveStatusInfo.tooltipText} side="right">
       <div className={styles.root}>
         {autoSaveStatusInfo.icon}
-        <Text className={styles.text} color="grey11">
+        <Text
+          // TODO: Stop using className
+          {...{ className: styles.text }}
+          color="grey11"
+        >
           {autoSaveStatusInfo.text}
         </Text>
       </div>

package/src/legacy/lib/builders/CustomTypeBuilder/TabZone/index.tsx

@@ -145,6 +145,9 @@ const TabZone: FC<TabZoneProps> = ({ tabId }) => {
       type: newField.type,
       isInAGroup: false,
       contentType: getContentTypeForTracking(window.location.pathname),
+      ...(newField.type === "Link" && {
+        allowText: newField.config?.allowText,
+      }),
     });
   };
 

package/src/legacy/lib/builders/SliceBuilder/FieldZones/index.tsx

@@ -166,6 +166,9 @@ const FieldZones: FC = () => {
       type: newField.type,
       isInAGroup: false,
       contentType: getContentTypeForTracking(window.location.pathname),
+      ...(newField.type === "Link" && {
+        allowText: newField.config?.allowText,
+      }),
     });
   };
 

package/src/legacy/lib/models/common/widgets/Group/ListItem/index.jsx

@@ -76,6 +76,9 @@ export const CustomListItem = ({
       type: newField.type,
       isInAGroup: true,
       contentType: getContentTypeForTracking(window.location.pathname),
+      ...(newField.type === "Link" && {
+        allowText: newField.config?.allowText,
+      }),
     });
   };
 

package/src/legacy/lib/models/common/widgets/Link/Form.jsx

@@ -1,24 +1,33 @@
+import { Box, Label } from "theme-ui";
+
 import { Col, Flex as FlexGrid } from "@/legacy/components/Flex";
 import WidgetFormField from "@/legacy/lib/builders/common/EditModal/Field";
 import { createFieldNameFromKey } from "@/legacy/lib/forms";
 import { DefaultFields } from "@/legacy/lib/forms/defaults";
 import { CheckBox } from "@/legacy/lib/forms/fields";
 
+import { DisplayTextCheckbox } from "./components";
+
 // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
 const FormFields = {
   ...DefaultFields,
-  allowTargetBlank: CheckBox("Allow target blank", false, false),
+  allowTargetBlank: CheckBox("Allow target blank", false, true),
 };
 
 const Form = (props) => {
   // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
-  const { initialValues, fields } = props;
+  const { initialValues, values: formValues, fields, setFieldValue } = props;
+
+  // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+  const {
+    config: { allowText },
+  } = formValues;
 
   return (
     <FlexGrid>
       {
         // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
-        Object.entries(FormFields).map(([key, field]) => (
+        Object.entries(DefaultFields).map(([key, field]) => (
           <Col key={key}>
             <WidgetFormField
               fieldName={createFieldNameFromKey(key)}
@@ -32,6 +41,37 @@ const Form = (props) => {
           </Col>
         ))
       }
+      <Col />
+      <Col key="allowTargetBlank">
+        <Box sx={{ mt: 2 }}>
+          <Label
+            htmlFor="allowTargetBlank"
+            variant="label.primary"
+            sx={{
+              display: "flex",
+              alignItems: "center",
+            }}
+          >
+            Link properties
+          </Label>
+          <WidgetFormField
+            fieldName={createFieldNameFromKey("allowTargetBlank")}
+            // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+            formField={CheckBox("Allow target blank", false, true)}
+            // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+            fields={fields}
+            // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+            initialValues={initialValues}
+          />
+        </Box>
+      </Col>
+      <DisplayTextCheckbox
+        // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+        allowText={allowText}
+        height={127}
+        // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+        setFieldValue={setFieldValue}
+      />
     </FlexGrid>
   );
 };

package/src/legacy/lib/models/common/widgets/Link/components.tsx

@@ -0,0 +1,56 @@
+import { Box, Icon, Tooltip } from "@prismicio/editor-ui";
+import { Checkbox, Flex, Label } from "theme-ui";
+
+import { Col } from "@/legacy/components/Flex";
+
+interface DisplayTextCheckboxProps {
+  allowText?: boolean;
+  height?: 130 | 127;
+  setFieldValue: (
+    a: string,
+    b?: boolean,
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  ) => void | Promise<any>;
+}
+
+export function DisplayTextCheckbox(props: DisplayTextCheckboxProps) {
+  const { allowText, height = 130, setFieldValue } = props;
+
+  return (
+    <Col>
+      <Flex
+        sx={{
+          mt: 2,
+          alignItems: "center",
+          height: `${height}%`,
+        }}
+      >
+        <Label variant="label.border">
+          <Box
+            display="flex"
+            justifyContent="space-between"
+            alignItems="center"
+            width="100%"
+          >
+            <Flex>
+              <Checkbox
+                checked={allowText}
+                onChange={(event) => {
+                  void setFieldValue("config.allowText", event.target.checked);
+                }}
+              />
+              Allow display text
+            </Flex>
+            <Tooltip
+              content="Allow editors to customize the link display text"
+              align="end"
+              zIndexHack
+            >
+              <Icon name="alert" size="medium" color="grey11" />
+            </Tooltip>
+          </Box>
+        </Label>
+      </Flex>
+    </Col>
+  );
+}

package/src/legacy/lib/models/common/widgets/Link/index.ts

@@ -11,7 +11,8 @@ import Form, { FormFields } from "./Form";
     "config": {
       "label": "link",
       "placeholder": "Could be a link to use case, press article, signup...",
-      "allowTargetBlank": true
+      "allowTargetBlank": true,
+      "allowText": true
     }
   }
  */
@@ -23,7 +24,8 @@ import Form, { FormFields } from "./Form";
       "select": "document",
       "customtypes": ["homepage"],
       "label": "contentrrrrr",
-      "placeholder": "dsfdsfsdf"
+      "placeholder": "dsfdsfsdf",
+      "allowText": true
     }
   }
   */
@@ -33,7 +35,8 @@ import Form, { FormFields } from "./Form";
     "config" : {
       "select" : "media",
       "label" : "tomedia",
-      "placeholder" : "qsdqsdqsd"
+      "placeholder" : "qsdqsdqsd",
+      "allowText": true
     }
   } */
 
@@ -70,6 +73,7 @@ export const linkConfigSchema = yup
     masks: yup.array(yup.string()).optional(),
     tags: yup.array(yup.string()).optional(),
     allowTargetBlank: yup.boolean().strict().optional(),
+    allowText: yup.boolean().strict().optional(),
   })
   .required()
   // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
@@ -98,6 +102,7 @@ export const LinkWidget: Widget<Link, typeof schema> = {
       label,
       placeholder: "",
       select: null,
+      allowText: true,
     },
   }),
   TYPE_NAME: "Link",

package/src/legacy/lib/models/common/widgets/LinkToMedia/Form.jsx

@@ -3,6 +3,8 @@ import WidgetFormField from "@/legacy/lib/builders/common/EditModal/Field";
 import { createFieldNameFromKey } from "@/legacy/lib/forms";
 import { DefaultFields } from "@/legacy/lib/forms/defaults";
 
+import { DisplayTextCheckbox } from "../Link/components";
+
 // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
 const FormFields = {
   ...DefaultFields,
@@ -10,7 +12,12 @@ const FormFields = {
 
 const Form = (props) => {
   // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
-  const { initialValues, fields } = props;
+  const { initialValues, values: formValues, fields, setFieldValue } = props;
+
+  // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+  const {
+    config: { allowText },
+  } = formValues;
 
   return (
     <FlexGrid>
@@ -30,6 +37,12 @@ const Form = (props) => {
           </Col>
         ))
       }
+      <DisplayTextCheckbox
+        // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+        allowText={allowText}
+        // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+        setFieldValue={setFieldValue}
+      />
     </FlexGrid>
   );
 };

package/src/legacy/lib/models/common/widgets/LinkToMedia/index.ts

@@ -40,6 +40,7 @@ export const LinkToMediaWidget: Widget<Link, typeof schema> = {
       label,
       placeholder: "",
       select: "media",
+      allowText: true,
     },
   }),
   TYPE_NAME: "Link",

package/src/pages/changes.tsx

@@ -10,7 +10,6 @@ import { getState, telemetry } from "@/apiClient";
 import { BreadcrumbItem } from "@/components/Breadcrumb";
 import { NoChangesBlankSlate } from "@/features/changes/BlankSlates";
 import { PushChangesButton } from "@/features/changes/PushChangesButton";
-import { usePromptToCreateContentExperiment } from "@/features/changes/usePromptToCreateContentExperiment";
 import { pushChanges } from "@/features/sync/actions/pushChanges";
 import { useAutoSync } from "@/features/sync/AutoSyncProvider";
 import { useUnSyncChanges } from "@/features/sync/useUnSyncChanges";
@@ -56,8 +55,6 @@ const Changes: React.FunctionComponent = () => {
   const router = useRouter();
   const [isPushed, setIsPushed] = useState(false);
   const [isToastOpen, setIsToastOpen] = useState(false);
-  const { eligible: isPromptToCreateContentExperimentEligible } =
-    usePromptToCreateContentExperiment();
   const { repositoryName } = useRepositoryInformation();
 
   const documentsListEndpoint =
@@ -97,12 +94,7 @@ const Changes: React.FunctionComponent = () => {
         pushChangesSuccess();
 
         setIsPushed(true);
-
-        if (isPromptToCreateContentExperimentEligible) {
-          setIsToastOpen(true);
-        } else {
-          toast.success("All slices and types have been pushed");
-        }
+        setIsToastOpen(true);
       }
     } catch (error) {
       console.error(
@@ -133,9 +125,6 @@ const Changes: React.FunctionComponent = () => {
         <NoChangesBlankSlate
           isPostPush={isPushed}
           documentsListEndpoint={documentsListEndpoint}
-          isPromptToCreateContentExperimentEligible={
-            isPromptToCreateContentExperimentEligible
-          }
         />
       );
     }
@@ -157,7 +146,6 @@ const Changes: React.FunctionComponent = () => {
     modelsStatuses,
     isPushed,
     documentsListEndpoint,
-    isPromptToCreateContentExperimentEligible,
   ]);
 
   return (

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

@@ -1 +0,0 @@
-self.__BUILD_MANIFEST=function(s,c,a,e,t,i,n,d,u,b,f,h,l,k,j,p,g,o,r){return{__rewrites:{afterFiles:[],beforeFiles:[],fallback:[]},"/":[a,j,p,"static/chunks/pages/index-17f953c11b46cb20.js"],"/_error":["static/chunks/pages/_error-1b183d3cf5ea03f9.js"],"/changelog":[s,e,"static/chunks/870-a72b74312773efea.js","static/chunks/pages/changelog-2c26b4f6b5bd1129.js"],"/changes":[s,t,"static/chunks/8eec4907-b712959d9f984b68.js",i,"static/chunks/918-38ab72e6ee071fec.js",c,d,"static/css/a20944a3d66dde5a.css","static/chunks/pages/changes-0da6506ff137516c.js"],"/custom-types":[a,j,p,"static/chunks/pages/custom-types-ddc20cfdd8049c04.js"],"/custom-types/[customTypeId]":[s,u,b,f,h,e,n,i,l,g,c,a,k,o,r,"static/chunks/pages/custom-types/[customTypeId]-2065dee71d774cd3.js"],"/labs":["static/chunks/pages/labs-6574554a7f090ccd.js"],"/page-types/[pageTypeId]":[s,u,b,f,h,e,n,i,l,g,c,a,k,o,r,"static/chunks/pages/page-types/[pageTypeId]-07052182875ae5dd.js"],"/settings":["static/css/7f2ebc8f03a13272.css","static/chunks/pages/settings-80462fc1f134572a.js"],"/slices":[s,t,n,c,d,"static/css/b5323377600915db.css","static/chunks/pages/slices-6b069bca7b6ecfa8.js"],"/slices/[lib]/[sliceName]/[variation]":[s,t,u,b,f,h,e,n,i,l,c,k,d,"static/css/4840a6c8541a6625.css","static/chunks/pages/slices/[lib]/[sliceName]/[variation]-17c7f402037bbcc7.js"],"/slices/[lib]/[sliceName]/[variation]/simulator":[t,"static/chunks/72585f70-28b4d7d5384b3703.js","static/chunks/18539003-080f6b8eec027936.js","static/chunks/441-126d623f1b578785.js","static/chunks/pages/slices/[lib]/[sliceName]/[variation]/simulator-783b6577bd4e3728.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/772-58d0c8f8ae1c6791.js","static/chunks/372-a86e2c479a721702.js","static/chunks/183-1298bf7953a6f2a0.js","static/chunks/c8eae200-966ce352f7b5d2b9.js","static/chunks/543-f8766685f7f451e2.js","static/chunks/50-586dc7ab5e584e76.js","static/chunks/639-175fa5cb82faf87c.js","static/chunks/f36c6662-1f3a854183168b10.js","static/chunks/4c744e84-642bc2ece03445a4.js","static/chunks/065a3ddb-9a38ca0d60f0bf2f.js","static/chunks/1cc2734a-09fb3b997ad1eb70.js","static/chunks/168-c494986647b0f939.js","static/chunks/882-1ccb9dbd9bd4734b.js","static/chunks/764-cf90b7301c3b3a9e.js","static/css/22103e0fe77e9b53.css","static/chunks/479-6205c85aa978fc0b.js","static/chunks/150-1e09cb4726b8a7a7.js","static/css/00e9fba6d8022425.css"),self.__BUILD_MANIFEST_CB&&self.__BUILD_MANIFEST_CB();