@nok-integration/storefront-react 0.22.3 → 0.23.0

package/dist/index.d.ts

@@ -5897,9 +5897,6 @@ export declare type ShopEvent = {
 | {
     type: 'support_requested';
     orderRef: string;
-} | {
-    type: 'help_requested';
-    inviteRef: string;
 }
 /**
 * The fan confirmed a cancellation and the engine accepted it.
@@ -6982,14 +6979,13 @@ declare const VipInviteView: z.ZodDiscriminatedUnion<"state", [z.ZodObject<{
 
 declare type VipInviteView = z.infer<typeof VipInviteView>;
 
-export declare function VipLandingView({ token, onUnavailable, onHelp }: VipLandingViewProps): JSX.Element;
+export declare function VipLandingView({ token, onUnavailable }: VipLandingViewProps): JSX.Element;
 
 export declare interface VipLandingViewProps {
     /** The token from the invite link: the last path segment of the URL the recipient opened. */
     token: string;
     /** Replaces the built-in screen for an invite that cannot be claimed. */
     onUnavailable?: (state: VipInviteUnavailableState) => ReactNode;
-    onHelp?: () => void;
 }
 
 /** "Why shop with us" reassurance tiles. */

package/dist/index.mjs

@@ -6402,7 +6402,6 @@ const ES = {
   "Measurement unit": "Unidad de medida",
   "Need help?": "¿Necesita ayuda?",
   "Need help with your order?": "¿Necesita ayuda con su pedido?",
-  Homepage: "Inicio",
   Breadcrumb: "Ruta de navegación",
   "Show image {0} of {1}": "Ver imagen {0} de {1}",
   "Nothing left to return": "No queda nada por devolver",
@@ -8453,7 +8452,7 @@ function VipBreadcrumb({ title: title2, trail: trail2 = [], onHome }) {
           type: "button",
           className: styles$C.home,
           onClick: onHome,
-          children: t("Homepage")
+          children: t("DAZN Shop")
         })
       }), trail2.map((crumb, i) => jsxs(Fragment$1, {
         children: [jsx("li", {
@@ -8934,7 +8933,7 @@ function OrderTrackingContent({ orderRef, locale: localeProp, onStartReturn, onO
           className: styles$A.cancelledMeta,
           children: t("Order #{0} · Placed {1}", shortRef$1(order.order_ref), placedOn(order.placed_at, locale))
         })]
-      }), !order.vip && jsx(Button, {
+      }), jsx(Button, {
         variant: "primary",
         fullWidth: true,
         loading: reordering,
@@ -10132,6 +10131,16 @@ function BottomSheet({ open, onClose, title: title2, children, footer: footer2 }
     })]
   });
 }
+function messageToNative(message2) {
+  if (typeof window === "undefined") return;
+  const host = window;
+  if (!host.dazn?.native?.isNative) return;
+  try {
+    host.daznNativeBridge?.messageToNative?.(message2);
+  } catch {
+    return;
+  }
+}
 const LOW_STOCK_THRESHOLD = 5;
 function isLowStock(available) {
   return available !== void 0 && available > 0 && available <= LOW_STOCK_THRESHOLD;
@@ -10635,6 +10644,7 @@ function CartViewContent({ onContinueShopping, checkoutLabel } = {}) {
     });
   }
   async function handOff(current2) {
+    messageToNative("showLoader");
     setHandingOff(true);
     try {
       const { checkout_url } = await api.cart.handoff();
@@ -12467,7 +12477,7 @@ function VipHero({ hero: hero2, onContinue }) {
     })
   });
 }
