@fast-simon/shopify-hydrogen 1.0.4 → 1.0.6

package/dist/esnext/components/ProductGrid/stylesUtil.js

@@ -1,122 +1,122 @@
-import { GridAreaUtils } from "@fast-simon/utilities";
-export class StylesUtil {
-}
-StylesUtil.getDynamicStylesObject = (gridSettings) => {
-    const gridStyles = StylesUtil.getGridCustomStyles(gridSettings);
-    const imageCustomStyles = StylesUtil.getProductImageCustomStyles(gridSettings.product);
-    const addToCartCustomStyles = StylesUtil.getAddToCartCustomStyles(gridSettings.product.addToCart);
-    const priceCustomStyles = StylesUtil.getPriceCustomStyles(gridSettings.product.price);
-    const titleCustomStyles = StylesUtil.getProductTitleCustomStyles(gridSettings.product.title);
-    const productCardCustomStyles = StylesUtil.getProductCardCustomStyles(gridSettings.product);
-    const compareStyles = StylesUtil.getCompareStyles(gridSettings.product.compare);
-    return [
-        { className: 'fs-grid', styles: gridStyles },
-        { className: 'fs-product-card-img', styles: imageCustomStyles },
-        { className: 'fs-product-add-to-cart', styles: addToCartCustomStyles.base },
-        { className: 'fs-product-add-to-cart:hover', styles: addToCartCustomStyles.hover },
-        { className: 'fs-product-card-price', styles: priceCustomStyles.base },
-        { className: 'fs-price-with-compare', styles: priceCustomStyles.withCompare },
-        { className: 'fs-price-without-compare', styles: priceCustomStyles.withoutCompare },
-        { className: 'fs-product-card-title', styles: titleCustomStyles },
-        { className: 'fs-product-card', styles: productCardCustomStyles.base },
-        { className: 'fs-product-card:hover', styles: productCardCustomStyles.hover },
-        { className: 'fs-product-card-info', styles: productCardCustomStyles.productInfo },
-        { className: 'fs-info-areas-compare', styles: productCardCustomStyles.gridAreasWithCompare },
-        { className: 'fs-info-areas', styles: productCardCustomStyles.gridAreasWithoutCompare },
-        { className: 'fs-product-card-compare', styles: compareStyles }
-    ];
-};
-StylesUtil.getGridCustomStyles = (gridSettings) => {
-    return {
-        "grid-template-columns": `repeat(${gridSettings.numberOfColumns}, calc(${100 / Number(gridSettings.numberOfColumns)}% - ${gridSettings.gridColumnGap}))`,
-        "grid-row-gap": gridSettings.gridRowGap,
-        "grid-column-gap": gridSettings.gridColumnGap,
-        "margin-left": gridSettings.gridColumnGap
-    };
-};
-StylesUtil.getProductImageCustomStyles = (productSettings) => {
-    return {
-        'aspect-ratio': productSettings.imageRatio,
-        'object-fit': productSettings.imageFit
-    };
-};
-StylesUtil.getAddToCartCustomStyles = (addToCart) => {
-    return {
-        base: {
-            'font-weight': addToCart.font.fontWeight,
-            'font-family': addToCart.font.font,
-            'font-size': addToCart.font.fontSize,
-            'letter-spacing': addToCart.font.letterSpacing,
-            'color': addToCart.color,
-            'background-color': addToCart.backgroundColor,
-            'border': addToCart.border,
-            'border-radius': addToCart.borderRadius,
-            'opacity': addToCart.showOnHover ? 0 : 1
-        },
-        hover: {
-            'background-color': addToCart.changeColorsOnHover && addToCart.backgroundColorOnHover !== 'unset' ? addToCart.backgroundColorOnHover : addToCart.backgroundColor,
-            'color': addToCart.changeColorsOnHover && addToCart.backgroundColorOnHover !== 'unset' ? addToCart.textColorsOnHover : addToCart.color,
-        }
-    };
-};
-StylesUtil.getPriceCustomStyles = (priceSettings, comparePrice) => {
-    return {
-        base: {
-            'font-weight': priceSettings?.font.fontWeight,
-            'font-family': priceSettings?.font.font,
-            'font-size': priceSettings?.font.fontSize,
-            'letter-spacing': priceSettings?.font.letterSpacing,
-            'line-height': priceSettings?.font.lineHeight,
-        },
-        withCompare: {
-            'text-align': priceSettings.alignIfCompare,
-            'color': priceSettings.colorIfCompareEnable ? priceSettings?.colorIfCompareEnable : priceSettings.color
-        },
-        withoutCompare: {
-            'text-align': priceSettings?.font.textAlign,
-            'color': priceSettings.color
-        }
-    };
-};
-StylesUtil.getProductTitleCustomStyles = (titleSettings) => {
-    return {
-        '-webkit-line-clamp': titleSettings?.numberOfLines,
-        'font-weight': titleSettings?.font.fontWeight,
-        'text-align': titleSettings?.font.textAlign,
-        'font-family': titleSettings?.font.font,
-        'font-size': titleSettings?.font.fontSize,
-        'letter-spacing': titleSettings?.font.letterSpacing,
-        'line-height': titleSettings?.font.lineHeight,
-        'color': titleSettings?.color
-    };
-};
-StylesUtil.getProductCardCustomStyles = (productSettings) => {
-    return {
-        base: {
-            'padding': productSettings?.padding,
-            'border': productSettings?.showBorderOnHover ? undefined : productSettings?.border,
-            'border-radius': productSettings?.borderRadius + "%",
-            'shadow': productSettings?.shadow,
-            'justify-content': productSettings?.addToCart.isActive && productSettings?.addToCart.addToCartType === 'product level' ? 'space-between' : ''
-        },
-        hover: {
-            'border': productSettings?.showBorderOnHover ? productSettings?.border : undefined,
-        },
-        gridAreasWithCompare: { 'grid-template-areas': GridAreaUtils.arrangeGridAreas(productSettings?.info.gridAreas, true) },
-        gridAreasWithoutCompare: { 'grid-template-areas': GridAreaUtils.arrangeGridAreas(productSettings?.info.gridAreas, false) },
-        productInfo: {
-            padding: productSettings?.info.padding
-        }
-    };
-};
-StylesUtil.getCompareStyles = (compareSettings) => {
-    return {
-        'font-weight': compareSettings.font.fontWeight,
-        'text-align': compareSettings.font.textAlign,
-        'font-family': compareSettings.font.font,
-        'font-size': compareSettings.font.fontSize,
-        'letter-spacing': compareSettings.font.letterSpacing,
-        'line-height': compareSettings.font.lineHeight,
-        'color': compareSettings.color
-    };
-};
+import { GridAreaUtils } from "@fast-simon/utilities";
+export class StylesUtil {
+}
+StylesUtil.getDynamicStylesObject = (gridSettings) => {
+    const gridStyles = StylesUtil.getGridCustomStyles(gridSettings);
+    const imageCustomStyles = StylesUtil.getProductImageCustomStyles(gridSettings.product);
+    const addToCartCustomStyles = StylesUtil.getAddToCartCustomStyles(gridSettings.product.addToCart);
+    const priceCustomStyles = StylesUtil.getPriceCustomStyles(gridSettings.product.price);
+    const titleCustomStyles = StylesUtil.getProductTitleCustomStyles(gridSettings.product.title);
+    const productCardCustomStyles = StylesUtil.getProductCardCustomStyles(gridSettings.product);
+    const compareStyles = StylesUtil.getCompareStyles(gridSettings.product.compare);
+    return [
+        { className: 'fs-grid', styles: gridStyles },
+        { className: 'fs-product-card-img', styles: imageCustomStyles },
+        { className: 'fs-product-add-to-cart', styles: addToCartCustomStyles.base },
+        { className: 'fs-product-add-to-cart:hover', styles: addToCartCustomStyles.hover },
+        { className: 'fs-product-card-price', styles: priceCustomStyles.base },
+        { className: 'fs-price-with-compare', styles: priceCustomStyles.withCompare },
+        { className: 'fs-price-without-compare', styles: priceCustomStyles.withoutCompare },
+        { className: 'fs-product-card-title', styles: titleCustomStyles },
+        { className: 'fs-product-card', styles: productCardCustomStyles.base },
+        { className: 'fs-product-card:hover', styles: productCardCustomStyles.hover },
+        { className: 'fs-product-card-info', styles: productCardCustomStyles.productInfo },
+        { className: 'fs-info-areas-compare', styles: productCardCustomStyles.gridAreasWithCompare },
+        { className: 'fs-info-areas', styles: productCardCustomStyles.gridAreasWithoutCompare },
+        { className: 'fs-product-card-compare', styles: compareStyles }
+    ];
+};
+StylesUtil.getGridCustomStyles = (gridSettings) => {
+    return {
+        "grid-template-columns": `repeat(${gridSettings.numberOfColumns}, calc(${100 / Number(gridSettings.numberOfColumns)}% - ${gridSettings.gridColumnGap}))`,
+        "grid-row-gap": gridSettings.gridRowGap,
+        "grid-column-gap": gridSettings.gridColumnGap,
+        "margin-left": gridSettings.gridColumnGap
+    };
+};
+StylesUtil.getProductImageCustomStyles = (productSettings) => {
+    return {
+        'aspect-ratio': productSettings.imageRatio,
+        'object-fit': productSettings.imageFit
+    };
+};
+StylesUtil.getAddToCartCustomStyles = (addToCart) => {
+    return {
+        base: {
+            'font-weight': addToCart.font.fontWeight,
+            'font-family': addToCart.font.font,
+            'font-size': addToCart.font.fontSize,
+            'letter-spacing': addToCart.font.letterSpacing,
+            'color': addToCart.color,
+            'background-color': addToCart.backgroundColor,
+            'border': addToCart.border,
+            'border-radius': addToCart.borderRadius,
+            'opacity': addToCart.showOnHover ? 0 : 1
+        },
+        hover: {
+            'background-color': addToCart.changeColorsOnHover && addToCart.backgroundColorOnHover !== 'unset' ? addToCart.backgroundColorOnHover : addToCart.backgroundColor,
+            'color': addToCart.changeColorsOnHover && addToCart.backgroundColorOnHover !== 'unset' ? addToCart.textColorsOnHover : addToCart.color,
+        }
+    };
+};
+StylesUtil.getPriceCustomStyles = (priceSettings, comparePrice) => {
+    return {
+        base: {
+            'font-weight': priceSettings?.font.fontWeight,
+            'font-family': priceSettings?.font.font,
+            'font-size': priceSettings?.font.fontSize,
+            'letter-spacing': priceSettings?.font.letterSpacing,
+            'line-height': priceSettings?.font.lineHeight,
+        },
+        withCompare: {
+            'text-align': priceSettings.alignIfCompare,
+            'color': priceSettings.colorIfCompareEnable ? priceSettings?.colorIfCompareEnable : priceSettings.color
+        },
+        withoutCompare: {
+            'text-align': priceSettings?.font.textAlign,
+            'color': priceSettings.color
+        }
+    };
+};
+StylesUtil.getProductTitleCustomStyles = (titleSettings) => {
+    return {
+        '-webkit-line-clamp': titleSettings?.numberOfLines,
+        'font-weight': titleSettings?.font.fontWeight,
+        'text-align': titleSettings?.font.textAlign,
+        'font-family': titleSettings?.font.font,
+        'font-size': titleSettings?.font.fontSize,
+        'letter-spacing': titleSettings?.font.letterSpacing,
+        'line-height': titleSettings?.font.lineHeight,
+        'color': titleSettings?.color
+    };
+};
+StylesUtil.getProductCardCustomStyles = (productSettings) => {
+    return {
+        base: {
+            'padding': productSettings?.padding,
+            'border': productSettings?.showBorderOnHover ? undefined : productSettings?.border,
+            'border-radius': productSettings?.borderRadius + "%",
+            'shadow': productSettings?.shadow,
+            'justify-content': productSettings?.addToCart.isActive && productSettings?.addToCart.addToCartType === 'product level' ? 'space-between' : ''
+        },
+        hover: {
+            'border': productSettings?.showBorderOnHover ? productSettings?.border : undefined,
+        },
+        gridAreasWithCompare: { 'grid-template-areas': GridAreaUtils.arrangeGridAreas(productSettings?.info.gridAreas, true) },
+        gridAreasWithoutCompare: { 'grid-template-areas': GridAreaUtils.arrangeGridAreas(productSettings?.info.gridAreas, false) },
+        productInfo: {
+            padding: productSettings?.info.padding
+        }
+    };
+};
+StylesUtil.getCompareStyles = (compareSettings) => {
+    return {
+        'font-weight': compareSettings.font.fontWeight,
+        'text-align': compareSettings.font.textAlign,
+        'font-family': compareSettings.font.font,
+        'font-size': compareSettings.font.fontSize,
+        'letter-spacing': compareSettings.font.letterSpacing,
+        'line-height': compareSettings.font.lineHeight,
+        'color': compareSettings.color
+    };
+};

