@jetshop/template-trend 6.1.4 → 6.1.5

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

@@ -0,0 +1,112 @@
+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 from 'react';
+import { styled } from 'linaria/react';
+import MaxWidth from '../../Layout/MaxWidth';
+import Image from '@jetshop/ui/Image/Image';
+import { TrendLink } from '../../ui/Button';
+import { Above } from '@jetshop/ui/Breakpoints';
+import { theme } from '../../Theme';
+const Container = styled('div') `
+  padding-top: 60px;
+  padding-bottom: 60px;
+  display: flex;
+  align-items: center;
+  flex-direction: row;
+  ${theme.below.md} {
+    flex-direction: column-reverse;
+    padding-top: 40px;
+    padding-bottom: 0;
+  }
+`;
+const Title = styled('h1') `
+  font-size: 40px;
+  font-weight: 900;
+  margin-bottom: 18px;
+  ${theme.below.md} {
+    font-size: 24px;
+  }
+`;
+const Description = styled('p') `
+  width: 400px;
+  max-width: 100%;
+  margin-bottom: 30px;
+  line-height: 1.45em;
+  ${theme.below.md} {
+    font-size: 16px;
+    margin-left: auto;
+    margin-right: auto;
+  }
+`;
+const StyledButton = styled(TrendLink) `
+  width: 176px;
+  height: 56px;
+  ${theme.below.md} {
+    margin-left: auto;
+    margin-right: auto;
+  }
+`;
+const Column = styled('div') `
+  ${theme.above.md} {
+    &:first-child {
+      margin-right: 1rem;
+    }
+    &:last-child {
+      margin-left: 60px;
+    }
+  }
+`;
+const ImageColumn = styled(Column) `
+  height: 386px;
+  width: 50%;
+  ${theme.below.md} {
+    width: 100%;
+    padding-bottom: 48px;
+  }
+`;
+const TextColumn = styled(Column) `
+  width: 50%;
+  ${theme.below.md} {
+    width: 100%;
+    padding-bottom: 48px;
+    text-align: center;
+  }
+
+  &.rightAlign {
+    text-align: end;
+    > * {
+      float: right;
+    }
+  }
+`;
+const StartPageCampaign = props => {
+    if (!props)
+        return null;
+    const { imageSrc, alignment } = props, rest = __rest(props, ["imageSrc", "alignment"]);
+    const rightAlignment = alignment && alignment.value === 'right';
+    return (React.createElement(Above, { breakpoint: "md" }, matches => matches ? (React.createElement(MaxWidth, null,
+        React.createElement(Container, null,
+            rightAlignment && React.createElement(ImageCol, { src: imageSrc.value }),
+            React.createElement(CampaignContent, Object.assign({ className: !rightAlignment && 'rightAlign' }, rest)),
+            !rightAlignment && React.createElement(ImageCol, { src: imageSrc.value })))) : (React.createElement(MaxWidth, null,
+        React.createElement(Container, null,
+            React.createElement(CampaignContent, Object.assign({}, rest)),
+            React.createElement(ImageCol, { src: imageSrc.value }))))));
+};
+const CampaignContent = ({ header, text, buttonText, buttonLink, className }) => (React.createElement(TextColumn, { className: className },
+    React.createElement(Title, null, header.value),
+    React.createElement(Description, null, text.value),
+    buttonLink.value && (React.createElement(StyledButton, { to: buttonLink.value }, buttonText.value))));
+const ImageCol = ({ src }) => (React.createElement(ImageColumn, null,
+    React.createElement(Image, { fillAvailableSpace: true, src: src, sizes: [1, 1, 0.5] })));
+export default StartPageCampaign;
+//# sourceMappingURL=StartPageCampaign.js.map

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

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

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

