@pradip1995/segment-powerhouse-shop 0.1.5 → 0.1.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pradip1995/segment-powerhouse-shop",
-  "version": "0.1.5",
+  "version": "0.1.7",
   "license": "MIT",
   "publishConfig": {
     "access": "public"

package/src/product-card.tsx

@@ -2,6 +2,7 @@
 
 import { useState, type MouseEvent } from "react"
 import { useRouter } from "next/navigation"
+import { buyNow } from "@pradip1995/commerce-core/client/actions/cart"
 import { addToCart } from "./add-to-cart"
 import LocalizedLink from "@pradip1995/segment-primitives/localized-link"
 import { formatPrice } from "@pradip1995/segment-primitives/format-price"
@@ -33,6 +34,7 @@ export default function ShopProductCard({
 }) {
   const router = useRouter()
   const [adding, setAdding] = useState(false)
+  const [buying, setBuying] = useState(false)
   const variants = product.variants ?? []
   const variant = variants[0]
   const price = variant?.calculated_price?.calculated_amount
@@ -50,11 +52,12 @@ export default function ShopProductCard({
   const hasOptions = variants.length > 1
   const copy = snippet(product.description, layout === "list" ? 220 : 140)
   const isList = layout === "list"
+  const busy = adding || buying
 
   const handleAdd = async (event: MouseEvent) => {
     event.preventDefault()
     event.stopPropagation()
-    if (!variant?.id || adding || !inStock || hasOptions) return
+    if (!variant?.id || busy || !inStock || hasOptions) return
     setAdding(true)
     try {
       await addToCart({
@@ -73,6 +76,26 @@ export default function ShopProductCard({
     }
   }
 
+  const handleBuyNow = async (event: MouseEvent) => {
+    event.preventDefault()
+    event.stopPropagation()
+    if (!variant?.id || busy || !inStock) return
+    setBuying(true)
+    try {
+      await buyNow({
+        variantId: variant.id,
+        quantity: 1,
+        countryCode,
+      })
+      router.refresh()
+    } catch (err) {
+      if (isNextRedirect(err)) throw err
+      const message = err instanceof Error ? err.message : "Buy now failed"
+      window.dispatchEvent(new CustomEvent("cart:item-added", { detail: { message, variant: "error" } }))
+      setBuying(false)
+    }
+  }
+
   const priceBlock =
     price != null ? (
       <div className="powerhouse-shop__price">
@@ -83,13 +106,20 @@ export default function ShopProductCard({
       </div>
     ) : null
 
+  const buyNowControl = (
+    <button
+      type="button"
+      className="powerhouse-shop__quickshop"
+      onClick={handleBuyNow}
+      disabled={busy || !variant?.id}
+    >
+      {buying ? "Processing…" : "Buy now"}
+    </button>
+  )
+
   const actionBlock = (
     <div className="powerhouse-shop__actions">
-      {inStock ? (
-        <LocalizedLink href={href} countryCode={countryCode} className="powerhouse-shop__quickshop">
-          Quick shop
-        </LocalizedLink>
-      ) : null}
+      {inStock ? buyNowControl : null}
       {!inStock ? (
         <button type="button" className="powerhouse-shop__atc" disabled>
           Sold out
@@ -103,7 +133,7 @@ export default function ShopProductCard({
           type="button"
           className="powerhouse-shop__atc"
           onClick={handleAdd}
-          disabled={adding || !variant?.id}
+          disabled={busy || !variant?.id}
         >
           {adding ? "Adding…" : "Add to cart"}
         </button>

package/src/shop.css

@@ -750,6 +750,12 @@ html.powerhouse-filters-open body {
   border: 1px solid #f2f682;
   background: #f1eeae;
   color: #1d1d1d;
+  cursor: pointer;
+}
+
+.powerhouse-shop__quickshop:disabled {
+  opacity: 0.55;
+  cursor: not-allowed;
 }
 
 .powerhouse-shop__atc {

package/src/wishlist-button.tsx

@@ -7,7 +7,10 @@ import {
   getWishlistProductIds,
   removeFromWishlist,
 } from "@pradip1995/commerce-core/client/actions/wishlist"
-import LoginRequiredModal from "@pradip1995/segment-login-popup/required"
+import LoginRequiredModal, {
+  isAuthRequiredError,
+  promptLoginForWishlist,
+} from "@pradip1995/segment-login-popup/required"
 
 type WishlistButtonProps = {
   productId?: string | null
@@ -60,9 +63,13 @@ export default function WishlistButton({
         return
       }
 
-      if (result.error?.toLowerCase().includes("login")) {
-        setLoginRequired(true)
-        return
+      if (isAuthRequiredError(result.error)) {
+        promptLoginForWishlist(() => setLoginRequired(true))
+      }
+    } catch (error) {
+      const message = error instanceof Error ? error.message : ""
+      if (isAuthRequiredError(message) || !message) {
+        promptLoginForWishlist(() => setLoginRequired(true))
       }
     } finally {
       setLoading(false)