create-brainerce-store 1.61.0 → 1.63.0

package/templates/nextjs/designs/atelier/messages-patch/en.json

@@ -1,100 +1,100 @@
-{
-  "common": {
-    "close": "Close"
-  },
-  "nav": {
-    "cart": "Cart",
-    "home": "Home"
-  },
-  "home": {
-    "heroEyebrow": "New collection · Handcrafted",
-    "heroTitle": "Pieces that tell your story",
-    "heroLead": "Thoughtfully designed, handcrafted with love — made to be with you through the small moments and the big ones.",
-    "heroCtaSecondary": "Browse categories",
-    "heroTrust": "Happy customers nationwide",
-    "benefit1Title": "Fast home delivery",
-    "benefit1Desc": "Express courier nationwide, gift-wrapped",
-    "benefit2Title": "Secure payment",
-    "benefit2Desc": "Encrypted checkout, highest standard",
-    "benefit3Title": "Quality materials",
-    "benefit3Desc": "Carefully sourced, built to last",
-    "benefit4Title": "Easy returns",
-    "benefit4Desc": "30 days to exchange or return, no questions",
-    "featuredEyebrow": "Our picks",
-    "featuredSubtitle": "The pieces our customers love most — hand-picked from the new collection.",
-    "categoriesEyebrow": "Categories",
-    "categoriesTitle": "Find the perfect piece",
-    "categoriesSubtitle": "From everyday favorites to statement pieces — there's something for everyone.",
-    "catRings": "Rings",
-    "catNecklaces": "Necklaces",
-    "catEarrings": "Earrings",
-    "catBracelets": "Bracelets",
-    "catCta": "Shop the category",
-    "storyEyebrow": "Our story",
-    "storyTitle": "Made with care, made to last",
-    "storyP1": "Every product we carry is chosen with the same question in mind: would we want this ourselves? We check quality, sourcing and detail before anything reaches our shelves, so what arrives at your door is exactly what you expect.",
-    "storyP2": "We believe in products that last: solid materials, careful quality checks and full support behind every order. That is what care for the details looks like.",
-    "storyCta": "Discover the collection",
-    "storyStat1Value": "Quality-checked",
-    "storyStat1Label": "Every product is checked before it's listed",
-    "storyStat2Value": "Fully guaranteed",
-    "storyStat2Label": "Every order backed by our support",
-    "testimonialsEyebrow": "Customer stories",
-    "testimonialsTitle": "They already fell in love",
-    "testimonial1Quote": "It arrived in gorgeous packaging and looks even better than the photos. I got compliments on day one.",
-    "testimonial1Name": "Noa L.",
-    "testimonial1Meta": "Tel Aviv",
-    "testimonial2Quote": "I bought this as a gift for my mom and she has not put it down since. Amazing quality and truly personal service.",
-    "testimonial2Name": "Shira B.",
-    "testimonial2Meta": "Haifa",
-    "testimonial3Quote": "It's exactly as described, the work is delicate and precise. You can feel every detail was made with love. Highly recommend.",
-    "testimonial3Name": "Dana K.",
-    "testimonial3Meta": "Jerusalem",
-    "newsletterTitle": "Join our club",
-    "newsletterSubtitle": "Sign up to hear first about new collections, sales and member perks.",
-    "newsletterPlaceholder": "Your email address",
-    "newsletterCta": "Subscribe",
-    "newsletterSuccess": "You are in! We promise to send only beautiful things.",
-    "newsletterPrivacy": "No spam. Unsubscribe anytime.",
-    "heroEmptyHint": "Your first published products will appear here"
-  },
-  "products": {
-    "listingSubtitle": "Our full collection — handmade, genuine materials and love for detail.",
-    "filtersLabel": "Filter",
-    "emptyTitle": "No results found",
-    "emptyBody": "Try clearing the filters or searching for something else.",
-    "clearFilters": "Clear filters"
-  },
-  "productDetail": {
-    "quantityLabel": "Quantity",
-    "shippingNote": "Fast home delivery · Easy 30-day returns",
-    "guaranteeNote": "Full warranty on every piece",
-    "pickOne": "Pick one",
-    "upTo": "Up to {max}",
-    "pickExactly": "Pick exactly {min}",
-    "atLeast": "At least {min}",
-    "pickRange": "{min}–{max}",
-    "soldOut": "Sold out",
-    "freeCounter": "{used} of {free} free"
-  },
-  "reviews": {
-    "beFirst": "No reviews for this product yet"
-  },
-  "cart": {
-    "itemsInCart": "Your items",
-    "secureCheckoutNote": "Secure, encrypted checkout",
-    "couponTitle": "Have a coupon code?",
-    "viewCart": "View cart",
-    "shippingAtCheckout": "Shipping calculated at checkout"
-  },
-  "footer": {
-    "tagline": "{{storeName}} — handcrafted with love in Israel.",
-    "followUs": "Follow us",
-    "quickLinksTitle": "Quick links",
-    "linkProducts": "All products",
-    "linkContact": "Contact",
-    "linkFaq": "FAQ",
-    "linkCart": "Shopping cart",
-    "securePayments": "Secure, encrypted payment"
-  }
-}
+{
+  "common": {
+    "close": "Close"
+  },
+  "nav": {
+    "cart": "Cart",
+    "home": "Home"
+  },
+  "home": {
+    "heroEyebrow": "New collection · Handcrafted",
+    "heroTitle": "Pieces that tell your story",
+    "heroLead": "Thoughtfully designed, handcrafted with love — made to be with you through the small moments and the big ones.",
+    "heroCtaSecondary": "Browse categories",
+    "heroTrust": "Happy customers nationwide",
+    "benefit1Title": "Fast home delivery",
+    "benefit1Desc": "Express courier nationwide, gift-wrapped",
+    "benefit2Title": "Secure payment",
+    "benefit2Desc": "Encrypted checkout, highest standard",
+    "benefit3Title": "Quality materials",
+    "benefit3Desc": "Carefully sourced, built to last",
+    "benefit4Title": "Easy returns",
+    "benefit4Desc": "30 days to exchange or return, no questions",
+    "featuredEyebrow": "Our picks",
+    "featuredSubtitle": "The pieces our customers love most — hand-picked from the new collection.",
+    "categoriesEyebrow": "Categories",
+    "categoriesTitle": "Find the perfect piece",
+    "categoriesSubtitle": "From everyday favorites to statement pieces — there's something for everyone.",
+    "catRings": "Rings",
+    "catNecklaces": "Necklaces",
+    "catEarrings": "Earrings",
+    "catBracelets": "Bracelets",
+    "catCta": "Shop the category",
+    "storyEyebrow": "Our story",
+    "storyTitle": "Made with care, made to last",
+    "storyP1": "Every product we carry is chosen with the same question in mind: would we want this ourselves? We check quality, sourcing and detail before anything reaches our shelves, so what arrives at your door is exactly what you expect.",
+    "storyP2": "We believe in products that last: solid materials, careful quality checks and full support behind every order. That is what care for the details looks like.",
+    "storyCta": "Discover the collection",
+    "storyStat1Value": "Quality-checked",
+    "storyStat1Label": "Every product is checked before it's listed",
+    "storyStat2Value": "Fully guaranteed",
+    "storyStat2Label": "Every order backed by our support",
+    "testimonialsEyebrow": "Customer stories",
+    "testimonialsTitle": "They already fell in love",
+    "testimonial1Quote": "It arrived in gorgeous packaging and looks even better than the photos. I got compliments on day one.",
+    "testimonial1Name": "Noa L.",
+    "testimonial1Meta": "Tel Aviv",
+    "testimonial2Quote": "I bought this as a gift for my mom and she has not put it down since. Amazing quality and truly personal service.",
+    "testimonial2Name": "Shira B.",
+    "testimonial2Meta": "Haifa",
+    "testimonial3Quote": "It's exactly as described, the work is delicate and precise. You can feel every detail was made with love. Highly recommend.",
+    "testimonial3Name": "Dana K.",
+    "testimonial3Meta": "Jerusalem",
+    "newsletterTitle": "Join our club",
+    "newsletterSubtitle": "Sign up to hear first about new collections, sales and member perks.",
+    "newsletterPlaceholder": "Your email address",
+    "newsletterCta": "Subscribe",
+    "newsletterSuccess": "You are in! We promise to send only beautiful things.",
+    "newsletterPrivacy": "No spam. Unsubscribe anytime.",
+    "heroEmptyHint": "Your first published products will appear here"
+  },
+  "products": {
+    "listingSubtitle": "Our full collection — handmade, genuine materials and love for detail.",
+    "filtersLabel": "Filter",
+    "emptyTitle": "No results found",
+    "emptyBody": "Try clearing the filters or searching for something else.",
+    "clearFilters": "Clear filters"
+  },
+  "productDetail": {
+    "quantityLabel": "Quantity",
+    "shippingNote": "Fast home delivery · Easy 30-day returns",
+    "guaranteeNote": "Full warranty on every piece",
+    "pickOne": "Pick one",
+    "upTo": "Up to {max}",
+    "pickExactly": "Pick exactly {min}",
+    "atLeast": "At least {min}",
+    "pickRange": "{min}–{max}",
+    "soldOut": "Sold out",
+    "freeCounter": "{used} of {free} free"
+  },
+  "reviews": {
+    "beFirst": "No reviews for this product yet"
+  },
+  "cart": {
+    "itemsInCart": "Your items",
+    "secureCheckoutNote": "Secure, encrypted checkout",
+    "couponTitle": "Have a coupon code?",
+    "viewCart": "View cart",
+    "shippingAtCheckout": "Shipping calculated at checkout"
+  },
+  "footer": {
+    "tagline": "{{storeName}} — handcrafted with love in Israel.",
+    "followUs": "Follow us",
+    "quickLinksTitle": "Quick links",
+    "linkProducts": "All products",
+    "linkContact": "Contact",
+    "linkFaq": "FAQ",
+    "linkCart": "Shopping cart",
+    "securePayments": "Secure, encrypted payment"
+  }
+}

