@jetshop/template-trend 6.1.3 → 6.1.5

package/dist/src/components/MyPages/ProfileDeliveryAddresses.js

@@ -0,0 +1,93 @@
+import React, { useRef, useState, useMemo } from 'react';
+import { useCustomerQuery } from '@jetshop/core/components/Auth/useCustomer';
+import customerProfileQuery from './customerProfileQuery.gql';
+import t from '@jetshop/intl';
+import { BlockTitle, ButtonContainer, PrimaryButton, WhiteButton } from './ProfilePage';
+import { styled } from 'linaria/react';
+import { CustomerUpdateFormProvider } from '@jetshop/core/components/Auth/CustomerUpdateForm';
+import { smallSection } from '../Auth/UI/Form';
+import InputWithLabel, { Label, Wrapper } from '../Forms/Input';
+import { CountriesInput } from '@jetshop/ui/Auth/FormFields/CountriesInput';
+import { GlobalError } from '../Forms/GlobalError';
+const Container = styled('div') `
+  display: flex;
+  flex-wrap: wrap;
+  margin-top: 1.5rem;
+  margin-bottom: 1.5rem;
+  margin-left: -0.75rem;
+  margin-right: -0.75rem;
+`;
+const DeliveryAddressEdit = ({ setEditing, addressId }) => (React.createElement(CustomerUpdateFormProvider, { deliveryAddressId: addressId, customerProfileQuery: customerProfileQuery, onSubmitSuccess: () => setEditing(false), render: ({ values, isSubmitting, deliveryAddressFields, setCountryCode, isValid, status, countries }) => {
+        const deliveryAddressIndex = values.deliveryAddresses.findIndex(a => a.id === addressId);
+        const key = `deliveryAddresses[${deliveryAddressIndex}]`;
+        return (React.createElement("section", { className: smallSection },
+            React.createElement(Wrapper, null,
+                React.createElement(Label, { disabled: isSubmitting, htmlFor: `${key}.countryCode` },
+                    React.createElement("span", null, t('Country'))),
+                React.createElement(CountriesInput, { name: `${key}.countryCode`, label: t(`${key}.countryCode`), disabled: isSubmitting, countries: countries, onChange: e => {
+                        setCountryCode(e.target.value);
+                    } })),
+            deliveryAddressFields.map(({ inputProps }) => {
+                return React.createElement(InputWithLabel, Object.assign({}, inputProps, { disabled: isSubmitting }));
+            }),
+            status && status.globalError && (React.createElement(GlobalError, { style: { marginBottom: '2em' } }, status.globalError)),
+            React.createElement(ButtonContainer, null,
+                React.createElement(WhiteButton, { onClick: () => setEditing(false), secondary: true }, t('Cancel')),
+                React.createElement(PrimaryButton, { type: "submit", disabled: isSubmitting || !isValid }, t('Save')))));
+    } }));
+const DeliveryAddressView = ({ address, setEditing }) => {
+    const firstName = address.find(a => a.name === 'firstName').value;
+    const lastName = address.find(a => a.name === 'lastName').value;
+    const fields = useMemo(() => address.filter(({ id }) => {
+        // Skip displaying the following fields when iterating through delivery address fields
+        const blacklist = ['firstName', 'lastName'];
+        if (blacklist.indexOf(id) !== -1) {
+            return false;
+        }
+        return true;
+    }), [address]);
+    return (React.createElement(React.Fragment, null,
+        React.createElement("dl", { className: 'profile-form' },
+            React.createElement("dt", null, t('Name')),
+            React.createElement("dd", null,
+                firstName,
+                " ",
+                lastName),
+            fields.map(({ label, id, value }) => (React.createElement(React.Fragment, { key: id },
+                React.createElement("dt", null, label),
+                React.createElement("dd", null, value || t('n/a')))))),
+        React.createElement(ButtonContainer, null,
+            React.createElement(WhiteButton, { onClick: () => setEditing(true), secondary: true }, t('Update information')))));
+};
+const DeliveryAddressBlock = ({ addressId }) => {
+    const { deliveryAddress } = useCustomerQuery({
+        query: customerProfileQuery,
+        deliveryAddressId: addressId
+    });
+    const [isEditing, setEditingState] = useState(false);
+    const deliveryAddressBlockRef = useRef(null);
+    function setEditing(nextState) {
+        setEditingState(nextState);
+        const $el = deliveryAddressBlockRef.current;
+        if ($el && $el.scrollIntoView) {
+            $el.scrollIntoView({
+                behavior: 'smooth'
+            });
+        }
+    }
+    return (React.createElement("div", { className: "block half-block", ref: deliveryAddressBlockRef }, isEditing ? (React.createElement(React.Fragment, null,
+        React.createElement(BlockTitle, null, t('Delivery Address')),
+        React.createElement(DeliveryAddressEdit, { setEditing: setEditing, addressId: addressId }))) : (React.createElement(React.Fragment, null,
+        React.createElement(BlockTitle, null, t('Delivery Address')),
+        React.createElement(DeliveryAddressView, { setEditing: setEditing, address: deliveryAddress })))));
+};
+const ProfileDeliveryAddresses = () => {
+    const { customer } = useCustomerQuery({
+        query: customerProfileQuery
+    });
+    return customer &&
+        customer.deliveryAddresses &&
+        customer.deliveryAddresses.length > 0 ? (React.createElement(Container, null, customer.deliveryAddresses.map(({ id }, index) => (React.createElement(DeliveryAddressBlock, { addressId: id, key: index }))))) : null;
+};
+export default ProfileDeliveryAddresses;
+//# sourceMappingURL=ProfileDeliveryAddresses.js.map

