@tapcart/mobile-components 0.12.21 → 0.13.0

package/dist/components/hooks/use-personalized-cluster-feed-core.d.ts

@@ -0,0 +1,74 @@
+export type PersonalizedClusterFeedFrame = {
+    bundleId?: string | number | null;
+    layoutType?: string | null;
+    collectionId?: string | number | null;
+    anchorProductId?: string | number | null;
+    complementProductIds?: Array<string | number>;
+    title?: string | null;
+    hook?: string | null;
+    theme?: string | null;
+    atcScore?: number | null;
+    content?: {
+        contentType?: string | null;
+        contentUrl?: string | null;
+    } | null;
+    [key: string]: unknown;
+};
+export type PersonalizedClusterFeedData = {
+    collectionIds: string[];
+    explanations: Record<string, unknown>;
+    frames: PersonalizedClusterFeedFrame[];
+};
+export type PersonalizedClusterFeedStatus = "idle" | "loading" | "ready" | "empty" | "error";
+export type UsePersonalizedClusterFeedProps = {
+    appId?: string | null;
+    deviceId?: string | null;
+    customerProfilesBaseUrl?: string | null;
+    customerProfilesBaseURL?: string | null;
+    dashboardPreview?: boolean;
+    skip?: boolean;
+};
+export type UsePersonalizedClusterFeedResult = {
+    data: PersonalizedClusterFeedData | null;
+    status: PersonalizedClusterFeedStatus;
+    error: unknown;
+    isLoading: boolean;
+};
+export declare const normalizePersonalizedClusterFeedBaseUrl: (value?: string | null) => string | null;
+export declare const createPersonalizedClusterFeedRequestKey: ({ appId, deviceId, customerProfilesBaseUrl, dashboardPreview, }: {
+    appId: string;
+    deviceId?: string | null | undefined;
+    customerProfilesBaseUrl: string;
+    dashboardPreview?: boolean | undefined;
+}) => string;
+export declare const getPersonalizedClusterFeedSessionCacheKey: (appId: string, deviceId: string) => string;
+export declare const normalizePersonalizedClusterFeed: (data: unknown) => PersonalizedClusterFeedData;
+export declare const isEmptyPersonalizedClusterFeed: (data: PersonalizedClusterFeedData | null) => boolean;
+export declare const readPersonalizedClusterFeedSessionCache: ({ appId, deviceId, freshMs, swrMs, }: {
+    appId: string;
+    deviceId: string;
+    freshMs: number;
+    swrMs: number;
+}) => {
+    data: PersonalizedClusterFeedData;
+    fresh: boolean;
+} | null;
+export declare const writePersonalizedClusterFeedSessionCache: ({ appId, deviceId, data, }: {
+    appId: string;
+    deviceId: string;
+    data: PersonalizedClusterFeedData;
+}) => void;
+export declare function fetchPersonalizedClusterFeed({ appId, deviceId, customerProfilesBaseUrl, dashboardPreview, signal, }: {
+    appId: string;
+    deviceId?: string | null;
+    customerProfilesBaseUrl: string;
+    dashboardPreview?: boolean;
+    signal?: AbortSignal;
+}): Promise<PersonalizedClusterFeedData>;
+export declare const fetchPersonalizedClusterFeedOnce: ({ requests, key, fetcher, retentionMs, }: {
+    requests: Map<string, Promise<PersonalizedClusterFeedData>>;
+    key: string;
+    fetcher: () => Promise<PersonalizedClusterFeedData>;
+    retentionMs?: number | undefined;
+}) => Promise<PersonalizedClusterFeedData>;
+//# sourceMappingURL=use-personalized-cluster-feed-core.d.ts.map