package/dist/esnext/components/ResultsSummary/ResultsSummary.server.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
-interface Props {
-    totalResults: number;
-    term: string;
-}
-export declare function ResultsSummaryServer({ totalResults, term }: Props): React.JSX.Element;
-export {};
+import React from 'react';
+interface Props {
+    totalResults: number;
+    term: string;
+}
+export declare function ResultsSummaryServer({ totalResults, term }: Props): React.JSX.Element;
+export {};

package/dist/esnext/components/ResultsSummary/ResultsSummary.server.js

@@ -1,8 +1,8 @@
-import React from 'react';
-export function ResultsSummaryServer({ totalResults, term }) {
-    return (React.createElement("div", { className: 'fs-summary' },
-        React.createElement("div", null, term),
-        React.createElement("div", null,
-            totalResults,
-            " results")));
-}
+import React from 'react';
+export function ResultsSummaryServer({ totalResults, term }) {
+    return (React.createElement("div", { className: 'fs-summary' },
+        React.createElement("div", null, term),
+        React.createElement("div", null,
+            totalResults,
+            " results")));
+}

package/dist/esnext/components/SortBy/SortBy.client.d.ts

@@ -1,10 +1,10 @@
-import React from 'react';
-import { SortBy, SortSetupOption } from "../../@types/sortBy";
-import { SortingOption } from "../../@types/editor";
-interface Props {
-    sortSetup: SortSetupOption[];
-    sortingOptions: SortingOption[];
-    sortBy?: SortBy;
-}
-export declare function SortByClient({ sortSetup, sortingOptions, sortBy }: Props): React.JSX.Element;
-export {};
+import React from 'react';
+import { SortBy, SortSetupOption } from "../../@types/sortBy";
+import { SortingOption } from "../../@types/editor";
+interface Props {
+    sortSetup: SortSetupOption[];
+    sortingOptions: SortingOption[];
+    sortBy?: SortBy;
+}
+export declare function SortByClient({ sortSetup, sortingOptions, sortBy }: Props): React.JSX.Element;
+export {};

