@nok-integration/storefront-react 0.29.6 → 0.29.8

package/dist/index.d.ts

@@ -6037,7 +6037,9 @@ export declare interface SheetHeaderProps {
  * The card only reports the policy; it does not set it. If 14 is wrong, it is wrong in the
  * design, and one word changes it here.
  */
-export declare function ShippingInfo(): JSX.Element;
+export declare function ShippingInfo({ returns }?: {
+    returns?: boolean;
+}): JSX.Element;
 
 declare interface ShopContextValue {
     api: DaznClient;

package/dist/index.mjs

@@ -8643,7 +8643,7 @@ function ReturnFlowContent({ orderRef, returnRef, onDone, locale }) {
       onRetry: () => void load()
     });
   }
-  if (!order.can_return) {
+  if (!order.can_return || order.vip) {
     return jsx(ErrorState, {
       code: "order_not_cancellable",
       onRetry: () => void load()
@@ -9183,10 +9183,6 @@ function OrderTrackingContent({ orderRef, locale: localeProp, onStartReturn, onO
       onReorder();
       return;
     }
-    if (current22.vip) {
-      navigate?.(`/vip/${encodeURIComponent(current22.vip.invite_ref)}`);
-      return;
-    }
     setReordering(true);
     try {
       let added = 0;
@@ -9235,7 +9231,7 @@ function OrderTrackingContent({ orderRef, locale: localeProp, onStartReturn, onO
             className: styles$D.cancelledMeta,
             children: t("Order #{0} · Placed {1}", shortRef$1(order.order_ref), placedOn(order.placed_at, locale))
           })]
-        }), jsx(Button, {
+        }), !order.vip && jsx(Button, {
           variant: "primary",
           fullWidth: true,
           className: styles$D.reorder,
@@ -9361,7 +9357,7 @@ function NeedHelp({ order, onStartReturn, onOpenReturn, onContactSupport }) {
         label: returns.length > 1 ? t("Track return {0}", ret.return_ref) : "Track your return",
         status: RETURN_STATUS[ret.status] ?? ret.status.replace(/_/g, " "),
         onClick: () => onOpenReturn?.(ret.return_ref)
-      }, ret.return_ref)), order.can_return && onStartReturn && jsx(HelpRow, {
+      }, ret.return_ref)), order.can_return && !order.vip && onStartReturn && jsx(HelpRow, {
         label: "Start a return",
         onClick: onStartReturn
       }), jsx(HelpRow, {
@@ -9757,6 +9753,7 @@ function OrderListContent({ onOpenOrder, onOpenReturn, onStartShopping, locale:
   if (state === "loading") {
     return jsxs("div", {
       className: styles$A.page,
+      "data-shop-layout": "wide",
       children: [jsx(Skeleton, {
         height: 148,
         radius: 12
@@ -10965,11 +10962,11 @@ const styles$q = {
   label: label$1,
   divider: divider$1
 };
-function ShippingInfo() {
+function ShippingInfo({ returns = true } = {}) {
   const t = useT();
   return jsxs("section", {
     className: styles$q.box,
-    "aria-label": t("Shipping and returns"),
+    "aria-label": returns ? t("Shipping and returns") : t("Shipping"),
     children: [jsxs("div", {
       className: styles$q.row,
       children: [jsx("svg", {
@@ -10987,10 +10984,10 @@ function ShippingInfo() {
         className: styles$q.label,
         children: t("Standard or express delivery")
       })]
-    }), jsx("div", {
+    }), returns && jsx("div", {
       className: styles$q.divider,
       role: "presentation"
-    }), jsxs("div", {
+    }), returns && jsxs("div", {
       className: styles$q.row,
       children: [jsx("svg", {
         className: styles$q.icon,
@@ -12457,7 +12454,9 @@ function ProductDetail({ product, inventory: inventory2, recommendations = [], c
         variants,
         selectedSku: genericSku,
         onSelect: setGenericSku
-      }), jsx(ShippingInfo, {}), product.description && jsx(ProductDetails, {
+      }), jsx(ShippingInfo, {
+        returns: !claim
+      }), product.description && jsx(ProductDetails, {
         description: product.description
       })]
     }), related.length > 0 && jsx("div", {

package/dist/standalone/storefront.mjs

@@ -8643,7 +8643,7 @@ function ReturnFlowContent({ orderRef, returnRef, onDone, locale }) {
       onRetry: () => void load()
     });
   }
-  if (!order.can_return) {
+  if (!order.can_return || order.vip) {
     return jsx(ErrorState, {
       code: "order_not_cancellable",
       onRetry: () => void load()
@@ -9183,10 +9183,6 @@ function OrderTrackingContent({ orderRef, locale: localeProp, onStartReturn, onO
       onReorder();
       return;
     }
-    if (current22.vip) {
-      navigate?.(`/vip/${encodeURIComponent(current22.vip.invite_ref)}`);
-      return;
-    }
     setReordering(true);
     try {
       let added = 0;
@@ -9235,7 +9231,7 @@ function OrderTrackingContent({ orderRef, locale: localeProp, onStartReturn, onO
             className: styles$D.cancelledMeta,
             children: t("Order #{0} · Placed {1}", shortRef$1(order.order_ref), placedOn(order.placed_at, locale))
           })]
-        }), jsx(Button, {
+        }), !order.vip && jsx(Button, {
           variant: "primary",
           fullWidth: true,
           className: styles$D.reorder,
@@ -9361,7 +9357,7 @@ function NeedHelp({ order, onStartReturn, onOpenReturn, onContactSupport }) {
         label: returns.length > 1 ? t("Track return {0}", ret.return_ref) : "Track your return",
         status: RETURN_STATUS[ret.status] ?? ret.status.replace(/_/g, " "),
         onClick: () => onOpenReturn?.(ret.return_ref)
-      }, ret.return_ref)), order.can_return && onStartReturn && jsx(HelpRow, {
+      }, ret.return_ref)), order.can_return && !order.vip && onStartReturn && jsx(HelpRow, {
         label: "Start a return",
         onClick: onStartReturn
       }), jsx(HelpRow, {
@@ -9757,6 +9753,7 @@ function OrderListContent({ onOpenOrder, onOpenReturn, onStartShopping, locale:
   if (state === "loading") {
     return jsxs("div", {
       className: styles$A.page,
+      "data-shop-layout": "wide",
       children: [jsx(Skeleton, {
         height: 148,
         radius: 12
@@ -10965,11 +10962,11 @@ const styles$q = {
   label: label$1,
   divider: divider$1
 };
-function ShippingInfo() {
+function ShippingInfo({ returns = true } = {}) {
   const t = useT();
   return jsxs("section", {
     className: styles$q.box,
-    "aria-label": t("Shipping and returns"),
+    "aria-label": returns ? t("Shipping and returns") : t("Shipping"),
     children: [jsxs("div", {
       className: styles$q.row,
       children: [jsx("svg", {
@@ -10987,10 +10984,10 @@ function ShippingInfo() {
         className: styles$q.label,
         children: t("Standard or express delivery")
       })]
-    }), jsx("div", {
+    }), returns && jsx("div", {
       className: styles$q.divider,
       role: "presentation"
-    }), jsxs("div", {
+    }), returns && jsxs("div", {
       className: styles$q.row,
       children: [jsx("svg", {
         className: styles$q.icon,
@@ -12457,7 +12454,9 @@ function ProductDetail({ product, inventory: inventory2, recommendations = [], c
         variants,
         selectedSku: genericSku,
         onSelect: setGenericSku
-      }), jsx(ShippingInfo, {}), product.description && jsx(ProductDetails, {
+      }), jsx(ShippingInfo, {
+        returns: !claim
+      }), product.description && jsx(ProductDetails, {
         description: product.description
       })]
     }), related.length > 0 && jsx("div", {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nok-integration/storefront-react",
-  "version": "0.29.6",
+  "version": "0.29.8",
   "description": "Mountable React storefront components: catalogue, product detail and cart, mounted directly into a host DOM tree. No iframe.",
   "license": "UNLICENSED",
   "type": "module",