@jetshop/template-trend 6.1.4 → 6.1.5

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

@@ -0,0 +1,70 @@
+import React from 'react';
+import { css } from 'linaria';
+import { Notifications as Ntf } from '@jetshop/core/components/Notifications';
+export function Notifications() {
+    return React.createElement(Ntf, { className: notificationsStyles });
+}
+const closeAfter = 1600;
+const notificationsStyles = css `
+  position: fixed;
+  right: 1em;
+  top: 1em;
+  z-index: 99999;
+
+  [data-flight-notification] {
+    width: 100%;
+    background: white;
+    position: relative;
+    will-change: max-height opacity transform;
+    margin-top: 1em;
+    transition: opacity ${closeAfter / 2}ms ease-out,
+      transform ${closeAfter / 8}ms ease-in-out,
+      max-height ${closeAfter / 4}ms ease-in-out;
+    max-height: 300px;
+    overflow: hidden;
+    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1);
+  }
+
+  [data-flight-notification='summoned'],
+  [data-flight-notification='exiting'] {
+    transform: translateX(calc(100% + 1em));
+  }
+  [data-flight-notification='entering'] {
+    transform: translateX(0);
+  }
+  [data-flight-notification='exiting'] {
+    opacity: 0;
+    max-height: 0;
+  }
+
+  [data-flight-notification-inner] {
+    padding: 1em;
+    padding-right: 2em;
+    min-width: 10em;
+  }
+
+  [data-flight-notification-dismiss] {
+    background: transparent;
+    color: black;
+    position: absolute;
+    right: 0.5em;
+    top: 0.5em;
+    svg {
+      stroke: currentColor;
+    }
+    :hover {
+      svg {
+        opacity: 0.6;
+      }
+    }
+  }
+
+  /* The 'type' passed when triggering the notification can be used for styling */
+
+  [data-flight-notification-type='add-to-cart'] {
+    [data-flight-notification-inner] {
+      padding: 0;
+    }
+  }
+`;
+//# sourceMappingURL=Notifications.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Notifications.js","sourceRoot":"","sources":["../../../../src/components/Layout/Notifications.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,MAAM,SAAS,CAAC;AAC9B,OAAO,EAAE,aAAa,IAAI,GAAG,EAAE,MAAM,wCAAwC,CAAC;AAE9E,MAAM,UAAU,aAAa;IAC3B,OAAO,oBAAC,GAAG,IAAC,SAAS,EAAE,mBAAmB,GAAI,CAAC;AACjD,CAAC;AAED,MAAM,UAAU,GAAG,IAAI,CAAC;AAExB,MAAM,mBAAmB,GAAG,GAAG,CAAA;;;;;;;;;;;;0BAYL,UAAU,GAAG,CAAC;kBACtB,UAAU,GAAG,CAAC;mBACb,UAAU,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+ChC,CAAC"}

package/dist/src/components/LoadingPage.js

@@ -0,0 +1,19 @@
+import React from 'react';
+import { styled } from 'linaria/react';
+import Spinner from './ui/Spinner';
+import { theme } from './Theme';
+const LoadingPageWrapper = styled('div') `
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: row;
+  width: 100%;
+  height: 100%;
+  padding: ${theme.space[3]};
+`;
+const LoadingPage = () => {
+    return (React.createElement(LoadingPageWrapper, null,
+        React.createElement(Spinner, null)));
+};
+export default LoadingPage;
+//# sourceMappingURL=LoadingPage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingPage.js","sourceRoot":"","sources":["../../../src/components/LoadingPage.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,OAAO,MAAM,cAAc,CAAC;AACnC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,MAAM,kBAAkB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;;;;;;;aAO3B,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;CAC1B,CAAC;AACF,MAAM,WAAW,GAAG,GAAG,EAAE;IACvB,OAAO,CACL,oBAAC,kBAAkB;QACjB,oBAAC,OAAO,OAAG,CACQ,CACtB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/src/components/LogOut.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/AuthContext/LogOut'), {
+    fallback: React.createElement(LoadingPage, null)
+});
+//# sourceMappingURL=LogOut.loadable.js.map

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

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

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

