@app-brew/brewery 1.0.0

package/src/types/src/blocks.ts

@@ -0,0 +1,3981 @@
+import { ReactElement } from 'react'
+import { z } from 'zod'
+import {
+  baseIconStyleSchema,
+  baseImageStyleSchema,
+  baseStyleSchema,
+  baseTextStyleSchema,
+  fontWeightSchema,
+} from './style'
+import { EnhancedProduct } from './product'
+import { AsyncData } from './utils'
+import {
+  blockSchema,
+  imageItemSchema,
+  linkSchema,
+  richTextStyleSchema,
+  videoItemSchema,
+} from './common'
+import { imageBannerDefinition } from './blocks-definition'
+
+export interface BaseBlockProps {
+  componentId: string
+  instanceId: string
+  screenId: string
+  setDynamicFooter?: (element: ReactElement) => void
+  index: number
+  length: number
+}
+
+export interface BaseComponentProps<
+  Style = Record<string, any>,
+  Source = Record<string, any>,
+  Options = Record<string, any>
+> {
+  style: Style
+  source: Source
+  options: Options
+}
+
+export interface Metafield {
+  namespace: string
+  key: string
+  reference?: string
+}
+
+export interface TransformerArg<
+  T extends BaseComponentProps = BaseComponentProps
+> {
+  metafields: Record<string, any>
+  settings: Pick<T, 'source' | 'options'>
+  productHandle?: string
+  blockData: {
+    screenId: string
+    componentId: string
+    instanceId: string
+  }
+  product?: AsyncData<EnhancedProduct>
+}
+
+export interface RouteProps {
+  collectionHandle?: string
+  productId?: string
+}
+export interface Link {
+  kind: string
+  value: string
+  params?: Record<string, any>
+  external?: boolean
+}
+
+export interface Image {
+  image: string
+  link: Link
+  heading: string
+  caption: string
+  text: string
+  subHeading: string
+}
+
+export interface Video {
+  link: Link
+  links: Link[]
+  video: string
+  hidden: boolean
+  src: string
+  kind: string
+  meta?: {
+    width: number
+    height: number
+  }
+}
+export interface Collection {
+  collectionId: string
+  collectionName: string
+  image: string
+}
+
+export const appBarBlockSchema = blockSchema.extend({
+  style: z.object({
+    badge: baseStyleSchema.optional(),
+    logo: baseStyleSchema.optional(),
+    heading: baseTextStyleSchema.optional(),
+    iconStyle: baseIconStyleSchema.optional(),
+    backIconStyle: baseIconStyleSchema.optional(),
+    cartIconStyle: baseIconStyleSchema.optional(),
+    searchIconStyle: baseIconStyleSchema.optional(),
+    profileIconStyle: baseIconStyleSchema.optional(),
+    root: baseStyleSchema.optional(),
+  }),
+  source: z.object({
+    logoSrc: z.any(),
+  }),
+  options: z.object({
+    logo: z.boolean(),
+    backIcon: z.boolean(),
+    cart: z.boolean(),
+    search: z.boolean(),
+    title: z.union([z.string(), z.boolean()]),
+    profile: z.boolean(),
+    wishlist: z.boolean().optional(),
+  }),
+})
+
+export const announcementStripBlockSchema = blockSchema.extend({
+  source: z.object({
+    text: z.string(),
+    link: z
+      .object({
+        kind: z.string(),
+        value: z.string(),
+      })
+      .optional(),
+  }),
+  style: z.object({
+    root: baseStyleSchema,
+    icon: baseIconStyleSchema,
+    text: baseTextStyleSchema,
+  }),
+  options: z
+    .object({
+      icon: z.boolean(),
+    })
+    .optional(),
+})
+
+export const productCardBlockSchema = z.object({
+  componentId: z.string(),
+  instanceId: z.string(),
+  source: z.object({
+    productHandle: z.string(),
+    heading: z.string().optional(),
+  }),
+  layout: z.any().optional(),
+  style: z.object({
+    root: baseStyleSchema,
+    product: z.object({
+      root: z.object({
+        backgroundColor: z.string(),
+        shadowColor: z.string().optional(),
+        shadowOffset: z.object({ height: z.number(), width: z.number() }),
+        shadowOpacity: z.number().optional(),
+        shadowRadius: z.number().optional(),
+        elevation: z.number().optional(),
+        borderColor: z.string().optional(),
+        borderWidth: z.number().optional(),
+        borderStyle: z.string().optional(),
+        borderRadius: z.number().optional(),
+      }),
+      title: baseTextStyleSchema.optional(),
+      description: baseTextStyleSchema.optional(),
+      rating: z.object({
+        root: baseStyleSchema.optional(),
+        icon: baseIconStyleSchema,
+        ratingCount: baseTextStyleSchema,
+      }),
+      price: baseTextStyleSchema.optional(),
+      icon: baseIconStyleSchema.optional(),
+      priceComparison: z.object({
+        root: z.object({ backgroundColor: z.string(), alignSelf: z.string() }),
+        compareAtPrice: z.object({
+          color: z.string(),
+          fontSize: z.number(),
+          fontWeight: fontWeightSchema,
+        }),
+        discountLabel: z.object({
+          color: z.string(),
+          fontWeight: fontWeightSchema,
+          fontSize: z.number(),
+        }),
+      }),
+      priceContainer: baseStyleSchema,
+
+      addToCartButton: z.object({
+        root: baseStyleSchema.optional(),
+        text: baseTextStyleSchema.optional(),
+      }),
+    }),
+    heading: z.object({
+      root: baseStyleSchema,
+      text: baseTextStyleSchema,
+    }),
+    productV2: z.record(z.string(), z.any()).optional(),
+  }),
+  options: z.object({
+    productV2: z.record(z.string(), z.any()).optional(),
+  }),
+  background: z.any().optional(),
+})
+const productStyleSchema = z.object({
+  root: z.object({
+    backgroundColor: z.string(),
+    shadowColor: z.string().optional(),
+    shadowOffset: z.object({ height: z.number(), width: z.number() }),
+    shadowOpacity: z.number().optional(),
+    shadowRadius: z.number().optional(),
+    elevation: z.number().optional(),
+    borderColor: z.string().optional(),
+    borderWidth: z.number().optional(),
+    borderStyle: z.string().optional(),
+    borderRadius: z.number().optional(),
+  }),
+  title: z.object({
+    color: z.string(),
+    fontSize: z.number(),
+    fontWeight: fontWeightSchema,
+  }),
+  icon: baseIconStyleSchema,
+  ratingCount: baseTextStyleSchema,
+  price: z.object({
+    color: z.string(),
+    fontSize: z.number(),
+    fontWeight: z.string(),
+  }),
+  compareAtPrice: z.object({
+    color: z.string(),
+    fontSize: z.number(),
+    fontWeight: fontWeightSchema,
+  }),
+  discountLabel: z.object({
+    color: z.string(),
+    fontWeight: fontWeightSchema,
+    fontSize: z.number(),
+  }),
+  addToCartButton: z.object({
+    root: z.object({ borderRadius: z.number() }),
+    text: z.object({
+      color: z.string(),
+      fontSize: z.number(),
+      fontWeight: fontWeightSchema,
+    }),
+  }),
+})
+export const productItemsVisibilitySchema = z.object({
+  priceBox: z.boolean(),
+  ratingsBox: z.boolean(),
+  image: z.boolean(),
+  title: z.boolean(),
+  addToCart: z.boolean(),
+  discountLabel: z.boolean(),
+})
+export const hotPositionsSchema = z.enum([
+  'top-left',
+  'top-right',
+  'bottom-left',
+  'bottom-right',
+])
+export const productGridBlockSchema = z.object({
+  componentId: z.string(),
+  instanceId: z.string(),
+  source: z.object({
+    title: z.string().optional(),
+    subTitle: z.string().optional(),
+    collectionId: z.string(),
+    showItemCount: z.number(),
+    bottomLinkText: z.string(),
+    topLinkText: z.string().optional(),
+    fetchWithSearch: z.boolean().optional(),
+    skeletonCount: z.number().optional(),
+  }),
+  style: z.object({
+    root: baseStyleSchema.optional(),
+    heading: baseTextStyleSchema.extend({
+      kind: z.string().optional(),
+    }),
+    productV2: z.record(z.string(), z.any()).optional(),
+    product: z.object({
+      root: baseStyleSchema,
+      title: baseTextStyleSchema,
+      icon: baseIconStyleSchema,
+      ratingCount: baseTextStyleSchema,
+      price: baseTextStyleSchema,
+      compareAtPrice: baseTextStyleSchema,
+      discountLabel: baseTextStyleSchema,
+      addToCartButton: z.object({
+        root: baseStyleSchema,
+        text: baseTextStyleSchema,
+      }),
+      variantSelector: z
+        .object({
+          root: baseStyleSchema,
+          variant: z.object({
+            selected: z.object({}),
+            unselected: z.object({}),
+          }),
+        })
+        .optional(),
+      imageBox: baseStyleSchema,
+      contentBox: baseStyleSchema,
+    }),
+    list: z
+      .object({
+        itemGap: z.number().optional(),
+        root: baseStyleSchema.optional(),
+        wrapper: baseStyleSchema.optional(),
+      })
+      .optional(),
+    bottomLink: z.object({
+      color: z.string(),
+      fontSize: z.number(),
+      fontWeight: fontWeightSchema,
+      container: baseStyleSchema.optional(),
+      root: baseStyleSchema.optional(),
+    }),
+    topLink: z
+      .object({
+        borderRadius: z.number().optional(),
+      })
+      .optional(),
+    buttonV2: baseStyleSchema.optional(),
+    wrapperHeading: baseStyleSchema.optional(),
+    skeleton: z.object({
+      root: baseStyleSchema,
+    }),
+  }),
+  options: z.object({
+    skeleton: z
+      .object({
+        colors: z.tuple([z.string(), z.string()]),
+      })
+      .optional(),
+    productItemsVisibility: productItemsVisibilitySchema,
+    fetchItemCount: z.number().optional(),
+    showHeading: z.boolean().optional(),
+    showViewAll: z.boolean().optional(),
+    order: z.enum([
+      'priceBox',
+      'ratingsBox',
+      'image',
+      'title',
+      'addToCart',
+      'discountLabel',
+    ]),
+    productImage: z.object({
+      type: z.enum(['carousel', 'image']),
+      hotCorners: z.record(
+        hotPositionsSchema,
+        z.object({
+          source: z.enum(['tags', 'auto']),
+          type: z.enum(['bestseller', 'discount']),
+          tagText: z.string(),
+          style: z.object({
+            root: baseStyleSchema,
+            text: baseTextStyleSchema,
+          }),
+          position: hotPositionsSchema,
+        })
+      ),
+    }),
+    showRatingCount: z.boolean().optional(),
+    navigateToProductReviews: z.boolean().optional(),
+    metafieldText: z
+      .object({
+        namespace: z.string(),
+        metafieldKey: z.string(),
+        nativeTextProps: z.any().optional(),
+      })
+      .optional(),
+  }),
+})
+
+export const imageListSchema = blockSchema.extend({
+  source: z.object({
+    items: z.array(
+      z.object({
+        image: z.string(),
+        heading: z.string().optional(),
+        subHeading: z.string().optional(),
+        caption: z.string().optional(),
+        text: z.string().optional(),
+        meta: z
+          .object({
+            height: z.number(),
+            width: z.number(),
+          })
+          .optional(),
+        link: z
+          .object({
+            kind: z.string().optional(),
+            value: z.string().optional(),
+          })
+          .optional(),
+      })
+    ),
+    link: z
+      .object({
+        kind: z.string().optional(),
+        value: z.string().optional(),
+      })
+      .optional(),
+    heading: z.string().optional(),
+    richHeading: z.string().optional(),
+    subHeading: z.string().optional(),
+  }),
+  style: z.object({
+    root: baseStyleSchema,
+    heading: baseTextStyleSchema,
+    item: z.object({
+      root: baseStyleSchema,
+      image: baseStyleSchema,
+      caption: baseTextStyleSchema.optional(),
+      text: baseTextStyleSchema.optional(),
+      heading: baseTextStyleSchema.optional(),
+    }),
+  }),
+  options: z
+    .object({
+      horizontal: z.boolean().optional(),
+      itemsPerRow: z.number().optional(),
+      fraction: z.number().optional(),
+      external: z.boolean().optional(),
+    })
+    .optional(),
+})
+
+export const collectionListSchema = blockSchema.extend({
+  source: z.object({
+    items: z.array(
+      z.object({
+        collectionId: z.string().optional(),
+        collectionName: z.string().optional(),
+        image: z.string(),
+      })
+    ),
+    heading: z.string(),
+  }),
+  style: z.object({
+    root: baseStyleSchema,
+    heading: baseTextStyleSchema,
+    list: z
+      .object({
+        horizontal: z.boolean(),
+        itemGap: z.number(),
+      })
+      .merge(baseStyleSchema),
+    item: z.object({
+      root: baseStyleSchema,
+      collectionName: z.object({
+        text: baseTextStyleSchema,
+        root: baseStyleSchema,
+      }),
+      collectionCaption: z
+        .object({
+          text: baseTextStyleSchema,
+          root: baseStyleSchema,
+        })
+        .optional(),
+      image: z.object({ aspectRatio: z.number() }).merge(baseStyleSchema),
+    }),
+  }),
+  options: z
+    .object({
+      direction: z.string().optional(),
+      itemsPerRow: z.number().optional(),
+    })
+    .optional(),
+})
+
+export const richTextBlockSchema = blockSchema.extend({
+  style: z.object({
+    root: baseStyleSchema,
+    tags: z.record(baseTextStyleSchema),
+    classes: z.record(baseTextStyleSchema).optional(),
+  }),
+  source: z.object({
+    html: z.string(),
+    title: z.string(),
+  }),
+})
+
+export const taggedRichTextBlockSchema = richTextBlockSchema.extend({
+  options: z.object({
+    includeTags: z.array(z.string()).optional(),
+    excludeTags: z.array(z.string()).optional(),
+  }),
+})
+const textOptionsSchema = z
+  .object({
+    kind: z.string().optional(),
+    color: z.string().optional(),
+    family: z.string().optional(),
+  })
+  .optional()
+
+export const signInSchema = blockSchema.extend({
+  social: z.object({
+    googleSignin: z.boolean(),
+  }),
+  source: z.object({
+    forgotPassword: z.object({
+      linkText: z.string(),
+    }),
+    signInText: z.string(),
+    guestUserText: z.string(),
+    signupText: z.string(),
+    signupLink: z.string().optional(),
+    logo: z.string(),
+  }),
+  layout: z.object({
+    sections: z.array(
+      z.object({
+        title: z.string(),
+        fields: z.array(
+          z.object({
+            id: z.string(),
+            label: z.string(),
+            placeholder: z.string(),
+            required: z.boolean(),
+            validationPattern: z.string(),
+          })
+        ),
+      })
+    ),
+  }),
+  style: z.object({
+    root: baseStyleSchema,
+    logo: z.object({
+      root: baseStyleSchema,
+    }),
+    sectionHeading: baseStyleSchema,
+    input: z.object({
+      root: baseStyleSchema,
+      label: baseStyleSchema,
+      states: z.object({
+        error: baseStyleSchema,
+      }),
+    }),
+    signInButton: z.object({
+      baseStyleSchema,
+      text: baseTextStyleSchema,
+    }),
+    forgotPasswordLink: z.object({
+      root: baseStyleSchema,
+      text: baseTextStyleSchema,
+    }),
+    guestUserText: z.object({
+      root: baseStyleSchema,
+      text: baseTextStyleSchema,
+    }),
+    signup: z.object({
+      root: baseStyleSchema,
+      text: baseTextStyleSchema,
+      link: baseTextStyleSchema.optional(),
+    }),
+  }),
+  options: z.object({
+    form: z
+      .object({
+        field: z
+          .object({
+            label: z
+              .object({
+                text: textOptionsSchema,
+              })
+              .optional(),
+          })
+          .optional(),
+      })
+      .optional(),
+    signup: z
+      .object({
+        link: z
+          .object({
+            text: textOptionsSchema,
+          })
+          .optional(),
+        text: textOptionsSchema,
+      })
+      .optional(),
+    forgotPasswordLink: z
+      .object({
+        text: textOptionsSchema,
+      })
+      .optional(),
+    signin: z
+      .object({
+        text: textOptionsSchema,
+        link: textOptionsSchema,
+      })
+      .optional(),
+  }),
+})
+
+// CTA button style schema for Firework
+const fireworkCtaButtonStyleSchema = z
+  .object({
+    backgroundColor: z.string().optional(), // Defaults to #3A86FF
+    textColor: z.string().optional(), // Defaults to #FFFFFF
+    fontSize: z.number().optional(), // Defaults to 14
+  })
+  .optional()
+
+export const fireworkSchema = blockSchema.extend({
+  style: z.object({
+    height: z.number(),
+    ctaButtonStyle: fireworkCtaButtonStyleSchema,
+  }),
+  options: z.union([
+    // discover source - no channel/playlist required
+    z.object({
+      source: z.literal('discover').optional(),
+      mode: z.enum(['row', 'column', 'grid']).optional(),
+      scrollDirection: z.enum(['horizontal', 'vertical']).optional(),
+      enableScrollForVertical: z.boolean().optional(),
+    }),
+    // channel source - requires channel
+    z.object({
+      source: z.literal('channel'),
+      channel: z.string(),
+      mode: z.enum(['row', 'column', 'grid']).optional(),
+      scrollDirection: z.enum(['horizontal', 'vertical']).optional(),
+      enableScrollForVertical: z.boolean().optional(),
+    }),
+    // playlist source - requires channel and playlist
+    z.object({
+      source: z.literal('playlist'),
+      channel: z.string(),
+      playlist: z.string(),
+      mode: z.enum(['row', 'column', 'grid']).optional(),
+      scrollDirection: z.enum(['horizontal', 'vertical']).optional(),
+      enableScrollForVertical: z.boolean().optional(),
+    }),
+    // sku source - requires channel
+    z.object({
+      source: z.literal('sku'),
+      channel: z.string(),
+      mode: z.enum(['row', 'column', 'grid']).optional(),
+      scrollDirection: z.enum(['horizontal', 'vertical']).optional(),
+      enableScrollForVertical: z.boolean().optional(),
+    }),
+  ]),
+})
+export const rewardWay = z.object({
+  link: z.object({ kind: z.string(), value: z.string() }),
+  title: z.string(),
+})
+export const rewardsSummarySchema = blockSchema.extend({
+  source: z.object({
+    heading: z.string(),
+    currentCredits: z.string(),
+    earnedCredits: z.string(),
+    spentCredits: z.string(),
+    rewardsImgBackground: z.string(),
+    ways: z.object({
+      waysToRedeem: rewardWay,
+      waysToEarn: rewardWay,
+      redeemCoupons: rewardWay,
+    }),
+  }),
+  style: z.object({
+    root: baseStyleSchema,
+    heading: baseTextStyleSchema,
+    rewardButton: z.object({
+      root: baseStyleSchema,
+      title: baseTextStyleSchema,
+      icon: baseIconStyleSchema,
+    }),
+    currentCredits: z.object({
+      root: baseStyleSchema,
+      amount: baseTextStyleSchema,
+      heading: baseTextStyleSchema,
+    }),
+    earnedCredits: z.object({
+      root: baseStyleSchema,
+      amount: baseTextStyleSchema,
+      heading: baseTextStyleSchema,
+    }),
+    spentCredits: z.object({
+      root: baseStyleSchema,
+      amount: baseTextStyleSchema,
+      heading: baseTextStyleSchema,
+    }),
+    currentCreditsCard: z.object({
+      root: baseStyleSchema,
+      caption: baseTextStyleSchema,
+      credits: baseTextStyleSchema,
+    }),
+    earnedCreditsCard: z.object({
+      root: baseStyleSchema,
+      textColumnRoot: baseStyleSchema,
+      credits: baseTextStyleSchema,
+      caption: baseTextStyleSchema,
+      icon: baseIconStyleSchema,
+    }),
+    spentCreditsCard: z.object({
+      root: baseStyleSchema,
+      textColumnRoot: baseStyleSchema,
+      credits: baseTextStyleSchema,
+      caption: baseTextStyleSchema,
+      icon: baseIconStyleSchema,
+    }),
+    creditHistory: z.object({
+      root: baseStyleSchema,
+      heading: baseTextStyleSchema,
+      creditLogCard: z.object({
+        root: baseStyleSchema,
+        commentColumnRoot: baseStyleSchema,
+        comment: baseTextStyleSchema,
+        date: baseTextStyleSchema,
+        credit: z.object({
+          positive: baseTextStyleSchema,
+          negetive: baseTextStyleSchema,
+        }),
+      }),
+    }),
+  }),
+})
+
+export const rewardsHistory = blockSchema.extend({
+  source: z.object({
+    heading: z.string(),
+  }),
+  style: z.object({
+    root: baseStyleSchema,
+    heading: baseTextStyleSchema,
+    creditLogCard: z.object({
+      root: baseStyleSchema,
+      commentColumnRoot: baseStyleSchema,
+      comment: baseTextStyleSchema,
+      date: baseTextStyleSchema,
+      credit: z.object({
+        positive: baseTextStyleSchema,
+        negetive: baseTextStyleSchema,
+      }),
+    }),
+  }),
+})
+
+export const folllowUsSchema = blockSchema.extend({
+  source: z.object({
+    icons: z.array(
+      z.object({
+        name: z.string(),
+        link: z.object({
+          kind: z.string(),
+          value: z.string(),
+        }),
+      })
+    ),
+    heading: z.string(),
+  }),
+  style: z.object({
+    heading: z.object({
+      text: baseTextStyleSchema,
+      root: baseStyleSchema,
+    }),
+  }),
+})
+
+export const moreMenuSchema = blockSchema.extend({
+  source: z.object({
+    linkItems: z.array(
+      z.object({
+        kind: z.string(),
+        value: z.string(),
+        title: z.string(),
+      })
+    ),
+  }),
+  style: z.object({
+    root: baseStyleSchema,
+    links: z.object({
+      root: baseStyleSchema,
+      text: baseTextStyleSchema,
+      icon: baseIconStyleSchema,
+    }),
+  }),
+})
+export const checkEstimatedDeliverySchema = blockSchema.extend({
+  source: z.object({
+    title: z.string(),
+    buttonText: z.string(),
+    inputFieldPlaceholder: z.string(),
+  }),
+  style: z.object({
+    button: z.union([baseStyleSchema, z.object({ text: baseTextStyleSchema })]),
+    textInput: baseTextStyleSchema,
+    placeholder: baseTextStyleSchema,
+    text: z.object({
+      zipcode: baseTextStyleSchema,
+      deliveryTextNote: baseTextStyleSchema,
+    }),
+    title: baseTextStyleSchema,
+    root: baseStyleSchema,
+  }),
+})
+
+export const discountCodeInputSchema = blockSchema.extend({
+  source: z.object({
+    inputFieldPlaceholder: z.string(),
+    buttonText: z.string(),
+    static: z.object({
+      title: z.string(),
+    }),
+    couponCard: z.object({
+      cancel: z.object({
+        icon: z.string(),
+      }),
+      discount: z.object({
+        icon: z.string(),
+      }),
+    }),
+  }),
+  style: z.object({
+    errorMessage: baseTextStyleSchema,
+    applyButton: z.object({
+      root: baseStyleSchema,
+      text: baseTextStyleSchema,
+    }),
+    input: z.object({
+      error: baseStyleSchema,
+      success: baseStyleSchema,
+      placeholder: baseTextStyleSchema,
+      root: baseStyleSchema,
+    }),
+    title: baseTextStyleSchema,
+    couponCode: z.object({
+      icon: baseIconStyleSchema,
+      root: baseStyleSchema,
+      text: baseTextStyleSchema,
+    }),
+    root: baseStyleSchema,
+  }),
+})
+
+export const productVideo = z.object({
+  url: z.string(),
+  products: z.string().array().optional(),
+  collection: z.string().optional(),
+})
+
+export const videoSource = z.object({
+  aspectRatio: z.number().optional(),
+  gap: z.number(),
+  title: z.string(),
+  mode: z.enum(['autoPlay', 'paused']),
+  orientation: z.enum(['Landscape', 'Portrait']),
+  resetOnPause: z.boolean(),
+})
+
+export const videoStyle = z.object({
+  root: baseStyleSchema,
+  productVideo: z.object({
+    root: baseStyleSchema,
+    video: baseStyleSchema,
+    playButton: baseStyleSchema,
+    productButton: baseStyleSchema,
+  }),
+  heading: z.object({
+    root: baseStyleSchema,
+    text: baseTextStyleSchema,
+    muteButton: baseStyleSchema,
+  }),
+  richHeading: richTextStyleSchema,
+})
+
+export const videoListSchema = blockSchema.extend({
+  source: videoSource.extend({ videos: videoItemSchema.array() }),
+  style: videoStyle.extend({ list: baseStyleSchema }),
+})
+export const singleVideoSchema = blockSchema.extend({
+  source: videoSource.extend({ video: videoItemSchema }),
+  style: videoStyle,
+})
+
+export const videoBannerSchema = blockSchema.extend({
+  source: z.object({
+    video: videoItemSchema.extend({
+      link: z
+        .object({
+          kind: z.string().optional(),
+          value: z.string().optional(),
+        })
+        .optional(),
+      poster: z
+        .object({
+          kind: z.string().optional(),
+          src: z.string().optional(),
+        })
+        .optional(),
+    }),
+    poster: z.object({
+      src: z.string(),
+      kind: z.string().optional(),
+    }),
+    heading: z.string(),
+    buttonTitle: z.string(),
+    posterV2: z.record(z.string(), z.string()).optional(),
+    aspectRatio: z.number().optional(),
+    richHeading: z.string().optional(),
+  }),
+  options: z.object({
+    controls: z.boolean(),
+    autoPlay: z.boolean(),
+    repeat: z.boolean(),
+    muted: z.boolean(),
+    orientation: z.enum(['Landscape', 'Portrait']),
+    aspectRatio: z.number().optional(),
+  }),
+  style: z.object({
+    root: baseStyleSchema.extend({
+      overflow: z.string().optional(),
+    }),
+    productVideo: z.object({
+      root: baseStyleSchema,
+      video: baseStyleSchema,
+      playButton: baseStyleSchema,
+      productButton: baseStyleSchema,
+    }),
+    heading: baseTextStyleSchema.extend({
+      zIndex: z.number().optional(),
+    }),
+    navigationButtonStyles: z.object({
+      root: baseStyleSchema,
+      text: baseTextStyleSchema,
+    }),
+  }),
+})
+export const youtubeEmbedSchema = blockSchema.extend({
+  source: z.object({
+    videoId: z.string(),
+    heading: z.string().optional(),
+    aspectRatio: z.number().optional(),
+  }),
+  style: z.object({
+    root: baseStyleSchema,
+    heading: baseTextStyleSchema,
+    youtube: z.object({
+      root: baseStyleSchema,
+      video: baseStyleSchema,
+    }),
+  }),
+})
+
+export const viewCouponSchema = blockSchema.extend({
+  source: z.object({
+    noCouponSelected: z.object({
+      heading: z.string(),
+      buttonText: z.string(),
+    }),
+    couponSelected: z.object({
+      heading: z.string(),
+      buttonText: z.string(),
+    }),
+    discountAmountText: z.string().optional(),
+  }),
+  options: z.object({
+    showDiscountAmount: z.boolean().optional(),
+    discountIcon: z.string().optional(),
+    applyCouponButton: z
+      .object({
+        endIcon: z.string().optional(),
+        startIcon: z.string().optional(),
+      })
+      .optional(),
+    endIconId: z.string().optional(),
+  }),
+  style: z.object({
+    root: baseStyleSchema,
+    text: baseTextStyleSchema,
+    button: z.object({
+      container: baseStyleSchema,
+      text: baseTextStyleSchema,
+    }),
+    couponApplied: z.object({
+      container: baseStyleSchema,
+      discountIcon: baseIconStyleSchema,
+      couponCodeText: z.union([baseTextStyleSchema, baseStyleSchema]),
+      divider: baseStyleSchema,
+      crossIconStyles: baseStyleSchema,
+      crossIcon: baseIconStyleSchema,
+    }),
+    discountAmount: z.object({
+      discountText: baseTextStyleSchema,
+      icon: baseIconStyleSchema,
+      root: baseStyleSchema,
+      textContainer: baseStyleSchema,
+    }),
+  }),
+})
+
+export const applyCouponSchema = blockSchema.extend({
+  source: z.object({
+    couponInputPlaceholder: z.string(),
+    applyCouponCodeButtonText: z.string(),
+    availableCouponsHeading: z.string(),
+    noCouponsAvailableMessage: z.string(),
+    searchCouponsHeading: z.string(),
+    successToastMessage: z.string(),
+    failedToastMessage: z.string(),
+  }),
+
+  style: z.object({
+    root: baseStyleSchema,
+
+    couponCodeInput: z.object({
+      container: baseStyleSchema,
+      input: baseStyleSchema,
+      applyText: baseTextStyleSchema,
+      disabledApplyButton: baseStyleSchema,
+      enabledApplyButton: baseStyleSchema,
+    }),
+
+    availableCouponsText: z.union([baseStyleSchema, baseTextStyleSchema]),
+
+    couponCard: z.object({
+      container: baseStyleSchema,
+      couponCodeText: z.union([baseStyleSchema, baseTextStyleSchema]),
+      descriptionText: z.union([baseStyleSchema, baseTextStyleSchema]),
+      applyText: z.union([baseStyleSchema, baseTextStyleSchema]),
+      offerText: z.union([baseStyleSchema, baseTextStyleSchema]),
+    }),
+
+    bottomRightPattern: z.object({
+      container: baseStyleSchema,
+      text: z.union([baseStyleSchema, baseTextStyleSchema]),
+    }),
+  }),
+})
+
+export const promoCarouselSchema = blockSchema.extend({
+  source: z.object({
+    heading: z.string().optional(),
+    subHeading: z.string().optional(),
+    items: z.array(
+      imageItemSchema.extend({
+        hidden: z.boolean().optional(),
+        link: z
+          .object({
+            kind: z.string().optional(),
+            value: z.string().optional(),
+            external: z.boolean().optional(),
+          })
+          .optional(),
+      })
+    ),
+  }),
+  options: z
+    .object({
+      roundness: z.number().optional(),
+      autoPlay: z.boolean().optional(),
+      autoPlayInterval: z.number().optional(),
+      hideIndicator: z.boolean().optional(),
+      showIndicator: z.boolean().optional(),
+      carousal: z
+        .object({
+          image: z
+            .object({
+              resizeMode: z.string().optional(),
+            })
+            .optional(),
+        })
+        .optional(),
+      carousel: z
+        .object({
+          image: z
+            .object({
+              resizeMode: z.string().optional(),
+            })
+            .optional(),
+        })
+        .optional(),
+      video: z
+        .object({
+          muted: z.boolean().optional(),
+          repeat: z.boolean().optional(),
+          autoPlay: z.boolean().optional(),
+          controls: z.boolean().optional(),
+        })
+        .optional(),
+    })
+    .optional(),
+  style: z.object({
+    heading: baseTextStyleSchema
+      .extend({
+        kind: z.string().optional(),
+      })
+      .optional(),
+    subHeading: baseTextStyleSchema
+      .extend({
+        kind: z.string().optional(),
+      })
+      .optional(),
+    indicator: z
+      .object({
+        container: baseStyleSchema,
+        active: baseStyleSchema,
+        inactive: baseStyleSchema,
+        root: baseStyleSchema,
+      })
+      .optional(),
+    root: baseStyleSchema.optional(),
+  }),
+})
+
+export const changePasswordSchema = blockSchema.extend({
+  source: z.object({
+    confirmPasswordText: z.string(),
+    logo: z.string(),
+  }),
+  style: z.object({
+    input: z.object({
+      placeholder: baseTextStyleSchema,
+      label: baseTextStyleSchema,
+      root: baseStyleSchema,
+      states: z.object({
+        error: baseStyleSchema,
+      }),
+    }),
+    root: baseStyleSchema,
+    logo: z.object({
+      root: baseStyleSchema,
+    }),
+    confirmPassword: baseStyleSchema.extend({
+      text: baseTextStyleSchema,
+    }),
+    sectionHeading: baseTextStyleSchema,
+  }),
+})
+const billItemSchema = z.object({
+  root: baseStyleSchema,
+  text: baseTextStyleSchema,
+  price: baseTextStyleSchema,
+})
+export const paymentDetailsSchema = blockSchema.extend({
+  source: z.object({
+    heading: z.string().optional(),
+    totalText: z.string().optional(),
+  }),
+  style: z.object({
+    root: baseStyleSchema,
+    heading: baseTextStyleSchema,
+    subTotal: billItemSchema,
+    shipping: billItemSchema,
+    discount: billItemSchema,
+    total: billItemSchema,
+  }),
+})
+export const cartListSchema = blockSchema.extend({
+  options: z.object({
+    showCustomAttributes: z.boolean().optional(),
+    quantitySelectorType: z.enum(['modal', 'inc_dec']).optional(),
+    showConfirmationPopup: z.boolean().optional(),
+    order: z.any().optional(),
+  }),
+  source: z.object({
+    emptyCart: z.object({
+      image: z.string(),
+      buttonText: z.string(),
+      caption: z.string(),
+      heading: z.string(),
+    }),
+    static: z.object({
+      title: z.string(),
+      item: z.object({
+        removeVariant: z.number(),
+        quantitySelectorVariant: z.number(),
+        delete: z.object({
+          icon: z.string(),
+        }),
+        price: z.object({
+          showDiscount: z.boolean(),
+        }),
+        quantity: z.object({
+          title: z.string(),
+        }),
+      }),
+    }),
+  }),
+  style: z.object({
+    item: z
+      .object({
+        root: baseStyleSchema,
+        image: baseStyleSchema,
+        heading: baseStyleSchema,
+        trashIcon: baseIconStyleSchema,
+        block: z.object({
+          root: baseStyleSchema,
+          price: baseTextStyleSchema,
+          originalPrice: baseTextStyleSchema,
+        }),
+      })
+      .partial()
+      .optional(),
+    root: baseStyleSchema,
+    empty: z.object({
+      root: baseStyleSchema,
+      button: baseStyleSchema.extend({
+        text: baseTextStyleSchema,
+      }),
+      image: baseStyleSchema,
+      text: baseTextStyleSchema,
+      heading: baseTextStyleSchema,
+    }),
+  }),
+})
+
+export const accountSchema = blockSchema.extend({
+  style: z.object({
+    loadingDotsColor: z.string(),
+    becomeAMember: z.object({
+      button: baseTextStyleSchema.extend({
+        text: baseTextStyleSchema,
+      }),
+      link: z.object({
+        label: baseTextStyleSchema,
+        text: baseTextStyleSchema,
+      }),
+      description: baseTextStyleSchema,
+      heading: baseTextStyleSchema,
+      root: baseStyleSchema,
+    }),
+    menu: z.object({
+      item: z.object({
+        root: baseStyleSchema,
+        text: z.object({
+          root: baseStyleSchema,
+          text: baseTextStyleSchema,
+          heading: baseTextStyleSchema,
+        }),
+        icon: baseIconStyleSchema,
+        endIcon: baseIconStyleSchema,
+      }),
+      root: baseStyleSchema,
+    }),
+    user: z.object({
+      greeting: z.object({
+        root: baseStyleSchema,
+        text: baseTextStyleSchema,
+        name: baseTextStyleSchema,
+      }),
+      signOutButton: baseStyleSchema.extend({
+        text: baseTextStyleSchema,
+      }),
+    }),
+    root: baseStyleSchema,
+  }),
+  source: z.object({
+    menu: z.object({
+      items: z
+        .object({
+          link: z.object({
+            value: z.string(),
+            kind: z.string(),
+          }),
+          text: z.string().optional(),
+          heading: z.string(),
+          icon: z.string().optional(),
+          endIcon: z.string().optional(),
+        })
+        .array(),
+    }),
+    user: z.object({
+      signOutText: z.string(),
+      greeting: z.string(),
+    }),
+    becomeAMember: z.object({
+      linkLabel: z.string(),
+      description: z.string(),
+      buttonText: z.string(),
+      linkText: z.string(),
+      heading: z.string(),
+    }),
+  }),
+})
+
+export const searchSuggestionSchema = blockSchema.extend({
+  style: z.object({
+    title: z.string(),
+    root: baseStyleSchema,
+    loader: baseStyleSchema.extend({ color: z.string() }),
+    suggestion: z.object({
+      root: baseStyleSchema,
+      icon: z.object({
+        root: baseStyleSchema,
+        icon: baseIconStyleSchema,
+      }),
+      text: baseTextStyleSchema,
+    }),
+  }),
+  source: z.object({
+    title: z.string().optional(),
+  }),
+  options: z.object({
+    count: z.number().optional(),
+  }),
+})
+
+export const suggestionsPageStyles = z.object({
+  root: baseStyleSchema,
+  loader: baseStyleSchema.extend({ color: z.string() }),
+  title: baseTextStyleSchema,
+  list: baseStyleSchema,
+  item: z.object({
+    root: baseStyleSchema,
+    wrapper: baseStyleSchema.optional(),
+    content: z
+      .object({
+        root: baseStyleSchema.optional(),
+      })
+      .optional(),
+    icon: z
+      .object({
+        root: baseStyleSchema.optional(),
+        icon: baseIconStyleSchema.optional(),
+      })
+      .optional(),
+    deleteIcon: z
+      .object({
+        root: baseStyleSchema.optional(),
+        icon: baseIconStyleSchema.optional(),
+      })
+      .optional(),
+    endIcon: z
+      .object({
+        root: baseStyleSchema.optional(),
+        icon: baseIconStyleSchema.optional(),
+      })
+      .optional(),
+    text: baseTextStyleSchema,
+  }),
+})
+
+export const pastSearchesSchema = blockSchema.extend({
+  style: suggestionsPageStyles.extend({
+    clearButton: z.object({
+      root: baseStyleSchema,
+      text: baseTextStyleSchema,
+    }),
+    headingContainer: baseStyleSchema,
+  }),
+  source: z.object({
+    title: z.string().optional(),
+    clearButtonText: z.string().optional(),
+  }),
+  options: z.object({
+    count: z.number().optional(),
+    disappearOnSearch: z.boolean().optional(),
+  }),
+})
+
+export const trendingProductsSchema = blockSchema.extend({
+  style: suggestionsPageStyles,
+  source: z.object({
+    title: z.string().optional(),
+  }),
+  options: z.object({
+    count: z.number().optional(),
+    disappearOnSearch: z.boolean().optional(),
+  }),
+})
+
+export const emptySearchSuggestionsSchema = blockSchema.extend({
+  style: suggestionsPageStyles,
+  source: z.object({
+    title: z.string().optional(),
+  }),
+  options: z.object({
+    count: z.number().optional(),
+    disappearOnSearch: z.boolean().optional(),
+  }),
+})
+
+export const searchRecommendationsSchema = blockSchema.extend({
+  style: z.object({
+    loader: baseStyleSchema.extend({ color: z.string() }),
+  }),
+  source: z.object({}),
+  options: z.object({
+    count: z.number().optional(),
+    type: z.enum(['bought', 'viewed']),
+    idSource: z.enum(['cart', 'product']),
+  }),
+})
+
+export const a1AccordionSchema = blockSchema.extend({
+  source: z.object({
+    namespace: z.string(),
+    key: z.string(),
+    title: z.string(),
+    icon: z
+      .object({
+        collapse: z.string().optional(),
+        expand: z.string().optional(),
+      })
+      .optional(),
+  }),
+  style: z.object({
+    root: baseStyleSchema,
+    image: baseImageStyleSchema.optional(),
+    title: z.object({
+      root: baseStyleSchema,
+      text: baseTextStyleSchema,
+      icon: baseTextStyleSchema,
+    }),
+    titleExpanded: z.object({
+      root: baseStyleSchema,
+      text: baseTextStyleSchema,
+      icon: baseTextStyleSchema,
+    }),
+    body: z.object({
+      root: baseStyleSchema,
+      text: baseTextStyleSchema,
+      tags: z.object({
+        p: baseTextStyleSchema,
+        span: baseTextStyleSchema,
+        div: baseTextStyleSchema,
+      }),
+    }),
+    richTitle: richTextStyleSchema.optional(),
+  }),
+})
+
+export const a1ImageBannerSchema = blockSchema.extend({
+  source: z.object({
+    namespace: z.string(),
+    key: z.string(),
+  }),
+  style: z.object({
+    root: baseStyleSchema,
+    image: z.object({ aspectRatio: z.number() }).merge(baseStyleSchema),
+  }),
+})
+
+export const judgemeReviewsSchema = blockSchema.extend({
+  style: z.object({
+    root: baseStyleSchema,
+  }),
+})
+
+export const junipReviewsSchema = blockSchema.extend({
+  style: z.object({
+    root: baseStyleSchema,
+    header: z.object({
+      root: baseStyleSchema,
+      text: baseTextStyleSchema,
+    }),
+    reviewSummary: z.object({
+      root: baseStyleSchema,
+      averageBlock: z.object({
+        root: baseStyleSchema,
+        averageRatings: z.object({
+          text: baseTextStyleSchema,
+          starRatings: z.object({
+            ratingBoxStyle: baseStyleSchema,
+            ratingCountStyle: baseTextStyleSchema,
+            iconStyle: baseStyleSchema,
+          }),
+        }),
+      }),
+      ratingsDistributionBlock: z.object({
+        root: baseStyleSchema,
+        ratingsDistribution: z.object({
+          root: baseStyleSchema,
+          starText: baseTextStyleSchema,
+          bar: baseStyleSchema,
+          completedBar: baseStyleSchema,
+          percentageText: baseTextStyleSchema,
+          numberOfIndividualRatingsText: baseTextStyleSchema,
+        }),
+      }),
+      writeAReviewButton: z.object({
+        root: baseStyleSchema,
+        text: baseTextStyleSchema,
+      }),
+    }),
+    reviewCard: z.object({
+      root: baseStyleSchema,
+      image: baseStyleSchema,
+      content: z.object({
+        section: z.object({
+          root: baseStyleSchema,
+        }),
+        firstName: z.object({
+          text: baseTextStyleSchema,
+        }),
+        lastName: z.object({
+          text: baseTextStyleSchema,
+        }),
+        verifiedPurchase: z.object({
+          root: baseStyleSchema,
+          icon: baseStyleSchema,
+          text: baseTextStyleSchema,
+        }),
+        ratingsAndDateBox: z.object({
+          root: baseStyleSchema,
+          starRatings: z.object({
+            root: baseStyleSchema,
+            ratingBoxStyle: baseStyleSchema,
+            ratingCountStyle: baseTextStyleSchema,
+            iconStyle: baseStyleSchema,
+          }),
+          date: z.object({
+            root: baseStyleSchema,
+            text: baseTextStyleSchema,
+          }),
+        }),
+        body: z.object({
+          root: baseStyleSchema,
+          text: baseTextStyleSchema,
+        }),
+        root: baseStyleSchema,
+      }),
+    }),
+    loaderStyle: z
+      .object({
+        root: baseStyleSchema,
+      })
+      .optional(),
+    loadMoreButton: z.object({
+      root: baseStyleSchema,
+      text: baseTextStyleSchema,
+    }),
+    loadMoreButtonWrapper: baseStyleSchema,
+  }),
+  source: z.object({
+    key: z.string(),
+    loader: z
+      .object({
+        size: z.enum([`small`, `large`]).optional(),
+      })
+      .optional(),
+  }),
+})
+
+export const junipSchema = blockSchema.extend({
+  style: z.object({
+    root: baseStyleSchema,
+    writeAReview: z.object({
+      root: baseStyleSchema,
+      text: baseTextStyleSchema,
+    }),
+    reviewSummary: z.object({
+      root: baseStyleSchema,
+      averageRatingBlock: z.object({
+        root: baseStyleSchema,
+        text: baseTextStyleSchema,
+        starRatings: z.object({
+          root: baseStyleSchema,
+          ratingCount: baseTextStyleSchema,
+          icon: baseStyleSchema,
+          container: baseStyleSchema,
+        }),
+      }),
+      ratingDistributionText: baseTextStyleSchema,
+    }),
+    reviewCard: z.object({
+      root: baseStyleSchema,
+      nameBox: z.object({
+        root: baseStyleSchema,
+        nameText: baseTextStyleSchema,
+        recommendBox: z.object({
+          root: baseStyleSchema,
+          recommendText: baseTextStyleSchema,
+        }),
+      }),
+      verifiedBuyer: z.object({
+        root: baseStyleSchema,
+        text: baseTextStyleSchema,
+      }),
+      sizePurchasedText: baseTextStyleSchema,
+      ratingBox: z.object({
+        root: baseStyleSchema,
+        starRatings: z.object({
+          root: baseStyleSchema,
+          ratingCount: baseTextStyleSchema,
+          icon: baseStyleSchema,
+          container: baseStyleSchema,
+        }),
+        dateText: baseTextStyleSchema,
+      }),
+      titleText: baseTextStyleSchema,
+      bodyText: baseTextStyleSchema,
+      ratingBarBox: baseStyleSchema,
+      mediaBox: z.object({
+        root: baseStyleSchema,
+        image: baseStyleSchema,
+        imagePreview: z.object({
+          root: baseStyleSchema,
+          icon: baseStyleSchema,
+          indicator: z.object({
+            root: baseStyleSchema,
+            active: baseStyleSchema,
+            inactive: baseStyleSchema,
+          }),
+        }),
+      }),
+      reactionBox: z.object({
+        root: baseStyleSchema,
+        likeBox: baseStyleSchema,
+        likeCountText: baseTextStyleSchema,
+        dislikeBox: baseStyleSchema,
+        dislikeCountText: baseTextStyleSchema,
+      }),
+      respondentBox: z.object({
+        root: baseStyleSchema,
+        titleText: baseTextStyleSchema,
+        bodyText: baseTextStyleSchema,
+      }),
+    }),
+    loadMoreButton: z.object({
+      root: baseStyleSchema,
+      text: baseTextStyleSchema,
+    }),
+    sortFilter: z.object({
+      root: baseStyleSchema,
+      accordionStyle: z.object({
+        root: baseStyleSchema,
+        title: z.object({
+          root: baseStyleSchema,
+          text: baseTextStyleSchema,
+          imageWrapper: baseStyleSchema,
+        }),
+      }),
+      dropdownBox: z.object({
+        root: baseStyleSchema,
+        dropdownContainer: baseStyleSchema,
+        dropdownLabelText: baseTextStyleSchema,
+        dropdownPickerStyle: z.object({
+          wrapper: baseStyleSchema,
+          root: baseStyleSchema,
+          selectedText: baseTextStyleSchema,
+          itemText: baseTextStyleSchema,
+        }),
+        checkboxContainer: z.object({
+          root: baseStyleSchema,
+          checkboxContainer: baseStyleSchema,
+          checkbox: z.object({
+            checkBox: z.object({
+              fillColor: z.object({
+                off: z.string(),
+                on: z.string(),
+              }),
+              tintColor: z.object({
+                off: z.string(),
+                on: z.string(),
+              }),
+              tick: z.object({
+                color: z.string(),
+              }),
+              root: baseStyleSchema,
+            }),
+            checkBoxText: baseTextStyleSchema,
+          }),
+        }),
+      }),
+      noReviewsText: baseTextStyleSchema,
+      resetFilterText: baseTextStyleSchema,
+      loadingText: baseTextStyleSchema,
+    }),
+  }),
+})
+
+export const opinewReviewsSchema = blockSchema.extend({
+  style: z.object({
+    root: baseStyleSchema,
+  }),
+  source: z.object({}),
+})
+const address = z.object({
+  root: baseStyleSchema,
+  displayName: baseTextStyleSchema,
+  address1: baseTextStyleSchema,
+  phone: baseIconStyleSchema,
+})
+export const changeShippingAddressSchema = blockSchema.extend({
+  style: z.object({
+    root: baseStyleSchema,
+    signInText: baseTextStyleSchema,
+    signInButton: z.object({
+      container: baseStyleSchema,
+      text: baseTextStyleSchema,
+    }),
+    header: z.object({
+      root: baseStyleSchema,
+      title: baseTextStyleSchema,
+      button: z.object({
+        container: baseStyleSchema,
+        text: baseTextStyleSchema,
+      }),
+    }),
+    address: address,
+    modal: z.object({
+      heading: baseTextStyleSchema,
+      address: address,
+      button: z.object({
+        container: baseStyleSchema,
+        text: baseTextStyleSchema,
+      }),
+      content: z
+        .object({
+          root: baseStyleSchema.optional(),
+        })
+        .optional(),
+      currencyChangeConfirmationModal: z.record(z.any()).optional(),
+    }),
+  }),
+})
+export const deleteAccountPrivacySchema = blockSchema.extend({
+  style: z.object({
+    root: baseStyleSchema,
+    heading: baseTextStyleSchema,
+    caption: baseTextStyleSchema,
+    button: baseStyleSchema.extend({
+      text: baseTextStyleSchema,
+    }),
+  }),
+  source: z.object({
+    heading: z.string(),
+    caption: z.string(),
+    buttonText: z.string(),
+  }),
+})
+
+export const sortAndFilterSchema = blockSchema.extend({
+  style: z.object({
+    root: baseStyleSchema,
+    button: z.object({
+      root: baseStyleSchema,
+      icon: baseIconStyleSchema,
+      text: z.object({
+        root: baseStyleSchema,
+        text: baseTextStyleSchema,
+        helperText: baseTextStyleSchema,
+        filterCount: baseTextStyleSchema,
+      }),
+    }),
+    filters: z.object({
+      root: baseStyleSchema,
+      cancelButton: z.object({
+        base: baseStyleSchema,
+        text: baseTextStyleSchema,
+      }),
+      applyButton: z.object({
+        base: baseStyleSchema,
+        text: baseTextStyleSchema,
+      }),
+      titleContainer: baseStyleSchema.optional(),
+      title: z.object({
+        root: baseStyleSchema,
+        title: baseTextStyleSchema,
+        helperText: baseTextStyleSchema,
+      }),
+      sidebar: z.object({
+        root: baseStyleSchema,
+        button: z.object({
+          default: baseStyleSchema,
+          selected: baseStyleSchema,
+          text: baseTextStyleSchema,
+          textSelected: baseTextStyleSchema,
+        }),
+      }),
+      options: z.object({
+        root: baseStyleSchema,
+        range: z.object({
+          root: baseStyleSchema,
+          title: baseTextStyleSchema,
+          text: baseTextStyleSchema,
+          slider: z.object({
+            root: baseStyleSchema,
+            track: baseStyleSchema,
+            tints: z.object({
+              thumb: z.string(),
+              trackMaximum: z.string(),
+              trackMinimum: z.string(),
+            }),
+            thumb: baseStyleSchema,
+          }),
+        }),
+        option: z.object({
+          root: baseStyleSchema,
+          selected: baseStyleSchema.optional(),
+          checkBox: z.object({
+            fillColor: z.object({
+              off: z.string(),
+              on: z.string(),
+            }),
+            tintColor: z.object({
+              off: z.string(),
+              on: z.string(),
+            }),
+            tick: z.object({
+              color: z.string(),
+            }),
+            root: baseStyleSchema,
+          }),
+          text: baseTextStyleSchema,
+          textSelected: baseTextStyleSchema.optional(),
+        }),
+      }),
+      clearButton: z
+        .object({
+          root: baseStyleSchema,
+          text: baseTextStyleSchema,
+          kind: z.string().optional(),
+        })
+        .optional(),
+    }),
+    sort: z.object({
+      root: baseStyleSchema,
+      title: baseTextStyleSchema,
+      item: z.object({
+        root: baseStyleSchema,
+        text: baseTextStyleSchema,
+        textSelected: baseTextStyleSchema,
+        icon: baseIconStyleSchema,
+      }),
+      list: z
+        .object({
+          root: baseStyleSchema.optional(),
+        })
+        .optional(),
+    }),
+    divider: baseStyleSchema,
+  }),
+  settings: z.object({
+    source: z.object({
+      customFilterTitles: z.record(z.string(), z.string()).optional(),
+      sortIcon: z.string(),
+      filterIcon: z.string(),
+      showFilterCount: z.boolean(),
+      priceStatic: z.array(z.tuple([z.number(), z.number().optional()])),
+      state: z.string(),
+      //mode
+      //0 : multi select both
+      //1 : single select both
+      //TODO if needed:
+      //2: single select only price
+      //3: single select only query
+      mode: z.number().optional(),
+      staticData: z.array(
+        z.object({
+          key: z.string(),
+          title: z.string(),
+          postfix: z.string().optional(),
+          data: z
+            .object({
+              key: z.string(),
+              text: z.string(),
+              count: z.number().optional(),
+            })
+            .array(),
+        })
+      ),
+      sortButtonText: z.string(),
+      filterButtonText: z.string(),
+      sortKeys: z.record(z.string(), z.string()).optional(),
+      collectionProductSortKeys: z.record(z.string(), z.string()).optional(),
+      collectionId: z.string().optional(),
+    }),
+    options: z.object({
+      fetchWithSearch: z.boolean().optional(),
+      clearFiltersOnClose: z.boolean().optional(),
+      clearAllFiltersButton: z.record(z.string(), z.string()).optional(),
+      enableColorsFilter: z.boolean().optional(),
+      showFilter: z.boolean().optional(),
+      showSort: z.boolean().optional(),
+    }),
+  }),
+})
+
+export const emptyBlockSchema = blockSchema.extend({
+  source: z.object({
+    state: z.string(),
+    statusState: z.string().optional(),
+    image: z.string(),
+    heading: z.string(),
+    caption: z.string(),
+    buttonText: z.string(),
+    link: z.string().optional(),
+  }),
+  style: z.object({
+    root: baseStyleSchema,
+    image: baseStyleSchema,
+    heading: baseTextStyleSchema,
+    caption: baseTextStyleSchema,
+    button: baseStyleSchema,
+  }),
+})
+export const a1ProductDescriptionHtml = blockSchema.extend({
+  source: z.object({
+    namespace: z.string(),
+    key: z.string(),
+    title: z.string(),
+    icon: z
+      .object({
+        expand: z.string().optional(),
+        collapse: z.string().optional(),
+      })
+      .optional(),
+  }),
+  style: z.object({
+    root: baseStyleSchema,
+    title: z.object({
+      root: baseStyleSchema,
+      text: baseTextStyleSchema,
+      icon: baseTextStyleSchema,
+    }),
+    titleExpanded: z.object({
+      root: baseStyleSchema,
+      text: baseTextStyleSchema,
+      icon: baseTextStyleSchema,
+    }),
+    body: z.object({
+      root: baseStyleSchema,
+      text: baseTextStyleSchema,
+      tags: z.object({
+        p: baseTextStyleSchema,
+        span: baseTextStyleSchema,
+        div: baseTextStyleSchema,
+      }),
+    }),
+  }),
+})
+export const a1ProductList = blockSchema.extend({
+  style: z.object({
+    root: baseStyleSchema,
+    heading: baseTextStyleSchema,
+    productList: z.object({
+      product: productStyleSchema,
+      root: baseStyleSchema,
+    }),
+  }),
+  list: z
+    .object({
+      itemGap: z.number().optional(),
+    })
+    .optional(),
+  source: z.object({
+    heading: z.string(),
+    namespace: z.string(),
+    key: z.string(),
+  }),
+})
+
+export const a1AccordionImage = blockSchema.extend({
+  style: z.object({
+    root: baseStyleSchema,
+    title: z.object({
+      root: baseStyleSchema,
+      text: baseTextStyleSchema,
+      icon: baseTextStyleSchema,
+    }),
+    titleExpanded: z.object({
+      root: baseStyleSchema,
+      text: baseTextStyleSchema,
+      icon: baseTextStyleSchema,
+    }),
+    body: z.object({
+      root: baseStyleSchema,
+    }),
+  }),
+  source: z.object({
+    heading: z.string(),
+    namespace: z.string(),
+    key: z.string(),
+  }),
+})
+
+export const accordionImage = blockSchema.extend({
+  style: z.object({
+    root: baseStyleSchema,
+    title: z.object({
+      root: baseStyleSchema,
+      text: baseTextStyleSchema,
+      icon: baseTextStyleSchema,
+    }),
+    titleExpanded: z.object({
+      root: baseStyleSchema,
+      text: baseTextStyleSchema,
+      icon: baseTextStyleSchema,
+    }),
+    body: z.object({
+      root: baseStyleSchema,
+    }),
+    image: baseStyleSchema.optional(),
+  }),
+  source: z.object({
+    title: z.string(),
+    imageUrl: z.string(),
+    icon: z
+      .object({
+        collapse: z.string().optional(),
+        expand: z.string().optional(),
+      })
+      .optional(),
+  }),
+  options: z
+    .object({
+      defaultExpanded: z.boolean().optional(),
+    })
+    .optional(),
+})
+
+export const webViewSchema = blockSchema
+export type AccordionImageConfig = z.infer<typeof accordionImage>
+export type A1AccordionImageConfig = z.infer<typeof a1AccordionImage>
+export type A1ProductListConfig = z.infer<typeof a1ProductList>
+export type A1ProductDescriptionConfig = z.infer<
+  typeof a1ProductDescriptionHtml
+>
+export type A1AccordionConfig = z.infer<typeof a1AccordionSchema>
+export type A1ImageBannerConfig = z.infer<typeof a1ImageBannerSchema>
+export type AccountConfig = z.infer<typeof accountSchema>
+export const singleLevelNavigationSchema = blockSchema.extend({
+  source: z.object({
+    withImage: z.boolean(),
+    items: z.array(
+      z.object({
+        image: z.string().optional(),
+        title: z.string(),
+        link: z
+          .object({
+            kind: z.string(),
+            value: z.string(),
+          })
+          .optional(),
+      })
+    ),
+  }),
+  style: z.object({
+    root: baseStyleSchema,
+    navigation: z.object({
+      imageNavigation: z.object({
+        root: baseStyleSchema,
+        title: z.object({
+          root: baseStyleSchema,
+          text: baseTextStyleSchema,
+        }),
+        icon: baseIconStyleSchema,
+      }),
+      textNavigation: z.object({
+        root: baseStyleSchema,
+        title: z.object({
+          root: baseStyleSchema,
+          text: baseTextStyleSchema,
+        }),
+        image: z.object({ baseStyleSchema }).optional(),
+      }),
+    }),
+  }),
+})
+const navigationSchema = z.object({
+  title: z.object({
+    root: baseStyleSchema,
+    text: baseTextStyleSchema,
+  }),
+  icon: baseIconStyleSchema,
+  image: z.object({ baseStyleSchema }).optional(),
+})
+export const twoLevelNavigationSchema = blockSchema.extend({
+  source: z.object({
+    withImage: z.boolean(),
+    withIcon: z.boolean().optional(),
+    items: z.array(
+      z.object({
+        image: z.string().optional(),
+        title: z.string(),
+        directLink: z.boolean(),
+        hidden: z.boolean().optional(),
+        leftIcon: z.string().optional(),
+        meta: z
+          .object({
+            width: z.number(),
+            height: z.number(),
+          })
+          .optional(),
+        subNavigations: z.array(
+          z.object({
+            title: z.string(),
+            hidden: z.boolean().optional(),
+            link: z
+              .object({
+                kind: z.string(),
+                value: z.string(),
+                external: z.boolean().optional(),
+              })
+              .optional(),
+          })
+        ),
+        link: z
+          .object({
+            kind: z.string(),
+            value: z.string(),
+            external: z.boolean().optional(),
+          })
+          .optional(),
+      })
+    ),
+  }),
+  style: z.object({
+    root: baseStyleSchema,
+    navigation: z.object({
+      root: z
+        .object({
+          backgroundColor: z.string().optional(),
+          marginBottom: z.number().optional(),
+        })
+        .optional(),
+      imageNavigation: z.object({
+        root: baseStyleSchema,
+        title: z.object({
+          root: baseStyleSchema,
+          text: baseTextStyleSchema,
+        }),
+        icon: baseIconStyleSchema,
+      }),
+      textNavigation: z.object({
+        root: baseStyleSchema,
+        active: navigationSchema.extend({
+          title: z.object({
+            root: baseStyleSchema,
+            text: baseTextStyleSchema.extend({
+              kind: z.string().optional(),
+            }),
+          }),
+        }),
+        inactive: navigationSchema.extend({
+          title: z.object({
+            root: baseStyleSchema,
+            text: baseTextStyleSchema.extend({
+              kind: z.string().optional(),
+            }),
+          }),
+        }),
+      }),
+      subNavigations: z.object({
+        subNavigationItem: z.object({
+          title: baseTextStyleSchema,
+          root: baseStyleSchema,
+        }),
+        root: baseStyleSchema,
+      }),
+    }),
+  }),
+})
+export const tabbedProductListConfig = blockSchema.extend({
+  source: z.object({
+    collections: z.array(
+      z.object({
+        name: z.string(),
+        id: z.string(),
+        heading: z.string().optional(),
+      })
+    ),
+    showItemCount: z.number(),
+    bottomLinkText: z.string(),
+    heading: z.string(),
+    subTitle: z.string().optional(),
+    activeStartIcon: z.string().optional(),
+    activeEndIcon: z.string().optional(),
+    inactiveStartIcon: z.string().optional(),
+    inactiveEndIcon: z.string().optional(),
+    icon: z.string().optional(),
+  }),
+  style: z.object({
+    tabs: z.object({
+      root: baseStyleSchema,
+      heading: baseTextStyleSchema.extend({
+        kind: z.string().optional(),
+      }),
+      tabListContainer: baseStyleSchema.optional(),
+      tabList: baseStyleSchema.optional(),
+      active: z.object({
+        root: baseStyleSchema,
+        name: baseTextStyleSchema,
+        startIcon: baseIconStyleSchema.optional(),
+        endIcon: baseIconStyleSchema.optional(),
+        icon: baseIconStyleSchema.optional(),
+      }),
+      inactive: z.object({
+        root: baseStyleSchema,
+        name: baseTextStyleSchema,
+        startIcon: baseIconStyleSchema.optional(),
+        endIcon: baseIconStyleSchema.optional(),
+        icon: baseIconStyleSchema.optional(),
+      }),
+      listWrapper: baseStyleSchema.optional(),
+    }),
+    root: z.object({
+      backgroundColor: z.string(),
+      paddingBottom: z.number().optional(),
+      paddingLeft: z.number().optional(),
+      paddingRight: z.number().optional(),
+      paddingTop: z.number().optional(),
+    }),
+    container: z
+      .object({
+        backgroundColor: z.string().optional(),
+        paddingBottom: z.number().optional(),
+        paddingTop: z.number().optional(),
+      })
+      .optional(),
+    heading: z.object({
+      color: z.string(),
+      fontSize: z.number(),
+      fontWeight: fontWeightSchema,
+    }),
+    product: productStyleSchema,
+    productV2: z
+      .object({
+        root: z
+          .object({
+            backgroundColor: z.string().optional(),
+          })
+          .optional(),
+      })
+      .optional(),
+    list: z
+      .object({
+        itemGap: z.number().optional(),
+      })
+      .optional(),
+    bottomLink: z.object({
+      color: z.string(),
+      fontSize: z.number(),
+      fontWeight: fontWeightSchema,
+      root: baseStyleSchema.optional(),
+    }),
+  }),
+})
+export const orderDetailsHeader = blockSchema.extend({
+  style: z.object({
+    root: baseStyleSchema,
+    date: baseTextStyleSchema,
+    orderPrice: z.object({
+      root: baseStyleSchema,
+      text: baseTextStyleSchema,
+      number: baseTextStyleSchema,
+    }),
+    orderNumber: z.object({
+      root: baseStyleSchema,
+      text: baseTextStyleSchema,
+      number: baseTextStyleSchema,
+    }),
+  }),
+})
+export const orderProductList = blockSchema.extend({
+  style: z.object({
+    heading: baseTextStyleSchema,
+    root: baseStyleSchema,
+    item: z.object({
+      image: z.object({
+        height: z.number(),
+        width: z.number(),
+      }),
+      root: baseStyleSchema,
+
+      contentBox: z.object({
+        quantity: baseTextStyleSchema,
+        title: baseTextStyleSchema,
+        price: baseTextStyleSchema,
+        root: baseStyleSchema,
+      }),
+    }),
+  }),
+  source: z.object({
+    static: z.object({
+      title: z.string(),
+      quantity: z.string(),
+    }),
+  }),
+})
+const orderPaymentItemSchema = z.object({
+  root: baseStyleSchema,
+  text: baseTextStyleSchema,
+  price: baseTextStyleSchema,
+})
+export const orderPaymentDetails = blockSchema.extend({
+  style: z.object({
+    root: baseStyleSchema,
+    subTotal: orderPaymentItemSchema,
+    shipping: orderPaymentItemSchema,
+    discount: orderPaymentItemSchema,
+    total: orderPaymentItemSchema,
+    paymentStatus: z.object({
+      status: baseTextStyleSchema,
+      root: baseStyleSchema,
+      text: baseTextStyleSchema,
+    }),
+  }),
+  source: z.object({
+    static: z.object({
+      title: z.string(),
+    }),
+  }),
+})
+export const orderDeliveryDetails = blockSchema.extend({
+  style: z.object({
+    root: baseStyleSchema,
+    heading: baseTextStyleSchema,
+    shippingAddress: z.object({
+      root: baseStyleSchema,
+      name: baseTextStyleSchema,
+      address: baseTextStyleSchema,
+      city: baseTextStyleSchema,
+      contactNumber: baseTextStyleSchema,
+      title: baseTextStyleSchema,
+    }),
+    orderCancelModal: z.object({
+      root: baseStyleSchema,
+      buttonGroup: z.object({
+        root: baseStyleSchema,
+        backButton: z.object({
+          root: baseStyleSchema,
+          text: baseTextStyleSchema,
+        }),
+        confirmOrderCancelButton: z.object({
+          root: baseStyleSchema,
+          text: baseTextStyleSchema,
+        }),
+      }),
+      title: z.object({
+        root: baseStyleSchema,
+        title: baseTextStyleSchema,
+        helperText: baseTextStyleSchema,
+      }),
+      divider: baseStyleSchema,
+    }),
+    orderCancelButton: z.object({
+      root: baseStyleSchema,
+      text: baseTextStyleSchema,
+    }),
+  }),
+
+  source: z.object({
+    static: z.object({
+      title: baseTextStyleSchema,
+      shippingAddress: baseTextStyleSchema,
+    }),
+    orderCancelModal: z.object({
+      backButtonText: z.string(),
+      confirmOrderCancelButtonText: z.string(),
+      title: z.object({
+        helperText: z.string().optional(),
+        titleText: z.string(),
+      }),
+    }),
+    orderCancelButtonText: z.string(),
+  }),
+})
+
+export const tailoredVariantFormBlock = blockSchema.extend({
+  layout: z.object({
+    sections: z.array(
+      z.object({
+        title: z.string(),
+        fields: z.array(
+          z.object({
+            id: z.enum([
+              'HeightFT',
+              'HeightIN',
+              'Bust',
+              'NaturalWaist',
+              'LowerWaist',
+              'Hip',
+              'Additional Info For BodyShape',
+              'Shoulder',
+              'UpperArm',
+              'ArmHole',
+              'TopLength',
+              'ProblemArea',
+            ]),
+            label: z.string(),
+            placeholder: z.string(),
+            required: z.boolean(),
+          })
+        ),
+      })
+    ),
+  }),
+  source: z.object({
+    submitButton: z.string(),
+  }),
+  style: z.object({
+    root: baseStyleSchema,
+    submitButton: baseStyleSchema,
+    sectionHeading: baseTextStyleSchema,
+  }),
+})
+const announcementCarousel = blockSchema.extend({
+  style: z.object({
+    root: baseStyleSchema,
+    item: z.object({
+      root: baseStyleSchema,
+      text: baseTextStyleSchema,
+      icon: baseIconStyleSchema,
+    }),
+  }),
+  source: z.object({
+    items: z.array(
+      z.object({
+        text: baseTextStyleSchema,
+        link: linkSchema,
+        hidden: z.boolean().optional(),
+      })
+    ),
+  }),
+})
+const announcementTicker = blockSchema.extend({
+  style: z.object({
+    root: baseStyleSchema,
+    item: z.object({
+      root: baseStyleSchema,
+      text: baseTextStyleSchema,
+      icon: baseIconStyleSchema,
+    }),
+  }),
+  options: z
+    .object({
+      speed: z.number().optional(),
+      reverse: z.boolean().optional(),
+    })
+    .optional(),
+  source: z.object({
+    items: z.array(
+      z.object({
+        startIcon: z.string().optional(),
+        text: baseTextStyleSchema,
+        link: linkSchema,
+        hidden: z.boolean().optional(),
+      })
+    ),
+  }),
+})
+
+export const socialSignInSchema = blockSchema.extend({
+  options: z.object({
+    providers: z.array(z.enum(['google', 'apple'])),
+  }),
+  source: z.object({
+    apple: z.object({
+      buttonText: z.string(),
+    }),
+    google: z.object({
+      buttonText: z.string(),
+    }),
+  }),
+  style: z.object({
+    root: baseStyleSchema,
+    apple: baseStyleSchema,
+    google: baseStyleSchema,
+  }),
+})
+
+export const recentOrdersSchema = blockSchema.extend({
+  style: z.object({
+    recentOrder: z.object({
+      root: baseStyleSchema,
+      viewOrderDetailButton: z.object({
+        root: baseStyleSchema,
+        text: baseTextStyleSchema,
+      }),
+      trackOrderButton: z.object({
+        root: baseStyleSchema,
+        text: baseTextStyleSchema,
+      }),
+      orderRefundedAmount: z.object({
+        number: baseStyleSchema,
+        root: baseStyleSchema,
+        text: baseTextStyleSchema,
+      }),
+      orderedItemsTitle: z.object({
+        root: baseStyleSchema,
+        title: baseTextStyleSchema,
+        more: baseTextStyleSchema,
+      }),
+      orderNumber: z.object({
+        number: baseStyleSchema,
+        root: baseStyleSchema,
+        text: baseTextStyleSchema,
+      }),
+      orderStatus: z.object({
+        root: baseStyleSchema,
+        text: baseTextStyleSchema,
+        status: baseTextStyleSchema,
+      }),
+      title: baseTextStyleSchema,
+      orderTotal: z.object({
+        number: baseStyleSchema,
+        root: baseStyleSchema,
+        text: baseTextStyleSchema,
+      }),
+      wrapperButtons: baseStyleSchema,
+    }),
+    root: baseStyleSchema,
+  }),
+  source: z.object({
+    shippingAddress: z.object({
+      title: z.string(),
+    }),
+    recentOrder: z.object({
+      title: z.string(),
+    }),
+  }),
+  options: z.object({
+    showTrackOrderButton: z.boolean(),
+    trackOrderLinkObj: z.object({
+      kind: z.enum([`screen`, `cart`, `collection`, `product`, `url`, `page`]),
+      value: z.string(),
+    }),
+    showReorderButton: z.boolean().optional(),
+  }),
+})
+
+export const recentlyViewedSchema = blockSchema.extend({
+  source: z.object({
+    title: z.string().optional(),
+    subTitle: z.string().optional(),
+    showItemCount: z.number().optional(),
+    bottomLinkText: z.string().optional(),
+    skeletonCount: z.number().optional(),
+  }),
+  style: z.object({
+    root: baseStyleSchema,
+    heading: baseTextStyleSchema.extend({
+      kind: z.string().optional(),
+    }),
+    productV2: z.record(z.string(), z.any()).optional(),
+    product: z.object({
+      root: baseStyleSchema,
+      title: baseTextStyleSchema,
+      icon: baseIconStyleSchema,
+      ratingCount: baseTextStyleSchema,
+      price: baseTextStyleSchema,
+      compareAtPrice: baseTextStyleSchema,
+      discountLabel: baseTextStyleSchema,
+      addToCartButton: z.object({
+        root: baseStyleSchema,
+        text: baseTextStyleSchema,
+      }),
+      variantSelector: z
+        .object({
+          root: baseStyleSchema,
+          variant: z.object({
+            selected: z.object({}),
+            unselected: z.object({}),
+          }),
+        })
+        .optional(),
+      imageBox: baseStyleSchema,
+      contentBox: baseStyleSchema,
+    }),
+    list: z
+      .object({
+        itemGap: z.number().optional(),
+        root: baseStyleSchema.optional(),
+        wrapper: baseStyleSchema.optional(),
+      })
+      .optional(),
+    bottomLink: z
+      .object({
+        color: z.string(),
+        fontSize: z.number(),
+        fontWeight: fontWeightSchema,
+        container: baseStyleSchema.optional(),
+        root: baseStyleSchema.optional(),
+      })
+      .optional(),
+    skeleton: z
+      .object({
+        root: baseStyleSchema,
+      })
+      .optional(),
+  }),
+  options: z
+    .object({
+      skeleton: z
+        .object({
+          colors: z.tuple([z.string(), z.string()]),
+        })
+        .optional(),
+      productItemsVisibility: productItemsVisibilitySchema.optional(),
+      order: z
+        .array(
+          z.enum([
+            'priceBox',
+            'ratingsBox',
+            'image',
+            'title',
+            'addToCart',
+            'discountLabel',
+          ])
+        )
+        .optional(),
+      productImage: z
+        .object({
+          type: z.enum(['carousel', 'image']),
+          hotCorners: z.record(
+            hotPositionsSchema,
+            z.object({
+              source: z.enum(['tags', 'auto']),
+              type: z.enum(['bestseller', 'discount']),
+              tagText: z.string(),
+              style: z.object({
+                root: baseStyleSchema,
+                text: baseTextStyleSchema,
+              }),
+              position: hotPositionsSchema,
+            })
+          ),
+        })
+        .optional(),
+      showRatingCount: z.boolean().optional(),
+      navigateToProductReviews: z.boolean().optional(),
+      metafieldText: z
+        .object({
+          namespace: z.string(),
+          metafieldKey: z.string(),
+          nativeTextProps: z.any().optional(),
+        })
+        .optional(),
+      showViewAll: z.boolean().optional(),
+      productCardV2: z.record(z.string(), z.any()).optional(),
+    })
+    .optional(),
+})
+
+export const previousOrdersSchema = blockSchema.extend({
+  style: z.object({
+    previousOrder: z.object({
+      root: baseStyleSchema,
+      viewOrderDetailButton: z.object({
+        root: baseStyleSchema,
+        text: baseTextStyleSchema,
+      }),
+      trackOrderButton: z.object({
+        root: baseStyleSchema,
+        text: baseTextStyleSchema,
+      }),
+      orderRefundedAmount: z.object({
+        number: baseStyleSchema,
+        root: baseStyleSchema,
+        text: baseTextStyleSchema,
+      }),
+      orderedItemsTitle: z.object({
+        root: baseStyleSchema,
+        title: baseTextStyleSchema,
+        more: baseTextStyleSchema,
+      }),
+      orderNumber: z.object({
+        number: baseStyleSchema,
+        root: baseStyleSchema,
+        text: baseTextStyleSchema,
+      }),
+      orderStatus: z.object({
+        root: baseStyleSchema,
+        text: baseTextStyleSchema,
+        status: baseTextStyleSchema,
+      }),
+      title: baseTextStyleSchema,
+      orderTotal: z.object({
+        number: baseStyleSchema,
+        root: baseStyleSchema,
+        text: baseTextStyleSchema,
+      }),
+      wrapperButtons: baseStyleSchema,
+      orderDate: z.object({
+        root: baseStyleSchema,
+        text: baseTextStyleSchema,
+      }),
+    }),
+    root: baseStyleSchema,
+    empty: z
+      .object({
+        root: baseStyleSchema,
+        image: baseStyleSchema,
+        text: baseTextStyleSchema,
+        heading: baseTextStyleSchema,
+      })
+      .optional(),
+  }),
+  source: z.object({
+    previousOrder: z.object({
+      title: z.string(),
+    }),
+    empty: z
+      .object({
+        image: z.string(),
+        heading: z.string(),
+        caption: z.string(),
+      })
+      .optional(),
+  }),
+  options: z
+    .object({
+      showTrackOrderButton: z.boolean().optional(),
+      trackOrderLinkObj: z
+        .object({
+          kind: z.enum([
+            `screen`,
+            `cart`,
+            `collection`,
+            `product`,
+            `url`,
+            `page`,
+          ]),
+          value: z.string(),
+        })
+        .optional(),
+      limit: z.number().optional(),
+    })
+    .optional(),
+})
+
+export const wishlistedItemsSchema = blockSchema.extend({
+  source: z.object({
+    title: z.string().optional(),
+    subTitle: z.string().optional(),
+    showItemCount: z.number().optional(),
+    bottomLinkText: z.string().optional(),
+    skeletonCount: z.number().optional(),
+  }),
+  style: z.object({
+    root: z.object({
+      backgroundColor: z.string(),
+      paddingBottom: z.number().optional(),
+      paddingTop: z.number().optional(),
+    }),
+    heading: baseTextStyleSchema.extend({
+      kind: z.string().optional(),
+    }),
+    productV2: z.record(z.string(), z.any()).optional(),
+    product: z.object({
+      root: baseStyleSchema,
+      title: baseTextStyleSchema,
+      icon: baseIconStyleSchema,
+      ratingCount: baseTextStyleSchema,
+      price: baseTextStyleSchema,
+      compareAtPrice: baseTextStyleSchema,
+      discountLabel: baseTextStyleSchema,
+      addToCartButton: z.object({
+        root: baseStyleSchema,
+        text: baseTextStyleSchema,
+      }),
+      removeFromWishlistButton: z
+        .object({
+          root: baseStyleSchema,
+          icon: baseIconStyleSchema,
+        })
+        .optional(),
+      variantSelector: z
+        .object({
+          root: baseStyleSchema,
+          variant: z.object({
+            selected: z.object({}),
+            unselected: z.object({}),
+          }),
+        })
+        .optional(),
+      imageBox: baseStyleSchema,
+      contentBox: baseStyleSchema,
+    }),
+    list: z
+      .object({
+        itemGap: z.number().optional(),
+        root: baseStyleSchema.optional(),
+        wrapper: baseStyleSchema.optional(),
+      })
+      .optional(),
+    bottomLink: z
+      .object({
+        color: z.string(),
+        fontSize: z.number(),
+        fontWeight: fontWeightSchema,
+        container: baseStyleSchema.optional(),
+        root: baseStyleSchema.optional(),
+        display: z.string().optional(),
+      })
+      .optional(),
+    skeleton: z
+      .object({
+        root: baseStyleSchema,
+      })
+      .optional(),
+    empty: z
+      .object({
+        root: baseStyleSchema,
+        image: baseStyleSchema,
+        text: baseTextStyleSchema,
+        heading: baseTextStyleSchema,
+      })
+      .optional(),
+  }),
+  options: z
+    .object({
+      skeleton: z
+        .object({
+          colors: z.tuple([z.string(), z.string()]),
+        })
+        .optional(),
+      productItemsVisibility: productItemsVisibilitySchema.optional(),
+      order: z
+        .enum([
+          'priceBox',
+          'ratingsBox',
+          'image',
+          'title',
+          'addToCart',
+          'discountLabel',
+        ])
+        .optional(),
+      productImage: z
+        .object({
+          type: z.enum(['carousel', 'image']),
+          hotCorners: z.record(
+            hotPositionsSchema,
+            z.object({
+              source: z.enum(['tags', 'auto']),
+              type: z.enum(['bestseller', 'discount']),
+              tagText: z.string(),
+              style: z.object({
+                root: baseStyleSchema,
+                text: baseTextStyleSchema,
+              }),
+              position: hotPositionsSchema,
+            })
+          ),
+        })
+        .optional(),
+      showRatingCount: z.boolean().optional(),
+      navigateToProductReviews: z.boolean().optional(),
+      metafieldText: z
+        .object({
+          namespace: z.string(),
+          metafieldKey: z.string(),
+          nativeTextProps: z.any().optional(),
+        })
+        .optional(),
+    })
+    .optional(),
+})
+
+export const metafieldTextBlockSchema = blockSchema.extend({
+  source: z.object({
+    metafield: z.object({
+      namespace: z.string(),
+      key: z.string(),
+    }),
+  }),
+  style: z.object({
+    textStyle: baseTextStyleSchema,
+    root: baseStyleSchema,
+  }),
+})
+
+export const modalFreeEngravingSchema = blockSchema.extend({
+  style: z.object({
+    root: baseStyleSchema,
+    heading: baseTextStyleSchema,
+    infoText: baseTextStyleSchema,
+    input: baseTextStyleSchema,
+    addToCartButton: baseStyleSchema,
+  }),
+  options: z.object({
+    buyNow: z.boolean(),
+  }),
+})
+export const modalSigninBlockSchema = blockSchema.extend({
+  style: z.object({
+    root: baseStyleSchema,
+    title: baseTextStyleSchema,
+    description: baseTextStyleSchema,
+    buttonsContainer: baseStyleSchema,
+    signinButton: z.object({
+      root: baseStyleSchema,
+      text: baseTextStyleSchema,
+    }),
+    createAccountButton: z.object({
+      root: baseStyleSchema,
+      text: baseTextStyleSchema,
+    }),
+    socialSigninIcons: z.object({
+      root: baseStyleSchema,
+      signin: z.object({
+        root: baseStyleSchema,
+        icon: baseStyleSchema,
+      }),
+    }),
+  }),
+  settings: z.object({
+    options: z.object({
+      title: z.string(),
+      description: z.string(),
+      signinButton: z.object({
+        text: z.string(),
+      }),
+      createAccountButton: z.object({
+        text: z.string(),
+      }),
+      signinScreen: z.string().optional(),
+    }),
+  }),
+})
+export const modalSignUpBlockSchema = blockSchema.extend({
+  style: z.object({
+    root: baseStyleSchema,
+    title: baseTextStyleSchema,
+    description: baseTextStyleSchema,
+    buttonsContainer: baseStyleSchema,
+    signupButton: z.object({
+      root: baseStyleSchema,
+      text: baseTextStyleSchema,
+    }),
+    content: z.object({
+      heading: baseStyleSchema,
+      subheading: baseStyleSchema,
+      socialAuth: z.object({
+        root: baseStyleSchema,
+        apple: baseStyleSchema,
+        google: baseStyleSchema,
+      }),
+      loginWithEmail: baseStyleSchema,
+    }),
+  }),
+  settings: z.object({
+    options: z.object({
+      title: z.string(),
+      description: z.string(),
+      signupButton: z.object({
+        text: z.string(),
+      }),
+    }),
+  }),
+})
+export const rebuyProductRecommendationsSchema = blockSchema.extend({
+  options: z.object({ limit: z.number().optional() }),
+})
+export const continueAsGuestSchema = blockSchema.extend({
+  style: z.object({
+    root: baseStyleSchema,
+    text: baseTextStyleSchema,
+  }),
+  source: z.object({
+    text: z.string(),
+  }),
+})
+
+export const brewCollectionImageBanner = blockSchema.extend({
+  style: z.object({
+    image: baseStyleSchema.optional(),
+    body: z
+      .object({
+        root: baseStyleSchema,
+      })
+      .optional(),
+  }),
+  settings: z.object({
+    source: z.object({
+      metafield: z
+        .object({
+          namespace: z.string(),
+          key: z.string(),
+        })
+        .optional(),
+    }),
+  }),
+})
+
+export const FlitsRulesListBlockSchema = blockSchema.extend({
+  style: z.object({
+    root: baseStyleSchema,
+    button: z.object({
+      root: baseStyleSchema,
+      text: baseTextStyleSchema,
+    }),
+    accordian: z.object({
+      title: z.object({ root: baseStyleSchema, text: baseTextStyleSchema }),
+    }),
+    rule: z.object({
+      root: baseStyleSchema,
+      title: baseTextStyleSchema,
+      description: baseTextStyleSchema,
+      button: z.object({
+        root: baseStyleSchema,
+        text: baseTextStyleSchema,
+      }),
+      earnedText: baseTextStyleSchema,
+    }),
+  }),
+  source: z.object({
+    title: z.string(),
+    buttonIcon: z.string(),
+    collapseIcon: z.string(),
+    expandIcon: z.string(),
+    rules: z.array(
+      z.object({
+        title: z.string(),
+        description: z.string(),
+        buttonText: z.string().optional(),
+        ruleId: z.string().optional(),
+        redirect: z.string().optional(),
+      })
+    ),
+  }),
+})
+
+export const TabbedBlockListSchema = blockSchema.extend({
+  style: z.object({
+    tabItem: z.object({
+      root: baseStyleSchema,
+      title: baseStyleSchema,
+      activeStyle: z.object({
+        root: baseStyleSchema,
+        title: baseStyleSchema,
+      }),
+    }),
+    root: baseStyleSchema,
+    tabHeaderContainer: baseStyleSchema,
+    tabPaneContainer: baseStyleSchema,
+  }),
+  childrens: z.array(z.string()),
+})
+
+export const FlitsCreditsBlockSchema = blockSchema.extend({
+  style: z.object({
+    root: baseStyleSchema,
+    earnedCredits: z.object({
+      root: baseStyleSchema,
+      title: baseTextStyleSchema,
+      credits: baseTextStyleSchema,
+    }),
+    currentCredits: z.object({
+      root: baseStyleSchema,
+      title: baseTextStyleSchema,
+      credits: baseTextStyleSchema,
+    }),
+    spentCredits: z.object({
+      root: baseStyleSchema,
+      title: baseTextStyleSchema,
+      credits: baseTextStyleSchema,
+    }),
+  }),
+})
+
+export const CurrencySelectorBlockSchema = blockSchema.extend({
+  style: z.object({
+    root: baseStyleSchema,
+    currencySelector: z.object({
+      currencyContainer: baseStyleSchema,
+      flag: baseTextStyleSchema,
+      countryName: baseTextStyleSchema,
+      currencySymbol: baseTextStyleSchema,
+      icon: baseIconStyleSchema,
+    }),
+  }),
+  settings: z.object({
+    source: z.any(),
+    options: z.any(),
+  }),
+})
+
+const baseChildrenSchema = z.object({
+  key: z.string(),
+  kind: z.string(),
+})
+
+type Children = z.infer<typeof baseChildrenSchema> & {
+  children: Array<Children | string>
+}
+
+const childrenLayoutSchema: z.ZodType<Children> = baseChildrenSchema.extend({
+  children: z.lazy(() => z.array(z.union([childrenLayoutSchema, z.string()]))),
+})
+
+const layoutSchema = z.array(z.union([z.string(), childrenLayoutSchema]))
+
+export const SingleProductCardV2Schema = blockSchema.extend({
+  style: z.object({
+    root: baseStyleSchema.optional(),
+    productV2: z.any(),
+    wrapperProduct: baseStyleSchema.optional(),
+    title: z
+      .object({
+        root: baseStyleSchema.optional(),
+        text: baseTextStyleSchema.optional(),
+      })
+      .optional(),
+  }),
+  settings: z.object({
+    source: z.object({
+      handle: z.string(),
+      title: z.string().optional(),
+    }),
+    options: z.object({
+      productCardV2: z.record(z.string(), z.any()),
+    }),
+    layout: layoutSchema,
+  }),
+})
+
+export const baseButtonV2Schema = z.object({
+  // button must have style property in config
+  style: z.object({
+    kind: z.string().optional(),
+    root: baseStyleSchema,
+    text: baseTextStyleSchema.optional(),
+    startIcon: z
+      .object({
+        root: baseStyleSchema.optional(),
+        icon: baseIconStyleSchema,
+      })
+      .optional(),
+
+    endIcon: z
+      .object({
+        root: baseStyleSchema.optional(),
+        icon: baseIconStyleSchema,
+      })
+      .optional(),
+    loader: z
+      .object({
+        root: baseStyleSchema.optional(),
+        indicator: z
+          .object({
+            root: baseStyleSchema.optional(),
+          })
+          .optional(),
+      })
+      .optional(),
+  }),
+  text: z.string().optional(),
+  startIcon: z.string().optional(),
+  endIcon: z.string().optional(),
+  textProps: z.object({}).optional(),
+})
+
+type ButtonV2 = z.infer<typeof baseButtonV2Schema> & {
+  style: {
+    states?: {
+      disabled?: ButtonV2['style']
+      active?: ButtonV2['style']
+    }
+  }
+}
+
+export const buttonV2Schema: z.ZodType<ButtonV2> = baseButtonV2Schema.extend({
+  states: z
+    .object({
+      disabled: z.lazy(() => buttonV2Schema).optional(),
+    })
+    .optional(),
+})
+export const accordionStyleSchema = z.object({
+  startEnhancer: z
+    .object({
+      icon: baseIconStyleSchema.optional(),
+    })
+    .optional(),
+  root: baseStyleSchema.optional(),
+  title: z
+    .object({
+      root: baseStyleSchema.optional(),
+      text: baseTextStyleSchema.optional(),
+      icon: baseIconStyleSchema.optional(),
+    })
+    .optional(),
+  titleExpanded: z
+    .object({
+      root: baseStyleSchema.optional(),
+      text: baseTextStyleSchema.optional(),
+      icon: baseIconStyleSchema.optional(),
+    })
+    .optional(),
+  body: z
+    .object({
+      root: baseStyleSchema.optional(),
+      text: baseTextStyleSchema.optional(),
+      tags: z.object({
+        p: baseTextStyleSchema.optional(),
+        span: baseTextStyleSchema.optional(),
+        div: baseTextStyleSchema.optional(),
+      }),
+    })
+    .optional(),
+  richTitle: richTextStyleSchema.optional(),
+})
+
+const accordionItemSchema = z.object({
+  title: z.string(),
+  html: z.string(),
+  startEnhancer: z.string().optional(),
+  external: z.boolean().optional(),
+})
+
+export const AccordionListSchema = blockSchema.extend({
+  style: z.object({
+    wrapperContent: baseStyleSchema.optional(),
+    root: baseStyleSchema.optional(),
+    richHeading: richTextStyleSchema.optional(),
+    richDescription: richTextStyleSchema.optional(),
+    accordion: accordionStyleSchema.optional(),
+    richText: richTextStyleSchema.optional(),
+  }),
+  settings: z.object({
+    source: z.object({
+      items: z.array(accordionItemSchema),
+      icon: z
+        .object({
+          expand: z.string().optional(),
+          collapse: z.string().optional(),
+        })
+        .optional(),
+      richHeading: z.string().optional(),
+      richDescription: z.string().optional(),
+    }),
+    options: z.object({
+      showRichHeading: z.boolean().optional(),
+      showRichDescription: z.boolean().optional(),
+    }),
+  }),
+})
+
+export const profileSignedOutV2BlockSchema = blockSchema.extend({
+  layout: z.any().optional(),
+  source: z.object({
+    'welcome-image-banner': z
+      .object({
+        src: z.string(),
+        meta: z
+          .object({
+            width: z.number(),
+            height: z.number(),
+          })
+          .optional(),
+      })
+      .optional(),
+    'welcome-text': z
+      .object({
+        text: z.string(),
+      })
+      .optional(),
+    'signin-button': z
+      .object({
+        text: z.string(),
+      })
+      .optional(),
+    'signup-button': z
+      .object({
+        text: z.string(),
+      })
+      .optional(),
+  }),
+  options: z
+    .object({
+      'welcome-image-banner': z.any().optional(),
+      'welcome-text': z.any().optional(),
+      'signin-button': z
+        .object({
+          link: z
+            .object({
+              value: z.string(),
+              kind: z.string(),
+            })
+            .optional(),
+        })
+        .optional(),
+      'signup-button': z
+        .object({
+          link: z
+            .object({
+              value: z.string(),
+              kind: z.string(),
+            })
+            .optional(),
+        })
+        .optional(),
+    })
+    .optional(),
+})
+
+export const productDiscountSchema = blockSchema.extend({
+  source: z
+    .object({
+      items: z
+        .array(
+          z
+            .object({
+              heading: z.string().optional(),
+              description: z.string().optional(),
+              couponCode: z.string().optional(),
+              icon: z.string().optional(),
+              hidden: z.boolean().optional(),
+              tagType: z.string().optional(),
+              tags: z.array(z.string()).optional(),
+            })
+            .optional()
+        )
+        .optional(),
+      heading: z.string().optional(),
+      richHeading: z.string().optional(),
+      subHeading: z.string().optional(),
+      'items-0': z
+        .array(
+          z
+            .object({
+              couponCode: z.string().optional(),
+              description: z.string().optional(),
+              heading: z.string().optional(),
+              icon: z.string().optional(),
+            })
+            .optional()
+        )
+        .optional(),
+    })
+    .optional(),
+  style: z.object({
+    root: baseStyleSchema.optional(),
+    heading: baseTextStyleSchema.optional(),
+    subHeading: baseTextStyleSchema.optional(),
+    item: z
+      .object({
+        root: baseStyleSchema
+          .extend({
+            overflow: z.string().optional(),
+          })
+          .optional(),
+        heading: baseTextStyleSchema.optional(),
+        description: baseTextStyleSchema.optional(),
+        couponCode: z
+          .object({
+            root: baseStyleSchema.optional(),
+            copyButtonContainer: baseStyleSchema
+              .extend({
+                borderEndWidth: z.number().optional(),
+              })
+              .optional(),
+            copyButtonText: baseTextStyleSchema.optional(),
+            codeContainer: baseStyleSchema.optional(),
+            text: baseTextStyleSchema.optional(),
+            icon: baseIconStyleSchema.optional(),
+          })
+          .optional(),
+        icon: baseIconStyleSchema.optional(),
+        cutOutLeft: baseStyleSchema.optional(),
+        cutOutRight: baseStyleSchema.optional(),
+      })
+      .optional(),
+    list: z
+      .object({
+        itemGap: z.number().optional(),
+        root: baseStyleSchema.optional(),
+      })
+      .optional(),
+  }),
+  options: z
+    .object({
+      horizontal: z.boolean().optional(),
+      itemsPerRow: z.number().optional(),
+      fraction: z.number().optional(),
+      hideCouponCount: z.boolean().optional(),
+      description: z
+        .object({
+          numberOfLines: z.number().optional(),
+        })
+        .optional(),
+    })
+    .optional(),
+})
+
+export const imageMarqueeSchema = blockSchema.extend({
+  source: z.object({
+    items: z.array(imageItemSchema),
+    heading: z.string().optional(),
+    subHeading: z.string().optional(),
+  }),
+  style: z.object({
+    root: baseStyleSchema,
+    heading: baseTextStyleSchema.optional(),
+    subHeading: baseTextStyleSchema.optional(),
+    item: z.object({
+      root: baseStyleSchema,
+      image: baseImageStyleSchema,
+    }),
+  }),
+  options: z
+    .object({
+      speed: z.number().optional(),
+      itemGap: z.number().optional(),
+      itemPerBatch: z.number().optional(),
+    })
+    .optional(),
+})
+
+export const imageCollageSchema = blockSchema.extend({
+  source: z.object({
+    items: z.array(
+      z.object({
+        src: z.string(),
+        link: z
+          .object({
+            kind: z.string(),
+            value: z.string(),
+          })
+          .optional(),
+        meta: z
+          .object({
+            width: z.number(),
+            height: z.number(),
+          })
+          .optional(),
+      })
+    ),
+    title: z
+      .object({
+        text: z.string(),
+      })
+      .optional(),
+    subtitle: z
+      .object({
+        text: z.string(),
+      })
+      .optional(),
+  }),
+  style: z.object({
+    root: baseStyleSchema.optional(),
+    wrapper: baseStyleSchema.optional(),
+    title: z
+      .object({
+        root: baseStyleSchema.optional(),
+        text: baseTextStyleSchema
+          .extend({
+            kind: z.string().optional(),
+          })
+          .optional(),
+      })
+      .optional(),
+    subtitle: z
+      .object({
+        root: baseStyleSchema.optional(),
+        text: baseTextStyleSchema
+          .extend({
+            kind: z.string().optional(),
+          })
+          .optional(),
+      })
+      .optional(),
+    spacer: z
+      .object({
+        gap: z.number().optional(),
+      })
+      .optional(),
+    'generic-image': baseImageStyleSchema.optional(),
+  }),
+  options: z.any().optional(),
+})
+
+export const countdownBannerSchema = blockSchema.extend({
+  source: z.object({
+    countdown: z.object({
+      date: z.union([z.string(), z.date()]),
+      timezone: z.string().optional(),
+    }),
+    title: z.string().optional(),
+    subtitle: z.string().optional(),
+    heading: z.string().optional(),
+    image: z
+      .object({
+        src: z.string(),
+      })
+      .optional(),
+    backgroundImage: z
+      .object({
+        src: z.string(),
+      })
+      .optional(),
+    wrapper: z
+      .object({
+        link: z
+          .object({
+            kind: z.string(),
+            value: z.string(),
+          })
+          .optional(),
+      })
+      .optional(),
+  }),
+  style: z.object({
+    root: baseStyleSchema,
+    wrapper: z
+      .object({
+        root: baseStyleSchema.extend({
+          zIndex: z.number().optional(),
+        }),
+      })
+      .optional(),
+    title: z
+      .object({
+        root: baseStyleSchema.optional(),
+        text: baseTextStyleSchema
+          .extend({
+            kind: z.string().optional(),
+          })
+          .optional(),
+      })
+      .optional(),
+    image: z
+      .object({
+        image: baseImageStyleSchema.optional(),
+        root: baseStyleSchema
+          .extend({
+            paddingBottom: z.number().optional(),
+            paddingLeft: z.number().optional(),
+            paddingRight: z.number().optional(),
+            paddingTop: z.number().optional(),
+          })
+          .optional(),
+      })
+      .optional(),
+    subtitle: z
+      .object({
+        root: baseStyleSchema.optional(),
+        text: baseTextStyleSchema.optional(),
+      })
+      .optional(),
+    countdown: z
+      .object({
+        root: baseStyleSchema
+          .extend({
+            alignItem: z.string().optional(), // Note: typo in report, may be alignItems
+          })
+          .optional(),
+        time: z
+          .object({
+            root: baseStyleSchema.optional(),
+            number: baseTextStyleSchema
+              .extend({
+                kind: z.string().optional(),
+              })
+              .optional(),
+            text: baseTextStyleSchema
+              .extend({
+                kind: z.string().optional(),
+              })
+              .optional(),
+            spacer: baseTextStyleSchema
+              .extend({
+                kind: z.string().optional(),
+              })
+              .optional(),
+          })
+          .optional(),
+      })
+      .optional(),
+    contentBox: z
+      .object({
+        root: baseStyleSchema.optional(),
+      })
+      .optional(),
+  }),
+  options: z
+    .object({
+      button: z.any().optional(),
+      image: z
+        .object({
+          roundness: z.number().optional(),
+          position: z.string().optional(),
+        })
+        .optional(),
+      roundness: z.number().optional(),
+      title: z.any().optional(),
+      subtitle: z.any().optional(),
+    })
+    .optional(),
+  layout: z.any().optional(),
+})
+
+export const textListSchema = blockSchema.extend({
+  source: z.object({
+    chips: z.array(
+      z.object({
+        text: z.string(),
+        link: z
+          .object({
+            kind: z.string(),
+            value: z.string(),
+          })
+          .optional(),
+        hidden: z.boolean().optional(),
+      })
+    ),
+  }),
+  style: z.object({
+    root: baseStyleSchema.optional(),
+    wrapper: baseStyleSchema.optional(),
+    chip: z
+      .object({
+        root: baseStyleSchema.optional(),
+        button: z
+          .object({
+            root: baseStyleSchema.optional(),
+            text: baseTextStyleSchema.optional(),
+            startIcon: z
+              .object({
+                root: baseStyleSchema.optional(),
+                icon: baseIconStyleSchema.optional(),
+              })
+              .optional(),
+          })
+          .optional(),
+        separator: z
+          .object({
+            width: z.number().optional(),
+          })
+          .optional(),
+      })
+      .optional(),
+  }),
+  options: z
+    .object({
+      itemsPerRow: z.number().optional(),
+      mode: z.string().optional(),
+      iconId: z.string().optional(),
+    })
+    .optional(),
+})
+
+export const imageBannerSchema = imageBannerDefinition.zodSchema
+
+const imageCompareImageSchema = z.object({
+  src: z.string(),
+  meta: z
+    .object({
+      width: z.number(),
+      height: z.number(),
+    })
+    .optional(),
+})
+
+export const imageCompareBlockSchema = blockSchema.extend({
+  source: z.object({
+    beforeImage: imageCompareImageSchema,
+    afterImage: imageCompareImageSchema,
+    sliderIcon: z.string().optional(),
+    headerV2: z.any().optional(),
+    link: linkSchema.optional(),
+  }),
+  style: z.object({
+    root: baseStyleSchema.optional(),
+    headerV2: z.any().optional(),
+    imageCompare: z
+      .object({
+        root: baseStyleSchema.optional(),
+        sliderContainer: baseStyleSchema.optional(),
+        beforeImage: z
+          .object({
+            root: baseStyleSchema.optional(),
+            image: baseImageStyleSchema.optional(),
+          })
+          .optional(),
+        afterImage: z
+          .object({
+            root: baseStyleSchema.optional(),
+            image: baseImageStyleSchema.optional(),
+          })
+          .optional(),
+        sliderHandle: z
+          .object({
+            root: baseStyleSchema.optional(),
+            divider: z
+              .object({
+                width: z.number().optional(),
+                color: z.string().optional(),
+              })
+              .optional(),
+            icon: z
+              .object({
+                root: baseStyleSchema.optional(),
+                icon: baseIconStyleSchema.optional(),
+              })
+              .optional(),
+          })
+          .optional(),
+      })
+      .optional(),
+  }),
+  options: z
+    .object({
+      headerV2: z
+        .object({
+          background: z.any().optional(),
+          options: z.any().optional(),
+          showHeaderLink: z.boolean().optional(),
+        })
+        .optional(),
+      sliderHandle: z
+        .object({
+          width: z.number().optional(),
+        })
+        .optional(),
+      image: z
+        .object({
+          resizeMode: z.enum(['cover', 'contain']).optional(),
+        })
+        .optional(),
+      direction: z.enum(['horizontal', 'vertical']).optional(),
+    })
+    .optional(),
+})
+
+const metafieldSchema = z.object({
+  namespace: z.string(),
+  key: z.string(),
+})
+
+export const metafieldImageCompareBlockSchema = blockSchema.extend({
+  source: z.object({
+    metafields: z.object({
+      before: metafieldSchema,
+      after: metafieldSchema,
+    }),
+    sliderIcon: z.string().optional(),
+    headerV2: z.any().optional(),
+  }),
+  style: z.object({
+    root: baseStyleSchema.optional(),
+    headingContainer: baseStyleSchema.optional(),
+    headerV2: z.any().optional(),
+    imageCompare: z
+      .object({
+        root: baseStyleSchema.optional(),
+        sliderContainer: baseStyleSchema.optional(),
+        beforeImage: z
+          .object({
+            root: baseStyleSchema.optional(),
+            image: baseImageStyleSchema.optional(),
+          })
+          .optional(),
+        afterImage: z
+          .object({
+            root: baseStyleSchema.optional(),
+            image: baseImageStyleSchema.optional(),
+          })
+          .optional(),
+        sliderHandle: z
+          .object({
+            root: baseStyleSchema.optional(),
+            divider: z
+              .object({
+                width: z.number().optional(),
+                color: z.string().optional(),
+              })
+              .optional(),
+            icon: z
+              .object({
+                root: baseStyleSchema.optional(),
+                icon: baseIconStyleSchema.optional(),
+              })
+              .optional(),
+          })
+          .optional(),
+      })
+      .optional(),
+  }),
+  options: z
+    .object({
+      headerV2: z
+        .object({
+          background: z.any().optional(),
+          options: z.any().optional(),
+          showHeaderLink: z.boolean().optional(),
+        })
+        .optional(),
+      sliderHandle: z
+        .object({
+          width: z.number().optional(),
+        })
+        .optional(),
+      image: z
+        .object({
+          resizeMode: z.enum(['cover', 'contain']).optional(),
+        })
+        .optional(),
+      direction: z.enum(['horizontal', 'vertical']).optional(),
+    })
+    .optional(),
+})
+
+export const productHotspotSchema = blockSchema.extend({
+  source: z.object({
+    headerV2: z.any().optional(),
+    image: z
+      .object({
+        src: z.string(),
+        meta: z
+          .object({
+            width: z.number(),
+            height: z.number(),
+          })
+          .optional(),
+      })
+      .optional(),
+    aspectRatio: z.number().optional(),
+    items: z
+      .array(
+        z.object({
+          hidden: z.boolean(),
+          products: z.array(z.string()),
+          position: z.tuple([z.number(), z.number()]),
+        })
+      )
+      .optional(),
+    modalId: z.string().optional(),
+  }),
+  style: z.object({
+    root: baseStyleSchema.optional(),
+    headerV2: z.any().optional(),
+    image: baseImageStyleSchema.optional(),
+    item: z
+      .object({
+        root: baseStyleSchema.optional(),
+        circle: z
+          .object({
+            size: z.number().optional(),
+            color: z.string().optional(),
+            pulseScale: z.number().optional(),
+            duration: z.number().optional(),
+          })
+          .optional(),
+        cardWrapper: baseStyleSchema.optional(),
+        cardRoot: baseStyleSchema.optional(),
+      })
+      .optional(),
+    productV2: z.any().optional(),
+  }),
+  options: z
+    .object({
+      headerV2: z
+        .object({
+          background: z.any().optional(),
+        })
+        .optional(),
+      hotspotNavigation: z.enum(['modal', 'card']).optional(),
+      hideHotspot: z.boolean().optional(),
+      productCard: z
+        .object({
+          layout: z.any().optional(),
+        })
+        .optional(),
+    })
+    .optional(),
+})
+
+export type AnnouncementStripBlockConfig = z.infer<
+  typeof announcementStripBlockSchema
+>
+export type AppBarBlockConfig = z.infer<typeof appBarBlockSchema>
+export type ApplyCouponConfig = z.infer<typeof applyCouponSchema>
+export type CartListConfig = z.infer<typeof cartListSchema>
+export type ChangePasswordConfig = z.infer<typeof changePasswordSchema>
+export type CheckEstimatedDeliveryConfig = z.infer<
+  typeof checkEstimatedDeliverySchema
+>
+export type DeleteAccountPrivacyConfig = z.infer<
+  typeof deleteAccountPrivacySchema
+>
+export type CollectionListConfig = z.infer<typeof collectionListSchema>
+export type DiscountCodeInputConfig = z.infer<typeof discountCodeInputSchema>
+export type FireworkConfig = z.infer<typeof fireworkSchema>
+export type FollowUsConfig = z.infer<typeof folllowUsSchema>
+export type ImageBannerConfig = z.infer<typeof imageBannerSchema>
+export type ImageListBlockConfig = z.infer<typeof imageListSchema>
+export type JudgeMeReviewsConfig = z.infer<typeof judgemeReviewsSchema>
+export type JunipReviewsConfig = z.infer<typeof junipReviewsSchema>
+export type JunipConfig = z.infer<typeof junipSchema>
+export type MoreMenuConfig = z.infer<typeof moreMenuSchema>
+export type PaymentDetailsConfig = z.infer<typeof paymentDetailsSchema>
+export type ProductGridBlockConfig = z.infer<typeof productGridBlockSchema>
+export type ProductListBlockConfig = ProductGridBlockConfig
+export type PromoCarouselConfig = z.infer<typeof promoCarouselSchema>
+export type RewardsHistoryConfig = z.infer<typeof rewardsHistory>
+export type RewardsSummaryConfig = z.infer<typeof rewardsSummarySchema>
+export type RichTextBlockConfig = z.infer<typeof richTextBlockSchema>
+export type TaggedRichTextBlockConfig = z.infer<
+  typeof taggedRichTextBlockSchema
+>
+export type SearchSuggestionsConfig = z.infer<typeof searchSuggestionSchema>
+export type PastSearchesConfig = z.infer<typeof pastSearchesSchema>
+export type TrendingProductsConfig = z.infer<typeof trendingProductsSchema>
+export type EmptySearchesSuggestionsConfig = z.infer<
+  typeof emptySearchSuggestionsSchema
+>
+export type SignInBlockConfig = z.infer<typeof signInSchema>
+export type VideoListConfig = z.infer<typeof videoListSchema>
+export type SingleVideoConfig = z.infer<typeof singleVideoSchema>
+export type ImageItem = z.infer<typeof imageItemSchema>
+export type AccordionItem = z.infer<typeof accordionItemSchema>
+export type JudgemeReviewsConfig = z.infer<typeof judgemeReviewsSchema>
+export type OpinewReviewsConfig = z.infer<typeof opinewReviewsSchema>
+export type ProductCardBlockConfig = z.infer<typeof productCardBlockSchema>
+export type SingleLevelNavigationConfig = z.infer<
+  typeof singleLevelNavigationSchema
+>
+export type TwoLevelNavigationConfig = z.infer<typeof twoLevelNavigationSchema>
+export type ViewCouponConfig = z.infer<typeof viewCouponSchema>
+export type SortAndFilterConfig = z.infer<typeof sortAndFilterSchema>
+export type TabbedProductListConfig = z.infer<typeof tabbedProductListConfig>
+export type WebViewBoxConfig = z.infer<typeof webViewSchema>
+export type YoutubeEmbedConfig = z.infer<typeof youtubeEmbedSchema>
+export type EmptyScreenConfig = z.infer<typeof emptyBlockSchema>
+export type OrderDetailsHeaderConfig = z.infer<typeof orderDetailsHeader>
+export type OrderProductListConfig = z.infer<typeof orderProductList>
+export type OrderPaymentDetailsConfig = z.infer<typeof orderPaymentDetails>
+export type OrderDeliverDetailsConfig = z.infer<typeof orderDeliveryDetails>
+export type TailoredVariantFormConfig = z.infer<typeof tailoredVariantFormBlock>
+export type ChangeShippingAddressConfig = z.infer<
+  typeof changeShippingAddressSchema
+>
+export type SocialSignInConfig = z.infer<typeof socialSignInSchema>
+export type SearchRecommendationsConfig = z.infer<
+  typeof searchRecommendationsSchema
+>
+export type AnnouncementCarousel = z.infer<typeof announcementCarousel>
+export type AnnouncementTicker = z.infer<typeof announcementTicker>
+export type RecentOrdersConfig = z.infer<typeof recentOrdersSchema>
+export type RecentlyViewedConfig = z.infer<typeof recentlyViewedSchema>
+export type PreviousOrdersConfig = z.infer<typeof previousOrdersSchema>
+export type WishlistedItemsConfig = z.infer<typeof wishlistedItemsSchema>
+export type MetafieldTextBlockSchema = z.infer<typeof metafieldTextBlockSchema>
+export type ModalSigninBlockSchema = z.infer<typeof modalSigninBlockSchema>
+export type ModalSignupBlockSchema = z.infer<typeof modalSignUpBlockSchema>
+export type RebuyProductRecommendationsConfig = z.infer<
+  typeof rebuyProductRecommendationsSchema
+>
+
+export type ModalFreeEngraving = z.infer<typeof modalFreeEngravingSchema>
+export type ContinueAsGuestConfig = z.infer<typeof continueAsGuestSchema>
+// brewCollectionImageBanner
+export type BrewCollectionImageBanner = z.infer<
+  typeof brewCollectionImageBanner
+>
+export type VideoBannerConfig = z.infer<typeof videoBannerSchema>
+
+export type FlitsRulesListBlockConfig = z.infer<
+  typeof FlitsRulesListBlockSchema
+>
+export type FlitsCreditsBlockConfig = z.infer<typeof FlitsCreditsBlockSchema>
+export type TabbedImageListConfig = z.infer<typeof TabbedBlockListSchema>
+export type CurrencySelectorBlockConfig = z.infer<
+  typeof CurrencySelectorBlockSchema
+>
+export type SingleProductCardV2Config = z.infer<
+  typeof SingleProductCardV2Schema
+>
+
+export type ButtonV2Config = z.infer<typeof buttonV2Schema>
+
+export type AccordionListConfig = z.infer<typeof AccordionListSchema>
+export type TextOptions = z.infer<typeof textOptionsSchema>
+export type ProfileSignedOutV2BlockConfig = z.infer<
+  typeof profileSignedOutV2BlockSchema
+>
+export type ProductDiscountConfig = z.infer<typeof productDiscountSchema>
+export type ImageMarqueeConfig = z.infer<typeof imageMarqueeSchema>
+export type ImageCollageConfig = z.infer<typeof imageCollageSchema>
+export type CountdownBannerConfig = z.infer<typeof countdownBannerSchema>
+export type TextListConfig = z.infer<typeof textListSchema>
+export type ImageCompareBlockConfig = z.infer<typeof imageCompareBlockSchema>
+export type MetafieldImageCompareBlockConfig = z.infer<
+  typeof metafieldImageCompareBlockSchema
+>
+export type ProductHotspotConfig = z.infer<typeof productHotspotSchema>