package/dist/src/components/MyPages/ProfileDeliveryAddresses.js.map

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

package/dist/src/components/MyPages/ProfilePage.js

@@ -0,0 +1,109 @@
+import { CustomerUpdateFormProvider } from '@jetshop/core/components/Auth/CustomerUpdateForm';
+import { useCustomerQuery } from '@jetshop/core/components/Auth/useCustomer';
+import Head from '@jetshop/core/components/Head';
+import useLogError from '@jetshop/core/hooks/useLogError';
+import t, { Intl } from '@jetshop/intl';
+import { CountriesInput } from '@jetshop/ui/Auth/FormFields/CountriesInput';
+import React, { useRef, useState } from 'react';
+import { styled } from 'linaria/react';
+import { GlobalError } from '../Forms/GlobalError';
+import InputWithLabel, { Label, Wrapper } from '../Forms/Input';
+import LoadingPage from '../LoadingPage';
+import { smallCaps } from '../ui/Headings';
+import customerProfileQuery from './customerProfileQuery.gql';
+import { DeleteAccount } from './DeleteAccount';
+import { Newsletter } from './Newsletter';
+import ProfileDeliveryAddresses from './ProfileDeliveryAddresses';
+import { ProfileView } from './ProfileView';
+import { theme } from '../Theme';
+import { smallSection } from '../Auth/UI/Form';
+export const BlockTitle = styled('h3') `
+  margin-bottom: 2rem;
+`;
+export const ButtonContainer = styled('div') `
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  ${theme.below.sm} {
+    flex-direction: column;
+  }
+`;
+export const PrimaryButton = styled('button') `
+  height: 42px;
+  padding: 0.5rem 1rem;
+  border: 1px solid #dedede;
+  ${theme.above.sm} {
+    max-width: 204px;
+  }
+  ${theme.below.sm} {
+    margin-bottom: 1rem;
+  }
+`;
+export const WhiteButton = styled(PrimaryButton) `
+  margin-right: 2rem;
+  background-color: #f7f7f7;
+`;
+const ProfileEdit = ({ setEditing }) => {
+    return (React.createElement(React.Fragment, null,
+        React.createElement(CustomerUpdateFormProvider, { customerProfileQuery: customerProfileQuery, onSubmitSuccess: () => setEditing(false), render: ({ values, isSubmitting, billingAddressFields, handleChange, setCountryCode, isValid, status, countries, pidField }) => {
+                return (React.createElement("section", { className: smallSection },
+                    React.createElement(Wrapper, null,
+                        React.createElement(Label, { disabled: isSubmitting, htmlFor: 'billingAddress.countryCode' },
+                            React.createElement("span", null, t('Country'))),
+                        React.createElement(CountriesInput, { name: "billingAddress.countryCode", disabled: isSubmitting, countries: countries, onChange: e => {
+                                setCountryCode(e.target.value);
+                            } })),
+                    pidField && (React.createElement(InputWithLabel, { type: pidField.type, name: pidField.name, label: pidField.label, required: pidField.required })),
+                    billingAddressFields.map(({ inputProps }) => {
+                        return (React.createElement(InputWithLabel, Object.assign({}, inputProps, { disabled: isSubmitting })));
+                    }),
+                    status && status.globalError && (React.createElement(GlobalError, { style: { marginBottom: '2em' } }, status.globalError)),
+                    React.createElement(ButtonContainer, null,
+                        React.createElement(WhiteButton, { onClick: () => setEditing(false), secondary: true }, t('Cancel')),
+                        React.createElement(PrimaryButton, { type: "submit", disabled: isSubmitting || !isValid }, t('Save')))));
+            } })));
+};
+const InlineApolloErrorHandler = ({ refetch, error }) => {
+    useLogError(true, error, 'InlineErrorHandler');
+    return (React.createElement("div", null,
+        React.createElement("p", null, "Something went wrong."),
+        React.createElement("br", null),
+        React.createElement("p", null,
+            React.createElement(PrimaryButton, { onClick: () => refetch() }, "Try again"))));
+};
+const Profile = props => {
+    const [isEditing, setEditingState] = useState(false);
+    const profileBlockRef = useRef(null);
+    function setEditing(nextState) {
+        setEditingState(nextState);
+        const $el = profileBlockRef.current;
+        if ($el && $el.scrollIntoView) {
+            $el.scrollIntoView({
+                behavior: 'smooth'
+            });
+        }
+    }
+    return (React.createElement("div", { className: "block", id: "profile", ref: profileBlockRef },
+        React.createElement(BlockTitle, { className: smallCaps }, t('My profile')),
+        isEditing ? (React.createElement(ProfileEdit, { setEditing: setEditing })) : (React.createElement(ProfileView, { setEditing: setEditing }))));
+};
+function ProfilePage() {
+    const { loading, error, refetch } = useCustomerQuery({
+        query: customerProfileQuery
+    });
+    if (loading) {
+        return React.createElement(LoadingPage, null);
+    }
+    if (error) {
+        return React.createElement(InlineApolloErrorHandler, Object.assign({}, { error, refetch }));
+    }
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Intl, null, t => React.createElement(Head, { data: { title: t('My Profile') } })),
+        React.createElement("div", { className: "main-wrapper" },
+            React.createElement(Profile, null),
+            React.createElement(ProfileDeliveryAddresses, null),
+            React.createElement(Newsletter, null),
+            React.createElement(DeleteAccount, null))));
+}
+export default ProfilePage;
+//# sourceMappingURL=ProfilePage.js.map

