@jetshop/template-trend 6.1.4 → 6.1.5

package/dist/src/components/SearchPage/CategoryList.js

@@ -0,0 +1,129 @@
+import React from 'react';
+import { styled } from 'linaria/react';
+import CategoryLink from '@jetshop/ui/CategoryLink';
+import Image from '@jetshop/ui/Image';
+import { theme } from '../Theme';
+import MaxWidth from '../Layout/MaxWidth';
+const ScrollWrapper = styled('div') `
+  margin: 0 -1.5rem;
+  padding: 0 1.5rem 3rem;
+
+  ${theme.below.md} {
+    flex-wrap: nowrap;
+    overflow-x: auto;
+    -webkit-overflow-scrolling: touch;
+  }
+  ${theme.below.sm} {
+    margin: 0 0;
+    padding: 0 1rem 3rem;
+  }
+`;
+const CategoriesWrapper = styled('div') `
+  display: flex;
+  flex-direction: row;
+  margin-right: -0.5rem;
+  margin-left: -0.5rem;
+  &:hover {
+    > a > div {
+      opacity: 0.8;
+    }
+  }
+  ${theme.below.md} {
+    > a {
+      flex: 0 0 auto;
+      width: 160px;
+    }
+  }
+`;
+const CategoryCard = styled('div') `
+  display: flex;
+
+  flex: 0 1 auto;
+  align-items: stretch;
+  justify-content: stretch;
+
+  flex-direction: column;
+  background: #ffffff;
+  box-shadow: 4px 8px 32px rgba(0, 0, 0, 0.1);
+  transition: all 250ms ease-in-out;
+  width: 100%;
+  height: 100%;
+  position: relative;
+`;
+const CardPaddingWrapper = styled(CategoryLink) `
+  display: flex;
+
+  flex: 0 1 auto;
+  align-items: stretch;
+  justify-content: stretch;
+
+  width: 50%;
+  ${theme.above.md} {
+    width: ${(1 / 3) * 100}%;
+  }
+  ${theme.above.lg} {
+    width: 20%;
+  }
+
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+  max-width: 16rem;
+  text-decoration: none;
+
+  &:hover,
+  &:focus,
+  &:active {
+    > div {
+      opacity: 1 !important;
+      box-shadow: 4px 8px 32px rgba(0, 0, 0, 0.1),
+        4px 8px 40px rgba(0, 0, 0, 0.1);
+      transform: translate(0, -2px);
+      transition-duration: 100ms;
+      z-index: 2;
+    }
+  }
+`;
+const CategoryName = styled('p') `
+  text-align: center;
+  font-weight: bold;
+  font-size: 16px;
+  text-transform: uppercase;
+  color: #000;
+  text-decoration: none;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  height: 3rem;
+  ${theme.above.md} {
+    height: 5rem;
+  }
+`;
+const CategoriesHeader = styled('h3') `
+  margin-bottom: 1rem;
+  font-size: 24px;
+  ${theme.below.sm} {
+    font-size: 18px;
+    margin-left: 1rem;
+  }
+`;
+const CategoryListWrapper = styled('div') `
+  padding: 1rem 0;
+`;
+const Category = ({ category }) => {
+    var _a, _b;
+    const categoryImageUrl = (_b = (_a = category === null || category === void 0 ? void 0 : category.images) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.url;
+    return (React.createElement(CardPaddingWrapper, { category: category },
+        React.createElement(CategoryCard, null,
+            categoryImageUrl && (React.createElement(Image, { src: categoryImageUrl, aspect: "3:4", cover: true, sizes: "16rem", quality: 80 })),
+            React.createElement(CategoryName, null, category.name))));
+};
+const CategoryList = ({ title, categories, className = '' }) => {
+    return (React.createElement(MaxWidth, { className: className },
+        React.createElement(CategoryListWrapper, null,
+            React.createElement(CategoriesHeader, null, title),
+            React.createElement(ScrollWrapper, null,
+                React.createElement(CategoriesWrapper, null, categories.map(category => (React.createElement(Category, { key: category.name, category: category }))))))));
+};
+export default CategoryList;
+//# sourceMappingURL=CategoryList.js.map

package/dist/src/components/SearchPage/CategoryList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CategoryList.js","sourceRoot":"","sources":["../../../../src/components/SearchPage/CategoryList.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,YAAY,MAAM,0BAA0B,CAAC;AACpD,OAAO,KAAK,MAAM,mBAAmB,CAAC;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,QAAQ,MAAM,oBAAoB,CAAC;AAE1C,MAAM,aAAa,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;;;;IAI/B,KAAK,CAAC,KAAK,CAAC,EAAE;;;;;IAKd,KAAK,CAAC,KAAK,CAAC,EAAE;;;;CAIjB,CAAC;AACF,MAAM,iBAAiB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;;;;;;;;;;IAUnC,KAAK,CAAC,KAAK,CAAC,EAAE;;;;;;CAMjB,CAAC;AAEF,MAAM,YAAY,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;;;;;;;;;;;;;;CAcjC,CAAC;AACF,MAAM,kBAAkB,GAAG,MAAM,CAAC,YAAY,CAAC,CAAA;;;;;;;;IAQ3C,KAAK,CAAC,KAAK,CAAC,EAAE;aACL,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,GAAG;;IAEtB,KAAK,CAAC,KAAK,CAAC,EAAE;;;;;;;;;;;;;;;;;;;;;CAqBjB,CAAC;AAEF,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAC,CAAA;;;;;;;;;;;;IAY5B,KAAK,CAAC,KAAK,CAAC,EAAE;;;CAGjB,CAAC;AAEF,MAAM,gBAAgB,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;;;IAGjC,KAAK,CAAC,KAAK,CAAC,EAAE;;;;CAIjB,CAAC;AAEF,MAAM,mBAAmB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;;CAExC,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;;IAChC,MAAM,gBAAgB,GAAG,MAAA,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,MAAM,0CAAG,CAAC,CAAC,0CAAE,GAAG,CAAC;IACpD,OAAO,CACL,oBAAC,kBAAkB,IAAC,QAAQ,EAAE,QAAQ;QACpC,oBAAC,YAAY;YACV,gBAAgB,IAAI,CACnB,oBAAC,KAAK,IACJ,GAAG,EAAE,gBAAgB,EACrB,MAAM,EAAC,KAAK,EACZ,KAAK,QACL,KAAK,EAAC,OAAO,EACb,OAAO,EAAE,EAAE,GACX,CACH;YACD,oBAAC,YAAY,QAAE,QAAQ,CAAC,IAAI,CAAgB,CAC/B,CACI,CACtB,CAAC;AACJ,CAAC,CAAC;AACF,MAAM,YAAY,GAAG,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,SAAS,GAAG,EAAE,EAAE,EAAE,EAAE;IAC7D,OAAO,CACL,oBAAC,QAAQ,IAAC,SAAS,EAAE,SAAS;QAC5B,oBAAC,mBAAmB;YAClB,oBAAC,gBAAgB,QAAE,KAAK,CAAoB;YAC5C,oBAAC,aAAa;gBACZ,oBAAC,iBAAiB,QACf,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC,CAC1B,oBAAC,QAAQ,IAAC,GAAG,EAAE,QAAQ,CAAC,IAAI,EAAE,QAAQ,EAAE,QAAQ,GAAI,CACrD,CAAC,CACgB,CACN,CACI,CACb,CACZ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/src/components/SearchPage/EmptySearchResults.js

@@ -0,0 +1,23 @@
+import { Query } from '@apollo/client/react/components';
+import t from '@jetshop/intl';
+import React from 'react';
+import CategoryList from './CategoryList';
+import { Header, Matches } from './SearchPage';
+import SearchTerm from './SearchTerm';
+import EmptySearchCategoriesQuery from './EmptySearchCategoriesQuery.gql';
+const EmptySearchResults = ({ term, result }) => {
+    return (React.createElement("div", null,
+        React.createElement(Header, null,
+            React.createElement(Matches, null, t.rich('No results for <Term />', {
+                Term: () => React.createElement(SearchTerm, { key: "term" },
+                    "\"",
+                    term,
+                    "\"")
+            }))),
+        React.createElement(Query, { query: EmptySearchCategoriesQuery, variables: {
+                levels: 1,
+                includeHidden: false
+            } }, ({ data, loading }) => !loading && data ? (React.createElement(CategoryList, { title: t('Shop by category'), categories: data.categories })) : null)));
+};
+export default EmptySearchResults;
+//# sourceMappingURL=EmptySearchResults.js.map

package/dist/src/components/SearchPage/EmptySearchResults.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptySearchResults.js","sourceRoot":"","sources":["../../../../src/components/SearchPage/EmptySearchResults.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,iCAAiC,CAAC;AACxD,OAAO,CAAC,MAAM,eAAe,CAAC;AAC9B,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,OAAO,0BAA0B,MAAM,kCAAkC,CAAC;AAE1E,MAAM,kBAAkB,GAAG,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE;IAC9C,OAAO,CACL;QACE,oBAAC,MAAM;YACL,oBAAC,OAAO,QACL,CAAC,CAAC,IAAI,CAAC,yBAAyB,EAAE;gBACjC,IAAI,EAAE,GAAG,EAAE,CAAC,oBAAC,UAAU,IAAC,GAAG,EAAC,MAAM;;oBAAG,IAAI;yBAAe;aACzD,CAAC,CACM,CACH;QACT,oBAAC,KAAK,IACJ,KAAK,EAAE,0BAA0B,EACjC,SAAS,EAAE;gBACT,MAAM,EAAE,CAAC;gBACT,aAAa,EAAE,KAAK;aACrB,IAEA,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,EAAE,CACrB,CAAC,OAAO,IAAI,IAAI,CAAC,CAAC,CAAC,CACjB,oBAAC,YAAY,IACX,KAAK,EAAE,CAAC,CAAC,kBAAkB,CAAC,EAC5B,UAAU,EAAE,IAAI,CAAC,UAAU,GAC3B,CACH,CAAC,CAAC,CAAC,IAAI,CAEJ,CACJ,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/src/components/SearchPage/SearchMeta.js

@@ -0,0 +1,27 @@
+import React from 'react';
+import { SearchMetaWrapper } from '@jetshop/ui/Search/SearchPage/SearchMeta';
+import { PageOf } from '@jetshop/ui/Search/SearchPage/PageOf';
+import t from '@jetshop/intl';
+import { styled } from 'linaria/react';
+const Matches = styled('div') `
+  color: #999999;
+  span {
+    text-transform: uppercase;
+    color: #141414;
+    padding-right: 0.5rem;
+  }
+`;
+const SearchMeta = ({ total, page, pages }) => {
+    if (isNaN(pages)) {
+        return null;
+    }
+    return (React.createElement(SearchMetaWrapper, null,
+        React.createElement(Matches, null,
+            React.createElement("span", null, t('Product Matches')),
+            t('{total, plural, =1 {# item} other {# items}}', {
+                total
+            })),
+        React.createElement(PageOf, { page: page, pages: pages })));
+};
+export default SearchMeta;
+//# sourceMappingURL=SearchMeta.js.map

package/dist/src/components/SearchPage/SearchMeta.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchMeta.js","sourceRoot":"","sources":["../../../../src/components/SearchPage/SearchMeta.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,0CAA0C,CAAC;AAC7E,OAAO,EAAE,MAAM,EAAE,MAAM,sCAAsC,CAAC;AAC9D,OAAO,CAAC,MAAM,eAAe,CAAC;AAC9B,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAEvC,MAAM,OAAO,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;;;;;;;CAO5B,CAAC;AAEF,MAAM,UAAU,GAAG,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE;IAC5C,IAAI,KAAK,CAAC,KAAK,CAAC,EAAE;QAChB,OAAO,IAAI,CAAC;KACb;IACD,OAAO,CACL,oBAAC,iBAAiB;QAChB,oBAAC,OAAO;YACN,kCAAO,CAAC,CAAC,iBAAiB,CAAC,CAAQ;YAClC,CAAC,CAAC,8CAA8C,EAAE;gBACjD,KAAK;aACN,CAAC,CACM;QACV,oBAAC,MAAM,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,GAAI,CAClB,CACrB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/src/components/SearchPage/SearchPage.js

@@ -0,0 +1,52 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { useEffect } from 'react';
+import t from '@jetshop/intl';
+import { trackPageEvent } from '@jetshop/core/analytics/tracking';
+import { useTracker } from '@jetshop/core/analytics/Analytics';
+import SearchPageBehaviour from '@jetshop/ui/Search/SearchPage/SearchPageBehaviour';
+import SearchResults from './SearchResults';
+import WindowedSearchResults from './WindowedSearchResults';
+import EmptySearchResults from './EmptySearchResults';
+import { styled } from 'linaria/react';
+import MaxWidth from '../Layout/MaxWidth';
+import SearchQuery from './SearchQuery.gql';
+import { useLocation } from 'react-router';
+import qs from 'qs';
+export const Header = styled('header') `
+  background: white;
+`;
+export const Matches = styled('div') `
+  text-align: center;
+  color: gray;
+  padding: 1.5rem 0;
+`;
+export const Container = styled(MaxWidth) `
+  padding: 0 0.75rem;
+`;
+const renderResults = (searchProps, standardPagination) => searchProps.total > 0 || searchProps.loading ? (standardPagination ? (React.createElement(SearchResults, Object.assign({}, searchProps))) : (React.createElement(WindowedSearchResults, Object.assign({}, searchProps)))) : (React.createElement(EmptySearchResults, { term: searchProps.term, result: searchProps.result }));
+const SearchPage = () => {
+    const track = useTracker();
+    const location = useLocation();
+    const { pathname, search } = location;
+    const standardPagination = qs.parse(search, { ignoreQueryPrefix: true }).standardPagination === 'true';
+    useEffect(() => {
+        track(trackPageEvent({ pathname: `${pathname}${search}` }));
+    }, [track, pathname, search]);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(SearchPageBehaviour, { searchQuery: SearchQuery, location: location }, (_a) => {
+            var { error } = _a, searchProps = __rest(_a, ["error"]);
+            return error ? (React.createElement("div", { error: error }, t('An error occured. Please try again!'))) : (renderResults(searchProps, standardPagination));
+        })));
+};
+export default SearchPage;
+//# sourceMappingURL=SearchPage.js.map

