@searchspring/snap-preact-components 0.25.1 → 0.27.0

package/dist/esm/components/Organisms/BranchOverride/BranchOverride.js

@@ -0,0 +1,263 @@
+/** @jsx jsx */
+import { Fragment } from 'preact';
+import { jsx, css } from '@emotion/react';
+import classnames from 'classnames';
+import { useState } from 'preact/hooks';
+import { Icon } from '../../Atoms/Icon/Icon';
+import { defined } from '../../../utilities';
+import { useTheme } from '../../../providers';
+const CSS = {
+    override: ({ theme }) => css({
+        width: '360px',
+        height: '120px',
+        overflow: 'hidden',
+        fontSize: '14px',
+        position: 'fixed',
+        zIndex: 9999,
+        cursor: 'auto',
+        bottom: '50px',
+        right: 0,
+        background: theme.main.background,
+        color: theme.main.color,
+        border: theme.main.border,
+        borderRight: 0,
+        borderTopLeftRadius: '5px',
+        borderBottomLeftRadius: '5px',
+        boxShadow: theme.main.boxShadow,
+        transition: 'height ease 0.2s, right ease 0.5s 0.2s',
+        '&.ss__branch-override--collapsed': {
+            transition: 'height ease 0.5s 0.5s, right ease 0.5s',
+            right: '-316px',
+            height: '50px',
+            cursor: 'pointer',
+        },
+        '.ss__branch-override__top': {
+            padding: '10px',
+            background: theme.top.background,
+            borderBottom: theme.top.border,
+            '.ss__branch-override__top__logo': {
+                display: 'inline-block',
+                height: '30px',
+                maxHeight: '30px',
+                verticalAlign: 'middle',
+            },
+            '.ss__branch-override__top__collapse': {
+                display: 'inline-block',
+                float: 'right',
+                padding: '5px',
+                cursor: 'pointer',
+            },
+            '.ss__branch-override__top__button': {
+                borderRadius: '5px',
+                padding: '6px',
+                height: '100%',
+                lineHeight: '14px',
+                textAlign: 'center',
+                cursor: 'pointer',
+                fontSize: '10px',
+                border: theme.top.button.border,
+                color: theme.top.button.color,
+                float: 'right',
+                marginRight: '14px',
+            },
+        },
+        '.ss__branch-override__bottom': {
+            padding: '10px 15px',
+            fontSize: '12px',
+            '.ss__branch-override__bottom__left': {
+                fontWeight: 'bold',
+                fontStyle: theme.bottom.branch.style,
+                color: theme.bottom.branch.color,
+                fontSize: '14px',
+                lineHeight: '20px',
+                display: 'inline-flex',
+                alignItems: 'center',
+                maxWidth: '180px',
+                whiteSpace: 'nowrap',
+                overflow: 'hidden',
+                textOverflow: 'ellipsis',
+                svg: {
+                    marginRight: '10px',
+                },
+            },
+            '.ss__branch-override__bottom__right': {
+                float: 'right',
+                fontStyle: 'italic',
+                color: theme.bottom.additional.color,
+                fontSize: '12px',
+                lineHeight: '20px',
+            },
+            '.ss__branch-override__bottom__content': {
+                marginTop: '10px',
+            },
+        },
+    }),
+};
+const darkTheme = {
+    main: {
+        border: '0',
+        background: 'rgba(59, 35, 173, 0.9)',
+        color: '#fff',
+        boxShadow: '#4c3ce2 1px 1px 3px 0px',
+    },
+    top: {
+        background: 'rgba(59, 35, 173, 0.3)',
+        border: '1px solid #4c3de1',
+        logo: {
+            src: 'https://snapui.searchspring.io/searchspring_light.svg',
+        },
+        button: {
+            border: '1px solid #fff',
+            color: '#fff',
+            content: 'STOP PREVIEW',
+        },
+        close: {
+            fill: '#fff',
+        },
+    },
+    bottom: {
+        content: 'Preview functionality may differ from production.',
+        branch: {
+            color: '#03cee1',
+            style: 'italic',
+        },
+        additional: {
+            color: '#03cee1',
+        },
+    },
+};
+const lightTheme = {
+    main: {
+        border: '1px solid #ccc',
+        background: 'rgba(255, 255, 255, 0.95)',
+        color: '#515151',
+        boxShadow: 'rgba(81, 81, 81, 0.5) 1px 1px 3px 0px',
+    },
+    top: {
+        border: '1px solid #ccc',
+        logo: {
+            src: 'https://snapui.searchspring.io/searchspring.svg',
+        },
+        button: {
+            border: '1px solid #515151',
+            color: '#515151',
+            content: 'STOP PREVIEW',
+        },
+        close: {
+            fill: '#515151',
+        },
+    },
+    bottom: {
+        content: 'Preview functionality may differ from production.',
+        branch: {
+            color: '#3a23ad',
+            style: 'italic',
+        },
+        additional: {
+            color: '#3a23ad',
+        },
+    },
+};
+const failureTheme = {
+    main: {
+        border: '0',
+        background: 'rgba(130, 6, 6, 0.9)',
+        color: '#fff',
+        boxShadow: 'rgba(130, 6, 6, 0.4) 1px 1px 3px 0px',
+    },
+    top: {
+        background: 'rgba(130, 6, 6, 0.3)',
+        border: '1px solid #760000',
+        logo: {
+            src: 'https://snapui.searchspring.io/searchspring_light.svg',
+        },
+        button: {
+            border: '1px solid #fff',
+            color: '#fff',
+            content: 'REMOVE',
+        },
+        close: {
+            fill: '#fff',
+        },
+    },
+    bottom: {
+        content: 'Incorrect branch name or branch no longer exists.',
+        branch: {
+            color: '#be9628',
+            style: 'italic',
+        },
+        additional: {
+            color: '#be9628',
+        },
+    },
+};
+const themes = {
+    darkTheme,
+    lightTheme,
+    failureTheme,
+};
+export const BranchOverride = (properties) => {
+    const globalTheme = useTheme();
+    const theme = { ...globalTheme, ...properties.theme };
+    let props = {
+        // global theme
+        ...globalTheme?.components?.branchOverride,
+        // props
+        ...properties,
+        ...properties.theme?.components?.branchOverride,
+    };
+    const { name, details, error, className, darkMode, disableStyles, style, onRemoveClick } = props;
+    const subProps = {
+        icon: {
+            // default props
+            className: 'ss__branch-override__bottom__left__icon',
+            size: '12px',
+            // global theme
+            ...globalTheme?.components?.icon,
+            // inherited props
+            ...defined({
+                disableStyles,
+            }),
+            // component theme overrides
+            theme: props.theme,
+        },
+    };
+    const prefersDark = typeof darkMode == 'boolean' ? darkMode : window.matchMedia ? window.matchMedia('(prefers-color-scheme: dark)').matches : false;
+    const [themeName, setThemeName] = useState(prefersDark ? 'darkTheme' : 'lightTheme');
+    const [collapsed, setCollapsed] = useState(0);
+    if (error) {
+        setThemeName('failureTheme');
+    }
+    const styling = {};
+    if (!disableStyles) {
+        styling.css = [CSS.override({ theme: themes[themeName] }), style];
+    }
+    else if (style) {
+        styling.css = [style];
+    }
+    return ((details || error) &&
+        name && (jsx("div", { className: classnames('ss__branch-override', { 'ss__branch-override--collapsed': collapsed }, className), ...styling, onClick: (e) => {
+            e.preventDefault();
+            e.stopPropagation();
+            setCollapsed(0);
+        } },
+        jsx("div", { className: "ss__branch-override__top" },
+            jsx("img", { className: "ss__branch-override__top__logo", src: themes[themeName].top.logo.src }),
+            jsx("div", { className: "ss__branch-override__top__collapse", onClick: (e) => {
+                    e.preventDefault();
+                    e.stopPropagation();
+                    setCollapsed(1);
+                } },
+                jsx(Icon, { size: "18px", color: themes[themeName].top.close.fill, ...subProps.icon, icon: "close-thin" })),
+            jsx("div", { className: "ss__branch-override__top__button", onClick: (e) => {
+                    e.preventDefault();
+                    e.stopPropagation();
+                    onRemoveClick && onRemoveClick(e, name);
+                } }, themes[themeName].top.button.content)),
+        jsx("div", { className: "ss__branch-override__bottom" },
+            jsx("span", { className: "ss__branch-override__bottom__left" }, error ? (jsx(Fragment, null,
+                jsx(Icon, { size: "12px", color: themes[themeName].bottom.branch.color, ...subProps.icon, icon: "warn" }),
+                jsx("span", null, error.message))) : (name)),
+            jsx("span", { className: "ss__branch-override__bottom__right" }, error ? name : details?.lastModified),
+            jsx("div", { className: "ss__branch-override__bottom__content" }, error?.description || themes[themeName].bottom.content)))));
+};

