create-brainerce-store 1.17.0 → 1.18.0

package/dist/index.js

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

package/messages/en.json

@@ -154,6 +154,9 @@
     "paymentNotConfigured": "Payment Not Configured",
     "paymentNotConfiguredDesc": "Payment has not been set up for this store yet. Please contact the store owner.",
     "paymentError": "Payment Error",
+    "sandboxTitle": "Sandbox Mode",
+    "sandboxDescription": "This is a test order. No real payment will be processed.",
+    "completeTestOrder": "Complete Test Order",
     "redirectingToPayment": "Redirecting to payment provider...",
     "redirectingHint": "If you are not redirected automatically, ",
     "clickHere": "click here",

package/messages/he.json

@@ -154,6 +154,9 @@
     "paymentNotConfigured": "תשלום לא מוגדר",
     "paymentNotConfiguredDesc": "התשלום עדיין לא הוגדר לחנות זו. אנא פנו לבעל החנות.",
     "paymentError": "שגיאת תשלום",
+    "sandboxTitle": "מצב בדיקה",
+    "sandboxDescription": "זוהי הזמנת בדיקה. לא יבוצע תשלום אמיתי.",
+    "completeTestOrder": "השלם הזמנת בדיקה",
     "redirectingToPayment": "...מפנה לספק התשלום",
     "redirectingHint": "אם אינכם מופנים אוטומטית, ",
     "clickHere": "לחצו כאן",

package/package.json

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

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

@@ -152,7 +152,12 @@ export default function CartPage() {
             <div className="mt-6 space-y-3">
               <h3 className="text-foreground text-sm font-semibold">{t('bundleOffers')}</h3>
               {bundles.bundles.map((offer) => (
-                <CartBundleOfferCard key={offer.id} offer={offer} cartId={cart.id} onAdd={refreshCart} />
+                <CartBundleOfferCard
+                  key={offer.id}
+                  offer={offer}
+                  cartId={cart.id}
+                  onAdd={refreshCart}
+                />
               ))}
             </div>
           )}

package/templates/nextjs/base/src/components/checkout/payment-step.tsx

@@ -305,8 +305,9 @@ export function PaymentStep({ checkoutId, className }: PaymentStepProps) {
       })
       .catch(() => null);
 
-    // B) Load + init SDK as early as possible
+    // B) Load + init SDK as early as possible (skip for sandbox)
     providerPromise.then((providerSdk) => {
+      if (providerSdk?.renderType === 'sandbox') return;
       if (providerSdk?.renderType === 'sdk-widget' && providerSdk.scriptUrl) {
         currentSdk = providerSdk;
         loadScript(providerSdk);
@@ -333,6 +334,9 @@ export function PaymentStep({ checkoutId, className }: PaymentStepProps) {
       const sdk = resolveClientSdk(intent, providerSdk);
       currentSdk = sdk;
 
+      // Sandbox mode — no SDK to load, UI handles it
+      if (sdk.renderType === 'sandbox') return;
+
       if (sdk.renderType === 'redirect') {
         window.location.href = intent.clientSecret;
         return;
@@ -427,6 +431,48 @@ export function PaymentStep({ checkoutId, className }: PaymentStepProps) {
 
   const sdk = resolveClientSdk(paymentIntent, preloadedSdk);
 
+  if (sdk.renderType === 'sandbox') {
+    const handleCompleteSandbox = async () => {
+      setLoading(true);
+      try {
+        const client = getClient();
+        await client.completeGuestCheckout(checkoutId);
+        window.location.href = `/order-confirmation?checkout_id=${checkoutId}`;
+      } catch (err) {
+        setError(err instanceof Error ? err.message : t('paymentError'));
+        setLoading(false);
+      }
+    };
+
+    return (
+      <div className={cn('py-8 text-center', className)}>
+        <div className="mx-auto max-w-md rounded-lg border border-amber-200 bg-amber-50 p-6">
+          <svg
+            className="mx-auto mb-3 h-10 w-10 text-amber-500"
+            fill="none"
+            viewBox="0 0 24 24"
+            stroke="currentColor"
+          >
+            <path
+              strokeLinecap="round"
+              strokeLinejoin="round"
+              strokeWidth={1.5}
+              d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-2.5L13.732 4.5c-.77-.833-2.694-.833-3.464 0L3.34 16.5c-.77.833.192 2.5 1.732 2.5z"
+            />
+          </svg>
+          <h3 className="text-foreground mb-1 text-lg font-semibold">{t('sandboxTitle')}</h3>
+          <p className="text-muted-foreground mb-4 text-sm">{t('sandboxDescription')}</p>
+          <button
+            onClick={handleCompleteSandbox}
+            className="inline-flex items-center rounded-md bg-amber-500 px-6 py-2.5 text-sm font-medium text-white transition-colors hover:bg-amber-600"
+          >
+            {t('completeTestOrder')}
+          </button>
+        </div>
+      </div>
+    );
+  }
+
   if (sdk.renderType === 'sdk-widget') {
     const containerId =
       sdk.containerId || `${paymentIntent.provider || 'payment'}-payment-container`;