@@ -0,0 +1,26 @@
+import { UpdatePasswordProvider } from '@jetshop/core/components/Auth/UpdatePasswordForm';
+import t from '@jetshop/intl';
+import React from 'react';
+import { smallSection } from '../Auth/UI/Form';
+import { GlobalError } from '../Forms/GlobalError';
+import InputWithLabel from '../Forms/Input';
+import { Success } from '../Forms/Success';
+import { BlockTitle, PrimaryButton } from './ProfilePage';
+import Head from '@jetshop/core/components/Head';
+import { Intl } from '@jetshop/intl';
+function ChangePassword() {
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Intl, null, t => React.createElement(Head, { data: { title: t('Change Password') } })),
+        React.createElement("section", { className: "main-wrapper" },
+            React.createElement("div", { className: "block", id: "change-password" },
+                React.createElement(BlockTitle, null, t('Change password')),
+                React.createElement(UpdatePasswordProvider, { render: ({ isSubmitting, isValid, submitted, globalError, inputProps }) => (React.createElement("section", { className: smallSection },
+                        React.createElement(InputWithLabel, Object.assign({}, inputProps.oldPassword, { label: t('Old password') })),
+                        React.createElement(InputWithLabel, Object.assign({}, inputProps.newPassword, { label: t('New password') })),
+                        React.createElement(InputWithLabel, Object.assign({}, inputProps.repeatPassword, { label: t('New password again') })),
+                        globalError && (React.createElement(GlobalError, { style: { marginBottom: '2em' } }, globalError)),
+                        submitted && (React.createElement(Success, { style: { marginBottom: '2em' } }, t('Your password has been successfully updated.'))),
+                        React.createElement(PrimaryButton, { type: "submit", disabled: isSubmitting || !isValid, "data-testid": "save-password-button" }, t('Save')))) })))));
+}
+export default ChangePassword;
+//# sourceMappingURL=ChangePasswordPage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChangePasswordPage.js","sourceRoot":"","sources":["../../../../src/components/MyPages/ChangePasswordPage.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,kDAAkD,CAAC;AAC1F,OAAO,CAAC,MAAM,eAAe,CAAC;AAC9B,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,cAAc,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC1D,OAAO,IAAI,MAAM,+BAA+B,CAAC;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAErC,SAAS,cAAc;IACrB,OAAO,CACL;QACE,oBAAC,IAAI,QAAE,CAAC,CAAC,EAAE,CAAC,oBAAC,IAAI,IAAC,IAAI,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,iBAAiB,CAAC,EAAE,GAAI,CAAQ;QAEnE,iCAAS,SAAS,EAAC,cAAc;YAC/B,6BAAK,SAAS,EAAC,OAAO,EAAC,EAAE,EAAC,iBAAiB;gBACzC,oBAAC,UAAU,QAAE,CAAC,CAAC,iBAAiB,CAAC,CAAc;gBAC/C,oBAAC,sBAAsB,IACrB,MAAM,EAAE,CAAC,EACP,YAAY,EACZ,OAAO,EACP,SAAS,EACT,WAAW,EACX,UAAU,EACX,EAAE,EAAE,CAAC,CACJ,iCAAS,SAAS,EAAE,YAAY;wBAC9B,oBAAC,cAAc,oBACT,UAAU,CAAC,WAAW,IAC1B,KAAK,EAAE,CAAC,CAAC,cAAc,CAAC,IACxB;wBACF,oBAAC,cAAc,oBACT,UAAU,CAAC,WAAW,IAC1B,KAAK,EAAE,CAAC,CAAC,cAAc,CAAC,IACxB;wBACF,oBAAC,cAAc,oBACT,UAAU,CAAC,cAAc,IAC7B,KAAK,EAAE,CAAC,CAAC,oBAAoB,CAAC,IAC9B;wBAED,WAAW,IAAI,CACd,oBAAC,WAAW,IAAC,KAAK,EAAE,EAAE,YAAY,EAAE,KAAK,EAAE,IACxC,WAAW,CACA,CACf;wBAEA,SAAS,IAAI,CACZ,oBAAC,OAAO,IAAC,KAAK,EAAE,EAAE,YAAY,EAAE,KAAK,EAAE,IACpC,CAAC,CAAC,8CAA8C,CAAC,CAC1C,CACX;wBAED,oBAAC,aAAa,IACZ,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,YAAY,IAAI,CAAC,OAAO,iBACtB,sBAAsB,IAEjC,CAAC,CAAC,MAAM,CAAC,CACI,CACR,CACX,GACD,CACE,CACE,CACT,CACJ,CAAC;AACJ,CAAC;AAED,eAAe,cAAc,CAAC"}

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

