@levo-so/blocks 0.1.59 → 0.1.61

package/src/blocks/users/edit-profile.tsx

@@ -1,24 +1,20 @@
+import { errorHandler, Spinner, successToast, useLevo } from "@levo-so/react";
 import {
-  type ILevoBlockBaseProps,
   Box,
   Button,
   Container,
   EditForm,
   Heading,
+  type ILevoBlockBaseProps,
   Section,
   Typography,
   useAuth,
-  useBlockContext,
 } from "@levo-so/studio";
 import { useEffect, useState } from "react";
-import { errorHandler, Spinner, successToast, useLevo } from "@levo-so/react";
 
 import type { IEditProfileContent } from "./edit-profile.schema";
 
-const EditProfile: React.FC<ILevoBlockBaseProps<IEditProfileContent>> = ({
-  content,
-  config,
-}) => {
+const EditProfile: React.FC<ILevoBlockBaseProps<IEditProfileContent>> = ({ content, config }) => {
   const levoClient = useLevo();
 
   const [activeIndex, setActiveIndex] = useState<number>(0);
@@ -28,7 +24,6 @@ const EditProfile: React.FC<ILevoBlockBaseProps<IEditProfileContent>> = ({
   const [isFormLoading, setIsFormLoading] = useState<boolean>(true);
 
   const { account, isAuthLoaded } = useAuth();
-  const { isBuilder } = useBlockContext();
 
   const collectionKey = config?.profile_settings_form?.form?.schema?.key;
   const isMembershipForm = collectionKey === "so_levo_membership_account";
@@ -47,8 +42,7 @@ const EditProfile: React.FC<ILevoBlockBaseProps<IEditProfileContent>> = ({
           setFormData(account ?? {});
           setEntry(null);
         } else {
-          const response =
-            await levoClient?.collection?.getDraftEntry(collectionKey);
+          const response = await levoClient?.collection?.getDraftEntry(collectionKey);
 
           const entries = response?.content?.data ?? [];
 
@@ -78,17 +72,13 @@ const EditProfile: React.FC<ILevoBlockBaseProps<IEditProfileContent>> = ({
 
     setIsLoading(true);
     try {
-      const allFields =
-        config?.profile_settings_form?.form?.schema?.sections?.flatMap(
-          (v) => v?.fields,
-        );
-      const hiddenFieldsInstance =
-        config?.profile_settings_form?.form?.hidden_fields ?? [];
+      const allFields = config?.profile_settings_form?.form?.schema?.sections?.flatMap(
+        (v) => v?.fields,
+      );
+      const hiddenFieldsInstance = config?.profile_settings_form?.form?.hidden_fields ?? [];
 
       const availableFields =
-        allFields
-          ?.filter((v) => !hiddenFieldsInstance?.includes(v?.id))
-          ?.map((v) => v?.key) ?? [];
+        allFields?.filter((v) => !hiddenFieldsInstance?.includes(v?.id))?.map((v) => v?.key) ?? [];
 
       const filteredValues = Object.entries(values)?.filter(([key]) =>
         availableFields?.includes(key),
@@ -135,14 +125,21 @@ const EditProfile: React.FC<ILevoBlockBaseProps<IEditProfileContent>> = ({
         </Box>
         <Box elementKey="profile_section">
           <Box elementKey="sections_levoGroup" data-levo_group>
-            {(content?.sections ?? [])?.map((_: any, index: number) => {
+            {(content?.sections ?? [])?.map((section: any, sectionIndex: number) => {
               return (
-                <Button
+                <Box
+                  key={`sections-${sectionIndex}`}
+                  elementKey={`sections.${sectionIndex}.ctas_levoGroup`}
                   data-levo_group_item
-                  key={`sections-${index}`}
-                  elementKey={`sections.${index}.cta`}
-                  onClick={() => setActiveIndex(index)}
-                />
+                >
+                  {(section?.ctas ?? [])?.map((_: any, ctaIndex: number) => (
+                    <Button
+                      key={`sections.${sectionIndex}.ctas.${ctaIndex}.cta`}
+                      elementKey={`sections.${sectionIndex}.ctas.${ctaIndex}.cta`}
+                      onClick={() => setActiveIndex(sectionIndex)}
+                    />
+                  ))}
+                </Box>
               );
             })}
           </Box>
@@ -150,9 +147,7 @@ const EditProfile: React.FC<ILevoBlockBaseProps<IEditProfileContent>> = ({
             <Box elementKey={`sections.${activeIndex}.wrapper`}>
               <Box elementKey={`sections.${activeIndex}.header`}>
                 <Heading elementKey={`sections.${activeIndex}.title`} />
-                <Typography
-                  elementKey={`sections.${activeIndex}.description`}
-                />
+                <Typography elementKey={`sections.${activeIndex}.description`} />
               </Box>
 
               <>

package/src/constants/index.ts

@@ -0,0 +1,16 @@
+export const LEVO_DEFAULT_BLUE_IMAGE = {
+  id: "7141014160938075687",
+  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",
+  },
+};

package/src/index.ts

@@ -1,7 +1,7 @@
 import { blocksRegistry } from "@levo-so/studio";
 
-import * as schemas from "./schemas";
 import * as components from "./blocks";
+import * as schemas from "./schemas";
 
 export { components };
 export { schemas };

package/src/schemas/blocks.ts

@@ -6,8 +6,6 @@ import { BlogListing1 } from "../blocks/blogs/blog-listing-1.schema";
 import { BlogListing2 } from "../blocks/blogs/blog-listing-2.schema";
 import { BlogListing3 } from "../blocks/blogs/blog-listing-3.schema";
 import { BlogPost1 } from "../blocks/blogs/blog-post-1.schema";
-import { BlogPost2 } from "../blocks/blogs/blog-post-2.schema";
-import { BlogPost3 } from "../blocks/blogs/blog-post-3.schema";
 import { Calendar1 } from "../blocks/calendar/calendar-1.schema";
 import { Cards2 } from "../blocks/cards/cards-2.schema";
 import { Cards3 } from "../blocks/cards/cards-3.schema";
@@ -25,6 +23,8 @@ import { Cards14 } from "../blocks/cards/cards-14.schema";
 import { Cards15 } from "../blocks/cards/cards-15.schema";
 import { Carousel1 } from "../blocks/carousel/carousel-1.schema";
 import { Carousel2 } from "../blocks/carousel/carousel-2.schema";
+import { Community1 } from "../blocks/community/community-1.schema";
+import { CommunityPost1 } from "../blocks/community/community-post-1.schema";
 import { ContactUs1 } from "../blocks/contact-us/contact-us-1.schema";
 import { ContactUs2 } from "../blocks/contact-us/contact-us-2.schema";
 import { Content1 } from "../blocks/content/content-1.schema";
@@ -54,13 +54,15 @@ import { Features3 } from "../blocks/features/features-3.schema";
 import { Features4 } from "../blocks/features/features-4.schema";
 import { Features5 } from "../blocks/features/features-5.schema";
 import { Features6 } from "../blocks/features/features-6.schema";
+import { FilterListing1 } from "../blocks/filter-listing/filter-listing-1.schema";
+import { FloatingButton1 } from "../blocks/floating-buttons/floating-button-1.schema";
 import { Footer1 } from "../blocks/footer/footer-1.schema";
 import { Footer2 } from "../blocks/footer/footer-2.schema";
 import { Footer3 } from "../blocks/footer/footer-3.schema";
 import { Footer4 } from "../blocks/footer/footer-4.schema";
 import { Footer5 } from "../blocks/footer/footer-5.schema";
 import { Footer6 } from "../blocks/footer/footer-6.schema";
-import { FilterListing1 } from "../blocks/filter-listing/filter-listing-1.schema";
+import { Form1 } from "../blocks/form/form-1.schema";
 import { Hero1 } from "../blocks/hero/hero-1.schema";
 import { Hero2 } from "../blocks/hero/hero-2.schema";
 import { Hero3 } from "../blocks/hero/hero-3.schema";
@@ -74,10 +76,12 @@ import { Hero10 } from "../blocks/hero/hero-10.schema";
 import { Hero11 } from "../blocks/hero/hero-11.schema";
 import { Hero12 } from "../blocks/hero/hero-12.schema";
 import { Hero13 } from "../blocks/hero/hero-13.schema";
+import { Jobs1 } from "../blocks/jobs/jobs-1.schema";
 import { Logos1 } from "../blocks/logos/logos-1.schema";
 import { Navbar1 } from "../blocks/navbar/navbar-1.schema";
 import { Navbar2 } from "../blocks/navbar/navbar-2.schema";
 import { Navbar3 } from "../blocks/navbar/navbar-3.schema";
+import { Navbar4 } from "../blocks/navbar/navbar-4.schema";
 import { Polling1 } from "../blocks/polling/polling-1.schema";
 import { Pricing1 } from "../blocks/pricing/pricing-1.schema";
 import { ProductsListing1 } from "../blocks/products/products-listing-1.schema";
@@ -86,6 +90,8 @@ import { ProductsListing3 } from "../blocks/products/products-listing-3.schema";
 import { Profile1 } from "../blocks/profile/profile-1.schema";
 import { Profile2 } from "../blocks/profile/profile-2.schema";
 import { Profile3 } from "../blocks/profile/profile-3.schema";
+import { Profile4 } from "../blocks/profile/profile-4.schema";
+import { Profile5 } from "../blocks/profile/profile-5.schema";
 import { Service1 } from "../blocks/services/service-1.schema";
 import { Service2 } from "../blocks/services/service-2.schema";
 import { Service3 } from "../blocks/services/service-3.schema";
@@ -116,9 +122,9 @@ export const BlockList: IBlock[] = [
   BlogListing2,
   BlogListing3,
   BlogPost1,
-  BlogPost2,
-  BlogPost3,
   Calendar1,
+  Community1,
+  CommunityPost1,
   Cards2,
   Cards3,
   Cards4,
@@ -171,7 +177,9 @@ export const BlockList: IBlock[] = [
   Footer4,
   Footer5,
   Footer6,
+  Form1,
   FilterListing1,
+  FloatingButton1,
   Hero1,
   Hero2,
   Hero3,
@@ -185,10 +193,12 @@ export const BlockList: IBlock[] = [
   Hero11,
   Hero12,
   Hero13,
+  Jobs1,
   Logos1,
   Navbar1,
   Navbar2,
   Navbar3,
+  Navbar4,
   Polling1,
   Pricing1,
   ProductsListing1,
@@ -197,6 +207,8 @@ export const BlockList: IBlock[] = [
   Profile1,
   Profile2,
   Profile3,
+  Profile4,
+  Profile5,
   Service1,
   Service2,
   Service3,

package/src/schemas/categories.ts

@@ -19,6 +19,12 @@ const categories: IBlockCategory[] = [
     description: "",
     media: [],
   },
+  {
+    id: "community",
+    title: "Community",
+    description: "",
+    media: [],
+  },
   {
     id: "contact-us",
     title: "Contact Us",
@@ -67,12 +73,24 @@ const categories: IBlockCategory[] = [
     description: "",
     media: [],
   },
+  {
+    id: "form",
+    title: "Form",
+    description: "",
+    media: [],
+  },
   {
     id: "hero",
     title: "Hero",
     description: "",
     media: [],
   },
+  {
+    id: "jobs",
+    title: "Jobs",
+    description: "",
+    media: [],
+  },
   {
     id: "logos",
     title: "Logos",
@@ -169,8 +187,14 @@ const categories: IBlockCategory[] = [
     description: "",
     media: [],
   },
+  {
+    id: "floating-buttons",
+    title: "Floating Buttons",
+    description: "",
+    media: [],
+  },
 ];
 
-export const BlockCategoryList: IBlockCategory[] = [...categories].sort(
-  (a, b) => a.title.localeCompare(b.title),
+export const BlockCategoryList: IBlockCategory[] = [...categories].sort((a, b) =>
+  a.title.localeCompare(b.title),
 );