@vendure-platform/create 0.5.0 → 0.5.1

package/dist/assets/storefront/src/components/commerce/gift-card-pdp.tsx

@@ -1,10 +1,10 @@
 'use client';
 
-import { useState } from 'react';
-import { ProductImageCarousel } from './product-image-carousel';
-import { GiftCardProductInfo } from './gift-card-product-info';
 import type { AddGiftCardInput } from '@/app/[locale]/(catalog)/product/[slug]/actions';
 import type { GiftCardTemplate } from '@/lib/vendure/queries';
+import { useState } from 'react';
+import { GiftCardProductInfo } from './gift-card-product-info';
+import { ProductImageCarousel } from './product-image-carousel';
 
 interface GiftCardPdpProps {
     templates: GiftCardTemplate[];
@@ -15,7 +15,7 @@ interface GiftCardPdpProps {
 export function GiftCardPdp({ templates, currencyCode, addToCartAction }: GiftCardPdpProps) {
     const [selectedIndex, setSelectedIndex] = useState(0);
 
-    const carouselImages = templates.map(t => ({
+    const carouselImages = templates.map((t) => ({
         id: t.image.id,
         preview: t.image.preview,
         source: t.image.source,

package/dist/assets/storefront/src/components/commerce/gift-card-product-info.tsx

@@ -1,14 +1,14 @@
 'use client';
 
-import { useState, useTransition } from 'react';
-import { useTranslations, useLocale } from 'next-intl';
+import type { AddGiftCardInput } from '@/app/[locale]/(catalog)/product/[slug]/actions';
 import { Button } from '@/components/ui/button';
 import { Input } from '@/components/ui/input';
-import { Textarea } from '@/components/ui/textarea';
 import { Label } from '@/components/ui/label';
-import { Loader2 } from 'lucide-react';
+import { Textarea } from '@/components/ui/textarea';
 import { useRouter } from '@/i18n/navigation';
-import type { AddGiftCardInput } from '@/app/[locale]/(catalog)/product/[slug]/actions';
+import { Loader2 } from 'lucide-react';
+import { useLocale, useTranslations } from 'next-intl';
+import { useState, useTransition } from 'react';
 
 interface GiftCardProductInfoProps {
     templates: Array<{ id: string; name: string }>;
@@ -31,11 +31,16 @@ export function GiftCardProductInfo({
 
     const selectedTemplate = templates[selectedTemplateIndex] ?? templates[0];
 
-    const currencySymbol = new Intl.NumberFormat(locale, { style: 'currency', currency: currencyCode })
-        .formatToParts(0).find(p => p.type === 'currency')?.value ?? currencyCode;
+    const currencySymbol =
+        new Intl.NumberFormat(locale, { style: 'currency', currency: currencyCode })
+            .formatToParts(0)
+            .find((p) => p.type === 'currency')?.value ?? currencyCode;
     // Zero-decimal currencies (JPY, KRW, etc.) don't need subunit conversion
-    const subunitFactor = new Intl.NumberFormat(locale, { style: 'currency', currency: currencyCode })
-        .resolvedOptions().maximumFractionDigits === 0 ? 1 : 100;
+    const subunitFactor =
+        new Intl.NumberFormat(locale, { style: 'currency', currency: currencyCode }).resolvedOptions()
+            .maximumFractionDigits === 0
+            ? 1
+            : 100;
 
     const handleSubmit = (formData: FormData) => {
         startTransition(async () => {
@@ -68,12 +73,12 @@ export function GiftCardProductInfo({
         <div>
             <h1 className="text-3xl font-bold mb-2">{t('purchaseTitle')}</h1>
             <p className="text-muted-foreground mb-6">
-                {t('template', {name: selectedTemplate?.name ?? ''})}
+                {t('template', { name: selectedTemplate?.name ?? '' })}
             </p>
 
             <form action={handleSubmit} className="space-y-4">
                 <div className="space-y-2">
-                    <Label htmlFor="value">{t('amountLabel', {symbol: currencySymbol})}</Label>
+                    <Label htmlFor="value">{t('amountLabel', { symbol: currencySymbol })}</Label>
                     <Input
                         id="value"
                         name="value"
@@ -87,11 +92,7 @@ export function GiftCardProductInfo({
 
                 <div className="space-y-2">
                     <Label htmlFor="senderName">{t('yourName')}</Label>
-                    <Input
-                        id="senderName"
-                        name="senderName"
-                        placeholder="John Doe"
-                    />
+                    <Input id="senderName" name="senderName" placeholder="John Doe" />
                 </div>
 
                 <div className="space-y-2">
@@ -106,26 +107,15 @@ export function GiftCardProductInfo({
 
                 <div className="space-y-2">
                     <Label htmlFor="message">{t('message')}</Label>
-                    <Textarea
-                        id="message"
-                        name="message"
-                        placeholder="Happy Birthday!"
-                        rows={3}
-                    />
+                    <Textarea id="message" name="message" placeholder="Happy Birthday!" rows={3} />
                 </div>
 
                 <div className="space-y-2">
                     <Label htmlFor="deliveryDate">{t('deliveryDate')}</Label>
-                    <Input
-                        id="deliveryDate"
-                        name="deliveryDate"
-                        type="date"
-                    />
+                    <Input id="deliveryDate" name="deliveryDate" type="date" />
                 </div>
 
-                {error && (
-                    <p className="text-sm text-destructive">{error}</p>
-                )}
+                {error && <p className="text-sm text-destructive">{error}</p>}
 
                 <Button type="submit" size="lg" className="w-full" disabled={isPending}>
                     {isPending && <Loader2 className="mr-2 h-4 w-4 animate-spin" />}