package/dist/src/components/SearchPage/SearchPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchPage.js","sourceRoot":"","sources":["../../../../src/components/SearchPage/SearchPage.js"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,CAAC,MAAM,eAAe,CAAC;AAC9B,OAAO,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAClE,OAAO,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAC/D,OAAO,mBAAmB,MAAM,mDAAmD,CAAC;AACpF,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,OAAO,qBAAqB,MAAM,yBAAyB,CAAC;AAC5D,OAAO,kBAAkB,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,QAAQ,MAAM,oBAAoB,CAAC;AAC1C,OAAO,WAAW,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,MAAM,IAAI,CAAC;AAEpB,MAAM,CAAC,MAAM,MAAM,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAA;;CAErC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;;;;CAInC,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAA;;CAExC,CAAC;AAEF,MAAM,aAAa,GAAG,CAAC,WAAW,EAAE,kBAAkB,EAAE,EAAE,CACxD,WAAW,CAAC,KAAK,GAAG,CAAC,IAAI,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,CAC7C,kBAAkB,CAAC,CAAC,CAAC,CACnB,oBAAC,aAAa,oBAAK,WAAW,EAAI,CACnC,CAAC,CAAC,CAAC,CACF,oBAAC,qBAAqB,oBAAK,WAAW,EAAI,CAC3C,CACF,CAAC,CAAC,CAAC,CACF,oBAAC,kBAAkB,IAAC,IAAI,EAAE,WAAW,CAAC,IAAI,EAAE,MAAM,EAAE,WAAW,CAAC,MAAM,GAAI,CAC3E,CAAC;AAEJ,MAAM,UAAU,GAAG,GAAG,EAAE;IACtB,MAAM,KAAK,GAAG,UAAU,EAAE,CAAC;IAC3B,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,QAAQ,CAAC;IAEtC,MAAM,kBAAkB,GACtB,EAAE,CAAC,KAAK,CAAC,MAAM,EAAE,EAAE,iBAAiB,EAAE,IAAI,EAAE,CAAC,CAAC,kBAAkB,KAAK,MAAM,CAAC;IAE9E,SAAS,CAAC,GAAG,EAAE;QACb,KAAK,CAAC,cAAc,CAAC,EAAE,QAAQ,EAAE,GAAG,QAAQ,GAAG,MAAM,EAAE,EAAE,CAAC,CAAC,CAAC;IAC9D,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC;IAE9B,OAAO,CACL;QACE,oBAAC,mBAAmB,IAAC,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,IAC9D,CAAC,EAAyB,EAAE,EAAE;gBAA7B,EAAE,KAAK,OAAkB,EAAb,WAAW,cAAvB,SAAyB,CAAF;YACvB,OAAA,KAAK,CAAC,CAAC,CAAC,CACN,6BAAK,KAAK,EAAE,KAAK,IAAG,CAAC,CAAC,qCAAqC,CAAC,CAAO,CACpE,CAAC,CAAC,CAAC,CACF,aAAa,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAC/C,CAAA;SAAA,CAEiB,CACrB,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/src/components/SearchPage/SearchPage.loadable.js

