create-brainerce-store 1.14.1 → 1.14.2

package/dist/index.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-brainerce-store",
-  "version": "1.14.1",
+  "version": "1.14.2",
   "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

@@ -46,6 +46,7 @@ function CheckoutContent() {
   const [destinations, setDestinations] = useState<ShippingDestinations | null>(null);
   const [pickupLocations, setPickupLocations] = useState<PickupLocation[]>([]);
   const [deliveryType, setDeliveryType] = useState<'shipping' | 'pickup'>('shipping');
+  const [isAllDigital, setIsAllDigital] = useState(false);
 
   // Check for returning from canceled payment
   const canceled = searchParams.get('canceled') === 'true';
@@ -73,7 +74,13 @@ function CheckoutContent() {
         setCheckout(existing);
 
         // Determine step based on checkout state
-        if (existing.deliveryType === 'pickup' && existing.pickupLocation) {
+        const allDigital = existing.lineItems.every(
+          (i) => (i.product as unknown as { isDownloadable?: boolean }).isDownloadable
+        );
+        setIsAllDigital(allDigital);
+        if (allDigital) {
+          setStep('payment');
+        } else if (existing.deliveryType === 'pickup' && existing.pickupLocation) {
           setDeliveryType('pickup');
           setStep('payment');
         } else if (existing.shippingAddress && existing.shippingRateId) {
@@ -93,6 +100,16 @@ function CheckoutContent() {
       if (cart && cart.id) {
         const newCheckout = await client.createCheckout({ cartId: cart.id });
         setCheckout(newCheckout);
+
+        // If all items are downloadable, skip shipping entirely
+        const allDigital = newCheckout.lineItems.every(
+          (i) => (i.product as unknown as { isDownloadable?: boolean }).isDownloadable
+        );
+        setIsAllDigital(allDigital);
+        if (allDigital) {
+          setStep('payment');
+          return;
+        }
       } else {
         setError(t('cartIsEmpty'));
       }
@@ -265,8 +282,9 @@ function CheckoutContent() {
     );
   }
 
-  const steps: { key: CheckoutStep; label: string }[] =
-    pickupLocations.length > 0
+  const steps: { key: CheckoutStep; label: string }[] = isAllDigital
+    ? [{ key: 'payment', label: t('stepPayment') }]
+    : pickupLocations.length > 0
       ? deliveryType === 'pickup'
         ? [
             { key: 'method', label: t('stepMethod') },
@@ -461,13 +479,15 @@ function CheckoutContent() {
             <div>
               <div className="mb-4 flex items-center justify-between">
                 <h2 className="text-foreground text-lg font-semibold">{t('payment')}</h2>
-                <button
-                  type="button"
-                  onClick={() => setStep(deliveryType === 'pickup' ? 'pickup' : 'shipping')}
-                  className="text-primary text-sm hover:underline"
-                >
-                  {deliveryType === 'pickup' ? t('changePickup') : t('changeShipping')}
-                </button>
+                {!isAllDigital && (
+                  <button
+                    type="button"
+                    onClick={() => setStep(deliveryType === 'pickup' ? 'pickup' : 'shipping')}
+                    className="text-primary text-sm hover:underline"
+                  >
+                    {deliveryType === 'pickup' ? t('changePickup') : t('changeShipping')}
+                  </button>
+                )}
               </div>
 
               <PaymentStep checkoutId={checkout.id} />
@@ -543,8 +563,8 @@ function CheckoutContent() {
               )
             )}
 
-            {/* Coupon input — show from shipping/pickup step onwards */}
-            {cart && (step === 'shipping' || step === 'pickup' || step === 'payment') && (
+            {/* Coupon input — show from shipping/pickup step onwards (or immediately if digital) */}
+            {cart && (isAllDigital || step === 'shipping' || step === 'pickup' || step === 'payment') && (
               <div className="border-border border-t pt-4">
                 <CouponInput cart={cart} onUpdate={handleCouponUpdate} />
               </div>