@levo-so/blocks 0.1.75 → 0.1.77

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (58) hide show
  1. package/package.json +4 -4
  2. package/src/blocks/about-us/about-us-1.schema.ts +0 -3
  3. package/src/blocks/blogs/ClientOnly.tsx +24 -0
  4. package/src/blocks/blogs/blog-listing-1.schema.ts +750 -111
  5. package/src/blocks/blogs/blog-listing-1.tsx +123 -41
  6. package/src/blocks/blogs/blog-listing-2.schema.ts +1127 -2640
  7. package/src/blocks/blogs/blog-listing-2.tsx +110 -23
  8. package/src/blocks/blogs/blog-listing-3.schema.ts +713 -2010
  9. package/src/blocks/blogs/blog-listing-3.tsx +118 -20
  10. package/src/blocks/blogs/blog-post-1.schema.ts +262 -32
  11. package/src/blocks/blogs/blog-post-1.tsx +217 -28
  12. package/src/blocks/cards/cards-16.schema.ts +947 -0
  13. package/src/blocks/cards/cards-16.tsx +106 -0
  14. package/src/blocks/cards/cards-17.schema.ts +1945 -0
  15. package/src/blocks/cards/cards-17.tsx +112 -0
  16. package/src/blocks/cards/cards-18.schema.ts +1040 -0
  17. package/src/blocks/cards/cards-18.tsx +102 -0
  18. package/src/blocks/cards/cards-2.schema.ts +2 -2
  19. package/src/blocks/cards/cards-3.schema.ts +3 -16
  20. package/src/blocks/cards/cards-4.schema.ts +3 -28
  21. package/src/blocks/cards/cards-7.schema.ts +4 -7
  22. package/src/blocks/cards/cards-8.schema.ts +1 -10
  23. package/src/blocks/carousel/carousel-2.schema.ts +1 -2
  24. package/src/blocks/content/content-10.schema.ts +450 -0
  25. package/src/blocks/content/content-10.tsx +43 -0
  26. package/src/blocks/content/content-3.schema.ts +22 -28
  27. package/src/blocks/content/content-5.schema.ts +0 -4
  28. package/src/blocks/cta/cta-1.schema.ts +0 -3
  29. package/src/blocks/event/event-details.schema.ts +41 -175
  30. package/src/blocks/event/event-details.tsx +45 -50
  31. package/src/blocks/event/event-listing-2.schema.ts +437 -202
  32. package/src/blocks/event/event-listing-2.tsx +86 -22
  33. package/src/blocks/event/event-listing-3.schema.ts +232 -196
  34. package/src/blocks/event/event-listing-3.tsx +62 -29
  35. package/src/blocks/event/event-listing-4.schema.ts +314 -2824
  36. package/src/blocks/event/event-listing-4.tsx +68 -32
  37. package/src/blocks/event/event-listing.schema.ts +176 -1032
  38. package/src/blocks/event/event-listing.tsx +59 -25
  39. package/src/blocks/features/features-1/variants/stylized-cards-v2.ts +0 -1
  40. package/src/blocks/features/features-4.schema.ts +4 -14
  41. package/src/blocks/features/features-5.schema.ts +30 -51
  42. package/src/blocks/features/features-6.schema.ts +0 -1
  43. package/src/blocks/filter-listing/filter-listing-1.schema.ts +1 -3
  44. package/src/blocks/footer/footer-3.schema.ts +6 -14
  45. package/src/blocks/hero/hero-11.schema.ts +25 -54
  46. package/src/blocks/hero/hero-5.schema.ts +2 -6
  47. package/src/blocks/hero/hero-6.schema.ts +1 -10
  48. package/src/blocks/index.ts +4 -0
  49. package/src/blocks/logos/logos-1.schema.ts +0 -30
  50. package/src/blocks/pricing/pricing-1.schema.ts +0 -3
  51. package/src/blocks/stats/variants/default.ts +4 -5
  52. package/src/blocks/team/team-2.schema.ts +57 -154
  53. package/src/blocks/team/team-3.schema.ts +14 -31
  54. package/src/blocks/testimonial/testimonial-4.schema.ts +67 -152
  55. package/src/blocks/testimonial/testimonial-5/variants/default.ts +0 -1
  56. package/src/blocks/testimonial/testimonial-5/variants/testimonialWithLogo.ts +0 -1
  57. package/src/blocks/testimonial/testimonial-5/variants/testimonialWithRatings.ts +0 -1
  58. package/src/schemas/blocks.ts +8 -0
