@searchspring/snap-preact 0.25.1 → 0.27.0

package/dist/esm/Snap.js

@@ -7,18 +7,46 @@ import { Logger, LogMode } from '@searchspring/snap-logger';
 import { Tracker } from '@searchspring/snap-tracker';
 import { version, DomTargeter, url, cookies, featureFlags } from '@searchspring/snap-toolbox';
 import { getContext } from '@searchspring/snap-toolbox';
+import { ControllerTypes } from '@searchspring/snap-controller';
 import { default as createSearchController } from './create/createSearchController';
-const BRANCH_COOKIE = 'ssBranch';
-const SS_DEV_COOKIE = 'ssDev';
-var DynamicImportNames;
-(function (DynamicImportNames) {
-    DynamicImportNames["SEARCH"] = "searchController";
-    DynamicImportNames["AUTOCOMPLETE"] = "autocompleteController";
-    DynamicImportNames["FINDER"] = "finderController";
-    DynamicImportNames["RECOMMENDATION"] = "recommendationController";
-})(DynamicImportNames || (DynamicImportNames = {}));
+export const BRANCH_COOKIE = 'ssBranch';
+export const SS_DEV_COOKIE = 'ssDev';
+const COMPONENT_ERROR = `Uncaught Error - Invalid value passed as the component.
+This usually happens when you pass a JSX Element, and not a function that returns the component, in the snap config. 
+		
+		instead of - 
+
+	targeters: [
+		{
+			selector: '#searchspring-content',
+			hideTarget: true,
+			component: <Content/>,
+		},
+	]
+
+		or - 
+
+	targeters: [
+		{
+			selector: '#searchspring-content',
+			hideTarget: true,
+			component: Content,
+		},
+	]
+
+		please try - 
+
+	targeters: [
+		{
+			selector: '#searchspring-content',
+			hideTarget: true,
+			component: () => Content
+		},
+	]
+
+The error above happened in the following targeter in the Snap Config`;
 export class Snap {
-    constructor(config) {
+    constructor(config, services) {
         this.getInstantiator = (id) => {
             return this._instantiatorPromises[id] || Promise.reject(`getInstantiator could not find instantiator with id: ${id}`);
         };
@@ -30,44 +58,45 @@ export class Snap {
             controllerIds.forEach((id) => getControllerPromises.push(this.getController(id)));
             return Promise.all(getControllerPromises);
         };
-        this.createController = (type, config, services, urlConfig, resolve, context) => {
+        this.createController = async (type, config, services, urlConfig, context, callback) => {
             let importPromise;
             switch (type) {
-                case DynamicImportNames.SEARCH:
+                case ControllerTypes.search:
                     importPromise = import('./create/createSearchController');
                     break;
-                case DynamicImportNames.AUTOCOMPLETE:
+                case ControllerTypes.autocomplete:
                     importPromise = import('./create/createAutocompleteController');
                     break;
-                case DynamicImportNames.FINDER:
+                case ControllerTypes.finder:
                     importPromise = import('./create/createFinderController');
                     break;
-                case DynamicImportNames.RECOMMENDATION:
+                case ControllerTypes.recommendation:
                     importPromise = import('./create/createRecommendationController');
                     break;
             }
-            return importPromise.then((_) => {
-                if (!this.controllers[config.id]) {
-                    this.controllers[config.id] = _.default({
-                        url: deepmerge(this.config.url || {}, urlConfig || {}),
-                        controller: config,
-                        context: deepmerge(this.context || {}, context || {}),
-                    }, {
-                        client: services?.client || this.client,
-                        store: services?.store,
-                        urlManager: services?.urlManager,
-                        eventManager: services?.eventManager,
-                        profiler: services?.profiler,
-                        logger: services?.logger,
-                        tracker: services?.tracker || this.tracker,
-                    });
-                    resolve(this.controllers[config.id]);
-                }
-                return this.controllers[config.id];
-            });
+            const creationFunc = (await importPromise).default;
+            if (!this.controllers[config.id]) {
+                this.controllers[config.id] = creationFunc({
+                    url: deepmerge(this.config.url || {}, urlConfig || {}),
+                    controller: config,
+                    context: deepmerge(this.context || {}, context || {}),
+                }, {
+                    client: services?.client || this.client,
+                    store: services?.store,
+                    urlManager: services?.urlManager,
+                    eventManager: services?.eventManager,
+                    profiler: services?.profiler,
+                    logger: services?.logger,
+                    tracker: services?.tracker || this.tracker,
+                });
+            }
+            if (callback) {
+                await callback(this.controllers[config.id]);
+            }
+            return this.controllers[config.id];
         };
         this.config = config;
-        this.logger = new Logger('Snap Preact ');
+        this.logger = services?.logger || new Logger('Snap Preact ');
         let globalContext = {};
         try {
             // get global context
@@ -80,12 +109,14 @@ export class Snap {
         this.config = deepmerge(this.config || {}, globalContext.config || {}, {
             isMergeableObject: isPlainObject,
         });
-        this.context = deepmerge(globalContext || {}, this.config.context || {});
-        if (!this.config?.client?.globals?.siteId) {
+        this.context = deepmerge(this.config.context || {}, globalContext || {}, {
+            isMergeableObject: isPlainObject,
+        });
+        if ((!services?.client || !services?.tracker) && !this.config?.client?.globals?.siteId) {
             throw new Error(`Snap: config provided must contain a valid config.client.globals.siteId value`);
         }
-        this.client = new Client(this.config.client.globals, this.config.client.config);
-        this.tracker = new Tracker(this.config.client.globals);
+        this.client = services?.client || new Client(this.config.client.globals, this.config.client.config);
+        this.tracker = services?.tracker || new Tracker(this.config.client.globals);
         this._controllerPromises = {};
         this._instantiatorPromises = {};
         this.controllers = {};
@@ -111,12 +142,21 @@ export class Snap {
                 }
                 this.logger.setMode(LogMode.DEVELOPMENT);
                 this.logger.warn(`...loading build... '${branchParam}'`);
+                // get the path and siteId from the current bundle script in case its not the same as the client config
+                let path = `https://snapui.searchspring.io/${this.config.client.globals.siteId}/`;
+                const script = document.querySelector('script[src*="//snapui.searchspring.io"]');
+                if (script) {
+                    const scriptRoot = script.getAttribute('src').match(/\/\/snapui.searchspring.io\/[a-zA-Z0-9]{6}\//);
+                    if (scriptRoot) {
+                        path = scriptRoot.toString();
+                    }
+                }
                 // append script with new branch in path
-                const script = document.createElement('script');
-                const src = `https://snapui.searchspring.io/${this.config.client.globals.siteId}/${branchParam}/bundle.js`;
-                script.src = src;
-                script.setAttribute(BRANCH_COOKIE, '');
-                document.head.appendChild(script);
+                const branchScript = document.createElement('script');
+                const src = `${path}${branchParam}/bundle.js`;
+                branchScript.src = src;
+                branchScript.setAttribute(BRANCH_COOKIE, branchParam);
+                document.head.appendChild(branchScript);
                 new DomTargeter([
                     {
                         selector: 'body',
@@ -124,14 +164,27 @@ export class Snap {
                             action: 'append',
                             element: () => {
                                 const branchContainer = document.createElement('div');
-                                branchContainer.className = 'ss__branch--target';
+                                branchContainer.id = 'searchspring-branch-override';
                                 return branchContainer;
                             },
                         },
                     },
                 ], async (target, elem) => {
+                    let bundleDetails, error;
+                    try {
+                        const getBundleDetails = (await import('./getBundleDetails/getBundleDetails')).getBundleDetails;
+                        bundleDetails = await getBundleDetails(src);
+                    }
+                    catch (err) {
+                        error = err;
+                    }
                     const BranchOverride = (await import('./components/BranchOverride')).BranchOverride;
-                    render(_jsx(BranchOverride, { branch: branchParam, cookieName: BRANCH_COOKIE, bundleUrl: src }), elem);
+                    render(_jsx(BranchOverride, { name: branchParam, details: bundleDetails, error: error, onRemoveClick: () => {
+                            cookies.unset(BRANCH_COOKIE);
+                            const urlState = url(window.location.href);
+                            delete urlState.params.query['branch'];
+                            window.location.href = urlState.url();
+                        } }), elem);
                 });
                 // prevent further instantiation of config
                 return;
@@ -187,7 +240,7 @@ export class Snap {
                             const targetFunction = async (target, elem, originalElem) => {
                                 runSearch();
                                 const onTarget = target.onTarget;
-                                onTarget && onTarget(target, elem, originalElem);
+                                onTarget && (await onTarget(target, elem, originalElem));
                                 try {
                                     const Component = await target.component();
                                     setTimeout(() => {
@@ -195,44 +248,10 @@ export class Snap {
                                     });
                                 }
                                 catch (err) {
-                                    this.logger.error(`Uncaught Error - Invalid value passed as the component.
-	This usually happens when you pass a JSX Element, and not a function that returns the component, in the snap config. 
-			
-				instead of - 
-
-			targeters: [
-				{
-					selector: '#searchspring-content',
-					hideTarget: true,
-					component: <Content/>,
-				},
-			]
-
-				or - 
-
-			targeters: [
-				{
-					selector: '#searchspring-content',
-					hideTarget: true,
-					component: Content,
-				},
-			]
-
-				please try - 
-
-			targeters: [
-				{
-					selector: '#searchspring-content',
-					hideTarget: true,
-					component: () => Content
-				},
-			]
-
-			
-The error above happened in the following targeter in the Snap Config`, target);
+                                    this.logger.error(COMPONENT_ERROR, target);
                                 }
                             };
-                            controller?.targeters?.forEach(async (target, target_index) => {
+                            controller?.targeters?.forEach((target, target_index) => {
                                 if (!target.selector) {
                                     throw new Error(`Targets at index ${target_index} missing selector value (string).`);
                                 }
@@ -274,16 +293,23 @@ The error above happened in the following targeter in the Snap Config`, target);
                                 };
                                 const targetFunction = async (target, elem, originalElem) => {
                                     const onTarget = target.onTarget;
-                                    onTarget && onTarget(target, elem, originalElem);
-                                    const Component = (await target.component());
-                                    setTimeout(() => {
-                                        render(_jsx(Component, { controller: this.controllers[controller.config.id], input: originalElem, ...target.props }), elem);
-                                    });
+                                    onTarget && (await onTarget(target, elem, originalElem));
+                                    try {
+                                        const Component = (await target.component());
+                                        setTimeout(() => {
+                                            render(_jsx(Component, { controller: this.controllers[controller.config.id], input: originalElem, ...target.props }), elem);
+                                        });
+                                    }
+                                    catch (err) {
+                                        this.logger.error(COMPONENT_ERROR, target);
+                                    }
                                 };
                                 if (!controller?.targeters || controller?.targeters.length === 0) {
-                                    this.createController(DynamicImportNames.AUTOCOMPLETE, controller.config, controller.services, controller.url, resolve, controller.context);
+                                    this.createController(ControllerTypes.autocomplete, controller.config, controller.services, controller.url, controller.context, (cntrlr) => {
+                                        resolve(cntrlr);
+                                    });
                                 }
-                                controller?.targeters?.forEach(async (target, target_index) => {
+                                controller?.targeters?.forEach((target, target_index) => {
                                     if (!target.selector) {
                                         throw new Error(`Targets at index ${target_index} missing selector value (string).`);
                                     }
@@ -306,7 +332,9 @@ The error above happened in the following targeter in the Snap Config`, target);
                                             ...target,
                                         },
                                     ], async (target, elem, originalElem) => {
-                                        const cntrlr = await this.createController(DynamicImportNames.AUTOCOMPLETE, controller.config, controller.services, controller.url, resolve, controller.context);
+                                        const cntrlr = await this.createController(ControllerTypes.autocomplete, controller.config, controller.services, controller.url, controller.context, (cntrlr) => {
+                                            resolve(cntrlr);
+                                        });
                                         runBind();
                                         targetFunction({ controller: cntrlr, ...target }, elem, originalElem);
                                         cntrlr.addTargeter(targeter);
@@ -333,16 +361,23 @@ The error above happened in the following targeter in the Snap Config`, target);
                                 };
                                 const targetFunction = async (target, elem, originalElem) => {
                                     const onTarget = target.onTarget;
-                                    onTarget && onTarget(target, elem, originalElem);
-                                    const Component = await target.component();
-                                    setTimeout(() => {
-                                        render(_jsx(Component, { controller: this.controllers[controller.config.id], ...target.props }), elem);
-                                    });
+                                    onTarget && (await onTarget(target, elem, originalElem));
+                                    try {
+                                        const Component = await target.component();
+                                        setTimeout(() => {
+                                            render(_jsx(Component, { controller: this.controllers[controller.config.id], ...target.props }), elem);
+                                        });
+                                    }
+                                    catch (err) {
+                                        this.logger.error(COMPONENT_ERROR, target);
+                                    }
                                 };
                                 if (!controller?.targeters || controller?.targeters.length === 0) {
-                                    this.createController(DynamicImportNames.FINDER, controller.config, controller.services, controller.url, resolve, controller.context);
+                                    this.createController(ControllerTypes.finder, controller.config, controller.services, controller.url, controller.context, (cntrlr) => {
+                                        resolve(cntrlr);
+                                    });
                                 }
-                                controller?.targeters?.forEach(async (target, target_index) => {
+                                controller?.targeters?.forEach((target, target_index) => {
                                     if (!target.selector) {
                                         throw new Error(`Targets at index ${target_index} missing selector value (string).`);
                                     }
@@ -350,7 +385,9 @@ The error above happened in the following targeter in the Snap Config`, target);
                                         throw new Error(`Targets at index ${target_index} missing component value (Component).`);
                                     }
                                     const targeter = new DomTargeter([{ ...target }], async (target, elem, originalElem) => {
-                                        const cntrlr = await this.createController(DynamicImportNames.FINDER, controller.config, controller.services, controller.url, resolve, controller.context);
+                                        const cntrlr = await this.createController(ControllerTypes.finder, controller.config, controller.services, controller.url, controller.context, (cntrlr) => {
+                                            resolve(cntrlr);
+                                        });
                                         runSearch();
                                         targetFunction({ controller: cntrlr, ...target }, elem, originalElem);
                                         cntrlr.addTargeter(targeter);
@@ -377,16 +414,23 @@ The error above happened in the following targeter in the Snap Config`, target);
                                 };
                                 const targetFunction = async (target, elem, originalElem) => {
                                     const onTarget = target.onTarget;
-                                    onTarget && onTarget(target, elem, originalElem);
-                                    const Component = await target.component();
-                                    setTimeout(() => {
-                                        render(_jsx(Component, { controller: this.controllers[controller.config.id], ...target.props }), elem);
-                                    });
+                                    onTarget && (await onTarget(target, elem, originalElem));
+                                    try {
+                                        const Component = await target.component();
+                                        setTimeout(() => {
+                                            render(_jsx(Component, { controller: this.controllers[controller.config.id], ...target.props }), elem);
+                                        });
+                                    }
+                                    catch (err) {
+                                        this.logger.error(COMPONENT_ERROR, target);
+                                    }
                                 };
                                 if (!controller?.targeters || controller?.targeters.length === 0) {
-                                    this.createController(DynamicImportNames.RECOMMENDATION, controller.config, controller.services, controller.url, resolve, controller.context);
+                                    this.createController(ControllerTypes.recommendation, controller.config, controller.services, controller.url, controller.context, (cntrlr) => {
+                                        resolve(cntrlr);
+                                    });
                                 }
-                                controller?.targeters?.forEach(async (target, target_index) => {
+                                controller?.targeters?.forEach((target, target_index) => {
                                     if (!target.selector) {
                                         throw new Error(`Targets at index ${target_index} missing selector value (string).`);
                                     }
@@ -394,7 +438,9 @@ The error above happened in the following targeter in the Snap Config`, target);
                                         throw new Error(`Targets at index ${target_index} missing component value (Component).`);
                                     }
                                     const targeter = new DomTargeter([{ ...target }], async (target, elem, originalElem) => {
-                                        const cntrlr = await this.createController(DynamicImportNames.RECOMMENDATION, controller.config, controller.services, controller.url, resolve, controller.context);
+                                        const cntrlr = await this.createController(ControllerTypes.recommendation, controller.config, controller.services, controller.url, controller.context, (cntrlr) => {
+                                            resolve(cntrlr);
+                                        });
                                         runSearch();
                                         targetFunction({ controller: cntrlr, ...target }, elem, originalElem);
                                         cntrlr.addTargeter(targeter);
@@ -412,11 +458,11 @@ The error above happened in the following targeter in the Snap Config`, target);
         });
         if (this.config?.instantiators?.recommendation) {
             try {
-                this._instantiatorPromises.recommendations = import('./Instantiators/RecommendationInstantiator').then(({ RecommendationInstantiator }) => {
+                this._instantiatorPromises.recommendation = import('./Instantiators/RecommendationInstantiator').then(({ RecommendationInstantiator }) => {
                     return new RecommendationInstantiator(this.config.instantiators.recommendation, {
-                        client: this.config.instantiators.recommendation?.services?.client || this.client,
-                        tracker: this.config.instantiators.recommendation?.services?.tracker || this.tracker,
-                        logger: this.config.instantiators.recommendation?.services?.logger || this.logger,
+                        client: this.client,
+                        tracker: this.tracker,
+                        logger: this.logger,
                     }, this.context);
                 });
             }

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

@@ -1,7 +1,2 @@
-/// <reference types="react" />
-export declare const BranchOverride: (props: {
-    branch: string;
-    cookieName: string;
-    bundleUrl: string;
-}) => JSX.Element;
+export { BranchOverride } from '@searchspring/snap-preact-components';
 //# sourceMappingURL=BranchOverride.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"BranchOverride.d.ts","sourceRoot":"","sources":["../../../src/components/BranchOverride.tsx"],"names":[],"mappings":";AA8IA,eAAO,MAAM,cAAc,UAAW;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,UAAU,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,MAAM,CAAA;CAAE,KAAG,WA+FjG,CAAC"}
+{"version":3,"file":"BranchOverride.d.ts","sourceRoot":"","sources":["../../../src/components/BranchOverride.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC"}

package/dist/esm/components/BranchOverride.js

@@ -1,172 +1 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "preact/jsx-runtime";
-import { useState, useEffect } from 'preact/hooks';
-import { url, cookies } from '@searchspring/snap-toolbox';
-const icons = {
-    'close-thin': 'M56 5.638l-22.362 22.362 22.362 22.362-5.638 5.638-22.362-22.362-22.362 22.362-5.638-5.638 22.362-22.362-22.362-22.362 5.638-5.638 22.362 22.362 22.362-22.362z',
-    warn: 'M31.2981 5.28228C29.8323 2.74341 26.1677 2.74341 24.7019 5.28228L0.515899 47.1737C-0.94992 49.7126 0.88235 52.8861 3.81399 52.8861H52.186C55.1176 52.8861 56.9499 49.7126 55.4841 47.1737L31.2981 5.28228ZM25.2229 35.0037L24.8264 18.837C24.8264 18.655 24.8923 18.4729 25.047 18.3686C25.1794 18.2387 25.3776 18.1601 25.5759 18.1601H30.4241C30.6223 18.1601 30.8206 18.238 30.953 18.3686C31.1071 18.4729 31.1736 18.655 31.1736 18.837L30.7988 35.0037C30.7988 35.3679 30.4682 35.6542 30.0493 35.6542H25.9724C25.5759 35.6542 25.2453 35.3679 25.2229 35.0037ZM25.1788 43.9593V39.0131C25.1788 38.5447 25.487 38.1541 25.8618 38.1541H30.0929C30.4894 38.1541 30.82 38.5447 30.82 39.0131V43.9593C30.82 44.4277 30.4894 44.8183 30.0929 44.8183H25.8618C25.487 44.8183 25.1788 44.4277 25.1788 43.9593Z',
-};
-const fetchBundleDetails = async (url) => {
-    return new Promise((resolve, reject) => {
-        const request = new XMLHttpRequest();
-        request.open('HEAD', url, true);
-        request.onreadystatechange = () => {
-            if (request.readyState === XMLHttpRequest.DONE) {
-                const status = request.status;
-                if (status === 0 || (status >= 200 && status < 400)) {
-                    resolve({
-                        lastModified: request.getResponseHeader('Last-Modified').split(',')[1],
-                    });
-                }
-                else {
-                    reject();
-                }
-            }
-        };
-        request.onerror = () => reject();
-        request.send();
-    });
-};
-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',
-            content: 'STOP PREVIEW',
-        },
-        close: {
-            fill: '#fff',
-        },
-    },
-    details: {
-        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.9)',
-        color: '#515151',
-        boxShadow: 'rgba(81, 81, 81, 0.5) 1px 1px 3px 0px',
-    },
-    top: {
-        background: 'rgba(255, 255, 255, 0.3)',
-        border: '1px solid #ccc',
-        logo: {
-            src: 'https://snapui.searchspring.io/searchspring.svg',
-        },
-        button: {
-            border: '1px solid #515151',
-            content: 'STOP PREVIEW',
-        },
-        close: {
-            fill: '#515151',
-        },
-    },
-    details: {
-        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',
-            content: 'REMOVE',
-        },
-        close: {
-            fill: '#fff',
-        },
-    },
-    details: {
-        content: 'Incorrect branch name or branch no longer exists.',
-        branch: {
-            color: '#be9628',
-            style: 'none',
-        },
-        additional: {
-            color: '#be9628',
-        },
-    },
-};
-const themes = {
-    darkTheme,
-    lightTheme,
-    failureTheme,
-};
-export const BranchOverride = (props) => {
-    const prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
-    const [themeName, setThemeName] = useState(prefersDark ? 'darkTheme' : 'lightTheme');
-    const [details, setDetails] = useState(null);
-    useEffect(() => {
-        async function getDetails() {
-            try {
-                const details = await fetchBundleDetails(props.bundleUrl);
-                setDetails(details);
-            }
-            catch (err) {
-                setThemeName('failureTheme');
-                setDetails('failure');
-            }
-        }
-        getDetails();
-    }, []);
-    return (props.branch &&
-        details && (_jsxs("div", { class: "ss__branch-override", style: `width: 360px; height: 120px; overflow: hidden; transition: height ease 0.5s 0.5s, right ease 0.5s; font-size: 14px; position: fixed; z-index: 9999; bottom: 50px; right: 0; background: ${themes[themeName].main.background}; color: ${themes[themeName].main.color}; border: ${themes[themeName].main.border}; border-right: 0; border-top-left-radius: 5px; border-bottom-left-radius: 5px; box-shadow: ${themes[themeName].main.boxShadow};`, onClick: (e) => {
-            e.preventDefault();
-            e.stopPropagation();
-            const popup = document.querySelector('.ss__branch-override');
-            popup.style.transition = 'height ease 0.2s, right ease 0.5s 0.2s';
-            popup.style.right = '-1px';
-            popup.style.height = '120px';
-            popup.style.cursor = 'auto';
-        }, children: [_jsxs("div", { style: `padding: 10px; position: relative; background: ${themes[themeName].top.background}; border-bottom: ${themes[themeName].top.border}; margin-bottom: 10px;`, children: [_jsx("img", { src: themes[themeName].top.logo.src, style: `display: inline-block; height: 30px; vertical-align: middle;` }), _jsx("div", { style: "display: inline-block; float: right; padding: 5px; cursor: pointer;", onClick: (e) => {
-                            e.preventDefault();
-                            e.stopPropagation();
-                            const popup = document.querySelector('.ss__branch-override');
-                            popup.style.transition = 'height ease 0.5s 0.5s, right ease 0.5s';
-                            popup.style.right = '-316px';
-                            popup.style.height = '50px';
-                            popup.style.cursor = 'pointer';
-                        }, children: _jsx("svg", { viewBox: "0 0 56 56", xmlns: "http://www.w3.org/2000/svg", width: "18px", height: "18px", children: _jsx("path", { fill: themes[themeName].top.close.fill, d: icons['close-thin'] }) }) }), _jsx("div", { style: `border-radius: 5px; padding: 6px; height: 100%; line-height: 14px; text-align: center; cursor: pointer; font-size: 10px; border: ${themes[themeName].top.button.border}; float: right; margin-right: 14px;`, onClick: (e) => {
-                            e.preventDefault();
-                            e.stopPropagation();
-                            cookies.unset(props.cookieName);
-                            const urlState = url(window.location.href);
-                            delete urlState.params.query['branch'];
-                            window.location.href = urlState.url();
-                        }, children: themes[themeName].top.button.content })] }), _jsxs("div", { style: "padding: 0px 15px; font-size: 12px;", children: [_jsx("span", { style: `font-weight: bold; font-style: ${themes[themeName].details.branch.style}; color: ${themes[themeName].details.branch.color}; font-size: 14px; line-height: 20px; display: inline-block; max-width: 180px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;`, children: details == 'failure' ? (_jsxs(_Fragment, { children: [_jsx("svg", { style: "margin-right: 10px;", viewBox: "0 0 56 56", xmlns: "http://www.w3.org/2000/svg", width: "18px", height: "18px", children: _jsx("path", { fill: themes[themeName].details.branch.color, d: icons['warn'] }) }), "Branch not found!"] })) : (props.branch) }), _jsx("span", { style: `float: right; font-style: italic; color: ${themes[themeName].details.additional.color}; font-size: 12px; line-height: 20px;`, children: details?.lastModified || props.branch }), _jsx("br", {}), themes[themeName].details.content] })] })));
-};
+export { BranchOverride } from '@searchspring/snap-preact-components';

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

@@ -1,5 +1,5 @@
 export { default as createAutocompleteController } from './createAutocompleteController';
 export { default as createFinderController } from './createFinderController';
-export { default as createRecommendationsController } from './createRecommendationController';
+export { default as createRecommendationController } from './createRecommendationController';
 export { default as createSearchController } from './createSearchController';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/create/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AACzF,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,+BAA+B,EAAE,MAAM,kCAAkC,CAAC;AAC9F,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,0BAA0B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/create/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AACzF,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,8BAA8B,EAAE,MAAM,kCAAkC,CAAC;AAC7F,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,0BAA0B,CAAC"}

package/dist/esm/create/index.js

@@ -1,4 +1,4 @@
 export { default as createAutocompleteController } from './createAutocompleteController';
 export { default as createFinderController } from './createFinderController';
-export { default as createRecommendationsController } from './createRecommendationController';
+export { default as createRecommendationController } from './createRecommendationController';
 export { default as createSearchController } from './createSearchController';

package/dist/esm/getBundleDetails/getBundleDetails.d.ts

@@ -0,0 +1,7 @@
+declare type BundleDetails = {
+    url: string;
+    lastModified: string;
+};
+export declare const getBundleDetails: (url: string) => Promise<BundleDetails>;
+export {};
+//# sourceMappingURL=getBundleDetails.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getBundleDetails.d.ts","sourceRoot":"","sources":["../../../src/getBundleDetails/getBundleDetails.ts"],"names":[],"mappings":"AAAA,aAAK,aAAa,GAAG;IACpB,GAAG,EAAE,MAAM,CAAC;IACZ,YAAY,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,gBAAgB,QAAe,MAAM,KAAG,QAAQ,aAAa,CAuBzE,CAAC"}

package/dist/esm/getBundleDetails/getBundleDetails.js

@@ -0,0 +1,22 @@
+export const getBundleDetails = async (url) => {
+    return new Promise((resolve, reject) => {
+        const request = new XMLHttpRequest();
+        request.open('HEAD', url, true);
+        request.onreadystatechange = () => {
+            if (request.readyState === request.DONE) {
+                const status = request.status;
+                if (status === 0 || (status >= 200 && status < 400)) {
+                    resolve({
+                        url,
+                        lastModified: request.getResponseHeader('Last-Modified').split(',')[1].trim(),
+                    });
+                }
+                else {
+                    reject({ message: 'Branch not found!', description: 'Incorrect branch name or branch no longer exists.' });
+                }
+            }
+        };
+        request.onerror = () => reject({ message: 'Branch load fail!', description: 'There was an error with the request.' });
+        request.send();
+    });
+};