@depict-ai/react-ui 1.0.11 → 1.0.12

package/dist/index.d.ts

@@ -3,7 +3,7 @@ import { Display } from "@depict-ai/utilishared";
 import React, { ReactNode, PropsWithChildren, ReactElement } from "react";
 import { DPC } from "@depict-ai/dpc";
 import { Locale } from "@depict-ai/ui/locales";
-export const version = "1.0.11";
+export const version = "1.0.12";
 interface PLPConfig<T extends Display> extends BaseProductListingConfig {
     /**
      * The product card to use for rendering products.

package/dist/main.js

@@ -31,7 +31,7 @@ $parcel$export(module.exports, "version", () => $db7b67857900028b$export$83d89fb
 $parcel$export(module.exports, "Navigation", () => $b742053c966024b4$export$b8a61e5c71402559);
 /*! Depict.ai search and product listing react SDK wrapper */ // This is where the actual source of your React stuff should live
 // Note, if you add an export here, also add one in src-server/main.ts
-const $db7b67857900028b$export$83d89fbfd8236492 = "1.0.11";
+const $db7b67857900028b$export$83d89fbfd8236492 = "1.0.12";
 
 
 

package/dist/module.js

@@ -11,7 +11,7 @@ import {DPC as $TZSbU$DPC} from "@depict-ai/dpc";
 
 /*! Depict.ai search and product listing react SDK wrapper */ // This is where the actual source of your React stuff should live
 // Note, if you add an export here, also add one in src-server/main.ts
-const $c9c4d066f9a5b51b$export$83d89fbfd8236492 = "1.0.11";
+const $c9c4d066f9a5b51b$export$83d89fbfd8236492 = "1.0.12";
 
 
 

package/dist-server/index.d.ts

@@ -1,4 +1,7 @@
 import { ReactElement } from "react";
+import { DPC } from "@depict-ai/dpc";
+import { fetchDepictRecommendations, ExclusiveId } from "@depict-ai/ui";
+import { Display } from "@depict-ai/utilishared";
 type OpenModal = () => void;
 interface UseSearchModalReturn {
     open: OpenModal;
@@ -9,7 +12,28 @@ interface UseSearchFieldReturn {
      */
     SearchField: () => ReactElement;
 }
-export const version = "0.0.92";
+interface UsePerformanceClientReturn {
+    dpc: DPC;
+}
+type FetchRecsOptions = Omit<Parameters<typeof fetchDepictRecommendations>[0], "merchant" | "market" | "userId" | "sessionId"> & ExclusiveId;
+interface UseFetchRecommendationsReturn<T extends Display> {
+    /**
+     * Fetch recommendations from the Depict API.
+     * @example
+     * General recommendations for a landing page:
+     * ```tsx
+     * fetchRecommendations({ type: "landing_page" });
+     * ```
+     * @example
+     * Fetch targeted recommendations for a product details page (PDP):
+     * ```tsx
+     * fetchRecommendations({ type: "related", productId: "t-shirt-white" })
+     * ```
+     * @returns {Promise<T[]>}
+     */
+    fetchRecommendations: (opts: FetchRecsOptions) => Promise<T[]>;
+}
+export const version = "1.0.12";
 export function DepictProvider(props: any): any;
 export function SearchPage(): any;
 export function CategoryPage(): any;
@@ -26,3 +50,5 @@ export function TextPlaceholder(): any;
 export function useSearchField(): UseSearchFieldReturn;
 export function openModal(): void;
 export function useSearchModal(): UseSearchModalReturn;
+export function usePerformanceClient(): UsePerformanceClientReturn;
+export function useFetchRecommendations<T extends Display>(): UseFetchRecommendationsReturn<T>;

package/dist-server/main.js

@@ -16,10 +16,12 @@ $parcel$export(module.exports, "TextPlaceholder", () => $41e7e5d85b5e0d49$export
 $parcel$export(module.exports, "useSearchField", () => $41e7e5d85b5e0d49$export$9bb30bbe003b82e0);
 $parcel$export(module.exports, "openModal", () => $41e7e5d85b5e0d49$export$a7f6cffb6b8ba11c);
 $parcel$export(module.exports, "useSearchModal", () => $41e7e5d85b5e0d49$export$912994940e660d32);
+$parcel$export(module.exports, "usePerformanceClient", () => $41e7e5d85b5e0d49$export$38b98fae14bd1f64);
+$parcel$export(module.exports, "useFetchRecommendations", () => $41e7e5d85b5e0d49$export$6501da23a2770fc);
 $parcel$export(module.exports, "version", () => $db7b67857900028b$export$83d89fbfd8236492);
 
 
-const $db7b67857900028b$export$83d89fbfd8236492 = "0.0.92";
+const $db7b67857900028b$export$83d89fbfd8236492 = "1.0.12";
 
 
 function $41e7e5d85b5e0d49$export$9fac37a9c21c2f3b(props) {
@@ -76,5 +78,25 @@ function $41e7e5d85b5e0d49$export$912994940e660d32() {
         open: ()=>{}
     };
 }
+function $41e7e5d85b5e0d49$export$38b98fae14bd1f64() {
+    const mock = {
+        get: function(target, property) {
+            if (typeof target[property] === "undefined") return ()=>{
+                throw new Error("Depict Performance Client is currently not available on the server. Please wrap your call in a useEffect hook or user event handler.");
+            };
+            return target[property];
+        }
+    };
+    return {
+        dpc: new Proxy({}, mock)
+    };
+}
+function $41e7e5d85b5e0d49$export$6501da23a2770fc() {
+    return {
+        fetchRecommendations: ()=>{
+            throw new Error("fetchRecommendations is currently not available on the server due to personalisation/user_id related issues. Please only call it on the client.");
+        }
+    };
+}
 
 

package/dist-server/module.js

@@ -3,7 +3,7 @@ import {jsx as $1RlIW$jsx} from "react/jsx-runtime";
 
 
 
-const $c9c4d066f9a5b51b$export$83d89fbfd8236492 = "0.0.92";
+const $c9c4d066f9a5b51b$export$83d89fbfd8236492 = "1.0.12";
 
 
 function $2b1fdeb83610500f$export$9fac37a9c21c2f3b(props) {
@@ -60,6 +60,26 @@ function $2b1fdeb83610500f$export$912994940e660d32() {
         open: ()=>{}
     };
 }
+function $2b1fdeb83610500f$export$38b98fae14bd1f64() {
+    const mock = {
+        get: function(target, property) {
+            if (typeof target[property] === "undefined") return ()=>{
+                throw new Error("Depict Performance Client is currently not available on the server. Please wrap your call in a useEffect hook or user event handler.");
+            };
+            return target[property];
+        }
+    };
+    return {
+        dpc: new Proxy({}, mock)
+    };
+}
+function $2b1fdeb83610500f$export$6501da23a2770fc() {
+    return {
+        fetchRecommendations: ()=>{
+            throw new Error("fetchRecommendations is currently not available on the server due to personalisation/user_id related issues. Please only call it on the client.");
+        }
+    };
+}
 
 
-export {$2b1fdeb83610500f$export$9fac37a9c21c2f3b as DepictProvider, $2b1fdeb83610500f$export$a54ec244c8863715 as SearchPage, $2b1fdeb83610500f$export$f7d2f673fc2f091d as CategoryPage, $2b1fdeb83610500f$export$5646050d516e06bc as BreadCrumbs, $2b1fdeb83610500f$export$466cdc317043f6cb as QuickLinks, $2b1fdeb83610500f$export$80e99ee6b29cadd2 as ComponentAligner, $2b1fdeb83610500f$export$3f37af283f8fb843 as ImagePlaceholder, $2b1fdeb83610500f$export$89c6019e4baa40b1 as TextPlaceholder, $2b1fdeb83610500f$export$9bb30bbe003b82e0 as useSearchField, $2b1fdeb83610500f$export$a7f6cffb6b8ba11c as openModal, $2b1fdeb83610500f$export$912994940e660d32 as useSearchModal, $c9c4d066f9a5b51b$export$83d89fbfd8236492 as version};
+export {$2b1fdeb83610500f$export$9fac37a9c21c2f3b as DepictProvider, $2b1fdeb83610500f$export$a54ec244c8863715 as SearchPage, $2b1fdeb83610500f$export$f7d2f673fc2f091d as CategoryPage, $2b1fdeb83610500f$export$5646050d516e06bc as BreadCrumbs, $2b1fdeb83610500f$export$466cdc317043f6cb as QuickLinks, $2b1fdeb83610500f$export$80e99ee6b29cadd2 as ComponentAligner, $2b1fdeb83610500f$export$3f37af283f8fb843 as ImagePlaceholder, $2b1fdeb83610500f$export$89c6019e4baa40b1 as TextPlaceholder, $2b1fdeb83610500f$export$9bb30bbe003b82e0 as useSearchField, $2b1fdeb83610500f$export$a7f6cffb6b8ba11c as openModal, $2b1fdeb83610500f$export$912994940e660d32 as useSearchModal, $2b1fdeb83610500f$export$38b98fae14bd1f64 as usePerformanceClient, $2b1fdeb83610500f$export$6501da23a2770fc as useFetchRecommendations, $c9c4d066f9a5b51b$export$83d89fbfd8236492 as version};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@depict-ai/react-ui",
-  "version": "1.0.11",
+  "version": "1.0.12",
   "packageManager": "yarn@3.2.2",
   "source": "src/index.ts",
   "main": "dist/main.js",

package/dist-server/dist/index.d.ts

@@ -1,54 +0,0 @@
-import { ReactElement } from "react";
-import { DPC } from "@depict-ai/dpc";
-import { fetchDepictRecommendations, ExclusiveId } from "@depict-ai/ui";
-import { Display } from "@depict-ai/utilishared";
-type OpenModal = () => void;
-interface UseSearchModalReturn {
-    open: OpenModal;
-}
-interface UseSearchFieldReturn {
-    /**
-     * A React component that renders the search field.
-     */
-    SearchField: () => ReactElement;
-}
-interface UsePerformanceClientReturn {
-    dpc: DPC;
-}
-type FetchRecsOptions = Omit<Parameters<typeof fetchDepictRecommendations>[0], "merchant" | "market" | "userId" | "sessionId"> & ExclusiveId;
-interface UseFetchRecommendationsReturn<T extends Display> {
-    /**
-     * Fetch recommendations from the Depict API.
-     * @example
-     * General recommendations for a landing page:
-     * ```tsx
-     * fetchRecommendations({ type: "landing_page" });
-     * ```
-     * @example
-     * Fetch targeted recommendations for a product details page (PDP):
-     * ```tsx
-     * fetchRecommendations({ type: "related", productId: "t-shirt-white" })
-     * ```
-     * @returns {Promise<T[]>}
-     */
-    fetchRecommendations: (opts: FetchRecsOptions) => Promise<T[]>;
-}
-export const version = "1.0.11";
-export function DepictProvider(props: any): any;
-export function SearchPage(): any;
-export function CategoryPage(): any;
-export function BreadCrumbs(): any;
-export function QuickLinks(): any;
-export function ComponentAligner(): import("react").DetailedReactHTMLElement<{
-    className: string;
-    style: {
-        height: string;
-    };
-}, HTMLElement>;
-export function ImagePlaceholder(): any;
-export function TextPlaceholder(): any;
-export function useSearchField(): UseSearchFieldReturn;
-export function openModal(): void;
-export function useSearchModal(): UseSearchModalReturn;
-export function usePerformanceClient(): UsePerformanceClientReturn;
-export function useFetchRecommendations<T extends Display>(): UseFetchRecommendationsReturn<T>;

package/dist-server/dist/main.js

@@ -1,102 +0,0 @@
-var $5efvh$react = require("react");
-var $5efvh$reactjsxruntime = require("react/jsx-runtime");
-
-function $parcel$export(e, n, v, s) {
-  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
-}
-
-$parcel$export(module.exports, "DepictProvider", () => $41e7e5d85b5e0d49$export$9fac37a9c21c2f3b);
-$parcel$export(module.exports, "SearchPage", () => $41e7e5d85b5e0d49$export$a54ec244c8863715);
-$parcel$export(module.exports, "CategoryPage", () => $41e7e5d85b5e0d49$export$f7d2f673fc2f091d);
-$parcel$export(module.exports, "BreadCrumbs", () => $41e7e5d85b5e0d49$export$5646050d516e06bc);
-$parcel$export(module.exports, "QuickLinks", () => $41e7e5d85b5e0d49$export$466cdc317043f6cb);
-$parcel$export(module.exports, "ComponentAligner", () => $41e7e5d85b5e0d49$export$80e99ee6b29cadd2);
-$parcel$export(module.exports, "ImagePlaceholder", () => $41e7e5d85b5e0d49$export$3f37af283f8fb843);
-$parcel$export(module.exports, "TextPlaceholder", () => $41e7e5d85b5e0d49$export$89c6019e4baa40b1);
-$parcel$export(module.exports, "useSearchField", () => $41e7e5d85b5e0d49$export$9bb30bbe003b82e0);
-$parcel$export(module.exports, "openModal", () => $41e7e5d85b5e0d49$export$a7f6cffb6b8ba11c);
-$parcel$export(module.exports, "useSearchModal", () => $41e7e5d85b5e0d49$export$912994940e660d32);
-$parcel$export(module.exports, "usePerformanceClient", () => $41e7e5d85b5e0d49$export$38b98fae14bd1f64);
-$parcel$export(module.exports, "useFetchRecommendations", () => $41e7e5d85b5e0d49$export$6501da23a2770fc);
-$parcel$export(module.exports, "version", () => $db7b67857900028b$export$83d89fbfd8236492);
-
-
-const $db7b67857900028b$export$83d89fbfd8236492 = "1.0.11";
-
-
-function $41e7e5d85b5e0d49$export$9fac37a9c21c2f3b(props) {
-    return props.children;
-}
-function $41e7e5d85b5e0d49$export$a54ec244c8863715() {
-    return (0, $5efvh$reactjsxruntime.jsx)("div", {
-        children: []
-    });
-}
-function $41e7e5d85b5e0d49$export$f7d2f673fc2f091d() {
-    return (0, $5efvh$reactjsxruntime.jsx)("div", {
-        children: []
-    });
-}
-function $41e7e5d85b5e0d49$export$5646050d516e06bc() {
-    return (0, $5efvh$reactjsxruntime.jsx)("div", {
-        children: []
-    });
-}
-function $41e7e5d85b5e0d49$export$466cdc317043f6cb() {
-    return (0, $5efvh$reactjsxruntime.jsx)("div", {
-        children: []
-    });
-}
-function $41e7e5d85b5e0d49$export$80e99ee6b29cadd2() {
-    return (0, $5efvh$react.createElement)("div", {
-        className: "depict aligner",
-        style: {
-            height: "100%"
-        }
-    });
-}
-function $41e7e5d85b5e0d49$export$3f37af283f8fb843() {
-    return (0, $5efvh$reactjsxruntime.jsx)("div", {
-        children: []
-    });
-}
-function $41e7e5d85b5e0d49$export$89c6019e4baa40b1() {
-    return (0, $5efvh$reactjsxruntime.jsx)("div", {
-        children: []
-    });
-}
-function $41e7e5d85b5e0d49$export$9bb30bbe003b82e0() {
-    return {
-        SearchField: ()=>(0, $5efvh$reactjsxruntime.jsx)("div", {
-                children: []
-            })
-    };
-}
-function $41e7e5d85b5e0d49$export$a7f6cffb6b8ba11c() {}
-function $41e7e5d85b5e0d49$export$912994940e660d32() {
-    return {
-        open: ()=>{}
-    };
-}
-function $41e7e5d85b5e0d49$export$38b98fae14bd1f64() {
-    const mock = {
-        get: function(target, property) {
-            if (typeof target[property] === "undefined") return ()=>{
-                throw new Error("Depict Performance Client is currently not available on the server. Please wrap your call in a useEffect hook or user event handler.");
-            };
-            return target[property];
-        }
-    };
-    return {
-        dpc: new Proxy({}, mock)
-    };
-}
-function $41e7e5d85b5e0d49$export$6501da23a2770fc() {
-    return {
-        fetchRecommendations: ()=>{
-            throw new Error("fetchRecommendations is currently not available on the server due to personalisation/user_id related issues. Please only call it on the client.");
-        }
-    };
-}
-
-

package/dist-server/dist/module.js

@@ -1,85 +0,0 @@
-import {createElement as $1RlIW$createElement} from "react";
-import {jsx as $1RlIW$jsx} from "react/jsx-runtime";
-
-
-
-const $c9c4d066f9a5b51b$export$83d89fbfd8236492 = "1.0.11";
-
-
-function $2b1fdeb83610500f$export$9fac37a9c21c2f3b(props) {
-    return props.children;
-}
-function $2b1fdeb83610500f$export$a54ec244c8863715() {
-    return (0, $1RlIW$jsx)("div", {
-        children: []
-    });
-}
-function $2b1fdeb83610500f$export$f7d2f673fc2f091d() {
-    return (0, $1RlIW$jsx)("div", {
-        children: []
-    });
-}
-function $2b1fdeb83610500f$export$5646050d516e06bc() {
-    return (0, $1RlIW$jsx)("div", {
-        children: []
-    });
-}
-function $2b1fdeb83610500f$export$466cdc317043f6cb() {
-    return (0, $1RlIW$jsx)("div", {
-        children: []
-    });
-}
-function $2b1fdeb83610500f$export$80e99ee6b29cadd2() {
-    return (0, $1RlIW$createElement)("div", {
-        className: "depict aligner",
-        style: {
-            height: "100%"
-        }
-    });
-}
-function $2b1fdeb83610500f$export$3f37af283f8fb843() {
-    return (0, $1RlIW$jsx)("div", {
-        children: []
-    });
-}
-function $2b1fdeb83610500f$export$89c6019e4baa40b1() {
-    return (0, $1RlIW$jsx)("div", {
-        children: []
-    });
-}
-function $2b1fdeb83610500f$export$9bb30bbe003b82e0() {
-    return {
-        SearchField: ()=>(0, $1RlIW$jsx)("div", {
-                children: []
-            })
-    };
-}
-function $2b1fdeb83610500f$export$a7f6cffb6b8ba11c() {}
-function $2b1fdeb83610500f$export$912994940e660d32() {
-    return {
-        open: ()=>{}
-    };
-}
-function $2b1fdeb83610500f$export$38b98fae14bd1f64() {
-    const mock = {
-        get: function(target, property) {
-            if (typeof target[property] === "undefined") return ()=>{
-                throw new Error("Depict Performance Client is currently not available on the server. Please wrap your call in a useEffect hook or user event handler.");
-            };
-            return target[property];
-        }
-    };
-    return {
-        dpc: new Proxy({}, mock)
-    };
-}
-function $2b1fdeb83610500f$export$6501da23a2770fc() {
-    return {
-        fetchRecommendations: ()=>{
-            throw new Error("fetchRecommendations is currently not available on the server due to personalisation/user_id related issues. Please only call it on the client.");
-        }
-    };
-}
-
-
-export {$2b1fdeb83610500f$export$9fac37a9c21c2f3b as DepictProvider, $2b1fdeb83610500f$export$a54ec244c8863715 as SearchPage, $2b1fdeb83610500f$export$f7d2f673fc2f091d as CategoryPage, $2b1fdeb83610500f$export$5646050d516e06bc as BreadCrumbs, $2b1fdeb83610500f$export$466cdc317043f6cb as QuickLinks, $2b1fdeb83610500f$export$80e99ee6b29cadd2 as ComponentAligner, $2b1fdeb83610500f$export$3f37af283f8fb843 as ImagePlaceholder, $2b1fdeb83610500f$export$89c6019e4baa40b1 as TextPlaceholder, $2b1fdeb83610500f$export$9bb30bbe003b82e0 as useSearchField, $2b1fdeb83610500f$export$a7f6cffb6b8ba11c as openModal, $2b1fdeb83610500f$export$912994940e660d32 as useSearchModal, $2b1fdeb83610500f$export$38b98fae14bd1f64 as usePerformanceClient, $2b1fdeb83610500f$export$6501da23a2770fc as useFetchRecommendations, $c9c4d066f9a5b51b$export$83d89fbfd8236492 as version};