create-brainerce-store 1.5.2 → 1.5.4

package/dist/index.js

@@ -31,7 +31,7 @@ var require_package = __commonJS({
   "package.json"(exports2, module2) {
     module2.exports = {
       name: "create-brainerce-store",
-      version: "1.5.1",
+      version: "1.5.4",
       description: "Scaffold a production-ready e-commerce storefront connected to Brainerce",
       bin: {
         "create-brainerce-store": "dist/index.js"

package/messages/en.json

@@ -12,6 +12,8 @@
     "total": "Total",
     "subtotal": "Subtotal",
     "discount": "Discount",
+    "generalDiscount": "General Discount",
+    "couponDiscount": "Coupon",
     "shipping": "Shipping",
     "pickup": "Pickup",
     "tax": "Tax",

package/messages/he.json

@@ -12,6 +12,8 @@
     "total": "סה\"כ",
     "subtotal": "סיכום ביניים",
     "discount": "הנחה",
+    "generalDiscount": "הנחה כללית",
+    "couponDiscount": "קופון",
     "shipping": "משלוח",
     "pickup": "איסוף",
     "tax": "מע\"מ",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-brainerce-store",
-  "version": "1.5.2",
+  "version": "1.5.4",
   "description": "Scaffold a production-ready e-commerce storefront connected to Brainerce",
   "bin": {
     "create-brainerce-store": "dist/index.js"

package/templates/nextjs/base/src/app/checkout/page.tsx

@@ -556,8 +556,8 @@ function CheckoutContent() {
               )
             )}
 
-            {/* Coupon input */}
-            {cart && (
+            {/* Coupon input — show from shipping/pickup step onwards */}
+            {cart && (step === 'shipping' || step === 'pickup' || step === 'payment') && (
               <div className="border-border border-t pt-4">
                 <CouponInput cart={cart} onUpdate={handleCouponUpdate} />
               </div>
@@ -573,14 +573,42 @@ function CheckoutContent() {
                   </span>
                 </div>
 
-                {parseFloat(checkout.discountAmount) > 0 && (
-                  <div className="flex items-center justify-between">
-                    <span className="text-muted-foreground">{tc('discount')}</span>
-                    <span className="text-destructive">
-                      -{formatPrice(parseFloat(checkout.discountAmount), { currency }) as string}
-                    </span>
-                  </div>
-                )}
+                {(() => {
+                  const totalDiscount = parseFloat(checkout.discountAmount);
+                  const ruleAmt = parseFloat(checkout.ruleDiscountAmount || '0');
+                  const couponAmt = totalDiscount - ruleAmt;
+                  if (totalDiscount <= 0) return null;
+                  return (
+                    <>
+                      {ruleAmt > 0 && (
+                        <div className="flex items-center justify-between">
+                          <span className="text-muted-foreground">{tc('generalDiscount')}</span>
+                          <span className="text-destructive">
+                            -{formatPrice(ruleAmt, { currency }) as string}
+                          </span>
+                        </div>
+                      )}
+                      {checkout.couponCode && couponAmt > 0 && (
+                        <div className="flex items-center justify-between">
+                          <span className="text-muted-foreground">
+                            {tc('couponDiscount')} ({checkout.couponCode})
+                          </span>
+                          <span className="text-destructive">
+                            -{formatPrice(couponAmt, { currency }) as string}
+                          </span>
+                        </div>
+                      )}
+                      {!checkout.couponCode && ruleAmt <= 0 && (
+                        <div className="flex items-center justify-between">
+                          <span className="text-muted-foreground">{tc('discount')}</span>
+                          <span className="text-destructive">
+                            -{formatPrice(totalDiscount, { currency }) as string}
+                          </span>
+                        </div>
+                      )}
+                    </>
+                  );
+                })()}
 
                 {(parseFloat(checkout.shippingAmount) > 0 ||
                   checkout.deliveryType === 'pickup') && (