@levo-so/blocks 0.1.98 → 0.1.100

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@levo-so/blocks",
-  "version": "0.1.98",
+  "version": "0.1.100",
   "author": "Levo Engineering <devs@theinternetfolks.com>",
   "description": "Set of blocks for Levo studio",
   "type": "module",
@@ -16,7 +16,7 @@
     "react": ">=18",
     "react-dom": ">=18",
     "@levo-so/react": "0.1.86",
-    "@levo-so/studio": "0.1.98",
+    "@levo-so/studio": "0.1.100",
     "@levo-so/core": "0.1.82"
   },
   "dependencies": {
@@ -29,10 +29,10 @@
     "@types/react": "19.2.14",
     "@types/react-dom": "19.2.3",
     "typescript": "5.9.3",
+    "@levo/ts-config": "0.0.0",
     "@levo-so/react": "0.1.86",
-    "@levo-so/studio": "0.1.98",
-    "@levo-so/core": "0.1.82",
-    "@levo/ts-config": "0.0.0"
+    "@levo-so/studio": "0.1.100",
+    "@levo-so/core": "0.1.82"
   },
   "main": "./src/index.ts",
   "exports": {

package/src/blocks/blogs/blog-listing-1.tsx

@@ -31,7 +31,7 @@ interface IBlogMeta {
 
 const BlogListing1: React.FC<ILevoBlockBaseProps<IBlogListing1Content>> = ({ content }) => {
   const { response, query, setQuery } = useContextEngine<IPost, IBlogMeta>("blogs");
-  const { isBuilder, blockData } = useBlockContext();
+  const { isStudio, blockData } = useBlockContext();
 
   const handleNext = () => setQuery({ page: (query?.page || 0) + 1 });
   const handlePrevious = () => setQuery({ page: (query?.page || 0) - 1 });
@@ -67,14 +67,14 @@ const BlogListing1: React.FC<ILevoBlockBaseProps<IBlogListing1Content>> = ({ con
                 key={index}
                 elementKey={`blogs.${index}.blog`}
                 config={
-                  (isBuilder && studioConfig?.preview_url) || (!isBuilder && studioConfig?.live_url)
+                  (isStudio && studioConfig?.preview_url) || (!isStudio && studioConfig?.live_url)
                     ? {
                         action: {
                           type: "external_link",
                           value:
-                            isBuilder && studioConfig.preview_url
+                            isStudio && studioConfig.preview_url
                               ? studioConfig.preview_url.replace(/\{[^}]+\}/g, item?.slug)
-                              : !isBuilder && studioConfig.live_url
+                              : !isStudio && studioConfig.live_url
                                 ? studioConfig.live_url.replace(/\{[^}]+\}/g, item?.slug)
                                 : "",
                           options: {},

package/src/blocks/blogs/blog-listing-2.tsx

@@ -31,7 +31,7 @@ interface IBlogMeta {
 
 const BlogListing2: React.FC<ILevoBlockBaseProps<IBlogListing2Content>> = ({ content }) => {
   const { response, query, setQuery } = useContextEngine<IPost, IBlogMeta>("blogs");
-  const { isBuilder, blockData } = useBlockContext();
+  const { isStudio, blockData } = useBlockContext();
 
   const handleNext = () => setQuery({ page: (query?.page || 0) + 1 });
   const handlePrevious = () => setQuery({ page: (query?.page || 0) - 1 });
@@ -67,14 +67,14 @@ const BlogListing2: React.FC<ILevoBlockBaseProps<IBlogListing2Content>> = ({ con
               data-levo_group_item
               elementKey={`blogs.${index}.blog`}
               config={
-                (isBuilder && studioConfig?.preview_url) || (!isBuilder && studioConfig?.live_url)
+                (isStudio && studioConfig?.preview_url) || (!isStudio && studioConfig?.live_url)
                   ? {
                       action: {
                         type: "external_link",
                         value:
-                          isBuilder && studioConfig.preview_url
+                          isStudio && studioConfig.preview_url
                             ? studioConfig.preview_url.replace(/\{[^}]+\}/g, item?.slug)
-                            : !isBuilder && studioConfig.live_url
+                            : !isStudio && studioConfig.live_url
                               ? studioConfig.live_url.replace(/\{[^}]+\}/g, item?.slug)
                               : "",
                         options: {},

package/src/blocks/blogs/blog-listing-3.tsx

@@ -31,7 +31,7 @@ interface IBlogMeta {
 
 const BlogListing3: React.FC<ILevoBlockBaseProps<IBlogListing3Content>> = ({ content, config }) => {
   const { response, query, setQuery } = useContextEngine<IPost, IBlogMeta>("blogs");
-  const { isBuilder, blockData } = useBlockContext();
+  const { isStudio, blockData } = useBlockContext();
 
   const handleNext = () => setQuery({ page: (query?.page || 0) + 1 });
   const handlePrevious = () => setQuery({ page: (query?.page || 0) - 1 });
@@ -63,14 +63,14 @@ const BlogListing3: React.FC<ILevoBlockBaseProps<IBlogListing3Content>> = ({ con
               data-levo_group_item
               elementKey={`blogs.${index}.blog`}
               config={
-                (isBuilder && studioConfig?.preview_url) || (!isBuilder && studioConfig?.live_url)
+                (isStudio && studioConfig?.preview_url) || (!isStudio && studioConfig?.live_url)
                   ? {
                       action: {
                         type: "external_link",
                         value:
-                          isBuilder && studioConfig.preview_url
+                          isStudio && studioConfig.preview_url
                             ? studioConfig.preview_url.replace(/\{[^}]+\}/g, item?.slug)
-                            : !isBuilder && studioConfig.live_url
+                            : !isStudio && studioConfig.live_url
                               ? studioConfig.live_url.replace(/\{[^}]+\}/g, item?.slug)
                               : "",
                         options: {},

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

@@ -103,7 +103,7 @@ const Community1: React.FC<ILevoBlockBaseProps<ICommunity1Content>> = ({ content
   // Join request state
   const [joinRequest, setJoinRequest] = useState<IForumJoinRequest | null>(null);
 
-  const { parsedBlockData, isBuilder } = useBlockContext();
+  const { parsedBlockData, isStudio } = useBlockContext();
   const forumKey = useMemo(() => {
     return (
       parsedBlockData?.source?.find((s) => s.module === "community")?.identifier ||
@@ -129,7 +129,7 @@ const Community1: React.FC<ILevoBlockBaseProps<ICommunity1Content>> = ({ content
         .json<IResponseSingle<IForum>>();
 
       if (response?.content?.data) {
-        if (isBuilder) {
+        if (isStudio) {
           setForumData({
             ...response.content.data,
             settings: {
@@ -147,7 +147,7 @@ const Community1: React.FC<ILevoBlockBaseProps<ICommunity1Content>> = ({ content
       levoClient?.logger?.error("Error fetching single forum data:", error);
       return null;
     }
-  }, [forumKey, isBuilder]);
+  }, [forumKey, isStudio]);
 
   const checkMembership = useCallback(async () => {
     if (!forumData?.settings?.invite_only || !isLoggedIn) {
@@ -158,7 +158,7 @@ const Community1: React.FC<ILevoBlockBaseProps<ICommunity1Content>> = ({ content
     }
 
     // In builder mode, bypass API call and use sample data
-    if (isBuilder) {
+    if (isStudio) {
       const data = SAMPLE_GET_MEMBER_RESPONSE.content.data;
       setIsMember(!!data?.member);
       setJoinRequest(data?.join_request || null);
@@ -186,7 +186,7 @@ const Community1: React.FC<ILevoBlockBaseProps<ICommunity1Content>> = ({ content
       setIsLoadingMembership(false);
       hasFetchedMembershipRef.current = true;
     }
-  }, [forumKey, forumData?.settings?.invite_only, isLoggedIn, isBuilder, levoClient]);
+  }, [forumKey, forumData?.settings?.invite_only, isLoggedIn, isStudio, levoClient]);
 
   /**
    * Submit a join request for the current user
@@ -368,29 +368,29 @@ const Community1: React.FC<ILevoBlockBaseProps<ICommunity1Content>> = ({ content
 
   const postDetailPageURLPattern = useMemo(() => {
     if (
-      (isBuilder && detailPageStudioConfig?.preview_url) ||
-      (!isBuilder && detailPageStudioConfig?.live_url)
+      (isStudio && detailPageStudioConfig?.preview_url) ||
+      (!isStudio && detailPageStudioConfig?.live_url)
     ) {
-      return isBuilder && detailPageStudioConfig.preview_url
+      return isStudio && detailPageStudioConfig.preview_url
         ? detailPageStudioConfig.preview_url
-        : !isBuilder && detailPageStudioConfig.live_url
+        : !isStudio && detailPageStudioConfig.live_url
           ? detailPageStudioConfig.live_url
           : "";
     }
-  }, [isBuilder, detailPageStudioConfig]);
+  }, [isStudio, detailPageStudioConfig]);
 
   const postListingPageURL = useMemo(() => {
     if (
-      (isBuilder && listingPageStudioConfig?.preview_url) ||
-      (!isBuilder && listingPageStudioConfig?.live_url)
+      (isStudio && listingPageStudioConfig?.preview_url) ||
+      (!isStudio && listingPageStudioConfig?.live_url)
     ) {
-      return isBuilder && listingPageStudioConfig.preview_url
+      return isStudio && listingPageStudioConfig.preview_url
         ? listingPageStudioConfig.preview_url
-        : !isBuilder && listingPageStudioConfig.live_url
+        : !isStudio && listingPageStudioConfig.live_url
           ? listingPageStudioConfig.live_url
           : "";
     }
-  }, [isBuilder, listingPageStudioConfig]);
+  }, [isStudio, listingPageStudioConfig]);
 
   const isInviteOnly = forumData?.settings?.invite_only ?? false;
   const allowJoinRequests = forumData?.settings?.allow_join_requests ?? false;

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

@@ -91,7 +91,7 @@ const PostDetailSkeleton: React.FC = () => (
 const CommunityPost1: React.FC<ILevoBlockBaseProps<ICommunityPost1Content>> = ({ content }) => {
   const { fetch, logger } = useLevo();
   const { isLoggedIn } = useAuth();
-  const { isBuilder } = useBlockContext();
+  const { isStudio } = useBlockContext();
   const pagePost = usePageContext("community");
 
   const postSource = pagePost && Object.keys(pagePost).length > 0 ? pagePost : content?.post;
@@ -123,7 +123,7 @@ const CommunityPost1: React.FC<ILevoBlockBaseProps<ICommunityPost1Content>> = ({
         .json<IResponseSingle<IForum>>();
 
       if (response?.content?.data) {
-        if (isBuilder) {
+        if (isStudio) {
           setForumData({
             ...response.content.data,
             settings: {
@@ -142,7 +142,7 @@ const CommunityPost1: React.FC<ILevoBlockBaseProps<ICommunityPost1Content>> = ({
       logger?.error("Failed to fetch forum data", levoError);
       failedForumAttemptsRef.current += 1;
     }
-  }, [forumKey, fetch, logger, isBuilder]);
+  }, [forumKey, fetch, logger, isStudio]);
 
   const checkMembership = useCallback(async () => {
     if (!forumData?.settings?.invite_only || !isLoggedIn) {
@@ -153,7 +153,7 @@ const CommunityPost1: React.FC<ILevoBlockBaseProps<ICommunityPost1Content>> = ({
     }
 
     // In builder mode, bypass API call and use sample data
-    if (isBuilder) {
+    if (isStudio) {
       const data = SAMPLE_GET_MEMBER_RESPONSE.content.data;
       setIsMember(!!data?.member);
       setJoinRequest(data?.join_request || null);
@@ -186,7 +186,7 @@ const CommunityPost1: React.FC<ILevoBlockBaseProps<ICommunityPost1Content>> = ({
     } finally {
       setIsLoadingMembership(false);
     }
-  }, [forumKey, forumData?.settings?.invite_only, isLoggedIn, isBuilder, fetch, logger]);
+  }, [forumKey, forumData?.settings?.invite_only, isLoggedIn, isStudio, fetch, logger]);
 
   /** Submit a join request for the current user */
   const handleSubmitJoinRequest = useCallback(
@@ -239,29 +239,29 @@ const CommunityPost1: React.FC<ILevoBlockBaseProps<ICommunityPost1Content>> = ({
 
   const postDetailPageURLPattern = useMemo(() => {
     if (
-      (isBuilder && detailPageStudioConfig?.preview_url) ||
-      (!isBuilder && detailPageStudioConfig?.live_url)
+      (isStudio && detailPageStudioConfig?.preview_url) ||
+      (!isStudio && detailPageStudioConfig?.live_url)
     ) {
-      return isBuilder && detailPageStudioConfig.preview_url
+      return isStudio && detailPageStudioConfig.preview_url
         ? detailPageStudioConfig.preview_url
-        : !isBuilder && detailPageStudioConfig.live_url
+        : !isStudio && detailPageStudioConfig.live_url
           ? detailPageStudioConfig.live_url
           : "";
     }
-  }, [isBuilder, detailPageStudioConfig]);
+  }, [isStudio, detailPageStudioConfig]);
 
   const postListingPageURL = useMemo(() => {
     if (
-      (isBuilder && listingPageStudioConfig?.preview_url) ||
-      (!isBuilder && listingPageStudioConfig?.live_url)
+      (isStudio && listingPageStudioConfig?.preview_url) ||
+      (!isStudio && listingPageStudioConfig?.live_url)
     ) {
-      return isBuilder && listingPageStudioConfig.preview_url
+      return isStudio && listingPageStudioConfig.preview_url
         ? listingPageStudioConfig.preview_url
-        : !isBuilder && listingPageStudioConfig.live_url
+        : !isStudio && listingPageStudioConfig.live_url
           ? listingPageStudioConfig.live_url
           : "";
     }
-  }, [isBuilder, listingPageStudioConfig]);
+  }, [isStudio, listingPageStudioConfig]);
 
   // Reset fetch state when the post changes
   const postCommentsCount = (postSource as unknown as IForumPost)?.comments_count ?? 0;

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

@@ -245,7 +245,7 @@ export const Content10: IBlock = {
     {
       key: "content",
       label: "Content",
-      field_interface: "TypographyWidget",
+      field_interface: "BlogContentWidget",
       hint: {
         prompt_description:
           "Full blog article body. Use formal, professional tone suitable for financial topics. Include headings, paragraphs, and clear explanations. Length should be 800–2000 words for a comprehensive post.",

package/src/blocks/content/content-10.tsx

@@ -1,5 +1,5 @@
 import type { ILevoBlockBaseProps } from "@levo-so/studio";
-import { Box, Container, Heading, Icon, Media, Section, Typography } from "@levo-so/studio";
+import { BlogContent, Box, Container, Heading, Icon, Media, Section, Typography } from "@levo-so/studio";
 import type React from "react";
 
 import type { IContent10Content } from "./content-10.schema";
@@ -32,7 +32,7 @@ const Content10: React.FC<ILevoBlockBaseProps<IContent10Content>> = ({ content }
         </Box>
         <Box elementKey="content-wrapper">
           <Box elementKey="content-section">
-            <Typography elementKey="content" className="LevoProseMirror" />
+            <BlogContent elementKey="content" />
           </Box>
         </Box>
       </Container>

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

@@ -0,0 +1,36 @@
+import type { IBlock } from "@levo-so/studio";
+
+const DEFAULT_CONTENT = {
+  html: '<div style="padding:40px;text-align:center;background:#f3f4f6;border-radius:12px;font-family:system-ui,sans-serif;">\n  <h2 style="margin:0 0 8px;font-size:24px;">Custom HTML</h2>\n  <p style="margin:0;color:#6b7280;">Paste any HTML here — it renders as-is.</p>\n</div>',
+};
+
+export type IEmbed2Content = typeof DEFAULT_CONTENT;
+
+export const Embed2: IBlock = {
+  category_id: "embed",
+  title: "Custom HTML",
+  key: "embed-2",
+  version: "v1",
+  prompt_description:
+    "A transparent block for embedding custom HTML. The wrapper is invisible to layout so the pasted HTML renders as if no wrapper exists.",
+  content_schema: [
+    {
+      key: "html",
+      label: "HTML",
+      field_interface: "IframeWidget",
+    },
+  ],
+  layouts: [
+    {
+      key: "default",
+      title: "Default",
+      styles: {
+        html: {
+          display: "contents",
+        },
+      },
+      content: DEFAULT_CONTENT,
+      config: {},
+    },
+  ],
+};

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

@@ -0,0 +1,10 @@
+import type { ILevoBlockBaseProps } from "@levo-so/studio";
+import { Iframe } from "@levo-so/studio";
+
+import type { IEmbed2Content } from "./embed-2.schema";
+
+const Embed2: React.FC<ILevoBlockBaseProps<IEmbed2Content>> = () => (
+  <Iframe elementKey="html" />
+);
+
+export default Embed2;

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

@@ -62,9 +62,9 @@ const EventDetails: React.FC<ILevoBlockBaseProps<IEventDetailsContent>> = () =>
 
         <Box elementKey="content-section">
           <Box elementKey="main-content">
-            {data?.id ? (
+            {data?._id ? (
               <RegisterModal
-                eventID={data?.id as string}
+                eventID={data?._id as string}
                 title={data?.title}
                 external={data?.external_ticketing}
               />

package/src/blocks/event/event-listing-2.tsx

@@ -28,7 +28,7 @@ interface IEventMeta {
 
 const EventListing2: React.FC<ILevoBlockBaseProps<IEventListing2Content>> = ({ content }) => {
   const { response, query, setQuery } = useContextEngine<LevoEvent.Root, IEventMeta>("events");
-  const { isBuilder } = useBlockContext();
+  const { isStudio } = useBlockContext();
 
   const handleNext = () => setQuery({ page: (query?.page || 0) + 1 });
   const handlePrevious = () => setQuery({ page: (query?.page || 0) - 1 });
@@ -59,14 +59,14 @@ const EventListing2: React.FC<ILevoBlockBaseProps<IEventListing2Content>> = ({ c
               data-levo_group_item
               elementKey={`events.${index}.eventWrapper`}
               config={
-                (isBuilder && studioConfig?.preview_url) || (!isBuilder && studioConfig?.live_url)
+                (isStudio && studioConfig?.preview_url) || (!isStudio && studioConfig?.live_url)
                   ? {
                       action: {
                         type: "external_link",
                         value:
-                          isBuilder && studioConfig.preview_url
+                          isStudio && studioConfig.preview_url
                             ? studioConfig.preview_url.replace(/\{[^}]+\}/g, item?.slug)
-                            : !isBuilder && studioConfig.live_url
+                            : !isStudio && studioConfig.live_url
                               ? studioConfig.live_url.replace(/\{[^}]+\}/g, item?.slug)
                               : "",
                         options: {},

package/src/blocks/event/event-listing-3.tsx

@@ -28,7 +28,7 @@ interface IEventMeta {
 
 const EventListing3: React.FC<ILevoBlockBaseProps<IEventListing3>> = ({ content }) => {
   const { response, query, setQuery } = useContextEngine<LevoEvent.Root, IEventMeta>("events");
-  const { isBuilder } = useBlockContext();
+  const { isStudio } = useBlockContext();
 
   const handleNext = () => setQuery({ page: (query?.page || 0) + 1 });
   const handlePrevious = () => setQuery({ page: (query?.page || 0) - 1 });
@@ -59,14 +59,14 @@ const EventListing3: React.FC<ILevoBlockBaseProps<IEventListing3>> = ({ content
               data-levo_group_item
               elementKey={`events.${index}.eventWrapper`}
               config={
-                (isBuilder && studioConfig?.preview_url) || (!isBuilder && studioConfig?.live_url)
+                (isStudio && studioConfig?.preview_url) || (!isStudio && studioConfig?.live_url)
                   ? {
                       action: {
                         type: "external_link",
                         value:
-                          isBuilder && studioConfig.preview_url
+                          isStudio && studioConfig.preview_url
                             ? studioConfig.preview_url.replace(/\{[^}]+\}/g, item?.slug)
-                            : !isBuilder && studioConfig.live_url
+                            : !isStudio && studioConfig.live_url
                               ? studioConfig.live_url.replace(/\{[^}]+\}/g, item?.slug)
                               : "",
                         options: {},

package/src/blocks/event/event-listing-4.tsx

@@ -28,7 +28,7 @@ interface IEventMeta {
 
 const EventListing4: React.FC<ILevoBlockBaseProps<IEventListing4>> = ({ content }) => {
   const { response, query, setQuery } = useContextEngine<LevoEvent.Root, IEventMeta>("events");
-  const { isBuilder } = useBlockContext();
+  const { isStudio } = useBlockContext();
 
   const handleNext = () => setQuery({ page: (query?.page || 0) + 1 });
   const handlePrevious = () => setQuery({ page: (query?.page || 0) - 1 });
@@ -58,14 +58,14 @@ const EventListing4: React.FC<ILevoBlockBaseProps<IEventListing4>> = ({ content
               data-levo_group_item
               elementKey={`events.${index}.eventWrapper`}
               config={
-                (isBuilder && studioConfig?.preview_url) || (!isBuilder && studioConfig?.live_url)
+                (isStudio && studioConfig?.preview_url) || (!isStudio && studioConfig?.live_url)
                   ? {
                       action: {
                         type: "external_link",
                         value:
-                          isBuilder && studioConfig.preview_url
+                          isStudio && studioConfig.preview_url
                             ? studioConfig.preview_url.replace(/\{[^}]+\}/g, item?.slug)
-                            : !isBuilder && studioConfig.live_url
+                            : !isStudio && studioConfig.live_url
                               ? studioConfig.live_url.replace(/\{[^}]+\}/g, item?.slug)
                               : "",
                         options: {},

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

@@ -28,7 +28,7 @@ interface IEventMeta {
 
 const EventListing: React.FC<ILevoBlockBaseProps<IEventListing>> = ({ content }) => {
   const { response, query, setQuery } = useContextEngine<LevoEvent.Root, IEventMeta>("events");
-  const { isBuilder } = useBlockContext();
+  const { isStudio } = useBlockContext();
 
   const handleNext = () => setQuery({ page: (query?.page || 0) + 1 });
   const handlePrevious = () => setQuery({ page: (query?.page || 0) - 1 });
@@ -58,14 +58,14 @@ const EventListing: React.FC<ILevoBlockBaseProps<IEventListing>> = ({ content })
               data-levo_group_item
               elementKey={`events.${index}.eventWrapper`}
               config={
-                (isBuilder && studioConfig?.preview_url) || (!isBuilder && studioConfig?.live_url)
+                (isStudio && studioConfig?.preview_url) || (!isStudio && studioConfig?.live_url)
                   ? {
                       action: {
                         type: "external_link",
                         value:
-                          isBuilder && studioConfig.preview_url
+                          isStudio && studioConfig.preview_url
                             ? studioConfig.preview_url.replace(/\{[^}]+\}/g, item?.slug)
-                            : !isBuilder && studioConfig.live_url
+                            : !isStudio && studioConfig.live_url
                               ? studioConfig.live_url.replace(/\{[^}]+\}/g, item?.slug)
                               : "",
                         options: {},

package/src/blocks/index.ts

@@ -48,6 +48,7 @@ const Cta1 = lazy(() => import("./cta/cta-1"));
 const Cta2 = lazy(() => import("./cta/cta-2"));
 const Cta3 = lazy(() => import("./cta/cta-3"));
 const Embed1 = lazy(() => import("./embed/embed-1"));
+const Embed2 = lazy(() => import("./embed/embed-2"));
 const EventListing = lazy(() => import("./event/event-listing"));
 const EventListing2 = lazy(() => import("./event/event-listing-2"));
 const EventListing3 = lazy(() => import("./event/event-listing-3"));
@@ -175,6 +176,7 @@ export const blocks: Record<string, React.LazyExoticComponent<React.ComponentTyp
   "cta-2:v1": Cta2,
   "cta-3:v1": Cta3,
   "embed-1:v1": Embed1,
+  "embed-2:v1": Embed2,
   "event-listing:v1": EventListing,
   "event-listing-2:v1": EventListing2,
   "event-listing-3:v1": EventListing3,

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

@@ -572,7 +572,7 @@ export const Jobs1: IBlock = {
     {
       key: "description_content",
       label: "Job Description",
-      field_interface: "TypographyWidget",
+      field_interface: "BlogContentWidget",
       hint: {
         prompt_description:
           "Full job description including responsibilities, requirements, and benefits.",

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

@@ -1,5 +1,6 @@
 import type { ILevoBlockBaseProps } from "@levo-so/studio";
 import {
+  BlogContent,
   Box,
   Button,
   Container,
@@ -132,7 +133,7 @@ const Jobs1: React.FC<ILevoBlockBaseProps<IJobs1Content>> = ({ content }) => (
             {/* Job Description Content */}
             <Box elementKey="description_section">
               <Heading elementKey="description_title" />
-              <Typography elementKey="description_content" className="LevoProseMirror" />
+              <BlogContent elementKey="description_content" />
             </Box>
           </Box>
           <Form elementKey="application_form" />

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

@@ -158,7 +158,7 @@ const PollOption: React.FC<{
   fetchPolls?: () => Promise<void>;
 }> = ({ option, totalVotes, selectedOption, pollId, fetchPolls }) => {
   const levoClient = useLevo();
-  const { isBuilder } = useBlockContext();
+  const { isStudio } = useBlockContext();
 
   const [isUserOnOption, setIsUserOnOption] = useState(false);
   const [isVoting, setIsVoting] = useState(false);
@@ -183,7 +183,7 @@ const PollOption: React.FC<{
   }, [percentage]);
 
   const handleOptionClick = async () => {
-    if (isBuilder || isVoting || isCurrentOptionSelected) return;
+    if (isStudio || isVoting || isCurrentOptionSelected) return;
 
     try {
       setIsVoting(true);
@@ -368,7 +368,7 @@ const Poll: React.FC<{
 
 const Polling1: React.FC<ILevoBlockBaseProps<IPolling1Content>> = ({ content }) => {
   const levoClient = useLevo();
-  const { isBuilder } = useBlockContext();
+  const { isStudio } = useBlockContext();
 
   const { account, isAuthLoaded } = useAuth();
 
@@ -395,7 +395,7 @@ const Polling1: React.FC<ILevoBlockBaseProps<IPolling1Content>> = ({ content })
   }, []);
 
   useEffect(() => {
-    if (isBuilder) return;
+    if (isStudio) return;
     fetchPolls();
   }, []);
 
@@ -407,7 +407,7 @@ const Polling1: React.FC<ILevoBlockBaseProps<IPolling1Content>> = ({ content })
           <Typography elementKey="description" />
         </Box>
         <Box elementKey="polls">
-          {isBuilder ? (
+          {isStudio ? (
             <>
               {POLLS_RESPONSE_SAMPLE?.content?.data?.map((item: any, index: number) => {
                 return (

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

@@ -471,7 +471,7 @@ export const Profile4: IBlock = {
     {
       key: "content",
       label: "Content",
-      field_interface: "TypographyWidget",
+      field_interface: "BlogContentWidget",
       hint: {
         prompt_description:
           "Full profile article content. Should be comprehensive and informative.",

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

@@ -1,5 +1,5 @@
 import type { ILevoBlockBaseProps } from "@levo-so/studio";
-import { Box, Button, Container, Form, Heading, Icon, Section, Typography } from "@levo-so/studio";
+import { BlogContent, Box, Button, Container, Form, Heading, Icon, Section, Typography } from "@levo-so/studio";
 import dayjs from "dayjs";
 import type React from "react";
 
@@ -84,7 +84,7 @@ const Profile4: React.FC<ILevoBlockBaseProps<IProfile4Content>> = ({ content })
           {/* Blog Content */}
           <Box elementKey="content-section">
             <Typography elementKey="content_title" />
-            <Typography elementKey="content" className="LevoProseMirror" />
+            <BlogContent elementKey="content" />
           </Box>
         </Box>
         <Form elementKey="contact_form" />

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

@@ -180,7 +180,7 @@ export const Profile5: IBlock = {
     {
       key: "content_description",
       label: "Content Description",
-      field_interface: "TypographyWidget",
+      field_interface: "BlogContentWidget",
       hint: {
         prompt_description:
           "Main content paragraph providing comprehensive information about the team, services, or offerings. Should be engaging and informative.",

package/src/blocks/profile/profile-5.tsx

@@ -1,4 +1,5 @@
 import {
+  BlogContent,
   Box,
   Button,
   Container,
@@ -45,7 +46,7 @@ const Profile5: React.FC<ILevoBlockBaseProps<IProfile5Content>> = ({ content })
             </Box>
           </Box>
           <Box elementKey="content_container">
-            <Typography elementKey="content_description" className="LevoProseMirror" />
+            <BlogContent elementKey="content_description" />
           </Box>
         </Box>
       </Box>

package/src/blocks/services/service-2.tsx

@@ -17,7 +17,7 @@ import type { IService2Content } from "./service-2.schema";
 
 const Service2: React.FC<ILevoBlockBaseProps<IService2Content>> = ({ content, config }) => {
   const [zipcode, setZipcode] = useState("");
-  const { isBuilder } = useBlockContext();
+  const { isStudio } = useBlockContext();
   return (
     <Section elementKey="layout">
       <Container elementKey="container">
@@ -73,7 +73,7 @@ const Service2: React.FC<ILevoBlockBaseProps<IService2Content>> = ({ content, co
                 elementKey="search_button"
                 onClick={() => {
                   if (
-                    !isBuilder &&
+                    !isStudio &&
                     zipcode &&
                     zipcode.length === 6 &&
                     config?.search_button?.custom_fields?.redirect_url

package/src/blocks/services/service-3.tsx

@@ -17,7 +17,7 @@ import type { IService3Content } from "./service-3.schema";
 
 const Service3: React.FC<ILevoBlockBaseProps<IService3Content>> = ({ content, config }) => {
   const [zipcode, setZipcode] = useState("");
-  const { isBuilder } = useBlockContext();
+  const { isStudio } = useBlockContext();
   return (
     <Section elementKey="layout">
       <Container elementKey="container">
@@ -106,7 +106,7 @@ const Service3: React.FC<ILevoBlockBaseProps<IService3Content>> = ({ content, co
                 elementKey="search_button"
                 onClick={() => {
                   if (
-                    !isBuilder &&
+                    !isStudio &&
                     zipcode &&
                     zipcode.length === 6 &&
                     config?.search_button?.custom_fields?.redirect_url

package/src/blocks/termsAndPrivacy/terms-and-conditions-1.schema.ts

@@ -82,7 +82,7 @@ export const TermsAndConditions1: IBlock = {
     {
       key: "content",
       label: "Content",
-      field_interface: "TypographyWidget",
+      field_interface: "BlogContentWidget",
       hint: {
         prompt_description:
           "Main legal document content with structured sections, headings, and paragraphs. Should include comprehensive terms covering service usage, responsibilities, privacy, and legal compliance. Tone: formal, clear, legally compliant.",

package/src/blocks/termsAndPrivacy/terms-and-conditions-1.tsx

@@ -1,4 +1,5 @@
 import {
+  BlogContent,
   Box,
   Container,
   Heading,
@@ -18,7 +19,7 @@ const TermsAndConditions1: React.FC<ILevoBlockBaseProps<ITermsAndConditions1Cont
         <Typography elementKey="subtitle" />
       </Box>
       <Box elementKey="content_wrapper">
-        <Typography className="LevoProseMirror" elementKey="content" />
+        <BlogContent elementKey="content" />
       </Box>
     </Container>
   </Section>

package/src/schemas/blocks.ts

@@ -49,6 +49,7 @@ import { Cta1 } from "../blocks/cta/cta-1.schema";
 import { Cta2 } from "../blocks/cta/cta-2.schema";
 import { Cta3 } from "../blocks/cta/cta-3.schema";
 import { Embed1 } from "../blocks/embed/embed-1.schema";
+import { Embed2 } from "../blocks/embed/embed-2.schema";
 import { EventDetails } from "../blocks/event/event-details.schema";
 import { EventListing } from "../blocks/event/event-listing.schema";
 import { EventListing2 } from "../blocks/event/event-listing-2.schema";
@@ -176,6 +177,7 @@ export const BlockList: IBlock[] = [
   Cta3,
   EditProfile,
   Embed1,
+  Embed2,
   EventDetails,
   EventListing,
   EventListing2,