@@ -0,0 +1,7 @@
+import React from 'react';
+import loadable from '@loadable/component';
+import LoadingPage from '../LoadingPage';
+export default loadable(() => import('./SearchPage'), {
+    fallback: React.createElement(LoadingPage, null)
+});
+//# sourceMappingURL=SearchPage.loadable.js.map

package/dist/src/components/SearchPage/SearchPage.loadable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchPage.loadable.js","sourceRoot":"","sources":["../../../../src/components/SearchPage/SearchPage.loadable.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,QAAQ,MAAM,qBAAqB,CAAC;AAC3C,OAAO,WAAW,MAAM,gBAAgB,CAAC;AAEzC,eAAe,QAAQ,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,cAAc,CAAC,EAAE;IACpD,QAAQ,EAAE,oBAAC,WAAW,OAAG;CAC1B,CAAC,CAAC"}

package/dist/src/components/SearchPage/SearchResults.js

@@ -0,0 +1,60 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import PaginationContext from '@jetshop/core/components/Pagination/PaginationContext';
+import t from '@jetshop/intl';
+import { PaginationBehaviour } from '@jetshop/ui/Pagination';
+import ProductGrid from '../CategoryPage/ProductGrid';
+import React, { Fragment } from 'react';
+import { styled } from 'linaria/react';
+import Filter from '../CategoryPage/Filters';
+import MaxWidth from '../Layout/MaxWidth';
+import SearchMeta from './SearchMeta';
+import { Pagination } from '../Pagination/Pagination';
+const Header = styled('header') `
+  background: white;
+`;
+const Matches = styled('div') `
+  text-align: center;
+  color: gray;
+  padding: 1.5rem 0;
+`;
+const Container = styled(MaxWidth) `
+  padding: 0 0.75rem;
+`;
+const Wrapper = styled('div') ``;
+const SearchResults = (_a) => {
+    var _b, _c, _d;
+    var { loading } = _a, props = __rest(_a, ["loading"]);
+    const { total, term, result } = props;
+    const products = (_d = (_c = (_b = result === null || result === void 0 ? void 0 : result.data) === null || _b === void 0 ? void 0 : _b.search) === null || _c === void 0 ? void 0 : _c.products) === null || _d === void 0 ? void 0 : _d.result;
+    return (React.createElement(PaginationContext.Consumer, null, ({ currentPage, goToPage, perPage }) => (React.createElement(PaginationBehaviour, { goToPage: goToPage, total: props.total }, paginatedProps => (React.createElement(Wrapper, null,
+        React.createElement(Header, null,
+            React.createElement(Container, null,
+                React.createElement(Matches, null, loading ? (currentPage === 1 ? (React.createElement("div", null, t(`Loading search results for {term}…`, {
+                    term
+                }))) : (React.createElement("div", null, t(`Loading page {currentPage}…`, {
+                    currentPage
+                })))) : (React.createElement("div", null, t('{total, plural, =1 {# item} other {# items}} matching for "{term}"', {
+                    total,
+                    term
+                })))))),
+        (products || currentPage > 1) && (React.createElement(Container, null,
+            props.filters && (React.createElement("div", { style: { paddingTop: '1.5rem' } },
+                React.createElement(Filter, { filters: props.filters }))),
+            React.createElement(PaginationBehaviour, { currentPage: currentPage, goToPage: goToPage, perPage: perPage, total: props.total }, paginationProps => (React.createElement(Fragment, null,
+                React.createElement(SearchMeta, { total: props.total, page: currentPage, pages: paginationProps.totalPages }),
+                React.createElement("section", null,
+                    React.createElement(ProductGrid, { listName: "search", products: products, loading: loading })),
+                React.createElement(Pagination, Object.assign({}, paginationProps)))))))))))));
+};
+export default SearchResults;
+//# sourceMappingURL=SearchResults.js.map

