@nok-integration/storefront-react 0.19.21 → 0.19.22

package/dist/index.mjs

@@ -7383,6 +7383,7 @@ function ReturnFlowContent({ orderRef, returnRef, onDone, locale }) {
   const [order, setOrder] = useState(null);
   const [ret, setRet] = useState(null);
   const [state, setState] = useState("loading");
+  const [justFiled, setJustFiled] = useState(false);
   const [errorCode, setErrorCode] = useState(void 0);
   const [busy, setBusy] = useState(false);
   const load = useCallback(async () => {
@@ -7410,6 +7411,7 @@ function ReturnFlowContent({ orderRef, returnRef, onDone, locale }) {
         items: items2
       });
       setRet(created);
+      setJustFiled(true);
       emit({
         type: "return_requested",
         orderRef,
@@ -7442,11 +7444,12 @@ function ReturnFlowContent({ orderRef, returnRef, onDone, locale }) {
     });
   }
   if (ret) {
-    return ret.status === "reported" ? jsx(ReturnLabelView, {
+    return justFiled && ret.status === "reported" ? jsx(ReturnLabelView, {
       ret,
-      ...onDone ? {
-        onDone
-      } : {}
+      onDone: () => {
+        setJustFiled(false);
+        onDone?.();
+      }
     }) : jsx(ReturnTrackingView, {
       ret,
       ...locale ? {
@@ -8965,11 +8968,11 @@ function ShippingInfo() {
     })]
   });
 }
-const bar = "_bar_xqpxa_1";
-const floating$1 = "_floating_xqpxa_31";
-const divider = "_divider_xqpxa_37";
-const info$1 = "_info_xqpxa_41";
-const actions = "_actions_xqpxa_49";
+const bar = "_bar_v5jjj_1";
+const floating$1 = "_floating_v5jjj_52";
+const divider = "_divider_v5jjj_58";
+const info$1 = "_info_v5jjj_62";
+const actions = "_actions_v5jjj_70";
 const styles$k = {
   bar,
   floating: floating$1,

package/dist/standalone/storefront.mjs

@@ -7383,6 +7383,7 @@ function ReturnFlowContent({ orderRef, returnRef, onDone, locale }) {
   const [order, setOrder] = useState(null);
   const [ret, setRet] = useState(null);
   const [state, setState] = useState("loading");
+  const [justFiled, setJustFiled] = useState(false);
   const [errorCode, setErrorCode] = useState(void 0);
   const [busy, setBusy] = useState(false);
   const load = useCallback(async () => {
@@ -7410,6 +7411,7 @@ function ReturnFlowContent({ orderRef, returnRef, onDone, locale }) {
         items: items2
       });
       setRet(created);
+      setJustFiled(true);
       emit({
         type: "return_requested",
         orderRef,
@@ -7442,11 +7444,12 @@ function ReturnFlowContent({ orderRef, returnRef, onDone, locale }) {
     });
   }
   if (ret) {
-    return ret.status === "reported" ? jsx(ReturnLabelView, {
+    return justFiled && ret.status === "reported" ? jsx(ReturnLabelView, {
       ret,
-      ...onDone ? {
-        onDone
-      } : {}
+      onDone: () => {
+        setJustFiled(false);
+        onDone?.();
+      }
     }) : jsx(ReturnTrackingView, {
       ret,
       ...locale ? {
@@ -8965,11 +8968,11 @@ function ShippingInfo() {
     })]
   });
 }
-const bar = "_bar_xqpxa_1";
-const floating$1 = "_floating_xqpxa_31";
-const divider = "_divider_xqpxa_37";
-const info$1 = "_info_xqpxa_41";
-const actions = "_actions_xqpxa_49";
+const bar = "_bar_v5jjj_1";
+const floating$1 = "_floating_v5jjj_52";
+const divider = "_divider_v5jjj_58";
+const info$1 = "_info_v5jjj_62";
+const actions = "_actions_v5jjj_70";
 const styles$k = {
   bar,
   floating: floating$1,

package/dist/standalone/styles.css

@@ -2340,9 +2340,10 @@
   height: 1px;
   background: var(--color-border-default);
 }
-._bar_xqpxa_1 {
+._bar_v5jjj_1 {
   position: sticky;
   bottom: 0;
+  bottom: calc(100lvh - 100dvh);
   left: 0;
   right: 0;
   display: flex;
@@ -2352,24 +2353,24 @@
   background: var(--color-surface-default);
   z-index: 50;
 }
-._floating_xqpxa_31 {
+._floating_v5jjj_52 {
   border-radius: var(--radius-12) var(--radius-12) 0 0;
   filter: drop-shadow(0 -4px 12px rgba(206, 206, 206, 0.48));
 }
-._divider_xqpxa_37 {
+._divider_v5jjj_58 {
   border-top: 1px solid var(--color-border-default);
 }
-._info_xqpxa_41 {
+._info_v5jjj_62 {
   display: flex;
   align-items: center;
   justify-content: space-between;
   font-weight: var(--font-weight-bold);
 }
-._actions_xqpxa_49 {
+._actions_v5jjj_70 {
   display: flex;
   gap: var(--space-8);
 }
-._actions_xqpxa_49 > * {
+._actions_v5jjj_70 > * {
   flex: 1 1 0;
 }
 ._surface_nkc99_15 {

package/dist/styles.css

@@ -2340,9 +2340,10 @@
   height: 1px;
   background: var(--color-border-default);
 }
-._bar_xqpxa_1 {
+._bar_v5jjj_1 {
   position: sticky;
   bottom: 0;
+  bottom: calc(100lvh - 100dvh);
   left: 0;
   right: 0;
   display: flex;
@@ -2352,24 +2353,24 @@
   background: var(--color-surface-default);
   z-index: 50;
 }
-._floating_xqpxa_31 {
+._floating_v5jjj_52 {
   border-radius: var(--radius-12) var(--radius-12) 0 0;
   filter: drop-shadow(0 -4px 12px rgba(206, 206, 206, 0.48));
 }
-._divider_xqpxa_37 {
+._divider_v5jjj_58 {
   border-top: 1px solid var(--color-border-default);
 }
-._info_xqpxa_41 {
+._info_v5jjj_62 {
   display: flex;
   align-items: center;
   justify-content: space-between;
   font-weight: var(--font-weight-bold);
 }
-._actions_xqpxa_49 {
+._actions_v5jjj_70 {
   display: flex;
   gap: var(--space-8);
 }
-._actions_xqpxa_49 > * {
+._actions_v5jjj_70 > * {
   flex: 1 1 0;
 }
 ._surface_nkc99_15 {

package/package.json

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