package/dist/esnext/components/SortBy/SortBy.client.js

@@ -1,8 +1,8 @@
-import React from 'react';
-import { getOptions } from "./utils";
-import { DesktopSortByClient } from "./components/DesktopSortBy.client";
-export function SortByClient({ sortSetup, sortingOptions, sortBy }) {
-    const options = getOptions({ sortSetup, sortingOptions });
-    const currentSort = options.find(option => option.id === sortBy);
-    return (React.createElement(DesktopSortByClient, { options: options, current: currentSort }));
-}
+import React from 'react';
+import { getOptions } from "./utils";
+import { DesktopSortByClient } from "./components/DesktopSortBy.client";
+export function SortByClient({ sortSetup, sortingOptions, sortBy }) {
+    const options = getOptions({ sortSetup, sortingOptions });
+    const currentSort = options.find(option => option.id === sortBy);
+    return (React.createElement(DesktopSortByClient, { options: options, current: currentSort }));
+}

package/dist/esnext/components/SortBy/components/DesktopSortBy.client.d.ts

@@ -1,8 +1,8 @@
-import React from 'react';
-import { SelectItem } from "../../../@types/sortBy";
-interface Props {
-    options: SelectItem[];
-    current?: SelectItem;
-}
-export declare function DesktopSortByClient({ options, current }: Props): React.JSX.Element;
-export {};
+import React from 'react';
+import { SelectItem } from "../../../@types/sortBy";
+interface Props {
+    options: SelectItem[];
+    current?: SelectItem;
+}
+export declare function DesktopSortByClient({ options, current }: Props): React.JSX.Element;
+export {};