package/dist/src/components/SearchPage/SearchResults.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchResults.js","sourceRoot":"","sources":["../../../../src/components/SearchPage/SearchResults.js"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,iBAAiB,MAAM,uDAAuD,CAAC;AACtF,OAAO,CAAC,MAAM,eAAe,CAAC;AAC9B,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,WAAW,MAAM,6BAA6B,CAAC;AACtD,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,MAAM,MAAM,yBAAyB,CAAC;AAC7C,OAAO,QAAQ,MAAM,oBAAoB,CAAC;AAC1C,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAEtD,MAAM,MAAM,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAA;;CAE9B,CAAC;AAEF,MAAM,OAAO,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;;;;CAI5B,CAAC;AAEF,MAAM,SAAS,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAA;;CAEjC,CAAC;AAEF,MAAM,OAAO,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA,EAAE,CAAC;AAEhC,MAAM,aAAa,GAAG,CAAC,EAAqB,EAAE,EAAE;;QAAzB,EAAE,OAAO,OAAY,EAAP,KAAK,cAAnB,WAAqB,CAAF;IACxC,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IACtC,MAAM,QAAQ,GAAG,MAAA,MAAA,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,0CAAE,MAAM,0CAAE,QAAQ,0CAAE,MAAM,CAAC;IAExD,OAAO,CACL,oBAAC,iBAAiB,CAAC,QAAQ,QACxB,CAAC,EAAE,WAAW,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CACvC,oBAAC,mBAAmB,IAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,IACxD,cAAc,CAAC,EAAE,CAAC,CACjB,oBAAC,OAAO;QACN,oBAAC,MAAM;YACL,oBAAC,SAAS;gBACR,oBAAC,OAAO,QACL,OAAO,CAAC,CAAC,CAAC,CACT,WAAW,KAAK,CAAC,CAAC,CAAC,CAAC,CAClB,iCACG,CAAC,CAAC,oCAAoC,EAAE;oBACvC,IAAI;iBACL,CAAC,CACE,CACP,CAAC,CAAC,CAAC,CACF,iCACG,CAAC,CAAC,6BAA6B,EAAE;oBAChC,WAAW;iBACZ,CAAC,CACE,CACP,CACF,CAAC,CAAC,CAAC,CACF,iCACG,CAAC,CACA,oEAAoE,EACpE;oBACE,KAAK;oBACL,IAAI;iBACL,CACF,CACG,CACP,CACO,CACA,CACL;QACR,CAAC,QAAQ,IAAI,WAAW,GAAG,CAAC,CAAC,IAAI,CAChC,oBAAC,SAAS;YACP,KAAK,CAAC,OAAO,IAAI,CAChB,6BAAK,KAAK,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE;gBAClC,oBAAC,MAAM,IAAC,OAAO,EAAE,KAAK,CAAC,OAAO,GAAI,CAC9B,CACP;YACD,oBAAC,mBAAmB,IAClB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,CAAC,KAAK,IAEjB,eAAe,CAAC,EAAE,CAAC,CAClB,oBAAC,QAAQ;gBACP,oBAAC,UAAU,IACT,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,IAAI,EAAE,WAAW,EACjB,KAAK,EAAE,eAAe,CAAC,UAAU,GACjC;gBACF;oBACE,oBAAC,WAAW,IACV,QAAQ,EAAC,QAAQ,EACjB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,GAChB,CACM;gBAEV,oBAAC,UAAU,oBAAK,eAAe,EAAI,CAC1B,CACZ,CACmB,CACZ,CACb,CACO,CACX,CACmB,CACvB,CAC0B,CAC9B,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/src/components/SearchPage/SearchTerm.js

