@doswiftly/cli 0.1.19 → 0.1.21

package/templates/storefront-nextjs-shadcn/components/shipping/shipping-method-selector.tsx

@@ -1,6 +1,7 @@
 "use client";
 
 import { useState, useEffect } from "react";
+import { useTranslations } from "next-intl";
 import { Truck, Package, Clock, Check, AlertCircle } from "lucide-react";
 import { cn } from "@/lib/utils";
 import { Spinner } from "@/components/ui/spinner";
@@ -77,6 +78,7 @@ export function ShippingMethodSelector({
   currencyCode = "PLN",
   className,
 }: ShippingMethodSelectorProps) {
+  const t = useTranslations("checkout.delivery");
   const formatPrice = (money: Money) => {
     const amount = parseFloat(money.amount);
     return new Intl.NumberFormat("pl-PL", {
@@ -90,12 +92,12 @@ export function ShippingMethodSelector({
       <div className={cn("space-y-4", className)}>
         <div className="flex items-center gap-2">
           <Truck className="h-5 w-5 text-muted-foreground" />
-          <h3 className="text-sm font-medium text-foreground">Shipping Method</h3>
+          <h3 className="text-sm font-medium text-foreground">{t("title")}</h3>
         </div>
         <div className="flex items-center justify-center py-8">
           <Spinner className="h-6 w-6" />
           <span className="ml-2 text-sm text-muted-foreground">
-            Loading shipping options...
+            {t("loading")}
           </span>
         </div>
       </div>
@@ -107,7 +109,7 @@ export function ShippingMethodSelector({
       <div className={cn("space-y-4", className)}>
         <div className="flex items-center gap-2">
           <Truck className="h-5 w-5 text-muted-foreground" />
-          <h3 className="text-sm font-medium text-foreground">Shipping Method</h3>
+          <h3 className="text-sm font-medium text-foreground">{t("title")}</h3>
         </div>
         <div className="rounded-lg border border-destructive/50 bg-destructive/10 p-4">
           <div className="flex items-center gap-2">
@@ -124,11 +126,11 @@ export function ShippingMethodSelector({
       <div className={cn("space-y-4", className)}>
         <div className="flex items-center gap-2">
           <Truck className="h-5 w-5 text-muted-foreground" />
-          <h3 className="text-sm font-medium text-foreground">Shipping Method</h3>
+          <h3 className="text-sm font-medium text-foreground">{t("title")}</h3>
         </div>
         <div className="rounded-lg border border-border bg-muted/50 p-4">
           <p className="text-sm text-muted-foreground text-center">
-            No shipping methods available for this address
+            {t("noMethodsAvailable")}
           </p>
         </div>
       </div>
@@ -140,7 +142,7 @@ export function ShippingMethodSelector({
       {/* Header */}
       <div className="flex items-center gap-2">
         <Truck className="h-5 w-5 text-muted-foreground" />
-        <h3 className="text-sm font-medium text-foreground">Shipping Method</h3>
+        <h3 className="text-sm font-medium text-foreground">{t("title")}</h3>
       </div>
 
       {/* Free Shipping Progress Banner */}
@@ -167,7 +169,7 @@ export function ShippingMethodSelector({
           <div className="flex items-center gap-2">
             <Check className="h-4 w-4 text-green-600" />
             <p className="text-sm font-medium text-green-700">
-              {freeShippingProgress.message || "You qualify for free shipping!"}
+              {freeShippingProgress.message || t("freeShippingQualified")}
             </p>
           </div>
         </div>
@@ -190,6 +192,7 @@ function ShippingMethodCard({
   onSelect: () => void;
   formatPrice: (money: Money) => string;
 }) {
+  const t = useTranslations("checkout.delivery");
   return (
     <button
       type="button"
@@ -225,7 +228,7 @@ function ShippingMethodCard({
               </p>
               {method.isFree && (
                 <span className="rounded bg-green-500/10 px-1.5 py-0.5 text-xs font-medium text-green-700">
-                  FREE
+                  {t("free")}
                 </span>
               )}
             </div>
@@ -264,7 +267,7 @@ function ShippingMethodCard({
               method.isFree ? "text-green-600" : "text-foreground"
             )}
           >
-            {method.isFree ? "FREE" : formatPrice(method.price)}
+            {method.isFree ? t("free") : formatPrice(method.price)}
           </p>
 
           {/* Selection Indicator */}

package/templates/storefront-nextjs-shadcn/components/ui/empty-state.tsx

@@ -1,4 +1,7 @@
+'use client';
+
 import * as React from 'react';
+import { useTranslations } from 'next-intl';
 import { cn } from '@/lib/utils';
 
 export interface EmptyStateProps extends React.HTMLAttributes<HTMLDivElement> {
@@ -44,6 +47,8 @@ EmptyState.displayName = 'EmptyState';
 export const EmptyCart: React.FC<{ onContinueShopping?: () => void }> = ({
   onContinueShopping,
 }) => {
+  const t = useTranslations('emptyState');
+
   return (
     <EmptyState
       icon={
@@ -62,15 +67,15 @@ export const EmptyCart: React.FC<{ onContinueShopping?: () => void }> = ({
           />
         </svg>
       }
-      title="Your cart is empty"
-      description="Add some products to your cart to get started."
+      title={t('cartEmpty')}
+      description={t('cartEmptyDescription')}
       action={
         onContinueShopping && (
           <button
             onClick={onContinueShopping}
             className="rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2"
           >
-            Continue Shopping
+            {t('continueShopping')}
           </button>
         )
       }
@@ -84,6 +89,8 @@ EmptyCart.displayName = 'EmptyCart';
  * EmptyProducts - Pre-configured empty state for product listings
  */
 export const EmptyProducts: React.FC<{ onReset?: () => void }> = ({ onReset }) => {
+  const t = useTranslations('emptyState');
+
   return (
     <EmptyState
       icon={
@@ -102,15 +109,15 @@ export const EmptyProducts: React.FC<{ onReset?: () => void }> = ({ onReset }) =
           />
         </svg>
       }
-      title="No products found"
-      description="Try adjusting your search or filter criteria to find what you're looking for."
+      title={t('noProducts')}
+      description={t('noProductsDescription')}
       action={
         onReset && (
           <button
             onClick={onReset}
             className="rounded-md border border-border bg-background px-4 py-2 text-sm font-medium text-foreground hover:bg-accent hover:text-accent-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2"
           >
-            Clear Filters
+            {t('clearFilters')}
           </button>
         )
       }
@@ -126,6 +133,8 @@ EmptyProducts.displayName = 'EmptyProducts';
 export const EmptyOrders: React.FC<{ onStartShopping?: () => void }> = ({
   onStartShopping,
 }) => {
+  const t = useTranslations('emptyState');
+
   return (
     <EmptyState
       icon={
@@ -144,15 +153,15 @@ export const EmptyOrders: React.FC<{ onStartShopping?: () => void }> = ({
           />
         </svg>
       }
-      title="No orders yet"
-      description="You haven't placed any orders yet. Start shopping to see your order history here."
+      title={t('noOrders')}
+      description={t('noOrdersDescription')}
       action={
         onStartShopping && (
           <button
             onClick={onStartShopping}
             className="rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2"
           >
-            Start Shopping
+            {t('startShopping')}
           </button>
         )
       }
@@ -168,6 +177,8 @@ EmptyOrders.displayName = 'EmptyOrders';
 export const EmptyWishlist: React.FC<{ onBrowseProducts?: () => void }> = ({
   onBrowseProducts,
 }) => {
+  const t = useTranslations('emptyState');
+
   return (
     <EmptyState
       icon={
@@ -186,15 +197,15 @@ export const EmptyWishlist: React.FC<{ onBrowseProducts?: () => void }> = ({
           />
         </svg>
       }
-      title="Your wishlist is empty"
-      description="Save your favorite products to your wishlist for easy access later."
+      title={t('wishlistEmpty')}
+      description={t('wishlistEmptyDescription')}
       action={
         onBrowseProducts && (
           <button
             onClick={onBrowseProducts}
             className="rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2"
           >
-            Browse Products
+            {t('browseProducts')}
           </button>
         )
       }

package/templates/storefront-nextjs-shadcn/components/wishlist/wishlist-button.tsx

@@ -13,6 +13,7 @@ import { Button } from '@/components/ui/button';
 import { cn } from '@/lib/utils';
 import { useWishlistStore } from '@/stores/wishlist-store';
 import { toast } from 'sonner';
+import { useTranslations } from 'next-intl';
 
 interface WishlistButtonProps {
   productId: string;
@@ -41,6 +42,7 @@ export function WishlistButton({
   variant = 'default',
   className,
 }: WishlistButtonProps) {
+  const t = useTranslations('product');
   const [isAnimating, setIsAnimating] = useState(false);
 
   const {
@@ -68,7 +70,7 @@ export function WishlistButton({
         );
         if (item) {
           removeItem(wishlist.id, item.id);
-          toast.success('Usunięto z listy życzeń');
+          toast.success(t('removedFromWishlist'));
         }
       }
     } else {
@@ -85,9 +87,10 @@ export function WishlistButton({
         notifyOnSale: false,
         notifyOnRestock: false,
       });
-      toast.success('Dodano do listy życzeń');
+      toast.success(t('addedToWishlist'));
     }
   }, [
+    t,
     inWishlist,
     productId,
     variantId,
@@ -113,7 +116,7 @@ export function WishlistButton({
           className
         )}
         onClick={handleToggle}
-        aria-label={inWishlist ? 'Usuń z listy życzeń' : 'Dodaj do listy życzeń'}
+        aria-label={inWishlist ? t('removeFromWishlist') : t('addToWishlist')}
       >
         <Heart
           className={cn(
@@ -142,7 +145,7 @@ export function WishlistButton({
           inWishlist && 'fill-current text-red-500'
         )}
       />
-      {inWishlist ? 'W liście życzeń' : 'Dodaj do listy życzeń'}
+      {inWishlist ? t('inWishlist') : t('addToWishlist')}
     </Button>
   );
 }

package/templates/storefront-nextjs-shadcn/components/wishlist/wishlist-icon.tsx

@@ -7,7 +7,7 @@
  * Links to wishlist page.
  */
 
-import Link from 'next/link';
+import { Link } from '@/i18n/navigation';
 import { Heart } from 'lucide-react';
 import { Button } from '@/components/ui/button';
 import { Badge } from '@/components/ui/badge';

package/templates/storefront-nextjs-shadcn/components/wishlist/wishlist-item.tsx

@@ -8,7 +8,7 @@
  */
 
 import Image from 'next/image';
-import Link from 'next/link';
+import { Link } from '@/i18n/navigation';
 import { ShoppingCart, Trash2, TrendingDown, TrendingUp } from 'lucide-react';
 import { Button } from '@/components/ui/button';
 import { Card, CardContent } from '@/components/ui/card';
@@ -33,15 +33,7 @@ export function WishlistItem({ item, wishlistId }: WishlistItemProps) {
   };
 
   const handleAddToCart = async () => {
-    await addToCart({
-      variantId: item.variantId || item.productId,
-      productId: item.productId,
-      productTitle: item.productTitle,
-      variantTitle: item.variantTitle || '',
-      price: item.price,
-      image: item.image,
-      available: true,
-    });
+    await addToCart(item.variantId || item.productId);
   };
 
   // Calculate price change since added