@jetshop/template-trend 6.1.3 → 6.1.5

package/dist/src/components/Layout/Header/CategoryMenu/SubMenuWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubMenuWrapper.js","sourceRoot":"","sources":["../../../../../../src/components/Layout/Header/CategoryMenu/SubMenuWrapper.js"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,0BAA0B,CAAC;AACpD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACvC,OAAO,UAAU,MAAM,gBAAgB,CAAC;AACxC,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAC9C,OAAO,aAAa,MAAM,sBAAsB,CAAC;AAEjD,MAAM,WAAW,GAAG,SAAS,CAAC;AAE9B,wCAAwC;AACxC,MAAM,QAAQ,GAAG,MAAM,CAAC,UAAU,CAAC,CAAA;;;;;;;aAOtB,KAAK,CAAC,MAAM,CAAC,KAAK;;;;;;;;;CAS9B,CAAC;AAEF,4EAA4E;AAC5E,uCAAuC;AACvC,MAAM,UAAU,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;;;;CAI/B,CAAC;AAEF,qFAAqF;AACrF,uEAAuE;AACvE,MAAM,YAAY,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;sBACZ,WAAW;;;CAGhC,CAAC;AAEF,MAAM,OAAO,GAAG,MAAM,CAAC,SAAS,CAAC,CAAA;;;;;;gBAMjB,KAAK,CAAC,MAAM,CAAC,KAAK;;;;;;;;;;;CAWjC,CAAC;AAEF,MAAM,gBAAgB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;;;;;;;CAOrC,CAAC;AAEF,MAAM,cAAc,GAAG,CAAC,EAAE,IAAI,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,EAAE;IAC1E,OAAO,CACL,oBAAC,OAAO;QACN,oBAAC,YAAY;YACX,oBAAC,UAAU;gBACT,oBAAC,aAAa,IAAC,MAAM,EAAE,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,GAAG;oBAChE,oBAAC,QAAQ,QACN,cAAc;wBACb,cAAc,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,CAAC,CAC/C,oBAAC,KAAK,CAAC,QAAQ,IAAC,GAAG,EAAE,GAAG,CAAC,EAAE,IACxB,GAAG,CAAC,aAAa,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAC9B,oBAAC,cAAc,IACb,OAAO,EAAE,GAAG,EACZ,UAAU,EAAE,GAAG,CAAC,aAAa,EAC7B,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,GAAG,CAAC,EAAE,GACX,CACH,CAAC,CAAC,CAAC,CACF,oBAAC,gBAAgB,IAAC,GAAG,EAAE,GAAG,CAAC,EAAE;4BAC3B;gCACE,oBAAC,YAAY,IAAC,QAAQ,EAAE,GAAG,EAAE,OAAO,EAAE,QAAQ,IAC3C,GAAG,CAAC,IAAI,CACI,CACZ,CACY,CACpB,CACc,CAClB,CAAC,CACK,CACG,CACL,CACA,CACP,CACX,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/src/components/Layout/Header/ChannelSelector/ChannelSelector.js

@@ -0,0 +1,26 @@
+import ChannelContext from '@jetshop/core/components/ChannelContext';
+import { FlyoutTarget, FlyoutTrigger } from '@jetshop/ui/Modal/Flyout';
+import React, { useContext } from 'react';
+import Selector from './Selector';
+import { styled } from 'linaria/react';
+const Flyout = styled('div') `
+  background-color: white;
+  position: absolute;
+  z-index: 5;
+  top: calc(100% + ((54px - 100%) / 2));
+`;
+const CountryFlag = styled('img') `
+  height: 12px;
+  width: 12px;
+  margin-right: 5px;
+`;
+export default function HeaderChannelSelector() {
+    const { selectedChannel, channels, updateChannel, selectedChannelGroup } = useContext(ChannelContext);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(FlyoutTrigger, { id: "channel-selector" }, ({ showTarget, hideTarget, isOpen }) => (React.createElement("button", { "data-testid": "channel-selector-button", onClick: isOpen ? hideTarget : showTarget, style: { background: 'transparent' } },
+            React.createElement(CountryFlag, { src: `https://countryflags.jetshop.io/${selectedChannel.country.code}/flat/32.png`, alt: "Country Flag", width: "16", height: "12" }),
+            selectedChannel.country.name))),
+        React.createElement(FlyoutTarget, { id: "channel-selector" }, ({ isOpen, hideTarget }) => (React.createElement(Flyout, null,
+            React.createElement(Selector, { channels: selectedChannelGroup || channels, hideTarget: hideTarget, selectedChannel: selectedChannel, updateChannel: updateChannel }))))));
+}
+//# sourceMappingURL=ChannelSelector.js.map