package/dist/esnext/components/SortBy/components/DesktopSortBy.client.js

@@ -1,30 +1,30 @@
-import React, { useRef, useState } from 'react';
-import { DownArrowIcon } from "../../../icons/DownArrowIcon";
-import { Defaults } from "../../../utils/defaults";
-import { useNavigate, useServerProps, useUrl } from "@shopify/hydrogen";
-import { useClickOutside } from "../../../hooks/useClickOutside";
-export function DesktopSortByClient({ options, current }) {
-    const [selected, setSelected] = useState(current ?? options[0]);
-    const [isOpen, setIsOpen] = useState(false);
-    const { setServerProps, serverProps } = useServerProps();
-    const url = useUrl();
-    const navigation = useNavigate();
-    const menuRef = useRef(null);
-    const onClickOutside = () => setIsOpen(false);
-    useClickOutside(menuRef, onClickOutside);
-    const changeDropdownMode = () => setIsOpen(!isOpen);
-    const onSelect = (option) => {
-        setSelected(option);
-        setIsOpen(false);
-        url.searchParams.set('sort', option.id);
-        url.searchParams.delete('page');
-        navigation(url.href);
-        setServerProps(Defaults.fastSimonProps, { ...serverProps?.[Defaults.fastSimonProps], sortBy: option.id, page: 1 });
-    };
-    return (React.createElement("div", { ref: menuRef, className: "select-container" },
-        React.createElement("div", { className: "fs-select-wrapper" },
-            React.createElement("div", { className: `select-button ${isOpen ? 'select-button-open' : ''}`, onClick: changeDropdownMode },
-                React.createElement("span", null, selected.text),
-                React.createElement(DownArrowIcon, { rotate: isOpen })),
-            React.createElement("div", { className: "custom-options" }, isOpen ? options.map(option => (React.createElement("div", { key: option.id, className: `dropdown-item ${option.id === selected.id ? 'selected-option' : ''}`, onClick: () => onSelect(option) }, option.text))) : null))));
-}
+import React, { useRef, useState } from 'react';
+import { DownArrowIcon } from "../../../icons/DownArrowIcon";
+import { Defaults } from "../../../utils/defaults";
+import { useNavigate, useServerProps, useUrl } from "@shopify/hydrogen";
+import { useClickOutside } from "../../../hooks/useClickOutside";
+export function DesktopSortByClient({ options, current }) {
+    const [selected, setSelected] = useState(current ?? options[0]);
+    const [isOpen, setIsOpen] = useState(false);
+    const { setServerProps, serverProps } = useServerProps();
+    const url = useUrl();
+    const navigation = useNavigate();
+    const menuRef = useRef(null);
+    const onClickOutside = () => setIsOpen(false);
+    useClickOutside(menuRef, onClickOutside);
+    const changeDropdownMode = () => setIsOpen(!isOpen);
+    const onSelect = (option) => {
+        setSelected(option);
+        setIsOpen(false);
+        url.searchParams.set('sort', option.id);
+        url.searchParams.delete('page');
+        navigation(url.href);
+        setServerProps(Defaults.fastSimonProps, { ...serverProps?.[Defaults.fastSimonProps], sortBy: option.id, page: 1 });
+    };
+    return (React.createElement("div", { ref: menuRef, className: "select-container" },
+        React.createElement("div", { className: "fs-select-wrapper" },
+            React.createElement("div", { className: `select-button ${isOpen ? 'select-button-open' : ''}`, onClick: changeDropdownMode },
+                React.createElement("span", null, selected.text),
+                React.createElement(DownArrowIcon, { rotate: isOpen })),
+            React.createElement("div", { className: "custom-options" }, isOpen ? options.map(option => (React.createElement("div", { key: option.id, className: `dropdown-item ${option.id === selected.id ? 'selected-option' : ''}`, onClick: () => onSelect(option) }, option.text))) : null))));
+}