-function VipLandingView({ token, onUnavailable, onHelp }) {
+function VipLandingView({ token, onUnavailable }) {
   const t = useT();
   const { api, emit } = useShop();
   const [load, setLoad] = useState({
@@ -12530,13 +12540,10 @@ function VipLandingView({ token, onUnavailable, onHelp }) {
   }
   return jsx(ActiveLanding, {
     token,
-    invite,
-    ...onHelp ? {
-      onHelp
-    } : {}
+    invite
   });
 }
-function ActiveLanding({ token, invite, onHelp }) {
+function ActiveLanding({ token, invite }) {
   const t = useT();
   const toast2 = useToast();
   const { api, emit } = useShop();
@@ -12601,16 +12608,7 @@ function ActiveLanding({ token, invite, onHelp }) {
           title: loaded.product.title,
           onHome: product.close
         })
-      } : {},
-      help: jsx(VipHelpLink, {
-        onHelp: () => {
-          emit({
-            type: "help_requested",
-            inviteRef: invite.invite_ref
-          });
-          onHelp?.();
-        }
-      })
+      } : {}
     }, loaded.product.sku);
   }
   if (loaded.loading) return jsx(ScreenSkeleton, {
@@ -13487,7 +13485,6 @@ function toGa4Event(event) {
     case "ready":
     case "navigate":
     case "support_requested":
-    case "help_requested":
     case "order_cancellation_requested":
     case "reorder_requested":
     case "session_required":

package/dist/standalone/storefront.mjs

@@ -6402,7 +6402,6 @@ const ES = {
   "Measurement unit": "Unidad de medida",
   "Need help?": "¿Necesita ayuda?",
   "Need help with your order?": "¿Necesita ayuda con su pedido?",
-  Homepage: "Inicio",
   Breadcrumb: "Ruta de navegación",
   "Show image {0} of {1}": "Ver imagen {0} de {1}",
   "Nothing left to return": "No queda nada por devolver",
@@ -8453,7 +8452,7 @@ function VipBreadcrumb({ title: title2, trail: trail2 = [], onHome }) {
           type: "button",
           className: styles$C.home,
           onClick: onHome,
-          children: t("Homepage")
+          children: t("DAZN Shop")
         })
       }), trail2.map((crumb, i) => jsxs(Fragment$1, {
         children: [jsx("li", {
@@ -8934,7 +8933,7 @@ function OrderTrackingContent({ orderRef, locale: localeProp, onStartReturn, onO
           className: styles$A.cancelledMeta,
           children: t("Order #{0} · Placed {1}", shortRef$1(order.order_ref), placedOn(order.placed_at, locale))
         })]
-      }), !order.vip && jsx(Button, {
+      }), jsx(Button, {
         variant: "primary",
         fullWidth: true,
         loading: reordering,
@@ -10132,6 +10131,16 @@ function BottomSheet({ open, onClose, title: title2, children, footer: footer2 }
     })]
   });
 }
+function messageToNative(message2) {
+  if (typeof window === "undefined") return;
+  const host = window;
+  if (!host.dazn?.native?.isNative) return;
+  try {
+    host.daznNativeBridge?.messageToNative?.(message2);
+  } catch {
+    return;
+  }
+}
 const LOW_STOCK_THRESHOLD = 5;
 function isLowStock(available) {
   return available !== void 0 && available > 0 && available <= LOW_STOCK_THRESHOLD;
@@ -10635,6 +10644,7 @@ function CartViewContent({ onContinueShopping, checkoutLabel } = {}) {
     });
   }
   async function handOff(current2) {
+    messageToNative("showLoader");
     setHandingOff(true);
     try {
       const { checkout_url } = await api.cart.handoff();
@@ -12467,7 +12477,7 @@ function VipHero({ hero: hero2, onContinue }) {
     })
   });
 }
-function VipLandingView({ token, onUnavailable, onHelp }) {
+function VipLandingView({ token, onUnavailable }) {
   const t = useT();
   const { api, emit } = useShop();
   const [load, setLoad] = useState({
@@ -12530,13 +12540,10 @@ function VipLandingView({ token, onUnavailable, onHelp }) {
   }
   return jsx(ActiveLanding, {
     token,
-    invite,
-    ...onHelp ? {
-      onHelp
-    } : {}
+    invite
   });
 }
-function ActiveLanding({ token, invite, onHelp }) {
+function ActiveLanding({ token, invite }) {
   const t = useT();
   const toast2 = useToast();
   const { api, emit } = useShop();
@@ -12601,16 +12608,7 @@ function ActiveLanding({ token, invite, onHelp }) {
           title: loaded.product.title,
           onHome: product.close
         })
-      } : {},
-      help: jsx(VipHelpLink, {
-        onHelp: () => {
-          emit({
-            type: "help_requested",
-            inviteRef: invite.invite_ref
-          });
-          onHelp?.();
-        }
-      })
+      } : {}
     }, loaded.product.sku);
   }
   if (loaded.loading) return jsx(ScreenSkeleton, {
@@ -13487,7 +13485,6 @@ function toGa4Event(event) {
     case "ready":
     case "navigate":
     case "support_requested":
-    case "help_requested":
     case "order_cancellation_requested":
     case "reorder_requested":
     case "session_required":

package/package.json

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