package/dist/src/components/Layout/Header/ChannelSelector/ChannelSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChannelSelector.js","sourceRoot":"","sources":["../../../../../../src/components/Layout/Header/ChannelSelector/ChannelSelector.js"],"names":[],"mappings":"AAAA,OAAO,cAAc,MAAM,yCAAyC,CAAC;AACrE,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACvE,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAEvC,MAAM,MAAM,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;;;;;CAK3B,CAAC;AAEF,MAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;;;;CAIhC,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,qBAAqB;IAC3C,MAAM,EAAE,eAAe,EAAE,QAAQ,EAAE,aAAa,EAAE,oBAAoB,EAAE,GACtE,UAAU,CAAC,cAAc,CAAC,CAAC;IAC7B,OAAO,CACL;QACE,oBAAC,aAAa,IAAC,EAAE,EAAC,kBAAkB,IACjC,CAAC,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CACvC,+CACc,yBAAyB,EACrC,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,EACzC,KAAK,EAAE,EAAE,UAAU,EAAE,aAAa,EAAE;YAEpC,oBAAC,WAAW,IACV,GAAG,EAAE,mCAAmC,eAAe,CAAC,OAAO,CAAC,IAAI,cAAc,EAClF,GAAG,EAAC,cAAc,EAClB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,GACX;YACD,eAAe,CAAC,OAAO,CAAC,IAAI,CACtB,CACV,CACa;QAChB,oBAAC,YAAY,IAAC,EAAE,EAAC,kBAAkB,IAChC,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,CAC3B,oBAAC,MAAM;YACL,oBAAC,QAAQ,IACP,QAAQ,EAAE,oBAAoB,IAAI,QAAQ,EAC1C,UAAU,EAAE,UAAU,EACtB,eAAe,EAAE,eAAe,EAChC,aAAa,EAAE,aAAa,GAC5B,CACK,CACV,CACY,CACd,CACJ,CAAC;AACJ,CAAC"}

package/dist/src/components/Layout/Header/ChannelSelector/ChannelSelectorModal.js

@@ -0,0 +1,36 @@
+import ChannelContext from '@jetshop/core/components/ChannelContext';
+import LargeSelector from '@jetshop/ui/ChannelSelector/LargeSelector';
+import { ModalTrigger } from '@jetshop/ui/Modal/ModalTrigger';
+import React, { useContext } from 'react';
+import { css } from 'linaria';
+import Selector from './Selector';
+import { styled } from 'linaria/react';
+const Button = styled('button') `
+  all: unset;
+  cursor: pointer;
+  span:hover {
+    color: black;
+    text-decoration: underline;
+  }
+`;
+const modalStyles = css `
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  position: fixed;
+  background: white;
+  padding: 1rem;
+  outline: none;
+`;
+const ChannelSelectorModal = props => {
+    const { selectedChannel, channels, updateChannel, selectedChannelGroup } = useContext(ChannelContext);
+    return (React.createElement(ModalTrigger, { modalStyles: modalStyles, target: props => (React.createElement(Selector, Object.assign({ channels: selectedChannelGroup || channels, selectedChannel: selectedChannel, updateChannel: updateChannel, type: LargeSelector }, props))) }, ({ showTarget }) => (React.createElement(Button, Object.assign({ onClick: () => {
+            props.hideMobileMenu();
+            showTarget();
+        } }, props),
+        React.createElement("img", { src: `https://countryflags.jetshop.io/${selectedChannel.country.code}/flat/32.png`, alt: "Country Flag", style: { height: '12px', marginRight: '6px' }, width: "16", height: "12" }),
+        React.createElement("span", null, selectedChannel.country.name)))));
+};
+export default ChannelSelectorModal;
+//# sourceMappingURL=ChannelSelectorModal.js.map

