@levo-so/blocks 0.1.75 → 0.1.77

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

@@ -178,14 +178,13 @@ export const Content3: IBlock = {
           "margin-bottom": "48px",
           tablet: {
             "margin-bottom": "32px",
-            filter: "none",
+
             "flex-direction": "column",
           },
           mobile: {
             "margin-bottom": "24px",
-            filter: "none",
           },
-          filter: "none",
+
           display: "flex",
           "justify-content": "space-between",
           "align-items": "center",
@@ -244,7 +243,7 @@ export const Content3: IBlock = {
               color: "text-1",
               mobile: {
                 "font-size": "sm",
-                filter: "none",
+
                 width: "fit-content",
               },
             },
@@ -253,7 +252,7 @@ export const Content3: IBlock = {
               display: "flex",
               "flex-direction": "row",
               "row-gap": "12px",
-              filter: "none",
+
               "justify-content": "space-between",
               "align-items": "center",
             },
@@ -276,7 +275,7 @@ export const Content3: IBlock = {
               mobile: {
                 "font-size": "14px",
               },
-              filter: "none",
+
               display: "none",
             },
             ctas_levoGroup: {
@@ -289,7 +288,7 @@ export const Content3: IBlock = {
               },
               mobile: {
                 "font-size": "12px",
-                filter: "none",
+
                 "flex-direction": "column",
               },
             },
@@ -298,7 +297,6 @@ export const Content3: IBlock = {
               width: "100%",
               height: "1px",
               "background-color": "var(--color-border)",
-              filter: "none",
             },
           },
           {
@@ -337,7 +335,7 @@ export const Content3: IBlock = {
               color: "text-1",
               mobile: {
                 "font-size": "sm",
-                filter: "none",
+
                 width: "fit-content",
               },
             },
@@ -346,7 +344,7 @@ export const Content3: IBlock = {
               display: "flex",
               "flex-direction": "row",
               "row-gap": "12px",
-              filter: "none",
+
               "justify-content": "space-between",
               "align-items": "center",
             },
@@ -369,7 +367,7 @@ export const Content3: IBlock = {
               mobile: {
                 "font-size": "14px",
               },
-              filter: "none",
+
               display: "none",
             },
             ctas_levoGroup: {
@@ -382,7 +380,7 @@ export const Content3: IBlock = {
               },
               mobile: {
                 "font-size": "12px",
-                filter: "none",
+
                 "flex-direction": "column",
               },
             },
@@ -391,7 +389,6 @@ export const Content3: IBlock = {
               width: "100%",
               height: "1px",
               "background-color": "var(--color-border)",
-              filter: "none",
             },
           },
           {
@@ -430,7 +427,7 @@ export const Content3: IBlock = {
               color: "text-1",
               mobile: {
                 "font-size": "sm",
-                filter: "none",
+
                 width: "fit-content",
               },
             },
@@ -439,7 +436,7 @@ export const Content3: IBlock = {
               display: "flex",
               "flex-direction": "row",
               "row-gap": "12px",
-              filter: "none",
+
               "justify-content": "space-between",
               "align-items": "center",
             },
@@ -462,7 +459,7 @@ export const Content3: IBlock = {
               mobile: {
                 "font-size": "14px",
               },
-              filter: "none",
+
               display: "none",
             },
             ctas_levoGroup: {
@@ -475,7 +472,7 @@ export const Content3: IBlock = {
               },
               mobile: {
                 "font-size": "12px",
-                filter: "none",
+
                 "flex-direction": "column",
               },
             },
@@ -484,7 +481,6 @@ export const Content3: IBlock = {
               width: "100%",
               height: "1px",
               "background-color": "var(--color-border)",
-              filter: "none",
             },
           },
           {
@@ -523,7 +519,7 @@ export const Content3: IBlock = {
               color: "text-1",
               mobile: {
                 "font-size": "sm",
-                filter: "none",
+
                 width: "fit-content",
               },
             },
@@ -532,7 +528,7 @@ export const Content3: IBlock = {
               display: "flex",
               "flex-direction": "row",
               "row-gap": "12px",
-              filter: "none",
+
               "justify-content": "space-between",
               "align-items": "center",
             },
@@ -555,7 +551,7 @@ export const Content3: IBlock = {
               mobile: {
                 "font-size": "14px",
               },
-              filter: "none",
+
               display: "none",
             },
             ctas_levoGroup: {
@@ -568,7 +564,7 @@ export const Content3: IBlock = {
               },
               mobile: {
                 "font-size": "12px",
-                filter: "none",
+
                 "flex-direction": "column",
               },
             },
@@ -577,7 +573,6 @@ export const Content3: IBlock = {
               width: "100%",
               height: "1px",
               "background-color": "var(--color-border)",
-              filter: "none",
             },
           },
           {
@@ -616,7 +611,7 @@ export const Content3: IBlock = {
               color: "text-1",
               mobile: {
                 "font-size": "sm",
-                filter: "none",
+
                 width: "fit-content",
               },
             },
@@ -625,7 +620,7 @@ export const Content3: IBlock = {
               display: "flex",
               "flex-direction": "row",
               "row-gap": "12px",
-              filter: "none",
+
               "justify-content": "space-between",
               "align-items": "center",
             },
@@ -648,7 +643,7 @@ export const Content3: IBlock = {
               mobile: {
                 "font-size": "14px",
               },
-              filter: "none",
+
               display: "none",
             },
             ctas_levoGroup: {
@@ -661,7 +656,7 @@ export const Content3: IBlock = {
               },
               mobile: {
                 "font-size": "12px",
-                filter: "none",
+
                 "flex-direction": "column",
               },
             },
@@ -670,7 +665,6 @@ export const Content3: IBlock = {
               width: "100%",
               height: "1px",
               "background-color": "var(--color-border)",
-              filter: "none",
             },
           },
         ],

