@depict-ai/react-ui 1.1.3 → 1.2.0

package/dist/index.d.ts

@@ -1,9 +1,10 @@
-import { BaseProductListingConfig, BaseProviderConfig, BaseSearchProviderConfig, BaseSearchPageConfig, BaseCategoryPageConfig, CategoryTitle, embedded_num_products, ImagePlaceholder as _ImagePlaceholder1, TextPlaceholder as _TextPlaceholder1, ExclusiveId, fetchDepictRecommendations } from "@depict-ai/ui";
-import { Display } from "@depict-ai/utilishared";
+import { BaseProductListingConfig, BaseProviderConfig, BaseSearchProviderConfig, BaseSearchPageConfig, ModernDisplayWithPageUrl as _ModernDisplayWithPageUrl1, BaseCategoryPageConfig, CategoryTitle, embedded_num_products, ImagePlaceholder as _ImagePlaceholder1, TextPlaceholder as _TextPlaceholder1, ExclusiveId, fetchDepictRecommendations } from "@depict-ai/ui";
+import { Display, ModernDisplay } 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.1.3";
+import { ModernDisplayWithPageUrl } from "@depict-ai/ui/src";
+export const version = "1.2.0";
 interface PLPConfig<T extends Display> extends BaseProductListingConfig {
     /**
      * The product card to use for rendering products.
@@ -58,7 +59,7 @@ type NavigateFunction = (relativeUrl: string, options: {
 /**
  * The config for the DepictProvider.
  */
-type ProviderConfig = BaseProviderConfig & {
+type ProviderConfig<OriginalDisplay extends Display, OutputDisplay extends ModernDisplay | never> = BaseProviderConfig<OriginalDisplay, OutputDisplay> & {
     /**
      * The function to use for navigating to a new page.
      * This function will be used internally by our components to navigate.
@@ -138,7 +139,7 @@ type ProviderConfig = BaseProviderConfig & {
  * ```
  * @returns {JSX.Element} The DepictProvider.
  */
-export function DepictProvider(props: PropsWithChildren<ProviderConfig>): import("react").FunctionComponentElement<{
+export function DepictProvider<InputDisplay extends Display, OutputDisplay extends ModernDisplay | never = InputDisplay extends ModernDisplay ? ModernDisplayWithPageUrl<InputDisplay> : never>(props: PropsWithChildren<ProviderConfig<InputDisplay, OutputDisplay>>): import("react").FunctionComponentElement<{
     children?: import("react").ReactNode;
 }>;
 /**
@@ -210,7 +211,9 @@ interface SearchPageConfig<T extends Display> extends BaseSearchPageConfig, PLPC
  *
  * ```
  */
-export function SearchPage<T extends Display>(props: SearchPageConfig<T>): import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export function SearchPage<OriginalDisplay extends Display, OutputDisplay extends ModernDisplay | never>(props: SearchPageConfig<[
+    OutputDisplay
+] extends [never] ? OriginalDisplay : _ModernDisplayWithPageUrl1<OutputDisplay>>): import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
 interface CategoryPageConfig<T extends Display> extends BaseCategoryPageConfig, PLPConfig<T> {
     /**
      * The category id to show.
@@ -270,7 +273,9 @@ interface CategoryPageConfig<T extends Display> extends BaseCategoryPageConfig,
  * }
  * ```
  */
-export function CategoryPage<T extends Display>(props: CategoryPageConfig<T>): import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export function CategoryPage<OriginalDisplay extends Display, OutputDisplay extends ModernDisplay | never>(props: CategoryPageConfig<[
+    OutputDisplay
+] extends [never] ? OriginalDisplay : _ModernDisplayWithPageUrl1<OutputDisplay>>): import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
 /**
  * BreadCrumbs is the "trail" in the header of a category page.
  */

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.1.3";
+const $db7b67857900028b$export$83d89fbfd8236492 = "1.2.0";
 
 
 
@@ -347,6 +347,7 @@ function $24b00503eef73528$export$9fac37a9c21c2f3b(props) {
             get_user_id: ()=>(0, $0b7cd4fb39fc3502$export$8e769ad4338a911e).userId,
             get_session_id: ()=>(0, $0b7cd4fb39fc3502$export$8e769ad4338a911e).sessionId
         });
+        (0, $0b7cd4fb39fc3502$export$8e769ad4338a911e).api.page_url_creator = props.pageURLCreator;
         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)({
@@ -584,15 +585,16 @@ const $7c8b440edc188ad5$export$89c6019e4baa40b1 = (raw_react_props)=>{
 const $177ac8f5258066ba$export$d69d8daa20eae175 = (createOpenModalParams)=>{
     const { globalState: globalState , location: location = "centered" , alignerRef: alignerRef  } = createOpenModalParams;
     const openModal = ()=>{
-        if (globalState.search) {
+        const { search: search  } = globalState;
+        if (search) {
             if (location === "aligned" && alignerRef?.current) (0, $4GYXz$depictaiui.open_modal_with_alignment)({
                 "element": alignerRef.current,
                 "location": location,
-                "search": globalState.search
+                "search": search
             });
             else (0, $4GYXz$depictaiui.open_modal_with_alignment)({
                 "location": "centered",
-                "search": globalState.search
+                "search": search
             });
         } else throw new Error("Depict search is not configured. Add to your DepictProvider.");
     };

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.1.3";
+const $c9c4d066f9a5b51b$export$83d89fbfd8236492 = "1.2.0";
 
 
 
@@ -327,6 +327,7 @@ function $5376eb2a386cd90d$export$9fac37a9c21c2f3b(props) {
             get_user_id: ()=>(0, $42858f023ef23dab$export$8e769ad4338a911e).userId,
             get_session_id: ()=>(0, $42858f023ef23dab$export$8e769ad4338a911e).sessionId
         });
+        (0, $42858f023ef23dab$export$8e769ad4338a911e).api.page_url_creator = props.pageURLCreator;
         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)({
@@ -564,15 +565,16 @@ const $cbd250061abf11cb$export$89c6019e4baa40b1 = (raw_react_props)=>{
 const $41cab674edff4277$export$d69d8daa20eae175 = (createOpenModalParams)=>{
     const { globalState: globalState , location: location = "centered" , alignerRef: alignerRef  } = createOpenModalParams;
     const openModal = ()=>{
-        if (globalState.search) {
+        const { search: search  } = globalState;
+        if (search) {
             if (location === "aligned" && alignerRef?.current) (0, $TZSbU$open_modal_with_alignment)({
                 "element": alignerRef.current,
                 "location": location,
-                "search": globalState.search
+                "search": search
             });
             else (0, $TZSbU$open_modal_with_alignment)({
                 "location": "centered",
-                "search": globalState.search
+                "search": search
             });
         } else throw new Error("Depict search is not configured. Add to your DepictProvider.");
     };

package/dist-server/index.d.ts

@@ -33,7 +33,7 @@ interface UseFetchRecommendationsReturn<T extends Display> {
      */
     fetchRecommendations: (opts: FetchRecsOptions) => Promise<T[]>;
 }
-export const version = "1.1.3";
+export const version = "1.2.0";
 export function DepictProvider(props: any): any;
 export function SearchPage(): any;
 export function CategoryPage(): any;

package/dist-server/main.js

@@ -40,7 +40,7 @@ function $35dfe83eec81954c$export$4b564d7f5a1b1d43({ solid_component: solid_comp
 }
 
 
-const $db7b67857900028b$export$83d89fbfd8236492 = "1.1.3";
+const $db7b67857900028b$export$83d89fbfd8236492 = "1.2.0";
 
 
 function $41e7e5d85b5e0d49$export$9fac37a9c21c2f3b(props) {

package/dist-server/module.js

@@ -22,7 +22,7 @@ function $4568c09979447ab1$export$4b564d7f5a1b1d43({ solid_component: solid_comp
 }
 
 
-const $c9c4d066f9a5b51b$export$83d89fbfd8236492 = "1.1.3";
+const $c9c4d066f9a5b51b$export$83d89fbfd8236492 = "1.2.0";
 
 
 function $2b1fdeb83610500f$export$9fac37a9c21c2f3b(props) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@depict-ai/react-ui",
-  "version": "1.1.3",
+  "version": "1.2.0",
   "packageManager": "yarn@3.2.2",
   "source": "src/index.ts",
   "main": "dist/main.js",
@@ -97,10 +97,10 @@
     "README.md"
   ],
   "dependencies": {
-    "@depict-ai/dpc": "^1.0.21",
-    "@depict-ai/plp-styling": "^1.0.22",
-    "@depict-ai/ui": "^1.1.5",
-    "@depict-ai/utilishared": "^1.0.21",
+    "@depict-ai/dpc": "^1.0.22",
+    "@depict-ai/plp-styling": "^1.0.23",
+    "@depict-ai/ui": "^1.2.0",
+    "@depict-ai/utilishared": "^1.0.22",
     "solid-js": "^1.7.3"
   },
   "peerDependencies": {
@@ -114,7 +114,7 @@
     "@babel/preset-typescript": "latest",
     "@babel/runtime": "latest",
     "@babel/runtime-corejs3": "latest",
-    "@depict-ai/plp-styling": "^1.0.22",
+    "@depict-ai/plp-styling": "^1.0.23",
     "@jest/globals": "^29.3.1",
     "@parcel/babel-preset-env": "latest",
     "@parcel/resolver-default": "^2.8.0",