package/dist/src/components/Layout/Header/ChannelSelector/ChannelSelectorModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChannelSelectorModal.js","sourceRoot":"","sources":["../../../../../../src/components/Layout/Header/ChannelSelector/ChannelSelectorModal.js"],"names":[],"mappings":"AAAA,OAAO,cAAc,MAAM,yCAAyC,CAAC;AACrE,OAAO,aAAa,MAAM,2CAA2C,CAAC;AACtE,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAC9D,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,GAAG,EAAE,MAAM,SAAS,CAAC;AAC9B,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAEvC,MAAM,MAAM,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAA;;;;;;;CAO9B,CAAC;AAEF,MAAM,WAAW,GAAG,GAAG,CAAA;;;;;;;;;CAStB,CAAC;AAEF,MAAM,oBAAoB,GAAG,KAAK,CAAC,EAAE;IACnC,MAAM,EAAE,eAAe,EAAE,QAAQ,EAAE,aAAa,EAAE,oBAAoB,EAAE,GACtE,UAAU,CAAC,cAAc,CAAC,CAAC;IAC7B,OAAO,CACL,oBAAC,YAAY,IACX,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,CACf,oBAAC,QAAQ,kBACP,QAAQ,EAAE,oBAAoB,IAAI,QAAQ,EAC1C,eAAe,EAAE,eAAe,EAChC,aAAa,EAAE,aAAa,EAC5B,IAAI,EAAE,aAAa,IACf,KAAK,EACT,CACH,IAEA,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,CACnB,oBAAC,MAAM,kBACL,OAAO,EAAE,GAAG,EAAE;YACZ,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,UAAU,EAAE,CAAC;QACf,CAAC,IACG,KAAK;QAET,6BACE,GAAG,EAAE,mCAAmC,eAAe,CAAC,OAAO,CAAC,IAAI,cAAc,EAClF,GAAG,EAAC,cAAc,EAClB,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,EAC7C,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,GACX;QACF,kCAAO,eAAe,CAAC,OAAO,CAAC,IAAI,CAAQ,CACpC,CACV,CACY,CAChB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/dist/src/components/Layout/Header/ChannelSelector/LanguageSelector.js

@@ -0,0 +1,12 @@
+import React, { useContext } from 'react';
+import ChannelContext from '@jetshop/core/components/ChannelContext';
+import { createSelectedChannel } from '@jetshop/core/components/ChannelContext/utils';
+const LanguageSelector = () => {
+    const { channels, updateChannel } = useContext(ChannelContext);
+    return (React.createElement("div", null, channels.map(channel => (React.createElement("button", { onClick: () => {
+            const selectedChannel = createSelectedChannel(channel);
+            updateChannel(selectedChannel);
+        } }, channel.name)))));
+};
+export default LanguageSelector;
+//# sourceMappingURL=LanguageSelector.js.map

package/dist/src/components/Layout/Header/ChannelSelector/LanguageSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LanguageSelector.js","sourceRoot":"","sources":["../../../../../../src/components/Layout/Header/ChannelSelector/LanguageSelector.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,cAAc,MAAM,yCAAyC,CAAC;AACrE,OAAO,EAAE,qBAAqB,EAAE,MAAM,+CAA+C,CAAC;AAEtF,MAAM,gBAAgB,GAAG,GAAG,EAAE;IAC5B,MAAM,EAAE,QAAQ,EAAE,aAAa,EAAE,GAAG,UAAU,CAAC,cAAc,CAAC,CAAC;IAC/D,OAAO,CACL,iCACG,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,CACvB,gCACE,OAAO,EAAE,GAAG,EAAE;YACZ,MAAM,eAAe,GAAG,qBAAqB,CAAC,OAAO,CAAC,CAAC;YACvD,aAAa,CAAC,eAAe,CAAC,CAAC;QACjC,CAAC,IAEA,OAAO,CAAC,IAAI,CACN,CACV,CAAC,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/src/components/Layout/Header/ChannelSelector/Selector.js

