@depict-ai/ui 1.4.7 → 1.4.9

package/latest/index.js

@@ -1,11 +1,11 @@
-import { add_to_version_info as $9HbP8$add_to_version_info, observer as $9HbP8$observer, catchify as $9HbP8$catchify, useExpandingContainer as $9HbP8$useExpandingContainer, standard_price_format as $9HbP8$standard_price_format, Amazing_Slider as $9HbP8$Amazing_Slider, slider_snap_css as $9HbP8$slider_snap_css, slider_fading_factory as $9HbP8$slider_fading_factory, make_random_classname as $9HbP8$make_random_classname, dlog as $9HbP8$dlog, hex_to_rgb as $9HbP8$hex_to_rgb, report as $9HbP8$report, relative_luminance_from_rgb as $9HbP8$relative_luminance_from_rgb, javascript_media_query as $9HbP8$javascript_media_query, n_col_styling_with_dist as $9HbP8$n_col_styling_with_dist, layout_get_visible_recs_without_partial_rows as $9HbP8$layout_get_visible_recs_without_partial_rows, layout_get_total_rec_amount_for_row as $9HbP8$layout_get_total_rec_amount_for_row, layout_media_query_header as $9HbP8$layout_media_query_header, fetch_recs as $9HbP8$fetch_recs, snakeCasifyObject as $9HbP8$snakeCasifyObject, instant_exec_on_suspect_history_change as $9HbP8$instant_exec_on_suspect_history_change, base_url as $9HbP8$base_url, get_depict_id as $9HbP8$get_depict_id, get_user_id as $9HbP8$get_user_id, get_session_id as $9HbP8$get_session_id, sort_obj as $9HbP8$sort_obj, fetch_retry as $9HbP8$fetch_retry, add_version_query_params as $9HbP8$add_version_query_params, dwarn as $9HbP8$dwarn, make_url_with_query_params as $9HbP8$make_url_with_query_params, base64_encode_unicode as $9HbP8$base64_encode_unicode, base64_decode_unicode as $9HbP8$base64_decode_unicode, queueMacroTask as $9HbP8$queueMacroTask, is_debug as $9HbP8$is_debug, make_asyncIterable_exiter as $9HbP8$make_asyncIterable_exiter, href_change_ipns as $9HbP8$href_change_ipns, ContainedImage as $9HbP8$ContainedImage, buildThresholdList as $9HbP8$buildThresholdList, deparallelize_no_drop as $9HbP8$deparallelize_no_drop, insert_surfaces as $9HbP8$insert_surfaces } from "@depict-ai/utilishared/latest";
+import { add_to_version_info as $9HbP8$add_to_version_info, observer as $9HbP8$observer, catchify as $9HbP8$catchify, useExpandingContainer as $9HbP8$useExpandingContainer, standard_price_format as $9HbP8$standard_price_format, Amazing_Slider as $9HbP8$Amazing_Slider, slider_snap_css as $9HbP8$slider_snap_css, slider_fading_factory as $9HbP8$slider_fading_factory, make_random_classname as $9HbP8$make_random_classname, dlog as $9HbP8$dlog, hex_to_rgb as $9HbP8$hex_to_rgb, report as $9HbP8$report, relative_luminance_from_rgb as $9HbP8$relative_luminance_from_rgb, javascript_media_query as $9HbP8$javascript_media_query, n_col_styling_with_dist as $9HbP8$n_col_styling_with_dist, layout_get_visible_recs_without_partial_rows as $9HbP8$layout_get_visible_recs_without_partial_rows, layout_get_total_rec_amount_for_row as $9HbP8$layout_get_total_rec_amount_for_row, layout_media_query_header as $9HbP8$layout_media_query_header, fetch_recs as $9HbP8$fetch_recs, snakeCasifyObject as $9HbP8$snakeCasifyObject, instant_exec_on_suspect_history_change as $9HbP8$instant_exec_on_suspect_history_change, base_url as $9HbP8$base_url, get_depict_id as $9HbP8$get_depict_id, get_user_id as $9HbP8$get_user_id, get_session_id as $9HbP8$get_session_id, sort_obj as $9HbP8$sort_obj, fetch_retry as $9HbP8$fetch_retry, add_version_query_params as $9HbP8$add_version_query_params, dwarn as $9HbP8$dwarn, make_url_with_query_params as $9HbP8$make_url_with_query_params, edit_current_page_meta_tags as $9HbP8$edit_current_page_meta_tags, base64_encode_unicode as $9HbP8$base64_encode_unicode, base64_decode_unicode as $9HbP8$base64_decode_unicode, queueMacroTask as $9HbP8$queueMacroTask, is_debug as $9HbP8$is_debug, make_asyncIterable_exiter as $9HbP8$make_asyncIterable_exiter, href_change_ipns as $9HbP8$href_change_ipns, ContainedImage as $9HbP8$ContainedImage, buildThresholdList as $9HbP8$buildThresholdList, deparallelize_no_drop as $9HbP8$deparallelize_no_drop, insert_surfaces as $9HbP8$insert_surfaces } from "@depict-ai/utilishared/latest";
 import { insert as $9HbP8$insert, createComponent as $9HbP8$createComponent, template as $9HbP8$template, getNextElement as $9HbP8$getNextElement, getNextMarker as $9HbP8$getNextMarker, addEventListener as $9HbP8$addEventListener, runHydrationEvents as $9HbP8$runHydrationEvents, memo as $9HbP8$memo, delegateEvents as $9HbP8$delegateEvents, effect as $9HbP8$effect, setAttribute as $9HbP8$setAttribute, spread as $9HbP8$spread, mergeProps as $9HbP8$mergeProps, Dynamic as $9HbP8$Dynamic, use as $9HbP8$use, style as $9HbP8$style, classList as $9HbP8$classList, className as $9HbP8$className, isServer as $9HbP8$isServer } from "solid-js/web";
 import { createSignal as $9HbP8$createSignal, createMemo as $9HbP8$createMemo, untrack as $9HbP8$untrack, createEffect as $9HbP8$createEffect, getOwner as $9HbP8$getOwner, Show as $9HbP8$Show, runWithOwner as $9HbP8$runWithOwner, Index as $9HbP8$Index, onCleanup as $9HbP8$onCleanup, createRoot as $9HbP8$createRoot, on as $9HbP8$on, For as $9HbP8$For, createRenderEffect as $9HbP8$createRenderEffect, createComputed as $9HbP8$createComputed, batch as $9HbP8$batch, ErrorBoundary as $9HbP8$ErrorBoundary, createResource as $9HbP8$createResource, createReaction as $9HbP8$createReaction, Suspense as $9HbP8$Suspense } from "solid-js";
 
 /*! Depict.ai search and product listing SDK */
 import { register_es_version } from "../multi_import_deduplicator.mjs";
 register_es_version("ui", "latest");