@@ -0,0 +1,80 @@
+import React from 'react';
+import { styled } from 'linaria/react';
+import Image from '@jetshop/ui/Image/Image';
+import CategoryLink from '@jetshop/ui/CategoryLink';
+import { theme } from '../../Theme';
+import Row from './Row';
+const ItemTitle = styled('h2') `
+  font-size: 20px;
+  font-weight: 600;
+  text-align: center;
+  text-decoration: none;
+  color: #000;
+  padding-top: 10px;
+  padding-bottom: 10px;
+  transition: 200ms;
+  ${theme.below.md} {
+    font-size: 16px;
+  }
+`;
+const ImageContainer = styled('div') `
+  transition: 200ms;
+  filter: grayscale(1);
+`;
+const CategoryItem = styled(CategoryLink) `
+  margin-left: 12px;
+  margin-right: 12px;
+  display: flex;
+  flex-direction: column;
+  text-decoration: none;
+  flex: 1;
+
+  ${ItemTitle} {
+    background-color: white;
+  }
+  &:hover {
+    ${ItemTitle} {
+      background-color: ${theme.colors.blue};
+      color: white;
+    }
+    ${ImageContainer} {
+      filter: grayscale(0);
+    }
+  }
+
+  ${theme.above.xl} {
+    max-width: 250px;
+  }
+
+  ${theme.below.xl} {
+    flex: 1 0 20%;
+  }
+
+  ${theme.below.lg} {
+    flex: 1 0 25%;
+  }
+
+  ${theme.below.md} {
+    flex: 1 0 35%;
+  }
+
+  ${theme.below.sm} {
+    flex: 1 0 60%;
+  }
+`;
+const StartPageCategories = ({ header, children }) => {
+    return React.createElement(Row, { header: header }, children);
+};
+export const StartPageCategoryItem = ({ category, categoryImage, styles }) => {
+    var _a;
+    if (!category)
+        return null;
+    const cat = category.value;
+    const img = categoryImage.value;
+    return (cat && (React.createElement(CategoryItem, { category: cat },
+        React.createElement(ImageContainer, null,
+            React.createElement(Image, { aspect: '3:4', sizes: [1 / 2, 1 / 3, 1 / 4], cover: true, src: img || ((_a = cat.images[cat.images.length - 1]) === null || _a === void 0 ? void 0 : _a.url) })),
+        React.createElement(ItemTitle, null, cat.name))));
+};
+export default StartPageCategories;
+//# sourceMappingURL=StartPageCategories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StartPageCategories.js","sourceRoot":"","sources":["../../../../../src/components/StartPage/Content/StartPageCategories.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,KAAK,MAAM,yBAAyB,CAAC;AAC5C,OAAO,YAAY,MAAM,0BAA0B,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,OAAO,GAAG,MAAM,OAAO,CAAC;AAExB,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;;;;;;;;;IAS1B,KAAK,CAAC,KAAK,CAAC,EAAE;;;CAGjB,CAAC;AAEF,MAAM,cAAc,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;;;CAGnC,CAAC;AAEF,MAAM,YAAY,GAAG,MAAM,CAAC,YAAY,CAAC,CAAA;;;;;;;;IAQrC,SAAS;;;;MAIP,SAAS;0BACW,KAAK,CAAC,MAAM,CAAC,IAAI;;;MAGrC,cAAc;;;;;IAKhB,KAAK,CAAC,KAAK,CAAC,EAAE;;;;IAId,KAAK,CAAC,KAAK,CAAC,EAAE;;;;IAId,KAAK,CAAC,KAAK,CAAC,EAAE;;;;IAId,KAAK,CAAC,KAAK,CAAC,EAAE;;;;IAId,KAAK,CAAC,KAAK,CAAC,EAAE;;;CAGjB,CAAC;AAEF,MAAM,mBAAmB,GAAG,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,EAAE;IACnD,OAAO,oBAAC,GAAG,IAAC,MAAM,EAAE,MAAM,IAAG,QAAQ,CAAO,CAAC;AAC/C,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,EAAE,EAAE,EAAE;;IAC3E,IAAI,CAAC,QAAQ;QAAE,OAAO,IAAI,CAAC;IAC3B,MAAM,GAAG,GAAG,QAAQ,CAAC,KAAK,CAAC;IAC3B,MAAM,GAAG,GAAG,aAAa,CAAC,KAAK,CAAC;IAEhC,OAAO,CACL,GAAG,IAAI,CACL,oBAAC,YAAY,IAAC,QAAQ,EAAE,GAAG;QACzB,oBAAC,cAAc;YACb,oBAAC,KAAK,IACJ,MAAM,EAAE,KAAK,EACb,KAAK,EAAE,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,EAC5B,KAAK,EAAE,IAAI,EACX,GAAG,EAAE,GAAG,KAAI,MAAA,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,0CAAE,GAAG,CAAA,GAClD,CACa;QACjB,oBAAC,SAAS,QAAE,GAAG,CAAC,IAAI,CAAa,CACpB,CAChB,CACF,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

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