@@ -0,0 +1,120 @@
+import t from '@jetshop/intl';
+import ChannelSelector, { LangCurrWrapper, SelectorBody, Title } from '@jetshop/ui/ChannelSelector/ChannelSelector';
+import { CancelButton, CommitButton } from '@jetshop/ui/ChannelSelector/ChannelSelectorButtons';
+import MiniSelector from '@jetshop/ui/ChannelSelector/MiniSelector';
+import CheckboxGroup from '@jetshop/ui/Checkbox/CheckboxGroup';
+import React, { useState } from 'react';
+import { styled } from 'linaria/react';
+import { css } from 'linaria';
+import flattenCountries from './flattenCountries';
+import { theme } from '../../../Theme';
+const Country = styled('div') `
+  height: 42px;
+  font-size: 14px;
+  padding: 0 14px;
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+  transition: 200ms;
+  background-color: transparent;
+  color: #4f4f4f;
+  font-weight: 400;
+  opacity: 0.75;
+  :hover {
+    opacity: 1;
+  }
+
+  &.active {
+    color: #000;
+    font-weight: 600;
+    opacity: 1;
+    background-color: #ebebeb;
+  }
+`;
+const CountryFlag = styled('img') `
+  height: 12px;
+  width: 16px;
+  margin-right: 15px;
+`;
+const CheckboxGroupContainer = styled('div') `
+  & > div {
+    position: relative;
+    padding-left: 80px;
+    + div {
+      margin-top: 1em;
+    }
+    & > span {
+      position: absolute;
+      top: 0;
+      left: 0;
+      color: #000;
+      & ~ label {
+        margin-top: 0.6rem;
+        color: #000;
+      }
+      & + label {
+        margin-top: 0;
+      }
+    }
+  }
+  input ~ span {
+    border: 1px solid ${theme.colors.blue};
+  }
+  label input:checked ~ span {
+    background-color: ${theme.colors.blue};
+  }
+`;
+const StyledTitle = styled(Title) `
+  color: #000;
+  text-align: center;
+  font-weight: 600;
+  border-bottom: 1px solid #e8e8e8;
+  padding: 2px 0 16px;
+  margin-bottom: 4px;
+  font-size: 14px;
+  ${theme.below.lg} {
+    && {
+      padding-bottom: 0.5rem;
+    }
+  }
+`;
+const actions = css `
+  display: flex;
+  && button {
+    width: 100%;
+    margin: 0;
+    max-width: 100%;
+    &.commit-button {
+      background: ${theme.colors.blue};
+      color: white;
+    }
+  }
+`;
+const Selector = ({ type = MiniSelector, channels, selectedChannel, hideTarget, updateChannel }) => {
+    const [countries] = useState(flattenCountries(channels));
+    const Comp = type;
+    return (React.createElement(ChannelSelector, { channels: channels, initialChannel: selectedChannel, render: ({ currencyItems, languageItems, selectedChannel, onSelect, hasChanged, onCurrencySelect, onLanguageSelect }) => (React.createElement(Comp, { style: type === MiniSelector ? { width: '16rem' } : null },
+            React.createElement(SelectorBody, null,
+                React.createElement(StyledTitle, null, t('Select your country')),
+                countries.map(({ name, code, channel }) => (React.createElement(Country, { key: channel.id + name, className: channel.id === selectedChannel.id &&
+                        name === selectedChannel.country.name
+                        ? 'active'
+                        : null, onClick: () => onSelect(channel.id, null, null, code) },
+                    React.createElement(CountryFlag, { src: `https://countryflags.jetshop.io/${code}/flat/32.png`, alt: "Country Flag", width: "16", height: "12" }),
+                    name,
+                    " (",
+                    channel.name,
+                    ")")))),
+            React.createElement(LangCurrWrapper, null,
+                React.createElement(CheckboxGroupContainer, null,
+                    React.createElement(CheckboxGroup, { selectedItem: selectedChannel.language.name, items: languageItems, handleChange: onLanguageSelect, "data-testid": "language-checkbox-group", groupLabel: t('Language') }),
+                    React.createElement(CheckboxGroup, { selectedItem: selectedChannel.currency.name, items: currencyItems, handleChange: onCurrencySelect, groupLabel: t('Currency') }))),
+            React.createElement("div", { className: actions },
+                React.createElement(CancelButton, { text: t('Close'), onClick: () => hideTarget() }),
+                hasChanged && (React.createElement(CommitButton, { className: "commit-button", onClick: () => {
+                        updateChannel(selectedChannel);
+                        hideTarget();
+                    }, text: t('Update') }))))) }));
+};
+export default Selector;
+//# sourceMappingURL=Selector.js.map

package/dist/src/components/Layout/Header/ChannelSelector/Selector.js.map

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

package/dist/src/components/Layout/Header/ChannelSelector/flattenCountries.js

@@ -0,0 +1,15 @@
+// Flatten countries to an array ordered by name for display purposes.
+// When a country is selected, look up the channel ID and pass the result to
+// ChannelSelector's onSelect method.
+const flattenCountries = channels => {
+    return channels.reduce((chans, chan) => {
+        // Add channel ID to each country object
+        const channelCountries = chan.countries.map(c => {
+            return Object.assign(Object.assign({}, c), { channel: chan, currencies: chan.currencies, languages: chan.languages });
+        });
+        // Return all countries sorted by name
+        return [...chans, ...channelCountries].sort((a, b) => a.name.localeCompare(b.name));
+    }, []);
+};
+export default flattenCountries;
+//# sourceMappingURL=flattenCountries.js.map

