@depict-ai/ui 1.3.3 → 1.3.4

package/dist/client/main.cjs

@@ -1,11 +1,12 @@
 var $57o7A$depictaiutilishared = require("@depict-ai/utilishared");
-var $57o7A$solidjs = require("solid-js");
 var $57o7A$solidjsweb = require("solid-js/web");
+var $57o7A$solidjs = require("solid-js");
 
 function $parcel$export(e, n, v, s) {
   Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
 }
 
+$parcel$export(module.exports, "SolidLayout", () => $f48d0fbb00835aaa$export$d21e32dfedac04be);
 $parcel$export(module.exports, "general_modal_abstraction", () => $9abb0a35d4b60ed3$export$79b1565500412d9b);
 $parcel$export(module.exports, "CrossIcon", () => $c77c68e559a1506c$export$3b621d86b1566b2);
 $parcel$export(module.exports, "GenericSliderArrowButton", () => $0f313083912e447a$export$8be2714ec7f169ee);
@@ -43,9 +44,195 @@ $parcel$export(module.exports, "defaultGridSpacing", () => $a3280f0aad997933$exp
 $parcel$export(module.exports, "defaultColsAtSize", () => $a3280f0aad997933$export$c3834fa86c616831);
 $parcel$export(module.exports, "defaultCategoryTitlePlugin", () => $a3280f0aad997933$export$7bf543b9d9be2c22);
 $parcel$export(module.exports, "version", () => $b757f75811f3261f$export$83d89fbfd8236492);
-/*! Depict.ai search and product listing SDK */ const $b757f75811f3261f$export$83d89fbfd8236492 = "1.3.3";
+/*! Depict.ai search and product listing SDK */ const $b757f75811f3261f$export$83d89fbfd8236492 = "1.3.4";
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+function $5f7d55c710fd1bc2$export$2f0cbfbb4354bb52(elements) {
+    // FYI this probably doesn't work on hugely deep nestings or large amount of elements
+    return (0, $57o7A$solidjs.createMemo)(()=>$5f7d55c710fd1bc2$var$unwrapping_helper(elements));
+}
+function $5f7d55c710fd1bc2$var$unwrapping_helper(elements) {
+    const result = [];
+    if (Array.isArray(elements)) for(let i = 0; i < elements.length; i++){
+        const element = elements[i];
+        result.push(...$5f7d55c710fd1bc2$var$unwrapping_helper(element));
+    }
+    else if (typeof elements == "function") result.push(...$5f7d55c710fd1bc2$var$unwrapping_helper(elements()));
+    else if (elements != undefined && typeof elements != "boolean") result.push(elements);
+    return result;
+}
+
+
+
+
+
+
+
+
+
+// Errors caused by SDK consuming code interfacing with the SDK, not the SDK itself or other Depict packages
+class $7dd1edb2ee2b43ad$export$e1d52e4f0c7557a1 extends Error {
+}
+class $7dd1edb2ee2b43ad$export$aa14a9f43128f61f extends $7dd1edb2ee2b43ad$export$e1d52e4f0c7557a1 {
+    constructor(templateError){
+        super("Uncaught error in product card template", {
+            cause: templateError
+        });
+    }
+}
 
 
+const $edafe91daf3091d7$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div></div>`, 2);
+function $edafe91daf3091d7$export$b69d0d92862de18b(props) {
+    return (0, $57o7A$solidjs.ErrorBoundary)({
+        fallback (err, retry) {
+            const { message_: message_ , severity_: severity_  } = props;
+            let message = message_;
+            if (err instanceof (0, $7dd1edb2ee2b43ad$export$aa14a9f43128f61f)) {
+                console.error(err.cause);
+                message = `${message}: ${err.message}`;
+            } else (0, $57o7A$depictaiutilishared.report)([
+                err,
+                message_
+            ], severity_);
+            props.on_error_?.(retry);
+            return (()=>{
+                const _el$ = (0, $57o7A$solidjsweb.getNextElement)($edafe91daf3091d7$var$_tmpl$);
+                (0, $57o7A$solidjsweb.insert)(_el$, message);
+                (0, $57o7A$solidjsweb.effect)((_$p)=>(0, $57o7A$solidjsweb.classList)(_el$, Object.fromEntries(props.class_list_?.map((c)=>[
+                            c,
+                            true
+                        ]) || []), _$p));
+                return _el$;
+            })();
+        },
+        get children () {
+            return props.children;
+        }
+    });
+}
+
+
+const $f48d0fbb00835aaa$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div></div>`, 2), $f48d0fbb00835aaa$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<style type="text/css"></style>`, 2);
+function $f48d0fbb00835aaa$export$d21e32dfedac04be(props) {
+    return (0, $57o7A$solidjsweb.createComponent)((0, $edafe91daf3091d7$export$b69d0d92862de18b), {
+        get message_ () {
+            return "Failed calculating " + props.layout + " layout";
+        },
+        severity_: "error",
+        get children () {
+            return $f48d0fbb00835aaa$var$ActualSolidLayout(props);
+        }
+    });
+}
+function $f48d0fbb00835aaa$var$ActualSolidLayout(props) {
+    // Copy of Layout from utilishared but using solid-js signals instead of async iterable IPNS
+    const show_all_rows = (0, $57o7A$solidjs.createMemo)(()=>props.rows === "all");
+    const rows_or_empty_object = (0, $57o7A$solidjs.createMemo)(()=>show_all_rows() ? {} : props.rows);
+    const button_elements = (0, $5f7d55c710fd1bc2$export$2f0cbfbb4354bb52)((0, $57o7A$solidjs.createMemo)(()=>rows_or_empty_object().button));
+    const have_a_button = (0, $57o7A$solidjs.createMemo)(()=>{
+        const button = button_elements();
+        return !(!button || Array.isArray(button) && !button.length);
+    });
+    const [get_styling, set_styling] = (0, $57o7A$solidjs.createSignal)();
+    const container_class = (0, $57o7A$depictaiutilishared.make_random_classname)();
+    const selector_beginning = `.depict .${container_class}>`; // class so ppl can have id if needed
+    const container_element = (()=>{
+        const _el$ = (0, $57o7A$solidjsweb.getNextElement)($f48d0fbb00835aaa$var$_tmpl$);
+        (0, $57o7A$solidjsweb.spread)(_el$, (0, $57o7A$solidjsweb.mergeProps)(()=>props.element_attributes), false, true);
+        (0, $57o7A$solidjsweb.insert)(_el$, ()=>props.children);
+        (0, $57o7A$solidjsweb.runHydrationEvents)();
+        return _el$;
+    })();
+    const [get_children_count, set_children_count] = (0, $57o7A$solidjs.createSignal)(0);
+    const update_children_count = ()=>set_children_count(container_element.children.length);
+    const col_styling = (0, $57o7A$solidjs.createMemo)(()=>(0, $57o7A$depictaiutilishared.n_col_styling_with_dist)(selector_beginning, props.grid_spacing, props.cols_at_size, props.layout, props.override_vertical_spacing));
+    const default_currently_visible_signal = (0, $57o7A$solidjs.createSignal)(0); // Keep this signal here so it doesn't change when rows_or_empty_object and I think it's to be expected that the "internal default signal" stays the same
+    const rows_visible_signal = (0, $57o7A$solidjs.createMemo)(()=>rows_or_empty_object().currently_visible || default_currently_visible_signal);
+    const get_rows_visible = (0, $57o7A$solidjs.createMemo)(()=>rows_visible_signal()[0]());
+    const set_rows_visible = (0, $57o7A$solidjs.createMemo)(()=>rows_visible_signal()[1]);
+    const button_class = (0, $57o7A$depictaiutilishared.make_random_classname)();
+    const button_container = (0, $57o7A$solidjs.createMemo)(()=>have_a_button() && (()=>{
+            const _el$2 = (0, $57o7A$solidjsweb.getNextElement)($f48d0fbb00835aaa$var$_tmpl$);
+            (0, $57o7A$solidjsweb.addEventListener)(_el$2, "click", (0, $57o7A$depictaiutilishared.catchify)(()=>set_rows_visible()((prev)=>prev + (rows_or_empty_object().rows_per_click ?? 1))), true);
+            (0, $57o7A$solidjsweb.className)(_el$2, "load-more-container " + button_class);
+            (0, $57o7A$solidjsweb.insert)(_el$2, ()=>rows_or_empty_object().button);
+            (0, $57o7A$solidjsweb.runHydrationEvents)();
+            return _el$2;
+        })());
+    container_element.classList.add(container_class);
+    (0, $57o7A$solidjs.createComputed)(()=>{
+        // Make sure we don't have more rows visible than max_rows (this could happen by max_rows being decreased)
+        const rows_visible = get_rows_visible();
+        const max_rows = rows_or_empty_object().max_rows;
+        if (!isNaN(max_rows) && max_rows >= 0 && rows_visible > max_rows) set_rows_visible()(max_rows);
+    });
+    (0, $57o7A$solidjs.createRenderEffect)(()=>{
+        // Be careful to only read show_all_rows in here (ofc doesn't apply to nested effects)
+        if (show_all_rows()) {
+            // no view more functionality requested
+            set_styling(()=>col_styling);
+            return;
+        }
+        (0, $57o7A$solidjs.untrack)(()=>set_rows_visible()(rows_or_empty_object().start_rows ?? 1));
+        update_children_count();
+        const mutation_observer = new MutationObserver((0, $57o7A$depictaiutilishared.catchify)(update_children_count));
+        mutation_observer.observe(container_element, {
+            childList: true
+        });
+        (0, $57o7A$solidjs.onCleanup)(()=>mutation_observer.disconnect());
+        set_styling(// this is needed because solid will think that the memo-accessor is a setter function otherwise
+        ()=>(0, $57o7A$solidjs.createMemo)(()=>{
+                const { rows_per_click: rows_per_click , max_rows: max_rows = -1  } = rows_or_empty_object();
+                const rows_visible = get_rows_visible();
+                const children_count = get_children_count();
+                return col_styling() + props.cols_at_size.map((options)=>{
+                    const [, min, max] = options;
+                    let should_hide_button;
+                    let visible_recs;
+                    if (props.disable_partial_rows) {
+                        visible_recs = (0, $57o7A$depictaiutilishared.layout_get_visible_recs_without_partial_rows)(rows_visible, children_count, options);
+                        const visible_recs_next_show_more = (0, $57o7A$depictaiutilishared.layout_get_visible_recs_without_partial_rows)(rows_visible + (rows_per_click || 0), // Should this really be zero when we default rows_per_click to 1?
+                        children_count, options);
+                        should_hide_button = visible_recs === visible_recs_next_show_more;
+                    } else {
+                        visible_recs = (0, $57o7A$depictaiutilishared.layout_get_total_rec_amount_for_row)(rows_visible, options);
+                        should_hide_button = visible_recs >= children_count;
+                    }
+                    const should_hide_button_final = button_class && (should_hide_button || max_rows !== -1 && rows_visible >= max_rows);
+                    return `${(0, $57o7A$depictaiutilishared.layout_media_query_header)(min, max)}{${selector_beginning}:nth-child(n+${visible_recs + 1}){display:none}${props.layout == "slider" ? `${selector_beginning}:nth-child(n+${visible_recs}){margin-right:0}` : ""}${should_hide_button_final ? `.depict .${button_class}{display:none!important}` : ``}}`;
+                }).join("");
+            }));
+    });
+    return [
+        container_element,
+        (0, $57o7A$solidjsweb.memo)(button_container),
+        (()=>{
+            const _el$3 = (0, $57o7A$solidjsweb.getNextElement)($f48d0fbb00835aaa$var$_tmpl$2);
+            (0, $57o7A$solidjsweb.insert)(_el$3, get_styling);
+            return _el$3;
+        })()
+    ];
+}
+(0, $57o7A$solidjsweb.delegateEvents)([
+    "click"
+]);
+
 
 
 
@@ -946,71 +1133,6 @@ function $fc23d7668ae0011d$export$a2cc176055f8f08() {
 
 
 
-
-
-
-// Errors caused by SDK consuming code interfacing with the SDK, not the SDK itself or other Depict packages
-class $7dd1edb2ee2b43ad$export$e1d52e4f0c7557a1 extends Error {
-}
-class $7dd1edb2ee2b43ad$export$aa14a9f43128f61f extends $7dd1edb2ee2b43ad$export$e1d52e4f0c7557a1 {
-    constructor(templateError){
-        super("Uncaught error in product card template", {
-            cause: templateError
-        });
-    }
-}
-
-
-const $edafe91daf3091d7$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div></div>`, 2);
-function $edafe91daf3091d7$export$b69d0d92862de18b(props) {
-    return (0, $57o7A$solidjs.ErrorBoundary)({
-        fallback (err, retry) {
-            const { message_: message_ , severity_: severity_  } = props;
-            let message = message_;
-            if (err instanceof (0, $7dd1edb2ee2b43ad$export$aa14a9f43128f61f)) {
-                console.error(err.cause);
-                message = `${message}: ${err.message}`;
-            } else (0, $57o7A$depictaiutilishared.report)([
-                err,
-                message_
-            ], severity_);
-            props.on_error_?.(retry);
-            return (()=>{
-                const _el$ = (0, $57o7A$solidjsweb.getNextElement)($edafe91daf3091d7$var$_tmpl$);
-                (0, $57o7A$solidjsweb.insert)(_el$, message);
-                (0, $57o7A$solidjsweb.effect)((_$p)=>(0, $57o7A$solidjsweb.classList)(_el$, Object.fromEntries(props.class_list_?.map((c)=>[
-                            c,
-                            true
-                        ]) || []), _$p));
-                return _el$;
-            })();
-        },
-        get children () {
-            return props.children;
-        }
-    });
-}
-
-
-
-
-function $5f7d55c710fd1bc2$export$2f0cbfbb4354bb52(elements) {
-    // FYI this probably doesn't work on hugely deep nestings or large amount of elements
-    return (0, $57o7A$solidjs.createMemo)(()=>$5f7d55c710fd1bc2$var$unwrapping_helper(elements));
-}
-function $5f7d55c710fd1bc2$var$unwrapping_helper(elements) {
-    const result = [];
-    if (Array.isArray(elements)) for(let i = 0; i < elements.length; i++){
-        const element = elements[i];
-        result.push(...$5f7d55c710fd1bc2$var$unwrapping_helper(element));
-    }
-    else if (typeof elements == "function") result.push(...$5f7d55c710fd1bc2$var$unwrapping_helper(elements()));
-    else if (elements != undefined && typeof elements != "boolean") result.push(elements);
-    return result;
-}
-
-
-
 let $0caf87eaa19079da$var$cached_placeholder_element;
 let $0caf87eaa19079da$var$rendering_cached_placeholder_element;
 function $0caf87eaa19079da$export$f33414a4df0afd3f({ product_card_template_: product_card_template_ , num_placeholders_: num_placeholders_  }) {
@@ -1325,117 +1447,6 @@ function $ac167f6af6a48fc3$export$a1fd619a4743ca08({ plp_results_: plp_results_
 
 
 
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-const $f48d0fbb00835aaa$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div></div>`, 2), $f48d0fbb00835aaa$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<style type="text/css"></style>`, 2);
-function $f48d0fbb00835aaa$export$d21e32dfedac04be(props) {
-    return (0, $57o7A$solidjsweb.createComponent)((0, $edafe91daf3091d7$export$b69d0d92862de18b), {
-        get message_ () {
-            return "Failed calculating " + props.layout + " layout";
-        },
-        severity_: "error",
-        get children () {
-            return $f48d0fbb00835aaa$var$ActualSolidLayout(props);
-        }
-    });
-}
-function $f48d0fbb00835aaa$var$ActualSolidLayout(props) {
-    // Copy of Layout from utilishared but using solid-js signals instead of async iterable IPNS
-    const show_all_rows = (0, $57o7A$solidjs.createMemo)(()=>props.rows === "all");
-    const rows_or_empty_object = (0, $57o7A$solidjs.createMemo)(()=>show_all_rows() ? {} : props.rows);
-    const button_elements = (0, $5f7d55c710fd1bc2$export$2f0cbfbb4354bb52)((0, $57o7A$solidjs.createMemo)(()=>rows_or_empty_object().button));
-    const have_a_button = (0, $57o7A$solidjs.createMemo)(()=>{
-        const button = button_elements();
-        return !(!button || Array.isArray(button) && !button.length);
-    });
-    const [get_styling, set_styling] = (0, $57o7A$solidjs.createSignal)();
-    const container_class = (0, $57o7A$depictaiutilishared.make_random_classname)();
-    const selector_beginning = `.depict .${container_class}>`; // class so ppl can have id if needed
-    const container_element = (()=>{
-        const _el$ = (0, $57o7A$solidjsweb.getNextElement)($f48d0fbb00835aaa$var$_tmpl$);
-        (0, $57o7A$solidjsweb.spread)(_el$, (0, $57o7A$solidjsweb.mergeProps)(()=>props.element_attributes), false, true);
-        (0, $57o7A$solidjsweb.insert)(_el$, ()=>props.children);
-        (0, $57o7A$solidjsweb.runHydrationEvents)();
-        return _el$;
-    })();
-    const [get_children_count, set_children_count] = (0, $57o7A$solidjs.createSignal)(0);
-    const update_children_count = ()=>set_children_count(container_element.children.length);
-    const col_styling = (0, $57o7A$solidjs.createMemo)(()=>(0, $57o7A$depictaiutilishared.n_col_styling_with_dist)(selector_beginning, props.grid_spacing, props.cols_at_size, props.layout, props.override_vertical_spacing));
-    const rows_visible_signal = (0, $57o7A$solidjs.createMemo)(()=>rows_or_empty_object().currently_visible || (0, $57o7A$solidjs.createSignal)(0));
-    const get_rows_visible = (0, $57o7A$solidjs.createMemo)(()=>rows_visible_signal()[0]());
-    const set_rows_visible = (0, $57o7A$solidjs.createMemo)(()=>rows_visible_signal()[1]);
-    const button_class = (0, $57o7A$depictaiutilishared.make_random_classname)();
-    const button_container = (0, $57o7A$solidjs.createMemo)(()=>have_a_button() && (()=>{
-            const _el$2 = (0, $57o7A$solidjsweb.getNextElement)($f48d0fbb00835aaa$var$_tmpl$);
-            (0, $57o7A$solidjsweb.addEventListener)(_el$2, "click", (0, $57o7A$depictaiutilishared.catchify)(()=>set_rows_visible()((prev)=>prev + (rows_or_empty_object().rows_per_click ?? 1))), true);
-            (0, $57o7A$solidjsweb.className)(_el$2, "load-more-container " + button_class);
-            (0, $57o7A$solidjsweb.insert)(_el$2, ()=>rows_or_empty_object().button);
-            (0, $57o7A$solidjsweb.runHydrationEvents)();
-            return _el$2;
-        })());
-    container_element.classList.add(container_class);
-    (0, $57o7A$solidjs.createRenderEffect)(()=>{
-        // Be careful to only read show_all_rows in here (ofc doesn't apply to nested effects)
-        if (show_all_rows()) {
-            // no view more functionality requested
-            set_styling(()=>col_styling);
-            return;
-        }
-        (0, $57o7A$solidjs.untrack)(()=>set_rows_visible()(rows_or_empty_object().start_rows ?? 1));
-        update_children_count();
-        const mutation_observer = new MutationObserver((0, $57o7A$depictaiutilishared.catchify)(update_children_count));
-        mutation_observer.observe(container_element, {
-            childList: true
-        });
-        (0, $57o7A$solidjs.onCleanup)(()=>mutation_observer.disconnect());
-        set_styling(// this is needed because solid will think that the memo-accessor is a setter function otherwise
-        ()=>(0, $57o7A$solidjs.createMemo)(()=>{
-                const { rows_per_click: rows_per_click , max_rows: max_rows = -1  } = rows_or_empty_object();
-                return col_styling() + props.cols_at_size.map((options)=>{
-                    const [, min, max] = options;
-                    let should_hide_button;
-                    let visible_recs;
-                    if (props.disable_partial_rows) {
-                        visible_recs = (0, $57o7A$depictaiutilishared.layout_get_visible_recs_without_partial_rows)(get_rows_visible(), get_children_count(), options);
-                        const visible_recs_next_show_more = (0, $57o7A$depictaiutilishared.layout_get_visible_recs_without_partial_rows)(get_rows_visible() + (rows_per_click || 0), // Should this really be zero when we default rows_per_click to 1?
-                        get_children_count(), options);
-                        should_hide_button = visible_recs === visible_recs_next_show_more;
-                    } else {
-                        visible_recs = (0, $57o7A$depictaiutilishared.layout_get_total_rec_amount_for_row)(get_rows_visible(), options);
-                        should_hide_button = visible_recs >= get_children_count();
-                    }
-                    const should_hide_button_final = button_class && (should_hide_button || max_rows !== -1 && get_rows_visible() >= max_rows);
-                    return `${(0, $57o7A$depictaiutilishared.layout_media_query_header)(min, max)}{${selector_beginning}:nth-child(n+${visible_recs + 1}){display:none}${props.layout == "slider" ? `${selector_beginning}:nth-child(n+${visible_recs}){margin-right:0}` : ""}${should_hide_button_final ? `.depict .${button_class}{display:none!important}` : ``}}`;
-                }).join("");
-            }));
-    });
-    return [
-        container_element,
-        (0, $57o7A$solidjsweb.memo)(button_container),
-        (()=>{
-            const _el$3 = (0, $57o7A$solidjsweb.getNextElement)($f48d0fbb00835aaa$var$_tmpl$2);
-            (0, $57o7A$solidjsweb.insert)(_el$3, get_styling);
-            return _el$3;
-        })()
-    ];
-}
-(0, $57o7A$solidjsweb.delegateEvents)([
-    "click"
-]);
-
-
 const $fe76fb463cc60b89$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div class="PLP-results"><!#><!/><!#><!/></div>`, 6);
 function $fe76fb463cc60b89$export$3925f87b1545cfc6({ plp_results_: plp_results_ , depict_api_: depict_api_ , all_products_loaded_: all_products_loaded_ , min_products_to_fetch_: min_products_to_fetch_ , query_base_: query_base_ , first_result_in_viewport_: first_result_in_viewport_ , last_result_in_viewport_: last_result_in_viewport_ , scroll_restoration_data_: [get_scroll_restoration_data] , no_results_options_: no_results_options_ , desktop_filter_elements_: desktop_filter_elements_ , sort_or_filter_open_: sort_or_filter_open_ , product_card_template_: product_card_template_ , layout_options_: layout_options_ , id_currently_querying_for_: id_currently_querying_for_  }) {
     // The plp_results_ resource will be delayed because we're using createBatchedMemo to not make triplicate API requests, but we need to show the placeholders before already to match Chrome and Firefox's "content has to be there, ready for scroll restoration, before all popstate tasks have been completed"-requirement