@@ -0,0 +1,74 @@
+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 from 'react';
+import { styled } from 'linaria/react';
+import { Shortcodes } from '@jetshop/flight-shortcodes';
+import MaxWidth from '../../Layout/MaxWidth';
+import { Link } from 'react-router-dom';
+const Container = styled('div') `
+  margin: 2rem 0;
+  background: #fff;
+  padding: 2rem;
+
+  a {
+    color: #5c5c5c;
+    text-decoration: none;
+    &:hover {
+      text-decoration: underline;
+      color: #000;
+    }
+  }
+
+  ul,
+  ol {
+    margin-block-start: 1em;
+    margin-block-end: 1em;
+    padding-inline-start: 2rem;
+  }
+
+  ul {
+    list-style-type: disc;
+  }
+
+  ol {
+    list-style-type: decimal;
+  }
+
+  li {
+    margin: 0.5rem 0;
+  }
+
+  p {
+    margin: 1rem 0;
+  }
+`;
+const internalUrlRegex = /^\/[^/]/;
+const CustomLink = (_a) => {
+    var { href, children } = _a, rest = __rest(_a, ["href", "children"]);
+    if (internalUrlRegex.test(href)) {
+        return (React.createElement(Link, Object.assign({ to: href }, rest), children));
+    }
+    else {
+        return (React.createElement("a", Object.assign({ href: href }, rest), children));
+    }
+};
+export const StartPageHTMLContent = props => {
+    if (!props || !props.html || !props.html.value)
+        return null;
+    return (React.createElement(MaxWidth, null,
+        React.createElement(Container, null,
+            React.createElement(Shortcodes, { content: props.html.value, components: {
+                    a: CustomLink
+                } }))));
+};
+export default StartPageHTMLContent;
+//# sourceMappingURL=StartPageHTMLContent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StartPageHTMLContent.js","sourceRoot":"","sources":["../../../../../src/components/StartPage/Content/StartPageHTMLContent.js"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACxD,OAAO,QAAQ,MAAM,uBAAuB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAExC,MAAM,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoC9B,CAAC;AAEF,MAAM,gBAAgB,GAAG,SAAS,CAAC;AAEnC,MAAM,UAAU,GAAG,CAAC,EAA2B,EAAE,EAAE;QAA/B,EAAE,IAAI,EAAE,QAAQ,OAAW,EAAN,IAAI,cAAzB,oBAA2B,CAAF;IAC3C,IAAI,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE;QAC/B,OAAO,CACL,oBAAC,IAAI,kBAAC,EAAE,EAAE,IAAI,IAAM,IAAI,GACrB,QAAQ,CACJ,CACR,CAAC;KACH;SAAM;QACL,OAAO,CACL,yCAAG,IAAI,EAAE,IAAI,IAAM,IAAI,GACpB,QAAQ,CACP,CACL,CAAC;KACH;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAG,KAAK,CAAC,EAAE;IAC1C,IAAI,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK;QAAE,OAAO,IAAI,CAAC;IAE5D,OAAO,CACL,oBAAC,QAAQ;QACP,oBAAC,SAAS;YACR,oBAAC,UAAU,IACT,OAAO,EAAE,KAAK,CAAC,IAAI,CAAC,KAAK,EACzB,UAAU,EAAE;oBACV,CAAC,EAAE,UAAU;iBACd,GACD,CACQ,CACH,CACZ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

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

