@searchspring/snap-preact 0.26.1 → 0.27.2

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();
+    });
+};

package/dist/esm/types.d.ts

@@ -16,6 +16,7 @@ export declare type SnapControllerServices = {
     logger?: Logger;
     tracker?: Tracker;
 };
+export declare type SnapControllerConfigs = SnapSearchControllerConfig | SnapAutocompleteControllerConfig | SnapFinderControllerConfig | SnapRecommendationControllerConfig;
 export declare type RootComponent = React.ElementType<{
     controller: AbstractController;
 }>;

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AACrF,OAAO,KAAK,EACX,kBAAkB,EAClB,sBAAsB,EACtB,4BAA4B,EAC5B,sBAAsB,EACtB,8BAA8B,EAC9B,gBAAgB,EAChB,MAAM,+BAA+B,CAAC;AACvC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AACnE,OAAO,KAAK,EAAE,UAAU,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AACtF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AACrE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAE1D,oBAAY,sBAAsB,GAAG;IACpC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,oBAAY,aAAa,GAAG,KAAK,CAAC,WAAW,CAAC;IAAE,UAAU,EAAE,kBAAkB,CAAA;CAAE,CAAC,CAAC;AAElF,oBAAY,0BAA0B,GAAG;IACxC,GAAG,CAAC,EAAE,mBAAmB,CAAC;IAC1B,MAAM,CAAC,EAAE;QACR,OAAO,EAAE,aAAa,CAAC;QACvB,MAAM,CAAC,EAAE,YAAY,CAAC;KACtB,CAAC;IACF,UAAU,EAAE,sBAAsB,CAAC;IACnC,OAAO,CAAC,EAAE,gBAAgB,CAAC;CAC3B,CAAC;AAEF,oBAAY,gCAAgC,GAAG;IAC9C,GAAG,CAAC,EAAE,mBAAmB,CAAC;IAC1B,MAAM,CAAC,EAAE;QACR,OAAO,EAAE,aAAa,CAAC;QACvB,MAAM,CAAC,EAAE,YAAY,CAAC;KACtB,CAAC;IACF,UAAU,EAAE,4BAA4B,CAAC;IACzC,OAAO,CAAC,EAAE,gBAAgB,CAAC;CAC3B,CAAC;AAEF,oBAAY,0BAA0B,GAAG;IACxC,GAAG,CAAC,EAAE,mBAAmB,CAAC;IAC1B,MAAM,CAAC,EAAE;QACR,OAAO,EAAE,aAAa,CAAC;QACvB,MAAM,CAAC,EAAE,YAAY,CAAC;KACtB,CAAC;IACF,UAAU,EAAE,sBAAsB,CAAC;IACnC,OAAO,CAAC,EAAE,gBAAgB,CAAC;CAC3B,CAAC;AAEF,oBAAY,kCAAkC,GAAG;IAChD,GAAG,CAAC,EAAE,mBAAmB,CAAC;IAC1B,MAAM,CAAC,EAAE;QACR,OAAO,EAAE,aAAa,CAAC;QACvB,MAAM,CAAC,EAAE,YAAY,CAAC;KACtB,CAAC;IACF,UAAU,EAAE,8BAA8B,CAAC;IAC3C,OAAO,CAAC,EAAE,gBAAgB,CAAC;CAC3B,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AACrF,OAAO,KAAK,EACX,kBAAkB,EAClB,sBAAsB,EACtB,4BAA4B,EAC5B,sBAAsB,EACtB,8BAA8B,EAC9B,gBAAgB,EAChB,MAAM,+BAA+B,CAAC;AACvC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AACnE,OAAO,KAAK,EAAE,UAAU,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AACtF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AACrE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAE1D,oBAAY,sBAAsB,GAAG;IACpC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,oBAAY,qBAAqB,GAC9B,0BAA0B,GAC1B,gCAAgC,GAChC,0BAA0B,GAC1B,kCAAkC,CAAC;AAEtC,oBAAY,aAAa,GAAG,KAAK,CAAC,WAAW,CAAC;IAAE,UAAU,EAAE,kBAAkB,CAAA;CAAE,CAAC,CAAC;AAElF,oBAAY,0BAA0B,GAAG;IACxC,GAAG,CAAC,EAAE,mBAAmB,CAAC;IAC1B,MAAM,CAAC,EAAE;QACR,OAAO,EAAE,aAAa,CAAC;QACvB,MAAM,CAAC,EAAE,YAAY,CAAC;KACtB,CAAC;IACF,UAAU,EAAE,sBAAsB,CAAC;IACnC,OAAO,CAAC,EAAE,gBAAgB,CAAC;CAC3B,CAAC;AAEF,oBAAY,gCAAgC,GAAG;IAC9C,GAAG,CAAC,EAAE,mBAAmB,CAAC;IAC1B,MAAM,CAAC,EAAE;QACR,OAAO,EAAE,aAAa,CAAC;QACvB,MAAM,CAAC,EAAE,YAAY,CAAC;KACtB,CAAC;IACF,UAAU,EAAE,4BAA4B,CAAC;IACzC,OAAO,CAAC,EAAE,gBAAgB,CAAC;CAC3B,CAAC;AAEF,oBAAY,0BAA0B,GAAG;IACxC,GAAG,CAAC,EAAE,mBAAmB,CAAC;IAC1B,MAAM,CAAC,EAAE;QACR,OAAO,EAAE,aAAa,CAAC;QACvB,MAAM,CAAC,EAAE,YAAY,CAAC;KACtB,CAAC;IACF,UAAU,EAAE,sBAAsB,CAAC;IACnC,OAAO,CAAC,EAAE,gBAAgB,CAAC;CAC3B,CAAC;AAEF,oBAAY,kCAAkC,GAAG;IAChD,GAAG,CAAC,EAAE,mBAAmB,CAAC;IAC1B,MAAM,CAAC,EAAE;QACR,OAAO,EAAE,aAAa,CAAC;QACvB,MAAM,CAAC,EAAE,YAAY,CAAC;KACtB,CAAC;IACF,UAAU,EAAE,8BAA8B,CAAC;IAC3C,OAAO,CAAC,EAAE,gBAAgB,CAAC;CAC3B,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@searchspring/snap-preact",
-	"version": "0.26.1",
+	"version": "0.27.2",
 	"description": "Snap Preact",
 	"main": "dist/cjs/index.js",
 	"module": "dist/esm/index.js",