package/dist/src/components/MyPages/ProfilePage.js.map

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

package/dist/src/components/MyPages/ProfileView.js

@@ -0,0 +1,42 @@
+import React, { useMemo } from 'react';
+import t from '@jetshop/intl';
+import { useCustomerQuery } from '@jetshop/core/components/Auth/useCustomer';
+import { ButtonContainer, WhiteButton } from './ProfilePage';
+import customerProfileQuery from './customerProfileQuery.gql';
+export const ProfileView = ({ setEditing }) => {
+    const { customer, billingAddress } = useCustomerQuery({
+        query: customerProfileQuery
+    });
+    const firstName = customer && customer.billingAddress && customer.billingAddress.firstName;
+    const lastName = customer && customer.billingAddress && customer.billingAddress.lastName;
+    const profileFields = useMemo(() => billingAddress.filter(({ name, value }) => {
+        // Skip displaying the following fields when iterating through all billing address fields
+        const blacklist = [
+            'firstName',
+            'lastName',
+            'email',
+            'emailAddress',
+            'country',
+            'countryCode'
+        ];
+        if (blacklist.indexOf(name) !== -1) {
+            return false;
+        }
+        return true;
+    }), [billingAddress]);
+    return (React.createElement(React.Fragment, null,
+        React.createElement("dl", { className: 'profile-form' },
+            React.createElement("dt", null, t('Name')),
+            React.createElement("dd", null,
+                firstName,
+                " ",
+                lastName),
+            React.createElement("dt", null, t('Email address')),
+            React.createElement("dd", null, customer && customer.email),
+            profileFields.map(({ id, value, label }) => (React.createElement(React.Fragment, { key: id },
+                React.createElement("dt", null, label),
+                React.createElement("dd", null, value || t('n/a')))))),
+        React.createElement(ButtonContainer, null,
+            React.createElement(WhiteButton, { onClick: () => setEditing(true), secondary: true }, t('Update information')))));
+};
+//# sourceMappingURL=ProfileView.js.map