@@ -0,0 +1,11 @@
+import { styled } from 'linaria/react';
+import { theme } from '../Theme';
+const SearchTerm = styled('span') `
+  display: block;
+  text-align: center;
+  margin-top: 0.5rem;
+  color: ${theme.colors.black};
+  font-size: 1.5rem;
+`;
+export default SearchTerm;
+//# sourceMappingURL=SearchTerm.js.map

package/dist/src/components/SearchPage/SearchTerm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchTerm.js","sourceRoot":"","sources":["../../../../src/components/SearchPage/SearchTerm.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC,CAAA;;;;WAItB,KAAK,CAAC,MAAM,CAAC,KAAK;;CAE5B,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/src/components/SearchPage/WindowedSearchResults.js

@@ -0,0 +1,80 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import t from '@jetshop/intl';
+import ProductGridWindow from '../CategoryPage/ProductGridWindow';
+import React from 'react';
+import { styled } from 'linaria/react';
+import Filters from '../CategoryPage/Filters';
+import MaxWidth from '../Layout/MaxWidth';
+import searchQuery from './SearchQuery.gql';
+import qs from 'qs';
+import { TrendLink } from '../ui/Button';
+import { useLocation } from 'react-router';
+import useInfinitePagination from '@jetshop/core/hooks/useInfinitePagination';
+import PaginationContext from '@jetshop/core/components/Pagination/PaginationContext';
+const Header = styled('header') `
+  background: white;
+`;
+const Matches = styled('div') `
+  text-align: center;
+  color: gray;
+  padding: 1.5rem 0;
+`;
+const Container = styled(MaxWidth) `
+  padding: 0 0.75rem;
+`;
+const ButtonWrapper = styled('div') `
+  width: 100%;
+  max-width: 16rem;
+  margin: 1rem auto;
+`;
+const Wrapper = styled('div') ``;
+const WindowedSearchResults = (_a) => {
+    var _b, _c;
+    var { loading } = _a, props = __rest(_a, ["loading"]);
+    const { total, term, result } = props;
+    const { currentPage } = React.useContext(PaginationContext);
+    const search = (_b = result === null || result === void 0 ? void 0 : result.data) === null || _b === void 0 ? void 0 : _b.search;
+    const location = useLocation();
+    const params = qs.parse(location.search, { ignoreQueryPrefix: true });
+    const { products, previous, next } = useInfinitePagination({
+        result,
+        query: searchQuery
+    });
+    return (React.createElement(Wrapper, null,
+        React.createElement(Header, null,
+            React.createElement(Container, null,
+                React.createElement(Matches, null, loading ? (currentPage === 1 ? (React.createElement("div", null, t(`Loading search results for {term}…`, {
+                    term
+                }))) : (React.createElement("div", null, t(`Loading page {currentPage}…`, {
+                    currentPage
+                })))) : (React.createElement("div", null, t('{total, plural, =1 {# item} other {# items}} matching for "{term}"', {
+                    total,
+                    term
+                })))))),
+        React.createElement(Container, null,
+            React.createElement("div", { style: { paddingTop: '1.5rem' } },
+                React.createElement(Filters, { filters: ((_c = search === null || search === void 0 ? void 0 : search.products) === null || _c === void 0 ? void 0 : _c.filters) || [], result: result })),
+            previous.hasProducts && (React.createElement(ButtonWrapper, null,
+                React.createElement(TrendLink, { secondary: true, onClick: e => {
+                        e.preventDefault();
+                        previous.fetchProducts();
+                    }, to: Object.assign(Object.assign({}, location), { search: qs.stringify(Object.assign(Object.assign({}, params), { page: previous.page })) }) }, t('Show more')))),
+            React.createElement(ProductGridWindow, { id: "search", prevOffset: previous.offset, products: products, listName: 'search', loading: result.loading, imageSizes: [1 / 2, 1 / 2, 1 / 3, 1 / 4] }),
+            next.hasProducts && (React.createElement(ButtonWrapper, null,
+                React.createElement(TrendLink, { secondary: true, onClick: e => {
+                        e.preventDefault();
+                        next.fetchProducts();
+                    }, to: Object.assign(Object.assign({}, location), { search: qs.stringify(Object.assign(Object.assign({}, params), { page: next.page })) }) }, t('Show more')))))));
+};
+export default WindowedSearchResults;
+//# sourceMappingURL=WindowedSearchResults.js.map

