@levo-so/blocks 0.1.101 → 0.1.103

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

@@ -338,10 +338,14 @@ export const Community1: IBlock = {
           position: "sticky",
           top: "2rem",
         },
+        sidebar_links_levoGroupItem: {
+          sidebar_link: {
+            "justify-content": "start",
+          },
+        },
         sidebar_links: [
           {
             sidebar_link: {
-              "justify-content": "start",
               display: "flex",
               "column-gap": "xs",
             },
@@ -353,7 +357,6 @@ export const Community1: IBlock = {
           },
           {
             sidebar_link: {
-              "justify-content": "start",
               display: "flex",
               "column-gap": "xs",
             },
@@ -365,7 +368,6 @@ export const Community1: IBlock = {
           },
           {
             sidebar_link: {
-              "justify-content": "start",
               display: "flex",
               "column-gap": "xs",
             },
@@ -377,7 +379,6 @@ export const Community1: IBlock = {
           },
           {
             sidebar_link: {
-              "justify-content": "start",
               display: "flex",
               "column-gap": "xs",
             },
@@ -389,7 +390,6 @@ export const Community1: IBlock = {
           },
           {
             sidebar_link: {
-              "justify-content": "start",
               display: "flex",
               "column-gap": "xs",
             },
@@ -401,7 +401,6 @@ export const Community1: IBlock = {
           },
           {
             sidebar_link: {
-              "justify-content": "start",
               display: "flex",
               "column-gap": "xs",
             },
@@ -413,7 +412,6 @@ export const Community1: IBlock = {
           },
           {
             sidebar_link: {
-              "justify-content": "start",
               display: "flex",
               "column-gap": "xs",
             },
@@ -425,26 +423,13 @@ export const Community1: IBlock = {
           },
           {
             sidebar_link: {
-              "justify-content": "start",
               display: "flex",
               "column-gap": "xs",
             },
           },
-          {
-            sidebar_link: {
-              "justify-content": "start",
-            },
-          },
-          {
-            sidebar_link: {
-              "justify-content": "start",
-            },
-          },
-          {
-            sidebar_link: {
-              "justify-content": "start",
-            },
-          },
+          {},
+          {},
+          {},
         ],
         feed_container: {
           display: "flex",

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

@@ -144,7 +144,7 @@ const Community1: React.FC<ILevoBlockBaseProps<ICommunity1Content>> = ({ content
 
       return response;
     } catch (error) {
-      levoClient?.logger?.error("Error fetching single forum data:", error);
+      levoClient?.logger?.error("Error fetching single forum data:", { exception: error });
       return null;
     }
   }, [forumKey, isStudio]);
@@ -179,7 +179,7 @@ const Community1: React.FC<ILevoBlockBaseProps<ICommunity1Content>> = ({ content
       setJoinRequest(data?.join_request || null);
     } catch (error) {
       const levoError = getLevoError(error);
-      levoClient?.logger?.error("Error checking membership:", levoError);
+      levoClient?.logger?.error("Error checking membership:", { exception: levoError });
       setIsMember(false);
       setJoinRequest(null);
     } finally {
@@ -206,7 +206,7 @@ const Community1: React.FC<ILevoBlockBaseProps<ICommunity1Content>> = ({ content
         return false;
       } catch (error) {
         const levoError = getLevoError(error);
-        levoClient?.logger?.error("Failed to submit join request", levoError);
+        levoClient?.logger?.error("Failed to submit join request", { exception: levoError });
 
         // Throw with user-friendly message
         const errorMessage =

package/src/blocks/community/community-post-1.tsx

@@ -139,7 +139,7 @@ const CommunityPost1: React.FC<ILevoBlockBaseProps<ICommunityPost1Content>> = ({
       }
     } catch (error) {
       const levoError = getLevoError(error);
-      logger?.error("Failed to fetch forum data", levoError);
+      logger?.error("Failed to fetch forum data", { exception: levoError });
       failedForumAttemptsRef.current += 1;
     }
   }, [forumKey, fetch, logger, isStudio]);
@@ -179,7 +179,7 @@ const CommunityPost1: React.FC<ILevoBlockBaseProps<ICommunityPost1Content>> = ({
       hasFetchedMembershipRef.current = true;
     } catch (error) {
       const levoError = getLevoError(error);
-      logger?.error("Failed to check membership", levoError);
+      logger?.error("Failed to check membership", { exception: levoError });
       setIsMember(false);
       setJoinRequest(null);
       failedMembershipAttemptsRef.current += 1;
@@ -204,7 +204,7 @@ const CommunityPost1: React.FC<ILevoBlockBaseProps<ICommunityPost1Content>> = ({
         return false;
       } catch (error) {
         const levoError = getLevoError(error);
-        logger?.error("Failed to submit join request", levoError);
+        logger?.error("Failed to submit join request", { exception: levoError });
 
         // Throw with user-friendly message
         const errorMessage =
@@ -296,7 +296,7 @@ const CommunityPost1: React.FC<ILevoBlockBaseProps<ICommunityPost1Content>> = ({
         }
       } catch (error) {
         const levoError = getLevoError(error);
-        logger?.error("Failed to fetch post vote information", levoError);
+        logger?.error("Failed to fetch post vote information", { exception: levoError });
         failedAttemptsRef.current += 1;
       }
     };

package/src/blocks/contact-us/contact-us-1.schema.ts

@@ -2,20 +2,19 @@ import type { IBlock } from "@levo-so/studio";
 
 const MEDIA = {
   id: "zucZWwW4cQj9F",
-  filename: "contact-us-1.png",
   kind: "image",
   location: "https://static.levocdn.com/WLZ1TXTD/contact-us-1-OaJcGLqfj5VDC.png",
+  mimetype: "image/png",
   srcset: {
-    "1080w": "https://static.levocdn.com/WLZ1TXTD/contact-us-1-OaJcGLqfj5VDC-1080w.webp",
-    "1200w": "https://static.levocdn.com/WLZ1TXTD/contact-us-1-OaJcGLqfj5VDC-1200w.webp",
-    "1920w": "https://static.levocdn.com/WLZ1TXTD/contact-us-1-OaJcGLqfj5VDC-1920w.webp",
     "320w": "https://static.levocdn.com/WLZ1TXTD/contact-us-1-OaJcGLqfj5VDC-320w.webp",
     "640w": "https://static.levocdn.com/WLZ1TXTD/contact-us-1-OaJcGLqfj5VDC-640w.webp",
     "750w": "https://static.levocdn.com/WLZ1TXTD/contact-us-1-OaJcGLqfj5VDC-750w.webp",
     "828w": "https://static.levocdn.com/WLZ1TXTD/contact-us-1-OaJcGLqfj5VDC-828w.webp",
+    "1080w": "https://static.levocdn.com/WLZ1TXTD/contact-us-1-OaJcGLqfj5VDC-1080w.webp",
+    "1200w": "https://static.levocdn.com/WLZ1TXTD/contact-us-1-OaJcGLqfj5VDC-1200w.webp",
+    "1920w": "https://static.levocdn.com/WLZ1TXTD/contact-us-1-OaJcGLqfj5VDC-1920w.webp",
     path: "https://static.levocdn.com/WLZ1TXTD/contact-us-1-OaJcGLqfj5VDC-1920w.webp 1920w, https://static.levocdn.com/WLZ1TXTD/contact-us-1-OaJcGLqfj5VDC-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/contact-us-1-OaJcGLqfj5VDC-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/contact-us-1-OaJcGLqfj5VDC-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/contact-us-1-OaJcGLqfj5VDC-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/contact-us-1-OaJcGLqfj5VDC-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/contact-us-1-OaJcGLqfj5VDC-1200w.webp 1200w",
   },
-  mimetype: "image/png",
 };
 
 const DEFAULT_CONTENT = {
@@ -23,11 +22,12 @@ const DEFAULT_CONTENT = {
   container: null,
 
   contentWrapper: null,
-  title: "Get in touch",
-  description: "Connect with us and let us know how we can help you.",
+  title: "Talk to our team",
+  description:
+    "Questions on payments, settlement, or API launch? A solutions engineer replies within the hour.",
   ctas: [
     {
-      cta: "Contact Us",
+      cta: "Book a demo",
     },
   ],
 
@@ -99,7 +99,7 @@ export const ContactUs1: IBlock = {
         prompt_description:
           "Short explanatory paragraph under the headline providing additional context or reason to get in touch. Tone is supportive, helpful, and concise.",
         min_characters: 30,
-        max_characters: 90,
+        max_characters: 120,
       },
     },
     {
@@ -148,7 +148,9 @@ export const ContactUs1: IBlock = {
         layout: {},
         container: {
           display: "flex",
+          "align-items": "center",
           "justify-content": "space-between",
+          "column-gap": "4xl",
           "border-radius": "3xl",
           tablet: {
             "flex-direction": "column",
@@ -163,26 +165,366 @@ export const ContactUs1: IBlock = {
         },
         media: {
           width: "50%",
-          height: "100%",
-          "border-radius": "base",
+          "aspect-ratio": "4 / 3",
+          "object-fit": "cover",
+          "border-radius": "xl",
           "box-shadow": "default",
           tablet: {
             width: "100%",
             height: "auto",
           },
         },
+        contentWrapper: {
+          display: "flex",
+          "flex-direction": "column",
+          "align-items": "start",
+          "justify-content": "center",
+          "row-gap": "lg",
+          "padding-left": "2xl",
+          tablet: {
+            "padding-left": "xl",
+            "padding-right": "xl",
+          },
+          mobile: {
+            "padding-left": "base",
+            "padding-right": "base",
+          },
+        },
+        textWrapper: {
+          display: "flex",
+          "flex-direction": "column",
+          "row-gap": "sm",
+        },
+        title: {
+          "font-weight": 700,
+        },
+        ctas_levoGroup: {
+          display: "flex",
+          "column-gap": "sm",
+          "align-items": "center",
+          "margin-top": "xs",
+        },
+        ctas: [{}],
+      },
+      content: DEFAULT_CONTENT,
+      config: {
+        title: {
+          heading: {
+            level: 2,
+          },
+          selectedVariants: {
+            Heading_Level: "H2",
+          },
+        },
+      },
+    },
+    {
+      key: "reversed",
+      title: "Reversed",
+      styles: {
+        layout: {},
+        container: {
+          display: "flex",
+          "flex-direction": "row-reverse",
+          "align-items": "center",
+          "justify-content": "space-between",
+          "column-gap": "4xl",
+          "border-radius": "3xl",
+          "background-color": "background-2",
+          "padding-top": "3xl",
+          "padding-bottom": "3xl",
+          tablet: {
+            "flex-direction": "column",
+            "row-gap": "xl",
+            "padding-top": "xl",
+            "padding-bottom": "xl",
+          },
+          mobile: {
+            "row-gap": "base",
+            "padding-top": "base",
+            "padding-bottom": "base",
+          },
+        },
+        media: {
+          width: "45%",
+          "aspect-ratio": "4 / 3",
+          "object-fit": "cover",
+          "border-radius": "xl",
+          "box-shadow": "default",
+          tablet: {
+            width: "100%",
+            height: "auto",
+          },
+        },
+        contentWrapper: {
+          display: "flex",
+          "flex-direction": "column",
+          "align-items": "start",
+          "justify-content": "center",
+          "row-gap": "lg",
+          "padding-right": "3xl",
+          "padding-left": "3xl",
+          tablet: {
+            "padding-left": "xl",
+            "padding-right": "xl",
+          },
+          mobile: {
+            "padding-left": "base",
+            "padding-right": "base",
+          },
+        },
+        textWrapper: {
+          display: "flex",
+          "flex-direction": "column",
+          "row-gap": "sm",
+        },
+        title: {
+          "font-weight": 700,
+        },
+        ctas_levoGroup: {
+          display: "flex",
+          "column-gap": "sm",
+          "align-items": "center",
+          "margin-top": "sm",
+        },
+        ctas: [{}],
+      },
+      content: DEFAULT_CONTENT,
+      config: {
+        title: {
+          heading: {
+            level: 2,
+          },
+          selectedVariants: {
+            Heading_Level: "H2",
+          },
+        },
+      },
+    },
+    {
+      key: "stacked-centered",
+      title: "Stacked Centered",
+      styles: {
+        layout: {},
+        container: {
+          display: "flex",
+          "flex-direction": "column",
+          "align-items": "center",
+          "justify-content": "center",
+          "row-gap": "2xl",
+          "padding-top": "5xl",
+          "padding-bottom": "5xl",
+          "padding-left": "xl",
+          "padding-right": "xl",
+          "text-align": "center",
+          tablet: {
+            "padding-top": "3xl",
+            "padding-bottom": "3xl",
+            "row-gap": "xl",
+          },
+          mobile: {
+            "padding-top": "xl",
+            "padding-bottom": "xl",
+            "row-gap": "base",
+          },
+        },
+        media: {
+          width: "60%",
+          "max-width": "560px",
+          "aspect-ratio": "3 / 2",
+          "object-fit": "cover",
+          "border-radius": "xl",
+          "box-shadow": "default",
+          tablet: {
+            width: "80%",
+          },
+          mobile: {
+            width: "100%",
+          },
+        },
+        contentWrapper: {
+          display: "flex",
+          "flex-direction": "column",
+          "align-items": "center",
+          "justify-content": "center",
+          "row-gap": "base",
+          "max-width": "640px",
+        },
+        textWrapper: {
+          display: "flex",
+          "flex-direction": "column",
+          "row-gap": "sm",
+          "align-items": "center",
+          "text-align": "center",
+        },
+        title: {
+          "text-align": "center",
+          "font-weight": 700,
+        },
+        ctas_levoGroup: {
+          display: "flex",
+          "column-gap": "sm",
+          "align-items": "center",
+          "justify-content": "center",
+          "margin-top": "xs",
+        },
+        ctas: [{}],
+      },
+      content: DEFAULT_CONTENT,
+      config: {
+        title: {
+          heading: {
+            level: 2,
+          },
+          selectedVariants: {
+            Heading_Level: "H2",
+          },
+        },
+      },
+    },
+    {
+      key: "card-floating",
+      title: "Floating Card",
+      styles: {
+        layout: {},
+        container: {
+          display: "flex",
+          position: "relative",
+          "justify-content": "space-between",
+          "align-items": "center",
+          "column-gap": "3xl",
+          "border-radius": "xl",
+          "background-color": "background-2",
+          "padding-top": "4xl",
+          "padding-bottom": "4xl",
+          "padding-left": "3xl",
+          "padding-right": "3xl",
+          "box-shadow": "default",
+          tablet: {
+            "flex-direction": "column",
+            "row-gap": "xl",
+            "padding-top": "xl",
+            "padding-bottom": "xl",
+            "padding-left": "xl",
+            "padding-right": "xl",
+          },
+          mobile: {
+            "padding-top": "base",
+            "padding-bottom": "base",
+            "padding-left": "base",
+            "padding-right": "base",
+          },
+        },
+        media: {
+          width: "40%",
+          "aspect-ratio": "4 / 3",
+          "object-fit": "cover",
+          "border-radius": "base",
+          "box-shadow": "default",
+          tablet: {
+            width: "100%",
+          },
+        },
         contentWrapper: {
           display: "flex",
           "flex-direction": "column",
           "align-items": "start",
           "justify-content": "center",
           "row-gap": "base",
-          "padding-left": "5xl",
+          width: "55%",
+          "padding-left": "xl",
+          tablet: {
+            width: "100%",
+            "padding-left": "none",
+          },
+        },
+        textWrapper: {
+          display: "flex",
+          "flex-direction": "column",
+          "row-gap": "sm",
+        },
+        title: {
+          "font-weight": 700,
+        },
+        ctas_levoGroup: {
+          display: "flex",
+          "column-gap": "sm",
+          "align-items": "center",
+          "margin-top": "sm",
+        },
+        ctas: [{}],
+      },
+      content: DEFAULT_CONTENT,
+      config: {
+        title: {
+          heading: {
+            level: 2,
+          },
+          selectedVariants: {
+            Heading_Level: "H2",
+          },
+        },
+      },
+    },
+    {
+      key: "full-bleed",
+      title: "Full Bleed Overlay",
+      styles: {
+        layout: {},
+        container: {
+          display: "flex",
+          position: "relative",
+          "align-items": "center",
+          "justify-content": "flex-start",
+          "border-radius": "xl",
+          "min-height": "520px",
+          overflow: "hidden",
+          "padding-top": "5xl",
+          "padding-bottom": "5xl",
+          "padding-left": "4xl",
+          "padding-right": "4xl",
           tablet: {
+            "min-height": "420px",
             "padding-left": "xl",
             "padding-right": "xl",
+            "padding-top": "3xl",
+            "padding-bottom": "3xl",
           },
           mobile: {
+            "min-height": "360px",
+            "padding-left": "base",
+            "padding-right": "base",
+          },
+        },
+        media: {
+          position: "absolute",
+          top: "0",
+          left: "0",
+          width: "100%",
+          height: "100%",
+          "object-fit": "cover",
+          "z-index": "0",
+          opacity: "0.35",
+        },
+        contentWrapper: {
+          position: "relative",
+          "z-index": "1",
+          display: "flex",
+          "flex-direction": "column",
+          "align-items": "start",
+          "justify-content": "center",
+          "row-gap": "lg",
+          "max-width": "560px",
+          "background-color": "background-1",
+          "padding-top": "2xl",
+          "padding-bottom": "2xl",
+          "padding-left": "2xl",
+          "padding-right": "2xl",
+          "border-radius": "base",
+          "box-shadow": "default",
+          mobile: {
+            "padding-top": "xl",
+            "padding-bottom": "xl",
             "padding-left": "base",
             "padding-right": "base",
           },
@@ -190,14 +532,18 @@ export const ContactUs1: IBlock = {
         textWrapper: {
           display: "flex",
           "flex-direction": "column",
-          "row-gap": "4xs",
+          "row-gap": "sm",
+        },
+        title: {
+          "font-weight": 700,
         },
-        title: {},
         ctas_levoGroup: {
           display: "flex",
           "column-gap": "sm",
           "align-items": "center",
+          "margin-top": "xs",
         },
+        ctas: [{}],
       },
       content: DEFAULT_CONTENT,
       config: {