package/dist/src/components/MyPages/ProfileView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProfileView.js","sourceRoot":"","sources":["../../../../src/components/MyPages/ProfileView.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,CAAC,MAAM,eAAe,CAAC;AAC9B,OAAO,EAAE,gBAAgB,EAAE,MAAM,2CAA2C,CAAC;AAC7E,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC7D,OAAO,oBAAoB,MAAM,4BAA4B,CAAC;AAE9D,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE;IAC5C,MAAM,EAAE,QAAQ,EAAE,cAAc,EAAE,GAAG,gBAAgB,CAAC;QACpD,KAAK,EAAE,oBAAoB;KAC5B,CAAC,CAAC;IAEH,MAAM,SAAS,GACb,QAAQ,IAAI,QAAQ,CAAC,cAAc,IAAI,QAAQ,CAAC,cAAc,CAAC,SAAS,CAAC;IAC3E,MAAM,QAAQ,GACZ,QAAQ,IAAI,QAAQ,CAAC,cAAc,IAAI,QAAQ,CAAC,cAAc,CAAC,QAAQ,CAAC;IAE1E,MAAM,aAAa,GAAG,OAAO,CAC3B,GAAG,EAAE,CACH,cAAc,CAAC,MAAM,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE;QACxC,yFAAyF;QACzF,MAAM,SAAS,GAAG;YAChB,WAAW;YACX,UAAU;YACV,OAAO;YACP,cAAc;YACd,SAAS;YACT,aAAa;SACd,CAAC;QACF,IAAI,SAAS,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE;YAClC,OAAO,KAAK,CAAC;SACd;QACD,OAAO,IAAI,CAAC;IACd,CAAC,CAAC,EACJ,CAAC,cAAc,CAAC,CACjB,CAAC;IAEF,OAAO,CACL;QACE,4BAAI,SAAS,EAAE,cAAc;YAC3B,gCAAK,CAAC,CAAC,MAAM,CAAC,CAAM;YACpB;gBACG,SAAS;;gBAAG,QAAQ,CAClB;YACL,gCAAK,CAAC,CAAC,eAAe,CAAC,CAAM;YAC7B,gCAAK,QAAQ,IAAI,QAAQ,CAAC,KAAK,CAAM;YACpC,aAAa,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAC3C,oBAAC,KAAK,CAAC,QAAQ,IAAC,GAAG,EAAE,EAAE;gBACrB,gCAAK,KAAK,CAAM;gBAChB,gCAAK,KAAK,IAAI,CAAC,CAAC,KAAK,CAAC,CAAM,CACb,CAClB,CAAC,CACC;QAEL,oBAAC,eAAe;YACd,oBAAC,WAAW,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,SAAS,UACpD,CAAC,CAAC,oBAAoB,CAAC,CACZ,CACE,CACjB,CACJ,CAAC;AACJ,CAAC,CAAC"}

package/dist/src/components/NavigationTree/NavTree.js

@@ -0,0 +1,53 @@
+import { Query } from '@apollo/client/react/components';
+import React, { Component } from 'react';
+import RecursiveTree from '@jetshop/ui/Menu/RecursiveTree';
+import { styled } from 'linaria/react';
+import { cx } from 'linaria';
+import NavTreeQuery from './NavTreeQuery.gql';
+const CategoryName = styled('span') `
+  padding: 0.25rem 0.5rem;
+  margin: 1px 0;
+  display: inline-block;
+  border-radius: 3px;
+  border: 1px solid lightgray;
+  cursor: pointer;
+  &.hasSubcategories {
+    &:before {
+      margin-right: 0.5rem;
+      font-weight: bold;
+    }
+
+    &.isActive {
+      &:before {
+        content: '-';
+      }
+    }
+  }
+
+  &.isActive {
+    &:before {
+      content: '+';
+    }
+  }
+`;
+const Categories = styled('div') `
+  margin: 1rem;
+`;
+export default class NavTree extends Component {
+    render() {
+        return (React.createElement(Categories, null,
+            React.createElement(Query, { variables: { levels: 1 }, query: NavTreeQuery }, ({ loading, data, error }) => {
+                if (loading)
+                    return 'loading…';
+                if (error)
+                    return 'error';
+                const { categories } = data;
+                return categories.map(cat => (React.createElement(RecursiveTree, { key: cat.id, category: cat }, ({ menuContainerProps, fetchMore, subcategories, renderSubnav, hasSubcategories, level, category }) => (React.createElement(React.Fragment, null,
+                    React.createElement("div", { onMouseOver: fetchMore, onClick: () => menuContainerProps.toggleActiveCategory(category) },
+                        React.createElement(CategoryName, { style: { marginLeft: level * 1 + 'rem' }, className: cx(hasSubcategories && 'hasSubcategories', menuContainerProps.isActiveCategory(category) &&
+                                'isActive') }, category.name)),
+                    renderSubnav)))));
+            })));
+    }
+}
+//# sourceMappingURL=NavTree.js.map