package/dist/components/hooks/use-personalized-cluster-feed-core.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-personalized-cluster-feed-core.d.ts","sourceRoot":"","sources":["../../../components/hooks/use-personalized-cluster-feed-core.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,4BAA4B,GAAG;IACzC,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAA;IACjC,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC1B,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAA;IACrC,eAAe,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAA;IACxC,oBAAoB,CAAC,EAAE,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,CAAA;IAC7C,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,OAAO,CAAC,EAAE;QACR,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;QAC3B,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;KAC3B,GAAG,IAAI,CAAA;IACR,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;CACvB,CAAA;AAED,MAAM,MAAM,2BAA2B,GAAG;IACxC,aAAa,EAAE,MAAM,EAAE,CAAA;IACvB,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IACrC,MAAM,EAAE,4BAA4B,EAAE,CAAA;CACvC,CAAA;AAED,MAAM,MAAM,6BAA6B,GACrC,MAAM,GACN,SAAS,GACT,OAAO,GACP,OAAO,GACP,OAAO,CAAA;AAEX,MAAM,MAAM,+BAA+B,GAAG;IAC5C,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,uBAAuB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACvC,uBAAuB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACvC,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,IAAI,CAAC,EAAE,OAAO,CAAA;CACf,CAAA;AAED,MAAM,MAAM,gCAAgC,GAAG;IAC7C,IAAI,EAAE,2BAA2B,GAAG,IAAI,CAAA;IACxC,MAAM,EAAE,6BAA6B,CAAA;IACrC,KAAK,EAAE,OAAO,CAAA;IACd,SAAS,EAAE,OAAO,CAAA;CACnB,CAAA;AAmCD,eAAO,MAAM,uCAAuC,WAC1C,MAAM,GAAG,IAAI,KACpB,MAAM,GAAG,IAGX,CAAA;AAED,eAAO,MAAM,uCAAuC;WAM3C,MAAM;;6BAEY,MAAM;;MAE7B,MASH,CAAA;AAED,eAAO,MAAM,yCAAyC,UAC7C,MAAM,YACH,MAAM,KACf,MAA+C,CAAA;AAElD,eAAO,MAAM,gCAAgC,SACrC,OAAO,KACZ,2BAaF,CAAA;AAED,eAAO,MAAM,8BAA8B,SACnC,2BAA2B,GAAG,IAAI,KACvC,OACmE,CAAA;AAEtE,eAAO,MAAM,uCAAuC;WAM3C,MAAM;cACH,MAAM;aACP,MAAM;WACR,MAAM;MACX;IAAE,IAAI,EAAE,2BAA2B,CAAC;IAAC,KAAK,EAAE,OAAO,CAAA;CAAE,GAAG,IAgB3D,CAAA;AAED,eAAO,MAAM,wCAAwC;WAK5C,MAAM;cACH,MAAM;UACV,2BAA2B;MAC/B,IAOH,CAAA;AAuCD,wBAAsB,4BAA4B,CAAC,EACjD,KAAK,EACL,QAAQ,EACR,uBAAuB,EACvB,gBAAgB,EAChB,MAAM,GACP,EAAE;IACD,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,uBAAuB,EAAE,MAAM,CAAA;IAC/B,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,MAAM,CAAC,EAAE,WAAW,CAAA;CACrB,GAAG,OAAO,CAAC,2BAA2B,CAAC,CAiCvC;AAED,eAAO,MAAM,gCAAgC;cAMjC,IAAI,MAAM,EAAE,QAAQ,2BAA2B,CAAC,CAAC;SACtD,MAAM;aACF,MAAM,QAAQ,2BAA2B,CAAC;;MAEjD,QAAQ,2BAA2B,CAuBtC,CAAA"}

package/dist/components/hooks/use-personalized-cluster-feed-core.js