@@ -0,0 +1,28 @@
+import { useQuery } from '@apollo/client';
+import t from '@jetshop/intl';
+import React from 'react';
+import { css } from 'linaria';
+import customerNameQuery from './CustomerNameQuery.gql';
+import { theme } from '../Theme';
+import { LoadingLine } from '@jetshop/ui/Loading/LoadingLine';
+const header = css `
+  font-weight: 600;
+  font-size: 27px;
+  line-height: 34px;
+  margin-bottom: 50px;
+  ${theme.below.sm} {
+    margin-bottom: 24px;
+    margin-right: 12px;
+    margin-left: 12px;
+    width: 100%;
+    text-align: center;
+  }
+`;
+export const CustomerName = () => {
+    const { data, loading } = useQuery(customerNameQuery);
+    return (React.createElement("h2", { className: header, "data-testid": "customer-name" }, loading || !data || !data.customer ? (React.createElement(LoadingLine, null)) : (t(`Hi, {firstName} {lastName}`, {
+        firstName: data.customer.billingAddress.firstName,
+        lastName: data.customer.billingAddress.lastName
+    }))));
+};
+//# sourceMappingURL=CustomerNameHeader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CustomerNameHeader.js","sourceRoot":"","sources":["../../../../src/components/MyPages/CustomerNameHeader.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,CAAC,MAAM,eAAe,CAAC;AAC9B,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,MAAM,SAAS,CAAC;AAC9B,OAAO,iBAAiB,MAAM,yBAAyB,CAAC;AACxD,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAE9D,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;IAKd,KAAK,CAAC,KAAK,CAAC,EAAE;;;;;;;CAOjB,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,EAAE;IAC/B,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,QAAQ,CAAC,iBAAiB,CAAC,CAAC;IAEtD,OAAO,CACL,4BAAI,SAAS,EAAE,MAAM,iBAAc,eAAe,IAC/C,OAAO,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CACpC,oBAAC,WAAW,OAAG,CAChB,CAAC,CAAC,CAAC,CACF,CAAC,CAAC,4BAA4B,EAAE;QAC9B,SAAS,EAAE,IAAI,CAAC,QAAQ,CAAC,cAAc,CAAC,SAAS;QACjD,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC,cAAc,CAAC,QAAQ;KAChD,CAAC,CACH,CACE,CACN,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,47 @@
+import { useDeleteAccountMutation } from '@jetshop/core/hooks/useDeleteAccountMutation';
+import { css, cx } from 'linaria';
+import React from 'react';
+import { GlobalError } from '../Forms/GlobalError';
+import { BlockTitle, PrimaryButton } from './ProfilePage';
+import { useIntl } from '@jetshop/intl';
+import { Redirect } from 'react-router';
+import { Formik, Form, Field } from 'formik';
+import Checkbox from '@jetshop/ui/Checkbox';
+const deleteAccount = css `
+  button {
+    width: auto;
+  }
+`;
+function DeleteAccount() {
+    const t = useIntl();
+    const { confirmDeletion, error, success } = useDeleteAccountMutation({
+        confirmationMessage: t('Are you sure?'),
+    });
+    // Redirect to root once account is deleted, and user is logged out
+    if (success)
+        return React.createElement(Redirect, { to: "/" });
+    return (React.createElement("div", { className: cx('block', deleteAccount), id: "delete" },
+        React.createElement(BlockTitle, null, t('Delete Account')),
+        React.createElement("p", null, t(`When your account is deleted, all order history will be erased.`)),
+        React.createElement(Formik, { validate: (values) => {
+                // Just check if confirm has been checked. If it is checked, the form becomes valid.
+                if (!values.confirm) {
+                    return {
+                        confirm: '',
+                    };
+                }
+                return {};
+            }, onSubmit: confirmDeletion, initialValues: {
+                confirm: false,
+            } }, (formik) => {
+            return (React.createElement(Form, null,
+                React.createElement(Field, { name: "confirm", render: ({ field }) => {
+                        return (React.createElement("div", { style: { marginTop: '1em' } },
+                            React.createElement(Checkbox, Object.assign({}, field, { label: t('I understand, please delete my account') }))));
+                    } }),
+                React.createElement(PrimaryButton, { type: "submit", style: { marginTop: '2em' }, disabled: !formik.isValid }, t('Delete account'))));
+        }),
+        error && React.createElement(GlobalError, { style: { margin: '2em 0' } }, error)));
+}
+export { DeleteAccount };
+//# sourceMappingURL=DeleteAccount.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DeleteAccount.js","sourceRoot":"","sources":["../../../../src/components/MyPages/DeleteAccount.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,8CAA8C,CAAC;AACxF,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,SAAS,CAAC;AAClC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC1D,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAC7C,OAAO,QAAQ,MAAM,sBAAsB,CAAC;AAE5C,MAAM,aAAa,GAAG,GAAG,CAAA;;;;CAIxB,CAAC;AAEF,SAAS,aAAa;IACpB,MAAM,CAAC,GAAG,OAAO,EAAE,CAAC;IAEpB,MAAM,EAAE,eAAe,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,wBAAwB,CAAC;QACnE,mBAAmB,EAAE,CAAC,CAAC,eAAe,CAAC;KACxC,CAAC,CAAC;IAEH,mEAAmE;IACnE,IAAI,OAAO;QAAE,OAAO,oBAAC,QAAQ,IAAC,EAAE,EAAC,GAAG,GAAG,CAAC;IAExC,OAAO,CACL,6BAAK,SAAS,EAAE,EAAE,CAAC,OAAO,EAAE,aAAa,CAAC,EAAE,EAAE,EAAC,QAAQ;QACrD,oBAAC,UAAU,QAAE,CAAC,CAAC,gBAAgB,CAAC,CAAc;QAC9C,+BACG,CAAC,CAAC,iEAAiE,CAAC,CACnE;QAEJ,oBAAC,MAAM,IACL,QAAQ,EAAE,CAAC,MAAM,EAAE,EAAE;gBACnB,oFAAoF;gBACpF,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE;oBACnB,OAAO;wBACL,OAAO,EAAE,EAAE;qBACZ,CAAC;iBACH;gBACD,OAAO,EAAE,CAAC;YACZ,CAAC,EACD,QAAQ,EAAE,eAAe,EACzB,aAAa,EAAE;gBACb,OAAO,EAAE,KAAK;aACf,IAEA,CAAC,MAAM,EAAE,EAAE;YACV,OAAO,CACL,oBAAC,IAAI;gBACH,oBAAC,KAAK,IACJ,IAAI,EAAC,SAAS,EACd,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;wBACpB,OAAO,CACL,6BAAK,KAAK,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE;4BAC9B,oBAAC,QAAQ,oBACH,KAAK,IACT,KAAK,EAAE,CAAC,CAAC,wCAAwC,CAAC,IAClD,CACE,CACP,CAAC;oBACJ,CAAC,GACD;gBACF,oBAAC,aAAa,IACZ,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,EAC3B,QAAQ,EAAE,CAAC,MAAM,CAAC,OAAO,IAExB,CAAC,CAAC,gBAAgB,CAAC,CACN,CACX,CACR,CAAC;QACJ,CAAC,CACM;QAER,KAAK,IAAI,oBAAC,WAAW,IAAC,KAAK,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,IAAG,KAAK,CAAe,CACpE,CACP,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}

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

