@nok-integration/storefront-react 0.11.3 → 0.12.0

package/dist/index.d.ts

@@ -293,8 +293,9 @@ export declare interface CartViewProps {
      *
      * DAZN's checkout is the next step and DAZN name it; a host whose own wording is
      * "Continue" or "Go to checkout" should not have to accept ours. The locked-cart label
-     * is deliberately NOT configurable — it states a condition rather than an action, and a
-     * host renaming it could imply the button still works.
+     * is deliberately NOT configurable — it takes the fan back to a checkout that already
+     * exists, which is a different action from starting one, and a host renaming it could
+     * imply a second checkout is being created.
      */
     checkoutLabel?: string;
 }

package/dist/index.mjs

@@ -5564,7 +5564,10 @@ const TREATMENTS = {
   },
   cart_locked: {
     title: "Checkout in progress",
-    body: "Your basket is locked while checkout completes. Finish or cancel checkout to make changes.",
+    // Points at the CTA, which returns to the open checkout. The previous wording told
+    // the fan to "finish or cancel checkout" while both of those controls were on DAZN's
+    // page and nothing on this screen could reach it.
+    body: "Your basket is locked while checkout completes. Return to checkout to finish or cancel it.",
     // Not retriable: repeating the same edit fails identically until the lock clears,
     // and a "try again" affordance here would teach the fan to hammer a button that
     // cannot work. The lock lifts on its own or on DAZN's signal, not on a retry.
@@ -7000,6 +7003,16 @@ function CartViewContent({
   useEffect(() => {
     void load();
   }, [load]);
+  useEffect(() => {
+    if (typeof window === "undefined") return;
+    const onPageShow = (event) => {
+      if (!event.persisted) return;
+      setHandingOff(false);
+      void load();
+    };
+    window.addEventListener("pageshow", onPageShow);
+    return () => window.removeEventListener("pageshow", onPageShow);
+  }, [load]);
   async function mutate(sku, action2, optimistic) {
     if (!cart2) return false;
     const snapshot = cart2;
@@ -7103,7 +7116,7 @@ function CartViewContent({
   const locked = cart2.locked !== void 0;
   const itemCount = cart2.items.reduce((n, i) => n + i.qty, 0);
   return /* @__PURE__ */ jsxs("div", { className: styles$i.screen, children: [
-    locked && /* @__PURE__ */ jsx("p", { role: "status", className: styles$i.lockNotice, children: "Checkout is in progress, so your basket is locked. Finish or cancel checkout to make changes." }),
+    locked && /* @__PURE__ */ jsx("p", { role: "status", className: styles$i.lockNotice, children: "Checkout is in progress, so your basket is locked. Return to checkout to finish or cancel it." }),
     /* @__PURE__ */ jsxs("div", { className: styles$i.body, children: [
       /* @__PURE__ */ jsxs("section", { className: styles$i.items, children: [
         /* @__PURE__ */ jsxs("div", { className: styles$i.sectionHeader, children: [
@@ -7124,7 +7137,15 @@ function CartViewContent({
       /* @__PURE__ */ jsx(ShippingInfo, {}),
       /* @__PURE__ */ jsx(OrderSummary, { pricing: cart2.totals, deferred: ["shipping", "tax"] })
     ] }),
-    /* @__PURE__ */ jsx(StickyCtaBar, { variant: "divider", children: /* @__PURE__ */ jsx(Button, { variant: "primary", onClick: () => void handOff(cart2), disabled: locked || handingOff, children: locked ? "Checkout in progress" : checkoutLabel }) })
+    /* @__PURE__ */ jsx(StickyCtaBar, { variant: "divider", children: /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "primary",
+        onClick: () => void handOff(cart2),
+        disabled: handingOff,
+        children: locked ? "Return to checkout" : checkoutLabel
+      }
+    ) })
   ] });
 }
 const CartSheetContext = createContext(null);

package/dist/standalone/storefront.mjs

@@ -5564,7 +5564,10 @@ const TREATMENTS = {
   },
   cart_locked: {
     title: "Checkout in progress",
-    body: "Your basket is locked while checkout completes. Finish or cancel checkout to make changes.",
+    // Points at the CTA, which returns to the open checkout. The previous wording told
+    // the fan to "finish or cancel checkout" while both of those controls were on DAZN's
+    // page and nothing on this screen could reach it.
+    body: "Your basket is locked while checkout completes. Return to checkout to finish or cancel it.",
     // Not retriable: repeating the same edit fails identically until the lock clears,
     // and a "try again" affordance here would teach the fan to hammer a button that
     // cannot work. The lock lifts on its own or on DAZN's signal, not on a retry.
@@ -7000,6 +7003,16 @@ function CartViewContent({
   useEffect(() => {
     void load();
   }, [load]);
+  useEffect(() => {
+    if (typeof window === "undefined") return;
+    const onPageShow = (event) => {
+      if (!event.persisted) return;
+      setHandingOff(false);
+      void load();
+    };
+    window.addEventListener("pageshow", onPageShow);
+    return () => window.removeEventListener("pageshow", onPageShow);
+  }, [load]);
   async function mutate(sku, action2, optimistic) {
     if (!cart2) return false;
     const snapshot = cart2;
@@ -7103,7 +7116,7 @@ function CartViewContent({
   const locked = cart2.locked !== void 0;
   const itemCount = cart2.items.reduce((n, i) => n + i.qty, 0);
   return /* @__PURE__ */ jsxs("div", { className: styles$i.screen, children: [
-    locked && /* @__PURE__ */ jsx("p", { role: "status", className: styles$i.lockNotice, children: "Checkout is in progress, so your basket is locked. Finish or cancel checkout to make changes." }),
+    locked && /* @__PURE__ */ jsx("p", { role: "status", className: styles$i.lockNotice, children: "Checkout is in progress, so your basket is locked. Return to checkout to finish or cancel it." }),
     /* @__PURE__ */ jsxs("div", { className: styles$i.body, children: [
       /* @__PURE__ */ jsxs("section", { className: styles$i.items, children: [
         /* @__PURE__ */ jsxs("div", { className: styles$i.sectionHeader, children: [
@@ -7124,7 +7137,15 @@ function CartViewContent({
       /* @__PURE__ */ jsx(ShippingInfo, {}),
       /* @__PURE__ */ jsx(OrderSummary, { pricing: cart2.totals, deferred: ["shipping", "tax"] })
     ] }),
-    /* @__PURE__ */ jsx(StickyCtaBar, { variant: "divider", children: /* @__PURE__ */ jsx(Button, { variant: "primary", onClick: () => void handOff(cart2), disabled: locked || handingOff, children: locked ? "Checkout in progress" : checkoutLabel }) })
+    /* @__PURE__ */ jsx(StickyCtaBar, { variant: "divider", children: /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "primary",
+        onClick: () => void handOff(cart2),
+        disabled: handingOff,
+        children: locked ? "Return to checkout" : checkoutLabel
+      }
+    ) })
   ] });
 }
 const CartSheetContext = createContext(null);

package/package.json

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