package/dist/src/components/NavigationTree/NavTree.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavTree.js","sourceRoot":"","sources":["../../../../src/components/NavigationTree/NavTree.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,iCAAiC,CAAC;AAExD,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,aAAa,MAAM,gCAAgC,CAAC;AAC3D,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,EAAE,EAAE,EAAE,MAAM,SAAS,CAAC;AAC7B,OAAO,YAAY,MAAM,oBAAoB,CAAC;AAE9C,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;CAyBlC,CAAC;AAEF,MAAM,UAAU,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;;CAE/B,CAAC;AAEF,MAAM,CAAC,OAAO,OAAO,OAAQ,SAAQ,SAAS;IAC5C,MAAM;QACJ,OAAO,CACL,oBAAC,UAAU;YACT,oBAAC,KAAK,IAAC,SAAS,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,EAAE,KAAK,EAAE,YAAY,IACjD,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE;gBAC5B,IAAI,OAAO;oBAAE,OAAO,UAAU,CAAC;gBAC/B,IAAI,KAAK;oBAAE,OAAO,OAAO,CAAC;gBAE1B,MAAM,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC;gBAE5B,OAAO,UAAU,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,CAC3B,oBAAC,aAAa,IAAC,GAAG,EAAE,GAAG,CAAC,EAAE,EAAE,QAAQ,EAAE,GAAG,IACtC,CAAC,EACA,kBAAkB,EAClB,SAAS,EACT,aAAa,EACb,YAAY,EACZ,gBAAgB,EAChB,KAAK,EACL,QAAQ,EACT,EAAE,EAAE,CAAC,CACJ;oBACE,6BACE,WAAW,EAAE,SAAS,EACtB,OAAO,EAAE,GAAG,EAAE,CACZ,kBAAkB,CAAC,oBAAoB,CAAC,QAAQ,CAAC;wBAGnD,oBAAC,YAAY,IACX,KAAK,EAAE,EAAE,UAAU,EAAE,KAAK,GAAG,CAAC,GAAG,KAAK,EAAE,EACxC,SAAS,EAAE,EAAE,CACX,gBAAgB,IAAI,kBAAkB,EACtC,kBAAkB,CAAC,gBAAgB,CAAC,QAAQ,CAAC;gCAC3C,UAAU,CACb,IAEA,QAAQ,CAAC,IAAI,CACD,CACX;oBACL,YAAY,CACZ,CACJ,CACa,CACjB,CAAC,CAAC;YACL,CAAC,CACK,CACG,CACd,CAAC;IACJ,CAAC;CACF"}

package/dist/src/components/NavigationTree/NavTreePage.js

@@ -0,0 +1,7 @@
+import React from 'react';
+import NavTree from './NavTree';
+export default function NavTreePage() {
+    return (React.createElement("div", null,
+        React.createElement(NavTree, null)));
+}
+//# sourceMappingURL=NavTreePage.js.map

package/dist/src/components/NavigationTree/NavTreePage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavTreePage.js","sourceRoot":"","sources":["../../../../src/components/NavigationTree/NavTreePage.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,OAAO,MAAM,WAAW,CAAC;AAEhC,MAAM,CAAC,OAAO,UAAU,WAAW;IACjC,OAAO,CACL;QACE,oBAAC,OAAO,OAAG,CACP,CACP,CAAC;AACJ,CAAC"}

package/dist/src/components/NavigationTree/NavTreePage.loadable.js

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

package/dist/src/components/NavigationTree/NavTreePage.loadable.js.map

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

package/dist/src/components/Newsletter/NewsletterField.js