package/dist/src/components/SearchPage/WindowedSearchResults.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WindowedSearchResults.js","sourceRoot":"","sources":["../../../../src/components/SearchPage/WindowedSearchResults.js"],"names":[],"mappings":"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"}

package/dist/src/components/SearchPage/index.js

@@ -0,0 +1,3 @@
+export { default as SearchPage } from './SearchPage';
+export { default as SearchResults } from './SearchResults';
+//# sourceMappingURL=index.js.map

package/dist/src/components/SearchPage/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/SearchPage/index.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/src/components/Shop.js

@@ -0,0 +1,82 @@
+import React from 'react';
+import { Helmet } from 'react-helmet-async';
+import { Route, Switch } from 'react-router-dom';
+import CustomFont from '@jetshop/core/components/Fonts/CustomFont';
+import DynamicRoute from '@jetshop/core/components/DynamicRoute';
+import PaginationProvider from '@jetshop/core/components/Pagination/PaginationProvider';
+import { ProductListProvider } from '@jetshop/core/hooks/ProductList/ProductListContext';
+import { useShopConfig } from '@jetshop/core/hooks/useShopConfig';
+import GenericError from '@jetshop/ui/ErrorBoundary/Generic';
+import LoadingBar from '@jetshop/ui/Loading/LoadingBar';
+import ModalProvider from '@jetshop/ui/Modal/ModalProvider';
+import ModalRoot from '@jetshop/ui/Modal/ModalRoot';
+import ScrollRestorationHandler from '@jetshop/ui/ScrollRestorationHandler';
+import Container from './Layout/Container';
+import Content from './Layout/Content';
+import Footer from './Layout/Footer/Footer';
+import Header from './Layout/Header/Header';
+import ForgotPassword from './Auth/ForgotPassword.loadable';
+import LogInPage from './Auth/LogInPage.loadable';
+import ResetPassword from './Auth/ResetPassword.loadable';
+import SignUpPage from './Auth/Signup/SignUpPage.loadable';
+import CategoryPage from './CategoryPage/CategoryPage.loadable';
+import ContentPage from './ContentPage/ContentPage.loadable';
+import CookieConsent from './CookieConsent';
+import LoadingPage from './LoadingPage';
+import LogOutPage from './LogOut.loadable';
+import MyPages from './MyPages/MyPages.loadable';
+import NavTreePage from './NavigationTree/NavTreePage.loadable';
+import NotFoundPage from './NotFoundPage.loadable';
+import PreviewRoute from './PreviewRoute.loadable';
+import { Favourites } from './ProductList/Favourites';
+import { productListQueries } from './ProductList/productListQueries';
+import ProductPage from './ProductPage/ProductPage.loadable';
+import SearchPage from './SearchPage/SearchPage.loadable';
+import StartPage from './StartPage/StartPage.loadable';
+import Store from './Store/Store.loadable';
+import StoreLocator from './StoreLocator/StoreLocator.loadable';
+import categoryPreviewQuery from './CategoryPreviewQuery.gql';
+import pagePreviewQuery from './PagePreviewQuery.gql';
+import productPreviewQuery from './ProductPreviewQuery.gql';
+import routeQuery from './RouteQuery.gql';
+import { theme } from './Theme';
+import loadFontCss from '../fonts/loadFontCss';
+import '../globalStyles';
+function Shop() {
+    const { routes } = useShopConfig();
+    return (React.createElement(GenericError, null,
+        React.createElement(ModalProvider, null,
+            React.createElement(Container, null,
+                React.createElement(LoadingBar, { color: theme.colors.loadingBar }),
+                React.createElement(CustomFont, { primaryFont: theme.fonts.primary, injectCss: loadFontCss }),
+                React.createElement(Helmet, { titleTemplate: "%s - Template Trend", defaultTitle: "Template Trend" }),
+                React.createElement(ProductListProvider, { queries: productListQueries },
+                    React.createElement(PaginationProvider, { defaultProductsPerPage: 24 },
+                        React.createElement(Header, null),
+                        React.createElement(Content, null,
+                            React.createElement(Switch, null,
+                                React.createElement(Route, { exact: true, path: "/", component: StartPage }),
+                                React.createElement(Route, { path: "/favourites", component: Favourites }),
+                                React.createElement(Route, { path: routes.search.path, component: SearchPage }),
+                                React.createElement(Route, { path: routes.signup.path, component: SignUpPage }),
+                                React.createElement(Route, { path: routes.login.path, component: LogInPage }),
+                                React.createElement(Route, { path: routes.logout.path, component: LogOutPage }),
+                                React.createElement(Route, { path: routes.stores.path, component: StoreLocator }),
+                                React.createElement(Route, { path: `${routes.store.path}/:id`, component: Store }),
+                                React.createElement(Route, { path: routes.tree.path, component: NavTreePage }),
+                                React.createElement(Route, { path: routes.myPages.path, component: MyPages }),
+                                React.createElement(Route, { exact: true, path: routes.forgotPassword.path, component: ForgotPassword }),
+                                React.createElement(Route, { path: `${routes.resetPassword.path}/:token`, component: ResetPassword }),
+                                React.createElement(Route, { path: "/preview", render: props => (React.createElement(PreviewRoute, Object.assign({ productQuery: productPreviewQuery, categoryQuery: categoryPreviewQuery, pageQuery: pagePreviewQuery, productPage: ProductPage, categoryPage: CategoryPage, contentPage: ContentPage, StartPage: StartPage }, props))) }),
+                                React.createElement(DynamicRoute, { routeQuery: routeQuery, productPage: ProductPage, categoryPage: CategoryPage, contentPage: ContentPage, notFoundPage: NotFoundPage, LoadingPage: LoadingPage }))),
+                        React.createElement(Footer, null))),
+                React.createElement(ModalRoot, null),
+                React.createElement(ScrollRestorationHandler, { ignoreForRouteTypes: [
+                        'sortOrderChange',
+                        'filterChange',
+                        'paginationChange'
+                    ] }),
+                React.createElement(CookieConsent, null)))));
+}
+export default Shop;
+//# sourceMappingURL=Shop.js.map

