slice-machine-ui 2.10.5 → 2.10.6-alpha.repeatable-link.2

package/src/features/sync/actions/trackPushChangesSuccess.ts

@@ -1,5 +1,12 @@
+import {
+  FieldType,
+  NestableWidget,
+  UID,
+} from "@prismicio/types-internal/lib/customtypes";
+
 import { telemetry } from "@/apiClient";
 import { countMissingScreenshots } from "@/domain/slice";
+import { GroupSM } from "@/legacy/lib/models/common/Group";
 import {
   ChangedCustomType,
   ChangedSlice,
@@ -94,4 +101,85 @@ export function trackPushChangesSuccess(args: TrackPushChangesSuccessArgs) {
     hasDeletedDocuments,
     _includeEnvironmentKind: true,
   });
+
+  trackPushedGroups({ changedCustomTypes, changedSlices });
+}
+
+type TrackPushedGroupsArgs = {
+  changedSlices: ReadonlyArray<ChangedSlice>;
+  changedCustomTypes: ReadonlyArray<ChangedCustomType>;
+};
+type FieldsCount = {
+  [key in FieldType]?: number;
+};
+type FieldStats = {
+  isInStaticZone: boolean;
+  isInSlice: boolean;
+} & FieldsCount;
+
+function trackPushedGroups(args: TrackPushedGroupsArgs) {
+  const { changedCustomTypes, changedSlices } = args;
+
+  const groupsInStaticZone = changedCustomTypes.reduce<FieldStats[]>(
+    (acc, customType) => {
+      if (customType.status !== ModelStatus.New) return acc;
+
+      customType.customType.tabs.forEach((tab) => {
+        const fieldsCount = countGroupFields(acc, tab.value, "custom-type");
+        acc.push(...fieldsCount);
+      });
+
+      return acc;
+    },
+    [],
+  );
+
+  const groupsInSlices = changedSlices.reduce<FieldStats[]>((acc, slice) => {
+    if (slice.status !== ModelStatus.New) return acc;
+
+    slice.slice.model.variations.forEach((variation) => {
+      const fieldsCount = countGroupFields(acc, variation.primary, "slice");
+      acc.push(...fieldsCount);
+    });
+
+    return acc;
+  }, []);
+  [...groupsInSlices, ...groupsInStaticZone].forEach((group) => {
+    void telemetry.track({
+      event: "changes:group-pushed",
+      ...group,
+    });
+  });
+}
+
+interface Field {
+  key: string;
+  value: GroupSM | UID | NestableWidget;
+}
+function countGroupFields<TField extends Field>(
+  fieldStats: FieldStats[],
+  fields: TField[] | undefined,
+  groupParent: "custom-type" | "slice",
+) {
+  if (!fields) return fieldStats;
+
+  const newFieldState = fieldStats.slice();
+
+  fields.forEach((field) => {
+    if (field.value.type === "Group" && field.value.config?.fields) {
+      const fieldsCount: FieldsCount = {};
+      field.value.config.fields.forEach(({ value: fieldValue }) => {
+        const value = fieldsCount[fieldValue.type] ?? 0;
+        fieldsCount[fieldValue.type] = value + 1;
+      });
+
+      newFieldState.push({
+        isInStaticZone: groupParent === "custom-type",
+        isInSlice: groupParent === "slice",
+        ...fieldsCount,
+      });
+    }
+  });
+
+  return newFieldState;
 }

package/src/legacy/components/ListItem/Header.tsx

@@ -27,6 +27,7 @@ const ItemHeader: React.FC<ItemHeaderProps> = ({
         padding: "4px",
         border: "2px solid",
         borderColor: theme.colors?.primary as CSS.Property.Color,
+        flexShrink: 0,
       }}
     />
     <TextWithTooltip
@@ -42,6 +43,8 @@ const ItemHeader: React.FC<ItemHeaderProps> = ({
         fontSize: "14px",
         ml: 1,
         color: "textClear",
+        overflow: "hidden",
+        textOverflow: "ellipsis",
       }}
       data-testid="field-id"
     >