@@ -0,0 +1,93 @@
+import { styled } from 'linaria/react';
+import React from 'react';
+import { useIntl } from '@jetshop/intl';
+import { useNewsletterSubscription } from '@jetshop/core/hooks/Subscriptions/useNewsletterSubscription';
+import { theme } from '../Theme';
+const FieldErrorWrapper = styled('div') `
+  ${theme.below.md} {
+    margin-top: 2rem;
+    margin-bottom: 2rem;
+  }
+`;
+const Wrapper = styled('div') `
+  position: relative;
+  width: 100%;
+  max-width: 31rem;
+  margin: 0 auto;
+  background: white;
+  height: 2.5rem;
+  justify-content: center;
+  align-items: center;
+  display: flex;
+  position: relative;
+  flex: 0 1 20rem;
+
+  ${theme.above.md} {
+    margin-bottom: 2rem;
+  }
+  form,
+  input {
+    height: 100%;
+    width: 100%;
+  }
+
+  input {
+    background: transparent;
+    display: flex;
+    justify-content: flex-start;
+    align-items: center;
+    padding-left: 1rem;
+    border: 1px solid #bfbdbd;
+    font-family: 'Source Sans Pro', sans-serif;
+    font-size: 16px;
+  }
+  label {
+    position: absolute;
+    font-size: 0.75rem;
+    left: calc(0.5rem + 1px);
+    top: -6px;
+    background: white;
+    padding: 0 0.5rem;
+    color: ${theme.colors.darkerGrey};
+  }
+  button {
+    color: ${theme.colors.black};
+    background: none;
+    border: 0;
+    outline: none;
+    position: absolute;
+    right: 1rem;
+    text-align: right;
+    top: 0;
+    height: 100%;
+    cursor: pointer;
+    &:disabled {
+      opacity: 0.5;
+    }
+  }
+`;
+const Error = styled('div') `
+  margin-bottom: 0.5rem;
+  color: #650e1b;
+`;
+function NewsletterField() {
+    const { inputProps, submit, submitting, submitted, failed, errorStates: { alreadySubscribed, invalidEmail } } = useNewsletterSubscription({
+        enabled: true
+    });
+    const t = useIntl();
+    const disabled = inputProps.value.length === 0 || submitting;
+    return (React.createElement(FieldErrorWrapper, null,
+        React.createElement("label", { htmlFor: "newsletter" },
+            React.createElement("h2", null, t('Join the newsletter'))),
+        React.createElement(Error, null,
+            alreadySubscribed &&
+                t('You have already subscribed to the newsletter!'),
+            invalidEmail || failed
+                ? t('Something went wrong. Please check your email and try again.')
+                : null),
+        React.createElement(Wrapper, null, submitted ? (React.createElement("p", { "data-testid": "newsletter-subscription-success" }, t('You are now subscribed'))) : (React.createElement("form", { onSubmit: submit, disabled: disabled },
+            React.createElement("input", Object.assign({ type: "email", id: "newsletter", placeholder: t('Enter email address'), style: { paddingRight: submitting ? '8rem' : '4rem' }, "data-testid": "newsletter-subscription-input" }, inputProps)),
+            React.createElement("button", { type: "submit", disabled: disabled, "data-testid": "newsletter-subscription-submit" }, submitting ? t('Submitting…') : t('Submit')))))));
+}
+export default NewsletterField;
+//# sourceMappingURL=NewsletterField.js.map

package/dist/src/components/Newsletter/NewsletterField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NewsletterField.js","sourceRoot":"","sources":["../../../../src/components/Newsletter/NewsletterField.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,yBAAyB,EAAE,MAAM,6DAA6D,CAAC;AACxG,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC,MAAM,iBAAiB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;IACnC,KAAK,CAAC,KAAK,CAAC,EAAE;;;;CAIjB,CAAC;AAEF,MAAM,OAAO,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;;;;;;;;;;;;;IAazB,KAAK,CAAC,KAAK,CAAC,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;aA0BL,KAAK,CAAC,MAAM,CAAC,UAAU;;;aAGvB,KAAK,CAAC,MAAM,CAAC,KAAK;;;;;;;;;;;;;;CAc9B,CAAC;AAEF,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;;;CAG1B,CAAC;AAEF,SAAS,eAAe;IACtB,MAAM,EACJ,UAAU,EACV,MAAM,EACN,UAAU,EACV,SAAS,EACT,MAAM,EACN,WAAW,EAAE,EAAE,iBAAiB,EAAE,YAAY,EAAE,EACjD,GAAG,yBAAyB,CAAC;QAC5B,OAAO,EAAE,IAAI;KACd,CAAC,CAAC;IAEH,MAAM,CAAC,GAAG,OAAO,EAAE,CAAC;IACpB,MAAM,QAAQ,GAAG,UAAU,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC,IAAI,UAAU,CAAC;IAE7D,OAAO,CACL,oBAAC,iBAAiB;QAChB,+BAAO,OAAO,EAAC,YAAY;YACzB,gCAAK,CAAC,CAAC,qBAAqB,CAAC,CAAM,CAC7B;QACR,oBAAC,KAAK;YACH,iBAAiB;gBAChB,CAAC,CAAC,gDAAgD,CAAC;YACpD,YAAY,IAAI,MAAM;gBACrB,CAAC,CAAC,CAAC,CAAC,8DAA8D,CAAC;gBACnE,CAAC,CAAC,IAAI,CACF;QACR,oBAAC,OAAO,QACL,SAAS,CAAC,CAAC,CAAC,CACX,0CAAe,iCAAiC,IAC7C,CAAC,CAAC,wBAAwB,CAAC,CAC1B,CACL,CAAC,CAAC,CAAC,CACF,8BAAM,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ;YACxC,6CACE,IAAI,EAAC,OAAO,EACZ,EAAE,EAAC,YAAY,EACf,WAAW,EAAE,CAAC,CAAC,qBAAqB,CAAC,EACrC,KAAK,EAAE,EAAE,YAAY,EAAE,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAAE,iBACzC,+BAA+B,IACvC,UAAU,EACd;YACF,gCACE,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,QAAQ,iBACN,gCAAgC,IAE3C,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CACrC,CACJ,CACR,CACO,CACQ,CACrB,CAAC;AACJ,CAAC;AAED,eAAe,eAAe,CAAC"}

