@levo-so/blocks 0.1.54 → 0.1.58

package/src/blocks/products/products-listing-3.schema.ts

@@ -0,0 +1,818 @@
+import type { IBlock } from "@levo-so/studio";
+
+const DEFAULT_CONTENT = {
+  layout: null,
+  container: null,
+  header_container: null,
+  title: "Featured Products Collection",
+  header_cta: "View All Products",
+  products_container: null,
+  product_groups: [
+    {
+      groups_container: null,
+      products_with_images_levoGroup: null,
+      products_with_images: [
+        {
+          card: null,
+          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",
+            },
+          },
+          content_wrapper: null,
+          title: "<p>Master Health Checkup</p>",
+          description: "<p>Includes 14 Tests</p>",
+          price_container: null,
+          actual_price: "<p>₹ 1350</p>",
+          discount_price: "<p>₹2500</p>",
+          off_percent: "33% OFF",
+          cta: "Add to Cart",
+        },
+        {
+          card: null,
+          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",
+            },
+          },
+          content_wrapper: null,
+          title: "<p>Complete Health Package</p>",
+          description: "<p>Includes 20 Tests</p>",
+          price_container: null,
+          actual_price: "<p>₹ 1850</p>",
+          discount_price: "<p>₹3200</p>",
+          off_percent: "42% OFF",
+          cta: "Add to Cart",
+        },
+        {
+          card: null,
+          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",
+            },
+          },
+          content_wrapper: null,
+          title: "<p>Complete Health Package</p>",
+          description: "<p>Includes 20 Tests</p>",
+          price_container: null,
+          actual_price: "<p>₹ 1850</p>",
+          discount_price: "<p>₹3200</p>",
+          off_percent: "42% OFF",
+          cta: "Add to Cart",
+        },
+      ],
+      products_without_images_levoGroup: null,
+      products_without_images: [
+        {
+          card: null,
+          content_wrapper: null,
+          title: "<p>Basic Health Checkup</p>",
+          description: "",
+          price_container: null,
+          actual_price: "<p>₹ 850</p>",
+          discount_price: "<p>₹1500</p>",
+          off_percent: "43% OFF",
+          cta: "Add to Cart",
+        },
+      ],
+    },
+  ],
+};
+
+export type IProductsListing3Content = typeof DEFAULT_CONTENT;
+
+export const ProductsListing3: IBlock = {
+  category_id: "products",
+  title: "Products Listing 3",
+  key: "products-listing-3",
+  version: "v1",
+  prompt_description:
+    "A product listing block with header, product cards featuring images, titles, descriptions, price containers with actual price, discount price, and off percent, plus CTA buttons",
+  content_schema: [
+    {
+      key: "layout",
+      label: "Layout",
+      field_interface: "LayoutWidget",
+    },
+    {
+      key: "container",
+      label: "Container",
+      field_interface: "ContainerWidget",
+    },
+    {
+      key: "header_container",
+      label: "Header Container",
+      field_interface: "BoxWidget",
+    },
+    {
+      key: "title",
+      label: "Title",
+      field_interface: "HeadingWidget",
+    },
+    {
+      key: "header_cta",
+      label: "Header CTA",
+      field_interface: "ButtonWidget",
+    },
+    {
+      key: "product_groups",
+      label: "Product Groups",
+      kind: "group",
+      field_interface: "BoxWidget",
+      fields: [
+        {
+          key: "groups_container",
+          label: "Groups Container",
+          field_interface: "BoxWidget",
+        },
+
+        {
+          key: "products_with_images",
+          label: "Products With Images",
+          kind: "group",
+          field_interface: "BoxWidget",
+          fields: [
+            {
+              key: "card",
+              label: "Card",
+              field_interface: "BoxWidget",
+            },
+            {
+              key: "image",
+              label: "Image",
+              field_interface: "ImageWidget",
+            },
+            {
+              key: "content_wrapper",
+              label: "Content Wrapper",
+              field_interface: "BoxWidget",
+            },
+            {
+              key: "title",
+              label: "Title",
+              field_interface: "TypographyWidget",
+            },
+            {
+              key: "description",
+              label: "Description",
+              field_interface: "TypographyWidget",
+            },
+            {
+              key: "price_container",
+              label: "Price Container",
+              field_interface: "BoxWidget",
+            },
+            {
+              key: "actual_price",
+              label: "Actual Price",
+              field_interface: "TypographyWidget",
+            },
+            {
+              key: "discount_price",
+              label: "Discount Price",
+              field_interface: "TypographyWidget",
+            },
+            {
+              key: "off_percent",
+              label: "Off Percent",
+              field_interface: "TypographyWidget",
+            },
+            {
+              key: "cta",
+              label: "CTA Button",
+              field_interface: "ButtonWidget",
+            },
+          ],
+        },
+
+        {
+          key: "products_without_images",
+          label: "Products Without Images",
+          kind: "group",
+          field_interface: "BoxWidget",
+          fields: [
+            {
+              key: "card",
+              label: "Card",
+              field_interface: "BoxWidget",
+            },
+            {
+              key: "content_wrapper",
+              label: "Content Wrapper",
+              field_interface: "BoxWidget",
+            },
+            {
+              key: "title",
+              label: "Title",
+              field_interface: "TypographyWidget",
+            },
+            {
+              key: "description",
+              label: "Description",
+              field_interface: "TypographyWidget",
+            },
+            {
+              key: "price_container",
+              label: "Price Container",
+              field_interface: "BoxWidget",
+            },
+            {
+              key: "actual_price",
+              label: "Actual Price",
+              field_interface: "TypographyWidget",
+            },
+            {
+              key: "discount_price",
+              label: "Discount Price",
+              field_interface: "TypographyWidget",
+            },
+            {
+              key: "off_percent",
+              label: "Off Percent",
+              field_interface: "TypographyWidget",
+            },
+            {
+              key: "cta",
+              label: "CTA Button",
+              field_interface: "ButtonWidget",
+            },
+          ],
+        },
+      ],
+    },
+  ],
+  layouts: [
+    {
+      key: "default",
+      title: "Default",
+      styles: {
+        layout: {
+          "padding-top": "10xl",
+          "padding-bottom": "10xl",
+        },
+        container: {
+          "padding-left": "none",
+          "padding-right": "none",
+          tablet: {
+            "padding-left": "5xl",
+            "padding-right": "5xl",
+          },
+          mobile: {
+            "padding-left": "2xl",
+            "padding-right": "2xl",
+          },
+        },
+        header_container: {
+          display: "flex",
+          "justify-content": "space-between",
+          "align-items": "center",
+          "margin-bottom": "2xl",
+          mobile: {
+            "flex-direction": "column",
+            "align-items": "center",
+            "row-gap": "lg",
+            "justify-content": "center",
+          },
+        },
+        title: {
+          color: "text-1",
+          mobile: {
+            "text-align": "center",
+          },
+        },
+        header_cta: {},
+        products_container: {},
+        product_groups_levoGroup: [
+          {
+            groups_container: {
+              display: "flex",
+              "flex-direction": "row",
+              gap: "xl",
+              mobile: {
+                "flex-direction": "column",
+              },
+            },
+            products_with_images_levoGroup: {
+              display: "grid",
+              "grid-template-columns": "repeat(3, minmax(0, 1fr))",
+              "grid-template-rows": "1fr",
+              "column-gap": "xl",
+              "row-gap": "xl",
+              flex: "3",
+              tablet: {
+                "grid-template-columns": "repeat(2, minmax(0, 1fr))",
+                "grid-template-rows": "1fr",
+                flex: "2",
+              },
+              mobile: {
+                "grid-template-columns": "repeat(1, minmax(0, 1fr))",
+                "grid-template-rows": "auto",
+                flex: "1",
+              },
+            },
+            products_without_images_levoGroup: {
+              display: "grid",
+              "grid-template-columns": "repeat(1, minmax(0, 1fr))",
+              "grid-template-rows": "1fr",
+              "column-gap": "xl",
+              "row-gap": "xl",
+              flex: "1",
+              tablet: {
+                "grid-template-columns": "repeat(1, minmax(0, 1fr))",
+                "grid-template-rows": "1fr",
+                flex: "1",
+              },
+              mobile: {
+                "grid-template-columns": "repeat(1, minmax(0, 1fr))",
+                "grid-template-rows": "auto",
+                flex: "1",
+              },
+            },
+            products_with_images: [
+              {
+                card: {
+                  "border-style": "solid",
+                  "border-width": "1px",
+                  display: "flex",
+                  "flex-direction": "column",
+                  "justify-content": "start",
+                  "align-items": "start",
+                },
+                image: {
+                  width: "100%",
+                  height: "280px",
+                  "object-fit": "cover",
+                  "margin-bottom": "lg",
+                },
+                content_wrapper: {
+                  width: "100%",
+                  display: "flex",
+                  "flex-direction": "column",
+                  "justify-content": "start",
+                  "align-items": "start",
+                  "padding-left": "base",
+                  "padding-right": "base",
+                  "padding-bottom": "base",
+                },
+                title: {
+                  color: "text-1",
+                  "font-size": "lg",
+                  "font-weight": "600",
+                  "text-align": "center",
+                  "margin-bottom": "sm",
+                },
+                description: {
+                  color: "text-2",
+                  "text-align": "left",
+                  "margin-bottom": "lg",
+                  "line-height": "1.5",
+                },
+                price_container: {
+                  display: "flex",
+                  "flex-direction": "row",
+                  "align-items": "center",
+                  "margin-bottom": "lg",
+                  "row-gap": "2xs",
+                  "column-gap": "base",
+                },
+                actual_price: {
+                  "font-size": "xl",
+                  "font-weight": "700",
+                  color: "text-1",
+                },
+                discount_price: {
+                  "font-size": "sm",
+                  color: "text-3",
+                  "text-decoration": "line-through",
+                },
+                off_percent: {
+                  "font-size": "sm",
+                  "font-weight": "600",
+                  color: "success",
+                },
+                cta: {
+                  width: "100%",
+                },
+              },
+              {
+                card: {
+                  "border-style": "solid",
+                  "border-width": "1px",
+                  display: "flex",
+                  "flex-direction": "column",
+                  "justify-content": "start",
+                  "align-items": "start",
+                },
+                image: {
+                  width: "100%",
+                  height: "280px",
+                  "object-fit": "cover",
+                  "margin-bottom": "lg",
+                },
+                content_wrapper: {
+                  width: "100%",
+                  display: "flex",
+                  "flex-direction": "column",
+                  "justify-content": "start",
+                  "align-items": "start",
+                  "padding-left": "base",
+                  "padding-right": "base",
+                  "padding-bottom": "base",
+                },
+                title: {
+                  color: "text-1",
+                  "font-size": "lg",
+                  "font-weight": "600",
+                  "text-align": "center",
+                  "margin-bottom": "sm",
+                },
+                description: {
+                  color: "text-2",
+                  "text-align": "left",
+                  "margin-bottom": "lg",
+                  "line-height": "1.5",
+                },
+                price_container: {
+                  display: "flex",
+                  "flex-direction": "row",
+                  "align-items": "center",
+                  "margin-bottom": "lg",
+                  "row-gap": "2xs",
+                  "column-gap": "base",
+                },
+                actual_price: {
+                  "font-size": "xl",
+                  "font-weight": "700",
+                  color: "text-1",
+                },
+                discount_price: {
+                  "font-size": "sm",
+                  color: "text-3",
+                  "text-decoration": "line-through",
+                },
+                off_percent: {
+                  "font-size": "sm",
+                  "font-weight": "600",
+                  color: "success",
+                },
+                cta: {
+                  width: "100%",
+                },
+              },
+            ],
+            products_without_images: [
+              {
+                card: {
+                  "border-style": "solid",
+                  "border-width": "1px",
+                  display: "flex",
+                  "flex-direction": "column",
+                  "justify-content": "start",
+                  "align-items": "start",
+                },
+                content_wrapper: {
+                  width: "100%",
+                  display: "flex",
+                  "flex-direction": "column",
+                  "justify-content": "start",
+                  "align-items": "start",
+                  "padding-left": "base",
+                  "padding-right": "base",
+                  "padding-bottom": "base",
+                  "padding-top": "base",
+                },
+                title: {
+                  color: "text-1",
+                  "font-size": "lg",
+                  "font-weight": "600",
+                  "text-align": "center",
+                  "margin-bottom": "sm",
+                },
+                description: {
+                  color: "text-2",
+                  "text-align": "left",
+                  "margin-bottom": "lg",
+                  "line-height": "1.5",
+                },
+                price_container: {
+                  display: "flex",
+                  "flex-direction": "row",
+                  "align-items": "center",
+                  "margin-bottom": "lg",
+                  "row-gap": "2xs",
+                  "column-gap": "base",
+                },
+                actual_price: {
+                  "font-size": "xl",
+                  "font-weight": "700",
+                  color: "text-1",
+                },
+                discount_price: {
+                  "font-size": "sm",
+                  color: "text-3",
+                  "text-decoration": "line-through",
+                },
+                off_percent: {
+                  "font-size": "sm",
+                  "font-weight": "600",
+                  color: "success",
+                },
+                cta: {
+                  width: "100%",
+                },
+              },
+              {
+                card: {
+                  "border-style": "solid",
+                  "border-width": "1px",
+                  display: "flex",
+                  "flex-direction": "column",
+                  "justify-content": "start",
+                  "align-items": "start",
+                },
+                content_wrapper: {
+                  width: "100%",
+                  display: "flex",
+                  "flex-direction": "column",
+                  "justify-content": "start",
+                  "align-items": "start",
+                  "padding-left": "base",
+                  "padding-right": "base",
+                  "padding-bottom": "base",
+                  "padding-top": "base",
+                },
+                title: {
+                  color: "text-1",
+                  "font-size": "lg",
+                  "font-weight": "600",
+                  "text-align": "center",
+                  "margin-bottom": "sm",
+                },
+                description: {
+                  color: "text-2",
+                  "text-align": "left",
+                  "margin-bottom": "lg",
+                  "line-height": "1.5",
+                },
+                price_container: {
+                  display: "flex",
+                  "flex-direction": "row",
+                  "align-items": "center",
+                  "margin-bottom": "lg",
+                  "row-gap": "2xs",
+                  "column-gap": "base",
+                },
+                actual_price: {
+                  "font-size": "xl",
+                  "font-weight": "700",
+                  color: "text-1",
+                },
+                discount_price: {
+                  "font-size": "sm",
+                  color: "text-3",
+                  "text-decoration": "line-through",
+                },
+                off_percent: {
+                  "font-size": "sm",
+                  "font-weight": "600",
+                  color: "success",
+                },
+                cta: {
+                  width: "100%",
+                },
+              },
+            ],
+          },
+        ],
+        product_groups: [
+          {
+            products_with_images_levoGroup: {
+              display: "grid",
+              "grid-template-columns": "repeat(3, minmax(0, 1fr))",
+              "column-gap": "base",
+              tablet: {
+                "grid-template-columns": "repeat(1, minmax(0, 1fr))",
+                "row-gap": "base",
+              },
+            },
+            products_with_images: [
+              {
+                title: {
+                  "font-size": "lg",
+                },
+                card: {
+                  "border-style": "solid",
+                  "border-width": "1px",
+                  "border-color": "border",
+                },
+                content_wrapper: {
+                  "border-style": "solid",
+                  "border-width": "1px",
+                  "border-color": "border",
+                  padding: "base",
+                  display: "flex",
+                  "flex-direction": "column",
+                  "row-gap": "xs",
+                },
+                price_container: {
+                  display: "flex",
+                  "column-gap": "base",
+                },
+                image: {
+                  tablet: {
+                    width: "100%",
+                  },
+                },
+              },
+              {
+                title: {
+                  "font-size": "lg",
+                },
+                card: {
+                  "border-style": "solid",
+                  "border-width": "1px",
+                  "border-color": "border",
+                },
+                content_wrapper: {
+                  "border-style": "solid",
+                  "border-width": "1px",
+                  "border-color": "border",
+                  padding: "base",
+                  display: "flex",
+                  "flex-direction": "column",
+                  "row-gap": "xs",
+                },
+                price_container: {
+                  display: "flex",
+                  "column-gap": "base",
+                },
+                image: {
+                  tablet: {
+                    width: "100%",
+                  },
+                },
+              },
+              {
+                title: {
+                  "font-size": "lg",
+                },
+                card: {
+                  "border-style": "solid",
+                  "border-width": "1px",
+                  "border-color": "border",
+                },
+                content_wrapper: {
+                  "border-style": "solid",
+                  "border-width": "1px",
+                  "border-color": "border",
+                  padding: "base",
+                  display: "flex",
+                  "flex-direction": "column",
+                  "row-gap": "xs",
+                },
+                price_container: {
+                  display: "flex",
+                  "column-gap": "base",
+                },
+                image: {
+                  tablet: {
+                    width: "100%",
+                  },
+                },
+              },
+              {
+                title: {
+                  "font-size": "lg",
+                },
+                card: {
+                  "border-style": "solid",
+                  "border-width": "1px",
+                  "border-color": "border",
+                },
+                content_wrapper: {
+                  "border-style": "solid",
+                  "border-width": "1px",
+                  "border-color": "border",
+                  padding: "base",
+                },
+              },
+              {
+                title: {
+                  "font-size": "lg",
+                },
+                card: {
+                  "border-style": "solid",
+                  "border-width": "1px",
+                  "border-color": "border",
+                },
+                content_wrapper: {
+                  "border-style": "solid",
+                  "border-width": "1px",
+                  "border-color": "border",
+                  padding: "base",
+                },
+              },
+              {
+                title: {
+                  "font-size": "lg",
+                },
+              },
+              {
+                title: {
+                  "font-size": "lg",
+                },
+              },
+            ],
+            products_without_images: [
+              {
+                title: {
+                  "font-size": "lg",
+                },
+                card: {
+                  "border-style": "solid",
+                  "border-width": "1px",
+                  "border-color": "border",
+                  padding: "base",
+                  width: "300px",
+                  tablet: {
+                    width: "100%",
+                  },
+                },
+                price_container: {
+                  "margin-top": "14xl",
+                },
+              },
+            ],
+            groups_container: {
+              display: "flex",
+              "column-gap": "base",
+              tablet: {
+                "flex-direction": "column",
+                "row-gap": "base",
+              },
+            },
+          },
+        ],
+      },
+      content: DEFAULT_CONTENT,
+      config: {},
+    },
+  ],
+};