@depict-ai/react-ui 1.5.2 → 1.5.3

package/dist/index.d.ts

@@ -3,7 +3,7 @@ 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.5.2";
+export const version = "1.5.3";
 interface PLPConfig<T extends Display> extends BaseProductListingConfig {
     /**
      * The product card to use for rendering products.

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.5.2";
+const $db7b67857900028b$export$83d89fbfd8236492 = "1.5.3";
 
 
 
@@ -56,7 +56,8 @@ const $0b7cd4fb39fc3502$export$8e769ad4338a911e = {
     known_category_paths: new Set(),
     search_page_path_: (0, $4GYXz$solidjs.createSignal)(),
     search_page_in_dom: (0, $4GYXz$solidjs.createSignal)(false),
-    category_page_in_dom: (0, $4GYXz$solidjs.createSignal)(false)
+    category_page_in_dom: (0, $4GYXz$solidjs.createSignal)(false),
+    provider_is_updating: (0, $4GYXz$solidjs.createSignal)(false)
 };
 
 
@@ -135,10 +136,16 @@ function $b4d0d98857ed9934$export$f6e64e17bd69eeef({ solid_component: solid_comp
 function $b4d0d98857ed9934$export$e5139bbbb9a05035(component, is_set) {
     return (...args)=>{
         const default_is_set = (0, $4GYXz$solidjs.createMemo)(()=>!!((0, $0b7cd4fb39fc3502$export$8e769ad4338a911e).merchant[0]() && (0, $0b7cd4fb39fc3502$export$8e769ad4338a911e).market[0]())); // Apparently Show re-renders kids otherwise even if the falsiness of the condition doesn't change
+        const should_show = (0, $4GYXz$solidjs.createMemo)((prev)=>{
+            if (!prev && (0, $0b7cd4fb39fc3502$export$8e769ad4338a911e).provider_is_updating[0]()) // If we weren't showing the component and the DepictProvider is currently updating, wait for it to have finished updating before showing the component
+            // Otherwise as soon as tenant and market is set we render the CategoryPage, but we might not have a DepictCategory yet, see https://depictaiworkspace.slack.com/archives/C04UZ2Z0RNE/p1690895918347289?thread_ts=1688391305.529449&cid=C04UZ2Z0RNE
+            return false;
+            return (is_set || default_is_set)();
+        });
         // @ts-ignore
         return (0, $4GYXz$solidjs.createComponent)((0, $4GYXz$solidjs.Show), {
             get when () {
-                return (is_set || default_is_set)();
+                return should_show();
             },
             get children () {
                 return component(...args);
@@ -400,6 +407,14 @@ function $da98aca6c7d4c3f9$export$248b95d5073d5bab(disposable, stateKey) {
 
 let $24b00503eef73528$var$provider_instances = 0;
 function $24b00503eef73528$export$9fac37a9c21c2f3b(props) {
+    (0, $0b7cd4fb39fc3502$export$8e769ad4338a911e).provider_is_updating[1](true);
+    try {
+        return $24b00503eef73528$var$ActualDepictProvider(props);
+    } finally{
+        (0, $0b7cd4fb39fc3502$export$8e769ad4338a911e).provider_is_updating[1](false);
+    }
+}
+function $24b00503eef73528$var$ActualDepictProvider(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.defaultLocale);
     const { searchPagePath: searchPagePath, urlParamName: urlParamName, enableCategorySuggestions: enableCategorySuggestions } = props.search ?? {};

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.5.2";
+const $c9c4d066f9a5b51b$export$83d89fbfd8236492 = "1.5.3";
 
 
 
@@ -36,7 +36,8 @@ const $42858f023ef23dab$export$8e769ad4338a911e = {
     known_category_paths: new Set(),
     search_page_path_: (0, $TZSbU$createSignal)(),
     search_page_in_dom: (0, $TZSbU$createSignal)(false),
-    category_page_in_dom: (0, $TZSbU$createSignal)(false)
+    category_page_in_dom: (0, $TZSbU$createSignal)(false),
+    provider_is_updating: (0, $TZSbU$createSignal)(false)
 };
 
 
@@ -115,10 +116,16 @@ function $c83ba9ab79386687$export$f6e64e17bd69eeef({ solid_component: solid_comp
 function $c83ba9ab79386687$export$e5139bbbb9a05035(component, is_set) {
     return (...args)=>{
         const default_is_set = (0, $TZSbU$createMemo)(()=>!!((0, $42858f023ef23dab$export$8e769ad4338a911e).merchant[0]() && (0, $42858f023ef23dab$export$8e769ad4338a911e).market[0]())); // Apparently Show re-renders kids otherwise even if the falsiness of the condition doesn't change
+        const should_show = (0, $TZSbU$createMemo)((prev)=>{
+            if (!prev && (0, $42858f023ef23dab$export$8e769ad4338a911e).provider_is_updating[0]()) // If we weren't showing the component and the DepictProvider is currently updating, wait for it to have finished updating before showing the component
+            // Otherwise as soon as tenant and market is set we render the CategoryPage, but we might not have a DepictCategory yet, see https://depictaiworkspace.slack.com/archives/C04UZ2Z0RNE/p1690895918347289?thread_ts=1688391305.529449&cid=C04UZ2Z0RNE
+            return false;
+            return (is_set || default_is_set)();
+        });
         // @ts-ignore
         return (0, $TZSbU$createComponent)((0, $TZSbU$Show), {
             get when () {
-                return (is_set || default_is_set)();
+                return should_show();
             },
             get children () {
                 return component(...args);
@@ -380,6 +387,14 @@ function $9145bcf81a0216ce$export$248b95d5073d5bab(disposable, stateKey) {
 
 let $5376eb2a386cd90d$var$provider_instances = 0;
 function $5376eb2a386cd90d$export$9fac37a9c21c2f3b(props) {
+    (0, $42858f023ef23dab$export$8e769ad4338a911e).provider_is_updating[1](true);
+    try {
+        return $5376eb2a386cd90d$var$ActualDepictProvider(props);
+    } finally{
+        (0, $42858f023ef23dab$export$8e769ad4338a911e).provider_is_updating[1](false);
+    }
+}
+function $5376eb2a386cd90d$var$ActualDepictProvider(props) {
     const { children: children, navigateFunction: navigateFunction, market: market, merchant: merchant, locale: locale, metaData: metaData, userId: userId, sessionId: sessionId } = props;
     const usedLocale = locale ?? (0, $TZSbU$defaultLocale);
     const { searchPagePath: searchPagePath, urlParamName: urlParamName, enableCategorySuggestions: enableCategorySuggestions } = props.search ?? {};

package/dist-server/index.d.ts

@@ -33,7 +33,7 @@ interface UseFetchRecommendationsReturn<T extends Display> {
      */
     fetchRecommendations: (opts: FetchRecsOptions) => Promise<T[]>;
 }
-export const version = "1.5.2";
+export const version = "1.5.3";
 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.5.2";
+const $db7b67857900028b$export$83d89fbfd8236492 = "1.5.3";
 
 
 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.5.2";
+const $c9c4d066f9a5b51b$export$83d89fbfd8236492 = "1.5.3";
 
 
 function $2b1fdeb83610500f$export$9fac37a9c21c2f3b(props) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@depict-ai/react-ui",
-  "version": "1.5.2",
+  "version": "1.5.3",
   "packageManager": "yarn@3.2.2",
   "source": "src/index.ts",
   "main": "dist/main.js",