@nok-integration/storefront-react 0.29.5 → 0.29.7

package/dist/index.d.ts

@@ -6054,6 +6054,7 @@ declare interface ShopContextValue {
     subscribe: (listener: OnEvent) => () => void;
     navigate: (to: ShopRoute) => void;
     prefetch: ((to: ShopRoute) => void) | null;
+    hasSession: () => Promise<boolean>;
 }
 
 export declare type ShopEvent = {

package/dist/index.mjs

@@ -5749,6 +5749,14 @@ function DaznShopProvider({ children, ...config }) {
   const getTokenRef = useRef(getToken);
   getTokenRef.current = getToken;
   const stableGetToken = useCallback(() => getTokenRef.current(), []);
+  const hasSession = useCallback(async () => {
+    if (sessionTransport === "cookie") return true;
+    try {
+      return Boolean(await getTokenRef.current());
+    } catch {
+      return false;
+    }
+  }, [sessionTransport]);
   const productsRef = useRef(null);
   productsRef.current ??= new ProductCache();
   const products2 = productsRef.current;
@@ -5837,8 +5845,9 @@ function DaznShopProvider({ children, ...config }) {
     emit,
     subscribe,
     navigate,
-    prefetch: hostPrefetch ?? null
-  }), [api, market, products2, theme, resolvedFeatures, notifications, locale, assetBaseUrl, emit, subscribe, navigate, hostPrefetch]);
+    prefetch: hostPrefetch ?? null,
+    hasSession
+  }), [api, market, products2, theme, resolvedFeatures, notifications, locale, assetBaseUrl, emit, subscribe, navigate, hostPrefetch, hasSession]);
   return jsx(ShopContext.Provider, {
     value: value2,
     children: jsx(CartCacheContext.Provider, {
@@ -9748,6 +9757,7 @@ function OrderListContent({ onOpenOrder, onOpenReturn, onStartShopping, locale:
   if (state === "loading") {
     return jsxs("div", {
       className: styles$A.page,
+      "data-shop-layout": "wide",
       children: [jsx(Skeleton, {
         height: 148,
         radius: 12
@@ -14999,7 +15009,7 @@ function heroFromProduct(product, ctaLabel) {
 function ActiveLanding({ token, invite, screen: screen2 }) {
   const t = useT();
   const toast2 = useToast();
-  const { api, emit } = useShop();
+  const { api, emit, hasSession } = useShop();
   const navigate = useNavigate();
   const sku = invite.items[0]?.product_sku ?? "";
   const loaded = useProduct(sku, {
@@ -15012,7 +15022,21 @@ function ActiveLanding({ token, invite, screen: screen2 }) {
     else window.location.assign(to);
   }, [navigate]);
   const fallback = useMemo(() => loaded.product ? heroFromProduct(loaded.product, t("See more")) : null, [loaded.product, t]);
+  const shop2 = useCallback(async () => {
+    if (await hasSession()) go(productPath);
+    else emit({
+      type: "session_required",
+      action: "vip_claim"
+    });
+  }, [emit, go, hasSession, productPath]);
   const claim = useCallback(async (variantSku) => {
+    if (!await hasSession()) {
+      emit({
+        type: "session_required",
+        action: "vip_claim"
+      });
+      return;
+    }
     try {
       const current2 = await api.cart.get().catch(() => null);
       if (current2?.vip?.invite_ref === invite.invite_ref) {
@@ -15053,12 +15077,12 @@ function ActiveLanding({ token, invite, screen: screen2 }) {
       });
       toast2.show(t(treatmentFor(code).body), "critical");
     }
-  }, [api, emit, invite.invite_ref, t, toast2, token]);
+  }, [api, emit, hasSession, invite.invite_ref, t, toast2, token]);
   if (screen2 === "hero") {
     const hero2 = invite.hero ?? fallback;
     if (hero2) return jsx(VipHero, {
       hero: hero2,
-      onContinue: () => go(productPath)
+      onContinue: () => void shop2()
     });
   } else if (loaded.product) {
     return jsx(ProductDetail, {

package/dist/standalone/storefront.mjs

@@ -5749,6 +5749,14 @@ function DaznShopProvider({ children, ...config }) {
   const getTokenRef = useRef(getToken);
   getTokenRef.current = getToken;
   const stableGetToken = useCallback(() => getTokenRef.current(), []);
+  const hasSession = useCallback(async () => {
+    if (sessionTransport === "cookie") return true;
+    try {
+      return Boolean(await getTokenRef.current());
+    } catch {
+      return false;
+    }
+  }, [sessionTransport]);
   const productsRef = useRef(null);
   productsRef.current ??= new ProductCache();
   const products2 = productsRef.current;
@@ -5837,8 +5845,9 @@ function DaznShopProvider({ children, ...config }) {
     emit,
     subscribe,
     navigate,
-    prefetch: hostPrefetch ?? null
-  }), [api, market, products2, theme, resolvedFeatures, notifications, locale, assetBaseUrl, emit, subscribe, navigate, hostPrefetch]);
+    prefetch: hostPrefetch ?? null,
+    hasSession
+  }), [api, market, products2, theme, resolvedFeatures, notifications, locale, assetBaseUrl, emit, subscribe, navigate, hostPrefetch, hasSession]);
   return jsx(ShopContext.Provider, {
     value: value2,
     children: jsx(CartCacheContext.Provider, {
@@ -9748,6 +9757,7 @@ function OrderListContent({ onOpenOrder, onOpenReturn, onStartShopping, locale:
   if (state === "loading") {
     return jsxs("div", {
       className: styles$A.page,
+      "data-shop-layout": "wide",
       children: [jsx(Skeleton, {
         height: 148,
         radius: 12
@@ -14999,7 +15009,7 @@ function heroFromProduct(product, ctaLabel) {
 function ActiveLanding({ token, invite, screen: screen2 }) {
   const t = useT();
   const toast2 = useToast();
-  const { api, emit } = useShop();
+  const { api, emit, hasSession } = useShop();
   const navigate = useNavigate();
   const sku = invite.items[0]?.product_sku ?? "";
   const loaded = useProduct(sku, {
@@ -15012,7 +15022,21 @@ function ActiveLanding({ token, invite, screen: screen2 }) {
     else window.location.assign(to);
   }, [navigate]);
   const fallback = useMemo(() => loaded.product ? heroFromProduct(loaded.product, t("See more")) : null, [loaded.product, t]);
+  const shop2 = useCallback(async () => {
+    if (await hasSession()) go(productPath);
+    else emit({
+      type: "session_required",
+      action: "vip_claim"
+    });
+  }, [emit, go, hasSession, productPath]);
   const claim = useCallback(async (variantSku) => {
+    if (!await hasSession()) {
+      emit({
+        type: "session_required",
+        action: "vip_claim"
+      });
+      return;
+    }
     try {
       const current2 = await api.cart.get().catch(() => null);
       if (current2?.vip?.invite_ref === invite.invite_ref) {
@@ -15053,12 +15077,12 @@ function ActiveLanding({ token, invite, screen: screen2 }) {
       });
       toast2.show(t(treatmentFor(code).body), "critical");
     }
-  }, [api, emit, invite.invite_ref, t, toast2, token]);
+  }, [api, emit, hasSession, invite.invite_ref, t, toast2, token]);
   if (screen2 === "hero") {
     const hero2 = invite.hero ?? fallback;
     if (hero2) return jsx(VipHero, {
       hero: hero2,
-      onContinue: () => go(productPath)
+      onContinue: () => void shop2()
     });
   } else if (loaded.product) {
     return jsx(ProductDetail, {

package/package.json

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