@depict-ai/ui 1.0.16 → 1.0.18
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/client/main.js +79 -89
- package/dist/client/module.js +80 -90
- package/dist/index.d.ts +8 -2
- package/dist/main.js +8605 -0
- package/dist/module.js +8571 -0
- package/dist/server/main.js +54 -66
- package/dist/server/module.js +54 -66
- package/package.json +4 -4
package/dist/server/main.js
CHANGED
|
@@ -42,7 +42,7 @@ $parcel$export(module.exports, "defaultGridSpacing", () => $a3280f0aad997933$exp
|
|
|
42
42
|
$parcel$export(module.exports, "defaultColsAtSize", () => $a3280f0aad997933$export$c3834fa86c616831);
|
|
43
43
|
$parcel$export(module.exports, "defaultCategoryTitlePlugin", () => $a3280f0aad997933$export$7bf543b9d9be2c22);
|
|
44
44
|
$parcel$export(module.exports, "version", () => $b757f75811f3261f$export$83d89fbfd8236492);
|
|
45
|
-
/*! Depict.ai search and product listing SDK */ const $b757f75811f3261f$export$83d89fbfd8236492 = "1.0.
|
|
45
|
+
/*! Depict.ai search and product listing SDK */ const $b757f75811f3261f$export$83d89fbfd8236492 = "1.0.18";
|
|
46
46
|
|
|
47
47
|
|
|
48
48
|
|
|
@@ -541,6 +541,7 @@ const $0d0b172488865048$var$_tmpl$ = [
|
|
|
541
541
|
"<!--/--></div>"
|
|
542
542
|
];
|
|
543
543
|
function $0d0b172488865048$export$ef6006467f04ee41({ i18n_: i18n_ , expanded_hierarchical_filters_: expanded_hierarchical_filters_ , selected_filters_: selected_filters_ , local_filter_cache_: local_filter_cache_ }) {
|
|
544
|
+
const root = (0, $diwD4$solidjs.getOwner)();
|
|
544
545
|
return [
|
|
545
546
|
(0, $diwD4$solidjsweb.ssr)($0d0b172488865048$var$_tmpl$2, (0, $diwD4$solidjsweb.ssrHydrationKey)(), (0, $diwD4$solidjsweb.escape)(i18n_.no_results_text_()), (0, $diwD4$solidjsweb.escape)((0, $diwD4$solidjsweb.createComponent)((0, $diwD4$solidjs.Show), {
|
|
546
547
|
get when () {
|
|
@@ -628,11 +629,20 @@ function $5f7d55c710fd1bc2$var$unwrapping_helper(elements) {
|
|
|
628
629
|
}
|
|
629
630
|
|
|
630
631
|
|
|
632
|
+
|
|
631
633
|
let $0caf87eaa19079da$var$cached_placeholder_element;
|
|
632
634
|
let $0caf87eaa19079da$var$rendering_cached_placeholder_element;
|
|
633
635
|
function $0caf87eaa19079da$export$f33414a4df0afd3f({ product_card_template_: product_card_template_ , num_placeholders_: num_placeholders_ }) {
|
|
634
636
|
const [get_elements, set_elements] = (0, $diwD4$solidjs.createSignal)([]);
|
|
635
637
|
let existing_num = 0;
|
|
638
|
+
if (0, $diwD4$solidjsweb.isServer) // want to render simple placeholders on server, effects don't run there
|
|
639
|
+
return (0, $diwD4$solidjs.createMemo)(()=>Array.from({
|
|
640
|
+
length: num_placeholders_()
|
|
641
|
+
}).map(()=>{
|
|
642
|
+
const template_result = product_card_template_(null, undefined);
|
|
643
|
+
// @ts-ignore
|
|
644
|
+
if (typeof template_result?.then !== "function") return template_result;
|
|
645
|
+
}));
|
|
636
646
|
(0, $diwD4$solidjs.createRenderEffect)(()=>{
|
|
637
647
|
const to_add = num_placeholders_() - existing_num;
|
|
638
648
|
if (to_add <= 0) return;
|
|
@@ -825,22 +835,17 @@ function $a73063cc642f3e5f$export$43f0fb951fcb0c54({ displays_by_key_: displays_
|
|
|
825
835
|
];
|
|
826
836
|
},
|
|
827
837
|
children: (product_id, index)=>{
|
|
828
|
-
// We're using `untrack` here since we don't want to react in here to displays_by_key changing
|
|
829
|
-
// As long as our key stays the same we assume that the display hasn't changed, so we don't want to rerender
|
|
830
|
-
// If the key gets removed, <For> will remove us
|
|
831
838
|
const owner = (0, $diwD4$solidjs.getOwner)();
|
|
832
839
|
const display_accessor = (0, $diwD4$solidjs.createMemo)(()=>displays_by_key_().get(product_id));
|
|
833
|
-
const [product_card_resource] = (0, $diwD4$solidjs.createResource)(
|
|
834
|
-
|
|
835
|
-
|
|
836
|
-
]), // re-render when merchant or market changes
|
|
837
|
-
([merchant, market])=>{
|
|
840
|
+
const [product_card_resource] = (0, $diwD4$solidjs.createResource)(display_accessor, // re-render when the reference to the display object changes
|
|
841
|
+
// this should only be the case when the merchant or market changes and the new request has completed
|
|
842
|
+
(display)=>{
|
|
838
843
|
// get display in the function that re-runs when merchant or market have changed, since the display may have changed but product_id not
|
|
839
|
-
const display = (0, $diwD4$solidjs.untrack)(display_accessor);
|
|
840
844
|
return product_card_template_(display, {
|
|
841
845
|
set_on_index_change: (fn)=>(0, $diwD4$solidjs.runWithOwner)(owner, ()=>(0, $diwD4$solidjs.createEffect)(()=>fn(index()))),
|
|
842
|
-
merchant:
|
|
843
|
-
market
|
|
846
|
+
merchant: (0, $diwD4$solidjs.untrack)(merchant_),
|
|
847
|
+
// this means that the merchant and market provided to the template is wrong while we do another fetch, but I don't see how anyone would need to know the correct market there
|
|
848
|
+
market: (0, $diwD4$solidjs.untrack)(market_)
|
|
844
849
|
});
|
|
845
850
|
});
|
|
846
851
|
const node_accessor = (0, $5f7d55c710fd1bc2$export$2f0cbfbb4354bb52)(product_card_resource);
|
|
@@ -996,7 +1001,7 @@ function $fe76fb463cc60b89$export$3925f87b1545cfc6({ plp_results_: plp_results_
|
|
|
996
1001
|
const random_id = (0, $diwD4$depictaiutilishared.make_random_classname)();
|
|
997
1002
|
const selector_beginning_ = `.depict.plp #${random_id}>`;
|
|
998
1003
|
const [get_styling, set_styling_] = (0, $diwD4$solidjs.createSignal)("");
|
|
999
|
-
const [get_should_have_placeholders_rendered, set_should_have_placeholders_rendered] = (0, $diwD4$solidjs.createSignal)(
|
|
1004
|
+
const [get_should_have_placeholders_rendered, set_should_have_placeholders_rendered] = (0, $diwD4$solidjs.createSignal)(true);
|
|
1000
1005
|
const rendered_placeholders = (0, $diwD4$solidjs.createMemo)(()=>get_should_have_placeholders_rendered() ? (0, $0caf87eaa19079da$export$f33414a4df0afd3f)({
|
|
1001
1006
|
product_card_template_: product_card_template_,
|
|
1002
1007
|
num_placeholders_: (0, $diwD4$solidjs.createMemo)(()=>{
|
|
@@ -1234,25 +1239,21 @@ function $a69e505a12a77874$export$e13dddbb31c3a42f() {
|
|
|
1234
1239
|
|
|
1235
1240
|
|
|
1236
1241
|
|
|
1242
|
+
|
|
1243
|
+
|
|
1237
1244
|
const $a0e53f99354809d9$var$_tmpl$ = [
|
|
1238
|
-
"<div",
|
|
1239
|
-
' class="depict-slider depict"><div class="sliding ">',
|
|
1240
|
-
"</div></div>"
|
|
1241
|
-
], $a0e53f99354809d9$var$_tmpl$2 = [
|
|
1242
1245
|
"<div",
|
|
1243
1246
|
">",
|
|
1244
1247
|
"</div>"
|
|
1245
1248
|
];
|
|
1246
|
-
function $a0e53f99354809d9$export$6649caad96ef8870({ children: children ,
|
|
1247
|
-
// TODO: Actual SSR:able slider
|
|
1248
|
-
if (0, $diwD4$solidjsweb.isServer) return (0, $diwD4$solidjsweb.ssr)($a0e53f99354809d9$var$_tmpl$, (0, $diwD4$solidjsweb.ssrHydrationKey)(), (0, $diwD4$solidjsweb.escape)(children));
|
|
1249
|
+
function $a0e53f99354809d9$export$6649caad96ef8870({ children: children , slider_ref_: slider_ref_ , faded_opacity_: faded_opacity_ = 0.7 , mutation_plugins_: mutation_plugins_ = [] }) {
|
|
1249
1250
|
const slider = new (0, $diwD4$depictaiutilishared.Amazing_Slider)({
|
|
1250
1251
|
button_contents: {
|
|
1251
1252
|
left: [
|
|
1252
|
-
(0, $diwD4$solidjsweb.ssr)($a0e53f99354809d9$var$_tmpl
|
|
1253
|
+
(0, $diwD4$solidjsweb.ssr)($a0e53f99354809d9$var$_tmpl$, (0, $diwD4$solidjsweb.ssrHydrationKey)(), (0, $diwD4$solidjsweb.escape)((0, $diwD4$solidjsweb.createComponent)((0, $0f313083912e447a$export$8be2714ec7f169ee), {})))
|
|
1253
1254
|
],
|
|
1254
1255
|
right: [
|
|
1255
|
-
(0, $diwD4$solidjsweb.ssr)($a0e53f99354809d9$var$_tmpl
|
|
1256
|
+
(0, $diwD4$solidjsweb.ssr)($a0e53f99354809d9$var$_tmpl$, (0, $diwD4$solidjsweb.ssrHydrationKey)(), (0, $diwD4$solidjsweb.escape)((0, $diwD4$solidjsweb.createComponent)((0, $0f313083912e447a$export$8be2714ec7f169ee), {})))
|
|
1256
1257
|
]
|
|
1257
1258
|
},
|
|
1258
1259
|
constructor_plugins: [
|
|
@@ -1299,7 +1300,7 @@ const $235a2771a44e28e9$var$_tmpl$ = [
|
|
|
1299
1300
|
"<!--/--><span>",
|
|
1300
1301
|
"</span></button>"
|
|
1301
1302
|
];
|
|
1302
|
-
function $235a2771a44e28e9$export$fecbb157621501bd({ number_of_rendered_selected_filters_items_: number_of_rendered_selected_filters_items_ , i18n_: i18n_ , selected_filters_: selected_filters_ , local_filter_cache_: [read_local_filter_cache] , search_filters_open_: [read_search_filters_open] , search_sorting_open_: [read_search_sorting_open] ,
|
|
1303
|
+
function $235a2771a44e28e9$export$fecbb157621501bd({ number_of_rendered_selected_filters_items_: number_of_rendered_selected_filters_items_ , i18n_: i18n_ , selected_filters_: selected_filters_ , local_filter_cache_: [read_local_filter_cache] , search_filters_open_: [read_search_filters_open] , search_sorting_open_: [read_search_sorting_open] , local_filter_cache_: local_filter_cache_ , expanded_hierarchical_filters_: expanded_hierarchical_filters_ }) {
|
|
1303
1304
|
const { price_formatting_: price_formatting_ } = i18n_;
|
|
1304
1305
|
const [read_selected_filters, write_selected_filters] = selected_filters_;
|
|
1305
1306
|
const { collapse: collapse , expand: expand , ExpandingContainer: ExpandingContainer } = (0, $4b455f60dadde8b8$export$5bad61ecde080b1f)({
|
|
@@ -1314,7 +1315,6 @@ function $235a2771a44e28e9$export$fecbb157621501bd({ number_of_rendered_selected
|
|
|
1314
1315
|
},
|
|
1315
1316
|
get children () {
|
|
1316
1317
|
return (0, $diwD4$solidjsweb.ssr)($235a2771a44e28e9$var$_tmpl$2, (0, $diwD4$solidjsweb.ssrHydrationKey)(), (0, $diwD4$solidjsweb.escape)(i18n_.selected_filters_title_()), (0, $diwD4$solidjsweb.escape)((0, $diwD4$solidjsweb.createComponent)((0, $a0e53f99354809d9$export$6649caad96ef8870), {
|
|
1317
|
-
button_: slider_arrow_button_,
|
|
1318
1318
|
slider_ref_: (slider)=>slider.container.classList.add("filter-crumbs"),
|
|
1319
1319
|
get children () {
|
|
1320
1320
|
return [
|
|
@@ -3500,6 +3500,7 @@ function $f49857214f7675b1$export$cb808a3c41736d8e() {
|
|
|
3500
3500
|
|
|
3501
3501
|
|
|
3502
3502
|
|
|
3503
|
+
|
|
3503
3504
|
const $f8f64d05c525825b$var$_tmpl$ = [
|
|
3504
3505
|
"<div",
|
|
3505
3506
|
' class="filters"><div class="body">',
|
|
@@ -3658,7 +3659,7 @@ function $f8f64d05c525825b$var$OpenFiltersButton({ i18n_: i18n_ , search_filters
|
|
|
3658
3659
|
get children () {
|
|
3659
3660
|
return (0, $diwD4$solidjsweb.ssr)($f8f64d05c525825b$var$_tmpl$4, (0, $diwD4$solidjsweb.ssrHydrationKey)(), (0, $diwD4$solidjsweb.ssrStyle)(filters_closed() ? `` : `opacity:0`), (0, $diwD4$solidjsweb.escape)(num_selected_filters()));
|
|
3660
3661
|
}
|
|
3661
|
-
})), (0, $diwD4$solidjsweb.ssrAttribute)("tabindex", (0, $diwD4$solidjsweb.escape)(tabindex_, true), false), `${!filters_closed() ? "major" : ""} ${filters_closed() ? "minor" : ""}${"filter toggle-button major-minor-transition"}`, (0, $diwD4$solidjsweb.ssrAttribute)("aria-label", (0, $diwD4$solidjsweb.escape)((filters_closed() ? i18n_.open_filters_ : i18n_.close_filters_)(), true), false), (0, $diwD4$solidjsweb.ssrStyle)(filter_button_width_?.() ? {
|
|
3662
|
+
})), (0, $diwD4$solidjsweb.ssrAttribute)("tabindex", (0, $diwD4$solidjsweb.escape)(tabindex_, true), false), `${!filters_closed() ? "major" : ""} ${filters_closed() ? "minor" : ""}${"filter toggle-button major-minor-transition" + ((0, $diwD4$solidjsweb.isServer) ? " minor" : "")}`, (0, $diwD4$solidjsweb.ssrAttribute)("aria-label", (0, $diwD4$solidjsweb.escape)((filters_closed() ? i18n_.open_filters_ : i18n_.close_filters_)(), true), false), (0, $diwD4$solidjsweb.ssrStyle)(filter_button_width_?.() ? {
|
|
3662
3663
|
width: filter_button_width_() + "px"
|
|
3663
3664
|
} : {}), (0, $diwD4$solidjsweb.escape)((0, $diwD4$solidjsweb.createComponent)((0, $diwD4$solidjs.Show), {
|
|
3664
3665
|
get when () {
|
|
@@ -4164,7 +4165,7 @@ const $8cceb1d3a967f369$var$_tmpl$ = [
|
|
|
4164
4165
|
">",
|
|
4165
4166
|
"</a>"
|
|
4166
4167
|
];
|
|
4167
|
-
function $8cceb1d3a967f369$export$466cdc317043f6cb({ quicklinks_data_: quicklinks_data_ , router_: router_ , current_query_id_: current_query_id_ ,
|
|
4168
|
+
function $8cceb1d3a967f369$export$466cdc317043f6cb({ quicklinks_data_: quicklinks_data_ , router_: router_ , current_query_id_: current_query_id_ , breadcrumb_data_: breadcrumb_data_ , i18n_: i18n_ }) {
|
|
4168
4169
|
let scrolling_logic_ran_for_query_id = false;
|
|
4169
4170
|
let last_scroll_position;
|
|
4170
4171
|
let scroll_to_element_on_dom_insertion;
|
|
@@ -4220,7 +4221,6 @@ function $8cceb1d3a967f369$export$466cdc317043f6cb({ quicklinks_data_: quicklink
|
|
|
4220
4221
|
get children () {
|
|
4221
4222
|
return (0, $diwD4$solidjsweb.ssr)($8cceb1d3a967f369$var$_tmpl$, (0, $diwD4$solidjsweb.ssrHydrationKey)(), (0, $diwD4$solidjsweb.ssrAttribute)("aria-label", (0, $diwD4$solidjsweb.escape)(i18n_.quicklinks_aria_label_(), true), false), (0, $diwD4$solidjsweb.escape)((0, $diwD4$solidjsweb.createComponent)((0, $a0e53f99354809d9$export$6649caad96ef8870), {
|
|
4222
4223
|
faded_opacity_: 0.5,
|
|
4223
|
-
button_: slider_arrow_button_,
|
|
4224
4224
|
mutation_plugins_: mutation_plugins,
|
|
4225
4225
|
slider_ref_: (slider)=>{
|
|
4226
4226
|
const { insert_here: insert_here , intersecting_items_object: intersecting_items_object } = slider;
|
|
@@ -4593,7 +4593,7 @@ const $840d88a04b2d22a7$var$_tmpl$ = [
|
|
|
4593
4593
|
"<!--/--><!--#-->",
|
|
4594
4594
|
"<!--/--></div>"
|
|
4595
4595
|
];
|
|
4596
|
-
function $840d88a04b2d22a7$export$f7d2f673fc2f091d({ depict_api_: depict_api_ , query_id_: query_id_ , current_sorting_: current_sorting_ , min_products_to_fetch_: min_products_to_fetch_ , category_filters_open_: category_filters_open_ , category_sorting_open_: category_sorting_open_ , expanded_filters_: expanded_filters_ , selected_filters_: selected_filters_ , get_quicklinks_accessor_: get_quicklinks_accessor_ , i18n_: incoming_i18n , get_breadcrumb_accessor_: get_breadcrumb_accessor_ ,
|
|
4596
|
+
function $840d88a04b2d22a7$export$f7d2f673fc2f091d({ depict_api_: depict_api_ , query_id_: query_id_ , current_sorting_: current_sorting_ , min_products_to_fetch_: min_products_to_fetch_ , category_filters_open_: category_filters_open_ , category_sorting_open_: category_sorting_open_ , expanded_filters_: expanded_filters_ , selected_filters_: selected_filters_ , get_quicklinks_accessor_: get_quicklinks_accessor_ , i18n_: incoming_i18n , get_breadcrumb_accessor_: get_breadcrumb_accessor_ , expanded_hierarchical_filters_: expanded_hierarchical_filters_ , local_filter_cache_: local_filter_cache_ , tenant_: tenant_ , market_: market_ , router_: router_ , show_quicklinks_: show_quicklinks_ , category_title_: category_title_ , show_breadcrumbs_: show_breadcrumbs_ , layout_options_: layout_options_ , scroll_restoration_data_: scroll_restoration_data_ , product_card_template_: product_card_template_ , sideways_filter_clearing_flag_: sideways_filter_clearing_flag_ }) {
|
|
4597
4597
|
let results_for;
|
|
4598
4598
|
let only_show_filters_opener_;
|
|
4599
4599
|
let middle_elements_;
|
|
@@ -4740,12 +4740,13 @@ function $840d88a04b2d22a7$export$f7d2f673fc2f091d({ depict_api_: depict_api_ ,
|
|
|
4740
4740
|
(0, $diwD4$solidjs.createRenderEffect)((0, $diwD4$depictaiutilishared.catchify)(async ()=>{
|
|
4741
4741
|
const slim = is_slim_();
|
|
4742
4742
|
const only_show_filters_opener = only_show_filters_opener_?.();
|
|
4743
|
+
const owner = (0, $diwD4$solidjs.getOwner)();
|
|
4743
4744
|
await set_results_filters(); // remove elements, wait one microtask for updates to have been committed to the DOM, otherwise we'd try to do illegal DOM operations
|
|
4744
4745
|
// signals can't be read reactively anymore after the await FYI
|
|
4745
|
-
set_results_filters(slim ? only_show_filters_opener ? filters_opener : [
|
|
4746
|
-
|
|
4747
|
-
|
|
4748
|
-
|
|
4746
|
+
(0, $diwD4$solidjs.runWithOwner)(owner, ()=>set_results_filters(slim ? only_show_filters_opener ? filters_opener : [
|
|
4747
|
+
results_for,
|
|
4748
|
+
filters_opener
|
|
4749
|
+
] : (0, $diwD4$solidjsweb.ssr)($840d88a04b2d22a7$var$_tmpl$3, (0, $diwD4$solidjsweb.ssrHydrationKey)(), (0, $diwD4$solidjsweb.escape)(results_for), (0, $diwD4$solidjsweb.escape)(filters_opener))));
|
|
4749
4750
|
}));
|
|
4750
4751
|
(0, $6b384adf40a5f4d7$export$e702733a056c40d6)({
|
|
4751
4752
|
selected_filters_: selected_filters_,
|
|
@@ -4781,7 +4782,6 @@ function $840d88a04b2d22a7$export$f7d2f673fc2f091d({ depict_api_: depict_api_ ,
|
|
|
4781
4782
|
quicklinks_data_: quicklinks_data_,
|
|
4782
4783
|
current_query_id_: query_id_,
|
|
4783
4784
|
router_: router_,
|
|
4784
|
-
slider_arrow_button_: slider_arrow_button_,
|
|
4785
4785
|
breadcrumb_data_: crumb_data_,
|
|
4786
4786
|
i18n_: i18n_
|
|
4787
4787
|
});
|
|
@@ -4799,7 +4799,6 @@ function $840d88a04b2d22a7$export$f7d2f673fc2f091d({ depict_api_: depict_api_ ,
|
|
|
4799
4799
|
i18n_: i18n_,
|
|
4800
4800
|
selected_filters_: selected_filters_,
|
|
4801
4801
|
local_filter_cache_: local_filter_cache_,
|
|
4802
|
-
slider_arrow_button_: slider_arrow_button_,
|
|
4803
4802
|
search_filters_open_: category_filters_open_,
|
|
4804
4803
|
search_sorting_open_: category_sorting_open_,
|
|
4805
4804
|
number_of_rendered_selected_filters_items_: number_of_rendered_selected_filters_items_,
|
|
@@ -5194,7 +5193,6 @@ class $e96dd13889871fc0$export$7e1297a3a19f10d8 {
|
|
|
5194
5193
|
|
|
5195
5194
|
|
|
5196
5195
|
|
|
5197
|
-
|
|
5198
5196
|
const $48567ac5b39bac56$var$_tmpl$ = [
|
|
5199
5197
|
"<div",
|
|
5200
5198
|
' class="depict plp category">',
|
|
@@ -5274,11 +5272,7 @@ class $48567ac5b39bac56$export$f34314aa9505732e {
|
|
|
5274
5272
|
router_: this.#router,
|
|
5275
5273
|
selected_filters_: selected_filters_,
|
|
5276
5274
|
current_sorting_: current_sorting_,
|
|
5277
|
-
sideways_filter_clearing_flag_: sideways_filter_clearing_flag_
|
|
5278
|
-
slider_arrow_button_: (0, $0f313083912e447a$export$8be2714ec7f169ee)({
|
|
5279
|
-
height_: 12,
|
|
5280
|
-
width_: 6.46
|
|
5281
|
-
})
|
|
5275
|
+
sideways_filter_clearing_flag_: sideways_filter_clearing_flag_
|
|
5282
5276
|
});
|
|
5283
5277
|
});
|
|
5284
5278
|
}
|
|
@@ -5292,7 +5286,7 @@ function $48567ac5b39bac56$export$e2bf8ce7779e827e({ depict_category: depict_cat
|
|
|
5292
5286
|
grid_spacing: grid_spacing.horizontal
|
|
5293
5287
|
};
|
|
5294
5288
|
return (0, $95837413165cc2df$export$23fca46f3143581f)(()=>{
|
|
5295
|
-
const { state_: { category_local_filter_cache: local_filter_cache_ , category_filters_open: category_filters_open_ , category_sorting_open: category_sorting_open_ , category_expanded_filters: expanded_filters_ , category_expanded_hierarchical_filters: expanded_hierarchical_filters_ , category_scroll_restoration_data: scroll_restoration_data_ } , current_sorting_: current_sorting_ , selected_filters_: selected_filters_ , reset_history_state_: reset_history_state_ , depict_api_: depict_api_ , i18n_: i18n_ , router_: router_ , breadcrumb_signal_: breadcrumb_signal_ , quicklinks_signal_: quicklinks_signal_ ,
|
|
5289
|
+
const { state_: { category_local_filter_cache: local_filter_cache_ , category_filters_open: category_filters_open_ , category_sorting_open: category_sorting_open_ , category_expanded_filters: expanded_filters_ , category_expanded_hierarchical_filters: expanded_hierarchical_filters_ , category_scroll_restoration_data: scroll_restoration_data_ } , current_sorting_: current_sorting_ , selected_filters_: selected_filters_ , reset_history_state_: reset_history_state_ , depict_api_: depict_api_ , i18n_: i18n_ , router_: router_ , breadcrumb_signal_: breadcrumb_signal_ , quicklinks_signal_: quicklinks_signal_ , sideways_filter_clearing_flag_: sideways_filter_clearing_flag_ } = shared_properties;
|
|
5296
5290
|
(0, $diwD4$solidjs.onCleanup)(reset_history_state_);
|
|
5297
5291
|
return (0, $840d88a04b2d22a7$export$f7d2f673fc2f091d)({
|
|
5298
5292
|
tenant_: ()=>depict_category.merchant,
|
|
@@ -5311,7 +5305,6 @@ function $48567ac5b39bac56$export$e2bf8ce7779e827e({ depict_category: depict_cat
|
|
|
5311
5305
|
get_quicklinks_accessor_: (accessor)=>(0, $diwD4$solidjs.createComputed)(()=>quicklinks_signal_[1](accessor())),
|
|
5312
5306
|
category_filters_open_: category_filters_open_,
|
|
5313
5307
|
category_sorting_open_: category_sorting_open_,
|
|
5314
|
-
slider_arrow_button_: slider_arrow_button_,
|
|
5315
5308
|
expanded_filters_: expanded_filters_,
|
|
5316
5309
|
expanded_hierarchical_filters_: expanded_hierarchical_filters_,
|
|
5317
5310
|
selected_filters_: selected_filters_,
|
|
@@ -5338,7 +5331,7 @@ function $48567ac5b39bac56$export$5b7c3ce0ebe51f86({ depict_category: depict_cat
|
|
|
5338
5331
|
});
|
|
5339
5332
|
}
|
|
5340
5333
|
function $48567ac5b39bac56$export$de035477d6fef996({ depict_category: depict_category }) {
|
|
5341
|
-
const { i18n_: i18n_ , quicklinks_signal_: [quicklinks_data_] , breadcrumb_signal_: [breadcrumb_data_] , router_: router_
|
|
5334
|
+
const { i18n_: i18n_ , quicklinks_signal_: [quicklinks_data_] , breadcrumb_signal_: [breadcrumb_data_] , router_: router_ } = $48567ac5b39bac56$var$get_shared_properties(depict_category);
|
|
5342
5335
|
return (0, $diwD4$solidjsweb.createComponent)($48567ac5b39bac56$var$InExternalAreaDiv, {
|
|
5343
5336
|
get children () {
|
|
5344
5337
|
return (0, $8cceb1d3a967f369$export$466cdc317043f6cb)({
|
|
@@ -5346,7 +5339,6 @@ function $48567ac5b39bac56$export$de035477d6fef996({ depict_category: depict_cat
|
|
|
5346
5339
|
quicklinks_data_: quicklinks_data_,
|
|
5347
5340
|
router_: router_,
|
|
5348
5341
|
current_query_id_: ()=>depict_category.category_id,
|
|
5349
|
-
slider_arrow_button_: slider_arrow_button_,
|
|
5350
5342
|
breadcrumb_data_: breadcrumb_data_
|
|
5351
5343
|
});
|
|
5352
5344
|
}
|
|
@@ -5478,9 +5470,9 @@ const $93e94e7b0aa8ca88$export$824dde41348efed1 = /*@__PURE__*/ (()=>{
|
|
|
5478
5470
|
|
|
5479
5471
|
const $7b4bc889571cc67b$var$TEN_MINUTES = 600000;
|
|
5480
5472
|
const $7b4bc889571cc67b$var$TWENTY_FOUR_HOURS = 86400000;
|
|
5481
|
-
async function $7b4bc889571cc67b$export$643598a327b5833e(tenant, market) {
|
|
5473
|
+
async function $7b4bc889571cc67b$export$643598a327b5833e(tenant, market, type) {
|
|
5482
5474
|
let localstorage_value;
|
|
5483
|
-
const localstorage_key = `
|
|
5475
|
+
const localstorage_key = `depict_${tenant}_${type ?? "categories"}_` + market;
|
|
5484
5476
|
try {
|
|
5485
5477
|
const in_ls = localStorage[localstorage_key];
|
|
5486
5478
|
if (in_ls) localstorage_value = JSON.parse(in_ls);
|
|
@@ -5496,7 +5488,7 @@ async function $7b4bc889571cc67b$export$643598a327b5833e(tenant, market) {
|
|
|
5496
5488
|
return stored_queries;
|
|
5497
5489
|
else if (age < $7b4bc889571cc67b$var$TWENTY_FOUR_HOURS) {
|
|
5498
5490
|
// if younger than a day, return stored value but still trigger re-fetch, so we have fresh data next page load (stale data this one but never a delay)
|
|
5499
|
-
$7b4bc889571cc67b$var$fetch_and_store_categories(tenant, market, localstorage_key).catch((e)=>(0, $diwD4$depictaiutilishared.report)([
|
|
5491
|
+
$7b4bc889571cc67b$var$fetch_and_store_categories(tenant, market, localstorage_key, type).catch((e)=>(0, $diwD4$depictaiutilishared.report)([
|
|
5500
5492
|
e,
|
|
5501
5493
|
"couldn't fetch categories"
|
|
5502
5494
|
], "warning"));
|
|
@@ -5504,10 +5496,10 @@ async function $7b4bc889571cc67b$export$643598a327b5833e(tenant, market) {
|
|
|
5504
5496
|
}
|
|
5505
5497
|
// else: we are older and just fetch, store and return new queries
|
|
5506
5498
|
}
|
|
5507
|
-
return await $7b4bc889571cc67b$var$fetch_and_store_categories(tenant, market, localstorage_key);
|
|
5499
|
+
return await $7b4bc889571cc67b$var$fetch_and_store_categories(tenant, market, localstorage_key, type);
|
|
5508
5500
|
}
|
|
5509
|
-
async function $7b4bc889571cc67b$var$fetch_and_store_categories(tenant, market, localstorage_key) {
|
|
5510
|
-
const new_categories = await $7b4bc889571cc67b$var$download_categories(tenant, market);
|
|
5501
|
+
async function $7b4bc889571cc67b$var$fetch_and_store_categories(tenant, market, localstorage_key, type) {
|
|
5502
|
+
const new_categories = await $7b4bc889571cc67b$var$download_categories(tenant, market, type);
|
|
5511
5503
|
try {
|
|
5512
5504
|
localStorage[localstorage_key] = JSON.stringify({
|
|
5513
5505
|
updated: +new Date(),
|
|
@@ -5521,12 +5513,15 @@ async function $7b4bc889571cc67b$var$fetch_and_store_categories(tenant, market,
|
|
|
5521
5513
|
}
|
|
5522
5514
|
return new_categories;
|
|
5523
5515
|
}
|
|
5524
|
-
async function $7b4bc889571cc67b$var$download_categories(tenant, market) {
|
|
5516
|
+
async function $7b4bc889571cc67b$var$download_categories(tenant, market, type) {
|
|
5525
5517
|
const fetched = await (0, $diwD4$depictaiutilishared.fetch_retry)((0, $diwD4$depictaiutilishared.base_url) + "/v2/product-listing/queries", {
|
|
5526
5518
|
method: "POST",
|
|
5527
5519
|
body: JSON.stringify({
|
|
5528
5520
|
tenant: tenant,
|
|
5529
|
-
market: market
|
|
5521
|
+
market: market,
|
|
5522
|
+
...type ? {
|
|
5523
|
+
type: type
|
|
5524
|
+
} : {}
|
|
5530
5525
|
})
|
|
5531
5526
|
});
|
|
5532
5527
|
if (!fetched) return [];
|
|
@@ -6972,7 +6967,7 @@ const $04048c1bef16c249$var$_tmpl$ = [
|
|
|
6972
6967
|
' class="category-suggestion">',
|
|
6973
6968
|
"</div>"
|
|
6974
6969
|
];
|
|
6975
|
-
function $04048c1bef16c249$export$c05a196222ba1302({ suggestions_: suggestions_ , children: children
|
|
6970
|
+
function $04048c1bef16c249$export$c05a196222ba1302({ suggestions_: suggestions_ , children: children }) {
|
|
6976
6971
|
const category_suggestions_ = (0, $diwD4$solidjs.createMemo)(()=>suggestions_()?.suggestions.filter((s)=>s.type === "category"));
|
|
6977
6972
|
return (0, $diwD4$solidjsweb.createComponent)((0, $diwD4$solidjs.Show), {
|
|
6978
6973
|
get when () {
|
|
@@ -6980,7 +6975,6 @@ function $04048c1bef16c249$export$c05a196222ba1302({ suggestions_: suggestions_
|
|
|
6980
6975
|
},
|
|
6981
6976
|
get children () {
|
|
6982
6977
|
return (0, $diwD4$solidjsweb.ssr)($04048c1bef16c249$var$_tmpl$, (0, $diwD4$solidjsweb.ssrHydrationKey)(), (0, $diwD4$solidjsweb.escape)((0, $diwD4$solidjsweb.createComponent)((0, $a0e53f99354809d9$export$6649caad96ef8870), {
|
|
6983
|
-
button_: slider_arrow_button_,
|
|
6984
6978
|
faded_opacity_: 0.7,
|
|
6985
6979
|
get children () {
|
|
6986
6980
|
return (0, $diwD4$solidjsweb.createComponent)((0, $diwD4$solidjs.Show), {
|
|
@@ -7063,7 +7057,7 @@ const $f1d7cb69f839a526$var$_tmpl$ = [
|
|
|
7063
7057
|
"<!--/--></div>"
|
|
7064
7058
|
];
|
|
7065
7059
|
function $f1d7cb69f839a526$export$a54ec244c8863715(opts) {
|
|
7066
|
-
const { depict_api_: depict_api_ , search_field_value_: search_field_value_ , get_search_query_: get_search_query_ , open_modal_: open_modal_ , submit_query_: submit_query_ , current_sorting_: current_sorting_ , min_products_to_fetch_: min_products_to_fetch_ , search_filters_open_: search_filters_open_ , search_sorting_open_: search_sorting_open_ , expanded_filters_: expanded_filters_ , input_modal_open_: input_modal_open_ , selected_filters_: selected_filters_ , i18n_: i18n_ ,
|
|
7060
|
+
const { depict_api_: depict_api_ , search_field_value_: search_field_value_ , get_search_query_: get_search_query_ , open_modal_: open_modal_ , submit_query_: submit_query_ , current_sorting_: current_sorting_ , min_products_to_fetch_: min_products_to_fetch_ , search_filters_open_: search_filters_open_ , search_sorting_open_: search_sorting_open_ , expanded_filters_: expanded_filters_ , input_modal_open_: input_modal_open_ , selected_filters_: selected_filters_ , i18n_: i18n_ , make_category_suggestion_card_: make_category_suggestion_card_ , expanded_hierarchical_filters_: expanded_hierarchical_filters_ , clear_filters_on_next_submit_: clear_filters_on_next_submit_ , local_filter_cache_: local_filter_cache_ , include_input_field_: include_input_field_ , tenant_: tenant_ , market_: market_ , showing_recommendation_rows_: showing_recommendation_rows_ , search_recs_view_more_: search_recs_view_more_ , disable_search_recommendations_: disable_search_recommendations_ , layout_options_: layout_options_ , recommendations_layout_options_: recommendations_layout_options_ = layout_options_ , scroll_restoration_data_: scroll_restoration_data_ , product_card_template_: product_card_template_ } = opts;
|
|
7067
7061
|
const [get_sorting] = current_sorting_;
|
|
7068
7062
|
const all_products_loaded_ = (0, $diwD4$solidjs.createSignal)(false);
|
|
7069
7063
|
const [get_all_products_loaded, set_all_products_loaded] = all_products_loaded_;
|
|
@@ -7183,13 +7177,14 @@ function $f1d7cb69f839a526$export$a54ec244c8863715(opts) {
|
|
|
7183
7177
|
number_of_rendered_selected_filters_items_: number_of_rendered_selected_filters_items_
|
|
7184
7178
|
});
|
|
7185
7179
|
const results_filters = (0, $diwD4$solidjs.createSignal)();
|
|
7180
|
+
const owner = (0, $diwD4$solidjs.getOwner)();
|
|
7186
7181
|
(0, $diwD4$solidjs.onCleanup)((0, $diwD4$depictaiutilishared.javascript_media_query)("(max-width:600px)", async ({ matches: matches })=>{
|
|
7187
7182
|
results_filters[1]();
|
|
7188
7183
|
await new Promise((r)=>queueMicrotask(r));
|
|
7189
|
-
results_filters[1](matches ? [
|
|
7190
|
-
|
|
7191
|
-
|
|
7192
|
-
|
|
7184
|
+
(0, $diwD4$solidjs.runWithOwner)(owner, ()=>results_filters[1](matches ? [
|
|
7185
|
+
results_for,
|
|
7186
|
+
filters_opener
|
|
7187
|
+
] : (0, $diwD4$solidjsweb.ssr)($f1d7cb69f839a526$var$_tmpl$, (0, $diwD4$solidjsweb.ssrHydrationKey)(), (0, $diwD4$solidjsweb.escape)(results_for), (0, $diwD4$solidjsweb.escape)(filters_opener))));
|
|
7193
7188
|
}).remove);
|
|
7194
7189
|
(0, $diwD4$depictaiutilishared.catchify)((0, $276380e4607fb9fb$export$6e49da55e449af7c))({
|
|
7195
7190
|
scroll_restoration_data_: scroll_restoration_data_,
|
|
@@ -7218,7 +7213,6 @@ function $f1d7cb69f839a526$export$a54ec244c8863715(opts) {
|
|
|
7218
7213
|
get children () {
|
|
7219
7214
|
return (0, $diwD4$solidjsweb.createComponent)((0, $04048c1bef16c249$export$c05a196222ba1302), {
|
|
7220
7215
|
suggestions_: suggestions,
|
|
7221
|
-
slider_arrow_button_: slider_arrow_button_,
|
|
7222
7216
|
children: make_category_suggestion_card_
|
|
7223
7217
|
});
|
|
7224
7218
|
}
|
|
@@ -7236,7 +7230,6 @@ function $f1d7cb69f839a526$export$a54ec244c8863715(opts) {
|
|
|
7236
7230
|
i18n_: i18n_,
|
|
7237
7231
|
selected_filters_: selected_filters_,
|
|
7238
7232
|
local_filter_cache_: local_filter_cache_,
|
|
7239
|
-
slider_arrow_button_: slider_arrow_button_,
|
|
7240
7233
|
search_filters_open_: search_filters_open_,
|
|
7241
7234
|
search_sorting_open_: search_sorting_open_,
|
|
7242
7235
|
number_of_rendered_selected_filters_items_: number_of_rendered_selected_filters_items_,
|
|
@@ -7356,7 +7349,6 @@ function $d8e94ea381ab57fa$export$828dcdd425fd3231(aligner) {
|
|
|
7356
7349
|
|
|
7357
7350
|
|
|
7358
7351
|
|
|
7359
|
-
|
|
7360
7352
|
const $2c61e4cd8229c49a$var$_tmpl$ = [
|
|
7361
7353
|
"<div",
|
|
7362
7354
|
' class="depict plp search">',
|
|
@@ -7646,10 +7638,6 @@ function $2c61e4cd8229c49a$export$f2dc7e4e4aa11abb({ depict_search: depict_searc
|
|
|
7646
7638
|
cols_at_size: (0, $4e04be41243c3d80$export$6daf8749b65a1b77)(extra_depict_options.recommendations_cols_at_size),
|
|
7647
7639
|
...grid_spacing_override
|
|
7648
7640
|
} : undefined,
|
|
7649
|
-
slider_arrow_button_: (0, $0f313083912e447a$export$8be2714ec7f169ee)({
|
|
7650
|
-
height_: 12,
|
|
7651
|
-
width_: 6.46
|
|
7652
|
-
}),
|
|
7653
7641
|
product_card_template_: product_card_template
|
|
7654
7642
|
});
|
|
7655
7643
|
}, "Entire SearchPage failed");
|