feat: add heading text slot

packages/visual-editor/locales/en/visual-editor.json

@@ -41,6 +41,9 @@
   "callToActions": "Call to Actions",
   "cancel": "Cancel",
   "categories": {
+    "coreInformation": "Core Information",
+    "directory": "Directory",
+    "locator": "Locator",
     "other": "OTHER",
     "pageSections": "PAGE SECTIONS"
   },

packages/visual-editor/src/components/categories/SlotsCategory.tsx

@@ -0,0 +1,23 @@
+import {
+  HeadingTextProps,
+  HeadingText,
+} from "../contentBlocks/HeadingText.tsx";
+
+export interface SlotsCategoryProps {
+  HeadingTextSlot: HeadingTextProps;
+}
+
+const lockedPermissions = {
+  delete: false,
+  drag: false,
+  duplicate: false,
+  insert: false,
+};
+
+export const SlotsCategoryComponents = {
+  HeadingTextSlot: { ...HeadingText, permissions: lockedPermissions },
+};
+
+export const SlotsCategory = Object.keys(
+  SlotsCategoryComponents
+) as (keyof SlotsCategoryProps)[];

packages/visual-editor/src/components/categories/index.ts

@@ -4,3 +4,4 @@ export * from "./LocatorCategory";
 export * from "./OtherCategory";
 export * from "./PageSectionCategory";
 export * from "./DeprecatedCategory";
+export * from "./SlotsCategory";

packages/visual-editor/src/components/configs/directoryConfig.tsx

@@ -1,4 +1,5 @@
 import { Config, DropZone } from "@measured/puck";
+import { msg } from "@yext/visual-editor";
 import {
   DeprecatedCategory,
   DeprecatedCategoryComponents,
@@ -29,7 +30,7 @@ export const directoryConfig: Config<DirectoryConfigProps> = {
   },
   categories: {
     directoryComponents: {
-      title: "Directory",
+      title: msg("categories.directory", "Directory"),
       components: [...DirectoryCategory, ...OtherCategory],
     },
     // deprecated components are hidden in the sidebar but still render if used in the page

packages/visual-editor/src/components/configs/locatorConfig.tsx

@@ -1,4 +1,5 @@
 import { Config, DropZone } from "@measured/puck";
+import { msg } from "@yext/visual-editor";
 import {
   DeprecatedCategory,
   DeprecatedCategoryComponents,
@@ -29,7 +30,7 @@ export const locatorConfig: Config<LocatorConfigProps> = {
   },
   categories: {
     locatorComponents: {
-      title: "Locator",
+      title: msg("categories.locator", "Locator"),
       components: [...LocatorCategory, ...OtherCategory],
     },
     // deprecated components are hidden in the sidebar but still render if used in the page

packages/visual-editor/src/components/configs/mainConfig.tsx

@@ -1,4 +1,5 @@
 import { DropZone, Config } from "@measured/puck";
+import { msg } from "@yext/visual-editor";
 import {
   DeprecatedCategory,
   DeprecatedCategoryComponents,
@@ -19,36 +20,47 @@ import {
   AdvancedCoreInfoCategoryComponents,
   type AdvancedCoreInfoCategoryProps,
 } from "../categories/AdvancedCoreInfoCategory";
+import {
+  SlotsCategory,
+  SlotsCategoryComponents,
+  SlotsCategoryProps,
+} from "../categories";
 
 export interface MainConfigProps
   extends PageSectionCategoryProps,
     DeprecatedCategoryProps,
     OtherCategoryProps,
-    AdvancedCoreInfoCategoryProps {}
+    AdvancedCoreInfoCategoryProps,
+    SlotsCategoryProps {}
 
 const components: Config<MainConfigProps>["components"] = {
   ...PageSectionCategoryComponents,
   ...DeprecatedCategoryComponents,
   ...OtherCategoryComponents,
   ...AdvancedCoreInfoCategoryComponents,
+  ...SlotsCategoryComponents,
 };
 
 // The config used for base entities (locations, financial professionals, etc.)
 export const mainConfig: Config<MainConfigProps> = {
   components,
   categories: {
     pageSections: {
-      title: "Page Sections",
+      title: msg("categories.pageSections", "Page Sections"),
       components: PageSectionCategory,
     },
     coreInformation: {
-      title: "Core Information",
+      title: msg("categories.coreInformation", "Core Information"),
       components: AdvancedCoreInfoCategory,
     },
     other: {
-      title: "Other",
+      title: msg("categories.other", "Other"),
       components: OtherCategory,
     },
+    slots: {
+      components: SlotsCategory,
+      visible: false,
+    },
     // deprecated components are hidden in the sidebar but still render if used in the page
     deprecatedComponents: {
       visible: false,