@@ -0,0 +1,163 @@
+"use client";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+const isRecord = (value) => Boolean(value) && typeof value === "object" && !Array.isArray(value);
+const normalizeStringIds = (ids) => Array.isArray(ids)
+    ? ids.filter((id) => id != null).map((id) => String(id))
+    : [];
+const normalizeFrame = (frame) => {
+    if (!isRecord(frame))
+        return null;
+    return Object.assign(Object.assign(Object.assign({}, frame), (frame.layoutType != null
+        ? { layoutType: String(frame.layoutType) }
+        : {})), (Array.isArray(frame.complementProductIds)
+        ? {
+            complementProductIds: frame.complementProductIds
+                .filter((id) => id != null)
+                .map((id) => String(id)),
+        }
+        : {}));
+};
+export const normalizePersonalizedClusterFeedBaseUrl = (value) => {
+    if (!value)
+        return null;
+    return String(value).replace(/\/+$/, "");
+};
+export const createPersonalizedClusterFeedRequestKey = ({ appId, deviceId, customerProfilesBaseUrl, dashboardPreview, }) => {
+    const mode = dashboardPreview ? "preview" : "cluster-feed";
+    return [
+        "personalized-cluster-feed",
+        mode,
+        normalizePersonalizedClusterFeedBaseUrl(customerProfilesBaseUrl),
+        appId,
+        dashboardPreview ? "preview" : deviceId,
+    ].join(":");
+};
+export const getPersonalizedClusterFeedSessionCacheKey = (appId, deviceId) => `foryou-cluster-${appId}-${deviceId}`;
+export const normalizePersonalizedClusterFeed = (data) => {
+    const source = isRecord(data) ? data : {};
+    return {
+        collectionIds: normalizeStringIds(source.collectionIds),
+        explanations: isRecord(source.explanations) ? source.explanations : {},
+        frames: Array.isArray(source.frames)
+            ? source.frames
+                .map(normalizeFrame)
+                .filter((frame) => Boolean(frame))
+            : [],
+    };
+};
+export const isEmptyPersonalizedClusterFeed = (data) => Boolean(data) && !data.collectionIds.length && !data.frames.length;
+export const readPersonalizedClusterFeedSessionCache = ({ appId, deviceId, freshMs, swrMs, }) => {
+    try {
+        const cached = sessionStorage.getItem(getPersonalizedClusterFeedSessionCacheKey(appId, deviceId));
+        if (!cached)
+            return null;
+        const { data, ts } = JSON.parse(cached);
+        const age = Date.now() - Number(ts || 0);
+        if (age >= swrMs)
+            return null;
+        return {
+            data: normalizePersonalizedClusterFeed(data),
+            fresh: age < freshMs,
+        };
+    }
+    catch (_a) {
+        return null;
+    }
+};
+export const writePersonalizedClusterFeedSessionCache = ({ appId, deviceId, data, }) => {
+    try {
+        sessionStorage.setItem(getPersonalizedClusterFeedSessionCacheKey(appId, deviceId), JSON.stringify({ data, ts: Date.now() }));
+    }
+    catch (_a) { }
+};
+function fetchWithTimeout(url, options = {}, timeoutMs = 15000) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const controller = new AbortController();
+        const upstreamSignal = options === null || options === void 0 ? void 0 : options.signal;
+        const abortFromUpstream = () => controller.abort(upstreamSignal === null || upstreamSignal === void 0 ? void 0 : upstreamSignal.reason);
+        if (upstreamSignal === null || upstreamSignal === void 0 ? void 0 : upstreamSignal.aborted) {
+            controller.abort(upstreamSignal.reason);
+        }
+        else {
+            upstreamSignal === null || upstreamSignal === void 0 ? void 0 : upstreamSignal.addEventListener("abort", abortFromUpstream, { once: true });
+        }
+        const timeoutId = setTimeout(() => controller.abort(), timeoutMs);
+        try {
+            return yield fetch(url, Object.assign(Object.assign({}, options), { signal: controller.signal }));
+        }
+        finally {
+            upstreamSignal === null || upstreamSignal === void 0 ? void 0 : upstreamSignal.removeEventListener("abort", abortFromUpstream);
+            clearTimeout(timeoutId);
+        }
+    });
+}
+function readJson(response) {
+    return __awaiter(this, void 0, void 0, function* () {
+        try {
+            return yield response.json();
+        }
+        catch (error) {
+            const err = new Error((error === null || error === void 0 ? void 0 : error.message) || "Malformed JSON");
+            err.reason = "cluster-feed-parse";
+            throw err;
+        }
+    });
+}
+export function fetchPersonalizedClusterFeed({ appId, deviceId, customerProfilesBaseUrl, dashboardPreview, signal, }) {
+    var _a, _b, _c;
+    return __awaiter(this, void 0, void 0, function* () {
+        const baseUrl = normalizePersonalizedClusterFeedBaseUrl(customerProfilesBaseUrl);
+        const path = dashboardPreview
+            ? `/api/v1/personalized-feed/${encodeURIComponent(appId)}/clusters/preview`
+            : `/api/v1/personalized-feed/${encodeURIComponent(appId)}/${encodeURIComponent(String(deviceId))}/cluster-feed`;
+        const url = `${baseUrl}${path}`;
+        let response;
+        try {
+            response = yield fetchWithTimeout(url, { signal });
+        }
+        catch (error) {
+            const err = new Error((error === null || error === void 0 ? void 0 : error.message) || "Cluster feed request failed");
+            err.reason = "cluster-feed-network";
+            throw err;
+        }
+        if (!response.ok) {
+            const err = new Error(`Cluster feed HTTP ${response.status}`);
+            err.reason = "cluster-feed-http";
+            err.status = response.status;
+            err.retryAfter = (_c = (_b = (_a = response.headers) === null || _a === void 0 ? void 0 : _a.get) === null || _b === void 0 ? void 0 : _b.call(_a, "Retry-After")) !== null && _c !== void 0 ? _c : null;
+            throw err;
+        }
+        return normalizePersonalizedClusterFeed(yield readJson(response));
+    });
+}
+export const fetchPersonalizedClusterFeedOnce = ({ requests, key, fetcher, retentionMs = 0, }) => {
+    const existing = requests.get(key);
+    if (existing)
+        return existing;
+    const promise = fetcher();
+    requests.set(key, promise);
+    const release = () => {
+        if (requests.get(key) === promise) {
+            requests.delete(key);
+        }
+    };
+    const cleanup = () => {
+        var _a, _b;
+        if (retentionMs <= 0) {
+            release();
+            return;
+        }
+        const timeoutId = setTimeout(release, retentionMs);
+        (_b = (_a = timeoutId).unref) === null || _b === void 0 ? void 0 : _b.call(_a);
+    };
+    promise.then(cleanup, cleanup);
+    return promise;
+};

