@nok-integration/storefront-react 0.19.30 → 0.19.31

package/dist/index.d.ts

@@ -4341,6 +4341,15 @@ export declare interface OrderTrackingViewProps {
      * "Start a return" row is there for a fan whether you route it or not.
      */
     onStartReturn?: () => void;
+    /**
+     * Open an EXISTING return's progress on a route of your own.
+     *
+     * Optional, and optional in the way every handler here is: it customises where the row
+     * goes, it does not decide whether the row is drawn. The rows follow `order.returns`
+     * from the engine and nothing else. Omit this and the return opens in place, exactly as
+     * starting one does.
+     */
+    onOpenReturn?: (returnRef: string) => void;
     /**
      * Called once the fan has confirmed a cancellation and the engine has accepted it,
      * with the order as it now stands. The screen redraws itself either way; this is for a

package/dist/index.mjs

@@ -7564,11 +7564,14 @@ function ChevronRight$1() {
   });
 }
 function OrderTrackingView(props) {
-  const [returning, setReturning] = useState(false);
-  if (returning) {
+  const [flow, setFlow] = useState(null);
+  if (flow !== null) {
     return jsx(ReturnFlowView, {
       orderRef: props.orderRef,
-      onDone: () => setReturning(false)
+      ...flow ? {
+        returnRef: flow
+      } : {},
+      onDone: () => setFlow(null)
     });
   }
   return jsx(ShopSurface, {
@@ -7576,11 +7579,12 @@ function OrderTrackingView(props) {
     fill: true,
     children: jsx(OrderTrackingContent, {
       ...props,
-      onStartReturn: props.onStartReturn ?? (() => setReturning(true))
+      onStartReturn: props.onStartReturn ?? (() => setFlow("")),
+      onOpenReturn: props.onOpenReturn ?? ((returnRef) => setFlow(returnRef))
     })
   });
 }
-function OrderTrackingContent({ orderRef, locale: localeProp, onStartReturn, onContactSupport, onCancelled, onReorder }) {
+function OrderTrackingContent({ orderRef, locale: localeProp, onStartReturn, onOpenReturn, onContactSupport, onCancelled, onReorder }) {
   const t = useT();
   const { api } = useShop();
   const locale = useLocale(localeProp);
@@ -7757,6 +7761,9 @@ function OrderTrackingContent({ orderRef, locale: localeProp, onStartReturn, onC
       ...onStartReturn ? {
         onStartReturn
       } : {},
+      ...onOpenReturn ? {
+        onOpenReturn
+      } : {},
       ...onContactSupport ? {
         onContactSupport
       } : {}
@@ -7793,9 +7800,10 @@ function placedOn(iso, locale) {
   }).format(d);
   return `${day} ${month}, ${d.getUTCFullYear()}`;
 }
-function NeedHelp({ order, onStartReturn, onContactSupport }) {
+function NeedHelp({ order, onStartReturn, onOpenReturn, onContactSupport }) {
   const emit = useShopEvent();
   if (order.status !== "delivered") return null;
+  const returns = order.returns ?? [];
   return jsxs("section", {
     className: styles$y.help,
     "aria-labelledby": "order-help",
@@ -7805,7 +7813,10 @@ function NeedHelp({ order, onStartReturn, onContactSupport }) {
       children: "Need help?"
     }), jsxs("div", {
       className: styles$y.helpRows,
-      children: [order.can_return && onStartReturn && jsx(HelpRow, {
+      children: [returns.map((ret) => jsx(HelpRow, {
+        label: returns.length > 1 ? `Track return ${ret.return_ref}` : "Track your return",
+        onClick: () => onOpenReturn?.(ret.return_ref)
+      }, ret.return_ref)), order.can_return && onStartReturn && jsx(HelpRow, {
         label: "Start a return",
         onClick: onStartReturn
       }), jsx(HelpRow, {
@@ -11573,4 +11584,4 @@ export {
   useToast,
   variantLabel
 };
-
+//# sourceMappingURL=index.mjs.map

package/dist/standalone/storefront.mjs

@@ -7564,11 +7564,14 @@ function ChevronRight$1() {
   });
 }
 function OrderTrackingView(props) {
-  const [returning, setReturning] = useState(false);
-  if (returning) {
+  const [flow, setFlow] = useState(null);
+  if (flow !== null) {
     return jsx(ReturnFlowView, {
       orderRef: props.orderRef,
-      onDone: () => setReturning(false)
+      ...flow ? {
+        returnRef: flow
+      } : {},
+      onDone: () => setFlow(null)
     });
   }
   return jsx(ShopSurface, {
@@ -7576,11 +7579,12 @@ function OrderTrackingView(props) {
     fill: true,
     children: jsx(OrderTrackingContent, {
       ...props,
-      onStartReturn: props.onStartReturn ?? (() => setReturning(true))
+      onStartReturn: props.onStartReturn ?? (() => setFlow("")),
+      onOpenReturn: props.onOpenReturn ?? ((returnRef) => setFlow(returnRef))
     })
   });
 }
-function OrderTrackingContent({ orderRef, locale: localeProp, onStartReturn, onContactSupport, onCancelled, onReorder }) {
+function OrderTrackingContent({ orderRef, locale: localeProp, onStartReturn, onOpenReturn, onContactSupport, onCancelled, onReorder }) {
   const t = useT();
   const { api } = useShop();
   const locale = useLocale(localeProp);
@@ -7757,6 +7761,9 @@ function OrderTrackingContent({ orderRef, locale: localeProp, onStartReturn, onC
       ...onStartReturn ? {
         onStartReturn
       } : {},
+      ...onOpenReturn ? {
+        onOpenReturn
+      } : {},
       ...onContactSupport ? {
         onContactSupport
       } : {}
@@ -7793,9 +7800,10 @@ function placedOn(iso, locale) {
   }).format(d);
   return `${day} ${month}, ${d.getUTCFullYear()}`;
 }
-function NeedHelp({ order, onStartReturn, onContactSupport }) {
+function NeedHelp({ order, onStartReturn, onOpenReturn, onContactSupport }) {
   const emit = useShopEvent();
   if (order.status !== "delivered") return null;
+  const returns = order.returns ?? [];
   return jsxs("section", {
     className: styles$y.help,
     "aria-labelledby": "order-help",
@@ -7805,7 +7813,10 @@ function NeedHelp({ order, onStartReturn, onContactSupport }) {
       children: "Need help?"
     }), jsxs("div", {
       className: styles$y.helpRows,
-      children: [order.can_return && onStartReturn && jsx(HelpRow, {
+      children: [returns.map((ret) => jsx(HelpRow, {
+        label: returns.length > 1 ? `Track return ${ret.return_ref}` : "Track your return",
+        onClick: () => onOpenReturn?.(ret.return_ref)
+      }, ret.return_ref)), order.can_return && onStartReturn && jsx(HelpRow, {
         label: "Start a return",
         onClick: onStartReturn
       }), jsx(HelpRow, {
@@ -11573,4 +11584,4 @@ export {
   useToast,
   variantLabel
 };
-
+//# sourceMappingURL=storefront.mjs.map

package/package.json

@@ -1,11 +1,14 @@
 {
   "name": "@nok-integration/storefront-react",
-  "version": "0.19.30",
+  "version": "0.19.31",
   "description": "Mountable React storefront components: catalogue, product detail and cart, mounted directly into a host DOM tree. No iframe.",
   "license": "UNLICENSED",
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
   "type": "module",
   "main": "./dist/index.mjs",
-  "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
   "exports": {
     ".": {
@@ -20,18 +23,34 @@
     "dist",
     "!dist/**/*.map"
   ],