package/dist/esnext/components/SortBy/utils.d.ts

@@ -1,8 +1,8 @@
-import { SelectItem, SortSetupOption } from "../../@types/sortBy";
-import { SortingOption } from "../../@types/editor";
-interface Props {
-    sortSetup: SortSetupOption[];
-    sortingOptions: SortingOption[];
-}
-export declare function getOptions({ sortSetup, sortingOptions }: Props): SelectItem[];
-export {};
+import { SelectItem, SortSetupOption } from "../../@types/sortBy";
+import { SortingOption } from "../../@types/editor";
+interface Props {
+    sortSetup: SortSetupOption[];
+    sortingOptions: SortingOption[];
+}
+export declare function getOptions({ sortSetup, sortingOptions }: Props): SelectItem[];
+export {};

package/dist/esnext/components/SortBy/utils.js

@@ -1,28 +1,28 @@
-const serverNameToId = {
-    'relevency': '0',
-    'price_min_to_max': '1',
-    'price_max_to_min': '2',
-    'creation_date': '3',
-    'creation_date_oldest': '4',
-    'popularity': '5',
-    'reviews': '6',
-    'a_to_z': '7',
-    'z_to_a': '8'
-};
-export function getOptions({ sortSetup, sortingOptions }) {
-    const sortOptions = [];
-    sortSetup.filter(value => value.active).forEach(option => {
-        const item = sortingOptions?.find(item => serverNameToId[item.backendName] === option.id);
-        if (item) {
-            sortOptions.push({ text: item.customName, id: item.backendName });
-        }
-    });
-    const sortOptionsPositioned = [];
-    sortingOptions.forEach(option => {
-        const sortItem = sortOptions.find(item => option.backendName === item.id);
-        if (sortItem) {
-            sortOptionsPositioned.push(sortItem);
-        }
-    });
-    return sortOptionsPositioned;
-}
+const serverNameToId = {
+    'relevency': '0',
+    'price_min_to_max': '1',
+    'price_max_to_min': '2',
+    'creation_date': '3',
+    'creation_date_oldest': '4',
+    'popularity': '5',
+    'reviews': '6',
+    'a_to_z': '7',
+    'z_to_a': '8'
+};
+export function getOptions({ sortSetup, sortingOptions }) {
+    const sortOptions = [];
+    sortSetup.filter(value => value.active).forEach(option => {
+        const item = sortingOptions?.find(item => serverNameToId[item.backendName] === option.id);
+        if (item) {
+            sortOptions.push({ text: item.customName, id: item.backendName });
+        }
+    });
+    const sortOptionsPositioned = [];
+    sortingOptions.forEach(option => {
+        const sortItem = sortOptions.find(item => option.backendName === item.id);
+        if (sortItem) {
+            sortOptionsPositioned.push(sortItem);
+        }
+    });
+    return sortOptionsPositioned;
+}