package/dist/components/hooks/use-personalized-cluster-feed-core.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=use-personalized-cluster-feed-core.test.d.ts.map

package/dist/components/hooks/use-personalized-cluster-feed-core.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-personalized-cluster-feed-core.test.d.ts","sourceRoot":"","sources":["../../../components/hooks/use-personalized-cluster-feed-core.test.ts"],"names":[],"mappings":""}

package/dist/components/hooks/use-personalized-cluster-feed-core.test.js

@@ -0,0 +1,106 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { createPersonalizedClusterFeedRequestKey, fetchPersonalizedClusterFeed, normalizePersonalizedClusterFeed, readPersonalizedClusterFeedSessionCache, writePersonalizedClusterFeedSessionCache, } from "./use-personalized-cluster-feed-core";
+describe("personalized cluster feed core", () => {
+    beforeEach(() => {
+        sessionStorage.clear();
+        jest.restoreAllMocks();
+        global.fetch = jest.fn();
+    });
+    it("creates stable request keys for feed and preview modes", () => {
+        expect(createPersonalizedClusterFeedRequestKey({
+            appId: "app/id",
+            deviceId: "device/id",
+            customerProfilesBaseUrl: "https://profiles.test/",
+        })).toBe("personalized-cluster-feed:cluster-feed:https://profiles.test:app/id:device/id");
+        expect(createPersonalizedClusterFeedRequestKey({
+            appId: "app/id",
+            customerProfilesBaseUrl: "https://profiles.test/",
+            dashboardPreview: true,
+        })).toBe("personalized-cluster-feed:preview:https://profiles.test:app/id:preview");
+    });
+    it("normalizes payloads without adding absent frame fields", () => {
+        expect(normalizePersonalizedClusterFeed({
+            collectionIds: [123, "456", null],
+            explanations: "bad",
+            frames: [
+                { bundleId: "bundle-1", layoutType: 42 },
+                {
+                    layoutType: "complete_the_look",
+                    complementProductIds: [1, "2", null],
+                },
+                null,
+            ],
+        })).toEqual({
+            collectionIds: ["123", "456"],
+            explanations: {},
+            frames: [
+                { bundleId: "bundle-1", layoutType: "42" },
+                {
+                    layoutType: "complete_the_look",
+                    complementProductIds: ["1", "2"],
+                },
+            ],
+        });
+    });
+    it("round-trips session cache with freshness metadata", () => {
+        writePersonalizedClusterFeedSessionCache({
+            appId: "app-id",
+            deviceId: "device-id",
+            data: { collectionIds: ["1"], explanations: {}, frames: [] },
+        });
+        expect(readPersonalizedClusterFeedSessionCache({
+            appId: "app-id",
+            deviceId: "device-id",
+            freshMs: 1000,
+            swrMs: 2000,
+        })).toEqual({
+            data: { collectionIds: ["1"], explanations: {}, frames: [] },
+            fresh: true,
+        });
+    });
+    it("fetches cluster feed and preserves cluster-feed error reasons", () => __awaiter(void 0, void 0, void 0, function* () {
+        var _a;
+        const fetchMock = global.fetch
+            .mockResolvedValueOnce({
+            ok: true,
+            status: 200,
+            json: () => Promise.resolve({
+                collectionIds: ["1"],
+                explanations: {},
+                frames: [{ layoutType: "ranked_collection" }],
+            }),
+        })
+            .mockResolvedValueOnce({
+            ok: false,
+            status: 500,
+            headers: { get: () => "3" },
+        });
+        yield expect(fetchPersonalizedClusterFeed({
+            appId: "app/id",
+            deviceId: "device/id",
+            customerProfilesBaseUrl: "https://profiles.test/",
+        })).resolves.toEqual({
+            collectionIds: ["1"],
+            explanations: {},
+            frames: [{ layoutType: "ranked_collection" }],
+        });
+        expect((_a = fetchMock.mock.calls[0]) === null || _a === void 0 ? void 0 : _a[0]).toBe("https://profiles.test/api/v1/personalized-feed/app%2Fid/device%2Fid/cluster-feed");
+        yield expect(fetchPersonalizedClusterFeed({
+            appId: "app-id",
+            deviceId: "device-id",
+            customerProfilesBaseUrl: "https://profiles.test",
+        })).rejects.toMatchObject({
+            reason: "cluster-feed-http",
+            status: 500,
+            retryAfter: "3",
+        });
+    }));
+});