package/dist/src/components/Layout/Header/ChannelSelector/flattenCountries.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flattenCountries.js","sourceRoot":"","sources":["../../../../../../src/components/Layout/Header/ChannelSelector/flattenCountries.js"],"names":[],"mappings":"AAAA,sEAAsE;AACtE,4EAA4E;AAC5E,qCAAqC;AACrC,MAAM,gBAAgB,GAAG,QAAQ,CAAC,EAAE;IAClC,OAAO,QAAQ,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE;QACrC,wCAAwC;QACxC,MAAM,gBAAgB,GAAG,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE;YAC9C,uCACK,CAAC,KACJ,OAAO,EAAE,IAAI,EACb,UAAU,EAAE,IAAI,CAAC,UAAU,EAC3B,SAAS,EAAE,IAAI,CAAC,SAAS,IACzB;QACJ,CAAC,CAAC,CAAC;QAEH,sCAAsC;QACtC,OAAO,CAAC,GAAG,KAAK,EAAE,GAAG,gBAAgB,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CACnD,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,CAC7B,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;AACT,CAAC,CAAC;AACF,eAAe,gBAAgB,CAAC"}

package/dist/src/components/Layout/Header/Header.js

@@ -0,0 +1,189 @@
+import { useQuery } from '@apollo/client';
+import useAuth from '@jetshop/core/components/AuthContext/useAuth';
+import { useShopConfig } from '@jetshop/core/hooks/useShopConfig';
+import t from '@jetshop/intl';
+import { Above } from '@jetshop/ui/Breakpoints';
+import { DrawerTrigger } from '@jetshop/ui/Modal/Drawer/DrawerTrigger';
+import { styled } from 'linaria/react';
+import React from 'react';
+import { Link } from 'react-router-dom';
+import { ReactComponent as Menu } from '../../../svg/Menu.svg';
+import { ReactComponent as Person } from '../../../svg/Person.svg';
+import CartButton from '../../Cart/CartButton';
+import CartFlyout from '../../Cart/CartFlyout';
+import { FavouriteCount } from '../../ProductList/FavouriteCount';
+import { theme } from '../../Theme';
+import MaxWidth from '../MaxWidth';
+import { CategoryMenu } from './CategoryMenu/CategoryMenu';
+import ChannelSelector from './ChannelSelector/ChannelSelector';
+import homeCategoriesQuery from './HomeCategoriesQuery.gql';
+import { LogoSearchBar } from './LogoSearchBar';
+import MobileMenu from './MobileMenu';
+import ChannelBanner from './RecommendedChannel/ChannelBanner';
+import SearchButton from './SearchButton';
+import TopNav from './TopNav';
+import { Notifications } from '../Notifications';
+const MyPagesLink = styled(Link) `
+  display: flex;
+  align-items: center;
+  svg {
+    margin: 4px;
+    margin-bottom: 0;
+    height: 18px;
+  }
+`;
+const StyledLink = styled(Link) `
+  text-decoration: none;
+
+  :hover {
+    text-decoration: none;
+  }
+`;
+const Container = styled('header') `
+  background-color: white;
+  position: relative;
+  a {
+    text-decoration: none;
+
+    &:hover {
+      text-decoration: underline;
+      color: #000;
+    }
+  }
+  ${theme.below.md} {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 64px;
+  }
+
+  .header-button {
+    text-decoration: none;
+    color: #666;
+
+    &:hover {
+      text-decoration: underline;
+      color: #000;
+    }
+  }
+  .header-button {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin: 0;
+    flex-direction: column;
+    cursor: pointer;
+    &:hover {
+      svg {
+        use {
+          fill: black;
+        }
+      }
+    }
+    svg {
+      width: 18px;
+      height: 20px;
+      margin: 0px;
+      use {
+        fill: #878787;
+      }
+    }
+    span {
+      font-size: 0.75rem;
+    }
+    .badge-svg-wrapper {
+      height: 20px;
+      position: relative;
+      .badge {
+        position: absolute;
+        top: -5px;
+        right: -5px;
+        color: white;
+        font-size: 0.5rem;
+      }
+    }
+  }
+`;
+const HeaderContainer = styled('div') `
+  height: 54px;
+  position: relative;
+  z-index: 99;
+  width: 100%;
+  display: flex;
+  align-items: center;
+`;
+const HeaderItemsContainer = styled('div') `
+  display: flex;
+  width: 100%;
+  height: 100%;
+  position: relative;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+`;
+export const MenuButton = styled('button') `
+  display: flex;
+  flex-direction: column;
+  font-size: 12px;
+  background: transparent;
+  align-items: center;
+  svg {
+    height: 18px;
+    width: 18px;
+  }
+  :focus,
+  :active,
+  :hover {
+    outline: none;
+    opacity: 0.8;
+  }
+  label {
+    margin-top: 3px;
+  }
+`;
+export const IconContainer = styled('span') `
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 20px;
+  margin: 0;
+`;
+function TopHeader() {
+    const [searchOpen, setSearchOpen] = React.useState(false);
+    const { loggedIn } = useAuth();
+    const { routes } = useShopConfig();
+    return (React.createElement(HeaderContainer, null,
+        React.createElement(MaxWidth, null,
+            React.createElement(HeaderItemsContainer, null,
+                React.createElement(Above, { breakpoint: "md" }, matches => matches ? (React.createElement(TopNav, { left: true },
+                    React.createElement(ChannelSelector, null),
+                    React.createElement(StyledLink, { to: routes.stores.path, className: "header-button" }, t('Find Store')))) : (React.createElement(TopNav, { searchOpen: searchOpen, left: true },
+                    React.createElement(DrawerTrigger, { preventOverflow: true, id: "menu-drawer" }, drawer => (React.createElement(MenuButton, { onClick: drawer.isOpen ? drawer.hideTarget : drawer.showTarget },
+                        React.createElement("div", { className: "header-button" },
+                            React.createElement(Menu, null)),
+                        React.createElement("label", null, t('Menu')))))))),
+                React.createElement(LogoSearchBar, { searchOpen: searchOpen, setSearchOpen: setSearchOpen }),
+                React.createElement(Above, { breakpoint: "md" }, matches => (React.createElement(TopNav, { searchOpen: searchOpen, right: true },
+                    !searchOpen && (React.createElement(SearchButton, { className: "header-button", setSearchOpen: setSearchOpen, key: "searchButtonPosed" })),
+                    matches && (React.createElement(MyPagesLink, { className: "header-button", to: routes.myPages.path },
+                        React.createElement(Person, null),
+                        React.createElement("span", null, loggedIn ? t('My Pages') : t('Log in')))),
+                    React.createElement(FavouriteCount, { className: "header-button" }),
+                    React.createElement(CartButton, { className: "header-button" })))),
+                React.createElement(CartFlyout, null)))));
+}
+export default function Header() {
+    const result = useQuery(homeCategoriesQuery, {
+        variables: {
+            levels: 1
+        }
+    });
+    return (React.createElement(React.Fragment, null,
+        React.createElement(ChannelBanner, null),
+        React.createElement(Container, null,
+            React.createElement(TopHeader, { categories: result }),
+            React.createElement(Above, { breakpoint: "md" }, matches => matches ? (React.createElement(React.Fragment, null,
+                React.createElement(CategoryMenu, { data: result.data }))) : (React.createElement(MobileMenu, { data: result.data }))),
+            React.createElement(Notifications, null))));
+}
+//# sourceMappingURL=Header.js.map