package/src/legacy/components/ListItem/index.tsx

@@ -1,3 +1,4 @@
+import { Badge } from "@prismicio/editor-ui";
 import { Menu, MenuButton, MenuItem, MenuList } from "@reach/menu-button";
 import React, { Fragment } from "react";
 import { Draggable } from "react-beautiful-dnd";
@@ -60,6 +61,10 @@ function ListItem<F extends TabField, S extends AnyObjectSchema>({
     value: { config, type },
   } = item;
 
+  const shouldDisplayRepeatableBadge = Boolean(
+    (type === "Link" || type === "Group") && config?.repeat,
+  );
+
   return (
     <Fragment>
       <Draggable draggableId={draggableId} index={index}>
@@ -110,7 +115,15 @@ function ListItem<F extends TabField, S extends AnyObjectSchema>({
                       }
                       WidgetIcon={widget.Meta.icon}
                     />
-                    <Flex>
+                    <Flex sx={{ flex: "0 0 auto" }}>
+                      {shouldDisplayRepeatableBadge && (
+                        <Badge
+                          title="Repeatable"
+                          color="purple"
+                          size="medium"
+                          sx={{ alignSelf: "center", marginInline: 16 }}
+                        />
+                      )}
                       {CustomEditElements ? CustomEditElements : null}
                       {CustomEditElement ? (
                         CustomEditElement
@@ -119,7 +132,11 @@ function ListItem<F extends TabField, S extends AnyObjectSchema>({
                           size={22}
                           Icon={AiOutlineEdit}
                           label="Edit field"
-                          sx={{ cursor: "pointer", color: theme.colors?.icons }}
+                          sx={{
+                            cursor: "pointer",
+                            color: theme.colors?.icons,
+                            flexShrink: 0,
+                          }}
                           onClick={() =>
                             enterEditMode(
                               [key, item.value],

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

@@ -9,7 +9,6 @@ import type { DropResult } from "react-beautiful-dnd";
 import { flushSync } from "react-dom";
 import { toast } from "react-toastify";
 
-import { telemetry } from "@/apiClient";
 import { List } from "@/components/List";
 import {
   addField,
@@ -36,7 +35,7 @@ import {
   ensureWidgetTypeExistence,
 } from "@/legacy/lib/utils";
 import { transformKeyAccessor } from "@/legacy/lib/utils/str";
-import { getContentTypeForTracking } from "@/utils/getContentTypeForTracking";
+import { trackFieldAdded } from "@/utils/tracking/trackFieldAdded";
 
 import EditModal from "../../common/EditModal";
 import Zone from "../../common/Zone";
@@ -140,17 +139,7 @@ const TabZone: FC<TabZoneProps> = ({ tabId }) => {
       toast.success(`${field.type === "Group" ? "Group" : "Field"} added`);
     });
 
-    void telemetry.track({
-      event: "field:added",
-      id,
-      name: label,
-      type: newField.type,
-      isInAGroup: false,
-      contentType: getContentTypeForTracking(window.location.pathname),
-      ...(newField.type === "Link" && {
-        allowText: newField.config?.allowText,
-      }),
-    });
+    trackFieldAdded({ id, field: newField });
   };
 
   const onDragEnd = (result: DropResult) => {

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

@@ -16,7 +16,6 @@ import { DropResult } from "react-beautiful-dnd";
 import { flushSync } from "react-dom";
 import { toast } from "react-toastify";
 
-import { telemetry } from "@/apiClient";
 import { List } from "@/components/List";
 import {
   addField,
@@ -36,7 +35,7 @@ import {
 import { Widgets } from "@/legacy/lib/models/common/widgets";
 import { ensureDnDDestination } from "@/legacy/lib/utils";
 import { transformKeyAccessor } from "@/legacy/lib/utils/str";
-import { getContentTypeForTracking } from "@/utils/getContentTypeForTracking";
+import { trackFieldAdded } from "@/utils/tracking/trackFieldAdded";
 
 const dataTipText = ` The non-repeatable zone
   is for fields<br/> that should appear once, like a<br/>
@@ -128,8 +127,7 @@ const FieldZones: FC = () => {
     widgetArea: WidgetsArea,
     { apiId: id, value: newField }: OnSaveFieldProps,
   ) => {
-    const { type: widgetTypeName, config } = newField;
-    const label = config?.label ?? "";
+    const { type: widgetTypeName } = newField;
 
     const widget = primaryWidgetsArray.find(
       (sliceBuilderWidget) =>
@@ -159,17 +157,7 @@ const FieldZones: FC = () => {
       toast.success(`${widgetTypeName === "Group" ? "Group" : "Field"} added`);
     });
 
-    void telemetry.track({
-      event: "field:added",
-      id,
-      name: label,
-      type: newField.type,
-      isInAGroup: false,
-      contentType: getContentTypeForTracking(window.location.pathname),
-      ...(newField.type === "Link" && {
-        allowText: newField.config?.allowText,
-      }),
-    });
+    trackFieldAdded({ id, field: newField });
   };
 
   const _onCreateOrSave = (widgetArea: WidgetsArea) => {

package/src/legacy/lib/builders/common/Zone/Card/components/Hints/index.tsx

@@ -24,6 +24,7 @@ const Hint: React.FC<HintProps> = ({
   if (item.value.type === "Link") {
     if (item.value.config?.allowText ?? false)
       snippetCacheKey.push("allowText");
+    if (item.value.config?.repeat ?? false) snippetCacheKey.push("repeat");
   }
 
   // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment

package/src/legacy/lib/builders/common/Zone/index.jsx

@@ -9,7 +9,7 @@ import { fields as allFields } from "@/domain/fields";
 import { AddFieldDropdown } from "@/features/builder/AddFieldDropdown";
 import { AddStaticFieldDropdown } from "@/features/builder/AddStaticFieldDropdown";
 import { Widgets } from "@/legacy/lib/models/common/widgets";
-import { getContentTypeForTracking } from "@/utils/getContentTypeForTracking";
+import { getContentTypeForTracking } from "@/utils/tracking/getContentTypeForTracking";
 
 import Card from "./Card";
 import { ZoneEmptyState } from "./components/ZoneEmptyState";

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

@@ -52,6 +52,7 @@ export const ContentRelationshipWidget: Widget<Link, typeof schema> = {
     config: {
       label,
       select: "document",
+      repeat: false,
     },
   }),
   Meta,

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

@@ -20,7 +20,8 @@ import { findWidgetByConfigOrType } from "@/legacy/lib/builders/utils";
 import { Groups } from "@/legacy/lib/models/common/Group";
 import { ensureDnDDestination } from "@/legacy/lib/utils";
 import { transformKeyAccessor } from "@/legacy/lib/utils/str";
-import { getContentTypeForTracking } from "@/utils/getContentTypeForTracking";
+import { getContentTypeForTracking } from "@/utils/tracking/getContentTypeForTracking";
+import { trackFieldAdded } from "@/utils/tracking/trackFieldAdded";
 
 /* eslint-disable */
 export const CustomListItem = ({
@@ -69,17 +70,7 @@ export const CustomListItem = ({
       isNewGroupField: true,
     });
 
-    void telemetry.track({
-      event: "field:added",
-      id,
-      name: label,
-      type: newField.type,
-      isInAGroup: true,
-      contentType: getContentTypeForTracking(window.location.pathname),
-      ...(newField.type === "Link" && {
-        allowText: newField.config?.allowText,
-      }),
-    });
+    trackFieldAdded({ id, field: newField, isInAGroup: true });
   };
 
   const onSaveField = ({ apiId: previousKey, newKey, value }) => {

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

@@ -1,4 +1,4 @@
-import { Box, Label } from "theme-ui";
+import { Flex } from "theme-ui";
 
 import { Col, Flex as FlexGrid } from "@/legacy/components/Flex";
 import WidgetFormField from "@/legacy/lib/builders/common/EditModal/Field";
@@ -6,12 +6,10 @@ import { createFieldNameFromKey } from "@/legacy/lib/forms";
 import { DefaultFields } from "@/legacy/lib/forms/defaults";
 import { CheckBox } from "@/legacy/lib/forms/fields";
 
-import { DisplayTextCheckbox } from "./components";
+import { DisplayTextCheckbox, RepeatableCheckbox } from "./components";
 
-// eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
 const FormFields = {
   ...DefaultFields,
-  allowTargetBlank: CheckBox("Allow target blank", false, true),
 };
 
 const Form = (props) => {
@@ -20,14 +18,13 @@ const Form = (props) => {
 
   // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
   const {
-    config: { allowText },
+    config: { allowText, repeat },
   } = formValues;
 
   return (
-    <FlexGrid>
-      {
-        // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
-        Object.entries(DefaultFields).map(([key, field]) => (
+    <>
+      <FlexGrid>
+        {Object.entries(FormFields).map(([key, field]) => (
           <Col key={key}>
             <WidgetFormField
               fieldName={createFieldNameFromKey(key)}
@@ -39,40 +36,41 @@ const Form = (props) => {
               initialValues={initialValues}
             />
           </Col>
-        ))
-      }
-      <Col />
-      <Col key="allowTargetBlank">
-        <Box sx={{ mt: 2 }}>
-          <Label
-            htmlFor="allowTargetBlank"
-            variant="label.primary"
-            sx={{
-              display: "flex",
-              alignItems: "center",
+        ))}
+
+        <Col key="allowTargetBlank">
+          <Flex
+            sx={{ gap: 2, marginTop: 3 }}
+            style={{
+              paddingTop: "1px",
             }}
           >
-            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
+            <Col>
+              <WidgetFormField
+                fieldName={createFieldNameFromKey("allowTargetBlank")}
+                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}
+              />
+            </Col>
+            <DisplayTextCheckbox
+              // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+              checked={allowText}
+              // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+              setFieldValue={setFieldValue}
+            />
+          </Flex>
+        </Col>
+      </FlexGrid>
+      <RepeatableCheckbox
         // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
-        allowText={allowText}
-        height={127}
+        checked={repeat}
         // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
         setFieldValue={setFieldValue}
       />
-    </FlexGrid>
+    </>
   );
 };
 

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

@@ -1,20 +1,17 @@
-import { Box, Icon, Tooltip } from "@prismicio/editor-ui";
+import { Box, Icon, Text, Tooltip } from "@prismicio/editor-ui";
 import { Checkbox, Flex, Label } from "theme-ui";
 
 import { Col } from "@/legacy/components/Flex";
 
-interface DisplayTextCheckboxProps {
-  allowText?: boolean;
+interface CommonCheckboxProps {
+  checked?: boolean;
   height?: 130 | 127;
-  setFieldValue: (
-    a: string,
-    b?: boolean,
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  ) => void | Promise<any>;
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  setFieldValue: (name: string, checked?: boolean) => void | Promise<any>;
 }
 
-export function DisplayTextCheckbox(props: DisplayTextCheckboxProps) {
-  const { allowText, height = 130, setFieldValue } = props;
+export function DisplayTextCheckbox(props: CommonCheckboxProps) {
+  const { checked, height = 130, setFieldValue } = props;
 
   return (
     <Col>
@@ -34,7 +31,7 @@ export function DisplayTextCheckbox(props: DisplayTextCheckboxProps) {
           >
             <Flex>
               <Checkbox
-                checked={allowText}
+                checked={checked}
                 onChange={(event) => {
                   void setFieldValue("config.allowText", event.target.checked);
                 }}
@@ -54,3 +51,47 @@ export function DisplayTextCheckbox(props: DisplayTextCheckboxProps) {
     </Col>
   );
 }
+
+export function RepeatableCheckbox(props: CommonCheckboxProps) {
+  const { checked, setFieldValue } = props;
+
+  return (
+    <Box flexDirection="column">
+      <Label
+        htmlFor="repeat"
+        variant="label.primary"
+        sx={{
+          mt: 2,
+        }}
+      >
+        Repeatable
+      </Label>
+      <Label variant="label.border" sx={{ display: "flex" }}>
+        <Checkbox
+          name="repeat"
+          checked={checked}
+          onChange={(event) => {
+            void setFieldValue("config.repeat", event.target.checked);
+          }}
+        />
+        Make this link repeatable - Allow editors to create lists of links
+      </Label>
+      <Box alignItems="center" gap={4}>
+        <Icon name="alert" size="medium" color="grey11" />
+        <Text variant="normal" color="grey11">
+          Repeatable link fields are returned as an array of links by the API.{" "}
+          <a
+            href="https://prismic.io/docs/field"
+            style={{ textDecoration: "none" }}
+            target="_blank"
+            rel="noopener noreferrer"
+          >
+            <Text variant="normal" color="indigo11">
+              See documentation.
+            </Text>
+          </a>
+        </Text>
+      </Box>
+    </Box>
+  );
+}

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

@@ -7,12 +7,13 @@ import Form, { FormFields } from "./Form";
 
 /**
 * {
-     "type": "Link",
+    "type": "Link",
     "config": {
       "label": "link",
       "placeholder": "Could be a link to use case, press article, signup...",
       "allowTargetBlank": true,
       "allowText": true
+      "repeat": true,
     }
   }
  */
@@ -25,7 +26,8 @@ import Form, { FormFields } from "./Form";
       "customtypes": ["homepage"],
       "label": "contentrrrrr",
       "placeholder": "dsfdsfsdf",
-      "allowText": true
+      "allowText": true,
+      "repeat": true,
     }
   }
   */
@@ -36,7 +38,8 @@ import Form, { FormFields } from "./Form";
       "select" : "media",
       "label" : "tomedia",
       "placeholder" : "qsdqsdqsd",
-      "allowText": true
+      "allowText": true,
+      "repeat": true,
     }
   } */
 
@@ -74,6 +77,7 @@ export const linkConfigSchema = yup
     tags: yup.array(yup.string()).optional(),
     allowTargetBlank: yup.boolean().strict().optional(),
     allowText: yup.boolean().strict().optional(),
+    repeat: yup.boolean().strict().optional(),
   })
   .required()
   // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
@@ -102,7 +106,9 @@ export const LinkWidget: Widget<Link, typeof schema> = {
       label,
       placeholder: "",
       select: null,
+      allowTargetBlank: true,
       allowText: true,
+      repeat: false,
     },
   }),
   TYPE_NAME: "Link",

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

@@ -5,7 +5,6 @@ import { DefaultFields } from "@/legacy/lib/forms/defaults";
 
 import { DisplayTextCheckbox } from "../Link/components";
 
-// eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
 const FormFields = {
   ...DefaultFields,
 };
@@ -20,14 +19,12 @@ const Form = (props) => {
   } = formValues;
 
   return (
-    <FlexGrid>
-      {
-        // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
-        Object.entries(FormFields).map(([key, field]) => (
+    <>
+      <FlexGrid>
+        {Object.entries(FormFields).map(([key, field]) => (
           <Col key={key}>
             <WidgetFormField
               fieldName={createFieldNameFromKey(key)}
-              // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
               formField={field}
               // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
               fields={fields}
@@ -35,15 +32,15 @@ const Form = (props) => {
               initialValues={initialValues}
             />
           </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>
+        ))}
+        <DisplayTextCheckbox
+          // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+          checked={allowText}
+          // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+          setFieldValue={setFieldValue}
+        />
+      </FlexGrid>
+    </>
   );
 };
 

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

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

package/src/utils/tracking/trackFieldAdded.ts

@@ -0,0 +1,33 @@
+import {
+  Group,
+  NestableWidget,
+  UID,
+} from "@prismicio/types-internal/lib/customtypes";
+
+import { telemetry } from "@/apiClient";
+import { SlicePrimaryFieldSM } from "@/legacy/lib/models/common/Slice";
+
+import { getContentTypeForTracking } from "./getContentTypeForTracking";
+
+type TrackFieldAddedArgs = {
+  id: string;
+  field: SlicePrimaryFieldSM | NestableWidget | UID | Group;
+  isInAGroup?: boolean;
+};
+
+export function trackFieldAdded(args: TrackFieldAddedArgs) {
+  const { id, field, isInAGroup = false } = args;
+
+  void telemetry.track({
+    event: "field:added",
+    id,
+    name: field.config?.label ?? "",
+    type: field.type,
+    isInAGroup,
+    contentType: getContentTypeForTracking(window.location.pathname),
+    ...(field.type === "Link" && {
+      allowText: field.config?.allowText,
+      repeat: field.config?.repeat,
+    }),
+  });
+}

package/out/_next/static/-W9HS13l1a39Ytz6Gj69n/_buildManifest.js

@@ -1 +0,0 @@
-self.__BUILD_MANIFEST=function(s,c,a,e,t,i,n,u,f,b,d,h,l,p,k,j,g,o){return{__rewrites:{afterFiles:[],beforeFiles:[],fallback:[]},"/":[a,p,k,"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-365aa7a2d23e3fdf.js"],"/changes":[s,t,"static/chunks/8eec4907-b712959d9f984b68.js","static/chunks/918-38ab72e6ee071fec.js",c,n,"static/css/9d17b7d9f44c5c5d.css","static/chunks/pages/changes-9e1acd7a02b2cbcb.js"],"/custom-types":[a,p,k,"static/chunks/pages/custom-types-ddc20cfdd8049c04.js"],"/custom-types/[customTypeId]":[s,u,f,b,d,e,i,h,j,c,a,l,g,o,"static/chunks/pages/custom-types/[customTypeId]-2eb64c9ea82fcd0a.js"],"/labs":["static/chunks/pages/labs-1a00abe937ba05e7.js"],"/page-types/[pageTypeId]":[s,u,f,b,d,e,i,h,j,c,a,l,g,o,"static/chunks/pages/page-types/[pageTypeId]-e5a5e6b345081e0a.js"],"/settings":["static/css/e5f781f20e24a5ea.css","static/chunks/pages/settings-8f999bb96b738ab6.js"],"/slices":[s,t,i,c,n,"static/css/b5323377600915db.css","static/chunks/pages/slices-6cfac30e3c77980d.js"],"/slices/[lib]/[sliceName]/[variation]":[s,t,u,f,b,d,e,i,h,c,l,n,"static/css/9740e73b8aa87666.css","static/chunks/pages/slices/[lib]/[sliceName]/[variation]-5acaf1fca398a36c.js"],"/slices/[lib]/[sliceName]/[variation]/simulator":[t,"static/chunks/72585f70-28b4d7d5384b3703.js","static/chunks/429-6b3405d9cee75624.js","static/chunks/pages/slices/[lib]/[sliceName]/[variation]/simulator-d5df6446669f32d9.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-936f6233f8a2b1f1.js","static/chunks/372-1608c5e5b72cce7b.js","static/chunks/183-b1a9f55f45cb8d8e.js","static/chunks/c8eae200-966ce352f7b5d2b9.js","static/chunks/50-586dc7ab5e584e76.js","static/chunks/639-424b570eee9a37fb.js","static/chunks/f36c6662-1f3a854183168b10.js","static/chunks/4c744e84-642bc2ece03445a4.js","static/chunks/065a3ddb-9a38ca0d60f0bf2f.js","static/chunks/1cc2734a-09fb3b997ad1eb70.js","static/chunks/349-6ad3cca7ea294292.js","static/chunks/882-e9ccd4aa9d3ac48a.js","static/chunks/764-30e2601a1647371a.js","static/css/4e475d945cf8a890.css","static/chunks/479-6205c85aa978fc0b.js","static/chunks/150-57d904e6c95df911.js","static/css/850c81be38195a0f.css"),self.__BUILD_MANIFEST_CB&&self.__BUILD_MANIFEST_CB();