package/dist/components/hooks/use-personalized-cluster-feed.d.ts

@@ -0,0 +1,5 @@
+import { type UsePersonalizedClusterFeedProps, type UsePersonalizedClusterFeedResult } from "./use-personalized-cluster-feed-core";
+export type { PersonalizedClusterFeedData, PersonalizedClusterFeedFrame, PersonalizedClusterFeedStatus, UsePersonalizedClusterFeedProps, UsePersonalizedClusterFeedResult, } from "./use-personalized-cluster-feed-core";
+export { createPersonalizedClusterFeedRequestKey, fetchPersonalizedClusterFeed, fetchPersonalizedClusterFeedOnce, isEmptyPersonalizedClusterFeed, normalizePersonalizedClusterFeed, normalizePersonalizedClusterFeedBaseUrl, readPersonalizedClusterFeedSessionCache, writePersonalizedClusterFeedSessionCache, } from "./use-personalized-cluster-feed-core";
+export declare function usePersonalizedClusterFeed({ appId: rawAppId, deviceId: rawDeviceId, customerProfilesBaseUrl: rawCustomerProfilesBaseUrl, customerProfilesBaseURL, dashboardPreview, skip, }?: UsePersonalizedClusterFeedProps): UsePersonalizedClusterFeedResult;
+//# sourceMappingURL=use-personalized-cluster-feed.d.ts.map

package/dist/components/hooks/use-personalized-cluster-feed.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-personalized-cluster-feed.d.ts","sourceRoot":"","sources":["../../../components/hooks/use-personalized-cluster-feed.ts"],"names":[],"mappings":"AAIA,OAAO,EAUL,KAAK,+BAA+B,EACpC,KAAK,gCAAgC,EACtC,MAAM,sCAAsC,CAAA;AAE7C,YAAY,EACV,2BAA2B,EAC3B,4BAA4B,EAC5B,6BAA6B,EAC7B,+BAA+B,EAC/B,gCAAgC,GACjC,MAAM,sCAAsC,CAAA;AAE7C,OAAO,EACL,uCAAuC,EACvC,4BAA4B,EAC5B,gCAAgC,EAChC,8BAA8B,EAC9B,gCAAgC,EAChC,uCAAuC,EACvC,uCAAuC,EACvC,wCAAwC,GACzC,MAAM,sCAAsC,CAAA;AAkE7C,wBAAgB,0BAA0B,CAAC,EACzC,KAAK,EAAE,QAAQ,EACf,QAAQ,EAAE,WAAW,EACrB,uBAAuB,EAAE,0BAA0B,EACnD,uBAAuB,EACvB,gBAAwB,EACxB,IAAY,GACb,GAAE,+BAAoC,GAAG,gCAAgC,CA2JzE"}

package/dist/components/hooks/use-personalized-cluster-feed.js