package/dist/src/components/Layout/Header/Header.js.map

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

package/dist/src/components/Layout/Header/Logo.js

@@ -0,0 +1,40 @@
+import React from 'react';
+import { Link } from 'react-router-dom';
+import { Below } from '@jetshop/ui/Breakpoints';
+import { styled } from 'linaria/react';
+import { ReactComponent as NorceLogo } from './NorceLogo.svg';
+import { theme } from '../../Theme';
+const StoreName = styled('h2') `
+  font-size: 30px;
+  font-weight: bold;
+  line-height: normal;
+  text-align: center;
+  text-decoration: none;
+  color: inherit;
+  a {
+    display: flex;
+    align-items: center;
+    flex-direction: column;
+    text-decoration: none;
+    color: inherit;
+    svg {
+      width: 100px;
+      ${theme.below.md} {
+        width: 85px;
+      }
+    }
+    span {
+      font-size: 12px;
+      text-transform: uppercase;
+    }
+  }
+`;
+const Logo = ({ searchOpen }) => (React.createElement(Below, { breakpoint: "md" }, matches => matches ? (React.createElement(React.Fragment, null, !searchOpen && (React.createElement(StoreName, null,
+    React.createElement(Link, { to: "/" },
+        React.createElement(NorceLogo, null),
+        React.createElement("span", null, "Storefront")))))) : (React.createElement(StoreName, null,
+    React.createElement(Link, { to: "/" },
+        React.createElement(NorceLogo, null),
+        React.createElement("span", null, "Storefront"))))));
+export { Logo };
+//# sourceMappingURL=Logo.js.map