@@ -0,0 +1,152 @@
+import useAuth from '@jetshop/core/components/AuthContext/useAuth';
+import t from '@jetshop/intl';
+import React from 'react';
+import { styled } from 'linaria/react';
+import { Redirect, Route, Switch } from 'react-router-dom';
+import { ReactComponent as Box } from '../../svg/Box.svg';
+import { ReactComponent as Lock } from '../../svg/Lock.svg';
+import { ReactComponent as Person } from '../../svg/Person.svg';
+import BaseMaxWidth from '../Layout/MaxWidth';
+import ChangePassword from './ChangePasswordPage';
+import MyPagesSidebar from './MyPagesSidebar';
+import MyPagesStartPage from './MyPagesStartPage';
+import OrderListPage from './Orders/OrderListPage';
+import ProfilePage from './ProfilePage';
+import { useLocation } from 'react-router';
+import { useShopConfig } from '@jetshop/core/hooks/useShopConfig';
+import { Helmet } from 'react-helmet-async';
+import { theme } from '../Theme';
+const MaxWidth = styled(BaseMaxWidth) `
+  display: flex;
+  flex-direction: row;
+  margin-top: 2rem;
+  ${theme.below.sm} {
+    flex-direction: column;
+    justify-content: flex-start;
+    padding: 0;
+    margin: 0;
+  }
+
+  .main-wrapper {
+    width: 100%;
+    padding-left: 2rem;
+    padding-right: 2rem;
+
+    ${theme.below.sm} {
+      padding-left: 0rem;
+      padding-right: 0rem;
+    }
+
+    header {
+      font-weight: 600;
+      h2 {
+        margin-top: 0.75rem;
+        font-size: 150%;
+      }
+    }
+
+    .block {
+      background: white;
+      padding: 1.5rem;
+      + .block {
+        margin-top: 1.5rem;
+      }
+
+      .radio-container {
+        margin: 0.5rem 0;
+      }
+      ul.row {
+        display: flex;
+        flex-direction: row;
+      }
+    }
+    .half-block {
+      width: calc(50% - 1.5rem);
+      margin-left: 0.75rem;
+      margin-right: 0.75rem;
+
+      ${theme.above.md} {
+        :first-child,
+        :nth-child(2) {
+          margin-top: 0;
+        }
+      }
+
+      ${theme.below.md} {
+        width: 100%;
+      }
+    }
+
+    strong {
+      font-weight: bold;
+    }
+
+    .profile-form {
+      dt,
+      dd {
+        display: block;
+        line-height: 1.5;
+      }
+      dd {
+        margin-bottom: 1em;
+      }
+      dt {
+        font-size: 0.75em;
+      }
+      dd {
+        font-weight: 600;
+      }
+    }
+  }
+`;
+const mainRoute = {
+    component: MyPagesStartPage,
+    exact: true,
+    name: t('My Pages'),
+    sideBarComponent: t('My Pages')
+};
+const subRoutes = [
+    {
+        path: '/orders',
+        component: OrderListPage,
+        sideBarComponent: (React.createElement(React.Fragment, null,
+            React.createElement(Box, null),
+            t('My orders'))),
+        name: t('My orders')
+    },
+    {
+        path: '/profile',
+        component: ProfilePage,
+        sideBarComponent: (React.createElement(React.Fragment, null,
+            React.createElement(Person, null),
+            t('My profile'))),
+        name: t('My profile')
+    },
+    {
+        path: '/change-password',
+        component: ChangePassword,
+        sideBarComponent: (React.createElement(React.Fragment, null,
+            React.createElement(Lock, null),
+            t('Change Password'))),
+        name: t('Change Password')
+    }
+];
+function MyPages() {
+    const { loggedIn } = useAuth();
+    const location = useLocation();
+    const { routes } = useShopConfig();
+    const myPagesPath = routes.myPages.path;
+    const baseRoute = Object.assign(Object.assign({}, mainRoute), { path: myPagesPath });
+    const myPagesRoutes = subRoutes.map(route => (Object.assign(Object.assign({}, route), { path: `${myPagesPath}${route.path}` })));
+    if (!loggedIn) {
+        return (React.createElement(Redirect, { to: Object.assign(Object.assign({}, location), { pathname: routes.login.path }) }));
+    }
+    return (React.createElement(MaxWidth, null,
+        React.createElement(Helmet, null,
+            React.createElement("meta", { name: "robots", content: "noindex" })),
+        React.createElement(MyPagesSidebar, { baseRoute: baseRoute, routes: routes, myPagesRoutes: myPagesRoutes }),
+        React.createElement(Route, Object.assign({}, baseRoute)),
+        React.createElement(Switch, null, myPagesRoutes.map(route => (React.createElement(Route, Object.assign({ key: route.path }, route)))))));
+}
+export default MyPages;
+//# sourceMappingURL=MyPages.js.map

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

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

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

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

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

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

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

