slice-machine-ui 2.17.3-beta.7 → 2.17.3-beta.9

package/src/features/customTypes/customTypesBuilder/CreateSliceFromImageModal/CreateSliceFromImageModal.tsx

@@ -22,15 +22,10 @@ import { toast } from "react-toastify";
 
 import { getState, telemetry } from "@/apiClient";
 import { addAiFeedback } from "@/features/aiFeedback";
-import {
-  useSectionsNamingExperiment,
-  UseSectionsNamingExperimentReturnType,
-} from "@/features/builder/useSectionsNamingExperiment";
 import { useOnboarding } from "@/features/onboarding/useOnboarding";
 import { useAutoSync } from "@/features/sync/AutoSyncProvider";
 import { managerClient } from "@/managerClient";
 import useSliceMachineActions from "@/modules/useSliceMachineActions";
-import { pluralize } from "@/utils/textConversion";
 
 import { Slice, SliceCard } from "./SliceCard";
 
@@ -58,7 +53,7 @@ export function CreateSliceFromImageModal(
   const { syncChanges } = useAutoSync();
   const { createSliceSuccess } = useSliceMachineActions();
   const { completeStep } = useOnboarding();
-  const sectionsNamingExperiment = useSectionsNamingExperiment();
+
   /**
    * Keeps track of the current instance id.
    * When the modal is closed, the id is reset.
@@ -244,8 +239,7 @@ export function CreateSliceFromImageModal(
       <DialogHeader title="Generate from image" />
       <DialogContent gap={0}>
         <DialogDescription hidden>
-          Upload images to generate {pluralize(sectionsNamingExperiment.value)}{" "}
-          with AI
+          Upload images to generate slices with AI
         </DialogDescription>
         {slices.length === 0 ? (
           <Box padding={16} height="100%">
@@ -285,8 +279,7 @@ export function CreateSliceFromImageModal(
             loading={isCreatingSlices}
             onClick={onSubmit}
           >
-            {getSubmitButtonLabel({ location, sectionsNamingExperiment })} (
-            {readySlices.length})
+            {getSubmitButtonLabel(location)} ({readySlices.length})
           </DialogActionButton>
         </DialogActions>
       </DialogContent>
@@ -298,7 +291,6 @@ function UploadBlankSlate(props: {
   droppingFiles?: boolean;
   onFilesSelected: (files: File[]) => void;
 }) {
-  const sectionsNamingExperiment = useSectionsNamingExperiment();
   const { droppingFiles = false, onFilesSelected } = props;
 
   return (
@@ -320,8 +312,7 @@ function UploadBlankSlate(props: {
         />
         <BlankSlateTitle>Upload your design images.</BlankSlateTitle>
         <BlankSlateDescription>
-          Once uploaded, you can generate{" "}
-          {pluralize(sectionsNamingExperiment.value)} automatically using AI.
+          Once uploaded, you can generate slices automatically using AI.
         </BlankSlateDescription>
         <BlankSlateActions>
           <FileUploadButton
@@ -469,19 +460,15 @@ async function addSlices(newSlices: NewSlice[]) {
   return { library, slices };
 }
 
-const getSubmitButtonLabel = ({
-  location,
-  sectionsNamingExperiment,
-}: {
-  location: "custom_type" | "page_type" | "slices";
-  sectionsNamingExperiment: UseSectionsNamingExperimentReturnType;
-}) => {
+const getSubmitButtonLabel = (
+  location: "custom_type" | "page_type" | "slices",
+) => {
   switch (location) {
     case "custom_type":
       return "Add to type";
     case "page_type":
       return "Add to page";
     case "slices":
-      return `Add to ${pluralize(sectionsNamingExperiment.value)}`;
+      return "Add to slices";
   }
 };

package/src/features/customTypes/customTypesBuilder/SliceZoneBlankSlate.tsx

@@ -9,9 +9,6 @@ import {
 } from "@prismicio/editor-ui";
 import { FC } from "react";
 
-import { useSectionsNamingExperiment } from "@/features/builder/useSectionsNamingExperiment";
-import { capitalizeFirstLetter, pluralize } from "@/utils/textConversion";
-
 import { getSliceCreationOptions } from "./sliceCreationOptions";
 
 export type SliceZoneBlankSlateProps = {
@@ -31,10 +28,8 @@ export const SliceZoneBlankSlate: FC<SliceZoneBlankSlateProps> = ({
   projectHasAvailableSlices,
   isSlicesTemplatesSupported,
 }) => {
-  const sectionsNamingExperiment = useSectionsNamingExperiment();
   const sliceCreationOptions = getSliceCreationOptions({
     menuType: "ActionList",
-    sectionsNamingExperiment,
   });
 
   return (
@@ -45,14 +40,11 @@ export const SliceZoneBlankSlate: FC<SliceZoneBlankSlateProps> = ({
         name="add"
         size="large"
       />
-      <BlankSlateTitle size="big">
-        Add {pluralize(sectionsNamingExperiment.value)}
-      </BlankSlateTitle>
+      <BlankSlateTitle size="big">Add slices</BlankSlateTitle>
       <BlankSlateDescription>
-        {pluralize(capitalizeFirstLetter(sectionsNamingExperiment.value))} are
-        website sections that you can reuse on different pages with different
-        content. Each on different pages with different content. Each{" "}
-        {sectionsNamingExperiment.value} has its own component in your code.
+        Slices are website sections that you can reuse on different pages with
+        different content. Each on different pages with different content. Each{" "}
+        slice has its own component in your code.
       </BlankSlateDescription>
       <BlankSlateActions>
         <ActionList>

package/src/features/customTypes/customTypesBuilder/sliceCreationOptions.tsx

@@ -1,15 +1,11 @@
 import { BackgroundIcon } from "@prismicio/editor-ui";
 
-import { UseSectionsNamingExperimentReturnType } from "@/features/builder/useSectionsNamingExperiment";
-import { pluralize } from "@/utils/textConversion";
-
 type SliceCreationOptionArgs = {
   menuType: "ActionList" | "Dropdown";
-  sectionsNamingExperiment: UseSectionsNamingExperimentReturnType;
 };
 
 export const getSliceCreationOptions = (args: SliceCreationOptionArgs) => {
-  const { menuType, sectionsNamingExperiment } = args;
+  const { menuType } = args;
 
   return {
     fromImage: {
@@ -24,7 +20,7 @@ export const getSliceCreationOptions = (args: SliceCreationOptionArgs) => {
         />
       ),
       title: "Generate from image",
-      description: `Build a ${sectionsNamingExperiment.value} based on your design image.`,
+      description: "Build a slice based on your design image.",
     },
     fromScratch: {
       BackgroundIcon: (
@@ -38,7 +34,7 @@ export const getSliceCreationOptions = (args: SliceCreationOptionArgs) => {
         />
       ),
       title: "Start from scratch",
-      description: `Build a custom ${sectionsNamingExperiment.value} your way.`,
+      description: "Build a custom slice your way.",
     },
     fromTemplate: {
       BackgroundIcon: (
@@ -65,10 +61,8 @@ export const getSliceCreationOptions = (args: SliceCreationOptionArgs) => {
           radius={6}
         />
       ),
-      title: `Reuse an existing ${sectionsNamingExperiment.value}`,
-      description: `Select from your created ${pluralize(
-        sectionsNamingExperiment.value,
-      )}`,
+      title: "Reuse an existing slice",
+      description: "Select from your created slices.",
     },
   };
 };

package/src/features/navigation/Navigation.tsx

@@ -8,18 +8,14 @@ import { CUSTOM_TYPES_CONFIG } from "@/features/customTypes/customTypesConfig";
 import { CUSTOM_TYPES_MESSAGES } from "@/features/customTypes/customTypesMessages";
 import { RepositoryInfo } from "@/features/navigation/RepositoryInfo";
 import { OnboardingGuide } from "@/features/onboarding";
-import { useGitIntegrationExperiment } from "@/features/settings/git/useGitIntegrationExperiment";
 import { useAdapterName } from "@/hooks/useAdapterName";
 import { useMarketingContent } from "@/hooks/useMarketingContent";
 import { FolderIcon } from "@/icons/FolderIcon";
 import { LightningIcon } from "@/icons/Lightning";
 import { MenuBookIcon } from "@/icons/MenuBookIcon";
-import { SettingsIcon } from "@/icons/SettingsIcon";
-import { capitalizeFirstLetter, pluralize } from "@/utils/textConversion";
 
 import { ChangesItem } from "../../legacy/components/Navigation/ChangesItem";
 import { Environment } from "../../legacy/components/Navigation/Environment";
-import { useSectionsNamingExperiment } from "../builder/useSectionsNamingExperiment";
 import { NavigationItem } from "./NavigationItem";
 import { SliceMachineVersion } from "./SliceMachineVersion";
 import { UpdateInfo } from "./UpdateInfo";
@@ -27,9 +23,7 @@ import { UpdateInfo } from "./UpdateInfo";
 export function Navigation() {
   const router = useRouter();
 
-  const gitIntegrationExperiment = useGitIntegrationExperiment();
   const { documentationLink } = useMarketingContent();
-  const sectionsNamingExperiment = useSectionsNamingExperiment();
   const adapter = useAdapterName();
 
   interface CustomTypeNavigationItemProps {
@@ -78,9 +72,7 @@ export function Navigation() {
           <CustomTypeNavigationItem type="custom" />
 
           <NavigationItem
-            title={pluralize(
-              capitalizeFirstLetter(sectionsNamingExperiment.value),
-            )}
+            title="Slices"
             href="/slices"
             Icon={FolderIcon}
             active={router.asPath.startsWith("/slices")}
@@ -101,7 +93,6 @@ export function Navigation() {
               <OnboardingGuide />
             </Suspense>
           </ErrorBoundary>
-
           <NavigationItem
             title="Documentation"
             href={documentationLink}
@@ -115,15 +106,6 @@ export function Navigation() {
             }}
           />
 
-          {gitIntegrationExperiment.eligible && (
-            <NavigationItem
-              title="Settings"
-              href="/settings"
-              Icon={SettingsIcon}
-              active={router.asPath.startsWith("/settings")}
-            />
-          )}
-
           <NavigationItem
             title="Changelog"
             href="/changelog"

package/src/legacy/components/ChangesItems/ChangesItems.tsx

@@ -4,7 +4,6 @@ import { AiOutlineExclamationCircle } from "react-icons/ai";
 
 import { countMissingScreenshots } from "@/domain/slice";
 import { ErrorBoundary } from "@/ErrorBoundary";
-import { useSectionsNamingExperiment } from "@/features/builder/useSectionsNamingExperiment";
 import { SharedSliceCard } from "@/features/slices/sliceCards/SharedSliceCard";
 import { ModelsStatuses } from "@/features/sync/getUnSyncChanges";
 import { useScreenshotChangesModal } from "@/hooks/useScreenshotChangesModal";
@@ -16,7 +15,6 @@ import { ComponentUI } from "@/legacy/lib/models/common/ComponentUI";
 import { LocalOrRemoteCustomType } from "@/legacy/lib/models/common/ModelData";
 import { ModelStatus } from "@/legacy/lib/models/common/ModelStatus";
 import { AuthStatus } from "@/modules/userContext/types";
-import { capitalizeFirstLetter, pluralize } from "@/utils/textConversion";
 
 import { DevCollaborationExperiment } from "./DevCollaborationExperiment";
 
@@ -36,7 +34,6 @@ export const ChangesItems: React.FC<ChangesItemsProps> = ({
   isOnline,
 }) => {
   const { modalPayload, onOpenModal } = useScreenshotChangesModal();
-  const sectionsNamingExperiment = useSectionsNamingExperiment();
 
   const { sliceFilterFn, defaultVariationSelector } = modalPayload;
 
@@ -71,11 +68,7 @@ export const ChangesItems: React.FC<ChangesItemsProps> = ({
               <Box padding={{ bottom: 8 }}>
                 <ChangesSectionHeader>
                   <Box>
-                    <Text variant="h5">
-                      {pluralize(
-                        capitalizeFirstLetter(sectionsNamingExperiment.value),
-                      )}
-                    </Text>
+                    <Text variant="h5">Slices</Text>
                     <Text variant="h5" sx={{ marginLeft: 8 }}>
                       {unSyncedSlices.length}
                     </Text>

package/src/legacy/components/Forms/CreateSliceModal/CreateSliceModal.tsx

@@ -4,7 +4,6 @@ import Select from "react-select";
 import { Box, Label } from "theme-ui";
 
 import { getState } from "@/apiClient";
-import { useSectionsNamingExperiment } from "@/features/builder/useSectionsNamingExperiment";
 import { useOnboarding } from "@/features/onboarding/useOnboarding";
 import { createSlice } from "@/features/slices/actions/createSlice";
 import { useAutoSync } from "@/features/sync/AutoSyncProvider";
@@ -12,7 +11,6 @@ import ModalFormCard from "@/legacy/components/ModalFormCard";
 import { LibraryUI } from "@/legacy/lib/models/common/LibraryUI";
 import { SliceSM } from "@/legacy/lib/models/common/Slice";
 import useSliceMachineActions from "@/modules/useSliceMachineActions";
-import { capitalizeFirstLetter } from "@/utils/textConversion";
 
 import { InputBox } from "../components/InputBox";
 import { validateSliceModalValues } from "../formsValidator";
@@ -38,7 +36,6 @@ export const CreateSliceModal: FC<CreateSliceModalProps> = ({
   const [isCreatingSlice, setIsCreatingSlice] = useState(false);
   const { syncChanges } = useAutoSync();
   const { completeStep } = useOnboarding();
-  const sectionsNamingExperiment = useSectionsNamingExperiment();
 
   const onSubmit = async (values: FormValues) => {
     const sliceName = values.sliceName;
@@ -82,17 +79,15 @@ export const CreateSliceModal: FC<CreateSliceModalProps> = ({
         validateSliceModalValues(values, localLibraries, remoteSlices)
       }
       content={{
-        title: `Create a new ${sectionsNamingExperiment.value}`,
+        title: "Create a new slice",
       }}
     >
       {({ touched, values, setFieldValue, errors }) => (
         <Box>
           <InputBox
             name="sliceName"
-            label={`${capitalizeFirstLetter(
-              sectionsNamingExperiment.value,
-            )} name`}
-            placeholder={`Pascalised ${sectionsNamingExperiment.value} API ID (e.g. TextBlock)`}
+            label="Slice name"
+            placeholder="Pascalised slice API ID (e.g. TextBlock)"
             // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
             error={touched.sliceName ? errors.sliceName : undefined}
             testId="slice-name-input"

package/src/legacy/components/Simulator/components/FailedConnect/index.tsx

@@ -1,71 +1,66 @@
 import { IoMdRefresh } from "react-icons/io";
 import { Image, Link, Text } from "theme-ui";
 
-import { useSectionsNamingExperiment } from "@/features/builder/useSectionsNamingExperiment";
 import { Button } from "@/legacy/components/Button";
 
 import FullPage from "../FullPage";
 
-const FailedConnect = ({ onRetrigger }: { onRetrigger: () => void }) => {
-  const sectionsNamingExperiment = useSectionsNamingExperiment();
-
-  return (
-    <FullPage>
-      <Image src="/iframe-not-running.png" sx={{ width: "320px" }} />
+const FailedConnect = ({ onRetrigger }: { onRetrigger: () => void }) => (
+  <FullPage>
+    <Image src="/iframe-not-running.png" sx={{ width: "320px" }} />
+    <Text
+      sx={{
+        color: "textClear",
+        mb: 2,
+        fontSize: "14px",
+        lineHeight: "24px",
+        fontWeight: "600",
+      }}
+    >
+      Slice Machine can't render your slice
+    </Text>
+    <Text
+      sx={{
+        color: "failedConnectText",
+        maxWidth: "400px",
+        textAlign: "center",
+        fontSize: "12px",
+        lineHeight: "22px",
+      }}
+    >
+      Ensure your website's development server is running by typing
+      <br />
       <Text
-        sx={{
-          color: "textClear",
-          mb: 2,
-          fontSize: "14px",
-          lineHeight: "24px",
-          fontWeight: "600",
-        }}
+        as="code"
+        variant="styles.inlineCode"
+        sx={{ padding: "4px", borderRadius: "6px" }}
       >
-        Slice Machine can't render your {sectionsNamingExperiment.value}
+        npm run dev
       </Text>
-      <Text
+      &nbsp; in your terminal at the root of your website directory.
+      <br /> If that doesn't work, see the&nbsp;
+      <Link
+        target="_blank"
+        href="https://prismic.io/docs/slice-machine#simulate-slices"
         sx={{
-          color: "failedConnectText",
-          maxWidth: "400px",
-          textAlign: "center",
-          fontSize: "12px",
-          lineHeight: "22px",
+          color: "link",
         }}
       >
-        Ensure your website's development server is running by typing
-        <br />
-        <Text
-          as="code"
-          variant="styles.inlineCode"
-          sx={{ padding: "4px", borderRadius: "6px" }}
-        >
-          npm run dev
-        </Text>
-        &nbsp; in your terminal at the root of your website directory.
-        <br /> If that doesn't work, see the&nbsp;
-        <Link
-          target="_blank"
-          href="https://prismic.io/docs/slice-machine#simulate-slices"
-          sx={{
-            color: "link",
-          }}
-        >
-          troubleshooting instructions.
-        </Link>
-      </Text>
-      <Button
-        onClick={onRetrigger}
-        label="Refresh"
-        Icon={IoMdRefresh}
-        iconSize={20}
-        iconFill="#6F6E77"
-        variant="secondaryMedium"
-        sx={{
-          mt: "16px",
-        }}
-      />
-    </FullPage>
-  );
-};
+        troubleshooting instructions.
+      </Link>
+    </Text>
+    <Button
+      onClick={onRetrigger}
+      label="Refresh"
+      Icon={IoMdRefresh}
+      iconSize={20}
+      iconFill="#6F6E77"
+      variant="secondaryMedium"
+      sx={{
+        mt: "16px",
+      }}
+    />
+  </FullPage>
+);
 
 export default FailedConnect;

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

@@ -7,9 +7,6 @@ import {
   TypeOptions,
 } from "react-toastify";
 
-import { UseSectionsNamingExperimentReturnType } from "@/features/builder/useSectionsNamingExperiment";
-import { capitalizeFirstLetter } from "@/utils/textConversion";
-
 const getIconAccordingToasterType = ({
   type,
 }: {
@@ -70,14 +67,6 @@ export const ToastMessageWithPath: React.FC<{
 
 export const SliceToastMessage: React.FC<{
   path: string;
-  sectionsNamingExperiment: UseSectionsNamingExperimentReturnType;
-}> = (props) => {
-  return (
-    <ToastMessageWithPath
-      message={`${capitalizeFirstLetter(
-        props.sectionsNamingExperiment.value,
-      )} saved successfully at `}
-      {...props}
-    />
-  );
-};
+}> = (props) => (
+  <ToastMessageWithPath message="Slice saved successfully at " {...props} />
+);

package/src/legacy/lib/builders/CustomTypeBuilder/SliceZone/SlicesTemplatesModal.tsx

@@ -3,7 +3,6 @@ import { FC } from "react";
 import { Text } from "theme-ui";
 
 import { getState } from "@/apiClient";
-import { useSectionsNamingExperiment } from "@/features/builder/useSectionsNamingExperiment";
 import { createSlicesTemplates } from "@/features/slicesTemplates/actions/createSlicesTemplates";
 import { SliceTemplate } from "@/features/slicesTemplates/useSlicesTemplates";
 import ModalFormCard from "@/legacy/components/ModalFormCard";
@@ -12,7 +11,6 @@ import { LibraryUI } from "@/legacy/lib/models/common/LibraryUI";
 import { Slices } from "@/legacy/lib/models/common/Slice";
 import { managerClient } from "@/managerClient";
 import useSliceMachineActions from "@/modules/useSliceMachineActions";
-import { pluralize } from "@/utils/textConversion";
 
 import UpdateSliceZoneModalList from "./UpdateSliceZoneModalList";
 
@@ -38,7 +36,6 @@ export const SlicesTemplatesModal: FC<UpdateSliceModalProps> = ({
   location,
 }) => {
   const { createSliceSuccess } = useSliceMachineActions();
-  const sectionsNamingExperiment = useSectionsNamingExperiment();
 
   return (
     <ModalFormCard
@@ -82,7 +79,7 @@ export const SlicesTemplatesModal: FC<UpdateSliceModalProps> = ({
         sliceKeys: [],
       }}
       content={{
-        title: `Use template ${pluralize(sectionsNamingExperiment.value)}`,
+        title: "Use template slices",
       }}
       validate={(values) => {
         if (values.sliceKeys.length === 0) {

package/src/legacy/lib/builders/CustomTypeBuilder/SliceZone/UpdateSliceZoneModal.tsx

@@ -1,10 +1,8 @@
 import { SharedSlice } from "@prismicio/types-internal/lib/customtypes";
 import { Text } from "theme-ui";
 
-import { useSectionsNamingExperiment } from "@/features/builder/useSectionsNamingExperiment";
 import ModalFormCard from "@/legacy/components/ModalFormCard";
 import { ComponentUI } from "@/legacy/lib/models/common/ComponentUI";
-import { pluralize } from "@/utils/textConversion";
 
 import UpdateSliceZoneModalList from "./UpdateSliceZoneModalList";
 
@@ -25,8 +23,6 @@ const UpdateSliceZoneModal: React.FC<UpdateSliceModalProps> = ({
   onSubmit,
   availableSlices,
 }) => {
-  const sectionsNamingExperiment = useSectionsNamingExperiment();
-
   return (
     <ModalFormCard
       isOpen
@@ -47,7 +43,7 @@ const UpdateSliceZoneModal: React.FC<UpdateSliceModalProps> = ({
         sliceKeys: [],
       }}
       content={{
-        title: `Select existing ${pluralize(sectionsNamingExperiment.value)}`,
+        title: "Select existing slices",
       }}
       testId="update-slices-modal"
       validate={(values) => {

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

@@ -15,7 +15,6 @@ import { BaseStyles } from "theme-ui";
 
 import { telemetry } from "@/apiClient";
 import { ListHeader } from "@/components/List";
-import { useSectionsNamingExperiment } from "@/features/builder/useSectionsNamingExperiment";
 import { CreateSliceFromImageModal } from "@/features/customTypes/customTypesBuilder/CreateSliceFromImageModal";
 import { useCustomTypeState } from "@/features/customTypes/customTypesBuilder/CustomTypeProvider";
 import { getSliceCreationOptions } from "@/features/customTypes/customTypesBuilder/sliceCreationOptions";
@@ -41,7 +40,6 @@ import {
 } from "@/modules/slices";
 import useSliceMachineActions from "@/modules/useSliceMachineActions";
 import type { SliceMachineStoreType } from "@/redux/type";
-import { capitalizeFirstLetter, pluralize } from "@/utils/textConversion";
 
 import { DeleteSliceZoneModal } from "./DeleteSliceZoneModal";
 import { SlicesList } from "./List";
@@ -133,10 +131,8 @@ const SliceZone: React.FC<SliceZoneProps> = ({
   const { setCustomType } = useCustomTypeState();
   const { completeStep } = useOnboarding();
   const { openLoginModal } = useSliceMachineActions();
-  const sectionsNamingExperiment = useSectionsNamingExperiment();
   const sliceCreationOptions = getSliceCreationOptions({
     menuType: "Dropdown",
-    sectionsNamingExperiment,
   });
 
   const localLibraries: readonly LibraryUI[] = libraries.filter(
@@ -297,7 +293,7 @@ const SliceZone: React.FC<SliceZoneProps> = ({
           ) : undefined
         }
       >
-        {pluralize(capitalizeFirstLetter(sectionsNamingExperiment.value))}
+        Slices
       </ListHeader>
 
       {sliceZone ? (
@@ -374,11 +370,7 @@ const SliceZone: React.FC<SliceZoneProps> = ({
               onSaveCallback: () => {
                 toast.success(
                   <ToastMessageWithPath
-                    message={`${capitalizeFirstLetter(
-                      sectionsNamingExperiment.value,
-                    )} template(s) added to ${
-                      sectionsNamingExperiment.value
-                    } zone and created at: `}
+                    message="Slice template(s) added to slice zone and created at: "
                     path={`${localLibraries[0].name}/`}
                   />,
                 );
@@ -414,7 +406,7 @@ const SliceZone: React.FC<SliceZoneProps> = ({
               onSaveCallback: () => {
                 toast.success(
                   <ToastMessageWithPath
-                    message={`New ${sectionsNamingExperiment.value} added to ${sectionsNamingExperiment.value} zone and created at: `}
+                    message="New slice added to slice zone and created at: "
                     path={`${localLibraries[0].name}/`}
                   />,
                 );
@@ -442,11 +434,7 @@ const SliceZone: React.FC<SliceZoneProps> = ({
             onSaveCallback: () => {
               toast.success(
                 <ToastMessageWithPath
-                  message={`${capitalizeFirstLetter(
-                    sectionsNamingExperiment.value,
-                  )}(s) added to ${
-                    sectionsNamingExperiment.value
-                  } zone and created at: `}
+                  message="Slice(s) added to slice zone and created at: "
                   path={library}
                 />,
               );

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

@@ -3,7 +3,6 @@ import { type FC } from "react";
 
 import { BreadcrumbItem } from "@/components/Breadcrumb";
 import { AutoSaveStatusIndicator } from "@/features/autoSave/AutoSaveStatusIndicator";
-import { useSectionsNamingExperiment } from "@/features/builder/useSectionsNamingExperiment";
 import { FloatingBackButton } from "@/features/slices/sliceBuilder/FloatingBackButton";
 import { useSliceState } from "@/features/slices/sliceBuilder/SliceBuilderProvider";
 import {
@@ -15,7 +14,6 @@ import {
   AppLayoutHeader,
 } from "@/legacy/components/AppLayout";
 import SimulatorButton from "@/legacy/lib/builders/SliceBuilder/SimulatorButton";
-import { capitalizeFirstLetter, pluralize } from "@/utils/textConversion";
 
 import FieldZones from "./FieldZones";
 import { VariationsList } from "./VariationsList";
@@ -23,7 +21,6 @@ import { VariationsList } from "./VariationsList";
 export const SliceBuilder: FC = () => {
   const { slice, actionQueueStatus } = useSliceState();
   const horizontalScroll = useMediaQuery({ max: "large" });
-  const sectionsNamingExperiment = useSectionsNamingExperiment();
 
   const contentDisplayProps = horizontalScroll
     ? { gridTemplateRows: "304px 1fr" }
@@ -34,9 +31,7 @@ export const SliceBuilder: FC = () => {
       <AppLayoutHeader>
         <AppLayoutBackButton url="/slices" />
         <AppLayoutBreadcrumb>
-          <BreadcrumbItem>
-            {pluralize(capitalizeFirstLetter(sectionsNamingExperiment.value))}
-          </BreadcrumbItem>
+          <BreadcrumbItem>Slices</BreadcrumbItem>
           <BreadcrumbItem active>{slice.model.name}</BreadcrumbItem>
         </AppLayoutBreadcrumb>
         <AppLayoutActions>

package/src/legacy/lib/builders/common/Zone/components/ZoneEmptyState/ZoneEmptyState.tsx

@@ -1,8 +1,6 @@
 import { Text } from "@prismicio/editor-ui";
 import { FC, ReactNode } from "react";
 
-import { useSectionsNamingExperiment } from "@/features/builder/useSectionsNamingExperiment";
-
 import styles from "./ZoneEmptyState.module.css";
 
 type ZoneEmptyStateProps = {
@@ -12,14 +10,11 @@ type ZoneEmptyStateProps = {
 };
 
 export const ZoneEmptyState: FC<ZoneEmptyStateProps> = (props) => {
-  const sectionsNamingExperiment = useSectionsNamingExperiment();
-  const modifiedZoneType =
-    props.zoneType === "slice"
-      ? sectionsNamingExperiment.value
-      : props.zoneType;
-
-  const { heading = `Your ${modifiedZoneType} has no fields yet`, action } =
-    props;
+  const {
+    zoneType,
+    heading = `Your ${zoneType} has no fields yet`,
+    action,
+  } = props;
 
   return (
     <div className={styles.root}>