package/templates/nextjs/designs/atelier/messages-patch/he.json

@@ -1,100 +1,100 @@
-{
-  "common": {
-    "close": "סגור"
-  },
-  "nav": {
-    "cart": "עגלה",
-    "home": "דף הבית"
-  },
-  "home": {
-    "heroEyebrow": "קולקציה חדשה · עבודת יד",
-    "heroTitle": "פריטים שמספרים את הסיפור שלך",
-    "heroLead": "עיצובים עדינים, בעבודת יד ובאהבה — נוצרו ללוות אתכן ברגעים הקטנים והגדולים.",
-    "heroCtaSecondary": "לצפייה בקטגוריות",
-    "heroTrust": "לקוחות מרוצות ברחבי הארץ",
-    "benefit1Title": "משלוח מהיר עד הבית",
-    "benefit1Desc": "שליחות מהירה לכל הארץ באריזת מתנה",
-    "benefit2Title": "תשלום מאובטח",
-    "benefit2Desc": "סליקה מוצפנת בתקן המחמיר ביותר",
-    "benefit3Title": "חומרים איכותיים",
-    "benefit3Desc": "נבחרים בקפידה, עמידים לאורך זמן",
-    "benefit4Title": "החזרה קלה",
-    "benefit4Desc": "30 יום להחלפה או החזרה, בלי שאלות",
-    "featuredEyebrow": "הנבחרים שלנו",
-    "featuredSubtitle": "הפריטים שהלקוחות שלנו הכי אוהבות — נבחרו בקפידה מהקולקציה החדשה.",
-    "categoriesEyebrow": "קטגוריות",
-    "categoriesTitle": "מצאו את הפריט המושלם",
-    "categoriesSubtitle": "מהפריטים העדינים ועד הבולטים — לכל אחת יש את השפה שלה.",
-    "catRings": "טבעות",
-    "catNecklaces": "שרשראות",
-    "catEarrings": "עגילים",
-    "catBracelets": "צמידים",
-    "catCta": "לצפייה בקטגוריה",
-    "storyEyebrow": "הסיפור שלנו",
-    "storyTitle": "מוקפד בכל פרט, מהתחלה ועד אליכם",
-    "storyP1": "כל מוצר אצלנו עובר את אותה שאלה: האם היינו רוצים אותו בעצמנו? אנחנו בודקים איכות, מקור וכל פרט לפני שמשהו עולה למדף שלנו, כדי שמה שמגיע אליכם יהיה בדיוק מה שציפיתם לו.",
-    "storyP2": "אנחנו מאמינים במוצרים שנשארים: חומרים איכותיים, בקרת איכות קפדנית ותמיכה מלאה מאחורי כל הזמנה. ככה נראית תשומת לב לפרטים הקטנים.",
-    "storyCta": "לגלות את הקולקציה",
-    "storyStat1Value": "איכות נבדקת",
-    "storyStat1Label": "כל מוצר נבדק לפני שהוא עולה לאתר",
-    "storyStat2Value": "אחריות מלאה",
-    "storyStat2Label": "כל הזמנה מגובה בתמיכה שלנו",
-    "testimonialsEyebrow": "לקוחות מספרות",
-    "testimonialsTitle": "הן כבר התאהבו",
-    "testimonial1Quote": "הפריט הגיע באריזה מהממת ונראה אפילו יותר טוב מבתמונות. קיבלתי מחמאות כבר ביום הראשון.",
-    "testimonial1Name": "נועה ל.",
-    "testimonial1Meta": "תל אביב",
-    "testimonial2Quote": "קניתי מתנה לאמא שלי והיא לא מפסיקה להשתמש בו מאז. איכות מדהימה ושירות סופר אישי.",
-    "testimonial2Name": "שירה ב.",
-    "testimonial2Meta": "חיפה",
-    "testimonial3Quote": "בדיוק כמו שתואר, העבודה עדינה ומוקפדת. מרגישים שכל פרט נעשה באהבה. ממליצה בחום.",
-    "testimonial3Name": "דנה כ.",
-    "testimonial3Meta": "ירושלים",
-    "newsletterTitle": "הצטרפו למועדון שלנו",
-    "newsletterSubtitle": "הרשמו וקבלו עדכון ראשונות על קולקציות חדשות, מבצעים והטבות לחברות מועדון.",
-    "newsletterPlaceholder": "כתובת האימייל שלך",
-    "newsletterCta": "הרשמה",
-    "newsletterSuccess": "נרשמת בהצלחה! מבטיחים לשלוח רק דברים יפים.",
-    "newsletterPrivacy": "בלי ספאם. אפשר להסיר את ההרשמה בכל רגע.",
-    "heroEmptyHint": "המוצרים הראשונים שתפרסמו לחנות יופיעו כאן"
-  },
-  "products": {
-    "listingSubtitle": "הקולקציה המלאה שלנו — עבודת יד, חומרים אמיתיים ואהבה לפרטים.",
-    "filtersLabel": "סינון",
-    "emptyTitle": "לא מצאנו תוצאות",
-    "emptyBody": "נסו לנקות את הסינון או לחפש משהו אחר.",
-    "clearFilters": "ניקוי סינון"
-  },
-  "productDetail": {
-    "quantityLabel": "כמות",
-    "shippingNote": "משלוח מהיר עד הבית · החזרה קלה עד 30 יום",
-    "guaranteeNote": "אחריות מלאה על כל פריט",
-    "pickOne": "בחרו אחד",
-    "upTo": "עד {max}",
-    "pickExactly": "בחרו בדיוק {min}",
-    "atLeast": "לפחות {min}",
-    "pickRange": "{min}–{max}",
-    "soldOut": "אזל",
-    "freeCounter": "{used} מתוך {free} חינם"
-  },
-  "reviews": {
-    "beFirst": "עדיין אין ביקורות למוצר הזה"
-  },
-  "cart": {
-    "itemsInCart": "הפריטים שלך",
-    "secureCheckoutNote": "תשלום מאובטח ומוצפן",
-    "couponTitle": "יש לכם קוד קופון?",
-    "viewCart": "לצפייה בעגלה",
-    "shippingAtCheckout": "משלוח יחושב בקופה"
-  },
-  "footer": {
-    "tagline": "{{storeName}} — עבודת יד, מעוצב באהבה בישראל.",
-    "followUs": "עקבו אחרינו",
-    "quickLinksTitle": "ניווט מהיר",
-    "linkProducts": "כל המוצרים",
-    "linkContact": "צור קשר",
-    "linkFaq": "שאלות נפוצות",
-    "linkCart": "עגלת קניות",
-    "securePayments": "תשלום מאובטח ומוצפן"
-  }
-}
+{
+  "common": {
+    "close": "סגור"
+  },
+  "nav": {
+    "cart": "עגלה",
+    "home": "דף הבית"
+  },
+  "home": {
+    "heroEyebrow": "קולקציה חדשה · עבודת יד",
+    "heroTitle": "פריטים שמספרים את הסיפור שלך",
+    "heroLead": "עיצובים עדינים, בעבודת יד ובאהבה — נוצרו ללוות אתכן ברגעים הקטנים והגדולים.",
+    "heroCtaSecondary": "לצפייה בקטגוריות",
+    "heroTrust": "לקוחות מרוצות ברחבי הארץ",
+    "benefit1Title": "משלוח מהיר עד הבית",
+    "benefit1Desc": "שליחות מהירה לכל הארץ באריזת מתנה",
+    "benefit2Title": "תשלום מאובטח",
+    "benefit2Desc": "סליקה מוצפנת בתקן המחמיר ביותר",
+    "benefit3Title": "חומרים איכותיים",
+    "benefit3Desc": "נבחרים בקפידה, עמידים לאורך זמן",
+    "benefit4Title": "החזרה קלה",
+    "benefit4Desc": "30 יום להחלפה או החזרה, בלי שאלות",
+    "featuredEyebrow": "הנבחרים שלנו",
+    "featuredSubtitle": "הפריטים שהלקוחות שלנו הכי אוהבות — נבחרו בקפידה מהקולקציה החדשה.",
+    "categoriesEyebrow": "קטגוריות",
+    "categoriesTitle": "מצאו את הפריט המושלם",
+    "categoriesSubtitle": "מהפריטים העדינים ועד הבולטים — לכל אחת יש את השפה שלה.",
+    "catRings": "טבעות",
+    "catNecklaces": "שרשראות",
+    "catEarrings": "עגילים",
+    "catBracelets": "צמידים",
+    "catCta": "לצפייה בקטגוריה",
+    "storyEyebrow": "הסיפור שלנו",
+    "storyTitle": "מוקפד בכל פרט, מהתחלה ועד אליכם",
+    "storyP1": "כל מוצר אצלנו עובר את אותה שאלה: האם היינו רוצים אותו בעצמנו? אנחנו בודקים איכות, מקור וכל פרט לפני שמשהו עולה למדף שלנו, כדי שמה שמגיע אליכם יהיה בדיוק מה שציפיתם לו.",
+    "storyP2": "אנחנו מאמינים במוצרים שנשארים: חומרים איכותיים, בקרת איכות קפדנית ותמיכה מלאה מאחורי כל הזמנה. ככה נראית תשומת לב לפרטים הקטנים.",
+    "storyCta": "לגלות את הקולקציה",
+    "storyStat1Value": "איכות נבדקת",
+    "storyStat1Label": "כל מוצר נבדק לפני שהוא עולה לאתר",
+    "storyStat2Value": "אחריות מלאה",
+    "storyStat2Label": "כל הזמנה מגובה בתמיכה שלנו",
+    "testimonialsEyebrow": "לקוחות מספרות",
+    "testimonialsTitle": "הן כבר התאהבו",
+    "testimonial1Quote": "הפריט הגיע באריזה מהממת ונראה אפילו יותר טוב מבתמונות. קיבלתי מחמאות כבר ביום הראשון.",
+    "testimonial1Name": "נועה ל.",
+    "testimonial1Meta": "תל אביב",
+    "testimonial2Quote": "קניתי מתנה לאמא שלי והיא לא מפסיקה להשתמש בו מאז. איכות מדהימה ושירות סופר אישי.",
+    "testimonial2Name": "שירה ב.",
+    "testimonial2Meta": "חיפה",
+    "testimonial3Quote": "בדיוק כמו שתואר, העבודה עדינה ומוקפדת. מרגישים שכל פרט נעשה באהבה. ממליצה בחום.",
+    "testimonial3Name": "דנה כ.",
+    "testimonial3Meta": "ירושלים",
+    "newsletterTitle": "הצטרפו למועדון שלנו",
+    "newsletterSubtitle": "הרשמו וקבלו עדכון ראשונות על קולקציות חדשות, מבצעים והטבות לחברות מועדון.",
+    "newsletterPlaceholder": "כתובת האימייל שלך",
+    "newsletterCta": "הרשמה",
+    "newsletterSuccess": "נרשמת בהצלחה! מבטיחים לשלוח רק דברים יפים.",
+    "newsletterPrivacy": "בלי ספאם. אפשר להסיר את ההרשמה בכל רגע.",
+    "heroEmptyHint": "המוצרים הראשונים שתפרסמו לחנות יופיעו כאן"
+  },
+  "products": {
+    "listingSubtitle": "הקולקציה המלאה שלנו — עבודת יד, חומרים אמיתיים ואהבה לפרטים.",
+    "filtersLabel": "סינון",
+    "emptyTitle": "לא מצאנו תוצאות",
+    "emptyBody": "נסו לנקות את הסינון או לחפש משהו אחר.",
+    "clearFilters": "ניקוי סינון"
+  },
+  "productDetail": {
+    "quantityLabel": "כמות",
+    "shippingNote": "משלוח מהיר עד הבית · החזרה קלה עד 30 יום",
+    "guaranteeNote": "אחריות מלאה על כל פריט",
+    "pickOne": "בחרו אחד",
+    "upTo": "עד {max}",
+    "pickExactly": "בחרו בדיוק {min}",
+    "atLeast": "לפחות {min}",
+    "pickRange": "{min}–{max}",
+    "soldOut": "אזל",
+    "freeCounter": "{used} מתוך {free} חינם"
+  },
+  "reviews": {
+    "beFirst": "עדיין אין ביקורות למוצר הזה"
+  },
+  "cart": {
+    "itemsInCart": "הפריטים שלך",
+    "secureCheckoutNote": "תשלום מאובטח ומוצפן",
+    "couponTitle": "יש לכם קוד קופון?",
+    "viewCart": "לצפייה בעגלה",
+    "shippingAtCheckout": "משלוח יחושב בקופה"
+  },
+  "footer": {
+    "tagline": "{{storeName}} — עבודת יד, מעוצב באהבה בישראל.",
+    "followUs": "עקבו אחרינו",
+    "quickLinksTitle": "ניווט מהיר",
+    "linkProducts": "כל המוצרים",
+    "linkContact": "צור קשר",
+    "linkFaq": "שאלות נפוצות",
+    "linkCart": "עגלת קניות",
+    "securePayments": "תשלום מאובטח ומוצפן"
+  }
+}