@@ -0,0 +1,73 @@
+import React from 'react';
+import { styled } from 'linaria/react';
+import { css } from 'linaria';
+import MaxWidth from '../../Layout/MaxWidth';
+import Image from '@jetshop/ui/Image/Image';
+import { TrendLink } from '../../ui/Button';
+import { theme } from '../../Theme';
+const StartPageHeroWrapper = styled(MaxWidth) `
+  height: 600px;
+  ${theme.below.xl} {
+    padding: 0px;
+  }
+  ${theme.below.md} {
+    padding: 0px;
+    height: 400px;
+  }
+`;
+const Container = styled('div') `
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  color: white;
+  height: 100%;
+  text-align: center;
+`;
+const Title = styled('h1') `
+  font-size: 64px;
+  font-weight: 900;
+  margin-bottom: 18px;
+  ${theme.below.md} {
+    font-size: 30px;
+    margin-bottom: 12px;
+  }
+`;
+const Description = styled('p') `
+  width: 420px;
+  font-size: 20px;
+  max-width: 100%;
+  margin-bottom: 30px;
+  line-height: 1.45em;
+  ${theme.below.md} {
+    width: 100%;
+    font-size: 16px;
+    padding-left: 0.75rem;
+    padding-right: 0.75rem;
+  }
+`;
+const StyledButton = styled(TrendLink) `
+  width: 176px;
+  height: 46px;
+  ${theme.below.sm} {
+    width: 138px;
+    height: 32px;
+    font-size: 14px;
+  }
+`;
+const heroStyles = css `
+  display: flex;
+  align-items: center;
+  justify-content: center;
+`;
+const StartPageHero = ({ header, text, buttonText, buttonLink, imageSrc, isAboveFold }) => {
+    var _a, _b, _c;
+    return (React.createElement(StartPageHeroWrapper, null,
+        React.createElement(Image, { fillAvailableSpace: true, src: imageSrc === null || imageSrc === void 0 ? void 0 : imageSrc.value, className: heroStyles, critical: isAboveFold === null || isAboveFold === void 0 ? void 0 : isAboveFold.value, focalPointY: (_a = imageSrc === null || imageSrc === void 0 ? void 0 : imageSrc.value) === null || _a === void 0 ? void 0 : _a.focalPointY, focalPointX: (_b = imageSrc === null || imageSrc === void 0 ? void 0 : imageSrc.value) === null || _b === void 0 ? void 0 : _b.focalPointX, aspect: '2:1' },
+            React.createElement(Container, null,
+                React.createElement(Title, null, header === null || header === void 0 ? void 0 : header.value),
+                React.createElement(Description, null, text === null || text === void 0 ? void 0 : text.value),
+                React.createElement(StyledButton, { to: (_c = buttonLink === null || buttonLink === void 0 ? void 0 : buttonLink.value) !== null && _c !== void 0 ? _c : '/' }, buttonText === null || buttonText === void 0 ? void 0 : buttonText.value)))));
+};
+export default StartPageHero;
+//# sourceMappingURL=StartPageHero.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StartPageHero.js","sourceRoot":"","sources":["../../../../../src/components/StartPage/Content/StartPageHero.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,EAAE,GAAG,EAAE,MAAM,SAAS,CAAC;AAC9B,OAAO,QAAQ,MAAM,uBAAuB,CAAC;AAC7C,OAAO,KAAK,MAAM,yBAAyB,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAE5C,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAEpC,MAAM,oBAAoB,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAA;;IAEzC,KAAK,CAAC,KAAK,CAAC,EAAE;;;IAGd,KAAK,CAAC,KAAK,CAAC,EAAE;;;;CAIjB,CAAC;AACF,MAAM,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;;;;;;;;CAQ9B,CAAC;AACF,MAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;;;;IAItB,KAAK,CAAC,KAAK,CAAC,EAAE;;;;CAIjB,CAAC;AAEF,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAC,CAAA;;;;;;IAM3B,KAAK,CAAC,KAAK,CAAC,EAAE;;;;;;CAMjB,CAAC;AAEF,MAAM,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,CAAA;;;IAGlC,KAAK,CAAC,KAAK,CAAC,EAAE;;;;;CAKjB,CAAC;AAEF,MAAM,UAAU,GAAG,GAAG,CAAA;;;;CAIrB,CAAC;AAEF,MAAM,aAAa,GAAG,CAAC,EACrB,MAAM,EACN,IAAI,EACJ,UAAU,EACV,UAAU,EACV,QAAQ,EACR,WAAW,EACZ,EAAE,EAAE;;IAAC,OAAA,CACJ,oBAAC,oBAAoB;QACnB,oBAAC,KAAK,IACJ,kBAAkB,EAAE,IAAI,EACxB,GAAG,EAAE,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,KAAK,EACpB,SAAS,EAAE,UAAU,EACrB,QAAQ,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,KAAK,EAC5B,WAAW,EAAE,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,KAAK,0CAAE,WAAW,EACzC,WAAW,EAAE,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,KAAK,0CAAE,WAAW,EACzC,MAAM,EAAE,KAAK;YAEb,oBAAC,SAAS;gBACR,oBAAC,KAAK,QAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,CAAS;gBAC9B,oBAAC,WAAW,QAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,CAAe;gBACxC,oBAAC,YAAY,IAAC,EAAE,EAAE,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,KAAK,mCAAI,GAAG,IACvC,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,KAAK,CACL,CACL,CACN,CACa,CACxB,CAAA;CAAA,CAAC;AAEF,eAAe,aAAa,CAAC"}

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

