@tapcart/mobile-components 0.16.0 → 0.16.2

package/dist/components/hooks/use-nosto-recommendation.d.ts

@@ -7,6 +7,9 @@ export declare enum NostoRecommendationsType {
     BEST_SELLERS = "BEST_SELLERS",
     VIEWED_CATEGORY = "VIEWED_CATEGORY"
 }
+export declare const NOSTO_CID_COOKIE_NAME = "2c.cId";
+export declare const readCookie: (name: string) => string | null;
+export type NostoPersonalization = "session" | "cookie" | "none";
 export declare function useNostoRecommendations(integrations: Integrations, baseURL: string, slotId?: string, country?: string, recommendationsType?: NostoRecommendationsType | "", productIds?: string[], skip?: boolean, mockFallback?: boolean, mockFallbackAppId?: string, session?: {
     sessionId: string;
     lastSessionEventTimestamp: number;
@@ -15,5 +18,6 @@ export declare function useNostoRecommendations(integrations: Integrations, base
     isLoading: boolean;
     error: any;
     isEmpty: boolean;
+    personalization: NostoPersonalization;
 };
 //# sourceMappingURL=use-nosto-recommendation.d.ts.map

package/dist/components/hooks/use-nosto-recommendation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-nosto-recommendation.d.ts","sourceRoot":"","sources":["../../../components/hooks/use-nosto-recommendation.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAe/C,oBAAY,wBAAwB;IAClC,eAAe,oBAAoB;IACnC,eAAe,oBAAoB;IACnC,qBAAqB,0BAA0B;IAC/C,WAAW,gBAAgB;IAC3B,YAAY,iBAAiB;IAC7B,eAAe,oBAAoB;CACpC;AAwTD,wBAAgB,uBAAuB,CACrC,YAAY,EAAE,YAAY,EAC1B,OAAO,EAAE,MAAM,EACf,MAAM,SAAK,EACX,OAAO,SAAO,EACd,mBAAmB,CAAC,EAAE,wBAAwB,GAAG,EAAE,EACnD,UAAU,CAAC,EAAE,MAAM,EAAE,EACrB,IAAI,CAAC,EAAE,OAAO,EACd,YAAY,CAAC,EAAE,OAAO,EACtB,iBAAiB,CAAC,EAAE,MAAM,EAC1B,OAAO,CAAC,EAAE;IACR,SAAS,EAAE,MAAM,CAAA;IACjB,yBAAyB,EAAE,MAAM,CAAA;CAClC;;;;;EAwDF"}
+{"version":3,"file":"use-nosto-recommendation.d.ts","sourceRoot":"","sources":["../../../components/hooks/use-nosto-recommendation.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAc/C,oBAAY,wBAAwB;IAClC,eAAe,oBAAoB;IACnC,eAAe,oBAAoB;IACnC,qBAAqB,0BAA0B;IAC/C,WAAW,gBAAgB;IAC3B,YAAY,iBAAiB;IAC7B,eAAe,oBAAoB;CACpC;AA6CD,eAAO,MAAM,qBAAqB,WAAW,CAAA;AAM7C,eAAO,MAAM,UAAU,SAAU,MAAM,KAAG,MAAM,GAAG,IAgBlD,CAAA;AAiBD,MAAM,MAAM,oBAAoB,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAA;AAsVhE,wBAAgB,uBAAuB,CACrC,YAAY,EAAE,YAAY,EAC1B,OAAO,EAAE,MAAM,EACf,MAAM,SAAK,EACX,OAAO,SAAO,EACd,mBAAmB,CAAC,EAAE,wBAAwB,GAAG,EAAE,EACnD,UAAU,CAAC,EAAE,MAAM,EAAE,EACrB,IAAI,CAAC,EAAE,OAAO,EACd,YAAY,CAAC,EAAE,OAAO,EACtB,iBAAiB,CAAC,EAAE,MAAM,EAC1B,OAAO,CAAC,EAAE;IACR,SAAS,EAAE,MAAM,CAAA;IACjB,yBAAyB,EAAE,MAAM,CAAA;CAClC;;;;;;EAyDF"}

package/dist/components/hooks/use-nosto-recommendation.js

@@ -10,7 +10,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 import { useState, useEffect, useMemo } from "react";
 import { useProducts } from "./use-products";
-import { bestSellersRecommendationsQuery, categoryPageRecommendationsQuery, getFrontPageRecommendationsQuery, getProductPageRecommendationsQuery, getRelatedProductsRecommendationsQuery, newSessionQuery, } from "./use-nosto-recommendation.queries";
+import { bestSellersRecommendationsQuery, categoryPageRecommendationsQuery, getFrontPageRecommendationsQuery, getProductPageRecommendationsQuery, getRelatedProductsRecommendationsQuery, } from "./use-nosto-recommendation.queries";
 export var NostoRecommendationsType;
 (function (NostoRecommendationsType) {
     NostoRecommendationsType["BOUGHT_TOGETHER"] = "BOUGHT_TOGETHER";
@@ -40,35 +40,75 @@ const fetchNosto = (nostoKey, graphqlBody, mode) => __awaiter(void 0, void 0, vo
 const getProductIdsFromPageResponse = (pageResponse) => {
     return ((pageResponse === null || pageResponse === void 0 ? void 0 : pageResponse.flatMap((page) => page.primary).filter((item) => item && item.productId).map((item) => item.productId)) || []);
 };
-const resolveSessionId = (nostoKey, optionalSessionId) => __awaiter(void 0, void 0, void 0, function* () {
+// The Nosto ev1 customer id cookie, minted by the WebView Nosto JS SDK.
+// Exported as the single source of truth so app-side consumers read the exact
+// same cookie with the exact same parsing semantics (TICKET-5763).
+export const NOSTO_CID_COOKIE_NAME = "2c.cId";
+// SSR-safe cookie reader. Returns null when `document` is unavailable, the
+// cookie is absent, or its value is malformed (decodeURIComponent throws) —
+// never the raw value, so a corrupt cookie routes into the designed no-cID
+// fallbacks instead of minting a bogus server-side identity.
+export const readCookie = (name) => {
+    if (typeof document === "undefined") {
+        return null;
+    }
+    const escapedName = name.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+    const match = document.cookie.match(new RegExp(`(?:^|; )${escapedName}=([^;]*)`));
+    if (!match) {
+        return null;
+    }
+    try {
+        return decodeURIComponent(match[1]);
+    }
+    catch (_a) {
+        return null;
+    }
+};
+// Reads the Nosto ev1 customer id (2c.cId) minted by the WebView Nosto JS SDK.
+const readCidCookie = () => readCookie(NOSTO_CID_COOKIE_NAME);
+// Single source of truth for the Nosto session/customer id: the passed-in
+// session (from native storage), else the ev1 `2c.cId` cookie, else null.
+// Never mints a new session — that would split customer identity (TICKET-5763).
+const resolveSessionId = (optionalSessionId) => {
+    return optionalSessionId || readCidCookie() || null;
+};
+const resolvePersonalization = (optionalSessionId) => {
     if (optionalSessionId) {
-        return optionalSessionId;
+        return "session";
     }
-    else {
-        const sessionData = yield fetchNosto(nostoKey, newSessionQuery);
-        return sessionData.data.newSession;
+    if (readCidCookie()) {
+        return "cookie";
     }
-});
+    return "none";
+};
 const fetchFrontPageRecommendations = (nostoKey, slotId, optionalSessionId) => __awaiter(void 0, void 0, void 0, function* () {
     var _a, _b, _c;
-    // Fetch sessionId
-    const sessionId = yield resolveSessionId(nostoKey, optionalSessionId);
+    const sessionId = resolveSessionId(optionalSessionId);
+    // No cID available yet: skip the session-based query so the caller's
+    // non-personalized fallback (bestSellers) engages.
+    if (!sessionId) {
+        return [];
+    }
     // Main recommendation query
     const body = getFrontPageRecommendationsQuery(sessionId, slotId);
     const response = yield fetchNosto(nostoKey, body, "cors");
     return getProductIdsFromPageResponse((_c = (_b = (_a = response.data) === null || _a === void 0 ? void 0 : _a.updateSession) === null || _b === void 0 ? void 0 : _b.pages) === null || _c === void 0 ? void 0 : _c.forFrontPage);
 });
-const fetchProductPageRecommendations = (nostoKey, productId, slotId, optionalSessionId) => __awaiter(void 0, void 0, void 0, function* () {
+const fetchProductPageRecommendations = (nostoKey, productId, slotId, resolvedSessionId) => __awaiter(void 0, void 0, void 0, function* () {
     var _d, _e, _f;
-    const sessionId = yield resolveSessionId(nostoKey, optionalSessionId);
-    const body = getProductPageRecommendationsQuery(sessionId, productId, slotId);
+    if (!resolvedSessionId) {
+        return [];
+    }
+    const body = getProductPageRecommendationsQuery(resolvedSessionId, productId, slotId);
     const response = yield fetchNosto(nostoKey, body, "cors");
     return getProductIdsFromPageResponse((_f = (_e = (_d = response.data) === null || _d === void 0 ? void 0 : _d.updateSession) === null || _e === void 0 ? void 0 : _e.pages) === null || _f === void 0 ? void 0 : _f.forProductPage);
 });
-const fetchCategoryPageRecommendations = (nostoKey, sourceCollectionTitle, optionalSessionId) => __awaiter(void 0, void 0, void 0, function* () {
+const fetchCategoryPageRecommendations = (nostoKey, sourceCollectionTitle, resolvedSessionId) => __awaiter(void 0, void 0, void 0, function* () {
     var _g, _h, _j;
-    const sessionId = yield resolveSessionId(nostoKey, optionalSessionId);
-    const body = categoryPageRecommendationsQuery(sessionId, sourceCollectionTitle);
+    if (!resolvedSessionId) {
+        return [];
+    }
+    const body = categoryPageRecommendationsQuery(resolvedSessionId, sourceCollectionTitle);
     const response = yield fetchNosto(nostoKey, body, "cors");
     return getProductIdsFromPageResponse((_j = (_h = (_g = response.data) === null || _g === void 0 ? void 0 : _g.updateSession) === null || _h === void 0 ? void 0 : _h.pages) === null || _j === void 0 ? void 0 : _j.forCategoryPage);
 });
@@ -86,10 +126,15 @@ const fetchRelatedProductsRecommendations = (nostoKey, recommendationsType, prod
     const recommendedProductIds = ((_s = (_r = (_q = (_p = response === null || response === void 0 ? void 0 : response.data) === null || _p === void 0 ? void 0 : _p.recos) === null || _q === void 0 ? void 0 : _q.related) === null || _r === void 0 ? void 0 : _r.primary) === null || _s === void 0 ? void 0 : _s.map((item) => item.productId)) || [];
     return recommendedProductIds;
 });
-const fetchPDPFallbackRecommendations = (nostoKey, productId, recommendationsType = NostoRecommendationsType.BOUGHT_TOGETHER, sessionId) => __awaiter(void 0, void 0, void 0, function* () {
+const fetchPDPFallbackRecommendations = (nostoKey, productId, recommendationsType = NostoRecommendationsType.BOUGHT_TOGETHER, resolvedSessionId) => __awaiter(void 0, void 0, void 0, function* () {
     switch (recommendationsType) {
         case NostoRecommendationsType.VIEWED_CATEGORY:
-            return fetchCategoryPageRecommendations(nostoKey, productId, sessionId);
+            // Category recos require a session; without a cID serve bestSellers
+            // rather than returning nothing.
+            if (!resolvedSessionId) {
+                return fetchBestSellersRecommendations(nostoKey);
+            }
+            return fetchCategoryPageRecommendations(nostoKey, productId, resolvedSessionId);
         case NostoRecommendationsType.BEST_SELLERS:
             return fetchBestSellersRecommendations(nostoKey);
         default:
@@ -115,20 +160,24 @@ const fetchHomeRecommendations = (nostoKey, slotId, sessionId) => __awaiter(void
     return productIdRecommendations;
 });
 const fetchPDPRecommendations = (nostoKey, productId, slotId, recommendationsType = NostoRecommendationsType.BOUGHT_TOGETHER, sessionId) => __awaiter(void 0, void 0, void 0, function* () {
+    // Resolve the session/cID once for the whole PDP fetch and thread it through
+    // both helpers, so a single cookie parse serves the product-page query and
+    // its category/bestSellers fallback.
+    const resolvedSessionId = resolveSessionId(sessionId);
     let productIdRecommendations = [];
     if (slotId) {
         try {
-            productIdRecommendations = yield fetchProductPageRecommendations(nostoKey, productId, slotId, sessionId);
+            productIdRecommendations = yield fetchProductPageRecommendations(nostoKey, productId, slotId, resolvedSessionId);
             if (productIdRecommendations.length === 0) {
-                productIdRecommendations = yield fetchPDPFallbackRecommendations(nostoKey, productId, recommendationsType, sessionId);
+                productIdRecommendations = yield fetchPDPFallbackRecommendations(nostoKey, productId, recommendationsType, resolvedSessionId);
             }
         }
         catch (error) {
-            productIdRecommendations = yield fetchPDPFallbackRecommendations(nostoKey, productId, recommendationsType, sessionId);
+            productIdRecommendations = yield fetchPDPFallbackRecommendations(nostoKey, productId, recommendationsType, resolvedSessionId);
         }
     }
     else {
-        productIdRecommendations = yield fetchPDPFallbackRecommendations(nostoKey, productId, recommendationsType, sessionId);
+        productIdRecommendations = yield fetchPDPFallbackRecommendations(nostoKey, productId, recommendationsType, resolvedSessionId);
     }
     return productIdRecommendations;
 });
@@ -148,7 +197,38 @@ function useNostoRecommendationsProductIds(nostoKey, slotId = "", recommendation
     const [recommendedProductIds, setRecommendedProductIds] = useState([]);
     const [isLoading, setIsLoading] = useState(true);
     const [error, setError] = useState(null);
+    const [personalization, setPersonalization] = useState("none");
+    // When there's no native session, identity comes from the ev1 `2c.cId`
+    // cookie — but the WebView Nosto SDK mints it asynchronously (the SSR
+    // initializer explicitly polls for it). Track it in state and bounded-poll
+    // for a late cookie so a carousel mounted before the cookie exists upgrades
+    // from the bestSellers fallback to personalized results once it appears,
+    // instead of settling on `personalization: "none"` for the mount's lifetime.
+    // This value is purely a re-render trigger: personalization and the fetch
+    // helpers each re-read the cookie themselves, preserving source labeling.
+    const [cookieCid, setCookieCid] = useState(() => readCidCookie());
+    useEffect(() => {
+        // A native session is authoritative and a cookie already present needs no
+        // watching; only poll while we have no identity yet.
+        if (sessionId || cookieCid)
+            return;
+        // Mirror the SSR initializer's window: 250ms cadence, 60s hard stop.
+        let elapsed = 0;
+        const interval = setInterval(() => {
+            elapsed += 250;
+            const cId = readCidCookie();
+            if (cId) {
+                setCookieCid(cId);
+                clearInterval(interval);
+            }
+            else if (elapsed >= 60000) {
+                clearInterval(interval);
+            }
+        }, 250);
+        return () => clearInterval(interval);
+    }, [sessionId, cookieCid]);
     useEffect(() => {
+        setPersonalization(resolvePersonalization(sessionId));
         function fetchNostoData() {
             return __awaiter(this, void 0, void 0, function* () {
                 try {
@@ -170,11 +250,23 @@ function useNostoRecommendationsProductIds(nostoKey, slotId = "", recommendation
             });
         }
         fetchNostoData();
-    }, [nostoKey, slotId, recommendationsType, productIds, skip, sessionId]);
+        // `cookieCid` is a late-cookie refetch trigger; `sessionId` still drives
+        // personalization + resolution so the identity source stays correctly
+        // labeled (a cookie-sourced id must not read as "session").
+    }, [
+        nostoKey,
+        slotId,
+        recommendationsType,
+        productIds,
+        skip,
+        sessionId,
+        cookieCid,
+    ]);
     return {
         recommendedProductIds,
         isLoading,
         error,
+        personalization,
     };
 }
 export function useNostoRecommendations(integrations, baseURL, slotId = "", country = "US", recommendationsType, productIds, skip, mockFallback, mockFallbackAppId, session) {
@@ -189,7 +281,7 @@ export function useNostoRecommendations(integrations, baseURL, slotId = "", coun
             Date.now() - NOSTO_SESSION_EXPIRATION_TIME) {
         sessionId = session.sessionId;
     }
-    const { recommendedProductIds, isLoading, error } = useNostoRecommendationsProductIds(nostoKey, slotId, recommendationsType, productIds, skip, sessionId);
+    const { recommendedProductIds, isLoading, error, personalization } = useNostoRecommendationsProductIds(nostoKey, slotId, recommendationsType, productIds, skip, sessionId);
     const shouldMock = useMemo(() => recommendedProductIds.length === 0 && !isLoading && mockFallback, [recommendedProductIds, isLoading, mockFallback]);
     const appId = shouldMock ? mockFallbackAppId : undefined;
     const { products, error: productsError, isLoading: productsLoading, } = useProducts({
@@ -207,5 +299,6 @@ export function useNostoRecommendations(integrations, baseURL, slotId = "", coun
         isLoading: isLoading || productsLoading,
         error: error || productsError,
         isEmpty: products.length === 0,
+        personalization,
     };
 }

package/dist/components/hooks/use-nosto-recommendation.queries.d.ts

@@ -43,6 +43,5 @@ export declare const getProductPageRecommendationsQuery: (sessionId: string, pro
 export declare const categoryPageRecommendationsQuery: (sessionId: string, sourceCollectionTitle: string) => string;
 export declare const bestSellersRecommendationsQuery: string;
 export declare const getRelatedProductsRecommendationsQuery: (recommendationsType: NostoRecommendationsType, productIds: string[]) => string;
-export declare const newSessionQuery: string;
 export {};
 //# sourceMappingURL=use-nosto-recommendation.queries.d.ts.map

package/dist/components/hooks/use-nosto-recommendation.queries.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-nosto-recommendation.queries.d.ts","sourceRoot":"","sources":["../../../components/hooks/use-nosto-recommendation.queries.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAA;AAErE,KAAK,iBAAiB,CAAC,CAAC,SAAS,MAAM,IAAI;IACzC,IAAI,CAAC,EAAE;QACL,aAAa,CAAC,EAAE;YACd,KAAK,CAAC,EAAE;iBACL,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC;oBACd,OAAO,EAAE,KAAK,CAAC;wBAAE,SAAS,EAAE,MAAM,CAAA;qBAAE,CAAC,CAAA;iBACtC,CAAC;aACH,CAAA;SACF,CAAA;KACF,CAAA;CACF,CAAA;AAED,MAAM,MAAM,sBAAsB,GAAG,iBAAiB,CAAC,cAAc,CAAC,CAAA;AACtE,MAAM,MAAM,wBAAwB,GAAG,iBAAiB,CAAC,gBAAgB,CAAC,CAAA;AAC1E,MAAM,MAAM,yBAAyB,GAAG,iBAAiB,CAAC,iBAAiB,CAAC,CAAA;AAE5E,MAAM,MAAM,wBAAwB,GAAG;IACrC,IAAI,CAAC,EAAE;QACL,KAAK,CAAC,EAAE;YACN,OAAO,CAAC,EAAE;gBACR,OAAO,EAAE,KAAK,CAAC;oBAAE,IAAI,EAAE,MAAM,CAAC;oBAAC,SAAS,EAAE,MAAM,CAAA;iBAAE,CAAC,CAAA;aACpD,CAAA;SACF,CAAA;KACF,CAAA;CACF,CAAA;AACD,MAAM,MAAM,4BAA4B,GAAG;IACzC,IAAI,CAAC,EAAE;QACL,KAAK,CAAC,EAAE;YACN,OAAO,CAAC,EAAE;gBACR,OAAO,EAAE,KAAK,CAAC;oBAAE,SAAS,EAAE,MAAM,CAAA;iBAAE,CAAC,CAAA;aACtC,CAAA;SACF,CAAA;KACF,CAAA;CACF,CAAA;AAED,eAAO,MAAM,gCAAgC,cAChC,MAAM,WACR,MAAM,WAkCb,CAAA;AAEJ,eAAO,MAAM,kCAAkC,cAClC,MAAM,aACN,MAAM,WACR,MAAM,WAsCb,CAAA;AAEJ,eAAO,MAAM,gCAAgC,cAChC,MAAM,yBACM,MAAM,WAsC3B,CAAA;AAEJ,eAAO,MAAM,+BAA+B,QAe1C,CAAA;AAEF,eAAO,MAAM,sCAAsC,wBAC5B,wBAAwB,cACjC,MAAM,EAAE,WAsBlB,CAAA;AAEJ,eAAO,MAAM,eAAe,QAE1B,CAAA"}
+{"version":3,"file":"use-nosto-recommendation.queries.d.ts","sourceRoot":"","sources":["../../../components/hooks/use-nosto-recommendation.queries.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAA;AAErE,KAAK,iBAAiB,CAAC,CAAC,SAAS,MAAM,IAAI;IACzC,IAAI,CAAC,EAAE;QACL,aAAa,CAAC,EAAE;YACd,KAAK,CAAC,EAAE;iBACL,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC;oBACd,OAAO,EAAE,KAAK,CAAC;wBAAE,SAAS,EAAE,MAAM,CAAA;qBAAE,CAAC,CAAA;iBACtC,CAAC;aACH,CAAA;SACF,CAAA;KACF,CAAA;CACF,CAAA;AAED,MAAM,MAAM,sBAAsB,GAAG,iBAAiB,CAAC,cAAc,CAAC,CAAA;AACtE,MAAM,MAAM,wBAAwB,GAAG,iBAAiB,CAAC,gBAAgB,CAAC,CAAA;AAC1E,MAAM,MAAM,yBAAyB,GAAG,iBAAiB,CAAC,iBAAiB,CAAC,CAAA;AAE5E,MAAM,MAAM,wBAAwB,GAAG;IACrC,IAAI,CAAC,EAAE;QACL,KAAK,CAAC,EAAE;YACN,OAAO,CAAC,EAAE;gBACR,OAAO,EAAE,KAAK,CAAC;oBAAE,IAAI,EAAE,MAAM,CAAC;oBAAC,SAAS,EAAE,MAAM,CAAA;iBAAE,CAAC,CAAA;aACpD,CAAA;SACF,CAAA;KACF,CAAA;CACF,CAAA;AACD,MAAM,MAAM,4BAA4B,GAAG;IACzC,IAAI,CAAC,EAAE;QACL,KAAK,CAAC,EAAE;YACN,OAAO,CAAC,EAAE;gBACR,OAAO,EAAE,KAAK,CAAC;oBAAE,SAAS,EAAE,MAAM,CAAA;iBAAE,CAAC,CAAA;aACtC,CAAA;SACF,CAAA;KACF,CAAA;CACF,CAAA;AAED,eAAO,MAAM,gCAAgC,cAChC,MAAM,WACR,MAAM,WAkCb,CAAA;AAEJ,eAAO,MAAM,kCAAkC,cAClC,MAAM,aACN,MAAM,WACR,MAAM,WAsCb,CAAA;AAEJ,eAAO,MAAM,gCAAgC,cAChC,MAAM,yBACM,MAAM,WAsC3B,CAAA;AAEJ,eAAO,MAAM,+BAA+B,QAe1C,CAAA;AAEF,eAAO,MAAM,sCAAsC,wBAC5B,wBAAwB,cACjC,MAAM,EAAE,WAsBlB,CAAA"}

package/dist/components/hooks/use-nosto-recommendation.queries.js

@@ -138,6 +138,3 @@ export const getRelatedProductsRecommendationsQuery = (recommendationsType, prod
         productIds: productIds,
     },
 });
-export const newSessionQuery = JSON.stringify({
-    query: `mutation { newSession }`,
-});