@nok-integration/storefront-react 0.19.32 → 0.19.33

package/dist/index.mjs

@@ -7502,20 +7502,22 @@ function ReturnFlowContent({ orderRef, returnRef, onDone, locale }) {
     busy
   });
 }
-const page$3 = "_page_1v9my_8";
-const widget = "_widget_1v9my_18";
-const titleRow = "_titleRow_1v9my_26";
-const headline$1 = "_headline_1v9my_42";
-const track$5 = "_track_1v9my_74";
-const rule$1 = "_rule_1v9my_99";
-const help = "_help_1v9my_109";
-const helpTitle = "_helpTitle_1v9my_115";
-const helpRows = "_helpRows_1v9my_122";
-const helpRow = "_helpRow_1v9my_122";
-const cancel = "_cancel_1v9my_180";
-const cancelledHead = "_cancelledHead_1v9my_204";
-const cancelledTitle = "_cancelledTitle_1v9my_210";
-const cancelledMeta = "_cancelledMeta_1v9my_219";
+const page$3 = "_page_1qh0r_8";
+const widget = "_widget_1qh0r_18";
+const titleRow = "_titleRow_1qh0r_26";
+const headline$1 = "_headline_1qh0r_42";
+const track$5 = "_track_1qh0r_74";
+const rule$1 = "_rule_1qh0r_99";
+const help = "_help_1qh0r_109";
+const helpTitle = "_helpTitle_1qh0r_115";
+const helpRows = "_helpRows_1qh0r_122";
+const helpRowEnd = "_helpRowEnd_1qh0r_131";
+const helpStatus = "_helpStatus_1qh0r_139";
+const helpRow = "_helpRow_1qh0r_122";
+const cancel = "_cancel_1qh0r_197";
+const cancelledHead = "_cancelledHead_1qh0r_221";
+const cancelledTitle = "_cancelledTitle_1qh0r_227";
+const cancelledMeta = "_cancelledMeta_1qh0r_236";
 const styles$y = {
   page: page$3,
   widget,
@@ -7526,6 +7528,8 @@ const styles$y = {
   help,
   helpTitle,
   helpRows,
+  helpRowEnd,
+  helpStatus,
   helpRow,
   cancel,
   cancelledHead,
@@ -7816,6 +7820,7 @@ function NeedHelp({ order, onStartReturn, onOpenReturn, onContactSupport }) {
       className: styles$y.helpRows,
       children: [returns.map((ret) => jsx(HelpRow, {
         label: returns.length > 1 ? `Track return ${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, {
         label: "Start a return",
@@ -7833,14 +7838,26 @@ function NeedHelp({ order, onStartReturn, onOpenReturn, onContactSupport }) {
     })]
   });
 }
-function HelpRow({ label: label2, onClick }) {
+const RETURN_STATUS = {
+  reported: "Return requested",
+  package_received: "Package received",
+  completed: "Return complete"
+};
+function HelpRow({ label: label2, status, onClick }) {
+  const t = useT();
   return jsxs("button", {
     type: "button",
     className: styles$y.helpRow,
     onClick,
     children: [jsx("span", {
       children: label2
-    }), jsx(ChevronRight$1, {})]
+    }), jsxs("span", {
+      className: styles$y.helpRowEnd,
+      children: [status && jsx("span", {
+        className: styles$y.helpStatus,
+        children: t(status)
+      }), jsx(ChevronRight$1, {})]
+    })]
   });
 }
 function shortRef$1(orderRef) {

package/dist/standalone/storefront.mjs

@@ -7502,20 +7502,22 @@ function ReturnFlowContent({ orderRef, returnRef, onDone, locale }) {
     busy
   });
 }
-const page$3 = "_page_1v9my_8";
-const widget = "_widget_1v9my_18";
-const titleRow = "_titleRow_1v9my_26";
-const headline$1 = "_headline_1v9my_42";
-const track$5 = "_track_1v9my_74";
-const rule$1 = "_rule_1v9my_99";
-const help = "_help_1v9my_109";
-const helpTitle = "_helpTitle_1v9my_115";
-const helpRows = "_helpRows_1v9my_122";
-const helpRow = "_helpRow_1v9my_122";
-const cancel = "_cancel_1v9my_180";
-const cancelledHead = "_cancelledHead_1v9my_204";
-const cancelledTitle = "_cancelledTitle_1v9my_210";
-const cancelledMeta = "_cancelledMeta_1v9my_219";
+const page$3 = "_page_1qh0r_8";
+const widget = "_widget_1qh0r_18";
+const titleRow = "_titleRow_1qh0r_26";
+const headline$1 = "_headline_1qh0r_42";
+const track$5 = "_track_1qh0r_74";
+const rule$1 = "_rule_1qh0r_99";
+const help = "_help_1qh0r_109";
+const helpTitle = "_helpTitle_1qh0r_115";
+const helpRows = "_helpRows_1qh0r_122";
+const helpRowEnd = "_helpRowEnd_1qh0r_131";
+const helpStatus = "_helpStatus_1qh0r_139";
+const helpRow = "_helpRow_1qh0r_122";
+const cancel = "_cancel_1qh0r_197";
+const cancelledHead = "_cancelledHead_1qh0r_221";
+const cancelledTitle = "_cancelledTitle_1qh0r_227";
+const cancelledMeta = "_cancelledMeta_1qh0r_236";
 const styles$y = {
   page: page$3,
   widget,
@@ -7526,6 +7528,8 @@ const styles$y = {
   help,
   helpTitle,
   helpRows,
+  helpRowEnd,
+  helpStatus,
   helpRow,
   cancel,
   cancelledHead,
@@ -7816,6 +7820,7 @@ function NeedHelp({ order, onStartReturn, onOpenReturn, onContactSupport }) {
       className: styles$y.helpRows,
       children: [returns.map((ret) => jsx(HelpRow, {
         label: returns.length > 1 ? `Track return ${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, {
         label: "Start a return",
@@ -7833,14 +7838,26 @@ function NeedHelp({ order, onStartReturn, onOpenReturn, onContactSupport }) {
     })]
   });
 }
-function HelpRow({ label: label2, onClick }) {
+const RETURN_STATUS = {
+  reported: "Return requested",
+  package_received: "Package received",
+  completed: "Return complete"
+};
+function HelpRow({ label: label2, status, onClick }) {
+  const t = useT();
   return jsxs("button", {
     type: "button",
     className: styles$y.helpRow,
     onClick,
     children: [jsx("span", {
       children: label2
-    }), jsx(ChevronRight$1, {})]
+    }), jsxs("span", {
+      className: styles$y.helpRowEnd,
+      children: [status && jsx("span", {
+        className: styles$y.helpStatus,
+        children: t(status)
+      }), jsx(ChevronRight$1, {})]
+    })]
   });
 }
 function shortRef$1(orderRef) {

package/dist/standalone/styles.css

@@ -1397,24 +1397,24 @@
   text-decoration: line-through;
   font-variant-numeric: tabular-nums;
 }
-._page_1v9my_8 {
+._page_1qh0r_8 {
   display: flex;
   flex-direction: column;
   gap: var(--space-32);
   padding: var(--space-20) var(--space-16) var(--space-24);
 }
-._widget_1v9my_18 {
+._widget_1qh0r_18 {
   display: flex;
   flex-direction: column;
   gap: var(--space-32);
 }
-._titleRow_1v9my_26 {
+._titleRow_1qh0r_26 {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: var(--space-12);
 }
-._headline_1v9my_42 {
+._headline_1qh0r_42 {
   margin: -9px 0;
   padding: 9px 0;
   min-width: 0;
@@ -1425,7 +1425,7 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-._track_1v9my_74 {
+._track_1qh0r_74 {
   display: inline-flex;
   align-items: center;
   gap: var(--space-6);
@@ -1436,33 +1436,43 @@
   color: var(--color-text-default);
   text-decoration: none;
 }
-._track_1v9my_74:focus-visible {
+._track_1qh0r_74:focus-visible {
   outline: none;
   box-shadow: var(--focus-ring);
   border-radius: var(--radius-4);
 }
-._rule_1v9my_99 {
+._rule_1qh0r_99 {
   height: 1px;
   margin: 0 0 -1px;
   border: 0;
   background: var(--color-border-default);
 }
-._help_1v9my_109 {
+._help_1qh0r_109 {
   display: flex;
   flex-direction: column;
   gap: var(--space-6);
 }
-._helpTitle_1v9my_115 {
+._helpTitle_1qh0r_115 {
   margin: 0;
   font-size: var(--type-heading-md-size);
   line-height: 1.32;
   font-weight: var(--font-weight-bold);
 }
-._helpRows_1v9my_122 {
+._helpRows_1qh0r_122 {
   display: flex;
   flex-direction: column;
 }
-._helpRow_1v9my_122 {
+._helpRowEnd_1qh0r_131 {
+  display: flex;
+  align-items: center;
+  gap: var(--space-8);
+  min-width: 0;
+}
+._helpStatus_1qh0r_139 {
+  color: var(--color-text-subtle);
+  white-space: nowrap;
+}
+._helpRow_1qh0r_122 {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -1480,14 +1490,14 @@
   text-align: left;
   cursor: pointer;
 }
-._helpRow_1v9my_122 + ._helpRow_1v9my_122 {
+._helpRow_1qh0r_122 + ._helpRow_1qh0r_122 {
   border-top: 1px solid var(--color-border-subtle);
 }
-._helpRow_1v9my_122:focus-visible {
+._helpRow_1qh0r_122:focus-visible {
   outline: none;
   box-shadow: var(--focus-ring);
 }
-._cancel_1v9my_180 {
+._cancel_1qh0r_197 {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -1504,23 +1514,23 @@
   font-weight: var(--font-weight-bold);
   cursor: pointer;
 }
-._cancel_1v9my_180:focus-visible {
+._cancel_1qh0r_197:focus-visible {
   outline: none;
   box-shadow: var(--focus-ring);
 }
-._cancelledHead_1v9my_204 {
+._cancelledHead_1qh0r_221 {
   display: flex;
   flex-direction: column;
   gap: var(--space-8);
 }
-._cancelledTitle_1v9my_210 {
+._cancelledTitle_1qh0r_227 {
   margin: 0;
   font-size: var(--type-heading-md-size);
   line-height: 1.32;
   font-weight: var(--font-weight-bold);
   color: var(--color-text-default);
 }
-._cancelledMeta_1v9my_219 {
+._cancelledMeta_1qh0r_236 {
   font-size: var(--type-trimmed-sm-size);
   line-height: 10px;
   padding: 5px 0;

package/dist/styles.css

@@ -1397,24 +1397,24 @@
   text-decoration: line-through;
   font-variant-numeric: tabular-nums;
 }
-._page_1v9my_8 {
+._page_1qh0r_8 {
   display: flex;
   flex-direction: column;
   gap: var(--space-32);
   padding: var(--space-20) var(--space-16) var(--space-24);
 }
-._widget_1v9my_18 {
+._widget_1qh0r_18 {
   display: flex;
   flex-direction: column;
   gap: var(--space-32);
 }
-._titleRow_1v9my_26 {
+._titleRow_1qh0r_26 {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: var(--space-12);
 }
-._headline_1v9my_42 {
+._headline_1qh0r_42 {
   margin: -9px 0;
   padding: 9px 0;
   min-width: 0;
@@ -1425,7 +1425,7 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-._track_1v9my_74 {
+._track_1qh0r_74 {
   display: inline-flex;
   align-items: center;
   gap: var(--space-6);
@@ -1436,33 +1436,43 @@
   color: var(--color-text-default);
   text-decoration: none;
 }
-._track_1v9my_74:focus-visible {
+._track_1qh0r_74:focus-visible {
   outline: none;
   box-shadow: var(--focus-ring);
   border-radius: var(--radius-4);
 }
-._rule_1v9my_99 {
+._rule_1qh0r_99 {
   height: 1px;
   margin: 0 0 -1px;
   border: 0;
   background: var(--color-border-default);
 }
-._help_1v9my_109 {
+._help_1qh0r_109 {
   display: flex;
   flex-direction: column;
   gap: var(--space-6);
 }
-._helpTitle_1v9my_115 {
+._helpTitle_1qh0r_115 {
   margin: 0;
   font-size: var(--type-heading-md-size);
   line-height: 1.32;
   font-weight: var(--font-weight-bold);
 }
-._helpRows_1v9my_122 {
+._helpRows_1qh0r_122 {
   display: flex;
   flex-direction: column;
 }
-._helpRow_1v9my_122 {
+._helpRowEnd_1qh0r_131 {
+  display: flex;
+  align-items: center;
+  gap: var(--space-8);
+  min-width: 0;
+}
+._helpStatus_1qh0r_139 {
+  color: var(--color-text-subtle);
+  white-space: nowrap;
+}
+._helpRow_1qh0r_122 {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -1480,14 +1490,14 @@
   text-align: left;
   cursor: pointer;
 }
-._helpRow_1v9my_122 + ._helpRow_1v9my_122 {
+._helpRow_1qh0r_122 + ._helpRow_1qh0r_122 {
   border-top: 1px solid var(--color-border-subtle);
 }
-._helpRow_1v9my_122:focus-visible {
+._helpRow_1qh0r_122:focus-visible {
   outline: none;
   box-shadow: var(--focus-ring);
 }
-._cancel_1v9my_180 {
+._cancel_1qh0r_197 {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -1504,23 +1514,23 @@
   font-weight: var(--font-weight-bold);
   cursor: pointer;
 }
-._cancel_1v9my_180:focus-visible {
+._cancel_1qh0r_197:focus-visible {
   outline: none;
   box-shadow: var(--focus-ring);
 }
-._cancelledHead_1v9my_204 {
+._cancelledHead_1qh0r_221 {
   display: flex;
   flex-direction: column;
   gap: var(--space-8);
 }
-._cancelledTitle_1v9my_210 {
+._cancelledTitle_1qh0r_227 {
   margin: 0;
   font-size: var(--type-heading-md-size);
   line-height: 1.32;
   font-weight: var(--font-weight-bold);
   color: var(--color-text-default);
 }
-._cancelledMeta_1v9my_219 {
+._cancelledMeta_1qh0r_236 {
   font-size: var(--type-trimmed-sm-size);
   line-height: 10px;
   padding: 5px 0;

package/package.json

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