package/dist/esm/components/Organisms/BranchOverride/BranchOverride.stories.d.ts

@@ -0,0 +1,136 @@
+/// <reference types="react" />
+import { h } from 'preact';
+declare const _default: {
+    title: string;
+    component: (properties: import("./BranchOverride").BranchOverrideProps) => JSX.Element;
+    parameters: {
+        docs: {
+            page: () => h.JSX.Element;
+        };
+    };
+    decorators: ((Story: any) => h.JSX.Element)[];
+    argTypes: {
+        className: {
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+            control: {
+                type: string;
+            };
+        };
+        disableStyles: {
+            defaultValue: boolean;
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: boolean;
+                };
+            };
+            control: {
+                type: string;
+            };
+        };
+        style: {
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+            control: {
+                type: string;
+            };
+        };
+        theme: {
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+            control: {
+                type: string;
+            };
+        };
+        name: {
+            description: string;
+            type: {
+                required: boolean;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+            control: {
+                type: string;
+            };
+        };
+        details: {
+            description: string;
+            type: {
+                required: boolean;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+            control: {
+                type: string;
+            };
+        };
+        error: {
+            description: string;
+            type: {
+                required: boolean;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+            control: {
+                type: string;
+            };
+        };
+        onRemoveClick: {
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+            action: string;
+        };
+        darkMode: {
+            description: string;
+            type: {
+                required: boolean;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+            control: {
+                type: string;
+            };
+        };
+    };
+};
+export default _default;
+export declare const Auto: any;
+export declare const Dark: any;
+export declare const Error: any;
+export declare const Light: any;
+//# sourceMappingURL=BranchOverride.stories.d.ts.map

package/dist/esm/components/Organisms/BranchOverride/BranchOverride.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BranchOverride.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Organisms/BranchOverride/BranchOverride.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,CAAC,EAAY,MAAM,QAAQ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQrC,wBA6EE;AAIF,eAAO,MAAM,IAAI,KAAoB,CAAC;AAStC,eAAO,MAAM,IAAI,KAAoB,CAAC;AAUtC,eAAO,MAAM,KAAK,KAAoB,CAAC;AASvC,eAAO,MAAM,KAAK,KAAoB,CAAC"}

package/dist/esm/components/Organisms/BranchOverride/BranchOverride.stories.js

@@ -0,0 +1,110 @@
+import { h } from 'preact';
+import { ArgsTable, PRIMARY_STORY } from '@storybook/addon-docs/blocks';
+import { BranchOverride } from './BranchOverride';
+import { componentArgs } from '../../../utilities';
+import Readme from '../BranchOverride/readme.md';
+export default {
+    title: `Organisms/BranchOverride`,
+    component: BranchOverride,
+    parameters: {
+        docs: {
+            page: () => (h("div", null,
+                h(Readme, null),
+                h(ArgsTable, { story: PRIMARY_STORY }))),
+        },
+    },
+    decorators: [
+        (Story) => (h("div", { style: {
+                maxWidth: '900px',
+                position: 'relative',
+            } },
+            h(Story, null))),
+    ],
+    argTypes: {
+        name: {
+            description: 'bundle branch name',
+            type: { required: true },
+            table: {
+                type: {
+                    summary: 'string',
+                },
+            },
+            control: { type: 'text' },
+        },
+        details: {
+            description: 'Object containing details for branch override',
+            type: { required: false },
+            table: {
+                type: {
+                    summary: '{ url: string; lastModified: string }',
+                },
+            },
+            control: { type: 'object' },
+        },
+        error: {
+            description: 'Object containing error message and description',
+            type: { required: false },
+            table: {
+                type: {
+                    summary: '{ message: string; description: string }',
+                },
+            },
+            control: { type: 'object' },
+        },
+        onRemoveClick: {
+            description: 'optional function to run on remove button click',
+            table: {
+                type: {
+                    summary: '(e: Event, name: string) => void',
+                },
+            },
+            action: 'onRemoveClick',
+        },
+        darkMode: {
+            description: 'force dark darkMode',
+            type: { required: false },
+            table: {
+                type: {
+                    summary: 'boolean',
+                },
+            },
+            control: { type: 'boolean' },
+        },
+        ...componentArgs,
+    },
+};
+const Template = (args) => h(BranchOverride, { ...args });
+export const Auto = Template.bind({});
+Auto.args = {
+    name: 'next',
+    details: {
+        url: 'https://snapui.searchspring.io/y56s6x/next/bundle.js',
+        lastModified: '1 Feb 2022 1:02:03 GMT',
+    },
+};
+export const Dark = Template.bind({});
+Dark.args = {
+    name: 'next',
+    details: {
+        url: 'https://snapui.searchspring.io/y56s6x/next/bundle.js',
+        lastModified: '1 Feb 2022 1:02:03 GMT',
+    },
+    darkMode: true,
+};
+export const Error = Template.bind({});
+Error.args = {
+    name: 'testing',
+    error: {
+        message: 'Branch not found!',
+        description: 'Incorrect branch name or branch no longer exists.',
+    },
+};
+export const Light = Template.bind({});
+Light.args = {
+    name: 'next',
+    details: {
+        url: 'https://snapui.searchspring.io/y56s6x/next/bundle.js',
+        lastModified: '1 Feb 2022 1:02:03 GMT',
+    },
+    darkMode: false,
+};

package/dist/esm/components/Organisms/BranchOverride/index.d.ts

@@ -0,0 +1,2 @@
+export * from './BranchOverride';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/Organisms/BranchOverride/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Organisms/BranchOverride/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC"}

package/dist/esm/components/Organisms/BranchOverride/index.js

@@ -0,0 +1 @@
+export * from './BranchOverride';

package/dist/esm/index.d.ts

@@ -24,6 +24,7 @@ export * from './components/Molecules/Select';
 export * from './components/Molecules/Slideout';
 export * from './components/Molecules/FacetSlider';
 export * from './components/Organisms/Autocomplete';
+export * from './components/Organisms/BranchOverride';
 export * from './components/Organisms/Facet';
 export * from './components/Organisms/Facets';
 export * from './components/Organisms/FilterSummary';

package/dist/esm/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AACA,cAAc,0BAA0B,CAAC;AACzC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,oCAAoC,CAAC;AACnD,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,kCAAkC,CAAC;AACjD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,6BAA6B,CAAC;AAG5C,cAAc,iCAAiC,CAAC;AAChD,cAAc,iCAAiC,CAAC;AAChD,cAAc,qCAAqC,CAAC;AACpD,cAAc,yCAAyC,CAAC;AACxD,cAAc,8CAA8C,CAAC;AAC7D,cAAc,yCAAyC,CAAC;AACxD,cAAc,4CAA4C,CAAC;AAC3D,cAAc,+BAA+B,CAAC;AAC9C,cAAc,mCAAmC,CAAC;AAClD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,iCAAiC,CAAC;AAChD,cAAc,oCAAoC,CAAC;AAGnD,cAAc,qCAAqC,CAAC;AACpD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,sCAAsC,CAAC;AACrD,cAAc,uCAAuC,CAAC;AACtD,cAAc,gCAAgC,CAAC;AAG/C,cAAc,SAAS,CAAC;AAGxB,cAAc,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AACA,cAAc,0BAA0B,CAAC;AACzC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,oCAAoC,CAAC;AACnD,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,kCAAkC,CAAC;AACjD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,6BAA6B,CAAC;AAG5C,cAAc,iCAAiC,CAAC;AAChD,cAAc,iCAAiC,CAAC;AAChD,cAAc,qCAAqC,CAAC;AACpD,cAAc,yCAAyC,CAAC;AACxD,cAAc,8CAA8C,CAAC;AAC7D,cAAc,yCAAyC,CAAC;AACxD,cAAc,4CAA4C,CAAC;AAC3D,cAAc,+BAA+B,CAAC;AAC9C,cAAc,mCAAmC,CAAC;AAClD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,iCAAiC,CAAC;AAChD,cAAc,oCAAoC,CAAC;AAGnD,cAAc,qCAAqC,CAAC;AACpD,cAAc,uCAAuC,CAAC;AACtD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,sCAAsC,CAAC;AACrD,cAAc,uCAAuC,CAAC;AACtD,cAAc,gCAAgC,CAAC;AAG/C,cAAc,SAAS,CAAC;AAGxB,cAAc,aAAa,CAAC"}

package/dist/esm/index.js

@@ -27,6 +27,7 @@ export * from './components/Molecules/Slideout';
 export * from './components/Molecules/FacetSlider';
 // ORGANISMS
 export * from './components/Organisms/Autocomplete';
+export * from './components/Organisms/BranchOverride';
 export * from './components/Organisms/Facet';
 export * from './components/Organisms/Facets';
 export * from './components/Organisms/FilterSummary';

package/dist/esm/utilities/snapify.d.ts

@@ -1,4 +1,5 @@
-import type { SearchController, AutocompleteController, RecommendationController, SearchControllerConfig, AutocompleteControllerConfig, RecommendationControllerConfig } from '@searchspring/snap-controller';
+import { SearchController, AutocompleteController, RecommendationController } from '@searchspring/snap-controller';
+import type { SearchControllerConfig, AutocompleteControllerConfig, RecommendationControllerConfig } from '@searchspring/snap-controller';
 export declare class Snapify {
     static recommendation(config: RecommendationControllerConfig): RecommendationController;
     static autocomplete(config: AutocompleteControllerConfig): AutocompleteController;

package/dist/esm/utilities/snapify.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"snapify.d.ts","sourceRoot":"","sources":["../../../src/utilities/snapify.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACX,gBAAgB,EAChB,sBAAsB,EACtB,wBAAwB,EACxB,sBAAsB,EACtB,4BAA4B,EAC5B,8BAA8B,EAC9B,MAAM,+BAA+B,CAAC;AAMvC,qBAAa,OAAO;IACnB,MAAM,CAAC,cAAc,CAAC,MAAM,EAAE,8BAA8B,GAAG,wBAAwB;IAkBvF,MAAM,CAAC,YAAY,CAAC,MAAM,EAAE,4BAA4B,GAAG,sBAAsB;IAmBjF,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE,sBAAsB,GAAG,gBAAgB;CAkB/D"}
+{"version":3,"file":"snapify.d.ts","sourceRoot":"","sources":["../../../src/utilities/snapify.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AAUnH,OAAO,KAAK,EAAE,sBAAsB,EAAE,4BAA4B,EAAE,8BAA8B,EAAE,MAAM,+BAA+B,CAAC;AAc1I,qBAAa,OAAO;IACnB,MAAM,CAAC,cAAc,CAAC,MAAM,EAAE,8BAA8B,GAAG,wBAAwB;IAkBvF,MAAM,CAAC,YAAY,CAAC,MAAM,EAAE,4BAA4B,GAAG,sBAAsB;IAmBjF,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE,sBAAsB,GAAG,gBAAgB;CAkB/D"}

package/dist/esm/utilities/snapify.js

@@ -1,5 +1,11 @@
-/* searchspring imports */
-import { createSearchController, createAutocompleteController, createRecommendationsController } from '@searchspring/snap-preact';
+import { SearchController, AutocompleteController, RecommendationController } from '@searchspring/snap-controller';
+import { Client } from '@searchspring/snap-client';
+import { SearchStore, AutocompleteStore, RecommendationStore } from '@searchspring/snap-store-mobx';
+import { UrlManager, UrlTranslator, reactLinker } from '@searchspring/snap-url-manager';
+import { EventManager } from '@searchspring/snap-event-manager';
+import { Profiler } from '@searchspring/snap-profiler';
+import { Logger } from '@searchspring/snap-logger';
+import { Tracker } from '@searchspring/snap-tracker';
 const controllers = {};
 const client = {
     globals: { siteId: '8uyt2m' },
@@ -10,7 +16,7 @@ export class Snapify {
         if (controllers[id]) {
             return controllers[id];
         }
-        const cntrlr = (controllers[id] = createRecommendationsController({ client, controller: config }));
+        const cntrlr = (controllers[id] = createRecommendationController({ client, controller: config }));
         cntrlr.on('afterStore', async ({ controller }, next) => {
             controller.log.debug('controller', controller);
             controller.log.debug('store', controller.store.toJSON());
@@ -48,3 +54,42 @@ export class Snapify {
         return cntrlr;
     }
 }
+function createSearchController(config) {
+    const urlManager = new UrlManager(new UrlTranslator(), reactLinker);
+    const cntrlr = new SearchController(config.controller, {
+        client: new Client(config.client.globals, config.client.config),
+        store: new SearchStore(config.controller, { urlManager }),
+        urlManager,
+        eventManager: new EventManager(),
+        profiler: new Profiler(),
+        logger: new Logger(),
+        tracker: new Tracker(config.client.globals),
+    });
+    return cntrlr;
+}
+function createRecommendationController(config) {
+    const urlManager = new UrlManager(new UrlTranslator(), reactLinker).detach(true);
+    const cntrlr = new RecommendationController(config.controller, {
+        client: new Client(config.client.globals, config.client.config),
+        store: new RecommendationStore(config.controller, { urlManager }),
+        urlManager,
+        eventManager: new EventManager(),
+        profiler: new Profiler(),
+        logger: new Logger(),
+        tracker: new Tracker(config.client.globals),
+    });
+    return cntrlr;
+}
+function createAutocompleteController(config) {
+    const urlManager = new UrlManager(new UrlTranslator(), reactLinker).detach();
+    const cntrlr = new AutocompleteController(config.controller, {
+        client: new Client(config.client.globals, config.client.config),
+        store: new AutocompleteStore(config.controller, { urlManager }),
+        urlManager,
+        eventManager: new EventManager(),
+        profiler: new Profiler(),
+        logger: new Logger(),
+        tracker: new Tracker(config.client.globals),
+    });
+    return cntrlr;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@searchspring/snap-preact-components",
-	"version": "0.25.1",
+	"version": "0.27.0",
 	"description": "Snap Preact Component Library",
 	"author": "Searchspring",
 	"license": "MIT",
@@ -26,8 +26,15 @@
 	},
 	"dependencies": {
 		"@emotion/react": "^11.7.1",
-		"@searchspring/snap-preact": "^0.25.1",
-		"@searchspring/snap-toolbox": "^0.25.1",
+		"@searchspring/snap-client": "^0.27.0",
+		"@searchspring/snap-controller": "^0.27.0",
+		"@searchspring/snap-event-manager": "^0.27.0",
+		"@searchspring/snap-logger": "^0.27.0",
+		"@searchspring/snap-profiler": "^0.27.0",
+		"@searchspring/snap-store-mobx": "^0.27.0",
+		"@searchspring/snap-toolbox": "^0.27.0",
+		"@searchspring/snap-tracker": "^0.27.0",
+		"@searchspring/snap-url-manager": "^0.27.0",
 		"classnames": "^2.3.1",
 		"deepmerge": "^4.2.2",
 		"mobx-react-lite": "^3.2.3",
@@ -39,13 +46,13 @@
 	},
 	"devDependencies": {
 		"@mdx-js/loader": "^1.6.22",
-		"@searchspring/snap-client": "^0.25.1",
-		"@searchspring/snap-controller": "^0.25.1",
-		"@searchspring/snap-event-manager": "^0.25.1",
-		"@searchspring/snap-logger": "^0.25.1",
-		"@searchspring/snap-profiler": "^0.25.1",
-		"@searchspring/snap-store-mobx": "^0.25.1",
-		"@searchspring/snap-url-manager": "^0.25.1",
+		"@searchspring/snap-client": "^0.26.1",
+		"@searchspring/snap-controller": "^0.26.1",
+		"@searchspring/snap-event-manager": "^0.26.1",
+		"@searchspring/snap-logger": "^0.26.1",
+		"@searchspring/snap-profiler": "^0.26.1",
+		"@searchspring/snap-store-mobx": "^0.26.1",
+		"@searchspring/snap-url-manager": "^0.26.1",
 		"@storybook/addon-actions": "^6.4.9",
 		"@storybook/addon-controls": "^6.4.9",
 		"@storybook/addon-docs": "^6.4.9",
@@ -65,5 +72,5 @@
 		"ts-loader": "^9.2.6"
 	},
 	"sideEffects": false,
-	"gitHead": "56ab4bfc6d2d6c98ea80d7efa0ec65cca9e654ae"
+	"gitHead": "4cdee561f907c31990f78ba001b2c5bc29fe2b40"
 }