package/dist/src/components/NotFoundPage.js

@@ -0,0 +1,59 @@
+import t from '@jetshop/intl';
+import React from 'react';
+import { styled } from 'linaria/react';
+import Button from '@jetshop/ui/Button';
+const ErrorContainer = styled('div') `
+  padding: 1em;
+  align-items: center;
+  line-height: 1.75;
+  max-width: 100%;
+  width: 80ch;
+  margin: 0 auto;
+  header {
+    text-align: center;
+    p {
+      text-align: center;
+      font-weight: 600;
+      color: inherit;
+    }
+  }
+  h1 {
+    color: #e82a2a;
+  }
+
+  > * + * {
+    margin-top: 1em;
+    margin-bottom: 0;
+    padding: 0;
+  }
+
+  p {
+    color: #999999;
+    text-align: left;
+  }
+`;
+var Hej;
+(function (Hej) {
+    Hej["hejsan"] = "hej";
+})(Hej || (Hej = {}));
+class NotFoundPage extends React.PureComponent {
+    render() {
+        return (React.createElement(ErrorContainer, null,
+            React.createElement("header", null,
+                React.createElement("h1", null, t('Whoops')),
+                React.createElement("p", null, t(`You have attempted to download a page that does not exist on Jetshop's
+          server.`))),
+            React.createElement("p", null,
+                React.createElement("strong", null, t('This could be due to the following:'))),
+            React.createElement("p", null, t('The address provided is incorrect. Please check the spelling and try again.')),
+            React.createElement("p", null, t('You are trying to use an old address that no longer exists or that may have changed.')),
+            React.createElement("p", null, t('You may have used an old bookmark. If you are sure that you have used the correct address to the site, the problem may be caused by a temporary service disruption. Please try again later.')),
+            React.createElement("p", null, t('NOTE! If you were directed here via a link we are grateful if you inform us as to which link it was so that we can resolve the problem.')),
+            React.createElement(Button, { anchor: true }, t('HOMEPAGE')),
+            React.createElement(Button, { anchor: true }, t('GONDOR_WILL_ANSWER')),
+            React.createElement(Button, { anchor: true }, t('GONDOR_WILL_ANSWER_NOOOOT')),
+            React.createElement(Button, { anchor: true }, t(Hej.hejsan))));
+    }
+}
+export default NotFoundPage;
+//# sourceMappingURL=NotFoundPage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NotFoundPage.js","sourceRoot":"","sources":["../../../src/components/NotFoundPage.tsx"],"names":[],"mappings":"AAAA,OAAO,CAAC,MAAM,eAAe,CAAC;AAC9B,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,MAAM,MAAM,oBAAoB,CAAC;AAExC,MAAM,cAAc,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6BnC,CAAC;AAEF,IAAK,GAEJ;AAFD,WAAK,GAAG;IACN,qBAAgB,CAAA;AAClB,CAAC,EAFI,GAAG,KAAH,GAAG,QAEP;AAED,MAAM,YAAa,SAAQ,KAAK,CAAC,aAAa;IAC5C,MAAM;QACJ,OAAO,CACL,oBAAC,cAAc;YACb;gBACE,gCAAK,CAAC,CAAC,QAAQ,CAAC,CAAM;gBACtB,+BACG,CAAC,CAAC;kBACG,CAAC,CACL,CACG;YACT;gBACE,oCAAS,CAAC,CAAC,qCAAqC,CAAC,CAAU,CACzD;YACJ,+BACG,CAAC,CACA,6EAA6E,CAC9E,CACC;YACJ,+BACG,CAAC,CACA,sFAAsF,CACvF,CACC;YACJ,+BACG,CAAC,CACA,6LAA6L,CAC9L,CACC;YACJ,+BACG,CAAC,CACA,yIAAyI,CAC1I,CACC;YACJ,oBAAC,MAAM,IAAC,MAAM,EAAE,IAAI,IAAG,CAAC,CAAC,UAAU,CAAC,CAAU;YAC9C,oBAAC,MAAM,IAAC,MAAM,EAAE,IAAI,IAAG,CAAC,CAAC,oBAAoB,CAAQ,CAAU;YAC/D,oBAAC,MAAM,IAAC,MAAM,EAAE,IAAI,IAAG,CAAC,CAAC,2BAA2B,CAAQ,CAAU;YACtE,oBAAC,MAAM,IAAC,MAAM,EAAE,IAAI,IAAG,CAAC,CAAC,GAAG,CAAC,MAAM,CAAQ,CAAU,CACtC,CAClB,CAAC;IACJ,CAAC;CACF;AAED,eAAe,YAAY,CAAC"}

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

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

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

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