package/dist/esnext/components/index.d.ts

@@ -1,2 +1,2 @@
-export * from './FastSimonProvider.server';
-export * from './FastSimonApp.server';
+export * from './FastSimonProvider.server';
+export * from './FastSimonApp.server';

package/dist/esnext/components/index.js

@@ -1,2 +1,2 @@
-export * from './FastSimonProvider.server';
-export * from './FastSimonApp.server';
+export * from './FastSimonProvider.server';
+export * from './FastSimonApp.server';

package/dist/esnext/context/setRoutingContext.d.ts

@@ -1,2 +1,2 @@
-import { HydrogenRouteProps } from "@shopify/hydrogen";
-export declare const setRoutingContext: (request: HydrogenRouteProps) => any;
+import { HydrogenRouteProps } from "@shopify/hydrogen";
+export declare const setRoutingContext: (request: HydrogenRouteProps) => any;

package/dist/esnext/context/setRoutingContext.js

@@ -1,14 +1,14 @@
-import { useRequestContext } from "@shopify/hydrogen";
-import { Defaults } from "../utils/defaults";
-export const setRoutingContext = (request) => {
-    const context = useRequestContext(Defaults.fastSimonServerContextScope);
-    const routingState = request.ctx.router.serverProps?.[Defaults.fastSimonProps];
-    context[Defaults.fastSimonProps] = {
-        page: routingState?.page ?? 1,
-        narrow: routingState?.narrow,
-        query: routingState?.query,
-        collectionID: routingState?.collectionID,
-        sort: routingState?.sort
-    };
-    return context[Defaults.fastSimonProps];
-};
+import { useRequestContext } from "@shopify/hydrogen";
+import { Defaults } from "../utils/defaults";
+export const setRoutingContext = (request) => {
+    const context = useRequestContext(Defaults.fastSimonServerContextScope);
+    const routingState = request.ctx.router.serverProps?.[Defaults.fastSimonProps];
+    context[Defaults.fastSimonProps] = {
+        page: routingState?.page ?? 1,
+        narrow: routingState?.narrow,
+        query: routingState?.query,
+        collectionID: routingState?.collectionID,
+        sort: routingState?.sort
+    };
+    return context[Defaults.fastSimonProps];
+};

package/dist/esnext/context/setSiteContext.d.ts

@@ -1,6 +1,6 @@
-export interface Props {
-    uuid: string;
-    storeID: number;
-    userAgent: string;
-}
-export declare const setSiteScopedServerContext: ({ uuid, storeID, userAgent }: Props) => void;
+export interface Props {
+    uuid: string;
+    storeID: number;
+    userAgent: string;
+}
+export declare const setSiteScopedServerContext: ({ uuid, storeID, userAgent }: Props) => void;