@@ -0,0 +1,191 @@
+"use client";
+import * as React from "react";
+import { createPersonalizedClusterFeedRequestKey, fetchPersonalizedClusterFeed, fetchPersonalizedClusterFeedOnce, isEmptyPersonalizedClusterFeed, normalizePersonalizedClusterFeedBaseUrl, readPersonalizedClusterFeedSessionCache, writePersonalizedClusterFeedSessionCache, } from "./use-personalized-cluster-feed-core";
+export { createPersonalizedClusterFeedRequestKey, fetchPersonalizedClusterFeed, fetchPersonalizedClusterFeedOnce, isEmptyPersonalizedClusterFeed, normalizePersonalizedClusterFeed, normalizePersonalizedClusterFeedBaseUrl, readPersonalizedClusterFeedSessionCache, writePersonalizedClusterFeedSessionCache, } from "./use-personalized-cluster-feed-core";
+const FRESH_MS = 2 * 60 * 1000;
+const SWR_MS = 30 * 60 * 1000;
+const SINGLE_FLIGHT_RETENTION_MS = 5000;
+const clusterFeedRequests = new Map();
+const isEnabledDebugValue = (value) => ["1", "true", "yes", "on"].includes(String(value || "").toLowerCase());
+const isPersonalizationDebugEnabled = () => {
+    var _a, _b;
+    if (typeof window === "undefined")
+        return false;
+    try {
+        const params = new URLSearchParams(((_a = window.location) === null || _a === void 0 ? void 0 : _a.search) || "");
+        if (isEnabledDebugValue(params.get("personalizationDebug")) ||
+            isEnabledDebugValue(params.get("debugPersonalization"))) {
+            return true;
+        }
+    }
+    catch (_c) { }
+    try {
+        return isEnabledDebugValue((_b = window.localStorage) === null || _b === void 0 ? void 0 : _b.getItem("personalizationDebug"));
+    }
+    catch (_d) {
+        return false;
+    }
+};
+const debugPersonalizationFallback = (event, context = {}) => {
+    if (!isPersonalizationDebugEnabled())
+        return;
+    // eslint-disable-next-line no-console
+    console.info(Object.assign({ message: "Personalized cluster feed package fallback", event }, context));
+};
+const summarizeClusterFeed = (data) => {
+    var _a, _b;
+    return ({
+        hasData: Boolean(data),
+        collectionCount: ((_a = data === null || data === void 0 ? void 0 : data.collectionIds) === null || _a === void 0 ? void 0 : _a.length) || 0,
+        frameCount: ((_b = data === null || data === void 0 ? void 0 : data.frames) === null || _b === void 0 ? void 0 : _b.length) || 0,
+    });
+};
+const summarizeClusterFeedError = (error) => error
+    ? {
+        reason: error.reason,
+        status: error.status,
+        message: error.message,
+    }
+    : null;
+export function usePersonalizedClusterFeed({ appId: rawAppId, deviceId: rawDeviceId, customerProfilesBaseUrl: rawCustomerProfilesBaseUrl, customerProfilesBaseURL, dashboardPreview = false, skip = false, } = {}) {
+    const appId = rawAppId ? String(rawAppId) : "";
+    const deviceId = rawDeviceId ? String(rawDeviceId) : "";
+    const customerProfilesBaseUrl = normalizePersonalizedClusterFeedBaseUrl(rawCustomerProfilesBaseUrl || customerProfilesBaseURL);
+    const shouldSkip = Boolean(skip ||
+        !appId ||
+        !customerProfilesBaseUrl ||
+        (!dashboardPreview && !deviceId));
+    const requestKey = React.useMemo(() => {
+        if (shouldSkip)
+            return null;
+        return createPersonalizedClusterFeedRequestKey({
+            customerProfilesBaseUrl: customerProfilesBaseUrl,
+            appId,
+            deviceId,
+            dashboardPreview,
+        });
+    }, [appId, customerProfilesBaseUrl, dashboardPreview, deviceId, shouldSkip]);
+    const [data, setData] = React.useState(null);
+    const [error, setError] = React.useState(null);
+    const [isLoading, setIsLoading] = React.useState(false);
+    React.useEffect(() => {
+        debugPersonalizationFallback("effect", {
+            appId,
+            hasDeviceId: Boolean(deviceId),
+            hasCustomerProfilesBaseUrl: Boolean(customerProfilesBaseUrl),
+            dashboardPreview,
+            skip,
+            shouldSkip,
+            requestKey,
+        });
+        if (shouldSkip || !requestKey) {
+            setData(null);
+            setError(null);
+            setIsLoading(false);
+            return;
+        }
+        let cancelled = false;
+        setError(null);
+        const cached = !dashboardPreview && deviceId
+            ? readPersonalizedClusterFeedSessionCache({
+                appId,
+                deviceId,
+                freshMs: FRESH_MS,
+                swrMs: SWR_MS,
+            })
+            : null;
+        debugPersonalizationFallback("session-cache-result", {
+            appId,
+            cacheHit: Boolean(cached),
+            fresh: Boolean(cached === null || cached === void 0 ? void 0 : cached.fresh),
+            feed: summarizeClusterFeed(cached === null || cached === void 0 ? void 0 : cached.data),
+        });
+        if (cached) {
+            setData(cached.data);
+            if (cached.fresh) {
+                setIsLoading(false);
+                return;
+            }
+        }
+        else {
+            setData(null);
+        }
+        setIsLoading(!cached);
+        debugPersonalizationFallback("fetch-start", {
+            appId,
+            hasDeviceId: Boolean(deviceId),
+            dashboardPreview,
+            requestKey,
+        });
+        fetchPersonalizedClusterFeedOnce({
+            requests: clusterFeedRequests,
+            key: requestKey,
+            retentionMs: SINGLE_FLIGHT_RETENTION_MS,
+            fetcher: () => fetchPersonalizedClusterFeed({
+                appId,
+                deviceId,
+                customerProfilesBaseUrl: customerProfilesBaseUrl,
+                dashboardPreview,
+            }),
+        })
+            .then((result) => {
+            if (cancelled)
+                return;
+            if (!dashboardPreview && deviceId) {
+                writePersonalizedClusterFeedSessionCache({
+                    appId,
+                    deviceId,
+                    data: result,
+                });
+            }
+            debugPersonalizationFallback("fetch-success", {
+                appId,
+                dashboardPreview,
+                feed: summarizeClusterFeed(result),
+            });
+            setData(result);
+            setIsLoading(false);
+        })
+            .catch((err) => {
+            if (cancelled)
+                return;
+            debugPersonalizationFallback("fetch-error", {
+                appId,
+                dashboardPreview,
+                error: summarizeClusterFeedError(err),
+            });
+            setError(err);
+            setIsLoading(false);
+        });
+        return () => {
+            cancelled = true;
+        };
+    }, [
+        appId,
+        customerProfilesBaseUrl,
+        dashboardPreview,
+        deviceId,
+        requestKey,
+        shouldSkip,
+        skip,
+    ]);
+    let status = "idle";
+    if (shouldSkip) {
+        status = "idle";
+    }
+    else if (data) {
+        status = isEmptyPersonalizedClusterFeed(data) ? "empty" : "ready";
+    }
+    else if (error) {
+        status = "error";
+    }
+    else if (isLoading) {
+        status = "loading";
+    }
+    return {
+        data,
+        status,
+        error,
+        isLoading,
+    };
+}

