@levo-so/blocks 0.1.60 → 0.1.62

package/src/blocks/filter-listing/filter-listing-1.tsx

@@ -1,14 +1,14 @@
 import {
-  type ILevoBlockBaseProps,
-  AccordionRoot,
+  AccordionContent,
   AccordionItem,
+  AccordionRoot,
   AccordionTrigger,
-  AccordionContent,
   Box,
   Button,
   Container,
   Heading,
   Icon,
+  type ILevoBlockBaseProps,
   IntegrationFilters,
   Media,
   Section,
@@ -18,9 +18,7 @@ import {
 
 import type { IFilterListing1Content } from "./filter-listing-1.schema";
 
-const FilterListing1: React.FC<ILevoBlockBaseProps<IFilterListing1Content>> = ({
-  config,
-}) => {
+const FilterListing1: React.FC<ILevoBlockBaseProps<IFilterListing1Content>> = ({ config }) => {
   const { data, query, setQuery, meta } = useContentEngine("listing");
 
   const handleNext = () => setQuery({ page: (query?.page || 0) + 1 });
@@ -33,19 +31,10 @@ const FilterListing1: React.FC<ILevoBlockBaseProps<IFilterListing1Content>> = ({
         </Box>
         <Box elementKey="listing_wrapper">
           {config?.listing_levoGroup?.filters?.schema && (
-            <AccordionRoot
-              type="single"
-              elementKey="filters_accordion"
-              defaultValue="filters"
-            >
-              <AccordionItem
-                value="filters"
-                elementKey="filters_accordion_item"
-              >
+            <AccordionRoot type="single" elementKey="filters_accordion" defaultValue="filters">
+              <AccordionItem value="filters" elementKey="filters_accordion_item">
                 <AccordionTrigger elementKey="filters_accordion_trigger">
-                  <Typography elementKey="filters_accordion_title">
-                    Filters
-                  </Typography>
+                  <Typography elementKey="filters_accordion_title">Filters</Typography>
                 </AccordionTrigger>
                 <AccordionContent elementKey="filters_accordion_content">
                   <Box elementKey="filters_box">
@@ -53,10 +42,7 @@ const FilterListing1: React.FC<ILevoBlockBaseProps<IFilterListing1Content>> = ({
                       query={query}
                       setQuery={setQuery}
                       schema={config?.listing_levoGroup?.filters?.schema}
-                      selectedFields={
-                        config?.listing_levoGroup?.filters?.selected_fields ??
-                        []
-                      }
+                      selectedFields={config?.listing_levoGroup?.filters?.selected_fields ?? []}
                     />
                   </Box>
                 </AccordionContent>
@@ -70,29 +56,19 @@ const FilterListing1: React.FC<ILevoBlockBaseProps<IFilterListing1Content>> = ({
                 data-levo_group_item
                 elementKey={`listing.${index}.card`}
               >
-                <Media
-                  elementKey={`listing.${index}.media`}
-                  alt="Filter Media"
-                />
+                <Media elementKey={`listing.${index}.media`} alt="Filter Media" />
                 <Box elementKey={`listing.${index}.filter_info_wrapper`}>
                   <Box elementKey={`listing.${index}.filter_content`}>
                     <Heading elementKey={`listing.${index}.title`} />
-                    <Box
-                      elementKey={`listing.${index}.points_levoGroup`}
-                      data-levo_group
-                    >
+                    <Box elementKey={`listing.${index}.points_levoGroup`} data-levo_group>
                       {(item.points || [])?.map((_: any, pIndex: number) => (
                         <Box
                           key={pIndex}
                           elementKey={`listing.${index}.points.${pIndex}.container`}
                           data-levo_group_item
                         >
-                          <Icon
-                            elementKey={`listing.${index}.points.${pIndex}.icon`}
-                          />
-                          <Typography
-                            elementKey={`listing.${index}.points.${pIndex}.text`}
-                          />
+                          <Icon elementKey={`listing.${index}.points.${pIndex}.icon`} />
+                          <Typography elementKey={`listing.${index}.points.${pIndex}.text`} />
                         </Box>
                       ))}
                     </Box>

package/src/blocks/floating-buttons/floating-button-1.schema.ts

@@ -8,8 +8,7 @@ const DEFAULT_CONTENT = {
         kind: "custom",
         data: {
           id: "R6ervNbOZfcD9",
-          location:
-            "https://static.levocdn.com/WLZ1TXTD/whatsapp-logopng4-2EYM5YIjokcd.png",
+          location: "https://static.levocdn.com/WLZ1TXTD/whatsapp-logopng4-2EYM5YIjokcd.png",
           mimetype: "image/png",
           kind: "image",
           srcset: {
@@ -19,14 +18,10 @@ const DEFAULT_CONTENT = {
               "https://static.levocdn.com/WLZ1TXTD/whatsapp-logopng4-2EYM5YIjokcd-1200w.webp",
             "1920w":
               "https://static.levocdn.com/WLZ1TXTD/whatsapp-logopng4-2EYM5YIjokcd-1920w.webp",
-            "320w":
-              "https://static.levocdn.com/WLZ1TXTD/whatsapp-logopng4-2EYM5YIjokcd-320w.webp",
-            "640w":
-              "https://static.levocdn.com/WLZ1TXTD/whatsapp-logopng4-2EYM5YIjokcd-640w.webp",
-            "750w":
-              "https://static.levocdn.com/WLZ1TXTD/whatsapp-logopng4-2EYM5YIjokcd-750w.webp",
-            "828w":
-              "https://static.levocdn.com/WLZ1TXTD/whatsapp-logopng4-2EYM5YIjokcd-828w.webp",
+            "320w": "https://static.levocdn.com/WLZ1TXTD/whatsapp-logopng4-2EYM5YIjokcd-320w.webp",
+            "640w": "https://static.levocdn.com/WLZ1TXTD/whatsapp-logopng4-2EYM5YIjokcd-640w.webp",
+            "750w": "https://static.levocdn.com/WLZ1TXTD/whatsapp-logopng4-2EYM5YIjokcd-750w.webp",
+            "828w": "https://static.levocdn.com/WLZ1TXTD/whatsapp-logopng4-2EYM5YIjokcd-828w.webp",
             path: "https://static.levocdn.com/WLZ1TXTD/whatsapp-logopng4-2EYM5YIjokcd-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/whatsapp-logopng4-2EYM5YIjokcd-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/whatsapp-logopng4-2EYM5YIjokcd-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/whatsapp-logopng4-2EYM5YIjokcd-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/whatsapp-logopng4-2EYM5YIjokcd-1920w.webp 1920w, https://static.levocdn.com/WLZ1TXTD/whatsapp-logopng4-2EYM5YIjokcd-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/whatsapp-logopng4-2EYM5YIjokcd-640w.webp 640w",
           },
         },

package/src/blocks/floating-buttons/floating-button-1.tsx

@@ -1,18 +1,12 @@
-import React from "react";
 import { Box, Button, type ILevoBlockBaseProps } from "@levo-so/studio";
+import type React from "react";
 
 import type { IFloatingButton1Content } from "./floating-button-1.schema";
 
-const FloatingButton1: React.FC<
-  ILevoBlockBaseProps<IFloatingButton1Content>
-> = ({ content }) => (
+const FloatingButton1: React.FC<ILevoBlockBaseProps<IFloatingButton1Content>> = ({ content }) => (
   <Box elementKey="button_group_levoGroup" data-levo_group>
     {(content?.button_group ?? []).map((_, index) => (
-      <Button
-        key={index}
-        elementKey={`button_group.${index}.button`}
-        data-levo_group_item
-      />
+      <Button key={index} elementKey={`button_group.${index}.button`} data-levo_group_item />
     ))}
   </Box>
 );

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

@@ -15,23 +15,15 @@ const MEDIA = {
   id: "A8sG1BvgdtgE",
   filename: "footer-1-logo.png",
   kind: "image",
-  location:
-    "https://static.levocdn.com/WLZ1TXTD/footer-1-logo-w9fpJutzREEV.png",
+  location: "https://static.levocdn.com/WLZ1TXTD/footer-1-logo-w9fpJutzREEV.png",
   srcset: {
-    "1080w":
-      "https://static.levocdn.com/WLZ1TXTD/footer-1-logo-w9fpJutzREEV-1080w.webp",
-    "1200w":
-      "https://static.levocdn.com/WLZ1TXTD/footer-1-logo-w9fpJutzREEV-1200w.webp",
-    "1920w":
-      "https://static.levocdn.com/WLZ1TXTD/footer-1-logo-w9fpJutzREEV-1920w.webp",
-    "320w":
-      "https://static.levocdn.com/WLZ1TXTD/footer-1-logo-w9fpJutzREEV-320w.webp",
-    "640w":
-      "https://static.levocdn.com/WLZ1TXTD/footer-1-logo-w9fpJutzREEV-640w.webp",
-    "750w":
-      "https://static.levocdn.com/WLZ1TXTD/footer-1-logo-w9fpJutzREEV-750w.webp",
-    "828w":
-      "https://static.levocdn.com/WLZ1TXTD/footer-1-logo-w9fpJutzREEV-828w.webp",
+    "1080w": "https://static.levocdn.com/WLZ1TXTD/footer-1-logo-w9fpJutzREEV-1080w.webp",
+    "1200w": "https://static.levocdn.com/WLZ1TXTD/footer-1-logo-w9fpJutzREEV-1200w.webp",
+    "1920w": "https://static.levocdn.com/WLZ1TXTD/footer-1-logo-w9fpJutzREEV-1920w.webp",
+    "320w": "https://static.levocdn.com/WLZ1TXTD/footer-1-logo-w9fpJutzREEV-320w.webp",
+    "640w": "https://static.levocdn.com/WLZ1TXTD/footer-1-logo-w9fpJutzREEV-640w.webp",
+    "750w": "https://static.levocdn.com/WLZ1TXTD/footer-1-logo-w9fpJutzREEV-750w.webp",
+    "828w": "https://static.levocdn.com/WLZ1TXTD/footer-1-logo-w9fpJutzREEV-828w.webp",
     path: "https://static.levocdn.com/WLZ1TXTD/footer-1-logo-w9fpJutzREEV-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/footer-1-logo-w9fpJutzREEV-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/footer-1-logo-w9fpJutzREEV-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/footer-1-logo-w9fpJutzREEV-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/footer-1-logo-w9fpJutzREEV-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/footer-1-logo-w9fpJutzREEV-1920w.webp 1920w, https://static.levocdn.com/WLZ1TXTD/footer-1-logo-w9fpJutzREEV-320w.webp 320w",
   },
   mimetype: "image/png",

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

@@ -1,20 +1,18 @@
-import React from "react";
 import {
   Box,
   Container,
   Heading,
   Icon,
+  type ILevoBlockBaseProps,
   Image,
   Section,
   Typography,
-  type ILevoBlockBaseProps,
 } from "@levo-so/studio";
+import React from "react";
 
-import { type IFooter1Content } from "./footer-1.schema";
+import type { IFooter1Content } from "./footer-1.schema";
 
-const Footer1: React.FC<ILevoBlockBaseProps<IFooter1Content>> = ({
-  content,
-}) => (
+const Footer1: React.FC<ILevoBlockBaseProps<IFooter1Content>> = ({ content }) => (
   <Section elementKey="layout">
     <Container elementKey="container">
       <Box elementKey="contentWrapper">
@@ -22,15 +20,13 @@ const Footer1: React.FC<ILevoBlockBaseProps<IFooter1Content>> = ({
           <Image elementKey="logo" height={26} width={26} alt="footer-logo" />
           <Typography elementKey="logoDescription" />
           <Box elementKey="icon_links_levoGroup" data-levo_group>
-            {((content as any)?.icon_links ?? [])?.map(
-              (_: any, index: number) => (
-                <Icon
-                  key={`footer-1-icon-${index}`}
-                  data-levo_group_item
-                  elementKey={`icon_links.${index}.icon`}
-                />
-              ),
-            )}
+            {((content as any)?.icon_links ?? [])?.map((_: any, index: number) => (
+              <Icon
+                key={`footer-1-icon-${index}`}
+                data-levo_group_item
+                elementKey={`icon_links.${index}.icon`}
+              />
+            ))}
           </Box>
         </Box>
         <Box data-levo_group elementKey="links_levoGroup">
@@ -41,19 +37,14 @@ const Footer1: React.FC<ILevoBlockBaseProps<IFooter1Content>> = ({
               data-levo_group_item
             >
               <Heading elementKey={`links.${index}.category`} />
-              <Box
-                elementKey={`links.${index}.links_levoGroup`}
-                data-levo_group
-              >
+              <Box elementKey={`links.${index}.links_levoGroup`} data-levo_group>
                 {(content?.links?.[index]?.links ?? [])?.map((_, subIndex) => (
                   <Box
                     elementKey={`links.${index}.links.${subIndex}.iconCtaWrapper`}
                     key={`footer-1-links-${index}-${subIndex}`}
                     data-levo_group_item
                   >
-                    <Icon
-                      elementKey={`links.${index}.links.${subIndex}.icon`}
-                    />
+                    <Icon elementKey={`links.${index}.links.${subIndex}.icon`} />
                     <Typography
                       elementKey={`links.${index}.links.${subIndex}.cta`}
                       key={`footer-1-links-${index}-${subIndex}`}
@@ -70,15 +61,9 @@ const Footer1: React.FC<ILevoBlockBaseProps<IFooter1Content>> = ({
         <Box elementKey="footerBottomRightArea_levoGroup" data-levo_group>
           {(content?.footerBottomRightArea ?? [])?.map((_, index) => (
             <React.Fragment key={`footer-1-right-area-${index}`}>
-              <Typography
-                data-levo_group_item
-                elementKey={`footerBottomRightArea.${index}.cta`}
-              />
+              <Typography data-levo_group_item elementKey={`footerBottomRightArea.${index}.cta`} />
               {index < (content?.footerBottomRightArea?.length ?? 0) - 1 && (
-                <Box
-                  elementKey={`footerBottomRightArea.${index}.separator`}
-                  data-levo_group_item
-                />
+                <Box elementKey={`footerBottomRightArea.${index}.separator`} data-levo_group_item />
               )}
             </React.Fragment>
           ))}

package/src/blocks/footer/footer-2.schema.ts

@@ -15,23 +15,15 @@ const MEDIA = {
   id: "6Hg5xxyErnEM",
   filename: "footer-2-logo.png",
   kind: "image",
-  location:
-    "https://static.levocdn.com/WLZ1TXTD/footer-2-logo-sR8ojjdBVGGW.png",
+  location: "https://static.levocdn.com/WLZ1TXTD/footer-2-logo-sR8ojjdBVGGW.png",
   srcset: {
-    "1080w":
-      "https://static.levocdn.com/WLZ1TXTD/footer-2-logo-sR8ojjdBVGGW-1080w.webp",
-    "1200w":
-      "https://static.levocdn.com/WLZ1TXTD/footer-2-logo-sR8ojjdBVGGW-1200w.webp",
-    "1920w":
-      "https://static.levocdn.com/WLZ1TXTD/footer-2-logo-sR8ojjdBVGGW-1920w.webp",
-    "320w":
-      "https://static.levocdn.com/WLZ1TXTD/footer-2-logo-sR8ojjdBVGGW-320w.webp",
-    "640w":
-      "https://static.levocdn.com/WLZ1TXTD/footer-2-logo-sR8ojjdBVGGW-640w.webp",
-    "750w":
-      "https://static.levocdn.com/WLZ1TXTD/footer-2-logo-sR8ojjdBVGGW-750w.webp",
-    "828w":
-      "https://static.levocdn.com/WLZ1TXTD/footer-2-logo-sR8ojjdBVGGW-828w.webp",
+    "1080w": "https://static.levocdn.com/WLZ1TXTD/footer-2-logo-sR8ojjdBVGGW-1080w.webp",
+    "1200w": "https://static.levocdn.com/WLZ1TXTD/footer-2-logo-sR8ojjdBVGGW-1200w.webp",
+    "1920w": "https://static.levocdn.com/WLZ1TXTD/footer-2-logo-sR8ojjdBVGGW-1920w.webp",
+    "320w": "https://static.levocdn.com/WLZ1TXTD/footer-2-logo-sR8ojjdBVGGW-320w.webp",
+    "640w": "https://static.levocdn.com/WLZ1TXTD/footer-2-logo-sR8ojjdBVGGW-640w.webp",
+    "750w": "https://static.levocdn.com/WLZ1TXTD/footer-2-logo-sR8ojjdBVGGW-750w.webp",
+    "828w": "https://static.levocdn.com/WLZ1TXTD/footer-2-logo-sR8ojjdBVGGW-828w.webp",
     path: "https://static.levocdn.com/WLZ1TXTD/footer-2-logo-sR8ojjdBVGGW-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/footer-2-logo-sR8ojjdBVGGW-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/footer-2-logo-sR8ojjdBVGGW-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/footer-2-logo-sR8ojjdBVGGW-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/footer-2-logo-sR8ojjdBVGGW-1920w.webp 1920w, https://static.levocdn.com/WLZ1TXTD/footer-2-logo-sR8ojjdBVGGW-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/footer-2-logo-sR8ojjdBVGGW-640w.webp 640w",
   },
   mimetype: "image/png",

package/src/blocks/footer/footer-2.tsx

@@ -3,17 +3,15 @@ import {
   Container,
   Heading,
   Icon,
+  type ILevoBlockBaseProps,
   Image,
   Section,
   Typography,
-  type ILevoBlockBaseProps,
 } from "@levo-so/studio";
 
-import { type IFooter2Content } from "./footer-2.schema";
+import type { IFooter2Content } from "./footer-2.schema";
 
-const Footer2: React.FC<ILevoBlockBaseProps<IFooter2Content>> = ({
-  content,
-}) => (
+const Footer2: React.FC<ILevoBlockBaseProps<IFooter2Content>> = ({ content }) => (
   <Section elementKey="layout">
     <Container elementKey="container">
       <Box elementKey="contentWrapper">
@@ -30,39 +28,30 @@ const Footer2: React.FC<ILevoBlockBaseProps<IFooter2Content>> = ({
               data-levo_group_item
             >
               <Heading elementKey={`links.${index}.category`} />
-              <Box
-                elementKey={`links.${index}.links_levoGroup`}
-                data-levo_group
-              >
+              <Box elementKey={`links.${index}.links_levoGroup`} data-levo_group>
                 {(link?.links ?? [])?.map((subLink: any, subIndex: number) => (
                   <Box
                     elementKey={`links.${index}.links.${subIndex}.wrapper`}
                     key={`footer-2-links-${index}-${subIndex}`}
                     data-levo_group_item
                   >
-                    <Icon
-                      elementKey={`links.${index}.links.${subIndex}.icon`}
-                    />
-                    <Typography
-                      elementKey={`links.${index}.links.${subIndex}.cta`}
-                    />
+                    <Icon elementKey={`links.${index}.links.${subIndex}.icon`} />
+                    <Typography elementKey={`links.${index}.links.${subIndex}.cta`} />
                     <Box
                       data-levo_group
                       elementKey={`links.${index}.links.${subIndex}.icon_links_levoGroup`}
                     >
-                      {(subLink?.icon_links ?? []).map(
-                        (_: unknown, linkIndex: number) => (
-                          <Box
-                            data-levo_group_item
-                            elementKey={`links.${index}.links.${subIndex}.icon_links.${linkIndex}.wrapper`}
-                            key={`footer-2-icon-links-${index}-${subIndex}-${linkIndex}`}
-                          >
-                            <Icon
-                              elementKey={`links.${index}.links.${subIndex}.icon_links.${linkIndex}.icon`}
-                            />
-                          </Box>
-                        ),
-                      )}
+                      {(subLink?.icon_links ?? []).map((_: unknown, linkIndex: number) => (
+                        <Box
+                          data-levo_group_item
+                          elementKey={`links.${index}.links.${subIndex}.icon_links.${linkIndex}.wrapper`}
+                          key={`footer-2-icon-links-${index}-${subIndex}-${linkIndex}`}
+                        >
+                          <Icon
+                            elementKey={`links.${index}.links.${subIndex}.icon_links.${linkIndex}.icon`}
+                          />
+                        </Box>
+                      ))}
                     </Box>
                   </Box>
                 ))}

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

@@ -135,8 +135,7 @@ export const Footer3: IBlock = {
   title: "Footer 3",
   key: "footer-3",
   version: "v1",
-  prompt_description:
-    "Professional footer with company info, service links, and contact details",
+  prompt_description: "Professional footer with company info, service links, and contact details",
   content_schema: [
     {
       key: "layout",

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

@@ -3,17 +3,15 @@ import {
   Container,
   Heading,
   Icon,
+  type ILevoBlockBaseProps,
   Section,
   Typography,
-  type ILevoBlockBaseProps,
 } from "@levo-so/studio";
 import React from "react";
 
-import { type IFooter3Content } from "./footer-3.schema";
+import type { IFooter3Content } from "./footer-3.schema";
 
-const Footer3: React.FC<ILevoBlockBaseProps<IFooter3Content>> = ({
-  content,
-}) => (
+const Footer3: React.FC<ILevoBlockBaseProps<IFooter3Content>> = ({ content }) => (
   <Section elementKey="layout">
     <Container elementKey="container">
       <Box elementKey="mainFooterWrapper">
@@ -25,14 +23,10 @@ const Footer3: React.FC<ILevoBlockBaseProps<IFooter3Content>> = ({
               data-levo_group_item
             >
               <Heading elementKey={`links.${sectionIndex}.category`} />
-              <Box
-                elementKey={`links.${sectionIndex}.links_levoGroup`}
-                data-levo_group
-              >
+              <Box elementKey={`links.${sectionIndex}.links_levoGroup`} data-levo_group>
                 {(section?.links ?? [])?.map((link, linkIndex) => {
                   // Check if this is a contact item (has icon and contactWrapper)
-                  const isContactItem =
-                    "icon" in link && "contactWrapper" in link;
+                  const isContactItem = "icon" in link && "contactWrapper" in link;
 
                   if (isContactItem) {
                     return (
@@ -41,12 +35,8 @@ const Footer3: React.FC<ILevoBlockBaseProps<IFooter3Content>> = ({
                         key={`footer-3-contact-${sectionIndex}-${linkIndex}`}
                         data-levo_group_item
                       >
-                        <Icon
-                          elementKey={`links.${sectionIndex}.links.${linkIndex}.icon`}
-                        />
-                        <Typography
-                          elementKey={`links.${sectionIndex}.links.${linkIndex}.text`}
-                        />
+                        <Icon elementKey={`links.${sectionIndex}.links.${linkIndex}.icon`} />
+                        <Typography elementKey={`links.${sectionIndex}.links.${linkIndex}.text`} />
                       </Box>
                     );
                   } else {
@@ -70,15 +60,9 @@ const Footer3: React.FC<ILevoBlockBaseProps<IFooter3Content>> = ({
         <Box elementKey="bottomLinks_levoGroup" data-levo_group>
           {(content?.bottomLinks ?? [])?.map((_, index) => (
             <React.Fragment key={`footer-3-bottom-${index}`}>
-              <Typography
-                data-levo_group_item
-                elementKey={`bottomLinks.${index}.text`}
-              />
+              <Typography data-levo_group_item elementKey={`bottomLinks.${index}.text`} />
               {index < (content?.bottomLinks?.length ?? 0) - 1 && (
-                <Box
-                  elementKey={`bottomLinks.${index}.separator`}
-                  data-levo_group_item
-                />
+                <Box elementKey={`bottomLinks.${index}.separator`} data-levo_group_item />
               )}
             </React.Fragment>
           ))}

package/src/blocks/footer/footer-4.schema.ts

@@ -15,23 +15,15 @@ const MEDIA = {
   id: "xlotCSMGiB8T",
   filename: "footer-4-logo.png",
   kind: "image",
-  location:
-    "https://static.levocdn.com/WLZ1TXTD/footer-4-logo-30Wfpd1Qp22h.png",
+  location: "https://static.levocdn.com/WLZ1TXTD/footer-4-logo-30Wfpd1Qp22h.png",
   srcset: {
-    "1080w":
-      "https://static.levocdn.com/WLZ1TXTD/footer-4-logo-30Wfpd1Qp22h-1080w.webp",
-    "1200w":
-      "https://static.levocdn.com/WLZ1TXTD/footer-4-logo-30Wfpd1Qp22h-1200w.webp",
-    "1920w":
-      "https://static.levocdn.com/WLZ1TXTD/footer-4-logo-30Wfpd1Qp22h-1920w.webp",
-    "320w":
-      "https://static.levocdn.com/WLZ1TXTD/footer-4-logo-30Wfpd1Qp22h-320w.webp",
-    "640w":
-      "https://static.levocdn.com/WLZ1TXTD/footer-4-logo-30Wfpd1Qp22h-640w.webp",
-    "750w":
-      "https://static.levocdn.com/WLZ1TXTD/footer-4-logo-30Wfpd1Qp22h-750w.webp",
-    "828w":
-      "https://static.levocdn.com/WLZ1TXTD/footer-4-logo-30Wfpd1Qp22h-828w.webp",
+    "1080w": "https://static.levocdn.com/WLZ1TXTD/footer-4-logo-30Wfpd1Qp22h-1080w.webp",
+    "1200w": "https://static.levocdn.com/WLZ1TXTD/footer-4-logo-30Wfpd1Qp22h-1200w.webp",
+    "1920w": "https://static.levocdn.com/WLZ1TXTD/footer-4-logo-30Wfpd1Qp22h-1920w.webp",
+    "320w": "https://static.levocdn.com/WLZ1TXTD/footer-4-logo-30Wfpd1Qp22h-320w.webp",
+    "640w": "https://static.levocdn.com/WLZ1TXTD/footer-4-logo-30Wfpd1Qp22h-640w.webp",
+    "750w": "https://static.levocdn.com/WLZ1TXTD/footer-4-logo-30Wfpd1Qp22h-750w.webp",
+    "828w": "https://static.levocdn.com/WLZ1TXTD/footer-4-logo-30Wfpd1Qp22h-828w.webp",
     path: "https://static.levocdn.com/WLZ1TXTD/footer-4-logo-30Wfpd1Qp22h-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/footer-4-logo-30Wfpd1Qp22h-1920w.webp 1920w, https://static.levocdn.com/WLZ1TXTD/footer-4-logo-30Wfpd1Qp22h-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/footer-4-logo-30Wfpd1Qp22h-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/footer-4-logo-30Wfpd1Qp22h-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/footer-4-logo-30Wfpd1Qp22h-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/footer-4-logo-30Wfpd1Qp22h-640w.webp 640w",
   },
   mimetype: "image/png",

package/src/blocks/footer/footer-4.tsx

@@ -1,20 +1,18 @@
-import React from "react";
 import {
   Box,
   Container,
   Heading,
   Icon,
+  type ILevoBlockBaseProps,
   Image,
   Section,
   Typography,
-  type ILevoBlockBaseProps,
 } from "@levo-so/studio";
+import React from "react";
 
-import { type IFooter4Content } from "./footer-4.schema";
+import type { IFooter4Content } from "./footer-4.schema";
 
-const Footer4: React.FC<ILevoBlockBaseProps<IFooter4Content>> = ({
-  content,
-}) => (
+const Footer4: React.FC<ILevoBlockBaseProps<IFooter4Content>> = ({ content }) => (
   <Section elementKey="layout">
     <Container elementKey="container">
       <Box elementKey="contentWrapper">
@@ -22,18 +20,16 @@ const Footer4: React.FC<ILevoBlockBaseProps<IFooter4Content>> = ({
           <Image elementKey="logo" height={26} width={26} alt="footer-logo" />
           <Typography elementKey="logoDescription" />
           <Box elementKey="icon_links_levoGroup" data-levo_group>
-            {((content as any)?.icon_links ?? [])?.map(
-              (_: any, index: number) => (
-                <Box
-                  key={`footer-4-icon-${index}`}
-                  data-levo_group_item
-                  elementKey={`icon_links.${index}.iconWrapper`}
-                >
-                  <Icon elementKey={`icon_links.${index}.icon`} />
-                  <Typography elementKey={`icon_links.${index}.description`} />
-                </Box>
-              ),
-            )}
+            {((content as any)?.icon_links ?? [])?.map((_: any, index: number) => (
+              <Box
+                key={`footer-4-icon-${index}`}
+                data-levo_group_item
+                elementKey={`icon_links.${index}.iconWrapper`}
+              >
+                <Icon elementKey={`icon_links.${index}.icon`} />
+                <Typography elementKey={`icon_links.${index}.description`} />
+              </Box>
+            ))}
           </Box>
         </Box>
         <Box data-levo_group elementKey="links_levoGroup">
@@ -44,27 +40,20 @@ const Footer4: React.FC<ILevoBlockBaseProps<IFooter4Content>> = ({
               data-levo_group_item
             >
               <Heading elementKey={`links.${index}.category`} />
-              <Box
-                elementKey={`links.${index}.links_levoGroup`}
-                data-levo_group
-              >
-                {(content?.links?.[index]?.links ?? [])?.map(
-                  (_: any, subIndex: number) => (
-                    <Box
-                      elementKey={`links.${index}.links.${subIndex}.iconWrapper`}
+              <Box elementKey={`links.${index}.links_levoGroup`} data-levo_group>
+                {(content?.links?.[index]?.links ?? [])?.map((_: any, subIndex: number) => (
+                  <Box
+                    elementKey={`links.${index}.links.${subIndex}.iconWrapper`}
+                    key={`footer-4-links-${index}-${subIndex}`}
+                    data-levo_group_item
+                  >
+                    <Icon elementKey={`links.${index}.links.${subIndex}.icon`} />
+                    <Typography
+                      elementKey={`links.${index}.links.${subIndex}.cta`}
                       key={`footer-4-links-${index}-${subIndex}`}
-                      data-levo_group_item
-                    >
-                      <Icon
-                        elementKey={`links.${index}.links.${subIndex}.icon`}
-                      />
-                      <Typography
-                        elementKey={`links.${index}.links.${subIndex}.cta`}
-                        key={`footer-4-links-${index}-${subIndex}`}
-                      />
-                    </Box>
-                  ),
-                )}
+                    />
+                  </Box>
+                ))}
               </Box>
             </Box>
           ))}
@@ -73,22 +62,14 @@ const Footer4: React.FC<ILevoBlockBaseProps<IFooter4Content>> = ({
       <Box elementKey="footerBottomWrapper">
         <Typography elementKey="copyright" />
         <Box elementKey="footerBottomRightArea_levoGroup" data-levo_group>
-          {(content?.footerBottomRightArea ?? [])?.map(
-            (_: any, index: number) => (
-              <React.Fragment key={`footer-4-right-area-${index}`}>
-                <Typography
-                  data-levo_group_item
-                  elementKey={`footerBottomRightArea.${index}.cta`}
-                />
-                {index < (content?.footerBottomRightArea?.length ?? 0) - 1 && (
-                  <Box
-                    elementKey={`footerBottomRightArea.${index}.separator`}
-                    data-levo_group_item
-                  />
-                )}
-              </React.Fragment>
-            ),
-          )}
+          {(content?.footerBottomRightArea ?? [])?.map((_: any, index: number) => (
+            <React.Fragment key={`footer-4-right-area-${index}`}>
+              <Typography data-levo_group_item elementKey={`footerBottomRightArea.${index}.cta`} />
+              {index < (content?.footerBottomRightArea?.length ?? 0) - 1 && (
+                <Box elementKey={`footerBottomRightArea.${index}.separator`} data-levo_group_item />
+              )}
+            </React.Fragment>
+          ))}
         </Box>
       </Box>
     </Container>