-  "sideEffects": [
-    "*.css"
-  ],
+  "scripts": {
+    "build": "pnpm build:package && pnpm build:standalone",
+    "build:package": "vite build",
+    "build:standalone": "BUILD_TARGET=standalone vite build",
+    "typecheck": "tsc --noEmit",
+    "build:partner": "PARTNER_DROP=1 pnpm build && pnpm pack"
+  },
   "peerDependencies": {
     "react": "^16.14.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
     "react-dom": "^16.14.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
   },
+  "devDependencies": {
+    "@microsoft/api-extractor": "^7.58.12",
+    "@raqmix/contracts": "^2.0.0",
+    "@types/react": "^19.1.0",
+    "@types/react-dom": "^19.1.0",
+    "@vitejs/plugin-react": "^4.3.4",
+    "esbuild": "^0.28.1",
+    "terser": "^5.50.0",
+    "typescript": "^5.7.3",
+    "vite": "^7.0.0",
+    "vite-plugin-dts": "^5.0.3"
+  },
+  "module": "./dist/index.mjs",
+  "sideEffects": [
+    "*.css"
+  ],
   "dependencies": {
     "zod": "^3.24.1"
-  },
-  "publishConfig": {
-    "access": "public",
-    "registry": "https://registry.npmjs.org/"
   }
 }