@@ -0,0 +1,18 @@
+import Breadcrumbs from '@jetshop/ui/Breadcrumbs';
+import React from 'react';
+import { Route } from 'react-router-dom';
+export function MyPagesBreadcrumbs({ baseRoute, myPagesRoutes }) {
+    const baseRouteParent = [
+        {
+            object: {
+                breadcrumbText: baseRoute.name
+            },
+            path: baseRoute.path
+        }
+    ];
+    return (React.createElement(Route, null, ({ location }) => {
+        const route = myPagesRoutes.find(route => route.path === location.pathname);
+        return (React.createElement(Breadcrumbs, { breadcrumbText: route ? route.name : baseRoute.name, parents: route && baseRouteParent }));
+    }));
+}
+//# sourceMappingURL=MyPagesBreadcrumbs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MyPagesBreadcrumbs.js","sourceRoot":"","sources":["../../../../src/components/MyPages/MyPagesBreadcrumbs.js"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,yBAAyB,CAAC;AAClD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAEzC,MAAM,UAAU,kBAAkB,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE;IAC7D,MAAM,eAAe,GAAG;QACtB;YACE,MAAM,EAAE;gBACN,cAAc,EAAE,SAAS,CAAC,IAAI;aAC/B;YACD,IAAI,EAAE,SAAS,CAAC,IAAI;SACrB;KACF,CAAC;IACF,OAAO,CACL,oBAAC,KAAK,QACH,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;QAChB,MAAM,KAAK,GAAG,aAAa,CAAC,IAAI,CAC9B,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,KAAK,QAAQ,CAAC,QAAQ,CAC1C,CAAC;QACF,OAAO,CACL,oBAAC,WAAW,IACV,cAAc,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,EACnD,OAAO,EAAE,KAAK,IAAI,eAAe,GACjC,CACH,CAAC;IACJ,CAAC,CACK,CACT,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,81 @@
+import t from '@jetshop/intl';
+import React from 'react';
+import { css } from 'linaria';
+import { NavLink, Link } from 'react-router-dom';
+import { theme } from '../Theme';
+import { CustomerName } from './CustomerNameHeader';
+import { MyPagesBreadcrumbs } from './MyPagesBreadcrumbs';
+import { ReactComponent as LogOutIcon } from '../../svg/LogOut.svg';
+const sidebar = css `
+  ${theme.below.sm} {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    margin-top: 12px;
+  }
+
+  .nav-list {
+    position: sticky;
+    min-width: 223px;
+    ${theme.below.sm} {
+      min-width: 0px;
+      width: 100%;
+    }
+  }
+
+  h2 {
+    font-weight: ${theme.fontWeights.semibold};
+  }
+
+  svg {
+    margin-right: 12px;
+    width: 1em;
+    height: 1em;
+  }
+
+  .nav-list a,
+  .nav-list button {
+    padding: 0.5rem 0;
+    background: transparent;
+    width: 100%;
+    display: flex;
+    align-items: center;
+    text-transform: none;
+    text-decoration: none;
+    color: ${theme.colors.black};
+    margin-right: 1rem;
+    border-bottom: 0.75px solid #dedede;
+    height: 42px;
+
+    &:hover {
+      color: ${theme.colors.blue};
+    }
+    &.active {
+      font-weight: 600;
+    }
+
+    ${theme.below.sm} {
+      background: #ffffff;
+      border: 1px solid #dedede;
+      margin: 0.5em auto;
+      padding: 0.5em;
+    }
+  }
+  ${theme.below.sm} {
+    margin: 1em 0.5em;
+  }
+`;
+const MyPagesSidebar = ({ baseRoute, routes, myPagesRoutes }) => (React.createElement("aside", { className: sidebar },
+    React.createElement(MyPagesBreadcrumbs, { baseRoute: baseRoute, myPagesRoutes: myPagesRoutes }),
+    React.createElement(CustomerName, null),
+    React.createElement("ul", { className: "nav-list" },
+        React.createElement("h2", null,
+            React.createElement(NavLink, { exact: true, to: baseRoute.path }, baseRoute.sideBarComponent)),
+        myPagesRoutes.map(route => (React.createElement("li", { key: route.path },
+            React.createElement(NavLink, { to: route.path }, route.sideBarComponent)))),
+        React.createElement("li", null,
+            React.createElement(Link, { to: routes.logout.path },
+                React.createElement(LogOutIcon, null),
+                t('Log Out'))))));
+export default MyPagesSidebar;
+//# sourceMappingURL=MyPagesSidebar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MyPagesSidebar.js","sourceRoot":"","sources":["../../../../src/components/MyPages/MyPagesSidebar.js"],"names":[],"mappings":"AAAA,OAAO,CAAC,MAAM,eAAe,CAAC;AAC9B,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,MAAM,SAAS,CAAC;AAC9B,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,cAAc,IAAI,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAEpE,MAAM,OAAO,GAAG,GAAG,CAAA;IACf,KAAK,CAAC,KAAK,CAAC,EAAE;;;;;;;;;;MAUZ,KAAK,CAAC,KAAK,CAAC,EAAE;;;;;;;mBAOD,KAAK,CAAC,WAAW,CAAC,QAAQ;;;;;;;;;;;;;;;;;;aAkBhC,KAAK,CAAC,MAAM,CAAC,KAAK;;;;;;eAMhB,KAAK,CAAC,MAAM,CAAC,IAAI;;;;;;MAM1B,KAAK,CAAC,KAAK,CAAC,EAAE;;;;;;;IAOhB,KAAK,CAAC,KAAK,CAAC,EAAE;;;CAGjB,CAAC;AAEF,MAAM,cAAc,GAAG,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,aAAa,EAAE,EAAE,EAAE,CAAC,CAC/D,+BAAO,SAAS,EAAE,OAAO;IACvB,oBAAC,kBAAkB,IAAC,SAAS,EAAE,SAAS,EAAE,aAAa,EAAE,aAAa,GAAI;IAC1E,oBAAC,YAAY,OAAG;IAEhB,4BAAI,SAAS,EAAC,UAAU;QACtB;YACE,oBAAC,OAAO,IAAC,KAAK,QAAC,EAAE,EAAE,SAAS,CAAC,IAAI,IAC9B,SAAS,CAAC,gBAAgB,CACnB,CACP;QACJ,aAAa,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CAC1B,4BAAI,GAAG,EAAE,KAAK,CAAC,IAAI;YACjB,oBAAC,OAAO,IAAC,EAAE,EAAE,KAAK,CAAC,IAAI,IAAG,KAAK,CAAC,gBAAgB,CAAW,CACxD,CACN,CAAC;QACF;YACE,oBAAC,IAAI,IAAC,EAAE,EAAE,MAAM,CAAC,MAAM,CAAC,IAAI;gBAC1B,oBAAC,UAAU,OAAG;gBACb,CAAC,CAAC,SAAS,CAAC,CACR,CACJ,CACF,CACC,CACT,CAAC;AAEF,eAAe,cAAc,CAAC"}

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

