@depict-ai/react-ui 0.0.85 → 0.0.86

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.85";
+export const version = "0.0.86";
 interface PLPConfig<T extends Display> extends BaseProductListingConfig {
     /**
      * The product card to use for rendering products.
@@ -70,6 +70,14 @@ type ProviderConfig = BaseProviderConfig & {
      * @default en
      */
     locale?: Locale;
+    /**
+     * Unique ID of the currently logged in user, if applicable.
+     */
+    userId?: string;
+    /**
+     * Custom metadata to be sent with each request to the Depict API. Only necessary if specifically instructed by Depict.
+     */
+    metaData?: Record<string, string>;
     search: BaseSearchProviderConfig;
 };
 /**

package/dist/main.js

@@ -27,7 +27,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.85";
+const $db7b67857900028b$export$83d89fbfd8236492 = "0.0.86";
 
 
 
@@ -90,6 +90,8 @@ function $6319748b4f0426f0$var$removeLotsOfPadding() {
 const $0b7cd4fb39fc3502$export$8e769ad4338a911e = {
     search: null,
     category: null,
+    api: null,
+    metaData: undefined,
     category_path: null,
     search_page_path_: (0, $4GYXz$solidjs.createSignal)(),
     required_state_set_: (0, $4GYXz$solidjs.createSignal)(false)
@@ -183,16 +185,29 @@ const $bc389476eeb2b615$export$599d4515591ef232 = (relativeUrl)=>{
 
 
 
+
+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  } = props;
+    const { children: children , navigateFunction: navigateFunction , market: market , merchant: merchant , locale: locale , metaData: metaData , userId: userId  } = 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
+    ]);
     if (!market || !merchant) {
         (0, $0b7cd4fb39fc3502$export$8e769ad4338a911e).required_state_set_[1](false);
         return (0, $4GYXz$react.createElement)((0, $4GYXz$react.Fragment), null, children);
     }
     try {
-        const { search: search , category: category  } = (0, $0b7cd4fb39fc3502$export$8e769ad4338a911e);
+        const { search: search , category: category , api: api  } = (0, $0b7cd4fb39fc3502$export$8e769ad4338a911e);
         const [get_search_page_path, set_search_page_path] = (0, $0b7cd4fb39fc3502$export$8e769ad4338a911e).search_page_path_;
         set_search_page_path($24b00503eef73528$var$ensure_correct_formatting(searchPagePath));
         if (typeof window?.next?.router === "undefined" && !navigateFunction) throw new Error("You must provide a navigateFunction when not using Next.js.");
@@ -200,7 +215,9 @@ function $24b00503eef73528$export$9fac37a9c21c2f3b(props) {
             if (navigateFunction) navigateFunction(new_relative_url);
             else (0, $bc389476eeb2b615$export$599d4515591ef232)(new_relative_url);
         };
+        if (!api) (0, $0b7cd4fb39fc3502$export$8e769ad4338a911e).api = new (0, $4GYXz$depictaiui.DepictAPI)(async ()=>(0, $0b7cd4fb39fc3502$export$8e769ad4338a911e).metaData);
         if (!search) (0, $4GYXz$solidjs.createRoot)(()=>(0, $0b7cd4fb39fc3502$export$8e769ad4338a911e).search = new (0, $4GYXz$depictaiui.DepictSearch)({
+                api: (0, $0b7cd4fb39fc3502$export$8e769ad4338a911e).api,
                 search_query_url_param_name: urlParamName,
                 market: market,
                 merchant: merchant,
@@ -216,6 +233,7 @@ function $24b00503eef73528$export$9fac37a9c21c2f3b(props) {
             search.localization = usedLocale;
         }
         if (!category) (0, $4GYXz$solidjs.createRoot)(()=>(0, $0b7cd4fb39fc3502$export$8e769ad4338a911e).category = new (0, $4GYXz$depictaiui.DepictCategory)({
+                api: (0, $0b7cd4fb39fc3502$export$8e769ad4338a911e).api,
                 market: market,
                 merchant: merchant,
                 localization: usedLocale,

package/dist/module.js

@@ -1,7 +1,7 @@
-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, 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, 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, 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 {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 {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 {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";
 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.85";
+const $c9c4d066f9a5b51b$export$83d89fbfd8236492 = "0.0.86";
 
 
 
@@ -72,6 +72,8 @@ function $8071251ee4e9ffa1$var$removeLotsOfPadding() {
 const $42858f023ef23dab$export$8e769ad4338a911e = {
     search: null,
     category: null,
+    api: null,
+    metaData: undefined,
     category_path: null,
     search_page_path_: (0, $TZSbU$createSignal)(),
     required_state_set_: (0, $TZSbU$createSignal)(false)
@@ -165,16 +167,29 @@ const $7216ca4c8308a0f9$export$599d4515591ef232 = (relativeUrl)=>{
 
 
 
+
+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  } = props;
+    const { children: children , navigateFunction: navigateFunction , market: market , merchant: merchant , locale: locale , metaData: metaData , userId: userId  } = 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
+    ]);
     if (!market || !merchant) {
         (0, $42858f023ef23dab$export$8e769ad4338a911e).required_state_set_[1](false);
         return (0, $TZSbU$createElement)((0, $TZSbU$Fragment), null, children);
     }
     try {
-        const { search: search , category: category  } = (0, $42858f023ef23dab$export$8e769ad4338a911e);
+        const { search: search , category: category , api: api  } = (0, $42858f023ef23dab$export$8e769ad4338a911e);
         const [get_search_page_path, set_search_page_path] = (0, $42858f023ef23dab$export$8e769ad4338a911e).search_page_path_;
         set_search_page_path($5376eb2a386cd90d$var$ensure_correct_formatting(searchPagePath));
         if (typeof window?.next?.router === "undefined" && !navigateFunction) throw new Error("You must provide a navigateFunction when not using Next.js.");
@@ -182,7 +197,9 @@ function $5376eb2a386cd90d$export$9fac37a9c21c2f3b(props) {
             if (navigateFunction) navigateFunction(new_relative_url);
             else (0, $7216ca4c8308a0f9$export$599d4515591ef232)(new_relative_url);
         };
+        if (!api) (0, $42858f023ef23dab$export$8e769ad4338a911e).api = new (0, $TZSbU$DepictAPI)(async ()=>(0, $42858f023ef23dab$export$8e769ad4338a911e).metaData);
         if (!search) (0, $TZSbU$createRoot)(()=>(0, $42858f023ef23dab$export$8e769ad4338a911e).search = new (0, $TZSbU$DepictSearch)({
+                api: (0, $42858f023ef23dab$export$8e769ad4338a911e).api,
                 search_query_url_param_name: urlParamName,
                 market: market,
                 merchant: merchant,
@@ -198,6 +215,7 @@ function $5376eb2a386cd90d$export$9fac37a9c21c2f3b(props) {
             search.localization = usedLocale;
         }
         if (!category) (0, $TZSbU$createRoot)(()=>(0, $42858f023ef23dab$export$8e769ad4338a911e).category = new (0, $TZSbU$DepictCategory)({
+                api: (0, $42858f023ef23dab$export$8e769ad4338a911e).api,
                 market: market,
                 merchant: merchant,
                 localization: usedLocale,

package/dist-server/index.d.ts

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

package/dist-server/main.js

@@ -19,7 +19,7 @@ $parcel$export(module.exports, "useSearchModal", () => $41e7e5d85b5e0d49$export$
 $parcel$export(module.exports, "version", () => $db7b67857900028b$export$83d89fbfd8236492);
 
 
-const $db7b67857900028b$export$83d89fbfd8236492 = "0.0.85";
+const $db7b67857900028b$export$83d89fbfd8236492 = "0.0.86";
 
 
 function $41e7e5d85b5e0d49$export$9fac37a9c21c2f3b(props) {

package/dist-server/module.js

@@ -3,7 +3,7 @@ import {jsx as $1RlIW$jsx} from "react/jsx-runtime";
 
 
 
-const $c9c4d066f9a5b51b$export$83d89fbfd8236492 = "0.0.85";
+const $c9c4d066f9a5b51b$export$83d89fbfd8236492 = "0.0.86";
 
 
 function $2b1fdeb83610500f$export$9fac37a9c21c2f3b(props) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@depict-ai/react-ui",
-  "version": "0.0.85",
+  "version": "0.0.86",
   "packageManager": "yarn@3.2.2",
   "source": "src/index.ts",
   "main": "dist/main.js",
@@ -95,9 +95,9 @@
     "/locales"
   ],
   "dependencies": {
-    "@depict-ai/plp-styling": "^0.0.25",
-    "@depict-ai/ui": "^0.0.64",
-    "@depict-ai/utilishared": "^0.0.61",
+    "@depict-ai/plp-styling": "^0.0.26",
+    "@depict-ai/ui": "^0.0.65",
+    "@depict-ai/utilishared": "^0.0.62",
     "solid-js": "^1.6.2"
   },
   "peerDependencies": {
@@ -110,7 +110,7 @@
     "@babel/preset-typescript": "latest",
     "@babel/runtime": "latest",
     "@babel/runtime-corejs3": "latest",
-    "@depict-ai/plp-styling": "^0.0.25",
+    "@depict-ai/plp-styling": "^0.0.26",
     "@jest/globals": "^29.3.1",
     "@parcel/babel-preset-env": "latest",
     "@parcel/resolver-default": "^2.8.0",