fulldev-ui 0.5.0-beta.15 → 0.5.0-beta.18

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fulldev-ui",
-  "version": "0.5.0-beta.15",
+  "version": "0.5.0-beta.18",
   "description": "A component library built for Astro",
   "homepage": "https://ui.full.dev",
   "bugs": "https://github.com/fulldotdev/ui/issues",

package/src/blocks/Product.astro

@@ -24,6 +24,7 @@ const {
   button,
   description,
   form,
+  uitverkocht,
   gallery = 'horizontal',
   ...rest
 } = Astro.props
@@ -66,6 +67,7 @@ const gotImage =
       style={{ marginTop: 'var(--space-5)' }}
     />
     <CartForm
+      soldout={uitverkocht}
       image={gotImage?.src}
       {title}
       {price}

package/src/components/CartForm.astro

@@ -12,6 +12,7 @@ interface Props extends Omit<ComponentProps<typeof Form>, 'fields' | 'submit'> {
   slug: string
   price: number
   image?: string | undefined
+  soldout?: boolean
   variants?:
     | {
         [key: string]: string[]
@@ -19,7 +20,7 @@ interface Props extends Omit<ComponentProps<typeof Form>, 'fields' | 'submit'> {
     | undefined
 }
 
-const { title, slug, image, price, variants, ...rest } = Astro.props
+const { title, slug, image, price, variants, soldout, ...rest } = Astro.props
 ---
 
 <Form
@@ -41,7 +42,6 @@ const { title, slug, image, price, variants, ...rest } = Astro.props
     name="url"
     value={Astro.site ? Astro.site.href + slug : undefined}
   />
-
   <Input
     type="hidden"
     name="image"
@@ -53,6 +53,7 @@ const { title, slug, image, price, variants, ...rest } = Astro.props
         label={capitalize(key)}
         name={`variant-${key}`}
         options={options}
+        disabled={soldout}
       />
     ))
   }
@@ -67,7 +68,8 @@ const { title, slug, image, price, variants, ...rest } = Astro.props
     color="brand"
     type="submit"
     class="cart-add"
-    text="Toevoegen aan winkelwagen"
+    text={soldout ? 'Uitverkocht' : 'Toevoegen aan winkelwagen'}
+    disabled={soldout}
   />
 </Form>
 

package/src/schemas/components/image.ts

@@ -1,6 +1,13 @@
 import { reference, z } from 'astro:content'
 
-export default z.union([reference('images'), z.object({}).passthrough()]).pipe(
+const imagePath = z.preprocess((data: unknown) => {
+  if (typeof data === 'string') {
+    return data.split('/').pop()
+  }
+  return data
+}, reference('images'))
+
+export default z.union([imagePath, z.object({}).passthrough()]).pipe(
   z
     .object({
       id: z