@depict-ai/react-ui 1.5.17 → 1.5.18

package/ES10/index.js

@@ -13,25 +13,25 @@ import { DPC as $jb2Oo$DPC } from "@depict-ai/dpc/ES10";
 // Note, if you add an export here, also add one in src-server/main.ts
 import { register_es_version } from "../multi_import_deduplicator.mjs";
 register_es_version("react-ui", "ES10");
-const $9bd9bb8700ab2ada$export$83d89fbfd8236492 = "1.5.17";
+const $9bd9bb8700ab2ada$export$83d89fbfd8236492 = "1.5.18";
 const $8c691d7f86317052$export$8e769ad4338a911e = {
-  usedLocale: (0, $jb2Oo$createSignal)((0, $jb2Oo$defaultLocale)),
+  usedLocale: $jb2Oo$createSignal((0, $jb2Oo$defaultLocale)),
   search_instances: new Map(),
   category_instances: new Map(),
   api: null,
   dpc: null,
-  merchant: (0, $jb2Oo$createSignal)(),
-  market: (0, $jb2Oo$createSignal)(),
-  userId: (0, $jb2Oo$createSignal)(),
-  sessionId: (0, $jb2Oo$createSignal)(),
+  merchant: $jb2Oo$createSignal(),
+  market: $jb2Oo$createSignal(),
+  userId: $jb2Oo$createSignal(),
+  sessionId: $jb2Oo$createSignal(),
   known_category_paths: new Set(),
-  search_page_path_: (0, $jb2Oo$createSignal)(),
-  search_page_in_dom: (0, $jb2Oo$createSignal)(false),
-  category_page_in_dom: (0, $jb2Oo$createSignal)(false),
-  provider_is_updating: (0, $jb2Oo$createSignal)(false),
-  enable_content_search: (0, $jb2Oo$createSignal)(),
-  category_meta_title_suffix: (0, $jb2Oo$createSignal)(),
-  disable_override_query_id: (0, $jb2Oo$createSignal)()
+  search_page_path_: $jb2Oo$createSignal(),
+  search_page_in_dom: $jb2Oo$createSignal(false),
+  category_page_in_dom: $jb2Oo$createSignal(false),
+  provider_is_updating: $jb2Oo$createSignal(false),
+  enable_content_search: $jb2Oo$createSignal(),
+  category_meta_title_suffix: $jb2Oo$createSignal(),
+  disable_override_query_id: $jb2Oo$createSignal()
 };
 class $88d93ed7309e90d1$export$d0f82e3ef89b1f22 extends (0, $jb2Oo$Component) {
   constructor(props) {
@@ -52,7 +52,7 @@ class $88d93ed7309e90d1$export$d0f82e3ef89b1f22 extends (0, $jb2Oo$Component) {
   render() {
     if (this.state.hasError)
       // You can render any custom fallback UI
-      return (0, $jb2Oo$createElement)("div", {
+      return $jb2Oo$createElement("div", {
         children: "Component failed"
       });
     return this.props.children;
@@ -63,7 +63,7 @@ let $0dd9d9a9c7da4c1d$var$old_href = location.href;
 function $0dd9d9a9c7da4c1d$export$74f3924c5027fe1d(cb) {
   $0dd9d9a9c7da4c1d$var$run_on_href_change = cb;
 }
-(0, $jb2Oo$instant_exec_on_suspect_history_change).add((0, $jb2Oo$catchify)(() => {
+(0, $jb2Oo$instant_exec_on_suspect_history_change).add($jb2Oo$catchify(() => {
   const {
     href: href
   } = location;
@@ -72,7 +72,7 @@ function $0dd9d9a9c7da4c1d$export$74f3924c5027fe1d(cb) {
 }));
 const $0dd9d9a9c7da4c1d$export$775e6b3892b5ad52 = function () {
   let url = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : location;
-  return url.pathname == (0, $jb2Oo$untrack)((0, $8c691d7f86317052$export$8e769ad4338a911e).search_page_path_[0]);
+  return url.pathname == $jb2Oo$untrack((0, $8c691d7f86317052$export$8e769ad4338a911e).search_page_path_[0]);
 }; // might have changed therefore get it from globalState
 const $0dd9d9a9c7da4c1d$export$30c8a12df09be0e4 = function () {
   let url = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : location;
@@ -86,12 +86,12 @@ function $0dd9d9a9c7da4c1d$export$f6e64e17bd69eeef(_ref) {
     wrapper_style = {},
     hydrate_function_when_ssr: hydrate_function_when_ssr
   } = _ref;
-  const [portals, set_portals] = (0, $jb2Oo$useState)([]);
-  const wrapper_element_ref = (0, $jb2Oo$useRef)();
-  const [[store, write_store]] = (0, $jb2Oo$useState)(() => (0, $jb2Oo$createStore)(props));
+  const [portals, set_portals] = $jb2Oo$useState([]);
+  const wrapper_element_ref = $jb2Oo$useRef();
+  const [[store, write_store]] = $jb2Oo$useState(() => $jb2Oo$createStore(props));
   // Update store when props change
-  write_store((0, $jb2Oo$reconcile)(props));
-  (0, $jb2Oo$useEffect)(() => {
+  write_store($jb2Oo$reconcile(props));
+  $jb2Oo$useEffect(() => {
     const wrapper_element = wrapper_element_ref.current;
     // If someone only rendered a solid component on the client that *could* be hydrated (no childNodes) then we fall back to `render` to avoid solid complaining about not being able to hydrate or crashing because the result of generateHydrationScript hasn't run at all
     // This can happen for HMR or when SSR capable components are only rendered on the client
@@ -99,7 +99,7 @@ function $0dd9d9a9c7da4c1d$export$f6e64e17bd69eeef(_ref) {
     const dispose = render_function(() => solid_component(store, set_portals), wrapper_element);
     return dispose;
   }, []);
-  return (0, $jb2Oo$createElement)((0, $jb2Oo$Fragment), null, (0, $jb2Oo$createElement)(wrapper_type, {
+  return $jb2Oo$createElement((0, $jb2Oo$Fragment), null, $jb2Oo$createElement(wrapper_type, {
     ref: wrapper_element_ref,
     style: wrapper_style,
     ...(hydrate_function_when_ssr ? {
@@ -114,8 +114,8 @@ function $0dd9d9a9c7da4c1d$export$f6e64e17bd69eeef(_ref) {
 function $0dd9d9a9c7da4c1d$export$e5139bbbb9a05035(component, is_set) {
   return function () {
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) args[_key] = arguments[_key];
-    const default_is_set = (0, $jb2Oo$createMemo)(() => !!((0, $8c691d7f86317052$export$8e769ad4338a911e).merchant[0]() && (0, $8c691d7f86317052$export$8e769ad4338a911e).market[0]())); // Apparently Show re-renders kids otherwise even if the falsiness of the condition doesn't change
-    const should_show = (0, $jb2Oo$createMemo)(prev => {
+    const default_is_set = $jb2Oo$createMemo(() => !!((0, $8c691d7f86317052$export$8e769ad4338a911e).merchant[0]() && (0, $8c691d7f86317052$export$8e769ad4338a911e).market[0]())); // Apparently Show re-renders kids otherwise even if the falsiness of the condition doesn't change
+    const should_show = $jb2Oo$createMemo(prev => {
       if (!prev && (0, $8c691d7f86317052$export$8e769ad4338a911e).provider_is_updating[0]())
         // Why `!prev`? See https://gitlab.com/depict-ai/depict.ai/-/merge_requests/7854#note_1495776987
         // If we weren't showing the component and the DepictProvider is currently updating, wait for it to have finished updating before showing the component
@@ -124,7 +124,7 @@ function $0dd9d9a9c7da4c1d$export$e5139bbbb9a05035(component, is_set) {
       return (is_set || default_is_set)();
     });
     // @ts-ignore
-    return (0, $jb2Oo$createComponent)((0, $jb2Oo$Show), {
+    return $jb2Oo$createComponent((0, $jb2Oo$Show), {
       get when() {
         return should_show();
       },
@@ -145,17 +145,17 @@ async function $0dd9d9a9c7da4c1d$export$79c79419c1ef0081(_ref2) {
   let was_cleaned_up = false;
   const react_has_ran_hooks = new Promise(r => set_react_has_ran_hooks = r);
   const solid_container = document.createElement("div");
-  const owner = (0, $jb2Oo$getOwner)();
-  const reactProductCard = (0, $jb2Oo$jsx)(props => {
+  const owner = $jb2Oo$getOwner();
+  const reactProductCard = $jb2Oo$jsx(props => {
     // Sneak in a hook into their product card component to know once react has finished rendering and running hooks
-    (0, $jb2Oo$useEffect)(set_react_has_ran_hooks, []);
+    $jb2Oo$useEffect(set_react_has_ran_hooks, []);
     return react_template(props);
   }, {
     display: display
   });
-  const reactProductCardInErrorBoundary = (0, $jb2Oo$jsx)((0, $88d93ed7309e90d1$export$d0f82e3ef89b1f22), {
+  const reactProductCardInErrorBoundary = $jb2Oo$jsx((0, $88d93ed7309e90d1$export$d0f82e3ef89b1f22), {
     children: reactProductCard,
-    on_error: error => (0, $jb2Oo$runWithOwner)(owner, () => {
+    on_error: error => $jb2Oo$runWithOwner(owner, () => {
       if (was_cleaned_up) return; // Would infinite loop if we'd throw after we've already been cleaned up. That is because the `ErrorBoundary` won't be "registered" with the cleaned-up owner anymore so react would hear about the throw and attempt to re-render the error boundary or something which would throw again, etc.
       throw new (0, $jb2Oo$ProductCardError)(error);
     })
@@ -163,7 +163,7 @@ async function $0dd9d9a9c7da4c1d$export$79c79419c1ef0081(_ref2) {
   const portal = $jb2Oo$createPortal(reactProductCardInErrorBoundary, solid_container);
   component_portals.add(portal);
   set_portals([...component_portals]);
-  (0, $jb2Oo$onCleanup)(() => {
+  $jb2Oo$onCleanup(() => {
     was_cleaned_up = true;
     // this will stop working after any await so be careful to not await before this, or you'll have to carry the owner over with getOwner and runWithOwner
     component_portals.delete(portal);
@@ -177,7 +177,7 @@ let $64144f6d578fd8ac$var$set = false;
 let $64144f6d578fd8ac$var$padding_animation;
 function $64144f6d578fd8ac$export$6453cbc34515a94d() {
   var _window, _window$next, _window$next$router, _window$next$router$e;
-  const are_on_search_or_category_page = () => (0, $0dd9d9a9c7da4c1d$export$775e6b3892b5ad52)() || (0, $0dd9d9a9c7da4c1d$export$30c8a12df09be0e4)();
+  const are_on_search_or_category_page = () => $0dd9d9a9c7da4c1d$export$775e6b3892b5ad52() || $0dd9d9a9c7da4c1d$export$30c8a12df09be0e4();
   if ($64144f6d578fd8ac$var$set) return; // Just being safe
   $64144f6d578fd8ac$var$set = true;
   // We used to initialise this variable with false which in some cases (scroll to top button in FloatingButtons) would cause the scroll to be blocked when it shouldn't (see https://depictaiworkspace.slack.com/archives/C058KQ3MU8Z/p1686141321127089?thread_ts=1686134246.109689&cid=C058KQ3MU8Z)
@@ -193,7 +193,7 @@ function $64144f6d578fd8ac$export$6453cbc34515a94d() {
     } else should_use_old_scroll = true;
   };
   // When popping state, add padding in the same event as the "popstate" event (required) and then remove it once our stuff is in the DOM
-  addEventListener("popstate", (0, $jb2Oo$catchify)(() => {
+  addEventListener("popstate", $jb2Oo$catchify(() => {
     if (!are_on_search_or_category_page()) {
       $64144f6d578fd8ac$var$removeLotsOfPadding(); // Just making sure
       return;
@@ -201,10 +201,10 @@ function $64144f6d578fd8ac$export$6453cbc34515a94d() {
     should_use_old_scroll = false;
     const [get_search_page_in_dom] = (0, $8c691d7f86317052$export$8e769ad4338a911e).search_page_in_dom;
     const [get_category_page_in_dom] = (0, $8c691d7f86317052$export$8e769ad4338a911e).category_page_in_dom;
-    const search_page_in_dom = (0, $jb2Oo$untrack)(get_search_page_in_dom);
-    const category_page_in_dom = (0, $jb2Oo$untrack)(get_category_page_in_dom);
-    const new_is_search = (0, $0dd9d9a9c7da4c1d$export$775e6b3892b5ad52)();
-    const new_is_category = (0, $0dd9d9a9c7da4c1d$export$30c8a12df09be0e4)();
+    const search_page_in_dom = $jb2Oo$untrack(get_search_page_in_dom);
+    const category_page_in_dom = $jb2Oo$untrack(get_category_page_in_dom);
+    const new_is_search = $0dd9d9a9c7da4c1d$export$775e6b3892b5ad52();
+    const new_is_category = $0dd9d9a9c7da4c1d$export$30c8a12df09be0e4();
     let accessor_to_wait_for;
     if (search_page_in_dom && new_is_search || category_page_in_dom && new_is_category) {
       // Already on the page we're going to
@@ -213,7 +213,7 @@ function $64144f6d578fd8ac$export$6453cbc34515a94d() {
     }
     $64144f6d578fd8ac$var$addLotsOfPadding();
     if (new_is_search && category_page_in_dom) accessor_to_wait_for = get_search_page_in_dom;else if (new_is_category && search_page_in_dom) accessor_to_wait_for = get_category_page_in_dom;else accessor_to_wait_for = new_is_search ? get_search_page_in_dom : get_category_page_in_dom;
-    (0, $jb2Oo$createRoot)(dispose => (0, $jb2Oo$createEffect)(() => {
+    $jb2Oo$createRoot(dispose => $jb2Oo$createEffect(() => {
       if (accessor_to_wait_for()) {
         $64144f6d578fd8ac$var$removeLotsOfPadding();
         dispose();
@@ -222,7 +222,7 @@ function $64144f6d578fd8ac$export$6453cbc34515a94d() {
   }));
   (_window = window) === null || _window === void 0 || (_window$next = _window.next) === null || _window$next === void 0 || (_window$next$router = _window$next.router) === null || _window$next$router === void 0 || (_window$next$router$e = _window$next$router.events) === null || _window$next$router$e === void 0 || _window$next$router$e.on(
   // We have to use the actual next router here, if we'd use next_router_event_target for this window.event wouldn't be the popstate anymore
-  "routeChangeStart", (0, $jb2Oo$catchify)(() => {
+  "routeChangeStart", $jb2Oo$catchify(() => {
     // this is for when we navigate to a new page (replaceState or pushState)
     // We need to ensure that the page doesn't get shorter before the new history entry has been pushed
     // There is beforeHistoryChange which fires literally the line of code before the history API is called, so we make the page long until a task after that
@@ -231,7 +231,7 @@ function $64144f6d578fd8ac$export$6453cbc34515a94d() {
     // This is catchified, so we should see in sentry when it starts failing if browsers ever remove it???
     if (window.event instanceof PopStateEvent) return;
     $64144f6d578fd8ac$var$addLotsOfPadding();
-    next_router_event_target.addEventListener("beforeHistoryChange", (0, $jb2Oo$catchify)(() => (0, $jb2Oo$queueMacroTask)($64144f6d578fd8ac$var$removeLotsOfPadding)), {
+    next_router_event_target.addEventListener("beforeHistoryChange", $jb2Oo$catchify(() => $jb2Oo$queueMacroTask($64144f6d578fd8ac$var$removeLotsOfPadding)), {
       once: true
     });
   }));
@@ -268,9 +268,9 @@ const $7abe9e29758fa0eb$export$599d4515591ef232 = (relativeUrl, isReplace, scrol
     Page[Page["SEARCH"] = 1] = "SEARCH";
     Page[Page["CATEGORY"] = 2] = "CATEGORY";
   })(Page || (Page = {}));
-  const current_page = (0, $0dd9d9a9c7da4c1d$export$775e6b3892b5ad52)() ? Page.SEARCH : (0, $0dd9d9a9c7da4c1d$export$30c8a12df09be0e4)() ? Page.CATEGORY : Page.OTHER;
+  const current_page = $0dd9d9a9c7da4c1d$export$775e6b3892b5ad52() ? Page.SEARCH : $0dd9d9a9c7da4c1d$export$30c8a12df09be0e4() ? Page.CATEGORY : Page.OTHER;
   const target_u_o = new URL(relativeUrl, location.origin);
-  const target_page = (0, $0dd9d9a9c7da4c1d$export$775e6b3892b5ad52)(target_u_o) ? Page.SEARCH : (0, $0dd9d9a9c7da4c1d$export$30c8a12df09be0e4)(target_u_o) ? Page.CATEGORY : Page.OTHER;
+  const target_page = $0dd9d9a9c7da4c1d$export$775e6b3892b5ad52(target_u_o) ? Page.SEARCH : $0dd9d9a9c7da4c1d$export$30c8a12df09be0e4(target_u_o) ? Page.CATEGORY : Page.OTHER;
   window.next.router[isReplace ? "replace" : "push"](relativeUrl, undefined, {
     shallow: current_page === target_page && target_page !== Page.OTHER,
     scroll:
@@ -318,27 +318,27 @@ function $bef9f58602be2478$export$bae2769a30719c48(disposable, stateKey) {
     const instance = new (0, $jb2Oo$DepictSearch)({
       api: (0, $8c691d7f86317052$export$8e769ad4338a911e).api,
       search_query_url_param_name: search_query_url_param_name,
-      market: (0, $jb2Oo$untrack)(get_market),
+      market: $jb2Oo$untrack(get_market),
       // TODO: check if we can do this
-      merchant: (0, $jb2Oo$untrack)(get_merchant),
+      merchant: $jb2Oo$untrack(get_merchant),
       enable_category_suggestions: (_globalState$enableCa = (0, $8c691d7f86317052$export$8e769ad4338a911e).enableCategorySuggestions) !== null && _globalState$enableCa !== void 0 ? _globalState$enableCa : false,
       // default category suggestions to false for @depict-ai/react-ui (https://linear.app/depictai/issue/FRO-401/default-enablecategorysuggestions-to-false)
-      localization: (0, $jb2Oo$untrack)(get_locale),
-      url_transformer: url => url.pathname = (0, $jb2Oo$untrack)(get_search_page_path),
+      localization: $jb2Oo$untrack(get_locale),
+      url_transformer: url => url.pathname = $jb2Oo$untrack(get_search_page_path),
       on_navigation: (0, $8c691d7f86317052$export$8e769ad4338a911e).on_navigation,
       unique_instance_key_for_state: stateKey,
-      enable_content_search: (0, $jb2Oo$untrack)(get_enable_content_search)
+      enable_content_search: $jb2Oo$untrack(get_enable_content_search)
     });
-    (0, $jb2Oo$createComputed)(() => {
+    $jb2Oo$createComputed(() => {
       const new_merchant = get_merchant();
       if (new_merchant) instance.merchant = new_merchant;
     });
-    (0, $jb2Oo$createComputed)(() => {
+    $jb2Oo$createComputed(() => {
       const new_market = get_market();
       if (new_market) instance.market = new_market;
     });
-    (0, $jb2Oo$createComputed)(() => instance.localization = get_locale());
-    (0, $jb2Oo$createComputed)(() => instance.enable_content_search = get_enable_content_search());
+    $jb2Oo$createComputed(() => instance.localization = get_locale());
+    $jb2Oo$createComputed(() => instance.enable_content_search = get_enable_content_search());
     return {
       instance: instance,
       dispose: dispose,
@@ -347,7 +347,7 @@ function $bef9f58602be2478$export$bae2769a30719c48(disposable, stateKey) {
   };
   const function_length_0 = () => actual_function();
   const function_length_1 = dispose => actual_function(dispose);
-  return (0, $jb2Oo$createRoot)(disposable ? function_length_1 : function_length_0); // solid-js creates roots differently based on if it can detect a dispose argument, with function.length. That's why this is written like this
+  return $jb2Oo$createRoot(disposable ? function_length_1 : function_length_0); // solid-js creates roots differently based on if it can detect a dispose argument, with function.length. That's why this is written like this
 }
 
 function $b1c85026e863c95b$export$248b95d5073d5bab(disposable, stateKey) {
@@ -361,24 +361,24 @@ function $b1c85026e863c95b$export$248b95d5073d5bab(disposable, stateKey) {
     } = (0, $8c691d7f86317052$export$8e769ad4338a911e);
     const instance = new (0, $jb2Oo$DepictCategory)({
       api: (0, $8c691d7f86317052$export$8e769ad4338a911e).api,
-      market: (0, $jb2Oo$untrack)(get_market),
+      market: $jb2Oo$untrack(get_market),
       // TODO: check if we can do this
-      merchant: (0, $jb2Oo$untrack)(get_merchant),
-      localization: (0, $jb2Oo$untrack)(get_locale),
+      merchant: $jb2Oo$untrack(get_merchant),
+      localization: $jb2Oo$untrack(get_locale),
       on_navigation: (0, $8c691d7f86317052$export$8e769ad4338a911e).on_navigation,
       unique_instance_key_for_state: stateKey
     });
-    (0, $jb2Oo$createComputed)(() => {
+    $jb2Oo$createComputed(() => {
       const new_merchant = get_merchant();
       if (new_merchant) instance.merchant = new_merchant;
     });
-    (0, $jb2Oo$createComputed)(() => {
+    $jb2Oo$createComputed(() => {
       const new_market = get_market();
       if (new_market) instance.market = new_market;
     });
-    (0, $jb2Oo$createComputed)(() => instance.localization = get_locale());
-    (0, $jb2Oo$createComputed)(() => instance.meta_title_suffix = get_category_meta_title_suffix());
-    (0, $jb2Oo$createComputed)(() => instance.disable_override_query_id = get_disable_override_query_id());
+    $jb2Oo$createComputed(() => instance.localization = get_locale());
+    $jb2Oo$createComputed(() => instance.meta_title_suffix = get_category_meta_title_suffix());
+    $jb2Oo$createComputed(() => instance.disable_override_query_id = get_disable_override_query_id());
     return {
       instance: instance,
       dispose: dispose,
@@ -387,7 +387,7 @@ function $b1c85026e863c95b$export$248b95d5073d5bab(disposable, stateKey) {
   };
   const function_length_0 = () => actual_function();
   const function_length_1 = dispose => actual_function(dispose);
-  return (0, $jb2Oo$createRoot)(disposable ? function_length_1 : function_length_0); // solid-js creates roots differently based on if it can detect a dispose argument, with function.length. That's why this is written like this
+  return $jb2Oo$createRoot(disposable ? function_length_1 : function_length_0); // solid-js creates roots differently based on if it can detect a dispose argument, with function.length. That's why this is written like this
 }
 
 let $18e5b9f66c7ade8e$var$provider_instances = 0;
@@ -429,11 +429,11 @@ function $18e5b9f66c7ade8e$var$ActualDepictProvider(props) {
   (0, $8c691d7f86317052$export$8e769ad4338a911e).enableCategorySuggestions = enableCategorySuggestions;
   (0, $8c691d7f86317052$export$8e769ad4338a911e).category_meta_title_suffix[1]((_props$category = props.category) === null || _props$category === void 0 ? void 0 : _props$category.metaTitleSuffix);
   (0, $8c691d7f86317052$export$8e769ad4338a911e).disable_override_query_id[1]((_props$category2 = props.category) === null || _props$category2 === void 0 ? void 0 : _props$category2.disableOverrideQueryId);
-  (0, $b34796f5ebe3470e$export$47e064413edabf36)(merchant, market, userId, sessionId);
-  if (!market || !merchant) return (0, $jb2Oo$createElement)((0, $jb2Oo$Fragment), null, children);
+  $b34796f5ebe3470e$export$47e064413edabf36(merchant, market, userId, sessionId);
+  if (!market || !merchant) return $jb2Oo$createElement((0, $jb2Oo$Fragment), null, children);
   (0, $8c691d7f86317052$export$8e769ad4338a911e).market[1](market);
   (0, $8c691d7f86317052$export$8e769ad4338a911e).merchant[1](merchant);
-  (0, $64144f6d578fd8ac$export$6453cbc34515a94d)();
+  $64144f6d578fd8ac$export$6453cbc34515a94d();
   try {
     var _window, _window$next;
     const {
@@ -452,13 +452,13 @@ function $18e5b9f66c7ade8e$var$ActualDepictProvider(props) {
       if (navigateFunction) navigateFunction(new_relative_url, {
         replace: is_replace,
         scroll: scroll
-      });else (0, $7abe9e29758fa0eb$export$599d4515591ef232)(new_relative_url, is_replace, scroll);
+      });else $7abe9e29758fa0eb$export$599d4515591ef232(new_relative_url, is_replace, scroll);
     };
     (0, $8c691d7f86317052$export$8e769ad4338a911e).on_navigation = on_navigation;
     (0, $8c691d7f86317052$export$8e769ad4338a911e).api || ((0, $8c691d7f86317052$export$8e769ad4338a911e).api = new (0, $jb2Oo$DepictAPI)({
       get_metadata: async () => (0, $8c691d7f86317052$export$8e769ad4338a911e).metaData,
-      get_user_id: () => (0, $jb2Oo$untrack)((0, $8c691d7f86317052$export$8e769ad4338a911e).userId[0]),
-      get_session_id: () => (0, $jb2Oo$untrack)((0, $8c691d7f86317052$export$8e769ad4338a911e).sessionId[0])
+      get_user_id: () => $jb2Oo$untrack((0, $8c691d7f86317052$export$8e769ad4338a911e).userId[0]),
+      get_session_id: () => $jb2Oo$untrack((0, $8c691d7f86317052$export$8e769ad4338a911e).sessionId[0])
     }));
     (0, $8c691d7f86317052$export$8e769ad4338a911e).api.page_url_creator = props.pageURLCreator;
     (0, $8c691d7f86317052$export$8e769ad4338a911e).api.display_transformers = props.displayTransformers;
@@ -466,11 +466,11 @@ function $18e5b9f66c7ade8e$var$ActualDepictProvider(props) {
     if (!search_instances.get(undefined)) {
       // Create initial search instance which always exists. It i.e. gards against the state getting deleted from history.state by someone pushing to it with an empty object, which commonly people copy from code snippets.
       // Also, it emulates the behavior pre-supporting multiple "depict blocks" on the same page
-      const instance = (0, $bef9f58602be2478$export$bae2769a30719c48)(false);
+      const instance = $bef9f58602be2478$export$bae2769a30719c48(false);
       search_instances.set(undefined, instance);
     }
     if (!category_instances.get(undefined)) {
-      const instance = (0, $b1c85026e863c95b$export$248b95d5073d5bab)(false);
+      const instance = $b1c85026e863c95b$export$248b95d5073d5bab(false);
       category_instances.set(undefined, instance);
     }
   } catch (e) {
@@ -479,7 +479,7 @@ function $18e5b9f66c7ade8e$var$ActualDepictProvider(props) {
       throw e;
     });
   }
-  return (0, $jb2Oo$createElement)((0, $jb2Oo$Fragment), null, children);
+  return $jb2Oo$createElement((0, $jb2Oo$Fragment), null, children);
 }
 function $18e5b9f66c7ade8e$var$ensure_correct_formatting(path) {
   // Make sure the path starts with a slash as it always will and is_page will fail otherwise
@@ -487,7 +487,7 @@ function $18e5b9f66c7ade8e$var$ensure_correct_formatting(path) {
   return path;
 }
 function $18e5b9f66c7ade8e$var$multiple_depictprovider_guard() {
-  (0, $jb2Oo$useEffect)(() => {
+  $jb2Oo$useEffect(() => {
     $18e5b9f66c7ade8e$var$provider_instances++;
     if ($18e5b9f66c7ade8e$var$provider_instances > 1) throw new Error("You are using multiple DepictProviders. This is not supported and will lead to unexpected behavior. You can create multiple SearchPage and CategoryPage components, but only one DepictProvider.");
     return () => {
@@ -495,8 +495,8 @@ function $18e5b9f66c7ade8e$var$multiple_depictprovider_guard() {
     };
   }, []);
 }
-const $f6a205a95e4fdee3$export$80e99ee6b29cadd2 = /*#__PURE__*/(0, $jb2Oo$forwardRef)((_, ref) => {
-  return /*#__PURE__*/(0, $jb2Oo$createElement)("div", {
+const $f6a205a95e4fdee3$export$80e99ee6b29cadd2 = /*#__PURE__*/$jb2Oo$forwardRef((_, ref) => {
+  return /*#__PURE__*/$jb2Oo$createElement("div", {
     className: "depict aligner",
     style: {
       height: "100%"
@@ -509,11 +509,11 @@ function $fda7a7820477f957$export$f4d89133c6985668(type, stateKey, componentName
   if (!instances.get(undefined)) throw Error("".concat(componentName, ": State not set up. Did you forget to wrap your app in DepictProvider? Also make sure you've provided a merchant and a market."));
   let instance = instances.get(stateKey);
   if (!instance) {
-    instance = type === "search" ? (0, $bef9f58602be2478$export$bae2769a30719c48)(true, stateKey) : (0, $b1c85026e863c95b$export$248b95d5073d5bab)(true, stateKey);
+    instance = type === "search" ? $bef9f58602be2478$export$bae2769a30719c48(true, stateKey) : $b1c85026e863c95b$export$248b95d5073d5bab(true, stateKey);
     instances.set(stateKey, instance);
   }
   instance.users++;
-  (0, $jb2Oo$onCleanup)(() => {
+  $jb2Oo$onCleanup(() => {
     var _instance;
     instance.users--;
     if (!instance.users && (_instance = instance) !== null && _instance !== void 0 && _instance.dispose) {
@@ -526,24 +526,24 @@ function $fda7a7820477f957$export$f4d89133c6985668(type, stateKey, componentName
 }
 const $d059770e7af9e2dc$var$rendered_components_with_state_key = new Set();
 function $d059770e7af9e2dc$export$a54ec244c8863715(props) {
-  return (0, $0dd9d9a9c7da4c1d$export$f6e64e17bd69eeef)({
-    solid_component: (0, $0dd9d9a9c7da4c1d$export$e5139bbbb9a05035)($d059770e7af9e2dc$var$SolidSearchPage),
+  return $0dd9d9a9c7da4c1d$export$f6e64e17bd69eeef({
+    solid_component: $0dd9d9a9c7da4c1d$export$e5139bbbb9a05035($d059770e7af9e2dc$var$SolidSearchPage),
     props: props
   });
 }
 function $d059770e7af9e2dc$var$SolidSearchPage(props, set_portals) {
-  const depict_search = (0, $jb2Oo$createMemo)(() => {
-    const instance = (0, $fda7a7820477f957$export$f4d89133c6985668)("search", props.stateKey, "SearchPage");
-    (0, $jb2Oo$onCleanup)(() => {
+  const depict_search = $jb2Oo$createMemo(() => {
+    const instance = $fda7a7820477f957$export$f4d89133c6985668("search", props.stateKey, "SearchPage");
+    $jb2Oo$onCleanup(() => {
       var _get_search_query_upd;
       // Make sure we don't block the search query updating signal when we switch to a new provider instance
-      (_get_search_query_upd = (0, $jb2Oo$get_search_query_updating_blocked_signal)(instance)) === null || _get_search_query_upd === void 0 || _get_search_query_upd[1](false);
+      (_get_search_query_upd = $jb2Oo$get_search_query_updating_blocked_signal(instance)) === null || _get_search_query_upd === void 0 || _get_search_query_upd[1](false);
     });
     return instance;
   });
   const update_updating_blocked_signal = () => {
     // if search instances changes, also re-check for good measure (otherwise would have untrack around depict_search)
-    const signal = (0, $jb2Oo$get_search_query_updating_blocked_signal)(depict_search());
+    const signal = $jb2Oo$get_search_query_updating_blocked_signal(depict_search());
     if (!signal) throw Error("No search_query_updating_blocked_signal when rendering SearchPage");
     const [, write_signal] = signal;
     // This causes a bug. To reproduce:
@@ -555,26 +555,26 @@ function $d059770e7af9e2dc$var$SolidSearchPage(props, set_portals) {
     // This is because on the front page the search_query updating is blocked because it's not the search page, and that means that `filtered_previous_searches` in Autocomplete.tsx doesn't filter out the current search query
     // Because it's so minor and would be quite hard to fix (one would need a second "actual search query" signal just for this purpose) it's wontfix for now
     // EDIT: now that we're resetting this in the onCleanup of the memo above this might no longer be the case
-    write_signal(!(0, $0dd9d9a9c7da4c1d$export$775e6b3892b5ad52)(location));
+    write_signal(!$0dd9d9a9c7da4c1d$export$775e6b3892b5ad52(location));
   };
   const [, set_search_page_in_dom] = (0, $8c691d7f86317052$export$8e769ad4338a911e).search_page_in_dom;
   const component_portals = new Set();
   // We should only get here once react already has a DOM node which means we should be in the DOM
   set_search_page_in_dom(true);
-  (0, $jb2Oo$onCleanup)(() => set_search_page_in_dom(false));
+  $jb2Oo$onCleanup(() => set_search_page_in_dom(false));
   // react is really slow with disposing components, we want to avoid a flash of another search query when you click on a product and navigate away
-  (0, $0dd9d9a9c7da4c1d$export$74f3924c5027fe1d)(update_updating_blocked_signal); // if we navigate, re-check
-  (0, $jb2Oo$createComputed)(() => {
+  $0dd9d9a9c7da4c1d$export$74f3924c5027fe1d(update_updating_blocked_signal); // if we navigate, re-check
+  $jb2Oo$createComputed(() => {
     (0, $8c691d7f86317052$export$8e769ad4338a911e).search_page_path_[0](); // if react defined path changes, re-check
     update_updating_blocked_signal();
   });
   $d059770e7af9e2dc$var$search_page_path_checker();
-  return (0, $jb2Oo$createMemo)(() => {
-    const stateKey = (0, $jb2Oo$untrack)(() => props.stateKey);
+  return $jb2Oo$createMemo(() => {
+    const stateKey = $jb2Oo$untrack(() => props.stateKey);
     if ($d059770e7af9e2dc$var$rendered_components_with_state_key.has(stateKey)) throw new Error("You have multiple SearchPage components with the same stateKey: ".concat(stateKey, ". Each SearchPage component must have a unique stateKey."));
     $d059770e7af9e2dc$var$rendered_components_with_state_key.add(stateKey);
-    (0, $jb2Oo$onCleanup)(() => $d059770e7af9e2dc$var$rendered_components_with_state_key.delete(stateKey));
-    return (0, $jb2Oo$SearchPage)({
+    $jb2Oo$onCleanup(() => $d059770e7af9e2dc$var$rendered_components_with_state_key.delete(stateKey));
+    return $jb2Oo$SearchPage({
       // Default config goes here
       get include_input_field() {
         return props.includeInputField;
@@ -588,9 +588,9 @@ function $d059770e7af9e2dc$var$SolidSearchPage(props, set_portals) {
         return (_props$gridSpacing = props.gridSpacing) !== null && _props$gridSpacing !== void 0 ? _props$gridSpacing : (0, $jb2Oo$defaultGridSpacing);
       },
       depict_search: depict_search(),
-      product_card_template: display => (0, $0dd9d9a9c7da4c1d$export$79c79419c1ef0081)({
+      product_card_template: display => $0dd9d9a9c7da4c1d$export$79c79419c1ef0081({
         display: display,
-        react_template: (0, $jb2Oo$untrack)(() => props.productCard),
+        react_template: $jb2Oo$untrack(() => props.productCard),
         component_portals: component_portals,
         set_portals: set_portals
       })
@@ -602,7 +602,7 @@ function $d059770e7af9e2dc$var$SolidSearchPage(props, set_portals) {
  */
 function $d059770e7af9e2dc$var$search_page_path_checker() {
   let has_warned = false;
-  (0, $jb2Oo$createEffect)(() => {
+  $jb2Oo$createEffect(() => {
     if (has_warned) return;
     const should_be_path = (0, $8c691d7f86317052$export$8e769ad4338a911e).search_page_path_[0]();
     const {
@@ -611,32 +611,32 @@ function $d059770e7af9e2dc$var$search_page_path_checker() {
     if (
     // allow some variability just to be sure
     should_be_path !== pathname && should_be_path + "/" !== pathname && should_be_path !== pathname + "/") {
-      (0, $jb2Oo$derror)("searchPagePath is set to", should_be_path, "but the SearchPage is rendered at", pathname, ". Please double-check your searchPagePath is where the SearchPage component ends up being rendered, after all redirects, unless you're sure this is intentional.");
+      $jb2Oo$derror("searchPagePath is set to", should_be_path, "but the SearchPage is rendered at", pathname, ". Please double-check your searchPagePath is where the SearchPage component ends up being rendered, after all redirects, unless you're sure this is intentional.");
       has_warned = true;
     }
   });
 }
 const $e86a296a07b17ad5$var$rendered_components_with_state_key = new Set();
 function $e86a296a07b17ad5$export$f7d2f673fc2f091d(props) {
-  return (0, $0dd9d9a9c7da4c1d$export$f6e64e17bd69eeef)({
+  return $0dd9d9a9c7da4c1d$export$f6e64e17bd69eeef({
     // @ts-ignore
-    solid_component: (0, $0dd9d9a9c7da4c1d$export$e5139bbbb9a05035)($e86a296a07b17ad5$var$SolidCategoryPage),
+    solid_component: $0dd9d9a9c7da4c1d$export$e5139bbbb9a05035($e86a296a07b17ad5$var$SolidCategoryPage),
     props: props,
     wrapper_type: "div",
     wrapper_style: {}
   });
 }
 function $e86a296a07b17ad5$var$SolidCategoryPage(props, set_portals) {
-  const depict_category = (0, $jb2Oo$createMemo)(() => (0, $fda7a7820477f957$export$f4d89133c6985668)("category", props.stateKey, "CategoryPage") // stateKey can change
+  const depict_category = $jb2Oo$createMemo(() => $fda7a7820477f957$export$f4d89133c6985668("category", props.stateKey, "CategoryPage") // stateKey can change
   );
 
-  const [category_state_set, set_category_state_set] = (0, $jb2Oo$createSignal)(false);
+  const [category_state_set, set_category_state_set] = $jb2Oo$createSignal(false);
   const component_portals = new Set();
   const [, set_category_page_in_dom] = (0, $8c691d7f86317052$export$8e769ad4338a911e).category_page_in_dom;
   // We should only get here once react already has a DOM node which means we should be in the DOM
   set_category_page_in_dom(true);
-  (0, $jb2Oo$onCleanup)(() => set_category_page_in_dom(false));
-  (0, $jb2Oo$createComputed)(() => {
+  $jb2Oo$onCleanup(() => set_category_page_in_dom(false));
+  $jb2Oo$createComputed(() => {
     const {
       categoryId: categoryId
     } = props;
@@ -646,13 +646,13 @@ function $e86a296a07b17ad5$var$SolidCategoryPage(props, set_portals) {
       (0, $8c691d7f86317052$export$8e769ad4338a911e).known_category_paths.add(location.pathname);
     }
   });
-  (0, $jb2Oo$createComputed)(() => depict_category().listing_type = props.listingType);
-  const category = () => (0, $jb2Oo$createMemo)(() => {
-    const stateKey = (0, $jb2Oo$untrack)(() => props.stateKey);
+  $jb2Oo$createComputed(() => depict_category().listing_type = props.listingType);
+  const category = () => $jb2Oo$createMemo(() => {
+    const stateKey = $jb2Oo$untrack(() => props.stateKey);
     if ($e86a296a07b17ad5$var$rendered_components_with_state_key.has(stateKey)) throw new Error("You have multiple CategoryPage components with the same stateKey: ".concat(stateKey, ". Each CategoryPage component must have a unique stateKey."));
     $e86a296a07b17ad5$var$rendered_components_with_state_key.add(stateKey);
-    (0, $jb2Oo$onCleanup)(() => $e86a296a07b17ad5$var$rendered_components_with_state_key.delete(stateKey));
-    return (0, $jb2Oo$CategoryPage)({
+    $jb2Oo$onCleanup(() => $e86a296a07b17ad5$var$rendered_components_with_state_key.delete(stateKey));
+    return $jb2Oo$CategoryPage({
       depict_category: depict_category(),
       get cols_at_size() {
         var _props$columnsAtSize;
@@ -662,50 +662,50 @@ function $e86a296a07b17ad5$var$SolidCategoryPage(props, set_portals) {
         var _props$gridSpacing;
         return (_props$gridSpacing = props.gridSpacing) !== null && _props$gridSpacing !== void 0 ? _props$gridSpacing : (0, $jb2Oo$defaultGridSpacing);
       },
-      category_title: (0, $jb2Oo$untrack)(() => props.categoryTitlePlugin) || (0, $jb2Oo$defaultCategoryTitlePlugin),
+      category_title: $jb2Oo$untrack(() => props.categoryTitlePlugin) || (0, $jb2Oo$defaultCategoryTitlePlugin),
       get show_breadcrumbs() {
         return props.showBreadcrumbs;
       },
       get show_quicklinks() {
         return props.showQuicklinks;
       },
-      product_card_template: display => (0, $0dd9d9a9c7da4c1d$export$79c79419c1ef0081)({
+      product_card_template: display => $0dd9d9a9c7da4c1d$export$79c79419c1ef0081({
         display: display,
-        react_template: (0, $jb2Oo$untrack)(() => props.productCard),
+        react_template: $jb2Oo$untrack(() => props.productCard),
         component_portals: component_portals,
         set_portals: set_portals
       })
     });
   });
-  return (0, $0dd9d9a9c7da4c1d$export$e5139bbbb9a05035)(category, category_state_set);
+  return $0dd9d9a9c7da4c1d$export$e5139bbbb9a05035(category, category_state_set);
 }
 function $ec632214ac078e79$export$5646050d516e06bc(react_props) {
-  return (0, $0dd9d9a9c7da4c1d$export$f6e64e17bd69eeef)({
-    solid_component: (0, $0dd9d9a9c7da4c1d$export$e5139bbbb9a05035)($ec632214ac078e79$var$vanilla_breadcrumbs),
+  return $0dd9d9a9c7da4c1d$export$f6e64e17bd69eeef({
+    solid_component: $0dd9d9a9c7da4c1d$export$e5139bbbb9a05035($ec632214ac078e79$var$vanilla_breadcrumbs),
     props: react_props
   });
 }
 function $ec632214ac078e79$var$vanilla_breadcrumbs(props) {
   // memo so stateKey can be dynamically changed
-  return (0, $jb2Oo$createMemo)(() => {
-    const depict_category = (0, $fda7a7820477f957$export$f4d89133c6985668)("category", props.stateKey, "BreadCrumbs");
-    return (0, $jb2Oo$BreadCrumbs)({
+  return $jb2Oo$createMemo(() => {
+    const depict_category = $fda7a7820477f957$export$f4d89133c6985668("category", props.stateKey, "BreadCrumbs");
+    return $jb2Oo$BreadCrumbs({
       depict_category: depict_category
     });
   });
 }
 function $c61814cfb91ead09$export$466cdc317043f6cb() {
   let react_props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  return (0, $0dd9d9a9c7da4c1d$export$f6e64e17bd69eeef)({
-    solid_component: (0, $0dd9d9a9c7da4c1d$export$e5139bbbb9a05035)($c61814cfb91ead09$var$vanilla_quick_links),
+  return $0dd9d9a9c7da4c1d$export$f6e64e17bd69eeef({
+    solid_component: $0dd9d9a9c7da4c1d$export$e5139bbbb9a05035($c61814cfb91ead09$var$vanilla_quick_links),
     props: react_props
   });
 }
 function $c61814cfb91ead09$var$vanilla_quick_links(props) {
   // memo so stateKey can be dynamically changed
-  return (0, $jb2Oo$createMemo)(() => {
-    const depict_category = (0, $fda7a7820477f957$export$f4d89133c6985668)("category", props.stateKey, "QuickLinks");
-    return (0, $jb2Oo$QuickLinks)({
+  return $jb2Oo$createMemo(() => {
+    const depict_category = $fda7a7820477f957$export$f4d89133c6985668("category", props.stateKey, "QuickLinks");
+    return $jb2Oo$QuickLinks({
       depict_category: depict_category
     });
   });
@@ -715,8 +715,8 @@ const $6406849926c3f794$export$3f37af283f8fb843 = raw_react_props => {
     class: raw_react_props.className,
     ...raw_react_props
   };
-  return (0, $0dd9d9a9c7da4c1d$export$f6e64e17bd69eeef)({
-    solid_component: props_store => (0, $jb2Oo$ImagePlaceholder)(props_store),
+  return $0dd9d9a9c7da4c1d$export$f6e64e17bd69eeef({
+    solid_component: props_store => $jb2Oo$ImagePlaceholder(props_store),
     props: react_props,
     wrapper_type: "span",
     hydrate_function_when_ssr: (0, $jb2Oo$hydrate)
@@ -727,8 +727,8 @@ const $2c7738b65cbcac1c$export$89c6019e4baa40b1 = raw_react_props => {
     class: raw_react_props.className,
     ...raw_react_props
   };
-  return (0, $0dd9d9a9c7da4c1d$export$f6e64e17bd69eeef)({
-    solid_component: props_store => (0, $jb2Oo$TextPlaceholder)(props_store),
+  return $0dd9d9a9c7da4c1d$export$f6e64e17bd69eeef({
+    solid_component: props_store => $jb2Oo$TextPlaceholder(props_store),
     props: react_props,
     wrapper_type: "span",
     hydrate_function_when_ssr: (0, $jb2Oo$hydrate),
@@ -743,9 +743,9 @@ const $1283ca5a3f4a4617$export$d69d8daa20eae175 = createOpenModalParams => {
     alignerRef: alignerRef,
     stateKey: stateKey
   } = createOpenModalParams;
-  let [deduped_variable, set_deduped_variable] = (0, $jb2Oo$useState)();
+  let [deduped_variable, set_deduped_variable] = $jb2Oo$useState();
   // When component using this hook unmounts, "untrack" our component and dispose the search instance if needed
-  (0, $jb2Oo$useEffect)(() => {
+  $jb2Oo$useEffect(() => {
     var _deduped_variable, _deduped_variable$;
     return (_deduped_variable = deduped_variable) === null || _deduped_variable === void 0 ? void 0 : (_deduped_variable$ = _deduped_variable[1]) === null || _deduped_variable$ === void 0 ? void 0 : _deduped_variable$.call(_deduped_variable);
   }, []);
@@ -753,15 +753,15 @@ const $1283ca5a3f4a4617$export$d69d8daa20eae175 = createOpenModalParams => {
     // Get the search instance and track this component, but only once (basically work around re-rendering)
     // We have to do this in the openModal function since people might call this hook before creating DepictProvider
     if (!deduped_variable) {
-      deduped_variable = (0, $jb2Oo$createRoot)(dispose => [(0, $fda7a7820477f957$export$f4d89133c6985668)("search", stateKey, "useSearchModal"), dispose]);
+      deduped_variable = $jb2Oo$createRoot(dispose => [$fda7a7820477f957$export$f4d89133c6985668("search", stateKey, "useSearchModal"), dispose]);
       set_deduped_variable(deduped_variable);
     }
     const [search] = deduped_variable;
-    if (location === "aligned" && alignerRef !== null && alignerRef !== void 0 && alignerRef.current) (0, $jb2Oo$open_modal_with_alignment)({
+    if (location === "aligned" && alignerRef !== null && alignerRef !== void 0 && alignerRef.current) $jb2Oo$open_modal_with_alignment({
       "element": alignerRef.current,
       "location": location,
       "search": search
-    });else (0, $jb2Oo$open_modal_with_alignment)({
+    });else $jb2Oo$open_modal_with_alignment({
       "location": "centered",
       "search": search
     });
@@ -770,7 +770,7 @@ const $1283ca5a3f4a4617$export$d69d8daa20eae175 = createOpenModalParams => {
 };
 function $356d18d3ed66814e$export$912994940e660d32() {
   let params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  const open = (0, $1283ca5a3f4a4617$export$d69d8daa20eae175)({
+  const open = $1283ca5a3f4a4617$export$d69d8daa20eae175({
     globalState: $8c691d7f86317052$export$8e769ad4338a911e,
     ...params
   });
@@ -782,15 +782,15 @@ const $4c71282d292aac6d$export$9bb30bbe003b82e0 = function () {
   let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   // We should just export a plain SearchField component here, not a weird hook thing, but I don't want to make a breaking change. Just fixing the re-rendering issue for now.
   // Create signal that persists across renders
-  const [[get_aligner_signal_value, set_aligner_signal_value]] = (0, $jb2Oo$useState)((0, $jb2Oo$createSignal)());
+  const [[get_aligner_signal_value, set_aligner_signal_value]] = $jb2Oo$useState($jb2Oo$createSignal());
   // Update signal value when alignerRef changes
   set_aligner_signal_value(props === null || props === void 0 ? void 0 : props.alignerRef);
   // Make sure react never re-renders the actual SearchField component
-  const componentFunction = (0, $jb2Oo$useCallback)(() => (0, $0dd9d9a9c7da4c1d$export$f6e64e17bd69eeef)({
-    solid_component: (0, $0dd9d9a9c7da4c1d$export$e5139bbbb9a05035)(() => {
-      return (0, $jb2Oo$createMemo)(() => {
-        const depict_search = (0, $fda7a7820477f957$export$f4d89133c6985668)("search", props.stateKey, "useSearchField");
-        return (0, $jb2Oo$SearchField)({
+  const componentFunction = $jb2Oo$useCallback(() => $0dd9d9a9c7da4c1d$export$f6e64e17bd69eeef({
+    solid_component: $0dd9d9a9c7da4c1d$export$e5139bbbb9a05035(() => {
+      return $jb2Oo$createMemo(() => {
+        const depict_search = $fda7a7820477f957$export$f4d89133c6985668("search", props.stateKey, "useSearchField");
+        return $jb2Oo$SearchField({
           depict_search: depict_search,
           get aligner_ref() {
             var _get_aligner_signal_v;
@@ -818,14 +818,14 @@ function $1895644749ca8d8a$var$fetchRecommendations(opts) {
     userId: [get_userId],
     sessionId: [get_sessionId]
   } = (0, $8c691d7f86317052$export$8e769ad4338a911e);
-  const merchant = (0, $jb2Oo$untrack)(get_merchant);
-  const market = (0, $jb2Oo$untrack)(get_market);
+  const merchant = $jb2Oo$untrack(get_merchant);
+  const market = $jb2Oo$untrack(get_market);
   if (!merchant || !market) throw new Error("Depict recommendations are not configured. Wrap your app in a DepictProvider.");
-  return (0, $jb2Oo$fetchDepictRecommendations)({
+  return $jb2Oo$fetchDepictRecommendations({
     merchant: merchant,
     market: market,
-    userId: (0, $jb2Oo$untrack)(get_userId),
-    sessionId: (0, $jb2Oo$untrack)(get_sessionId),
+    userId: $jb2Oo$untrack(get_userId),
+    sessionId: $jb2Oo$untrack(get_sessionId),
     ...opts
   });
 }
@@ -840,9 +840,9 @@ const $05726fa9c7eda0a1$export$804fac5697cfbe35 = router => (relativeUrl, _ref)
     Page[Page["SEARCH"] = 1] = "SEARCH";
     Page[Page["CATEGORY"] = 2] = "CATEGORY";
   })(Page || (Page = {}));
-  const current_page = (0, $0dd9d9a9c7da4c1d$export$775e6b3892b5ad52)() ? Page.SEARCH : (0, $0dd9d9a9c7da4c1d$export$30c8a12df09be0e4)() ? Page.CATEGORY : Page.OTHER;
+  const current_page = $0dd9d9a9c7da4c1d$export$775e6b3892b5ad52() ? Page.SEARCH : $0dd9d9a9c7da4c1d$export$30c8a12df09be0e4() ? Page.CATEGORY : Page.OTHER;
   const target_u_o = new URL(relativeUrl, location.origin);
-  const target_page = (0, $0dd9d9a9c7da4c1d$export$775e6b3892b5ad52)(target_u_o) ? Page.SEARCH : (0, $0dd9d9a9c7da4c1d$export$30c8a12df09be0e4)(target_u_o) ? Page.CATEGORY : Page.OTHER;
+  const target_page = $0dd9d9a9c7da4c1d$export$775e6b3892b5ad52(target_u_o) ? Page.SEARCH : $0dd9d9a9c7da4c1d$export$30c8a12df09be0e4(target_u_o) ? Page.CATEGORY : Page.OTHER;
   router[replace ? "replace" : "push"](relativeUrl, undefined, {
     shallow: current_page === target_page && target_page !== Page.OTHER,
     scroll:
@@ -853,5 +853,5 @@ const $05726fa9c7eda0a1$export$804fac5697cfbe35 = router => (relativeUrl, _ref)
 const $a7dfdd84298ae791$export$b8a61e5c71402559 = {
   nextRouterNavigation: $05726fa9c7eda0a1$export$804fac5697cfbe35
 };
-(0, $jb2Oo$add_to_version_info)("react-ui", (0, $9bd9bb8700ab2ada$export$83d89fbfd8236492));
+$jb2Oo$add_to_version_info("react-ui", (0, $9bd9bb8700ab2ada$export$83d89fbfd8236492));
 export { $c61814cfb91ead09$export$466cdc317043f6cb as QuickLinks, $ec632214ac078e79$export$5646050d516e06bc as BreadCrumbs, $f6a205a95e4fdee3$export$80e99ee6b29cadd2 as ComponentAligner, $18e5b9f66c7ade8e$export$9fac37a9c21c2f3b as DepictProvider, $e86a296a07b17ad5$export$f7d2f673fc2f091d as CategoryPage, $d059770e7af9e2dc$export$a54ec244c8863715 as SearchPage, $6406849926c3f794$export$3f37af283f8fb843 as ImagePlaceholder, $2c7738b65cbcac1c$export$89c6019e4baa40b1 as TextPlaceholder, $356d18d3ed66814e$export$912994940e660d32 as useSearchModal, $4c71282d292aac6d$export$9bb30bbe003b82e0 as useSearchField, $1895644749ca8d8a$export$6501da23a2770fc as useFetchRecommendations, $b34796f5ebe3470e$export$38b98fae14bd1f64 as usePerformanceClient, $383b6fd56bf151bd$re_export$CategoryTitle as CategoryTitle, $383b6fd56bf151bd$re_export$EmbeddedNumProducts as EmbeddedNumProducts, $9bd9bb8700ab2ada$export$83d89fbfd8236492 as version, $a7dfdd84298ae791$export$b8a61e5c71402559 as Navigation };