@depict-ai/react-ui 0.0.104 → 0.0.105

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.104";
+export const version = "0.0.105";
 interface PLPConfig<T extends Display> extends BaseProductListingConfig {
     /**
      * The product card to use for rendering products.
@@ -81,9 +81,8 @@ type ProviderConfig = BaseProviderConfig & {
      */
     userId?: string;
     /**
-     * Custom metadata to be sent with each request to the Depict API. Only necessary if specifically instructed by Depict.
+     * Options that are required for search functionality.
      */
-    metaData?: Record<string, string>;
     search?: BaseSearchProviderConfig;
 };
 /**

package/dist/main.js

@@ -28,7 +28,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 = "0.0.104";
+const $db7b67857900028b$export$83d89fbfd8236492 = "0.0.105";
 
 
 
@@ -92,6 +92,8 @@ const $0b7cd4fb39fc3502$export$8e769ad4338a911e = {
     search: null,
     category: null,
     api: null,
+    userId: undefined,
+    sessionId: undefined,
     metaData: undefined,
     category_path: null,
     search_page_path_: (0, $4GYXz$solidjs.createSignal)(),
@@ -191,23 +193,14 @@ const $bc389476eeb2b615$export$599d4515591ef232 = (relativeUrl, isReplace)=>{
 
 
 
-
-const $24b00503eef73528$var$orig_user_id_fn = (0, $4GYXz$depictaiutilishared.get_user_id);
 function $24b00503eef73528$export$9fac37a9c21c2f3b(props) {
-    const { children: children , navigateFunction: navigateFunction , market: market , merchant: merchant , locale: locale , metaData: metaData , userId: userId  } = props;
+    const { children: children , navigateFunction: navigateFunction , market: market , merchant: merchant , locale: locale , metaData: metaData , userId: userId , sessionId: sessionId  } = props;
     const usedLocale = locale ?? (0, $4GYXz$depictaiuilocales.en);
     const { searchPagePath: searchPagePath , urlParamName: urlParamName , enableCategorySuggestions: enableCategorySuggestions  } = props.search ?? {};
-    // Will run on other prop changes because of object comparison, but harmless
-    (0, $4GYXz$react.useEffect)(()=>{
-        (0, $0b7cd4fb39fc3502$export$8e769ad4338a911e).metaData = metaData;
-    }, [
-        metaData
-    ]);
-    (0, $4GYXz$react.useEffect)(()=>{
-        (0, $4GYXz$depictaiutilishared.set_user_id_fn)(userId ? ()=>userId : $24b00503eef73528$var$orig_user_id_fn);
-    }, [
-        userId
-    ]);
+    // Will run on other prop changes, but harmless
+    (0, $0b7cd4fb39fc3502$export$8e769ad4338a911e).userId = userId;
+    (0, $0b7cd4fb39fc3502$export$8e769ad4338a911e).sessionId = sessionId;
+    (0, $0b7cd4fb39fc3502$export$8e769ad4338a911e).metaData = metaData;
     if (!market || !merchant) {
         (0, $0b7cd4fb39fc3502$export$8e769ad4338a911e).required_state_set_[1](false);
         return (0, $4GYXz$react.createElement)((0, $4GYXz$react.Fragment), null, children);
@@ -223,7 +216,11 @@ function $24b00503eef73528$export$9fac37a9c21c2f3b(props) {
             });
             else (0, $bc389476eeb2b615$export$599d4515591ef232)(new_relative_url, is_replace);
         };
-        if (!api) (0, $0b7cd4fb39fc3502$export$8e769ad4338a911e).api = new (0, $4GYXz$depictaiui.DepictAPI)(async ()=>(0, $0b7cd4fb39fc3502$export$8e769ad4338a911e).metaData);
+        if (!api) (0, $0b7cd4fb39fc3502$export$8e769ad4338a911e).api = new (0, $4GYXz$depictaiui.DepictAPI)({
+            get_metadata: async ()=>(0, $0b7cd4fb39fc3502$export$8e769ad4338a911e).metaData,
+            get_user_id: ()=>(0, $0b7cd4fb39fc3502$export$8e769ad4338a911e).userId,
+            get_session_id: ()=>(0, $0b7cd4fb39fc3502$export$8e769ad4338a911e).sessionId
+        });
         if (searchPagePath) {
             set_search_page_path($24b00503eef73528$var$ensure_correct_formatting(searchPagePath));
             if (!search) (0, $4GYXz$solidjs.createRoot)(()=>(0, $0b7cd4fb39fc3502$export$8e769ad4338a911e).search = new (0, $4GYXz$depictaiui.DepictSearch)({

package/dist/module.js

@@ -1,7 +1,7 @@
-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 {add_to_version_info as $TZSbU$add_to_version_info, 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 {createElement as $TZSbU$createElement, Fragment as $TZSbU$Fragment, useState as $TZSbU$useState, useRef as $TZSbU$useRef, useEffect as $TZSbU$useEffect, forwardRef as $TZSbU$forwardRef} from "react";
 import {en as $TZSbU$en} from "@depict-ai/ui/locales";
 import {render as $TZSbU$render} from "solid-js/web";
 import {jsx as $TZSbU$jsx} from "react/jsx-runtime";
@@ -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.104";
+const $c9c4d066f9a5b51b$export$83d89fbfd8236492 = "0.0.105";
 
 
 
@@ -73,6 +73,8 @@ const $42858f023ef23dab$export$8e769ad4338a911e = {
     search: null,
     category: null,
     api: null,
+    userId: undefined,
+    sessionId: undefined,
     metaData: undefined,
     category_path: null,
     search_page_path_: (0, $TZSbU$createSignal)(),
@@ -172,23 +174,14 @@ const $7216ca4c8308a0f9$export$599d4515591ef232 = (relativeUrl, isReplace)=>{
 
 
 
-
-const $5376eb2a386cd90d$var$orig_user_id_fn = (0, $TZSbU$get_user_id);
 function $5376eb2a386cd90d$export$9fac37a9c21c2f3b(props) {
-    const { children: children , navigateFunction: navigateFunction , market: market , merchant: merchant , locale: locale , metaData: metaData , userId: userId  } = props;
+    const { children: children , navigateFunction: navigateFunction , market: market , merchant: merchant , locale: locale , metaData: metaData , userId: userId , sessionId: sessionId  } = props;
     const usedLocale = locale ?? (0, $TZSbU$en);
     const { searchPagePath: searchPagePath , urlParamName: urlParamName , enableCategorySuggestions: enableCategorySuggestions  } = props.search ?? {};
-    // Will run on other prop changes because of object comparison, but harmless
-    (0, $TZSbU$useEffect)(()=>{
-        (0, $42858f023ef23dab$export$8e769ad4338a911e).metaData = metaData;
-    }, [
-        metaData
-    ]);
-    (0, $TZSbU$useEffect)(()=>{
-        (0, $TZSbU$set_user_id_fn)(userId ? ()=>userId : $5376eb2a386cd90d$var$orig_user_id_fn);
-    }, [
-        userId
-    ]);
+    // Will run on other prop changes, but harmless
+    (0, $42858f023ef23dab$export$8e769ad4338a911e).userId = userId;
+    (0, $42858f023ef23dab$export$8e769ad4338a911e).sessionId = sessionId;
+    (0, $42858f023ef23dab$export$8e769ad4338a911e).metaData = metaData;
     if (!market || !merchant) {
         (0, $42858f023ef23dab$export$8e769ad4338a911e).required_state_set_[1](false);
         return (0, $TZSbU$createElement)((0, $TZSbU$Fragment), null, children);
@@ -204,7 +197,11 @@ function $5376eb2a386cd90d$export$9fac37a9c21c2f3b(props) {
             });
             else (0, $7216ca4c8308a0f9$export$599d4515591ef232)(new_relative_url, is_replace);
         };
-        if (!api) (0, $42858f023ef23dab$export$8e769ad4338a911e).api = new (0, $TZSbU$DepictAPI)(async ()=>(0, $42858f023ef23dab$export$8e769ad4338a911e).metaData);
+        if (!api) (0, $42858f023ef23dab$export$8e769ad4338a911e).api = new (0, $TZSbU$DepictAPI)({
+            get_metadata: async ()=>(0, $42858f023ef23dab$export$8e769ad4338a911e).metaData,
+            get_user_id: ()=>(0, $42858f023ef23dab$export$8e769ad4338a911e).userId,
+            get_session_id: ()=>(0, $42858f023ef23dab$export$8e769ad4338a911e).sessionId
+        });
         if (searchPagePath) {
             set_search_page_path($5376eb2a386cd90d$var$ensure_correct_formatting(searchPagePath));
             if (!search) (0, $TZSbU$createRoot)(()=>(0, $42858f023ef23dab$export$8e769ad4338a911e).search = new (0, $TZSbU$DepictSearch)({

package/dist-server/index.d.ts

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

package/dist-server/main.js

@@ -20,7 +20,7 @@ $parcel$export(module.exports, "useSearchModal", () => $41e7e5d85b5e0d49$export$
 $parcel$export(module.exports, "version", () => $db7b67857900028b$export$83d89fbfd8236492);
 
 
-const $db7b67857900028b$export$83d89fbfd8236492 = "0.0.104";
+const $db7b67857900028b$export$83d89fbfd8236492 = "0.0.105";
 
 
 const $41e7e5d85b5e0d49$export$58e808b1db15d3bc = ()=>{

package/dist-server/module.js

@@ -3,7 +3,7 @@ import {jsx as $1RlIW$jsx} from "react/jsx-runtime";
 
 
 
-const $c9c4d066f9a5b51b$export$83d89fbfd8236492 = "0.0.104";
+const $c9c4d066f9a5b51b$export$83d89fbfd8236492 = "0.0.105";
 
 
 const $2b1fdeb83610500f$export$58e808b1db15d3bc = ()=>{

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@depict-ai/react-ui",
-  "version": "0.0.104",
+  "version": "0.0.105",
   "packageManager": "yarn@3.2.2",
   "source": "src/index.ts",
   "main": "dist/main.js",
@@ -96,9 +96,9 @@
     "/locales"
   ],
   "dependencies": {
-    "@depict-ai/plp-styling": "^0.0.45",
-    "@depict-ai/ui": "^0.0.83",
-    "@depict-ai/utilishared": "^0.0.87",
+    "@depict-ai/plp-styling": "^1.0.1",
+    "@depict-ai/ui": "^1.0.1",
+    "@depict-ai/utilishared": "^1.0.1",
     "solid-js": "^1.7.3"
   },
   "peerDependencies": {
@@ -111,7 +111,7 @@
     "@babel/preset-typescript": "latest",
     "@babel/runtime": "latest",
     "@babel/runtime-corejs3": "latest",
-    "@depict-ai/plp-styling": "^0.0.45",
+    "@depict-ai/plp-styling": "^1.0.1",
     "@jest/globals": "^29.3.1",
     "@parcel/babel-preset-env": "latest",
     "@parcel/resolver-default": "^2.8.0",