@@ -0,0 +1,69 @@
+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 { css } from 'linaria';
+import { styled } from 'linaria/react';
+import React from 'react';
+import { theme } from '../../Theme';
+import { ProductGrid } from '../../CategoryPage/ProductGrid';
+import MaxWidth from '../../Layout/MaxWidth';
+import { Title } from './Row';
+import { usePropsOfType } from '@jetshop/ui/utils/usePropsOfType';
+const Container = styled('div') `
+  padding-top: 48px;
+  padding-bottom: 28px;
+  background-color: #f7f7f7;
+  ${theme.below.sm} {
+    padding-top: 32px;
+    padding-bottom: 4px;
+  }
+`;
+// The horizontal scroll is styled in a way that on any resolution smaller than 'lg', a part of the second/third item can be seen, indicating it is a horizontally scrollable container.
+const productGrid = css `
+  flex-wrap: nowrap !important;
+  ${theme.below.md} {
+    overflow-x: auto;
+    .product-card {
+      width: 300px;
+      flex-shrink: 0;
+      max-width: 40vw;
+    }
+  }
+  ${theme.below.sm} {
+    .product-card {
+      max-width: 60vw;
+      width: 340px;
+    }
+  }
+  ${theme.below.xs} {
+    .product-card {
+      max-width: 75vw;
+    }
+  }
+
+  @supports (display: grid) {
+    grid-template-columns: repeat(4, 1fr);
+    margin: 0;
+    ${theme.below.md} {
+      grid-template-columns: repeat(10, 1fr);
+    }
+  }
+`;
+const StartPageProductGrid = (_a) => {
+    var { header } = _a, rest = __rest(_a, ["header"]);
+    const { filteredItems: products } = usePropsOfType(rest, 'product');
+    return (React.createElement(Container, null,
+        React.createElement(MaxWidth, null,
+            React.createElement(Title, null, header.value),
+            React.createElement(ProductGrid, { imageSizes: [1 / 2, 1 / 2, 1 / 4], list: "Start page - Selected products", products: products, className: productGrid }))));
+};
+export default StartPageProductGrid;
+//# sourceMappingURL=StartPageProductGrid.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StartPageProductGrid.js","sourceRoot":"","sources":["../../../../../src/components/StartPage/Content/StartPageProductGrid.js"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,SAAS,CAAC;AAC9B,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,QAAQ,MAAM,uBAAuB,CAAC;AAC7C,OAAO,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AAC9B,OAAO,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAElE,MAAM,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;;;;IAI3B,KAAK,CAAC,KAAK,CAAC,EAAE;;;;CAIjB,CAAC;AAEF,wLAAwL;AACxL,MAAM,WAAW,GAAG,GAAG,CAAA;;IAEnB,KAAK,CAAC,KAAK,CAAC,EAAE;;;;;;;;IAQd,KAAK,CAAC,KAAK,CAAC,EAAE;;;;;;IAMd,KAAK,CAAC,KAAK,CAAC,EAAE;;;;;;;;;MASZ,KAAK,CAAC,KAAK,CAAC,EAAE;;;;CAInB,CAAC;AAEF,MAAM,oBAAoB,GAAG,CAAC,EAAmB,EAAE,EAAE;QAAvB,EAAE,MAAM,OAAW,EAAN,IAAI,cAAjB,UAAmB,CAAF;IAC7C,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,cAAc,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;IAEpE,OAAO,CACL,oBAAC,SAAS;QACR,oBAAC,QAAQ;YACP,oBAAC,KAAK,QAAE,MAAM,CAAC,KAAK,CAAS;YAC7B,oBAAC,WAAW,IACV,UAAU,EAAE,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,EACjC,IAAI,EAAC,gCAAgC,EACrC,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,WAAW,GACtB,CACO,CACD,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

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