package/dist/src/components/Layout/Header/Logo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Logo.js","sourceRoot":"","sources":["../../../../../src/components/Layout/Header/Logo.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,EAAE,cAAc,IAAI,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC9D,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAEpC,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;;;;;;;;;;;;;;;QAetB,KAAK,CAAC,KAAK,CAAC,EAAE;;;;;;;;;CASrB,CAAC;AAEF,MAAM,IAAI,GAAG,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,CAC/B,oBAAC,KAAK,IAAC,UAAU,EAAC,IAAI,IACnB,OAAO,CAAC,EAAE,CACT,OAAO,CAAC,CAAC,CAAC,CACR,0CACG,CAAC,UAAU,IAAI,CACd,oBAAC,SAAS;IACR,oBAAC,IAAI,IAAC,EAAE,EAAC,GAAG;QACV,oBAAC,SAAS,OAAG;QACb,+CAAuB,CAClB,CACG,CACb,CACA,CACJ,CAAC,CAAC,CAAC,CACF,oBAAC,SAAS;IACR,oBAAC,IAAI,IAAC,EAAE,EAAC,GAAG;QACV,oBAAC,SAAS,OAAG;QACb,+CAAuB,CAClB,CACG,CACb,CAEG,CACT,CAAC;AAEF,OAAO,EAAE,IAAI,EAAE,CAAC"}

package/dist/src/components/Layout/Header/LogoSearchBar.js

@@ -0,0 +1,15 @@
+import React from 'react';
+import { SearchBar } from './SearchBar';
+import { Logo } from './Logo';
+import { styled } from 'linaria/react';
+const LogoSearchBarWrapper = styled('div') `
+  width: 100%;
+  max-width: 30rem;
+  display: flex;
+  justify-content: center;
+`;
+function LogoSearchBar({ searchOpen, setSearchOpen }) {
+    return (React.createElement(LogoSearchBarWrapper, null, searchOpen ? (React.createElement(SearchBar, { searchOpen: searchOpen, setSearchOpen: setSearchOpen })) : (React.createElement(Logo, { searchOpen: searchOpen }))));
+}
+export { LogoSearchBar };
+//# sourceMappingURL=LogoSearchBar.js.map

package/dist/src/components/Layout/Header/LogoSearchBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LogoSearchBar.js","sourceRoot":"","sources":["../../../../../src/components/Layout/Header/LogoSearchBar.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAEvC,MAAM,oBAAoB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;;;;;CAKzC,CAAC;AACF,SAAS,aAAa,CAAC,EAAE,UAAU,EAAE,aAAa,EAAE;IAClD,OAAO,CACL,oBAAC,oBAAoB,QAClB,UAAU,CAAC,CAAC,CAAC,CACZ,oBAAC,SAAS,IAAC,UAAU,EAAE,UAAU,EAAE,aAAa,EAAE,aAAa,GAAI,CACpE,CAAC,CAAC,CAAC,CACF,oBAAC,IAAI,IAAC,UAAU,EAAE,UAAU,GAAI,CACjC,CACoB,CACxB,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/src/components/Layout/Header/MobileMenu.js

@@ -0,0 +1,76 @@
+import React from 'react';
+import { styled } from 'linaria/react';
+import MobileCategories from './Categories/MobileCategories';
+import t from '@jetshop/intl';
+import Drawer, { DrawerTarget } from '@jetshop/ui/Modal/Drawer';
+import CloseButton from '../../ui/CloseButton';
+import { Link } from 'react-router-dom';
+import useAuth from '@jetshop/core/components/AuthContext/useAuth';
+import { useShopConfig } from '@jetshop/core/hooks/useShopConfig';
+import ChannelSelectorModal from './ChannelSelector/ChannelSelectorModal';
+const StyledCloseButton = styled(CloseButton) `
+  margin-left: 0;
+  margin-right: auto;
+`;
+const Title = styled('h1') `
+  text-align: center;
+  position: absolute;
+  font-size: 16px;
+`;
+const NavBarHeader = styled('div') `
+  position: relative;
+  background-color: #f7f7f7;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex: 0 0 auto;
+  height: 45px;
+`;
+const Scroll = styled('div') `
+  overflow-y: auto;
+  overflow-x: hidden;
+  -webkit-overflow-scrolling: touch;
+  flex: 1 1 auto;
+`;
+const SecondaryMenu = styled.ul `
+  margin: 0;
+  padding: 0;
+  display: flex;
+  flex: 1 0 auto;
+  flex-direction: column;
+  flex: 0 0 auto;
+`;
+const SecondaryMenuItem = styled.li `
+  list-style: none;
+  display: block;
+  padding: 1em 1em 0.9375em;
+  a,
+  a:active {
+    text-decoration: none;
+    color: #666;
+  }
+  button {
+    background: none;
+    color: #666;
+  }
+`;
+export default function MobileMenu({ data }) {
+    const { loggedIn } = useAuth();
+    const { routes } = useShopConfig();
+    if (!(data && data.categories))
+        return null;
+    return (React.createElement(DrawerTarget, { id: "menu-drawer" }, drawer => (React.createElement(Drawer, { isOpen: drawer.isOpen },
+        React.createElement(NavBarHeader, null,
+            React.createElement(StyledCloseButton, { onClick: drawer.hideTarget }),
+            React.createElement(Title, null, t('Menu'))),
+        React.createElement(Scroll, null,
+            React.createElement(MobileCategories, { categories: data.categories, closeMenu: drawer.hideTarget }),
+            React.createElement(SecondaryMenu, null,
+                React.createElement(SecondaryMenuItem, null,
+                    React.createElement(Link, { onClick: drawer.hideTarget, to: routes.myPages.path }, loggedIn ? t('My Pages') : t('Log in'))),
+                React.createElement(SecondaryMenuItem, null,
+                    React.createElement(Link, { to: routes.stores.path, onClick: drawer.hideTarget }, t('Find Store'))),
+                React.createElement(SecondaryMenuItem, null,
+                    React.createElement(ChannelSelectorModal, { hideMobileMenu: drawer.hideTarget }))))))));
+}
+//# sourceMappingURL=MobileMenu.js.map