@@ -0,0 +1,99 @@
+import { useQuery } from '@apollo/client';
+import React, { Fragment } from 'react';
+import { styled } from 'linaria/react';
+import { ListOrder } from './Orders/ListOrder';
+import CustomerOrders from './Orders/CustomerOrders.gql';
+import useCustomerOrdersQuery from '@jetshop/core/hooks/useCustomerOrdersQuery';
+import t from '@jetshop/intl';
+import { Link } from 'react-router-dom';
+import { StyledCarrot } from '@jetshop/ui/Select/Components';
+import { useShopConfig } from '@jetshop/core/hooks/useShopConfig';
+import Head from '@jetshop/core/components/Head';
+import { Intl } from '@jetshop/intl';
+import MyPagesContent from './MyPagesContent.gql';
+import { theme } from '../Theme';
+const MyPagesStartPageWrapper = styled('div') `
+  .list-order {
+    background-color: white;
+  }
+  ${theme.below.sm} {
+    padding: 0px;
+    margin-top: 24px;
+  }
+  .section-wrapper {
+    width: 100%;
+    ${theme.below.sm} {
+      padding-left: 12px;
+      padding-right: 12px;
+      margin-top: 24px;
+    }
+  }
+  .section-title {
+    font-weight: 600;
+    font-size: 16px;
+    display: flex;
+    align-items: center;
+    height: 40px;
+  }
+  .list-order {
+    margin-bottom: 18px;
+  }
+  .show-all-orders {
+    color: ${theme.colors.blue};
+    font-size: 0.875em;
+    text-decoration: none;
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
+    margin-top: 2em;
+    :hover {
+      opacity: 0.8;
+    }
+    svg {
+      margin-left: 0.5em;
+      fill: currentColor;
+    }
+  }
+`;
+const WelcomeWrapper = styled('div') `
+  margin-bottom: 38px;
+`;
+function StartPageOrders() {
+    const { routes } = useShopConfig();
+    const { orders, loading } = useCustomerOrdersQuery({
+        query: CustomerOrders,
+        variables: {
+            first: 2
+        }
+    });
+    if (loading) {
+        return React.createElement(ListOrder, { placeholder: true });
+    }
+    if (!loading && orders.length === 0) {
+        return (React.createElement(Fragment, null,
+            React.createElement("p", { style: { marginBottom: '.5em' } }, t('No orders found')),
+            React.createElement(ListOrder, { placeholder: true, className: "empty" })));
+    }
+    return (React.createElement(React.Fragment, null,
+        orders.map(order => (React.createElement(ListOrder, { order: order, key: order.id }))),
+        React.createElement(Link, { to: `${routes.myPages.path}/orders`, className: "show-all-orders" },
+            React.createElement("span", null, t('Show All Orders')),
+            React.createElement(StyledCarrot, null))));
+}
+function Welcome() {
+    const { data } = useQuery(MyPagesContent);
+    return (React.createElement(WelcomeWrapper, null, data && (React.createElement("div", { dangerouslySetInnerHTML: {
+            __html: data.myPagesContent.welcomeText
+        } }))));
+}
+function MyPagesStartPage() {
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Intl, null, t => React.createElement(Head, { data: { title: t('My Pages') } })),
+        React.createElement(MyPagesStartPageWrapper, { className: "main-wrapper" },
+            React.createElement(Welcome, null),
+            React.createElement("div", { className: "section-wrapper" },
+                React.createElement("h2", { className: "section-title" }, t('Recent Orders')),
+                React.createElement(StartPageOrders, null)))));
+}
+export default MyPagesStartPage;
+//# sourceMappingURL=MyPagesStartPage.js.map

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

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

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

