create-brainerce-store 1.43.1 → 1.43.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.43.1",
+      version: "1.43.2",
       description: "Scaffold a production-ready e-commerce storefront connected to Brainerce",
       bin: {
         "create-brainerce-store": "dist/index.js"
@@ -172,12 +172,12 @@ var ALLOWED_PACKAGE_MANAGERS = [
   "bun"
 ];
 var BRAINERCE_RUNTIME_DEPS = Object.freeze({
-  // 1.27 = first published cut with client.content namespace (FAQ / Footer /
-  // Header / Announcement / RichText / Page) + getDirectionForLocale helper.
-  // Scaffolded stores need this minimum to use the content components shipped
-  // under src/components/content/ and the homepage RichTextBlock mount-point.
-  // 1.26 had the namespace in source but was published before the cut.
-  brainerce: "^1.27.0",
+  // 1.28 = first cut after the PriceList API removal + the FX-driven display
+  // pricing rework (Product.displayPrice / displayCurrency / displaySalePrice
+  // attached additively when getProducts is called with a regionId). Older
+  // 1.27 had PriceList/Resolved* surface that no longer exists on the
+  // backend, so scaffolded stores must pin >=1.28 to compile.
+  brainerce: "^1.28.0",
   "isomorphic-dompurify": "^3.8.0"
 });
 
@@ -555,7 +555,10 @@ async function fetchStoreInfo(connectionId, baseUrl = KNOWN_API_URLS.production)
   const timeout = setTimeout(() => controller.abort(), 1e4);
   let res;
   try {
-    res = await fetch(url, { signal: controller.signal });
+    res = await fetch(url, {
+      signal: controller.signal,
+      headers: { Origin: "http://localhost" }
+    });
   } catch (err) {
     if (err.name === "AbortError") {
       throw new Error(`Request to ${baseUrl} timed out`);

package/package.json

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

package/templates/nextjs/base/scripts/fetch-store-info.mjs

@@ -53,7 +53,14 @@ console.log(`Fetching store info for sales channel: ${connectionId} ...`);
 
 let storeInfo;
 try {
-  const res = await fetch(`${apiUrl}/api/vc/${connectionId}/info`);
+  // /api/vc/* enforces an Origin check: TEST channels accept local/tunnel
+  // hosts, LIVE channels require the configured domain. Prefer the project's
+  // own NEXT_PUBLIC_SITE_URL (the real domain for a LIVE store), falling back
+  // to localhost for local dev against a TEST channel.
+  const siteUrl = getVar(envContent, 'NEXT_PUBLIC_SITE_URL') || 'http://localhost:3000';
+  const res = await fetch(`${apiUrl}/api/vc/${connectionId}/info`, {
+    headers: { Origin: siteUrl },
+  });
   if (!res.ok) {
     console.error(`❌  API returned ${res.status}: ${await res.text()}`);
     process.exit(1);

package/templates/nextjs/base/src/components/products/product-card.tsx

@@ -18,6 +18,41 @@ interface ProductCardProps {
   className?: string;
 }
 
+/**
+ * Pick the price + currency to render for a given product (PRD §23 FX overlay).
+ *
+ * When the storefront passed `regionId` to `getProducts({ regionId })` AND the
+ * region currency differs from the store currency, the backend attaches
+ * additive `displayPrice` / `displayCurrency` fields. Otherwise we fall back
+ * to the canonical store-currency `basePrice` / `salePrice`. Either way the
+ * cart still charges in the store currency — this only affects display.
+ */
+function pickDisplayPrice(
+  product: Product,
+  fallbackCurrency: string
+): { price: number | undefined; salePrice: number | null; currency: string } {
+  if (product.displayPrice != null && product.displayCurrency) {
+    const sale =
+      product.displaySalePrice != null ? parseFloat(product.displaySalePrice) : null;
+    return {
+      // `displayPrice` is the base price converted to the region currency —
+      // it goes into the PriceDisplay `price` (base) slot, NOT the sale slot.
+      price: parseFloat(product.displayPrice),
+      salePrice: sale != null && !Number.isNaN(sale) ? sale : null,
+      currency: product.displayCurrency,
+    };
+  }
+  // Same-currency fallback. `getProductPriceInfo.price` is the EFFECTIVE
+  // charged amount (= salePrice when on sale, base otherwise); `originalPrice`
+  // is the base. Map them to PriceDisplay's (price = base, salePrice = sale).
+  const { price: effective, originalPrice, isOnSale } = getProductPriceInfo(product);
+  return {
+    price: originalPrice,
+    salePrice: isOnSale ? effective : null,
+    currency: fallbackCurrency,
+  };
+}
+
 function VariantPriceRange({ product }: { product: Product }) {
   const currency = useCurrency();
 
@@ -51,6 +86,11 @@ export function ProductCard({ product, className }: ProductCardProps) {
   const tProd = useTranslations('products');
   const router = useRouter();
   const { refreshCart } = useCart();
+  const fallbackCurrency = useCurrency();
+  // FX overlay (PRD §23): prefer the region-converted display values when the
+  // storefront passed regionId to getProducts. Otherwise fall back to the
+  // canonical store-currency basePrice / salePrice.
+  const display = pickDisplayPrice(product, fallbackCurrency);
   const { price, originalPrice, isOnSale } = getProductPriceInfo(product);
   const mainImage = product.images?.[0];
   const imageUrl = mainImage?.url || null;
@@ -215,7 +255,12 @@ export function ProductCard({ product, className }: ProductCardProps) {
         {isVariable ? (
           <VariantPriceRange product={product} />
         ) : (
-          <PriceDisplay price={originalPrice} salePrice={isOnSale ? price : undefined} size="sm" />
+          <PriceDisplay
+            price={display.price ?? originalPrice}
+            salePrice={display.salePrice ?? (isOnSale ? price : undefined)}
+            currency={display.currency}
+            size="sm"
+          />
         )}
 
         {/* Stock */}