@@ -16,19 +16,20 @@
 		"dev": "tsc --watch",
 		"format": "prettier --write 'src/**/*.{js,jsx,ts,tsx}'",
 		"lint": "eslint 'src/**/*.{js,jsx,ts,tsx}'",
-		"test": "jest --passWithNoTests",
+		"test": "jest",
 		"test:watch": "jest --watch"
 	},
 	"dependencies": {
-		"@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-toolbox": "^0.26.1",
-		"@searchspring/snap-tracker": "^0.26.1",
-		"@searchspring/snap-url-manager": "^0.26.1",
+		"@searchspring/snap-client": "^0.27.2",
+		"@searchspring/snap-controller": "^0.27.2",
+		"@searchspring/snap-event-manager": "^0.27.2",
+		"@searchspring/snap-logger": "^0.27.2",
+		"@searchspring/snap-preact-components": "^0.27.2",
+		"@searchspring/snap-profiler": "^0.27.2",
+		"@searchspring/snap-store-mobx": "^0.27.2",
+		"@searchspring/snap-toolbox": "^0.27.2",
+		"@searchspring/snap-tracker": "^0.27.2",
+		"@searchspring/snap-url-manager": "^0.27.2",
 		"deepmerge": "^4.2.2",
 		"intersection-observer": "^0.12.0",
 		"is-plain-object": "^5.0.0"
@@ -40,5 +41,5 @@
 	"files": [
 		"dist/**/*"
 	],
-	"gitHead": "2e6b920f3e72bc2dd1def27d546fc3e24d463c3c"
+	"gitHead": "4b0a534583ab1ef24fdda8c408ec23296c135ef4"
 }