@@ -0,0 +1,33 @@
+import { CustomerUpdateFormProvider } from '@jetshop/core/components/Auth/CustomerUpdateForm';
+import t from '@jetshop/intl';
+import React, { useState } from 'react';
+import { GlobalError } from '../Forms/GlobalError';
+import { RadioGroupWithLabels } from '../ui/RadioGroupWithLabels';
+import customerProfileQuery from './customerProfileQuery.gql';
+import { BlockTitle, ButtonContainer, PrimaryButton } from './ProfilePage';
+import { Success } from '../Forms/Success';
+export function Newsletter() {
+    const [success, setSuccess] = useState(false);
+    return (React.createElement("div", { className: "block", id: "newsletter" },
+        React.createElement(BlockTitle, null, t('Newsletters')),
+        React.createElement(CustomerUpdateFormProvider, { customerProfileQuery: customerProfileQuery, onSubmit: () => {
+                setSuccess(false);
+            }, onSubmitSuccess: () => {
+                setSuccess(true);
+            }, render: ({ isSubmitting, isValid, values, status }) => (React.createElement(React.Fragment, null,
+                React.createElement(RadioGroupWithLabels, { name: "preferences.type.acceptsEmail", items: [
+                        {
+                            label: t('I want newsletters'),
+                            value: true
+                        },
+                        {
+                            label: t("I don't want newsletters"),
+                            value: false
+                        }
+                    ] }),
+                status && status.globalError && (React.createElement(GlobalError, { style: { marginBottom: '2em' } }, status.globalError)),
+                success && (React.createElement(Success, { style: { marginBottom: '2em' } }, t('Your preferences have been updated.'))),
+                React.createElement(ButtonContainer, null,
+                    React.createElement(PrimaryButton, { type: "submit", disabled: isSubmitting || !isValid }, t(isSubmitting ? 'Hold on a moment…' : 'Save'))))) })));
+}
+//# sourceMappingURL=Newsletter.js.map