package/dist/src/components/Layout/Header/MobileMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MobileMenu.js","sourceRoot":"","sources":["../../../../../src/components/Layout/Header/MobileMenu.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,gBAAgB,MAAM,+BAA+B,CAAC;AAC7D,OAAO,CAAC,MAAM,eAAe,CAAC;AAC9B,OAAO,MAAM,EAAE,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,WAAW,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,OAAO,MAAM,8CAA8C,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,oBAAoB,MAAM,wCAAwC,CAAC;AAE1E,MAAM,iBAAiB,GAAG,MAAM,CAAC,WAAW,CAAC,CAAA;;;CAG5C,CAAC;AAEF,MAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;;;;CAIzB,CAAC;AAEF,MAAM,YAAY,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;;;;;;;;CAQjC,CAAC;AAEF,MAAM,MAAM,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;;;;;CAK3B,CAAC;AAEF,MAAM,aAAa,GAAG,MAAM,CAAC,EAAE,CAAA;;;;;;;CAO9B,CAAC;AAEF,MAAM,iBAAiB,GAAG,MAAM,CAAC,EAAE,CAAA;;;;;;;;;;;;;CAalC,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAAE,IAAI,EAAE;IACzC,MAAM,EAAE,QAAQ,EAAE,GAAG,OAAO,EAAE,CAAC;IAC/B,MAAM,EAAE,MAAM,EAAE,GAAG,aAAa,EAAE,CAAC;IACnC,IAAI,CAAC,CAAC,IAAI,IAAI,IAAI,CAAC,UAAU,CAAC;QAAE,OAAO,IAAI,CAAC;IAC5C,OAAO,CACL,oBAAC,YAAY,IAAC,EAAE,EAAC,aAAa,IAC3B,MAAM,CAAC,EAAE,CAAC,CACT,oBAAC,MAAM,IAAC,MAAM,EAAE,MAAM,CAAC,MAAM;QAC3B,oBAAC,YAAY;YACX,oBAAC,iBAAiB,IAAC,OAAO,EAAE,MAAM,CAAC,UAAU,GAAI;YACjD,oBAAC,KAAK,QAAE,CAAC,CAAC,MAAM,CAAC,CAAS,CACb;QACf,oBAAC,MAAM;YACL,oBAAC,gBAAgB,IACf,UAAU,EAAE,IAAI,CAAC,UAAU,EAC3B,SAAS,EAAE,MAAM,CAAC,UAAU,GAC5B;YACF,oBAAC,aAAa;gBACZ,oBAAC,iBAAiB;oBAChB,oBAAC,IAAI,IAAC,OAAO,EAAE,MAAM,CAAC,UAAU,EAAE,EAAE,EAAE,MAAM,CAAC,OAAO,CAAC,IAAI,IACtD,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAClC,CACW;gBACpB,oBAAC,iBAAiB;oBAChB,oBAAC,IAAI,IAAC,EAAE,EAAE,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,OAAO,EAAE,MAAM,CAAC,UAAU,IACrD,CAAC,CAAC,YAAY,CAAC,CACX,CACW;gBACpB,oBAAC,iBAAiB;oBAChB,oBAAC,oBAAoB,IAAC,cAAc,EAAE,MAAM,CAAC,UAAU,GAAI,CACzC,CACN,CACT,CACF,CACV,CACY,CAChB,CAAC;AACJ,CAAC"}