package/src/blocks/content/content-5.schema.ts

@@ -488,7 +488,6 @@ export const Content5: IBlock = {
               width: "100%",
               height: "1px",
               "background-color": "border",
-              filter: "none",
             },
             cta_rightIcon: {
               height: "24px",
@@ -608,7 +607,6 @@ export const Content5: IBlock = {
               width: "100%",
               height: "1px",
               "background-color": "border",
-              filter: "none",
             },
             cta_rightIcon: {
               height: "24px",
@@ -755,7 +753,6 @@ export const Content5: IBlock = {
               width: "100%",
               height: "1px",
               "background-color": "border",
-              filter: "none",
             },
             cta_rightIcon: {
               height: "24px",
@@ -902,7 +899,6 @@ export const Content5: IBlock = {
               width: "100%",
               height: "1px",
               "background-color": "border",
-              filter: "none",
             },
             cta_rightIcon: {
               height: "24px",

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

@@ -158,18 +158,15 @@ export const Cta1: IBlock = {
           },
         },
         ctas_levoGroup: {
-          filter: "none",
           display: "flex",
           "column-gap": "lg",
           "align-items": "center",
           mobile: {
-            filter: "none",
             "flex-direction": "column",
             "row-gap": "2xs",
             "column-gap": "0",
           },
           tablet: {
-            filter: "none",
             "flex-direction": "column",
             "row-gap": "xs",
             "column-gap": "0",

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

@@ -91,6 +91,7 @@ export const EventDetails: IBlock = {
   version: "v1",
   prompt_description:
     "Detailed event page featuring hero image, event information, registration button, event description, and contact details sidebar",
+  source: [{ required: true, module: "event", type: "page" }],
   content_schema: [
     {
       key: "layout",
@@ -110,15 +111,6 @@ export const EventDetails: IBlock = {
           "Contains the whole Event Details section, providing spacing and alignment. No content generation required.",
       },
     },
-    {
-      key: "main-wrapper",
-      label: "Main Wrapper",
-      field_interface: "BoxWidget",
-      hint: {
-        prompt_description:
-          "Main container wrapping all event details content. No content generation required.",
-      },
-    },
     {
       key: "hero-card",
       label: "Hero Card",
@@ -135,6 +127,12 @@ export const EventDetails: IBlock = {
       hint: {
         prompt_description: "Main event cover image showcasing the event theme or venue.",
       },
+      options: {
+        module_field: {
+          module: "event",
+          key: "cover_image",
+        },
+      },
     },
     {
       key: "hero-content",
@@ -154,6 +152,12 @@ export const EventDetails: IBlock = {
         min_characters: 20,
         max_characters: 60,
       },
+      options: {
+        module_field: {
+          module: "event",
+          key: "title",
+        },
+      },
     },
     {
       key: "event-info",
@@ -187,6 +191,12 @@ export const EventDetails: IBlock = {
       hint: {
         prompt_description: "Event start date in readable format.",
       },
+      options: {
+        module_field: {
+          module: "event",
+          key: "starts_at",
+        },
+      },
     },
     {
       key: "id",
@@ -221,6 +231,12 @@ export const EventDetails: IBlock = {
       hint: {
         prompt_description: "Event end date in readable format.",
       },
+      options: {
+        module_field: {
+          module: "event",
+          key: "ends_at",
+        },
+      },
     },
     {
       key: "time-wrapper",
@@ -245,59 +261,11 @@ export const EventDetails: IBlock = {
       hint: {
         prompt_description: "Event time range from start to end time.",
       },
-    },
-    {
-      key: "kind-wrapper",
-      label: "Kind Wrapper",
-      field_interface: "BoxWidget",
-      hint: {
-        prompt_description: "Container for event kind information. No content generation required.",
-      },
-    },
-    {
-      key: "kind-icon",
-      label: "Kind Icon",
-      field_interface: "IconWidget",
-      hint: {
-        prompt_description: "Icon representing event type/kind.",
-      },
-    },
-    {
-      key: "kind",
-      label: "Event Kind",
-      field_interface: "TypographyWidget",
-      hint: {
-        prompt_description: "Type or category of the event (e.g., Conference, Workshop).",
-        min_characters: 5,
-        max_characters: 20,
-      },
-    },
-    {
-      key: "timing-wrapper",
-      label: "Timing Wrapper",
-      field_interface: "BoxWidget",
-      hint: {
-        prompt_description:
-          "Container for event timing information. No content generation required.",
-      },
-    },
-    {
-      key: "timing-icon",
-      label: "Timing Icon",
-      field_interface: "IconWidget",
-      hint: {
-        prompt_description: "Icon representing event duration/timing.",
-      },
-    },
-    {
-      key: "timing",
-      label: "Event Timing",
-      field_interface: "TypographyWidget",
-      hint: {
-        prompt_description:
-          "Duration or timing description of the event (e.g., Full Day, Half Day).",
-        min_characters: 5,
-        max_characters: 20,
+      options: {
+        module_field: {
+          module: "event",
+          key: "starts_at",
+        },
       },
     },
     {
@@ -358,14 +326,11 @@ export const EventDetails: IBlock = {
         min_characters: 150,
         max_characters: 400,
       },
-    },
-    {
-      key: "contact-sidebar",
-      label: "Contact Sidebar",
-      field_interface: "BoxWidget",
-      hint: {
-        prompt_description:
-          "Sidebar container for contact information. No content generation required.",
+      options: {
+        module_field: {
+          module: "event",
+          key: "description",
+        },
       },
     },
     {
@@ -397,33 +362,6 @@ export const EventDetails: IBlock = {
           "Container for all contact detail fields. No content generation required.",
       },
     },
-    {
-      key: "name-field",
-      label: "Name Field",
-      field_interface: "BoxWidget",
-      hint: {
-        prompt_description:
-          "Container for contact person name field. No content generation required.",
-      },
-    },
-    {
-      key: "name-label",
-      label: "Name Label",
-      field_interface: "TypographyWidget",
-      hint: {
-        prompt_description: "Label for contact person name, typically 'Name:'.",
-      },
-    },
-    {
-      key: "name-value",
-      label: "Contact Name",
-      field_interface: "TypographyWidget",
-      hint: {
-        prompt_description: "Name of the event contact person or organizer.",
-        min_characters: 10,
-        max_characters: 30,
-      },
-    },
     {
       key: "email-field",
       label: "Email Field",
@@ -449,31 +387,11 @@ export const EventDetails: IBlock = {
         min_characters: 15,
         max_characters: 40,
       },
-    },
-    {
-      key: "phone-field",
-      label: "Phone Field",
-      field_interface: "BoxWidget",
-      hint: {
-        prompt_description: "Container for phone contact field. No content generation required.",
-      },
-    },
-    {
-      key: "phone-label",
-      label: "Phone Label",
-      field_interface: "TypographyWidget",
-      hint: {
-        prompt_description: "Label for phone contact, typically 'Phone:'.",
-      },
-    },
-    {
-      key: "phone-value",
-      label: "Contact Phone",
-      field_interface: "TypographyWidget",
-      hint: {
-        prompt_description: "Professional phone number for event inquiries and contact.",
-        min_characters: 12,
-        max_characters: 20,
+      options: {
+        module_field: {
+          module: "event",
+          key: "contact_email",
+        },
       },
     },
   ],
@@ -492,8 +410,6 @@ export const EventDetails: IBlock = {
           "max-width": "1280px",
           "margin-left": "auto",
           "margin-right": "auto",
-        },
-        "main-wrapper": {
           display: "flex",
           "flex-direction": "column",
           "row-gap": "xl",
@@ -576,32 +492,6 @@ export const EventDetails: IBlock = {
         "time-range": {
           color: "text-2",
         },
-        "kind-wrapper": {
-          display: "flex",
-          "align-items": "center",
-          "column-gap": "xs",
-        },
-        "kind-icon": {
-          width: "16px",
-          height: "16px",
-        },
-        kind: {
-          color: "text-2",
-          "text-transform": "capitalize",
-        },
-        "timing-wrapper": {
-          display: "flex",
-          "align-items": "center",
-          "column-gap": "xs",
-        },
-        "timing-icon": {
-          width: "16px",
-          height: "16px",
-        },
-        timing: {
-          color: "text-2",
-          "text-transform": "capitalize",
-        },
         "content-section": {
           display: "flex",
           "column-gap": "2xl",
@@ -642,13 +532,11 @@ export const EventDetails: IBlock = {
         description: {
           color: "text-2",
         },
-        "contact-sidebar": {
+        "contact-card": {
           "flex-basis": "33.33%",
           mobile: {
             "flex-basis": "100%",
           },
-        },
-        "contact-card": {
           "border-radius": "base",
           "box-shadow": "default",
           "padding-top": "lg",
@@ -665,17 +553,6 @@ export const EventDetails: IBlock = {
           "flex-direction": "column",
           "row-gap": "sm",
         },
-        "name-field": {
-          display: "flex",
-          "flex-direction": "column",
-          "row-gap": "xs",
-        },
-        "name-label": {
-          color: "text-2",
-        },
-        "name-value": {
-          color: "text-1",
-        },
         "email-field": {
           display: "flex",
           "flex-direction": "column",
@@ -687,17 +564,6 @@ export const EventDetails: IBlock = {
         "email-value": {
           color: "text-1",
         },
-        "phone-field": {
-          display: "flex",
-          "flex-direction": "column",
-          "row-gap": "xs",
-        },
-        "phone-label": {
-          color: "text-2",
-        },
-        "phone-value": {
-          color: "text-1",
-        },
       },
       content: DEFAULT_CONTENT,
       config: {