package/templates/nextjs/designs/atelier/ui/cart/cart-bundle-offer.tsx

@@ -1,110 +1,110 @@
-'use client';
-
-import { useState } from 'react';
-import { CdnImage as Image } from '@/ui/shared/cdn-image';
-import type { CartBundleOffer as CartBundleOfferType } from 'brainerce';
-import { formatPrice } from 'brainerce';
-import { useCurrency } from '@/core/lib/use-currency';
-import { useTranslations } from '@/core/lib/translations';
-import { cn } from '@/core/lib/utils';
-import { IconBag } from '@/ui/shared/icons';
-
-interface CartBundleOfferCardProps {
-  offer: CartBundleOfferType;
-  cartId: string;
-  onAdd: () => void;
-  className?: string;
-}
-
-/**
- * Bundle offer card on the cart page: offered products with original vs.
- * discounted prices + add-bundle button; offers come from
- * useCartPage().bundles.
- */
-export function CartBundleOfferCard({ offer, cartId, onAdd, className }: CartBundleOfferCardProps) {
-  const t = useTranslations('cart');
-  const currency = useCurrency();
-  const [adding, setAdding] = useState(false);
-
-  const offered = offer.offeredProducts;
-
-  const totalOriginal = parseFloat(offer.totalOriginalPrice);
-  const totalDiscounted = parseFloat(offer.totalDiscountedPrice);
-  const discountLabel =
-    offer.discountType === 'PERCENTAGE'
-      ? `${offer.discountValue}%`
-      : (formatPrice(parseFloat(offer.discountValue), { currency }) as string);
-
-  async function handleAdd() {
-    if (adding) return;
-    try {
-      setAdding(true);
-      const { getClient } = await import('@/core/lib/brainerce');
-      const client = getClient();
-      // No variant selections in the default template — products with
-      // variants are best handled with a dedicated picker per offered item.
-      await client.addBundleToCart(cartId, offer.id);
-      onAdd();
-    } catch (err) {
-      console.error('Failed to add bundle:', err);
-    } finally {
-      setAdding(false);
-    }
-  }
-
-  return (
-    <article className={cn('card p-5', className)}>
-      <div className="flex flex-wrap items-center gap-2">
-        <h4 className="font-sans text-base font-semibold">{offer.name}</h4>
-        <span className="badge-primary">-{discountLabel}</span>
-      </div>
-      {offer.description && (
-        <p className="mt-1 text-sm text-muted-foreground">{offer.description}</p>
-      )}
-
-      <ul className="mt-4 space-y-2.5">
-        {offered.map((p) => {
-          const firstImage = p.images?.[0];
-          const imageUrl = firstImage?.url ?? null;
-          return (
-            <li key={p.id} className="flex items-center gap-3">
-              {/* `relative` + fixed box are layout-critical for next/image fill */}
-              <span className="relative block h-12 w-12 shrink-0 overflow-hidden rounded-lg border bg-secondary">
-                {imageUrl ? (
-                  <Image src={imageUrl} alt={p.name} fill sizes="48px" className="object-cover" />
-                ) : null}
-              </span>
-              <span className="min-w-0 flex-1 text-sm font-medium text-foreground">{p.name}</span>
-              <s className="text-xs text-muted-foreground">
-                {formatPrice(parseFloat(p.originalPrice), { currency }) as string}
-              </s>
-              <span className="text-sm font-semibold text-foreground">
-                {formatPrice(parseFloat(p.discountedPrice), { currency }) as string}
-              </span>
-            </li>
-          );
-        })}
-      </ul>
-
-      <div className="mt-4 flex flex-wrap items-center gap-3 border-t pt-4">
-        <span className="inline-flex items-baseline gap-2">
-          <s className="text-sm text-muted-foreground">
-            {formatPrice(totalOriginal, { currency }) as string}
-          </s>
-          <span className="text-lg font-bold text-foreground">
-            {formatPrice(totalDiscounted, { currency }) as string}
-          </span>
-        </span>
-        <button
-          type="button"
-          onClick={handleAdd}
-          disabled={adding}
-          className="btn-primary btn-sm ms-auto"
-        >
-          <IconBag size={16} />
-          {adding ? t('addingBundle') : t('addBundleItem')}
-        </button>
-      </div>
-    </article>
-  );
-}
+'use client';
+
+import { useState } from 'react';
+import { CdnImage as Image } from '@/ui/shared/cdn-image';
+import type { CartBundleOffer as CartBundleOfferType } from 'brainerce';
+import { formatPrice } from 'brainerce';
+import { useCurrency } from '@/core/lib/use-currency';
+import { useTranslations } from '@/core/lib/translations';
+import { cn } from '@/core/lib/utils';
+import { IconBag } from '@/ui/shared/icons';
+
+interface CartBundleOfferCardProps {
+  offer: CartBundleOfferType;
+  cartId: string;
+  onAdd: () => void;
+  className?: string;
+}
+
+/**
+ * Bundle offer card on the cart page: offered products with original vs.
+ * discounted prices + add-bundle button; offers come from
+ * useCartPage().bundles.
+ */
+export function CartBundleOfferCard({ offer, cartId, onAdd, className }: CartBundleOfferCardProps) {
+  const t = useTranslations('cart');
+  const currency = useCurrency();
+  const [adding, setAdding] = useState(false);
+
+  const offered = offer.offeredProducts;
+
+  const totalOriginal = parseFloat(offer.totalOriginalPrice);
+  const totalDiscounted = parseFloat(offer.totalDiscountedPrice);
+  const discountLabel =
+    offer.discountType === 'PERCENTAGE'
+      ? `${offer.discountValue}%`
+      : (formatPrice(parseFloat(offer.discountValue), { currency }) as string);
+
+  async function handleAdd() {
+    if (adding) return;
+    try {
+      setAdding(true);
+      const { getClient } = await import('@/core/lib/brainerce');
+      const client = getClient();
+      // No variant selections in the default template — products with
+      // variants are best handled with a dedicated picker per offered item.
+      await client.addBundleToCart(cartId, offer.id);
+      onAdd();
+    } catch (err) {
+      console.error('Failed to add bundle:', err);
+    } finally {
+      setAdding(false);
+    }
+  }
+
+  return (
+    <article className={cn('card p-5', className)}>
+      <div className="flex flex-wrap items-center gap-2">
+        <h4 className="font-sans text-base font-semibold">{offer.name}</h4>
+        <span className="badge-primary">-{discountLabel}</span>
+      </div>
+      {offer.description && (
+        <p className="mt-1 text-sm text-muted-foreground">{offer.description}</p>
+      )}
+
+      <ul className="mt-4 space-y-2.5">
+        {offered.map((p) => {
+          const firstImage = p.images?.[0];
+          const imageUrl = firstImage?.url ?? null;
+          return (
+            <li key={p.id} className="flex items-center gap-3">
+              {/* `relative` + fixed box are layout-critical for next/image fill */}
+              <span className="relative block h-12 w-12 shrink-0 overflow-hidden rounded-lg border bg-secondary">
+                {imageUrl ? (
+                  <Image src={imageUrl} alt={p.name} fill sizes="48px" className="object-cover" />
+                ) : null}
+              </span>
+              <span className="min-w-0 flex-1 text-sm font-medium text-foreground">{p.name}</span>
+              <s className="text-xs text-muted-foreground">
+                {formatPrice(parseFloat(p.originalPrice), { currency }) as string}
+              </s>
+              <span className="text-sm font-semibold text-foreground">
+                {formatPrice(parseFloat(p.discountedPrice), { currency }) as string}
+              </span>
+            </li>
+          );
+        })}
+      </ul>
+
+      <div className="mt-4 flex flex-wrap items-center gap-3 border-t pt-4">
+        <span className="inline-flex items-baseline gap-2">
+          <s className="text-sm text-muted-foreground">
+            {formatPrice(totalOriginal, { currency }) as string}
+          </s>
+          <span className="text-lg font-bold text-foreground">
+            {formatPrice(totalDiscounted, { currency }) as string}
+          </span>
+        </span>
+        <button
+          type="button"
+          onClick={handleAdd}
+          disabled={adding}
+          className="btn-primary btn-sm ms-auto"
+        >
+          <IconBag size={16} />
+          {adding ? t('addingBundle') : t('addBundleItem')}
+        </button>
+      </div>
+    </article>
+  );
+}