@depict-ai/react-ui 0.0.100 → 0.0.102

package/dist/index.d.ts

@@ -2,7 +2,7 @@ import { BaseProductListingConfig, BaseProviderConfig, BaseSearchProviderConfig,
 import { Display } from "@depict-ai/utilishared";
 import React, { ReactNode, PropsWithChildren, ReactElement } from "react";
 import { Locale } from "@depict-ai/ui/locales";
-export const version = "0.0.100";
+export const version = "0.0.102";
 interface PLPConfig<T extends Display> extends BaseProductListingConfig {
     /**
      * The product card to use for rendering products.
@@ -390,5 +390,5 @@ export const useSearchField: (props?: SearchFieldProps) => UseSearchFieldReturn;
 export const Navigation: {
     nextRouterNavigation: (router: import("next/router").NextRouter) => (relativeUrl: string) => void;
 };
-export { CategoryTitle, embedded_num_products as EmbeddedNumProducts } from "@depict-ai/ui";
+export { CategoryTitle, embedded_num_products as EmbeddedNumProducts, fetchDepictRecommendations } from "@depict-ai/ui";
 export type { Locale } from "@depict-ai/ui/locales";

package/dist/main.js

@@ -23,11 +23,12 @@ $parcel$export(module.exports, "useSearchModal", () => $ae73b15c325f1b21$export$
 $parcel$export(module.exports, "useSearchField", () => $913da7f4d0bc77f2$export$9bb30bbe003b82e0);
 $parcel$export(module.exports, "CategoryTitle", () => $b03e4eee8610ebbe$re_export$CategoryTitle);
 $parcel$export(module.exports, "EmbeddedNumProducts", () => $b03e4eee8610ebbe$re_export$EmbeddedNumProducts);
+$parcel$export(module.exports, "fetchDepictRecommendations", () => $b03e4eee8610ebbe$re_export$fetchDepictRecommendations);
 $parcel$export(module.exports, "version", () => $db7b67857900028b$export$83d89fbfd8236492);
 $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 = "0.0.100";
+const $db7b67857900028b$export$83d89fbfd8236492 = "0.0.102";
 
 
 
@@ -106,12 +107,16 @@ const $0b7cd4fb39fc3502$export$8e769ad4338a911e = {
 
 
 let $b4d0d98857ed9934$var$run_on_href_change;
+let $b4d0d98857ed9934$var$old_href = location.href;
 function $b4d0d98857ed9934$export$74f3924c5027fe1d(cb) {
     $b4d0d98857ed9934$var$run_on_href_change = cb;
 }
-(async ()=>{
-    for await (const href of (0, $4GYXz$depictaiutilishared.href_change_ipns))$b4d0d98857ed9934$var$run_on_href_change?.(href);
-})();
+(0, $4GYXz$depictaiutilishared.instant_exec_on_suspect_history_change).add((0, $4GYXz$depictaiutilishared.catchify)(()=>{
+    const { href: href  } = location;
+    if (!$b4d0d98857ed9934$var$run_on_href_change || $b4d0d98857ed9934$var$old_href === href) return;
+    $b4d0d98857ed9934$var$run_on_href_change?.(href);
+    $b4d0d98857ed9934$var$old_href = href;
+}));
 const $b4d0d98857ed9934$export$775e6b3892b5ad52 = (url)=>url.pathname == (0, $4GYXz$solidjs.untrack)((0, $0b7cd4fb39fc3502$export$8e769ad4338a911e).search_page_path_[0]); // might have changed therefore get it from globalState
 const $b4d0d98857ed9934$export$92a8f8b3c630fa0d = (url)=>{
     return $b4d0d98857ed9934$export$775e6b3892b5ad52(url) || url.pathname === (0, $0b7cd4fb39fc3502$export$8e769ad4338a911e).category_path;
@@ -132,6 +137,7 @@ function $b4d0d98857ed9934$export$f6e64e17bd69eeef(solid_component, props, wrapp
 }
 function $b4d0d98857ed9934$export$e5139bbbb9a05035(component, is_set = (0, $0b7cd4fb39fc3502$export$8e769ad4338a911e).required_state_set_[0]) {
     return (...args)=>{
+        // @ts-ignore
         return (0, $4GYXz$solidjs.createComponent)((0, $4GYXz$solidjs.Show), {
             get when () {
                 return is_set();
@@ -319,8 +325,6 @@ function $7ad7a3d0011b7b1b$var$SolidSearchPage(props, set_portals) {
             ]
         ],
         grid_spacing: props.gridSpacing ?? "2%",
-        // Todo: Do we need this?
-        get_product_id: ()=>"",
         depict_search: depict_search,
         product_card_template: (display)=>(0, $b4d0d98857ed9934$export$79c79419c1ef0081)({
                 display: display,
@@ -338,7 +342,8 @@ function $7ad7a3d0011b7b1b$var$SolidSearchPage(props, set_portals) {
 
 let $5aa5fcb9f8a2bebc$var$render_cb;
 function $5aa5fcb9f8a2bebc$export$f7d2f673fc2f091d(props) {
-    return (0, $b4d0d98857ed9934$export$f6e64e17bd69eeef)((0, $b4d0d98857ed9934$export$e5139bbbb9a05035)($5aa5fcb9f8a2bebc$var$SolidCategoryPage), props, "div", {}, (props)=>$5aa5fcb9f8a2bebc$var$render_cb?.(props));
+    return (0, $b4d0d98857ed9934$export$f6e64e17bd69eeef)(// @ts-ignore
+    (0, $b4d0d98857ed9934$export$e5139bbbb9a05035)($5aa5fcb9f8a2bebc$var$SolidCategoryPage), props, "div", {}, (props)=>$5aa5fcb9f8a2bebc$var$render_cb?.(props));
 }
 function $5aa5fcb9f8a2bebc$var$SolidCategoryPage(props, set_portals) {
     const depict_category = (0, $0b7cd4fb39fc3502$export$8e769ad4338a911e).category;
@@ -367,7 +372,6 @@ function $5aa5fcb9f8a2bebc$var$SolidCategoryPage(props, set_portals) {
                 ]
             ],
             grid_spacing: props.gridSpacing ?? "2%",
-            get_product_id: ()=>"",
             category_title: props.categoryTitlePlugin || (0, $4GYXz$depictaiui.CategoryTitle),
             show_breadcrumbs: props.showBreadcrumbs === undefined ? true : props.showBreadcrumbs,
             show_quicklinks: props.showQuicklinks === undefined ? true : props.showQuicklinks,

package/dist/module.js

@@ -1,5 +1,5 @@
-import {add_to_version_info as $TZSbU$add_to_version_info, get_user_id as $TZSbU$get_user_id, set_user_id_fn as $TZSbU$set_user_id_fn, catchify as $TZSbU$catchify, observer as $TZSbU$observer, history_replacer as $TZSbU$history_replacer, queueMacroTask as $TZSbU$queueMacroTask, href_change_ipns as $TZSbU$href_change_ipns, ContainedPlaceholderImage as $TZSbU$ContainedPlaceholderImage, Placeholder as $TZSbU$Placeholder} from "@depict-ai/utilishared";
-import {CategoryTitle as $43099132aad1ceb6$re_export$CategoryTitle, embedded_num_products as $43099132aad1ceb6$re_export$EmbeddedNumProducts, DepictAPI as $TZSbU$DepictAPI, DepictSearch as $TZSbU$DepictSearch, DepictCategory as $TZSbU$DepictCategory, get_search_query_updating_blocked_signal as $TZSbU$get_search_query_updating_blocked_signal, SearchPage as $TZSbU$SearchPage, CategoryPage as $TZSbU$CategoryPage, BreadCrumbs as $TZSbU$BreadCrumbs, QuickLinks as $TZSbU$QuickLinks, open_modal_with_alignment as $TZSbU$open_modal_with_alignment, SearchField as $TZSbU$SearchField} from "@depict-ai/ui";
+import {add_to_version_info as $TZSbU$add_to_version_info, get_user_id as $TZSbU$get_user_id, set_user_id_fn as $TZSbU$set_user_id_fn, catchify as $TZSbU$catchify, observer as $TZSbU$observer, history_replacer as $TZSbU$history_replacer, queueMacroTask as $TZSbU$queueMacroTask, instant_exec_on_suspect_history_change as $TZSbU$instant_exec_on_suspect_history_change, ContainedPlaceholderImage as $TZSbU$ContainedPlaceholderImage, Placeholder as $TZSbU$Placeholder} from "@depict-ai/utilishared";
+import {CategoryTitle as $43099132aad1ceb6$re_export$CategoryTitle, embedded_num_products as $43099132aad1ceb6$re_export$EmbeddedNumProducts, fetchDepictRecommendations as $43099132aad1ceb6$re_export$fetchDepictRecommendations, DepictAPI as $TZSbU$DepictAPI, DepictSearch as $TZSbU$DepictSearch, DepictCategory as $TZSbU$DepictCategory, get_search_query_updating_blocked_signal as $TZSbU$get_search_query_updating_blocked_signal, SearchPage as $TZSbU$SearchPage, CategoryPage as $TZSbU$CategoryPage, BreadCrumbs as $TZSbU$BreadCrumbs, QuickLinks as $TZSbU$QuickLinks, open_modal_with_alignment as $TZSbU$open_modal_with_alignment, SearchField as $TZSbU$SearchField} from "@depict-ai/ui";
 import {createRoot as $TZSbU$createRoot, untrack as $TZSbU$untrack, createSignal as $TZSbU$createSignal, createComponent as $TZSbU$createComponent, Show as $TZSbU$Show, onCleanup as $TZSbU$onCleanup, createComputed as $TZSbU$createComputed} from "solid-js";
 import {useEffect as $TZSbU$useEffect, createElement as $TZSbU$createElement, Fragment as $TZSbU$Fragment, useState as $TZSbU$useState, useRef as $TZSbU$useRef, forwardRef as $TZSbU$forwardRef} from "react";
 import {en as $TZSbU$en} from "@depict-ai/ui/locales";
@@ -9,7 +9,7 @@ import {createPortal as $TZSbU$createPortal} from "react-dom";
 
 /*! 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 = "0.0.100";
+const $c9c4d066f9a5b51b$export$83d89fbfd8236492 = "0.0.102";
 
 
 
@@ -88,12 +88,16 @@ const $42858f023ef23dab$export$8e769ad4338a911e = {
 
 
 let $c83ba9ab79386687$var$run_on_href_change;
+let $c83ba9ab79386687$var$old_href = location.href;
 function $c83ba9ab79386687$export$74f3924c5027fe1d(cb) {
     $c83ba9ab79386687$var$run_on_href_change = cb;
 }
-(async ()=>{
-    for await (const href of (0, $TZSbU$href_change_ipns))$c83ba9ab79386687$var$run_on_href_change?.(href);
-})();
+(0, $TZSbU$instant_exec_on_suspect_history_change).add((0, $TZSbU$catchify)(()=>{
+    const { href: href  } = location;
+    if (!$c83ba9ab79386687$var$run_on_href_change || $c83ba9ab79386687$var$old_href === href) return;
+    $c83ba9ab79386687$var$run_on_href_change?.(href);
+    $c83ba9ab79386687$var$old_href = href;
+}));
 const $c83ba9ab79386687$export$775e6b3892b5ad52 = (url)=>url.pathname == (0, $TZSbU$untrack)((0, $42858f023ef23dab$export$8e769ad4338a911e).search_page_path_[0]); // might have changed therefore get it from globalState
 const $c83ba9ab79386687$export$92a8f8b3c630fa0d = (url)=>{
     return $c83ba9ab79386687$export$775e6b3892b5ad52(url) || url.pathname === (0, $42858f023ef23dab$export$8e769ad4338a911e).category_path;
@@ -114,6 +118,7 @@ function $c83ba9ab79386687$export$f6e64e17bd69eeef(solid_component, props, wrapp
 }
 function $c83ba9ab79386687$export$e5139bbbb9a05035(component, is_set = (0, $42858f023ef23dab$export$8e769ad4338a911e).required_state_set_[0]) {
     return (...args)=>{
+        // @ts-ignore
         return (0, $TZSbU$createComponent)((0, $TZSbU$Show), {
             get when () {
                 return is_set();
@@ -301,8 +306,6 @@ function $4a678f0c87b12e78$var$SolidSearchPage(props, set_portals) {
             ]
         ],
         grid_spacing: props.gridSpacing ?? "2%",
-        // Todo: Do we need this?
-        get_product_id: ()=>"",
         depict_search: depict_search,
         product_card_template: (display)=>(0, $c83ba9ab79386687$export$79c79419c1ef0081)({
                 display: display,
@@ -320,7 +323,8 @@ function $4a678f0c87b12e78$var$SolidSearchPage(props, set_portals) {
 
 let $48d7f568740a317d$var$render_cb;
 function $48d7f568740a317d$export$f7d2f673fc2f091d(props) {
-    return (0, $c83ba9ab79386687$export$f6e64e17bd69eeef)((0, $c83ba9ab79386687$export$e5139bbbb9a05035)($48d7f568740a317d$var$SolidCategoryPage), props, "div", {}, (props)=>$48d7f568740a317d$var$render_cb?.(props));
+    return (0, $c83ba9ab79386687$export$f6e64e17bd69eeef)(// @ts-ignore
+    (0, $c83ba9ab79386687$export$e5139bbbb9a05035)($48d7f568740a317d$var$SolidCategoryPage), props, "div", {}, (props)=>$48d7f568740a317d$var$render_cb?.(props));
 }
 function $48d7f568740a317d$var$SolidCategoryPage(props, set_portals) {
     const depict_category = (0, $42858f023ef23dab$export$8e769ad4338a911e).category;
@@ -349,7 +353,6 @@ function $48d7f568740a317d$var$SolidCategoryPage(props, set_portals) {
                 ]
             ],
             grid_spacing: props.gridSpacing ?? "2%",
-            get_product_id: ()=>"",
             category_title: props.categoryTitlePlugin || (0, $43099132aad1ceb6$re_export$CategoryTitle),
             show_breadcrumbs: props.showBreadcrumbs === undefined ? true : props.showBreadcrumbs,
             show_quicklinks: props.showQuicklinks === undefined ? true : props.showQuicklinks,
@@ -496,4 +499,4 @@ const $97603d19204ec48d$export$b8a61e5c71402559 = {
 (0, $TZSbU$add_to_version_info)("react-ui", (0, $c9c4d066f9a5b51b$export$83d89fbfd8236492));
 
 
-export {$b68a14248b7ef667$export$466cdc317043f6cb as QuickLinks, $f866f7ed9f751af4$export$5646050d516e06bc as BreadCrumbs, $421f32789b6f111f$export$80e99ee6b29cadd2 as ComponentAligner, $5376eb2a386cd90d$export$9fac37a9c21c2f3b as DepictProvider, $48d7f568740a317d$export$f7d2f673fc2f091d as CategoryPage, $4a678f0c87b12e78$export$a54ec244c8863715 as SearchPage, $f446a84f85ba06f6$export$3f37af283f8fb843 as ImagePlaceholder, $cbd250061abf11cb$export$89c6019e4baa40b1 as TextPlaceholder, $70344e5e0d0fea06$export$912994940e660d32 as useSearchModal, $2b886cf548a4775c$export$9bb30bbe003b82e0 as useSearchField, $43099132aad1ceb6$re_export$CategoryTitle as CategoryTitle, $43099132aad1ceb6$re_export$EmbeddedNumProducts as EmbeddedNumProducts, $c9c4d066f9a5b51b$export$83d89fbfd8236492 as version, $97603d19204ec48d$export$b8a61e5c71402559 as Navigation};
+export {$b68a14248b7ef667$export$466cdc317043f6cb as QuickLinks, $f866f7ed9f751af4$export$5646050d516e06bc as BreadCrumbs, $421f32789b6f111f$export$80e99ee6b29cadd2 as ComponentAligner, $5376eb2a386cd90d$export$9fac37a9c21c2f3b as DepictProvider, $48d7f568740a317d$export$f7d2f673fc2f091d as CategoryPage, $4a678f0c87b12e78$export$a54ec244c8863715 as SearchPage, $f446a84f85ba06f6$export$3f37af283f8fb843 as ImagePlaceholder, $cbd250061abf11cb$export$89c6019e4baa40b1 as TextPlaceholder, $70344e5e0d0fea06$export$912994940e660d32 as useSearchModal, $2b886cf548a4775c$export$9bb30bbe003b82e0 as useSearchField, $43099132aad1ceb6$re_export$CategoryTitle as CategoryTitle, $43099132aad1ceb6$re_export$EmbeddedNumProducts as EmbeddedNumProducts, $43099132aad1ceb6$re_export$fetchDepictRecommendations as fetchDepictRecommendations, $c9c4d066f9a5b51b$export$83d89fbfd8236492 as version, $97603d19204ec48d$export$b8a61e5c71402559 as Navigation};

package/dist-server/index.d.ts

@@ -9,7 +9,8 @@ interface UseSearchFieldReturn {
      */
     SearchField: () => ReactElement;
 }
-export const version = "0.0.100";
+export const version = "0.0.102";
+export const fetchDepictRecommendations: any;
 export function DepictProvider(props: any): any;
 export function SearchPage(): any;
 export function CategoryPage(): any;

package/dist-server/main.js

@@ -5,6 +5,7 @@ function $parcel$export(e, n, v, s) {
   Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
 }
 
+$parcel$export(module.exports, "fetchDepictRecommendations", () => $41e7e5d85b5e0d49$export$58e808b1db15d3bc);
 $parcel$export(module.exports, "DepictProvider", () => $41e7e5d85b5e0d49$export$9fac37a9c21c2f3b);
 $parcel$export(module.exports, "SearchPage", () => $41e7e5d85b5e0d49$export$a54ec244c8863715);
 $parcel$export(module.exports, "CategoryPage", () => $41e7e5d85b5e0d49$export$f7d2f673fc2f091d);
@@ -19,9 +20,12 @@ $parcel$export(module.exports, "useSearchModal", () => $41e7e5d85b5e0d49$export$
 $parcel$export(module.exports, "version", () => $db7b67857900028b$export$83d89fbfd8236492);
 
 
-const $db7b67857900028b$export$83d89fbfd8236492 = "0.0.100";
+const $db7b67857900028b$export$83d89fbfd8236492 = "0.0.102";
 
 
+const $41e7e5d85b5e0d49$export$58e808b1db15d3bc = ()=>{
+    throw new Error("fetchDepictRecommendations is currently not available on the server due to personalisation/user_id related issues. Please only call it on the client");
+};
 function $41e7e5d85b5e0d49$export$9fac37a9c21c2f3b(props) {
     return props.children;
 }

package/dist-server/module.js

@@ -3,9 +3,12 @@ import {jsx as $1RlIW$jsx} from "react/jsx-runtime";
 
 
 
-const $c9c4d066f9a5b51b$export$83d89fbfd8236492 = "0.0.100";
+const $c9c4d066f9a5b51b$export$83d89fbfd8236492 = "0.0.102";
 
 
+const $2b1fdeb83610500f$export$58e808b1db15d3bc = ()=>{
+    throw new Error("fetchDepictRecommendations is currently not available on the server due to personalisation/user_id related issues. Please only call it on the client");
+};
 function $2b1fdeb83610500f$export$9fac37a9c21c2f3b(props) {
     return props.children;
 }
@@ -62,4 +65,4 @@ function $2b1fdeb83610500f$export$912994940e660d32() {
 }
 
 
-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$58e808b1db15d3bc as fetchDepictRecommendations, $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};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@depict-ai/react-ui",
-  "version": "0.0.100",
+  "version": "0.0.102",
   "packageManager": "yarn@3.2.2",
   "source": "src/index.ts",
   "main": "dist/main.js",
@@ -96,10 +96,10 @@
     "/locales"
   ],
   "dependencies": {
-    "@depict-ai/plp-styling": "^0.0.41",
-    "@depict-ai/ui": "^0.0.79",
-    "@depict-ai/utilishared": "^0.0.83",
-    "solid-js": "^1.6.2"
+    "@depict-ai/plp-styling": "^0.0.43",
+    "@depict-ai/ui": "^0.0.81",
+    "@depict-ai/utilishared": "^0.0.85",
+    "solid-js": "^1.7.3"
   },
   "peerDependencies": {
     "react": ">= 16.14.0",
@@ -111,7 +111,7 @@
     "@babel/preset-typescript": "latest",
     "@babel/runtime": "latest",
     "@babel/runtime-corejs3": "latest",
-    "@depict-ai/plp-styling": "^0.0.41",
+    "@depict-ai/plp-styling": "^0.0.43",
     "@jest/globals": "^29.3.1",
     "@parcel/babel-preset-env": "latest",
     "@parcel/resolver-default": "^2.8.0",