yext · colton-demetriou · Nov 12, 2025 · Nov 12, 2025 · Nov 12, 2025 · Nov 12, 2025
diff --git a/packages/visual-editor/src/components/footer/CopyrightMessageSlot.tsx b/packages/visual-editor/src/components/footer/CopyrightMessageSlot.tsx
@@ -6,23 +6,22 @@ import {
   useDocument,
   resolveComponentData,
   TranslatableString,
-  YextEntityField,
-  EntityField,
-  pt,
   Body,
 } from "@yext/visual-editor";
 import { useTranslation } from "react-i18next";
 
 export interface CopyrightMessageSlotProps {
   data: {
-    text: YextEntityField<TranslatableString>;
+    text: TranslatableString;
   };
+  /** @internal */
+  alignment?: "left" | "right";
 }
 
 const CopyrightMessageSlotInternal: PuckComponent<CopyrightMessageSlotProps> = (
   props
 ) => {
-  const { data, puck } = props;
+  const { data, puck, alignment = "left" } = props;
   const streamDocument = useDocument();
   const { i18n } = useTranslation();
 
@@ -33,15 +32,16 @@ const CopyrightMessageSlotInternal: PuckComponent<CopyrightMessageSlotProps> = (
   );
 
   return resolvedText ? (
-    <EntityField
-      displayName={pt("copyrightMessage", "Copyright Message")}
-      fieldId={data.text.field}
-      constantValueEnabled={data.text.constantValueEnabled}
+    <Body
+      variant="xs"
+      className={
+        alignment === "right"
+          ? "text-center md:text-right"
+          : "text-center md:text-left"
+      }
     >
-      <Body variant="xs" className="text-center md:text-left">
-        {resolvedText}
-      </Body>
-    </EntityField>
+      {resolvedText}
+    </Body>
   ) : puck.isEditing ? (
     <div className="h-[20px] min-w-[100px]" />
   ) : (
@@ -52,9 +52,8 @@ const CopyrightMessageSlotInternal: PuckComponent<CopyrightMessageSlotProps> = (
 export const defaultCopyrightMessageSlotProps: CopyrightMessageSlotProps = {
   data: {
     text: {
-      field: "",
-      constantValue: { en: "", hasLocalizedValue: "true" },
-      constantValueEnabled: true,
+      en: "",
+      hasLocalizedValue: "true",
     },
   },
 };

diff --git a/packages/visual-editor/src/components/footer/ExpandedFooter.test.tsx b/packages/visual-editor/src/components/footer/ExpandedFooter.test.tsx
@@ -680,6 +680,7 @@ const tests: ComponentTest[] = [
                           constantValueEnabled: true,
                         },
                       },
+                      alignment: "left",
                     },
                   },
                 ],
@@ -888,6 +889,7 @@ const tests: ComponentTest[] = [
                           constantValueEnabled: true,
                         },
                       },
+                      alignment: "right",
                     },
                   },
                 ],
@@ -1041,6 +1043,7 @@ const tests: ComponentTest[] = [
                           constantValueEnabled: true,
                         },
                       },
+                      alignment: "right",
                     },
                   },
                 ],

diff --git a/packages/visual-editor/src/components/footer/FooterLinksSlot.tsx b/packages/visual-editor/src/components/footer/FooterLinksSlot.tsx
@@ -44,8 +44,8 @@ const FooterLinksSlotInternal: PuckComponent<FooterLinksSlotProps> = (
 
   const secondaryItemsAlignment =
     variant === "secondary" && alignment === "right"
-      ? "md:items-end"
-      : "md:items-start";
+      ? "md:justify-end"
+      : "md:justify-start";
 
   return (
     <div

diff --git a/packages/visual-editor/src/components/footer/SecondaryFooterSlot.tsx b/packages/visual-editor/src/components/footer/SecondaryFooterSlot.tsx
@@ -124,7 +124,7 @@ const SecondaryFooterSlotWrapper: PuckComponent<SecondaryFooterSlotProps> = ({
   puck,
 }) => {
   const { show } = data;
-  const { backgroundColor, linksAlignment } = styles;
+  const { backgroundColor } = styles;
   const { t } = useTranslation();
 
   // In edit mode, show minimal clickable placeholder when hidden
@@ -158,11 +158,7 @@ const SecondaryFooterSlotWrapper: PuckComponent<SecondaryFooterSlotProps> = ({
       className={`flex flex-col gap-5`}
     >
       <slots.SecondaryLinksWrapperSlot style={{ height: "auto" }} allow={[]} />
-      <div
-        className={`text-center ${linksAlignment === "left" ? "md:text-left" : "md:text-right"}`}
-      >
-        <slots.CopyrightSlot style={{ height: "auto" }} allow={[]} />
-      </div>
+      <slots.CopyrightSlot style={{ height: "auto" }} allow={[]} />
     </PageSection>
   );
 };
@@ -246,6 +242,22 @@ export const SecondaryFooterSlot: ComponentConfig<{
         }));
     }
 
