@depict-ai/react-ui 0.0.89 → 0.0.92

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.89";
+export const version = "0.0.92";
 interface PLPConfig<T extends Display> extends BaseProductListingConfig {
     /**
      * The product card to use for rendering products.
@@ -78,7 +78,7 @@ type ProviderConfig = BaseProviderConfig & {
      * 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;
+    search?: BaseSearchProviderConfig;
 };
 /**
  * The DepictProvider is a wrapper component that should be used to wrap any component that uses Depict components.

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.89";
+const $db7b67857900028b$export$83d89fbfd8236492 = "0.0.92";
 
 
 
@@ -209,28 +209,30 @@ function $24b00503eef73528$export$9fac37a9c21c2f3b(props) {
     try {
         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.");
         const on_navigation = (new_relative_url)=>{
             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,
-                enable_category_suggestions: enableCategorySuggestions ?? false,
-                // default category suggestions to false for @depict-ai/react-ui (https://linear.app/depictai/issue/FRO-401/default-enablecategorysuggestions-to-false)
-                localization: usedLocale,
-                url_transformer: (url)=>url.pathname = (0, $4GYXz$solidjs.untrack)(get_search_page_path),
-                on_navigation: on_navigation
-            }));
-        else {
-            search.market = market;
-            search.merchant = merchant;
-            search.localization = usedLocale;
+        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)({
+                    api: (0, $0b7cd4fb39fc3502$export$8e769ad4338a911e).api,
+                    search_query_url_param_name: urlParamName,
+                    market: market,
+                    merchant: merchant,
+                    enable_category_suggestions: enableCategorySuggestions ?? false,
+                    // default category suggestions to false for @depict-ai/react-ui (https://linear.app/depictai/issue/FRO-401/default-enablecategorysuggestions-to-false)
+                    localization: usedLocale,
+                    url_transformer: (url)=>url.pathname = (0, $4GYXz$solidjs.untrack)(get_search_page_path),
+                    on_navigation: on_navigation
+                }));
+            else {
+                search.market = market;
+                search.merchant = merchant;
+                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,
@@ -447,7 +449,7 @@ const $177ac8f5258066ba$export$d69d8daa20eae175 = (createOpenModalParams)=>{
                 "location": "centered",
                 "search": globalState.search
             });
-        } else throw new Error("No search instance was provided.");
+        } else throw new Error("Depict search is not configured. Add to your DepictProvider.");
     };
     return openModal;
 };

package/dist/module.js

@@ -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.89";
+const $c9c4d066f9a5b51b$export$83d89fbfd8236492 = "0.0.92";
 
 
 
@@ -191,28 +191,30 @@ function $5376eb2a386cd90d$export$9fac37a9c21c2f3b(props) {
     try {
         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.");
         const on_navigation = (new_relative_url)=>{
             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,
-                enable_category_suggestions: enableCategorySuggestions ?? false,
-                // default category suggestions to false for @depict-ai/react-ui (https://linear.app/depictai/issue/FRO-401/default-enablecategorysuggestions-to-false)
-                localization: usedLocale,
-                url_transformer: (url)=>url.pathname = (0, $TZSbU$untrack)(get_search_page_path),
-                on_navigation: on_navigation
-            }));
-        else {
-            search.market = market;
-            search.merchant = merchant;
-            search.localization = usedLocale;
+        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)({
+                    api: (0, $42858f023ef23dab$export$8e769ad4338a911e).api,
+                    search_query_url_param_name: urlParamName,
+                    market: market,
+                    merchant: merchant,
+                    enable_category_suggestions: enableCategorySuggestions ?? false,
+                    // default category suggestions to false for @depict-ai/react-ui (https://linear.app/depictai/issue/FRO-401/default-enablecategorysuggestions-to-false)
+                    localization: usedLocale,
+                    url_transformer: (url)=>url.pathname = (0, $TZSbU$untrack)(get_search_page_path),
+                    on_navigation: on_navigation
+                }));
+            else {
+                search.market = market;
+                search.merchant = merchant;
+                search.localization = usedLocale;
+            }
         }
         if (!category) (0, $TZSbU$createRoot)(()=>(0, $42858f023ef23dab$export$8e769ad4338a911e).category = new (0, $TZSbU$DepictCategory)({
                 api: (0, $42858f023ef23dab$export$8e769ad4338a911e).api,
@@ -429,7 +431,7 @@ const $41cab674edff4277$export$d69d8daa20eae175 = (createOpenModalParams)=>{
                 "location": "centered",
                 "search": globalState.search
             });
-        } else throw new Error("No search instance was provided.");
+        } else throw new Error("Depict search is not configured. Add to your DepictProvider.");
     };
     return openModal;
 };

package/dist-server/index.d.ts

@@ -9,7 +9,7 @@ interface UseSearchFieldReturn {
      */
     SearchField: () => ReactElement;
 }