-const $ec291e0010116877$export$83d89fbfd8236492 = "1.4.7";
+const $ec291e0010116877$export$83d89fbfd8236492 = "1.4.9";
 function $24e27fab9c821b86$export$5bad61ecde080b1f(...params) {
   const {
     collapse: collapse,
@@ -5604,6 +5604,7 @@ function $df5d81d0fe61ff21$export$f7d2f673fc2f091d({
   depict_api_: depict_api_,
   query_id_: query_id_,
   listing_type_: listing_type_,
+  meta_title_suffix_: meta_title_suffix_,
   current_sorting_: current_sorting_,
   min_products_to_fetch_: min_products_to_fetch_,
   category_filters_open_: category_filters_open_,
@@ -5682,6 +5683,14 @@ function $df5d81d0fe61ff21$export$f7d2f673fc2f091d({
   const available_filters_ = (0, $9HbP8$createMemo)(() => plp_results_()?.filters);
   const crumb_data_ = (0, $9HbP8$createMemo)(() => plp_results_()?.breadcrumb);
   const quicklinks_data_ = (0, $9HbP8$createMemo)(() => plp_results_()?.quick_links);
+  const meta_tag_data_ = (0, $9HbP8$createMemo)(() => {
+    meta_title_suffix_();
+    return plp_results_()?.metadata?.replace_meta_tags ? {
+      title: plp_results_()?.metadata?.title + (meta_title_suffix_() || ""),
+      description: plp_results_()?.metadata?.description
+    } : null;
+  });
+  (0, $9HbP8$edit_current_page_meta_tags)(meta_tag_data_);
   const [sort_or_filter_open_, set_sort_or_filter_open_] = (0, $9HbP8$createSignal)(false);
   const [desktop_filter_elements_, set_desktop_filter_elements] = (0, $9HbP8$createSignal)();
   const formatted_number_of_results_ = (0, $511cc0abd9a64ce8$export$92f2da32c6e7e7ee)({
@@ -6233,6 +6242,23 @@ class $4fd2ba03703a7d92$export$7e1297a3a19f10d8 {
     this.on_navigation_ = on_navigation;
   }
 }
+
+/**
+ * Wraps a function in a try/catch block and throws the error globally. If undefined is provided as fn, a no-op is returned.
+ * @param fn the function to wrap
+ */
+function $d8dbf52fea1773e2$export$f50b88e2a00918b5(fn) {
+  return function (...args) {
+    if (!fn) return;
+    try {
+      return Reflect.apply(fn, this, args);
+    } catch (e) {
+      queueMicrotask(() => {
+        throw e;
+      });
+    }
+  };
+}
 const $961b5c64bef4662f$var$_tmpl$ = /*#__PURE__*/(0, $9HbP8$template)(`<div class="depict plp category"></div>`, 2);
 // We just pass page_url_creator to DepictAPI when we instantiate it, so don't allow it to be specified if api is already specified
 /**
@@ -6255,6 +6281,7 @@ class $961b5c64bef4662f$export$f34314aa9505732e {
   #merchant_signal = (0, $9HbP8$createSignal)();
   #market_signal = (0, $9HbP8$createSignal)();
   #query_id_signal = (0, $9HbP8$createSignal)("");
+  #meta_title_suffix_ = (0, $9HbP8$createSignal)();
   #listing_type_signal = (0, $9HbP8$createSignal)();
   static #keys_constructed_with = new Set();
   get localization() {
@@ -6288,6 +6315,12 @@ class $961b5c64bef4662f$export$f34314aa9505732e {
   set listing_type(listing_type) {
     this.#listing_type_signal[1](listing_type);
   }
+  get meta_title_suffix() {
+    return this.#meta_title_suffix_[0]();
+  }
+  set meta_title_suffix(new_suffix) {
+    this.#meta_title_suffix_[1](new_suffix);
+  }
   get on_navigation() {
     // The only non-reactive public property on the class (I don't see it making sense to have it reactive)
     return this.#router.on_navigation_;
@@ -6369,10 +6402,17 @@ function $961b5c64bef4662f$export$e2bf8ce7779e827e(props) {
   } = props;
   const shared_properties = $961b5c64bef4662f$var$get_shared_properties(depict_category);
   return (0, $16b52438165aafe2$export$23fca46f3143581f)(() => {
+    (0, $9HbP8$createEffect)(prev => {
+      // this is here (and not on DepictCategory) so that people also know when PageReplacer removes the page, it's intended to help people replace their own content when a depict page is navigated, see https://depictaiworkspace.slack.com/archives/C04M8MGCF3K/p1691670636155369
+      const id = depict_category.category_id; // <- this is a reactive getter
+      (0, $d8dbf52fea1773e2$export$f50b88e2a00918b5)(props.on_query_id_change)(id, prev);
+      return id;
+    });
+    (0, $9HbP8$onCleanup)(() => (0, $d8dbf52fea1773e2$export$f50b88e2a00918b5)(props.on_query_id_change)());
     const grid_spacing_override = (0, $9HbP8$createMemo)(() => {
       const {
         grid_spacing: grid_spacing
-      } = props; // can be reactive
+      } = props; // can be reactive, therefore read in the memo
       return typeof grid_spacing === "string" ? {
         grid_spacing: grid_spacing
       } : {
@@ -6408,6 +6448,7 @@ function $961b5c64bef4662f$export$e2bf8ce7779e827e(props) {
       depict_api_: depict_api_,
       min_products_to_fetch_: $961b5c64bef4662f$var$min_products_to_fetch_,
       local_filter_cache_: local_filter_cache_,
+      meta_title_suffix_: () => depict_category.meta_title_suffix,
       query_id_: () => depict_category.category_id,
       listing_type_: () => depict_category.listing_type,
       i18n_: i18n_,
@@ -9786,6 +9827,13 @@ function $806c97b931758897$export$f2dc7e4e4aa11abb(props) {
         grid_spacing: grid_spacing.horizontal
       };
     });
+    (0, $9HbP8$createEffect)(prev => {
+      // this is here (and not on DepictSearch) so that people also know when PageReplacer removes the page, it's intended to help people replace their own content when a depict page is navigated, see https://depictaiworkspace.slack.com/archives/C04M8MGCF3K/p1691670636155369
+      const search_query = shared_properties.get_search_query_();
+      (0, $d8dbf52fea1773e2$export$f50b88e2a00918b5)(props.on_query_change)(search_query, prev);
+      return search_query;
+    });
+    (0, $9HbP8$onCleanup)(() => (0, $d8dbf52fea1773e2$export$f50b88e2a00918b5)(props.on_query_change)());
     (0, $9HbP8$onCleanup)(shared_properties.reset_history_state_);
     return (0, $7097477c78a89208$export$a54ec244c8863715)({
       input_modal_open_: () => !!depict_search.modal_open,