package/dist/esnext/context/setSiteContext.js

@@ -1,18 +1,18 @@
-import { useRequestContext } from "@shopify/hydrogen";
-import { Defaults } from "../utils/defaults";
-import { Site } from "../services/site_setup";
-export const setSiteScopedServerContext = ({ uuid, storeID, userAgent }) => {
-    const fastSimonContext = useRequestContext(Defaults.fastSimonServerContextScope); // create scoped context
-    const device = userAgent.includes('Mobi') ? 'mobile' : 'desktop'; // detect device
-    fastSimonContext[Defaults.fastSimonServerContextScope] = {
-        uuid: uuid,
-        storeID: storeID,
-        device: device
-    };
-    if (!fastSimonContext[Defaults.fastSimonServerContextScope]?.config) {
-        // fetch site configuration and set to context
-        const config = Site.getSiteConfiguration();
-        fastSimonContext[Defaults.fastSimonServerContextScope]['config'] = config;
-        fastSimonContext[Defaults.fastSimonServerContextScope]['editorSettings'] = device === 'mobile' ? config.settings.mobileSettings : config.settings.desktopSettings;
-    }
-};
+import { useRequestContext } from "@shopify/hydrogen";
+import { Defaults } from "../utils/defaults";
+import { Site } from "../services/site_setup";
+export const setSiteScopedServerContext = ({ uuid, storeID, userAgent }) => {
+    const fastSimonContext = useRequestContext(Defaults.fastSimonServerContextScope); // create scoped context
+    const device = userAgent.includes('Mobi') ? 'mobile' : 'desktop'; // detect device
+    fastSimonContext[Defaults.fastSimonServerContextScope] = {
+        uuid: uuid,
+        storeID: storeID,
+        device: device
+    };
+    if (!fastSimonContext[Defaults.fastSimonServerContextScope]?.config) {
+        // fetch site configuration and set to context
+        const config = Site.getSiteConfiguration();
+        fastSimonContext[Defaults.fastSimonServerContextScope]['config'] = config;
+        fastSimonContext[Defaults.fastSimonServerContextScope]['editorSettings'] = device === 'mobile' ? config.settings.mobileSettings : config.settings.desktopSettings;
+    }
+};

package/dist/esnext/hooks/ResizeDetect.client.d.ts

@@ -1,2 +1,2 @@
-import React from 'react';
-export declare function ResizeDetect(): React.JSX.Element;
+import React from 'react';
+export declare function ResizeDetect(): React.JSX.Element;

package/dist/esnext/hooks/ResizeDetect.client.js

@@ -1,6 +1,6 @@
-import React from 'react';
-import { useScreenSize } from "./useScreenSize";
-export function ResizeDetect() {
-    useScreenSize();
-    return (React.createElement(React.Fragment, null));
-}
+import React from 'react';
+import { useScreenSize } from "./useScreenSize";
+export function ResizeDetect() {
+    useScreenSize();
+    return (React.createElement(React.Fragment, null));
+}

package/dist/esnext/hooks/useClickOutside.d.ts

@@ -1 +1 @@
-export declare function useClickOutside(ref: any, callback: () => void): void;
+export declare function useClickOutside(ref: any, callback: () => void): void;

package/dist/esnext/hooks/useClickOutside.js

@@ -1,12 +1,12 @@
-import { useEffect } from "react";
-export function useClickOutside(ref, callback) {
-    useEffect(() => {
-        function handleClickOutside(event) {
-            if (ref?.current && !ref?.current.contains(event.target)) {
-                callback();
-            }
-        }
-        document.addEventListener("mousedown", handleClickOutside);
-        return () => document.removeEventListener("mousedown", handleClickOutside);
-    }, [ref]);
-}
+import { useEffect } from "react";
+export function useClickOutside(ref, callback) {
+    useEffect(() => {
+        function handleClickOutside(event) {
+            if (ref?.current && !ref?.current.contains(event.target)) {
+                callback();
+            }
+        }
+        document.addEventListener("mousedown", handleClickOutside);
+        return () => document.removeEventListener("mousedown", handleClickOutside);
+    }, [ref]);
+}

package/dist/esnext/hooks/useScreenSize.d.ts

@@ -1 +1 @@
-export declare const useScreenSize: () => string | undefined;
+export declare const useScreenSize: () => string | undefined;