-export const version = "0.0.89";
+export const version = "0.0.92";
 export function DepictProvider(props: any): any;
 export function SearchPage(): any;
 export function CategoryPage(): any;
@@ -21,7 +21,7 @@ export function ComponentAligner(): import("react").DetailedReactHTMLElement<{
         height: string;
     };
 }, HTMLElement>;
-export function ImagePlaceHolder(): any;
+export function ImagePlaceholder(): any;
 export function TextPlaceholder(): any;
 export function useSearchField(): UseSearchFieldReturn;
 export function openModal(): void;

package/dist-server/main.js

@@ -11,7 +11,7 @@ $parcel$export(module.exports, "CategoryPage", () => $41e7e5d85b5e0d49$export$f7
 $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$ecf150517ad2aa0);
+$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);
@@ -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.89";
+const $db7b67857900028b$export$83d89fbfd8236492 = "0.0.92";
 
 
 function $41e7e5d85b5e0d49$export$9fac37a9c21c2f3b(props) {
@@ -53,7 +53,7 @@ function $41e7e5d85b5e0d49$export$80e99ee6b29cadd2() {
         }
     });
 }
-function $41e7e5d85b5e0d49$export$ecf150517ad2aa0() {
+function $41e7e5d85b5e0d49$export$3f37af283f8fb843() {
     return (0, $5efvh$reactjsxruntime.jsx)("div", {
         children: []
     });

package/dist-server/module.js

@@ -3,7 +3,7 @@ import {jsx as $1RlIW$jsx} from "react/jsx-runtime";
 
 
 
-const $c9c4d066f9a5b51b$export$83d89fbfd8236492 = "0.0.89";
+const $c9c4d066f9a5b51b$export$83d89fbfd8236492 = "0.0.92";
 
 
 function $2b1fdeb83610500f$export$9fac37a9c21c2f3b(props) {
@@ -37,7 +37,7 @@ function $2b1fdeb83610500f$export$80e99ee6b29cadd2() {
         }
     });
 }
-function $2b1fdeb83610500f$export$ecf150517ad2aa0() {
+function $2b1fdeb83610500f$export$3f37af283f8fb843() {
     return (0, $1RlIW$jsx)("div", {
         children: []
     });
@@ -62,4 +62,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$ecf150517ad2aa0 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, $c9c4d066f9a5b51b$export$83d89fbfd8236492 as version};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@depict-ai/react-ui",
-  "version": "0.0.89",
+  "version": "0.0.92",
   "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.29",
-    "@depict-ai/ui": "^0.0.68",
-    "@depict-ai/utilishared": "^0.0.65",
+    "@depict-ai/plp-styling": "^0.0.32",
+    "@depict-ai/ui": "^0.0.71",
+    "@depict-ai/utilishared": "^0.0.75",
     "solid-js": "^1.6.2"
   },
   "peerDependencies": {
@@ -111,7 +111,7 @@
     "@babel/preset-typescript": "latest",
     "@babel/runtime": "latest",
     "@babel/runtime-corejs3": "latest",
-    "@depict-ai/plp-styling": "^0.0.29",
+    "@depict-ai/plp-styling": "^0.0.32",
     "@jest/globals": "^29.3.1",
     "@parcel/babel-preset-env": "latest",
     "@parcel/resolver-default": "^2.8.0",