@levo-so/blocks 0.1.59 → 0.1.61

package/src/blocks/cta/cta-3.schema.ts

@@ -1,5 +1,58 @@
 import type { IBlock } from "@levo-so/studio";
 
+const MEDIA_1 = {
+  id: "LkpWHvjcG1ck",
+  filename: "cta-3-1.png",
+  kind: "image",
+  location: "https://static.levocdn.com/WLZ1TXTD/cta-3-1-uY2rYb6tAqPb.png",
+  srcset: {
+    "1080w": "https://static.levocdn.com/WLZ1TXTD/cta-3-1-uY2rYb6tAqPb-1080w.webp",
+    "1200w": "https://static.levocdn.com/WLZ1TXTD/cta-3-1-uY2rYb6tAqPb-1200w.webp",
+    "1920w": "https://static.levocdn.com/WLZ1TXTD/cta-3-1-uY2rYb6tAqPb-1920w.webp",
+    "320w": "https://static.levocdn.com/WLZ1TXTD/cta-3-1-uY2rYb6tAqPb-320w.webp",
+    "640w": "https://static.levocdn.com/WLZ1TXTD/cta-3-1-uY2rYb6tAqPb-640w.webp",
+    "750w": "https://static.levocdn.com/WLZ1TXTD/cta-3-1-uY2rYb6tAqPb-750w.webp",
+    "828w": "https://static.levocdn.com/WLZ1TXTD/cta-3-1-uY2rYb6tAqPb-828w.webp",
+    path: "https://static.levocdn.com/WLZ1TXTD/cta-3-1-uY2rYb6tAqPb-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/cta-3-1-uY2rYb6tAqPb-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/cta-3-1-uY2rYb6tAqPb-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/cta-3-1-uY2rYb6tAqPb-1920w.webp 1920w, https://static.levocdn.com/WLZ1TXTD/cta-3-1-uY2rYb6tAqPb-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/cta-3-1-uY2rYb6tAqPb-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/cta-3-1-uY2rYb6tAqPb-750w.webp 750w",
+  },
+  mimetype: "image/png",
+};
+const MEDIA_2 = {
+  id: "c2uCaNTtxjtt",
+  filename: "cta-3-2.png",
+  kind: "image",
+  location: "https://static.levocdn.com/WLZ1TXTD/cta-3-2-gVHmJuqJAdB6.png",
+  srcset: {
+    "1080w": "https://static.levocdn.com/WLZ1TXTD/cta-3-2-gVHmJuqJAdB6-1080w.webp",
+    "1200w": "https://static.levocdn.com/WLZ1TXTD/cta-3-2-gVHmJuqJAdB6-1200w.webp",
+    "1920w": "https://static.levocdn.com/WLZ1TXTD/cta-3-2-gVHmJuqJAdB6-1920w.webp",
+    "320w": "https://static.levocdn.com/WLZ1TXTD/cta-3-2-gVHmJuqJAdB6-320w.webp",
+    "640w": "https://static.levocdn.com/WLZ1TXTD/cta-3-2-gVHmJuqJAdB6-640w.webp",
+    "750w": "https://static.levocdn.com/WLZ1TXTD/cta-3-2-gVHmJuqJAdB6-750w.webp",
+    "828w": "https://static.levocdn.com/WLZ1TXTD/cta-3-2-gVHmJuqJAdB6-828w.webp",
+    path: "https://static.levocdn.com/WLZ1TXTD/cta-3-2-gVHmJuqJAdB6-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/cta-3-2-gVHmJuqJAdB6-1920w.webp 1920w, https://static.levocdn.com/WLZ1TXTD/cta-3-2-gVHmJuqJAdB6-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/cta-3-2-gVHmJuqJAdB6-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/cta-3-2-gVHmJuqJAdB6-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/cta-3-2-gVHmJuqJAdB6-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/cta-3-2-gVHmJuqJAdB6-1080w.webp 1080w",
+  },
+  mimetype: "image/png",
+};
+
+const MEDIA_3_BG = {
+  id: "vxmBzMsi6qi6",
+  filename: "cta-3-BG-image.png",
+  kind: "image",
+  location: "https://static.levocdn.com/WLZ1TXTD/cta-3-BG-image-iPDGfZlgfo3g.png",
+  srcset: {
+    "1080w": "https://static.levocdn.com/WLZ1TXTD/cta-3-BG-image-iPDGfZlgfo3g-1080w.webp",
+    "1200w": "https://static.levocdn.com/WLZ1TXTD/cta-3-BG-image-iPDGfZlgfo3g-1200w.webp",
+    "1920w": "https://static.levocdn.com/WLZ1TXTD/cta-3-BG-image-iPDGfZlgfo3g-1920w.webp",
+    "320w": "https://static.levocdn.com/WLZ1TXTD/cta-3-BG-image-iPDGfZlgfo3g-320w.webp",
+    "640w": "https://static.levocdn.com/WLZ1TXTD/cta-3-BG-image-iPDGfZlgfo3g-640w.webp",
+    "750w": "https://static.levocdn.com/WLZ1TXTD/cta-3-BG-image-iPDGfZlgfo3g-750w.webp",
+    "828w": "https://static.levocdn.com/WLZ1TXTD/cta-3-BG-image-iPDGfZlgfo3g-828w.webp",
+    path: "https://static.levocdn.com/WLZ1TXTD/cta-3-BG-image-iPDGfZlgfo3g-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/cta-3-BG-image-iPDGfZlgfo3g-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/cta-3-BG-image-iPDGfZlgfo3g-1920w.webp 1920w, https://static.levocdn.com/WLZ1TXTD/cta-3-BG-image-iPDGfZlgfo3g-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/cta-3-BG-image-iPDGfZlgfo3g-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/cta-3-BG-image-iPDGfZlgfo3g-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/cta-3-BG-image-iPDGfZlgfo3g-640w.webp 640w",
+  },
+  mimetype: "image/png",
+};
+
 const DEFAULT_CONTENT = {
   layout: null,
   container: null,
@@ -10,54 +63,10 @@ const DEFAULT_CONTENT = {
   ctas: [{ button: "Contact Us" }],
   images: [
     {
-      image: {
-        id: "left-fitness-image",
-        location: "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH.png",
-        kind: "image",
-        mimetype: "image/png",
-        srcset: {
-          "1080w":
-            "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1080w.webp",
-          "1200w":
-            "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1200w.webp",
-          "1920w":
-            "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1920w.webp",
-          "320w":
-            "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-320w.webp",
-          "640w":
-            "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-640w.webp",
-          "750w":
-            "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-750w.webp",
-          "828w":
-            "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-828w.webp",
-          path: "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-640w.webp 640w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1080w.webp 1080w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1200w.webp 1200w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1920w.webp 1920w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-320w.webp 320w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-750w.webp 750w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-828w.webp 828w",
-        },
-      },
+      image: MEDIA_1,
     },
     {
-      image: {
-        id: "left-fitness-image",
-        location: "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH.png",
-        kind: "image",
-        mimetype: "image/png",
-        srcset: {
-          "1080w":
-            "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1080w.webp",
-          "1200w":
-            "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1200w.webp",
-          "1920w":
-            "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1920w.webp",
-          "320w":
-            "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-320w.webp",
-          "640w":
-            "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-640w.webp",
-          "750w":
-            "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-750w.webp",
-          "828w":
-            "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-828w.webp",
-          path: "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-640w.webp 640w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1080w.webp 1080w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1200w.webp 1200w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1920w.webp 1920w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-320w.webp 320w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-750w.webp 750w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-828w.webp 828w",
-        },
-      },
+      image: MEDIA_2,
     },
   ],
 };
@@ -91,7 +100,7 @@ export const Cta3: IBlock = {
       label: "Left Content",
       field_interface: "BoxWidget",
     },
-    { key: "title", label: "Title", field_interface: "TypographyWidget" },
+    { key: "title", label: "Title", field_interface: "HeadingWidget" },
     {
       key: "description",
       label: "Description",
@@ -102,18 +111,14 @@ export const Cta3: IBlock = {
       label: "CTAs",
       kind: "group",
       field_interface: "BoxWidget",
-      fields: [
-        { key: "button", label: "Button", field_interface: "ButtonWidget" },
-      ],
+      fields: [{ key: "button", label: "Button", field_interface: "ButtonWidget" }],
     },
     {
       key: "images",
       label: "Images",
       kind: "group",
       field_interface: "BoxWidget",
-      fields: [
-        { key: "image", label: "Image", field_interface: "ImageWidget" },
-      ],
+      fields: [{ key: "image", label: "Image", field_interface: "ImageWidget" }],
     },
   ],
   layouts: [
@@ -121,10 +126,7 @@ export const Cta3: IBlock = {
       key: "default",
       title: "Default",
       styles: {
-        layout: {
-          "padding-top": "3xl",
-          "padding-bottom": "3xl",
-        },
+        layout: {},
         container: {
           display: "grid",
           "grid-template-columns": "1fr 1fr",
@@ -137,9 +139,7 @@ export const Cta3: IBlock = {
           "row-gap": "lg",
         },
         title: {
-          "font-size": "3xl",
-          "font-weight": "700",
-          color: "text-1",
+          "font-weight": 700,
         },
         cta_wrapper: {
           display: "flex",
@@ -159,17 +159,20 @@ export const Cta3: IBlock = {
         },
       },
       content: DEFAULT_CONTENT,
-      config: {},
+      config: {
+        title: {
+          selectedVariants: {
+            Heading_Level: "H4",
+          },
+        },
+      },
     },
     {
       key: "cta-wth-bg-img  ",
       title: "CTA with Background Image",
       styles: {
         layout: {
-          "padding-top": "3xl",
-          "padding-bottom": "3xl",
-          "background-image":
-            'url("https://static.levostg.online/W6OEVMW8/defaultblue-tryFJ012mgyH-1920w-pKkeQlte7lkYh.webp")',
+          "background-image": `url(${MEDIA_3_BG.location})`,
           "background-position": "50% 50%",
           "background-size": "cover",
         },
@@ -185,9 +188,7 @@ export const Cta3: IBlock = {
           "row-gap": "lg",
         },
         title: {
-          "font-size": "3xl",
-          "font-weight": "700",
-          color: "text-1",
+          "font-weight": 700,
         },
         cta_wrapper: {
           display: "flex",
@@ -205,12 +206,16 @@ export const Cta3: IBlock = {
           height: "300px",
           width: "300px",
         },
-        description: {
-          display: "none",
-        },
+        description: {},
       },
       content: DEFAULT_CONTENT_2,
-      config: {},
+      config: {
+        title: {
+          selectedVariants: {
+            Heading_Level: "H4",
+          },
+        },
+      },
     },
   ],
 };

package/src/blocks/cta/cta-3.tsx

@@ -3,10 +3,10 @@ import {
   Button,
   Container,
   Heading,
+  type ILevoBlockBaseProps,
   Image,
   Section,
   Typography,
-  type ILevoBlockBaseProps,
 } from "@levo-so/studio";
 
 import type { ICta3Content } from "./cta-3.schema";
@@ -21,11 +21,7 @@ const Cta3: React.FC<ILevoBlockBaseProps<ICta3Content>> = ({ content }) => (
 
         <Box elementKey="ctas_levoGroup" data-levo_group>
           {(content?.ctas ?? []).map((_, index: number) => (
-            <Button
-              key={`cta-${index}`}
-              data-levo_group_item
-              elementKey={`ctas.${index}.button`}
-            />
+            <Button key={`cta-${index}`} data-levo_group_item elementKey={`ctas.${index}.button`} />
           ))}
         </Box>
       </Box>

package/src/blocks/embed/embed-1.schema.ts

@@ -3,11 +3,18 @@ import type { IBlock } from "@levo-so/studio";
 const DEFAULT_CONTENT = {
   layout: null,
   container: null,
-
   contentWrapper: null,
   title: "Check out this amazing content",
   description: "We've got something special to share with you. Take a look!",
   embed: "",
+  ctas: [
+    {
+      cta: "Learn More",
+    },
+    {
+      cta: "Explore",
+    },
+  ],
 };
 const DEFAULT_CONTENT_2 = {
   layout: null,
@@ -89,24 +96,7 @@ export const Embed1: IBlock = {
       key: "default",
       title: "Default",
       styles: {
-        layout: {
-          "padding-left": "8xl",
-          "padding-right": "8xl",
-          "padding-top": "8xl",
-          "padding-bottom": "8xl",
-          tablet: {
-            "padding-left": "4xl",
-            "padding-right": "4xl",
-            "padding-top": "4xl",
-            "padding-bottom": "4xl",
-          },
-          mobile: {
-            "padding-left": "lg",
-            "padding-right": "lg",
-            "padding-top": "lg",
-            "padding-bottom": "lg",
-          },
-        },
+        layout: {},
         container: {
           display: "flex",
           "align-items": "center",
@@ -154,38 +144,28 @@ export const Embed1: IBlock = {
           "row-gap": "4xs",
           "align-items": "center",
         },
+        title: {},
+        ctas_levoGroup: {
+          display: "flex",
+          "column-gap": "xl",
+          "flex-direction": "row",
+          "justify-content": "center",
+        },
+      },
+      content: DEFAULT_CONTENT,
+      config: {
         title: {
-          "font-size": "4xl",
-          mobile: {
-            "font-size": "2xl",
+          selectedVariants: {
+            Heading_Level: "H2",
           },
         },
       },
-      content: DEFAULT_CONTENT,
-      config: {},
     },
     {
       key: "variant-1",
       title: "Variant 1",
       styles: {
-        layout: {
-          "padding-left": "8xl",
-          "padding-right": "8xl",
-          "padding-top": "8xl",
-          "padding-bottom": "8xl",
-          tablet: {
-            "padding-left": "4xl",
-            "padding-right": "4xl",
-            "padding-top": "4xl",
-            "padding-bottom": "4xl",
-          },
-          mobile: {
-            "padding-left": "lg",
-            "padding-right": "lg",
-            "padding-top": "lg",
-            "padding-bottom": "lg",
-          },
-        },
+        layout: {},
         container: {
           display: "flex",
           "justify-content": "space-between",
@@ -199,7 +179,6 @@ export const Embed1: IBlock = {
             "row-gap": "base",
             "padding-top": "base",
           },
-          "max-width": "auto",
           "background-color": "background-3",
         },
         embed: {
@@ -235,19 +214,18 @@ export const Embed1: IBlock = {
           "flex-direction": "column",
           "row-gap": "4xs",
         },
+        title: {},
+        description: {},
+      },
+
+      content: DEFAULT_CONTENT_2,
+      config: {
         title: {
-          "font-size": "4xl",
-          mobile: {
-            "font-size": "2xl",
+          selectedVariants: {
+            Heading_Level: "H2",
           },
         },
-        description: {
-          "line-height": 1.625,
-        },
       },
-
-      content: DEFAULT_CONTENT_2,
-      config: {},
     },
   ],
 };

package/src/blocks/embed/embed-1.tsx

@@ -1,13 +1,5 @@
 import type { ILevoBlockBaseProps } from "@levo-so/studio";
-import {
-  Box,
-  Button,
-  Heading,
-  Iframe,
-  Section,
-  Typography,
-  Container,
-} from "@levo-so/studio";
+import { Box, Button, Container, Heading, Iframe, Section, Typography } from "@levo-so/studio";
 
 import type { IEmbed1Content } from "./embed-1.schema";
 

package/src/blocks/event/ClientOnly.tsx

@@ -9,10 +9,7 @@ interface IClientOnlyProps {
  * Component that renders its children on the client side only to prevent hydration mismatches.
  * Useful for content that differs between server and client (e.g., dates with timezone, localStorage-dependent content).
  */
-export const ClientOnly: React.FC<IClientOnlyProps> = ({
-  children,
-  fallback = null,
-}) => {
+export const ClientOnly: React.FC<IClientOnlyProps> = ({ children, fallback = null }) => {
   const [mounted, setMounted] = useState(false);
 
   useEffect(() => {

package/src/blocks/event/event-details.schema.ts

@@ -18,19 +18,14 @@ const DEFAULT_CONTENT = {
   "hero-card": null,
   "hero-image": {
     id: "event-hero-image",
-    location:
-      "https://images.unsplash.com/photo-1540575467063-178a50c2df87?w=800&h=400&fit=crop",
+    location: "https://images.unsplash.com/photo-1540575467063-178a50c2df87?w=800&h=400&fit=crop",
     kind: "image",
     mimetype: "image/jpeg",
     srcset: {
-      "320w":
-        "https://images.unsplash.com/photo-1540575467063-178a50c2df87?w=320&h=200&fit=crop",
-      "640w":
-        "https://images.unsplash.com/photo-1540575467063-178a50c2df87?w=640&h=320&fit=crop",
-      "800w":
-        "https://images.unsplash.com/photo-1540575467063-178a50c2df87?w=800&h=400&fit=crop",
-      "1200w":
-        "https://images.unsplash.com/photo-1540575467063-178a50c2df87?w=1200&h=600&fit=crop",
+      "320w": "https://images.unsplash.com/photo-1540575467063-178a50c2df87?w=320&h=200&fit=crop",
+      "640w": "https://images.unsplash.com/photo-1540575467063-178a50c2df87?w=640&h=320&fit=crop",
+      "800w": "https://images.unsplash.com/photo-1540575467063-178a50c2df87?w=800&h=400&fit=crop",
+      "1200w": "https://images.unsplash.com/photo-1540575467063-178a50c2df87?w=1200&h=600&fit=crop",
       path: "https://images.unsplash.com/photo-1540575467063-178a50c2df87?w=320&h=200&fit=crop 320w, https://images.unsplash.com/photo-1540575467063-178a50c2df87?w=640&h=320&fit=crop 640w, https://images.unsplash.com/photo-1540575467063-178a50c2df87?w=800&h=400&fit=crop 800w, https://images.unsplash.com/photo-1540575467063-178a50c2df87?w=1200&h=600&fit=crop 1200w",
     },
   },
@@ -85,6 +80,8 @@ export type IEventDetailsContent = typeof DEFAULT_CONTENT & {
   ends_at?: string;
   kind?: string;
   timing?: string;
+  id?: string;
+  external_ticketing?: string;
 };
 
 export const EventDetails: IBlock = {
@@ -136,8 +133,7 @@ export const EventDetails: IBlock = {
       label: "Hero Image",
       field_interface: "ImageWidget",
       hint: {
-        prompt_description:
-          "Main event cover image showcasing the event theme or venue.",
+        prompt_description: "Main event cover image showcasing the event theme or venue.",
       },
     },
     {
@@ -154,8 +150,7 @@ export const EventDetails: IBlock = {
       label: "Event Title",
       field_interface: "HeadingWidget",
       hint: {
-        prompt_description:
-          "Main event title that clearly describes the event name and purpose.",
+        prompt_description: "Main event title that clearly describes the event name and purpose.",
         min_characters: 20,
         max_characters: 60,
       },
@@ -174,8 +169,7 @@ export const EventDetails: IBlock = {
       label: "Start Date Wrapper",
       field_interface: "BoxWidget",
       hint: {
-        prompt_description:
-          "Container for start date information. No content generation required.",
+        prompt_description: "Container for start date information. No content generation required.",
       },
     },
     {
@@ -199,13 +193,17 @@ export const EventDetails: IBlock = {
       label: "Event ID",
       field_interface: "TypographyWidget",
     },
+    {
+      key: "external_ticketing",
+      label: "External Ticketing URL",
+      field_interface: "TypographyWidget",
+    },
     {
       key: "end-date-wrapper",
       label: "End Date Wrapper",
       field_interface: "BoxWidget",
       hint: {
-        prompt_description:
-          "Container for end date information. No content generation required.",
+        prompt_description: "Container for end date information. No content generation required.",
       },
     },
     {
@@ -229,8 +227,7 @@ export const EventDetails: IBlock = {
       label: "Time Wrapper",
       field_interface: "BoxWidget",
       hint: {
-        prompt_description:
-          "Container for time range information. No content generation required.",
+        prompt_description: "Container for time range information. No content generation required.",
       },
     },
     {
@@ -254,8 +251,7 @@ export const EventDetails: IBlock = {
       label: "Kind Wrapper",
       field_interface: "BoxWidget",
       hint: {
-        prompt_description:
-          "Container for event kind information. No content generation required.",
+        prompt_description: "Container for event kind information. No content generation required.",
       },
     },
     {
@@ -271,8 +267,7 @@ export const EventDetails: IBlock = {
       label: "Event Kind",
       field_interface: "TypographyWidget",
       hint: {
-        prompt_description:
-          "Type or category of the event (e.g., Conference, Workshop).",
+        prompt_description: "Type or category of the event (e.g., Conference, Workshop).",
         min_characters: 5,
         max_characters: 20,
       },
@@ -434,8 +429,7 @@ export const EventDetails: IBlock = {
       label: "Email Field",
       field_interface: "BoxWidget",
       hint: {
-        prompt_description:
-          "Container for email contact field. No content generation required.",
+        prompt_description: "Container for email contact field. No content generation required.",
       },
     },
     {
@@ -451,8 +445,7 @@ export const EventDetails: IBlock = {
       label: "Contact Email",
       field_interface: "TypographyWidget",
       hint: {
-        prompt_description:
-          "Professional email address for event inquiries and contact.",
+        prompt_description: "Professional email address for event inquiries and contact.",
         min_characters: 15,
         max_characters: 40,
       },
@@ -462,8 +455,7 @@ export const EventDetails: IBlock = {
       label: "Phone Field",
       field_interface: "BoxWidget",
       hint: {
-        prompt_description:
-          "Container for phone contact field. No content generation required.",
+        prompt_description: "Container for phone contact field. No content generation required.",
       },
     },
     {
@@ -479,8 +471,7 @@ export const EventDetails: IBlock = {
       label: "Contact Phone",
       field_interface: "TypographyWidget",
       hint: {
-        prompt_description:
-          "Professional phone number for event inquiries and contact.",
+        prompt_description: "Professional phone number for event inquiries and contact.",
         min_characters: 12,
         max_characters: 20,
       },

package/src/blocks/event/event-details.tsx

@@ -5,45 +5,34 @@ import {
   Heading,
   Icon,
   Image,
+  RegisterModal,
   Section,
   Typography,
-  RegisterModal,
 } from "@levo-so/studio";
 import dayjs from "dayjs";
 
-import type { IEventDetailsContent } from "./event-details.schema";
 import { ClientOnly } from "./ClientOnly";
+import type { IEventDetailsContent } from "./event-details.schema";
 
-const EventDetails: React.FC<ILevoBlockBaseProps<IEventDetailsContent>> = ({
-  content,
-}) => (
+const EventDetails: React.FC<ILevoBlockBaseProps<IEventDetailsContent>> = ({ content }) => (
   <Section elementKey="layout">
     <Container elementKey="container">
       <Box elementKey="main-wrapper">
         <Box elementKey="hero-card">
-          <Image
-            elementKey="hero-image"
-            alt="Event cover image"
-            width={800}
-            height={400}
-          />
+          <Image elementKey="hero-image" alt="Event cover image" width={800} height={400} />
           <Box elementKey="hero-content">
             <Heading elementKey="title" />
             <Box elementKey="event-info">
               <Box elementKey="start-date-wrapper">
                 <Icon elementKey="date-icon" />
                 <Typography elementKey="starts_at">
-                  <ClientOnly>
-                    {dayjs(content?.starts_at).format("MMM D, YYYY")}
-                  </ClientOnly>
+                  <ClientOnly>{dayjs(content?.starts_at).format("MMM D, YYYY")}</ClientOnly>
                 </Typography>
               </Box>
               <Box elementKey="end-date-wrapper">
                 <Icon elementKey="end-date-icon" />
                 <Typography elementKey="ends_at">
-                  <ClientOnly>
-                    {dayjs(content?.ends_at).format("MMM D, YYYY")}
-                  </ClientOnly>
+                  <ClientOnly>{dayjs(content?.ends_at).format("MMM D, YYYY")}</ClientOnly>
                 </Typography>
               </Box>
               <Box elementKey="time-wrapper">
@@ -56,15 +45,11 @@ const EventDetails: React.FC<ILevoBlockBaseProps<IEventDetailsContent>> = ({
               </Box>
               <Box elementKey="kind-wrapper">
                 <Icon elementKey="kind-icon" />
-                <Typography elementKey="kind">
-                  {content?.kind?.replace(/_/g, " ")}
-                </Typography>
+                <Typography elementKey="kind">{content?.kind?.replace(/_/g, " ")}</Typography>
               </Box>
               <Box elementKey="timing-wrapper">
                 <Icon elementKey="timing-icon" />
-                <Typography elementKey="timing">
-                  {content?.timing?.replace(/_/g, " ")}
-                </Typography>
+                <Typography elementKey="timing">{content?.timing?.replace(/_/g, " ")}</Typography>
               </Box>
             </Box>
           </Box>
@@ -76,6 +61,7 @@ const EventDetails: React.FC<ILevoBlockBaseProps<IEventDetailsContent>> = ({
               <RegisterModal
                 eventID={content?.id as string}
                 title={content?.title}
+                external={content?.external_ticketing}
               />
             ) : null}
             <Typography elementKey="description" />