package/dist/src/components/Shop.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Shop.js","sourceRoot":"","sources":["../../../src/components/Shop.js"],"names":[],"mappings":"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"}

package/dist/src/components/StartPage/Content/Row.js

@@ -0,0 +1,40 @@
+import React from 'react';
+import MaxWidth from '../../Layout/MaxWidth';
+import { styled } from 'linaria/react';
+import { theme } from '../../Theme';
+const Container = styled('div') `
+  position: relative;
+  padding-top: 48px;
+  padding-bottom: 62px;
+  ${theme.below.sm} {
+    padding-top: 32px;
+    padding-bottom: 38px;
+  }
+`;
+export const Title = styled('h2') `
+  font-size: 24px;
+  font-weight: 600;
+  margin-bottom: 0.75rem;
+  ${theme.below.md} {
+    font-size: 18px;
+  }
+`;
+const ItemsContainer = styled('div') `
+  display: flex;
+  overflow-x: auto;
+
+  margin-right: -12px;
+  margin-left: -12px;
+
+  ${theme.above.xl} {
+    justify-content: center;
+  }
+`;
+const Row = ({ header, children }) => {
+    return (React.createElement(MaxWidth, null,
+        React.createElement(Container, null,
+            header && React.createElement(Title, null, header.value),
+            React.createElement(ItemsContainer, null, children))));
+};
+export default Row;
+//# sourceMappingURL=Row.js.map

package/dist/src/components/StartPage/Content/Row.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Row.js","sourceRoot":"","sources":["../../../../../src/components/StartPage/Content/Row.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,QAAQ,MAAM,uBAAuB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAEpC,MAAM,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;;;;IAI3B,KAAK,CAAC,KAAK,CAAC,EAAE;;;;CAIjB,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;;;;IAI7B,KAAK,CAAC,KAAK,CAAC,EAAE;;;CAGjB,CAAC;AAEF,MAAM,cAAc,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;;;;;;;IAOhC,KAAK,CAAC,KAAK,CAAC,EAAE;;;CAGjB,CAAC;AAEF,MAAM,GAAG,GAAG,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,EAAE;IACnC,OAAO,CACL,oBAAC,QAAQ;QACP,oBAAC,SAAS;YACP,MAAM,IAAI,oBAAC,KAAK,QAAE,MAAM,CAAC,KAAK,CAAS;YACxC,oBAAC,cAAc,QAAE,QAAQ,CAAkB,CACjC,CACH,CACZ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,GAAG,CAAC"}