package/src/blocks/event/event-listing-4.tsx CHANGED
@@ -1,3 +1,4 @@
1
+ import type { IModuleStudioConfig, LevoEvent } from "@levo-so/core";
1
2
  import type { ILevoBlockBaseProps } from "@levo-so/studio";
2
3
  import {
3
4
  Box,
@@ -8,73 +9,108 @@ import {
8
9
  Image,
9
10
  Section,
10
11
  Typography,
11
- useContentEngine,
12
+ useBlockContext,
13
+ useContextEngine,
12
14
  } from "@levo-so/studio";
13
15
  import dayjs from "dayjs";
14
16
 
15
17
  import { ClientOnly } from "./ClientOnly";
16
18
  import type { IEventListing4 } from "./event-listing-4.schema";
17
19
 
18
- const EventListing4: React.FC<ILevoBlockBaseProps<IEventListing4>> = () => {
19
- const { data, query, setQuery, meta } = useContentEngine("events");
20
+ /** */
21
+ interface IEventMeta {
22
+ total: number;
23
+ pages: number;
24
+ series?: {
25
+ studio_config?: IModuleStudioConfig[];
26
+ };
27
+ }
28
+
29
+ const EventListing4: React.FC<ILevoBlockBaseProps<IEventListing4>> = ({ content }) => {
30
+ const { response, query, setQuery } = useContextEngine<LevoEvent.Root, IEventMeta>("events");
31
+ const { isBuilder } = useBlockContext();
20
32
 
21
33
  const handleNext = () => setQuery({ page: (query?.page || 0) + 1 });
22
34
  const handlePrevious = () => setQuery({ page: (query?.page || 0) - 1 });
35
+
36
+ const studioConfig = response?.meta?.series?.studio_config?.find(
37
+ (item) => !item.block_instance_id,
38
+ );
23
39
  return (
24
40
  <Section elementKey="layout">
25
41
  <Container elementKey="container">
26
- <Box elementKey="header-container">
27
- <Heading elementKey="title" />
28
- <Button elementKey="cta-button" />
42
+ <Box elementKey="header">
43
+ <Box elementKey="header-container">
44
+ <Heading elementKey="title" />
45
+ <Typography elementKey="description" />
46
+ </Box>
47
+ <Box elementKey="cta-buttons_levoGroup" data-levo_group>
48
+ {content?.["cta-buttons"]?.map((item, index: number) => (
49
+ <Button key={`cta-buttons.${index}`} elementKey={`cta-buttons.${index}.cta-button`} />
50
+ ))}
51
+ </Box>
29
52
  </Box>
30
53
 
31
54
  <Box elementKey="events_levoGroup" data-levo_group>
32
- {(data || [])?.map((item: any, index: number) => (
55
+ {response?.data?.map((item, index: number) => (
33
56
  <Box
34
57
  key={`events-listing-element-${index}`}
35
58
  data-levo_group_item
36
59
  elementKey={`events.${index}.eventWrapper`}
60
+ config={
61
+ (isBuilder && studioConfig?.preview_url) || (!isBuilder && studioConfig?.live_url)
62
+ ? {
63
+ action: {
64
+ type: "external_link",
65
+ value:
66
+ isBuilder && studioConfig.preview_url
67
+ ? studioConfig.preview_url.replace(/\{[^}]+\}/g, item?.slug)
68
+ : !isBuilder && studioConfig.live_url
69
+ ? studioConfig.live_url.replace(/\{[^}]+\}/g, item?.slug)
70
+ : "",
71
+ options: {},
72
+ },
73
+ }
74
+ : {}
75
+ }
37
76
  >
38
- <Image elementKey={`events.${index}.image`} alt="event poster" />
77
+ <Image
78
+ elementKey={`events.${index}.image`}
79
+ alt="event poster"
80
+ image={item?.cover_image ?? undefined}
81
+ />
39
82
  <Box elementKey={`events.${index}.text-wrapper`}>
40
83
  <Box elementKey={`events.${index}.content-container`}>
41
- <Typography elementKey={`events.${index}.caption-text`} />
42
- <Typography elementKey={`events.${index}.title`} />
84
+ <Heading elementKey={`events.${index}.title`}>{item?.title}</Heading>
43
85
 
44
86
  <Box elementKey={`events.${index}.text-container`}>
45
87
  <Box elementKey={`events.${index}.date-wrapper`}>
46
88
  <Icon elementKey={`events.${index}.date-icon`} />
47
- <Typography elementKey={`events.${index}.publishedAt-header`}>
48
- <ClientOnly>
49
- {dayjs(item?.["publishedAt-header"]).format("MMM D, YYYY")}
50
- </ClientOnly>
51
- </Typography>
52
- <Typography elementKey={`events.${index}.role-text`} />
89
+ <ClientOnly>
90
+ <Typography elementKey={`events.${index}.publishedAt-header`}>
91
+ {dayjs(item?.starts_at).format("MMM D, YYYY")}
92
+ </Typography>
93
+ </ClientOnly>
53
94
  </Box>
54
95
 
55
96
  <Box elementKey={`events.${index}.event-end-date-wrapper`}>
56
97
  <Icon elementKey={`events.${index}.event-end-date-icon`} />
57
- <Typography elementKey={`events.${index}.event-end-date`}>
58
- <ClientOnly>
59
- {dayjs(item?.["event-end-date"]).format("MMM D, YYYY")}
60
- </ClientOnly>
61
- </Typography>
62
- <Typography elementKey={`events.${index}.company-text`} />
98
+ <ClientOnly>
99
+ <Typography elementKey={`events.${index}.event-end-date`}>
100
+ {dayjs(item?.ends_at).format("MMM D, YYYY")}
101
+ </Typography>
102
+ </ClientOnly>
63
103
  </Box>
64
104
  </Box>
65
- <Typography elementKey={`events.${index}.description`} />
66
- <Box elementKey={`events.${index}.social_media_icon_wrapper`}>
67
- <Icon elementKey={`events.${index}.social_media_icon_1`} />
68
- <Icon elementKey={`events.${index}.social_media_icon_2`} />
69
- <Icon elementKey={`events.${index}.social_media_icon_3`} />
70
- </Box>
71
- <Button elementKey={`events.${index}.cta`} />
105
+ <Typography elementKey={`events.${index}.description`}>
106
+ {item?.description}
107
+ </Typography>
72
108
  </Box>
73
109
  </Box>
74
110
  </Box>
75
111
  ))}
76
112
  </Box>
77
- {(meta?.pages || 0) > 1 && (
113
+ {response?.meta && (
78
114
  <Box elementKey="paginationWrapper">
79
115
  <Button
80
116
  elementKey="paginationLeftButton"
@@ -83,12 +119,12 @@ const EventListing4: React.FC<ILevoBlockBaseProps<IEventListing4>> = () => {
83
119
  />
84
120
 
85
121
  <Typography elementKey="paginationText">
86
- {`${query?.page || 0}/${meta?.pages || 0}`}
122
+ {`${query?.page || 0}/${response?.meta?.pages || 0}`}
87
123
  </Typography>
88
124
  <Button
89
125
  elementKey="paginationRightButton"
90
126
  onClick={handleNext}
91
- disabled={query?.page === meta?.pages}
127
+ disabled={query?.page === response?.meta?.pages}
92
128
  />
93
129
  </Box>
94
130
  )}