@@ -0,0 +1,37 @@
+import { useQuery } from '@apollo/client';
+import StartPageRenderer from '@jetshop/ui/StartPageRenderer';
+import React from 'react';
+import { styled } from 'linaria/react';
+import LoadingPage from '../LoadingPage';
+import StartPageCampaign from './Content/StartPageCampaign';
+import StartPageCategories from './Content/StartPageCategories';
+import StartPageHero from './Content/StartPageHero';
+import StartPageHTMLContent from './Content/StartPageHTMLContent';
+import StartPageProductGrid from './Content/StartPageProductGrid';
+import startPageQuery from './StartPageQuery.gql';
+import { StartPageCategoryItem } from './Content/StartPageCategories';
+const startPageComponents = {
+    HERO: StartPageHero,
+    HTML: StartPageHTMLContent,
+    CATEGORIES: StartPageCategories,
+    CAMPAIGN: StartPageCampaign,
+    PRODUCTGRID: StartPageProductGrid,
+    CATEGORYITEM: StartPageCategoryItem
+};
+const StartPageWrapper = styled('div') `
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+`;
+const StartPage = ({ startPageId }) => {
+    const result = useQuery(startPageQuery, {
+        variables: { startPageId: startPageId }
+    });
+    const { loading } = result;
+    if (loading || !(result === null || result === void 0 ? void 0 : result.data))
+        return React.createElement(LoadingPage, null);
+    return (React.createElement(StartPageWrapper, null,
+        React.createElement(StartPageRenderer, { result: result, startPageComponents: startPageComponents, LoadingPage: LoadingPage })));
+};
+export default StartPage;
+//# sourceMappingURL=StartPage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StartPage.js","sourceRoot":"","sources":["../../../../src/components/StartPage/StartPage.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,iBAAiB,MAAM,+BAA+B,CAAC;AAC9D,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,WAAW,MAAM,gBAAgB,CAAC;AACzC,OAAO,iBAAiB,MAAM,6BAA6B,CAAC;AAC5D,OAAO,mBAAmB,MAAM,+BAA+B,CAAC;AAChE,OAAO,aAAa,MAAM,yBAAyB,CAAC;AACpD,OAAO,oBAAoB,MAAM,gCAAgC,CAAC;AAClE,OAAO,oBAAoB,MAAM,gCAAgC,CAAC;AAClE,OAAO,cAAc,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AAEtE,MAAM,mBAAmB,GAAG;IAC1B,IAAI,EAAE,aAAa;IACnB,IAAI,EAAE,oBAAoB;IAC1B,UAAU,EAAE,mBAAmB;IAC/B,QAAQ,EAAE,iBAAiB;IAC3B,WAAW,EAAE,oBAAoB;IACjC,YAAY,EAAE,qBAAqB;CACpC,CAAC;AAEF,MAAM,gBAAgB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;;;;CAIrC,CAAC;AAEF,MAAM,SAAS,GAAG,CAAC,EAAE,WAAW,EAAE,EAAE,EAAE;IACpC,MAAM,MAAM,GAAG,QAAQ,CAAC,cAAc,EAAE;QACtC,SAAS,EAAE,EAAE,WAAW,EAAE,WAAW,EAAE;KACxC,CAAC,CAAC;IACH,MAAM,EAAE,OAAO,EAAE,GAAG,MAAM,CAAC;IAE3B,IAAI,OAAO,IAAI,CAAC,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,CAAA;QAAE,OAAO,oBAAC,WAAW,OAAG,CAAC;IAErD,OAAO,CACL,oBAAC,gBAAgB;QACf,oBAAC,iBAAiB,IAChB,MAAM,EAAE,MAAM,EACd,mBAAmB,EAAE,mBAAmB,EACxC,WAAW,EAAE,WAAW,GACxB,CACe,CACpB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"StartPage.loadable.js","sourceRoot":"","sources":["../../../../src/components/StartPage/StartPage.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,aAAa,CAAC,EAAE;IACnD,QAAQ,EAAE,oBAAC,WAAW,OAAG;CAC1B,CAAC,CAAC"}

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