+    // Pass alignment to CopyrightSlot based on parent styles
+    if (
+      data?.props?.slots?.CopyrightSlot &&
+      Array.isArray(data.props.slots.CopyrightSlot)
+    ) {
+      data.props.slots.CopyrightSlot = data.props.slots.CopyrightSlot.map(
+        (slot: any) => ({
+          ...slot,
+          props: {
+            ...slot.props,
+            alignment: secondaryLinksAlignment,
+          },
+        })
+      );
+    }
+
     return {
       ...data,
       props: {

diff --git a/packages/visual-editor/src/components/migrations/0041_expanded_footer_slots.ts b/packages/visual-editor/src/components/migrations/0041_expanded_footer_slots.ts
@@ -171,6 +171,7 @@ export const expandedFooterSlots: Migration = {
                             constantValueEnabled: true,
                           },
                         },
+                        alignment: secondaryLinksAlignment,
                       },
                     },
                   ],

diff --git a/...ts/testing/screenshots/ExpandedFooter/[desktop] version 10 props - expanded.png b/...ts/testing/screenshots/ExpandedFooter/[desktop] version 10 props - expanded.png
diff --git a/...ts/testing/screenshots/ExpandedFooter/[desktop] version 20 props - expanded.png b/...ts/testing/screenshots/ExpandedFooter/[desktop] version 20 props - expanded.png
diff --git a/...eenshots/ExpandedFooter/[desktop] version 41 props - expanded with all data.png b/...eenshots/ExpandedFooter/[desktop] version 41 props - expanded with all data.png
diff --git a/...nts/testing/screenshots/ExpandedFooter/[tablet] version 10 props - expanded.png b/...nts/testing/screenshots/ExpandedFooter/[tablet] version 10 props - expanded.png
diff --git a/...nts/testing/screenshots/ExpandedFooter/[tablet] version 20 props - expanded.png b/...nts/testing/screenshots/ExpandedFooter/[tablet] version 20 props - expanded.png
diff --git a/...reenshots/ExpandedFooter/[tablet] version 41 props - expanded with all data.png b/...reenshots/ExpandedFooter/[tablet] version 41 props - expanded with all data.png
diff --git a/...hots/StaticMapSection/[mobile] default props with coordinate - with api key.png b/...hots/StaticMapSection/[mobile] default props with coordinate - with api key.png
diff --git a/packages/visual-editor/src/docs/components.md b/packages/visual-editor/src/docs/components.md
@@ -95,9 +95,9 @@ If 'true', the component is visible on the live page; if 'false', it's hidden.
 
 #### Other Props
 
-| Prop   | Type                                             | Description | Default |
-| :----- | :----------------------------------------------- | :---------- | :------ |
-| `data` | `{ text: YextEntityField<TranslatableString>; }` |             |         |
+| Prop   | Type                            | Description | Default |
+| :----- | :------------------------------ | :---------- | :------ |
+| `data` | `{ text: TranslatableString; }` |             |         |
 
 ---
-Original file line number
+Diff line change
@@ Expand Up / @@ -171,6 +171,7 @@ export const expandedFooterSlots: Migration = { @@
                                 constantValueEnabled: true,
                               },
                             },
+                            alignment: secondaryLinksAlignment,
                           },
                         },
                       ],
@@ Expand Down @@