package/dist/src/components/Pages/About.js

@@ -0,0 +1,7 @@
+import React from 'react';
+import { Link } from 'react-router-dom';
+import t from '@jetshop/intl';
+export default () => (React.createElement("div", null,
+    React.createElement("h2", null, t('About')),
+    React.createElement(Link, { to: "/" }, t('Link'))));
+//# sourceMappingURL=About.js.map

package/dist/src/components/Pages/About.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"About.js","sourceRoot":"","sources":["../../../../src/components/Pages/About.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,CAAC,MAAM,eAAe,CAAC;AAE9B,eAAe,GAAG,EAAE,CAAC,CACnB;IACE,gCAAK,CAAC,CAAC,OAAO,CAAC,CAAM;IACrB,oBAAC,IAAI,IAAC,EAAE,EAAC,GAAG,IAAE,CAAC,CAAC,MAAM,CAAC,CAAQ,CAC3B,CACP,CAAC"}

package/dist/src/components/Pagination/Pagination.js

@@ -0,0 +1,29 @@
+import React from 'react';
+import { PaginationWrapper } from '@jetshop/ui/Pagination/Pagination';
+import { Pagination as UIPagination } from '@jetshop/ui/Pagination';
+import { css } from 'linaria';
+import { theme } from '../Theme';
+export function Pagination(props) {
+    return (React.createElement(PaginationWrapper, null,
+        React.createElement(UIPagination, Object.assign({}, props, { className: paginationStyles }))));
+}
+const paginationStyles = css `
+  a {
+    padding: 1em;
+    color: ${theme.colors.blue};
+    :hover {
+      opacity: 0.8;
+    }
+    :first-of-type {
+      padding-left: 0px;
+    }
+    :last-of-type {
+      padding-right: 0px;
+    }
+  }
+  a[data-disabled='true'] {
+    cursor: not-allowed;
+    color: #707070;
+  }
+`;
+//# sourceMappingURL=Pagination.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.js","sourceRoot":"","sources":["../../../../src/components/Pagination/Pagination.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,UAAU,IAAI,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACpE,OAAO,EAAE,GAAG,EAAE,MAAM,SAAS,CAAC;AAC9B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC,MAAM,UAAU,UAAU,CAAC,KAAK;IAC9B,OAAO,CACL,oBAAC,iBAAiB;QAChB,oBAAC,YAAY,oBAAK,KAAK,IAAE,SAAS,EAAE,gBAAgB,IAAI,CACtC,CACrB,CAAC;AACJ,CAAC;AAED,MAAM,gBAAgB,GAAG,GAAG,CAAA;;;aAGf,KAAK,CAAC,MAAM,CAAC,IAAI;;;;;;;;;;;;;;;CAe7B,CAAC"}

package/dist/src/components/Pagination/PaginationWrapper.js

@@ -0,0 +1,16 @@
+import React from 'react';
+import { styled } from 'linaria/react';
+import { Pagination } from '@jetshop/ui/Pagination';
+import MaxWidth from '../Layout/MaxWidth';
+const Wrapper = styled('div') `
+  display: flex;
+  justify-content: space-between;
+  border-top: 1px solid #e8e8e8;
+  border-bottom: 1px solid #e8e8e8;
+  padding: 1rem 0;
+`;
+const PaginationWrapper = props => (React.createElement(Wrapper, null,
+    React.createElement(MaxWidth, null,
+        React.createElement(Pagination, Object.assign({}, props)))));
+export default PaginationWrapper;
+//# sourceMappingURL=PaginationWrapper.js.map

package/dist/src/components/Pagination/PaginationWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaginationWrapper.js","sourceRoot":"","sources":["../../../../src/components/Pagination/PaginationWrapper.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,QAAQ,MAAM,oBAAoB,CAAC;AAE1C,MAAM,OAAO,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;;;;;;CAM5B,CAAC;AAEF,MAAM,iBAAiB,GAAG,KAAK,CAAC,EAAE,CAAC,CACjC,oBAAC,OAAO;IACN,oBAAC,QAAQ;QACP,oBAAC,UAAU,oBAAK,KAAK,EAAI,CAChB,CACH,CACX,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"PreviewRoute.loadable.js","sourceRoot":"","sources":["../../../src/components/PreviewRoute.loadable.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,QAAQ,MAAM,qBAAqB,CAAC;AAC3C,OAAO,WAAW,MAAM,eAAe,CAAC;AAExC,eAAe,QAAQ,CACrB,GAAG,EAAE,CAAC,MAAM,CAAC,oDAAoD,CAAC,EAClE;IACE,QAAQ,EAAE,oBAAC,WAAW,OAAG;CAC1B,CACF,CAAC"}