package/dist/index.d.ts

@@ -10,6 +10,7 @@ export * from "./components/hooks/swr-retry";
 export * from "./components/hooks/use-infinite-wishlist";
 export * from "./components/hooks/use-recommendations";
 export * from "./components/hooks/use-products";
+export * from "./components/hooks/use-personalized-cluster-feed";
 export * from "./components/hooks/use-order-details";
 export * from "./components/hooks/use-scroll-direction";
 export * from "./components/hooks/use-sort-filter";

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -10,6 +10,7 @@ export * from "./components/hooks/swr-retry";
 export * from "./components/hooks/use-infinite-wishlist";
 export * from "./components/hooks/use-recommendations";
 export * from "./components/hooks/use-products";
+export * from "./components/hooks/use-personalized-cluster-feed";
 export * from "./components/hooks/use-order-details";
 export * from "./components/hooks/use-scroll-direction";
 export * from "./components/hooks/use-sort-filter";

package/dist/styles.css

@@ -717,9 +717,15 @@ video {
   left: 0px;
   right: 0px;
 }
+.-bottom-1 {
+  bottom: -0.25rem;
+}
 .-bottom-12 {
   bottom: -3rem;
 }
+.-left-1 {
+  left: -0.25rem;
+}
 .-left-12 {
   left: -3rem;
 }