@@ -0,0 +1,3 @@
+import StartPage from './StartPage';
+export default StartPage;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/StartPage/index.js"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,aAAa,CAAC;AACpC,eAAe,SAAS,CAAC"}

package/dist/src/components/Store/Store.js

@@ -0,0 +1,26 @@
+import { useQuery } from '@apollo/client';
+import React from 'react';
+import { styled } from 'linaria/react';
+import MaxWidth from '../Layout/MaxWidth';
+import StoreDetail from './StoreDetail';
+import StoreQuery from './StoreQuery.gql';
+import { useParams } from 'react-router';
+const Wrapper = styled(MaxWidth) `
+  margin: 2rem;
+`;
+function Store() {
+    const { id } = useParams();
+    const { data, loading, error } = useQuery(StoreQuery, { variables: { id } });
+    if (loading) {
+        return React.createElement(Wrapper, null, "Loading\u2026");
+    }
+    else if (error) {
+        return 'Something went wrong';
+    }
+    else {
+        const { store } = data;
+        return (React.createElement(Wrapper, null, !store ? 'No store found!' : React.createElement(StoreDetail, { store: store })));
+    }
+}
+export default Store;
+//# sourceMappingURL=Store.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Store.js","sourceRoot":"","sources":["../../../../src/components/Store/Store.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,QAAQ,MAAM,oBAAoB,CAAC;AAC1C,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,UAAU,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,MAAM,OAAO,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAA;;CAE/B,CAAC;AAEF,SAAS,KAAK;IACZ,MAAM,EAAE,EAAE,EAAE,GAAG,SAAS,EAAE,CAAC;IAC3B,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,QAAQ,CAAC,UAAU,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;IAE7E,IAAI,OAAO,EAAE;QACX,OAAO,oBAAC,OAAO,wBAAmB,CAAC;KACpC;SAAM,IAAI,KAAK,EAAE;QAChB,OAAO,sBAAsB,CAAC;KAC/B;SAAM;QACL,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;QAEvB,OAAO,CACL,oBAAC,OAAO,QACL,CAAC,KAAK,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,oBAAC,WAAW,IAAC,KAAK,EAAE,KAAK,GAAI,CACnD,CACX,CAAC;KACH;AACH,CAAC;AAED,eAAe,KAAK,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Store.loadable.js","sourceRoot":"","sources":["../../../../src/components/Store/Store.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,SAAS,CAAC,EAAE;IAC/C,QAAQ,EAAE,oBAAC,WAAW,OAAG;CAC1B,CAAC,CAAC"}

package/dist/src/components/Store/StoreDetail.js

@@ -0,0 +1,13 @@
+import React, { PureComponent } from 'react';
+export default class StoreDetail extends PureComponent {
+    render() {
+        const { store } = this.props;
+        return (React.createElement("div", null,
+            React.createElement("h1", null, store.name),
+            store.address1 && (React.createElement("addr", null,
+                React.createElement("div", { dangerouslySetInnerHTML: { __html: store.address1 } }),
+                store.address2 && (React.createElement("div", { dangerouslySetInnerHTML: { __html: store.address2 } })),
+                store.city && React.createElement("div", null, store.city)))));
+    }
+}
+//# sourceMappingURL=StoreDetail.js.map

package/dist/src/components/Store/StoreDetail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StoreDetail.js","sourceRoot":"","sources":["../../../../src/components/Store/StoreDetail.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE7C,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,aAAa;IACpD,MAAM;QACJ,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAE7B,OAAO,CACL;YACE,gCAAK,KAAK,CAAC,IAAI,CAAM;YACpB,KAAK,CAAC,QAAQ,IAAI,CACjB;gBACE,6BAAK,uBAAuB,EAAE,EAAE,MAAM,EAAE,KAAK,CAAC,QAAQ,EAAE,GAAI;gBAC3D,KAAK,CAAC,QAAQ,IAAI,CACjB,6BAAK,uBAAuB,EAAE,EAAE,MAAM,EAAE,KAAK,CAAC,QAAQ,EAAE,GAAI,CAC7D;gBACA,KAAK,CAAC,IAAI,IAAI,iCAAM,KAAK,CAAC,IAAI,CAAO,CACjC,CACR,CACG,CACP,CAAC;IACJ,CAAC;CACF"}