@@ -741,6 +747,9 @@ video {
 .bottom-2 {
   bottom: 0.5rem;
 }
+.bottom-3 {
+  bottom: 0.75rem;
+}
 .bottom-4 {
   bottom: 1rem;
 }
@@ -831,6 +840,9 @@ video {
 .z-\[1\] {
   z-index: 1;
 }
+.z-\[2\] {
+  z-index: 2;
+}
 .z-\[30\] {
   z-index: 30;
 }
@@ -1015,6 +1027,9 @@ video {
 .mt-4 {
   margin-top: 1rem;
 }
+.mt-6 {
+  margin-top: 1.5rem;
+}
 .mt-auto {
   margin-top: auto;
 }
@@ -1072,6 +1087,12 @@ video {
 .hidden {
   display: none;
 }
+.aspect-\[327\/280\] {
+  aspect-ratio: 327/280;
+}
+.aspect-\[327\/316\] {
+  aspect-ratio: 327/316;
+}
 .aspect-productImages {
   aspect-ratio: var(--productImage-aspectRatio);
 }
@@ -1120,6 +1141,9 @@ video {
 .h-3 {
   height: 0.75rem;
 }
+.h-3\.5 {
+  height: 0.875rem;
+}
 .h-32 {
   height: 8rem;
 }
@@ -1241,9 +1265,15 @@ video {
 .min-h-\[210px\] {
   min-height: 210px;
 }
+.min-h-\[230px\] {
+  min-height: 230px;
+}
 .min-h-\[24px\] {
   min-height: 24px;
 }
+.min-h-\[260px\] {
+  min-height: 260px;
+}
 .min-h-\[36px\] {
   min-height: 36px;
 }
@@ -1289,6 +1319,9 @@ video {
 .w-11 {
   width: 2.75rem;
 }
+.w-11\/12 {
+  width: 91.666667%;
+}
 .w-12 {
   width: 3rem;
 }
@@ -1352,9 +1385,18 @@ video {
 .w-\[120\%\] {
   width: 120%;
 }
+.w-\[120px\] {
+  width: 120px;
+}
+.w-\[132px\] {
+  width: 132px;
+}
 .w-\[138px\] {
   width: 138px;
 }
+.w-\[140px\] {
+  width: 140px;
+}
 .w-\[180px\] {
   width: 180px;
 }
@@ -1385,6 +1427,9 @@ video {
 .w-\[65\%\] {
   width: 65%;
 }
+.w-\[85\%\] {
+  width: 85%;
+}
 .w-\[calc\(100\%-2rem\)\] {
   width: calc(100% - 2rem);
 }
@@ -1420,6 +1465,12 @@ video {
 .min-w-8 {
   min-width: 2rem;
 }
+.min-w-\[150px\] {
+  min-width: 150px;
+}
+.min-w-\[53px\] {
+  min-width: 53px;
+}
 .min-w-\[8rem\] {
   min-width: 8rem;
 }
@@ -1436,12 +1487,27 @@ video {
 .max-w-\[198px\] {
   max-width: 198px;
 }
+.max-w-\[220px\] {
+  max-width: 220px;
+}
+.max-w-\[360px\] {
+  max-width: 360px;
+}
+.max-w-\[480px\] {
+  max-width: 480px;
+}
+.max-w-\[50\%\] {
+  max-width: 50%;
+}
 .max-w-\[5rem\] {
   max-width: 5rem;
 }
 .max-w-\[75\%\] {
   max-width: 75%;
 }
+.max-w-\[min\(100\%\2c 440px\)\] {
+  max-width: min(100%,440px);
+}
 .max-w-full {
   max-width: 100%;
 }
@@ -1484,6 +1550,9 @@ video {
 .basis-\[300px\] {
   flex-basis: 300px;
 }
+.basis-\[88\%\] {
+  flex-basis: 88%;
+}
 .basis-full {
   flex-basis: 100%;
 }
@@ -1559,6 +1628,16 @@ video {
   --tw-scale-y: 1.25;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
+.scale-150 {
+  --tw-scale-x: 1.5;
+  --tw-scale-y: 1.5;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+.scale-\[1\.2\] {
+  --tw-scale-x: 1.2;
+  --tw-scale-y: 1.2;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
 .transform {
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
@@ -2105,9 +2184,6 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(253 255 218 / var(--tw-bg-opacity, 1));
 }
-.bg-\[var\(--coreColors-pageColor\2c \#ffffff\)\] {
-  background-color: var(--coreColors-pageColor,#ffffff);
-}
 .bg-\[var\(--stateColors-skeleton\)\] {
   background-color: var(--stateColors-skeleton);
 }
@@ -2425,6 +2501,9 @@ video {
 .pr-4 {
   padding-right: 1rem;
 }
+.pr-6 {
+  padding-right: 1.5rem;
+}
 .pt-0 {
   padding-top: 0px;
 }
@@ -2814,9 +2893,15 @@ video {
 .opacity-50 {
   opacity: 0.5;
 }
+.opacity-60 {
+  opacity: 0.6;
+}
 .opacity-70 {
   opacity: 0.7;
 }
+.opacity-\[0\.42\] {
+  opacity: 0.42;
+}
 .shadow {
   --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
   --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
@@ -2827,6 +2912,11 @@ video {
   --tw-shadow-colored: 0 0 6px 0 var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
+.shadow-\[0_2px_8px_rgba\(0\2c 0\2c 0\2c 0\.4\)\] {
+  --tw-shadow: 0 2px 8px rgba(0,0,0,0.4);
+  --tw-shadow-colored: 0 2px 8px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
 .shadow-lg {
   --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
   --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
@@ -2909,6 +2999,14 @@ video {
   --tw-blur: blur(8px);
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 }
+.blur-2xl {
+  --tw-blur: blur(40px);
+  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
+}
+.brightness-75 {
+  --tw-brightness: brightness(.75);
+  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
+}
 .drop-shadow {
   --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
@@ -2934,6 +3032,11 @@ video {
   -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
   backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
 }
+.backdrop-blur-md {
+  --tw-backdrop-blur: blur(12px);
+  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
+  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
+}
 .transition {
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tapcart/mobile-components",
-  "version": "0.12.21",
+  "version": "0.13.0",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "style": "dist/styles.css",