@jetshop/template-trend 6.2.0-alpha.d01f0565 → 6.2.0

package/dist/src/client.js

@@ -0,0 +1,6 @@
+import React from 'react';
+import boot from '@jetshop/core/boot/client';
+import Shop from './components/Shop';
+import config from './shop.config';
+boot(React.createElement(Shop, null), config);
+//# sourceMappingURL=client.js.map

package/dist/src/client.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"client.js","sourceRoot":"","sources":["../../src/client.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,2BAA2B,CAAC;AAC7C,OAAO,IAAI,MAAM,mBAAmB,CAAC;AACrC,OAAO,MAAM,MAAM,eAAe,CAAC;AAEnC,IAAI,CAAC,oBAAC,IAAI,OAAG,EAAE,MAAM,CAAC,CAAC"}

package/dist/src/components/Auth/ForgotPassword.js

@@ -0,0 +1,30 @@
+import { ForgotPasswordProvider, useForgotPasswordData } from '@jetshop/core/components/Auth/ForgotPasswordProvider';
+import Head from '@jetshop/core/components/Head';
+import t from '@jetshop/intl';
+import React from 'react';
+import { GlobalError } from '../Forms/GlobalError';
+import Input from '../Forms/Input';
+import ButtonWithLoading from '../ui/Button';
+import { smallCaps } from '../ui/Headings';
+import { activeSegment, smallSection } from './UI/Form';
+import MaxWidth from '../Layout/MaxWidth';
+import { cx } from 'linaria';
+export default function ForgotPasswordPage() {
+    return (React.createElement(MaxWidth, { style: { alignItems: 'center', marginTop: '2em' } },
+        React.createElement(ForgotPasswordProvider, null,
+            React.createElement("section", { className: cx(smallSection, activeSegment) },
+                React.createElement("h1", { className: smallCaps }, t(`Forgot password`)),
+                React.createElement(Head, { data: { title: 'Forgot Password' } }),
+                React.createElement(ForgotPasswordForm, null)))));
+}
+function ForgotPasswordForm() {
+    const { submitted, isSubmitting, globalError, isValid, emailInputProps } = useForgotPasswordData();
+    if (submitted) {
+        return (React.createElement("p", { style: { lineHeight: 1.5 } }, t(`Your password reset request has been submitted. Check your email for a link to reset your password.`)));
+    }
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Input, Object.assign({ label: t('What is your email address?') }, emailInputProps)),
+        globalError && (React.createElement(GlobalError, { style: { marginBottom: '1em' } }, globalError)),
+        React.createElement(ButtonWithLoading, { loading: isSubmitting, type: "submit", disabled: !isValid }, t('Submit'))));
+}
+//# sourceMappingURL=ForgotPassword.js.map

package/dist/src/components/Auth/ForgotPassword.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ForgotPassword.js","sourceRoot":"","sources":["../../../../src/components/Auth/ForgotPassword.js"],"names":[],"mappings":"AAAA,OAAO,EACL,sBAAsB,EACtB,qBAAqB,EACtB,MAAM,sDAAsD,CAAC;AAC9D,OAAO,IAAI,MAAM,+BAA+B,CAAC;AACjD,OAAO,CAAC,MAAM,eAAe,CAAC;AAC9B,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,KAAK,MAAM,gBAAgB,CAAC;AACnC,OAAO,iBAAiB,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACxD,OAAO,QAAQ,MAAM,oBAAoB,CAAC;AAC1C,OAAO,EAAE,EAAE,EAAE,MAAM,SAAS,CAAC;AAE7B,MAAM,CAAC,OAAO,UAAU,kBAAkB;IACxC,OAAO,CACL,oBAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE;QACzD,oBAAC,sBAAsB;YACrB,iCAAS,SAAS,EAAE,EAAE,CAAC,YAAY,EAAE,aAAa,CAAC;gBACjD,4BAAI,SAAS,EAAE,SAAS,IAAG,CAAC,CAAC,iBAAiB,CAAC,CAAM;gBACrD,oBAAC,IAAI,IAAC,IAAI,EAAE,EAAE,KAAK,EAAE,iBAAiB,EAAE,GAAI;gBAC5C,oBAAC,kBAAkB,OAAG,CACd,CACa,CAChB,CACZ,CAAC;AACJ,CAAC;AAED,SAAS,kBAAkB;IACzB,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,WAAW,EAAE,OAAO,EAAE,eAAe,EAAE,GACtE,qBAAqB,EAAE,CAAC;IAE1B,IAAI,SAAS,EAAE;QACb,OAAO,CACL,2BAAG,KAAK,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE,IAC1B,CAAC,CACA,qGAAqG,CACtG,CACC,CACL,CAAC;KACH;IAED,OAAO,CACL;QACE,oBAAC,KAAK,kBAAC,KAAK,EAAE,CAAC,CAAC,6BAA6B,CAAC,IAAM,eAAe,EAAI;QAEtE,WAAW,IAAI,CACd,oBAAC,WAAW,IAAC,KAAK,EAAE,EAAE,YAAY,EAAE,KAAK,EAAE,IAAG,WAAW,CAAe,CACzE;QAED,oBAAC,iBAAiB,IAChB,OAAO,EAAE,YAAY,EACrB,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,OAAO,IAEjB,CAAC,CAAC,QAAQ,CAAC,CACM,CACnB,CACJ,CAAC;AACJ,CAAC"}

package/dist/src/components/Auth/ForgotPassword.loadable.js

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

package/dist/src/components/Auth/ForgotPassword.loadable.js.map

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

package/dist/src/components/Auth/LogInPage.js

@@ -0,0 +1,69 @@
+import LogInFormProvider from '@jetshop/ui/Auth/LogInFormProvider';
+import t from '@jetshop/intl';
+import React from 'react';
+import { styled } from 'linaria/react';
+import { css, cx } from 'linaria';
+import { Link } from 'react-router-dom';
+import { GlobalError } from '../Forms/GlobalError';
+import Input from '../Forms/Input';
+import MaxWidth from '../Layout/MaxWidth';
+import TrendButton from '../ui/Button';
+import { smallCaps } from '../ui/Headings';
+import { activeSegment, smallSection } from './UI/Form';
+import { useShopConfig } from '@jetshop/core/hooks/useShopConfig';
+import { Intl } from '@jetshop/intl';
+import Head from '@jetshop/core/components/Head';
+import { Helmet } from 'react-helmet-async';
+import { theme } from '../Theme';
+const StyledTrendButton = styled(TrendButton) `
+  align-self: center;
+`;
+const actionWrapper = css `
+  border: 0;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  > * {
+    flex: 1 1 calc(50% - 1em);
+  }
+`;
+const TextLink = styled(Link) `
+  text-decoration: none;
+  color: ${theme.colors.blue};
+  text-align: right;
+  font-size: 0.875em;
+  :hover {
+    opacity: 0.8;
+  }
+  &.signup-link {
+    margin-left: auto;
+  }
+`;
+const LogInPageMaxWidth = styled(MaxWidth) `
+  align-items: center;
+  justify-content: flex-start;
+  margin-top: 2rem;
+`;
+function LogInPage() {
+    const { routes } = useShopConfig();
+    return (React.createElement(LogInPageMaxWidth, null,
+        React.createElement(Intl, null, t => React.createElement(Head, { data: { title: t('Login') } })),
+        React.createElement(Helmet, null,
+            React.createElement("meta", { name: "robots", content: "noindex" })),
+        React.createElement(LogInFormProvider, { redirect: "my-pages" }, ({ globalError, isSubmitting, isValid }) => (React.createElement("section", { className: cx(smallSection, activeSegment) },
+            React.createElement("header", { style: {
+                    display: 'flex',
+                    alignItems: 'center',
+                    marginBottom: '0.75rem'
+                } },
+                React.createElement("h1", { className: smallCaps, style: { marginBottom: 0 } }, t('Login')),
+                React.createElement(TextLink, { to: routes.signup.path, className: "signup-link" }, t('Not yet a member? Sign Up'))),
+            React.createElement(Input, { "data-testid": "email", type: "email", name: "email", label: t('E-mail address') }),
+            React.createElement(Input, { "data-testid": "password", type: "password", name: "password", label: t('Password') }),
+            globalError && (React.createElement(GlobalError, { style: { marginBottom: '2em' } }, globalError)),
+            React.createElement("section", { className: actionWrapper },
+                React.createElement(StyledTrendButton, { type: "submit", disabled: !isValid, loading: isSubmitting, loadingText: t('Hold on a moment...') }, t('Log in')),
+                React.createElement(TextLink, { to: routes.forgotPassword.path }, t('Forgot password?'))))))));
+}
+export default LogInPage;
+//# sourceMappingURL=LogInPage.js.map

package/dist/src/components/Auth/LogInPage.js.map

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

package/dist/src/components/Auth/LogInPage.loadable.js

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

package/dist/src/components/Auth/LogInPage.loadable.js.map

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

package/dist/src/components/Auth/ResetPassword.js

@@ -0,0 +1,30 @@
+import React from 'react';
+import MaxWidth from '../Layout/MaxWidth';
+import { useResetPasswordForm, ResetPasswordProvider } from '@jetshop/core/components/Auth/ResetPasswordProvider';
+import { smallSection } from './UI/Form';
+import InputWithLabel from '../Forms/Input';
+import t from '@jetshop/intl';
+import ButtonWithLoading from '../ui/Button';
+import { GlobalError } from '../Forms/GlobalError';
+import Head from '@jetshop/core/components/Head';
+import { Link } from 'react-router-dom';
+import { useShopConfig } from '@jetshop/core/hooks/useShopConfig';
+export default function ResetPasswordPage() {
+    return (React.createElement(ResetPasswordProvider, null,
+        React.createElement(ResetPassword, null)));
+}
+function ResetPassword(props) {
+    const { globalError, passwordInputProps, isSubmitting, isValid, submitted } = useResetPasswordForm();
+    const { routes } = useShopConfig();
+    return (React.createElement(MaxWidth, { style: { alignItems: 'center', marginTop: '2em' } },
+        React.createElement(Head, { data: { title: 'Reset Password' } }),
+        React.createElement("section", { className: smallSection }, submitted ? (React.createElement(React.Fragment, null,
+            React.createElement("p", null, t('Your password has been reset.')),
+            React.createElement("p", null, t.rich('You can now {login} with your new password', {
+                login: React.createElement(Link, { to: routes.login.path }, "Log in")
+            })))) : (React.createElement(React.Fragment, null,
+            React.createElement(InputWithLabel, Object.assign({}, passwordInputProps, { label: t('Please enter your new password') })),
+            globalError && (React.createElement(GlobalError, { style: { marginBottom: '1em' } }, globalError)),
+            React.createElement(ButtonWithLoading, { loading: isSubmitting, type: "submit", disabled: !isValid }, t('Submit')))))));
+}
+//# sourceMappingURL=ResetPassword.js.map

package/dist/src/components/Auth/ResetPassword.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResetPassword.js","sourceRoot":"","sources":["../../../../src/components/Auth/ResetPassword.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,QAAQ,MAAM,oBAAoB,CAAC;AAC1C,OAAO,EACL,oBAAoB,EACpB,qBAAqB,EACtB,MAAM,qDAAqD,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACzC,OAAO,cAAc,MAAM,gBAAgB,CAAC;AAC5C,OAAO,CAAC,MAAM,eAAe,CAAC;AAC9B,OAAO,iBAAiB,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,IAAI,MAAM,+BAA+B,CAAC;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAElE,MAAM,CAAC,OAAO,UAAU,iBAAiB;IACvC,OAAO,CACL,oBAAC,qBAAqB;QACpB,oBAAC,aAAa,OAAG,CACK,CACzB,CAAC;AACJ,CAAC;AAED,SAAS,aAAa,CAAC,KAAK;IAC1B,MAAM,EACJ,WAAW,EACX,kBAAkB,EAClB,YAAY,EACZ,OAAO,EACP,SAAS,EACV,GAAG,oBAAoB,EAAE,CAAC;IAC3B,MAAM,EAAE,MAAM,EAAE,GAAG,aAAa,EAAE,CAAC;IAEnC,OAAO,CACL,oBAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE;QACzD,oBAAC,IAAI,IAAC,IAAI,EAAE,EAAE,KAAK,EAAE,gBAAgB,EAAE,GAAI;QAE3C,iCAAS,SAAS,EAAE,YAAY,IAC7B,SAAS,CAAC,CAAC,CAAC,CACX;YACE,+BAAI,CAAC,CAAC,+BAA+B,CAAC,CAAK;YAC3C,+BACG,CAAC,CAAC,IAAI,CAAC,4CAA4C,EAAE;gBACpD,KAAK,EAAE,oBAAC,IAAI,IAAC,EAAE,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI,aAAe;aAClD,CAAC,CACA,CACH,CACJ,CAAC,CAAC,CAAC,CACF;YACE,oBAAC,cAAc,oBACT,kBAAkB,IACtB,KAAK,EAAE,CAAC,CAAC,gCAAgC,CAAC,IAC1C;YAED,WAAW,IAAI,CACd,oBAAC,WAAW,IAAC,KAAK,EAAE,EAAE,YAAY,EAAE,KAAK,EAAE,IACxC,WAAW,CACA,CACf;YAED,oBAAC,iBAAiB,IAChB,OAAO,EAAE,YAAY,EACrB,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,OAAO,IAEjB,CAAC,CAAC,QAAQ,CAAC,CACM,CACnB,CACJ,CACO,CACD,CACZ,CAAC;AACJ,CAAC"}

package/dist/src/components/Auth/ResetPassword.loadable.js

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

package/dist/src/components/Auth/ResetPassword.loadable.js.map

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

package/dist/src/components/Auth/Signup/Address.js

@@ -0,0 +1,34 @@
+import useAddressFields from '@jetshop/core/components/Auth/useAddressFields';
+import t from '@jetshop/intl';
+import { CountriesInput } from '@jetshop/ui/Auth/FormFields/CountriesInput';
+import { css, cx } from 'linaria';
+import React from 'react';
+import Input, { Label } from '../../Forms/Input';
+import { PID } from './PID';
+import { CustomerType } from './CustomerType';
+import { SmallCaps } from '../../ui/Headings';
+import { activeSegment } from '../UI/Form';
+const sectionStyle = css `
+  margin-top: 2em;
+`;
+export default function Address(props) {
+    const { fields, setCountryByCode, countries } = useAddressFields();
+    function focusSection() {
+        // Used to add a highlight to this section when it is active
+        if (!props.isActive)
+            props.setActiveSection('address');
+    }
+    return (React.createElement("section", { className: cx('section', props.isActive ? 'active' : null, sectionStyle, activeSegment) },
+        React.createElement(SmallCaps, { className: "heading" }, t('Contact Details')),
+        React.createElement("p", null, t('Please fill in your contact details for shipping and communication.')),
+        React.createElement(CustomerType, null),
+        React.createElement("div", { style: { marginBottom: '2em' } },
+            React.createElement(Label, { htmlFor: "country" }, "Country"),
+            React.createElement(CountriesInput, { onFocus: focusSection, name: "country", onChange: e => setCountryByCode(e.currentTarget.value), countries: countries })),
+        React.createElement(PID, null),
+        fields.map(field => {
+            // Map over billingAddressFields and display them
+            return React.createElement(Input, Object.assign({ onFocus: focusSection }, field.inputProps));
+        })));
+}
+//# sourceMappingURL=Address.js.map

package/dist/src/components/Auth/Signup/Address.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Address.js","sourceRoot":"","sources":["../../../../../src/components/Auth/Signup/Address.js"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,MAAM,gDAAgD,CAAC;AAC9E,OAAO,CAAC,MAAM,eAAe,CAAC;AAC9B,OAAO,EAAE,cAAc,EAAE,MAAM,4CAA4C,CAAC;AAC5E,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,SAAS,CAAC;AAClC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAE3C,MAAM,YAAY,GAAG,GAAG,CAAA;;CAEvB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,KAAK;IACnC,MAAM,EAAE,MAAM,EAAE,gBAAgB,EAAE,SAAS,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAEnE,SAAS,YAAY;QACnB,4DAA4D;QAC5D,IAAI,CAAC,KAAK,CAAC,QAAQ;YAAE,KAAK,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAAC;IACzD,CAAC;IAED,OAAO,CACL,iCACE,SAAS,EAAE,EAAE,CACX,SAAS,EACT,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,EAChC,YAAY,EACZ,aAAa,CACd;QAED,oBAAC,SAAS,IAAC,SAAS,EAAC,SAAS,IAAE,CAAC,CAAC,iBAAiB,CAAC,CAAa;QAEjE,+BACG,CAAC,CACA,qEAAqE,CACtE,CACC;QAEJ,oBAAC,YAAY,OAAG;QAEhB,6BAAK,KAAK,EAAE,EAAE,YAAY,EAAE,KAAK,EAAE;YACjC,oBAAC,KAAK,IAAC,OAAO,EAAC,SAAS,cAAgB;YACxC,oBAAC,cAAc,IACb,OAAO,EAAE,YAAY,EACrB,IAAI,EAAC,SAAS,EACd,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,EACtD,SAAS,EAAE,SAAS,GACpB,CACE;QAEN,oBAAC,GAAG,OAAG;QAEN,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE;YAClB,iDAAiD;YACjD,OAAO,oBAAC,KAAK,kBAAC,OAAO,EAAE,YAAY,IAAM,KAAK,CAAC,UAAU,EAAI,CAAC;QAChE,CAAC,CAAC,CACM,CACX,CAAC;AACJ,CAAC"}

package/dist/src/components/Auth/Signup/CustomerType.js

@@ -0,0 +1,30 @@
+import { SignupContext } from '@jetshop/core/components/Auth/signup-context';
+import t from '@jetshop/intl';
+import CheckboxGroup from '@jetshop/ui/Checkbox/CheckboxGroup';
+import React, { useContext } from 'react';
+import { css } from 'linaria';
+const checkboxWrapStyle = css `
+  margin-bottom: 1em;
+  display: flex;
+  label {
+    justify-content: flex-start;
+    align-items: center;
+    + label {
+      margin-left: 1.5em;
+    }
+  }
+`;
+// Checkbox group variables
+const items = [
+    { label: t('Private'), val: 'private' },
+    { label: t('Company'), val: 'company' }
+];
+export function CustomerType() {
+    const { isUserTypeBusiness, setIsUserTypeBusiness } = useContext(SignupContext);
+    function handleChange(type) {
+        setIsUserTypeBusiness(type === 'company');
+    }
+    const selectedItem = !isUserTypeBusiness ? items[0].val : items[1].val;
+    return (React.createElement(CheckboxGroup, { items: items, selectedItem: selectedItem, handleChange: handleChange, className: checkboxWrapStyle }));
+}
+//# sourceMappingURL=CustomerType.js.map

package/dist/src/components/Auth/Signup/CustomerType.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomerType.js","sourceRoot":"","sources":["../../../../../src/components/Auth/Signup/CustomerType.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,8CAA8C,CAAC;AAC7E,OAAO,CAAC,MAAM,eAAe,CAAC;AAC9B,OAAO,aAAa,MAAM,oCAAoC,CAAC;AAC/D,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,GAAG,EAAE,MAAM,SAAS,CAAC;AAE9B,MAAM,iBAAiB,GAAG,GAAG,CAAA;;;;;;;;;;CAU5B,CAAC;AAEF,2BAA2B;AAC3B,MAAM,KAAK,GAAG;IACZ,EAAE,KAAK,EAAE,CAAC,CAAC,SAAS,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE;IACvC,EAAE,KAAK,EAAE,CAAC,CAAC,SAAS,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE;CACxC,CAAC;AAEF,MAAM,UAAU,YAAY;IAC1B,MAAM,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,GAAG,UAAU,CAC9D,aAAa,CACd,CAAC;IAEF,SAAS,YAAY,CAAC,IAAI;QACxB,qBAAqB,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC;IAC5C,CAAC;IAED,MAAM,YAAY,GAAG,CAAC,kBAAkB,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;IAEvE,OAAO,CACL,oBAAC,aAAa,IACZ,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,iBAAiB,GAC5B,CACH,CAAC;AACJ,CAAC"}

package/dist/src/components/Auth/Signup/LoginFields.js

@@ -0,0 +1,31 @@
+import t from '@jetshop/intl';
+import useLoginFields from '@jetshop/core/components/Auth/useLoginFields';
+import useSignupForm from '@jetshop/core/components/Auth/useSignupForm';
+import { TrendButton } from '@jetshop/ui/Button';
+import { css, cx } from 'linaria';
+import React from 'react';
+import Input from '../../Forms/Input';
+import { GlobalError } from '../../Forms/GlobalError';
+import { SmallCaps } from '../../ui/Headings';
+import { activeSegment } from '../UI/Form';
+import { useSignupValidation } from './useSignupValidation';
+const sectionStyle = css `
+  margin-top: 2em;
+`;
+export default function LoginFields(props) {
+    const { fields } = useLoginFields();
+    const { isSignupError, validationDetails, isSubmitting } = useSignupForm();
+    const validationMessage = useSignupValidation(validationDetails);
+    function focusSection() {
+        if (!props.isActive)
+            props.setActiveSection('loginFields');
+    }
+    return (React.createElement("section", { className: cx('section', props.isActive ? 'active' : null, sectionStyle, activeSegment) },
+        React.createElement(SmallCaps, { className: "heading" }, t('Email & Password')),
+        isSignupError && (React.createElement(GlobalError, { style: { marginBottom: '2em' } }, validationMessage)),
+        fields.map(field => {
+            return React.createElement(Input, Object.assign({}, field.inputProps, { onFocus: focusSection }));
+        }),
+        React.createElement(TrendButton, { "data-testid": "sign-up-button", type: "submit", disabled: isSubmitting }, isSubmitting ? t('Hold on a moment…') : t('Create Profile'))));
+}
+//# sourceMappingURL=LoginFields.js.map

package/dist/src/components/Auth/Signup/LoginFields.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoginFields.js","sourceRoot":"","sources":["../../../../../src/components/Auth/Signup/LoginFields.js"],"names":[],"mappings":"AAAA,OAAO,CAAC,MAAM,eAAe,CAAC;AAC9B,OAAO,cAAc,MAAM,8CAA8C,CAAC;AAC1E,OAAO,aAAa,MAAM,6CAA6C,CAAC;AACxE,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,SAAS,CAAC;AAClC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,MAAM,mBAAmB,CAAC;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAC3C,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAE5D,MAAM,YAAY,GAAG,GAAG,CAAA;;CAEvB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,KAAK;IACvC,MAAM,EAAE,MAAM,EAAE,GAAG,cAAc,EAAE,CAAC;IACpC,MAAM,EAAE,aAAa,EAAE,iBAAiB,EAAE,YAAY,EAAE,GAAG,aAAa,EAAE,CAAC;IAC3E,MAAM,iBAAiB,GAAG,mBAAmB,CAAC,iBAAiB,CAAC,CAAC;IAEjE,SAAS,YAAY;QACnB,IAAI,CAAC,KAAK,CAAC,QAAQ;YAAE,KAAK,CAAC,gBAAgB,CAAC,aAAa,CAAC,CAAC;IAC7D,CAAC;IAED,OAAO,CACL,iCACE,SAAS,EAAE,EAAE,CACX,SAAS,EACT,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,EAChC,YAAY,EACZ,aAAa,CACd;QAED,oBAAC,SAAS,IAAC,SAAS,EAAC,SAAS,IAAE,CAAC,CAAC,kBAAkB,CAAC,CAAa;QAEjE,aAAa,IAAI,CAChB,oBAAC,WAAW,IAAC,KAAK,EAAE,EAAE,YAAY,EAAE,KAAK,EAAE,IACxC,iBAAiB,CACN,CACf;QAEA,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE;YAClB,OAAO,oBAAC,KAAK,oBAAK,KAAK,CAAC,UAAU,IAAE,OAAO,EAAE,YAAY,IAAI,CAAC;QAChE,CAAC,CAAC;QAEF,oBAAC,WAAW,mBACE,gBAAgB,EAC5B,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,YAAY,IAErB,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAChD,CACN,CACX,CAAC;AACJ,CAAC"}

package/dist/src/components/Auth/Signup/PID.js

@@ -0,0 +1,11 @@
+import { SignupContext } from '@jetshop/core/components/Auth/signup-context';
+import Input from '../../Forms/Input';
+import React, { useContext } from 'react';
+export function PID() {
+    const { allFields } = useContext(SignupContext);
+    const pid = allFields.find(field => field.id === 'pid' || field.id === 'organizationNumber');
+    if (!pid)
+        return null;
+    return (React.createElement(Input, { type: pid.type, name: pid.name, label: pid.label, required: pid.required }));
+}
+//# sourceMappingURL=PID.js.map

package/dist/src/components/Auth/Signup/PID.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PID.js","sourceRoot":"","sources":["../../../../../src/components/Auth/Signup/PID.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,8CAA8C,CAAC;AAC7E,OAAO,KAAK,MAAM,mBAAmB,CAAC;AACtC,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAE1C,MAAM,UAAU,GAAG;IACjB,MAAM,EAAE,SAAS,EAAE,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;IAEhD,MAAM,GAAG,GAAG,SAAS,CAAC,IAAI,CACxB,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,KAAK,IAAI,KAAK,CAAC,EAAE,KAAK,oBAAoB,CACjE,CAAC;IAEF,IAAI,CAAC,GAAG;QAAE,OAAO,IAAI,CAAC;IAEtB,OAAO,CACL,oBAAC,KAAK,IACJ,IAAI,EAAE,GAAG,CAAC,IAAI,EACd,IAAI,EAAE,GAAG,CAAC,IAAI,EACd,KAAK,EAAE,GAAG,CAAC,KAAK,EAChB,QAAQ,EAAE,GAAG,CAAC,QAAQ,GACtB,CACH,CAAC;AACJ,CAAC"}

package/dist/src/components/Auth/Signup/SSN.js

@@ -0,0 +1,29 @@
+import t from '@jetshop/intl';
+import SSN from '@jetshop/ui/Auth/SSN';
+import { TrendButton } from '@jetshop/ui/Button';
+import { cx } from 'linaria';
+import { Form } from 'formik';
+import React from 'react';
+import Input from '../../Forms/Input';
+/**
+ * This is unused in its current form, but will be used once SSN lookup is
+ * supported by Flight.
+ */
+export default function SSNSection(props) {
+    function handleFocus() {
+        if (!props.isActive)
+            props.setActiveSection('ssn');
+    }
+    return (React.createElement(SSN, { onSuccess: () => {
+            props.setActiveSection('address');
+        } }, ({ formik }) => (React.createElement("section", { className: cx('section', props.isActive ? 'active' : null) },
+        React.createElement(Form, { "aria-describedby": "ssn-description" },
+            React.createElement("h1", { className: "heading" }, t('Create profile')),
+            React.createElement("p", null, t('Welcome to our online store! Enter your Social Security and we will try to fetch the required information. You can also fill it in manually.')),
+            React.createElement(Input, { type: "text", name: "ssn", label: t('Social Security Number'), onFocus: handleFocus }),
+            React.createElement(TrendButton, { type: "submit", disabled: !formik.isValid || formik.isSubmitting, onClick: formik.handleSubmit }, formik.isSubmitting
+                ? t('Hold on a moment…')
+                : t('Look up my info')),
+            React.createElement("div", { id: "ssn-description", className: "hint" }, t('Or scroll down to fill in the rest manually')))))));
+}
+//# sourceMappingURL=SSN.js.map

package/dist/src/components/Auth/Signup/SSN.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SSN.js","sourceRoot":"","sources":["../../../../../src/components/Auth/Signup/SSN.js"],"names":[],"mappings":"AAAA,OAAO,CAAC,MAAM,eAAe,CAAC;AAC9B,OAAO,GAAG,MAAM,sBAAsB,CAAC;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,EAAE,EAAE,EAAE,MAAM,SAAS,CAAC;AAC7B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,MAAM,mBAAmB,CAAC;AAEtC;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK;IACtC,SAAS,WAAW;QAClB,IAAI,CAAC,KAAK,CAAC,QAAQ;YAAE,KAAK,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC;IACrD,CAAC;IAED,OAAO,CACL,oBAAC,GAAG,IACF,SAAS,EAAE,GAAG,EAAE;YACd,KAAK,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAAC;QACpC,CAAC,IAEA,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CACf,iCAAS,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC;QACjE,oBAAC,IAAI,wBAAkB,iBAAiB;YACtC,4BAAI,SAAS,EAAC,SAAS,IAAE,CAAC,CAAC,gBAAgB,CAAC,CAAM;YAClD,+BACG,CAAC,CACA,8IAA8I,CAC/I,CACC;YACJ,oBAAC,KAAK,IACJ,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,KAAK,EACV,KAAK,EAAE,CAAC,CAAC,wBAAwB,CAAC,EAClC,OAAO,EAAE,WAAW,GACpB;YACF,oBAAC,WAAW,IACV,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,MAAM,CAAC,OAAO,IAAI,MAAM,CAAC,YAAY,EAChD,OAAO,EAAE,MAAM,CAAC,YAAY,IAE3B,MAAM,CAAC,YAAY;gBAClB,CAAC,CAAC,CAAC,CAAC,mBAAmB,CAAC;gBACxB,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,CACZ;YACd,6BAAK,EAAE,EAAC,iBAAiB,EAAC,SAAS,EAAC,MAAM,IACvC,CAAC,CAAC,6CAA6C,CAAC,CAC7C,CACD,CACC,CACX,CACG,CACP,CAAC;AACJ,CAAC"}

package/dist/src/components/Auth/Signup/SignUpPage.js

@@ -0,0 +1,78 @@
+import SignupFormProvider from '@jetshop/core/components/Auth/SignupFormContainer';
+import useAuth from '@jetshop/core/components/AuthContext/useAuth';
+import t from '@jetshop/intl';
+import React, { useState } from 'react';
+import { styled } from 'linaria/react';
+import { cx } from 'linaria';
+import { Redirect } from 'react-router';
+import BaseMaxWidth from '../../Layout/MaxWidth';
+import LoadingPage from '../../LoadingPage';
+import { smallCaps } from '../../ui/Headings';
+import { smallSection } from '../UI/Form';
+import Address from './Address';
+import LoginFields from './LoginFields';
+import { useShopConfig } from '@jetshop/core/hooks/useShopConfig';
+import { Intl } from '@jetshop/intl';
+import Head from '@jetshop/core/components/Head';
+import { theme } from '../../Theme';
+const MaxWidth = styled(BaseMaxWidth) `
+  align-items: center;
+
+  p {
+    line-height: 1.5;
+    font-size: 0.875rem;
+    margin-bottom: 1rem;
+  }
+
+  button {
+    width: 100%;
+    max-width: 100%;
+  }
+
+  .hint {
+    margin-top: 0.5rem;
+    font-style: italic;
+    font-size: 0.75rem;
+    text-align: center;
+  }
+
+  .section {
+    &:before {
+      opacity: 0;
+    }
+    margin-bottom: 2rem;
+    transition: opacity 0.6s ease;
+    opacity: 0.5;
+
+    &.active {
+      opacity: 1;
+      &:before {
+        opacity: 1;
+      }
+    }
+  }
+`;
+const Spacer = styled('div') `
+  border-bottom: 2rem solid ${theme.colors.background};
+`;
+function SignUpPage() {
+    const [activeSection, setActiveSection] = useState('address');
+    const { loggedIn } = useAuth();
+    const { routes } = useShopConfig();
+    if (loggedIn) {
+        return React.createElement(Redirect, { to: routes.myPages.path });
+    }
+    return (React.createElement(SignupFormProvider, { LoadingComponent: React.createElement(LoadingPage, null) },
+        React.createElement(MaxWidth, { style: { marginTop: '2em' } },
+            React.createElement(Intl, null, t => React.createElement(Head, { data: { title: t('Signup') } })),
+            React.createElement("section", { className: smallSection },
+                React.createElement("h1", { className: cx('heading', smallCaps) }, "Sign up"),
+                React.createElement("p", null, t('Welcome to our online store! We need to create a profile before you continue.')),
+                React.createElement("div", { onClick: () => setActiveSection('address') },
+                    React.createElement(Address, { isActive: activeSection === 'address', setActiveSection: setActiveSection })),
+                React.createElement(Spacer, null),
+                React.createElement("div", { onClick: () => setActiveSection('loginFields') },
+                    React.createElement(LoginFields, { isActive: activeSection === 'loginFields', setActiveSection: setActiveSection }))))));
+}
+export default SignUpPage;
+//# sourceMappingURL=SignUpPage.js.map

package/dist/src/components/Auth/Signup/SignUpPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SignUpPage.js","sourceRoot":"","sources":["../../../../../src/components/Auth/Signup/SignUpPage.js"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,MAAM,mDAAmD,CAAC;AACnF,OAAO,OAAO,MAAM,8CAA8C,CAAC;AACnE,OAAO,CAAC,MAAM,eAAe,CAAC;AAC9B,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,EAAE,EAAE,EAAE,MAAM,SAAS,CAAC;AAC7B,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,YAAY,MAAM,uBAAuB,CAAC;AACjD,OAAO,WAAW,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAC1C,OAAO,OAAO,MAAM,WAAW,CAAC;AAChC,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACrC,OAAO,IAAI,MAAM,+BAA+B,CAAC;AAEjD,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAEpC,MAAM,QAAQ,GAAG,MAAM,CAAC,YAAY,CAAC,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoCpC,CAAC;AAEF,MAAM,MAAM,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;8BACE,KAAK,CAAC,MAAM,CAAC,UAAU;CACpD,CAAC;AAEF,SAAS,UAAU;IACjB,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC;IAC9D,MAAM,EAAE,QAAQ,EAAE,GAAG,OAAO,EAAE,CAAC;IAC/B,MAAM,EAAE,MAAM,EAAE,GAAG,aAAa,EAAE,CAAC;IAEnC,IAAI,QAAQ,EAAE;QACZ,OAAO,oBAAC,QAAQ,IAAC,EAAE,EAAE,MAAM,CAAC,OAAO,CAAC,IAAI,GAAI,CAAC;KAC9C;IAED,OAAO,CACL,oBAAC,kBAAkB,IAAC,gBAAgB,EAAE,oBAAC,WAAW,OAAG;QACnD,oBAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE;YACnC,oBAAC,IAAI,QAAE,CAAC,CAAC,EAAE,CAAC,oBAAC,IAAI,IAAC,IAAI,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,QAAQ,CAAC,EAAE,GAAI,CAAQ;YAC1D,iCAAS,SAAS,EAAE,YAAY;gBAC9B,4BAAI,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC,cAAc;gBACrD,+BACG,CAAC,CACA,+EAA+E,CAChF,CACC;gBAEJ,6BAAK,OAAO,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,SAAS,CAAC;oBAC7C,oBAAC,OAAO,IACN,QAAQ,EAAE,aAAa,KAAK,SAAS,EACrC,gBAAgB,EAAE,gBAAgB,GAClC,CACE;gBAEN,oBAAC,MAAM,OAAG;gBAEV,6BAAK,OAAO,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,aAAa,CAAC;oBACjD,oBAAC,WAAW,IACV,QAAQ,EAAE,aAAa,KAAK,aAAa,EACzC,gBAAgB,EAAE,gBAAgB,GAClC,CACE,CACE,CACD,CACQ,CACtB,CAAC;AACJ,CAAC;AAED,eAAe,UAAU,CAAC"}

package/dist/src/components/Auth/Signup/SignUpPage.loadable.js

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

package/dist/src/components/Auth/Signup/SignUpPage.loadable.js.map

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

package/dist/src/components/Auth/Signup/useSignupValidation.js

@@ -0,0 +1,29 @@
+import t from '@jetshop/intl';
+const fields = {
+    InvalidValue: {
+        Pid: t('PID is invalid'),
+        EmailAddress: t('Email address is invalid.'),
+        PostalCode: t('Postal code is invalid.')
+    },
+    UniqueValueAlreadyExists: {
+        Pid: t('This PID is already registered'),
+        EmailAddress: t('Your email address is already registered.')
+    },
+    Required: {
+        Pid: t('PID is required'),
+        EmailAddress: t('Email address is required.'),
+        PostalCode: t('Postal code is required.')
+    }
+};
+export function useSignupValidation(validationDetails) {
+    var _a;
+    if (!validationDetails) {
+        return null;
+    }
+    const [field, validation] = validationDetails;
+    if (!((_a = fields === null || fields === void 0 ? void 0 : fields[validation]) === null || _a === void 0 ? void 0 : _a[field])) {
+        return t('Something went wrong. Please try again.');
+    }
+    return fields[validation][field];
+}
+//# sourceMappingURL=useSignupValidation.js.map

package/dist/src/components/Auth/Signup/useSignupValidation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSignupValidation.js","sourceRoot":"","sources":["../../../../../src/components/Auth/Signup/useSignupValidation.js"],"names":[],"mappings":"AAAA,OAAO,CAAC,MAAM,eAAe,CAAC;AAE9B,MAAM,MAAM,GAAG;IACb,YAAY,EAAE;QACZ,GAAG,EAAE,CAAC,CAAC,gBAAgB,CAAC;QACxB,YAAY,EAAE,CAAC,CAAC,2BAA2B,CAAC;QAC5C,UAAU,EAAE,CAAC,CAAC,yBAAyB,CAAC;KACzC;IACD,wBAAwB,EAAE;QACxB,GAAG,EAAE,CAAC,CAAC,gCAAgC,CAAC;QACxC,YAAY,EAAE,CAAC,CAAC,2CAA2C,CAAC;KAC7D;IACD,QAAQ,EAAE;QACR,GAAG,EAAE,CAAC,CAAC,iBAAiB,CAAC;QACzB,YAAY,EAAE,CAAC,CAAC,4BAA4B,CAAC;QAC7C,UAAU,EAAE,CAAC,CAAC,0BAA0B,CAAC;KAC1C;CACF,CAAC;AAEF,MAAM,UAAU,mBAAmB,CAAC,iBAAiB;;IACnD,IAAI,CAAC,iBAAiB,EAAE;QACtB,OAAO,IAAI,CAAC;KACb;IAED,MAAM,CAAC,KAAK,EAAE,UAAU,CAAC,GAAG,iBAAiB,CAAC;IAE9C,IAAI,CAAC,CAAA,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAG,UAAU,CAAC,0CAAG,KAAK,CAAC,CAAA,EAAE;QAClC,OAAO,CAAC,CAAC,yCAAyC,CAAC,CAAC;KACrD;IAED,OAAO,MAAM,CAAC,UAAU,CAAC,CAAC,KAAK,CAAC,CAAC;AACnC,CAAC"}

package/dist/src/components/Auth/UI/Form.js

@@ -0,0 +1,33 @@
+import { css } from 'linaria';
+import { theme } from '../../Theme';
+export const smallSection = css `
+  display: flex;
+  flex-direction: column;
+  padding: ${theme.space[1]};
+  width: 30rem;
+  max-width: 100%;
+  label {
+    display: flex;
+    align-items: baseline;
+    justify-content: space-between;
+  }
+
+  ${theme.below.sm} {
+    width: 100%;
+  }
+`;
+export const activeSegment = css `
+  position: relative;
+  ::before {
+    content: '';
+    position: absolute;
+    left: -1.5rem;
+    top: 0;
+    bottom: 0;
+    width: 3px;
+    height: 100%;
+    background: ${theme.colors.blue};
+    transition: opacity 0.4s ease;
+  }
+`;
+//# sourceMappingURL=Form.js.map

package/dist/src/components/Auth/UI/Form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form.js","sourceRoot":"","sources":["../../../../../src/components/Auth/UI/Form.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,SAAS,CAAC;AAC9B,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAEpC,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAAA;;;aAGlB,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;;;;;;;;;IASvB,KAAK,CAAC,KAAK,CAAC,EAAE;;;CAGjB,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAAA;;;;;;;;;;kBAUd,KAAK,CAAC,MAAM,CAAC,IAAI;;;CAGlC,CAAC"}

package/dist/src/components/Cart/CartButton.js

@@ -0,0 +1,46 @@
+import React from 'react';
+import { css } from 'linaria';
+import { styled } from 'linaria/react';
+import CartProvider from '@jetshop/core/components/Query/CartProvider';
+import t from '@jetshop/intl';
+import { Above } from '@jetshop/ui/Breakpoints';
+import { DrawerTrigger } from '@jetshop/ui/Modal/Drawer/DrawerTrigger';
+import { FlyoutTrigger } from '@jetshop/ui/Modal/Flyout';
+import { ReactComponent as CartIcon } from '../../svg/Cart.svg';
+import Badge from '../ui/Badge';
+import cartQuery from './queries/cartQuery.gql';
+const Button = styled('button') `
+  padding: 0;
+  background: transparent;
+  color: inherit;
+  border: 0;
+  outline: none;
+`;
+const cartButtonWrapper = css `
+  position: relative;
+  .badge {
+    position: absolute;
+    right: -5px;
+    top: -5px;
+    pointer-events: none;
+    color: white;
+    font-size: 8px;
+  }
+`;
+function CartButton({ target, itemsInCart, className }) {
+    return (React.createElement("div", { className: cartButtonWrapper },
+        React.createElement(Button, { className: className, "data-testid": "cart-button", onClick: target.isOpen ? target.hideTarget : target.showTarget },
+            React.createElement(CartIcon, { className: "badge-svg-wrapper" }),
+            React.createElement("span", null, t('Cart'))),
+        itemsInCart > 0 && React.createElement(Badge, { text: itemsInCart })));
+}
+function CartButtonFlyout({ className }) {
+    return (React.createElement(CartProvider, { query: cartQuery }, result => {
+        var _a, _b;
+        const itemsInCart = ((_b = (_a = result === null || result === void 0 ? void 0 : result.data) === null || _a === void 0 ? void 0 : _a.cart) === null || _b === void 0 ? void 0 : _b.totalQuantity) || 0;
+        // Drawer on mobile, flyout on desktop
+        return (React.createElement(Above, { breakpoint: "md" }, matches => matches ? (React.createElement(FlyoutTrigger, { id: "cart-flyout" }, flyout => (React.createElement(CartButton, { className: className, target: flyout, itemsInCart: itemsInCart })))) : (React.createElement(DrawerTrigger, { preventOverflow: true, id: "cart-drawer" }, drawer => (React.createElement(CartButton, { className: className, target: drawer, itemsInCart: itemsInCart }))))));
+    }));
+}
+export default CartButtonFlyout;
+//# sourceMappingURL=CartButton.js.map

package/dist/src/components/Cart/CartButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CartButton.js","sourceRoot":"","sources":["../../../../src/components/Cart/CartButton.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,MAAM,SAAS,CAAC;AAC9B,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAEvC,OAAO,YAAY,MAAM,6CAA6C,CAAC;AACvE,OAAO,CAAC,MAAM,eAAe,CAAC;AAC9B,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,wCAAwC,CAAC;AACvE,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,cAAc,IAAI,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAChE,OAAO,KAAK,MAAM,aAAa,CAAC;AAChC,OAAO,SAAS,MAAM,yBAAyB,CAAC;AAEhD,MAAM,MAAM,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAA;;;;;;CAM9B,CAAC;AAEF,MAAM,iBAAiB,GAAG,GAAG,CAAA;;;;;;;;;;CAU5B,CAAC;AAEF,SAAS,UAAU,CAAC,EAAE,MAAM,EAAE,WAAW,EAAE,SAAS,EAAE;IACpD,OAAO,CACL,6BAAK,SAAS,EAAE,iBAAiB;QAC/B,oBAAC,MAAM,IACL,SAAS,EAAE,SAAS,iBACR,aAAa,EACzB,OAAO,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU;YAE9D,oBAAC,QAAQ,IAAC,SAAS,EAAC,mBAAmB,GAAG;YAC1C,kCAAO,CAAC,CAAC,MAAM,CAAC,CAAQ,CACjB;QACR,WAAW,GAAG,CAAC,IAAI,oBAAC,KAAK,IAAC,IAAI,EAAE,WAAW,GAAI,CAC5C,CACP,CAAC;AACJ,CAAC;AAED,SAAS,gBAAgB,CAAC,EAAE,SAAS,EAAE;IACrC,OAAO,CACL,oBAAC,YAAY,IAAC,KAAK,EAAE,SAAS,IAC3B,MAAM,CAAC,EAAE;;QACR,MAAM,WAAW,GAAG,CAAA,MAAA,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,0CAAE,IAAI,0CAAE,aAAa,KAAI,CAAC,CAAC;QAE3D,sCAAsC;QACtC,OAAO,CACL,oBAAC,KAAK,IAAC,UAAU,EAAC,IAAI,IACnB,OAAO,CAAC,EAAE,CACT,OAAO,CAAC,CAAC,CAAC,CACR,oBAAC,aAAa,IAAC,EAAE,EAAC,aAAa,IAC5B,MAAM,CAAC,EAAE,CAAC,CACT,oBAAC,UAAU,IACT,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,WAAW,GACxB,CACH,CACa,CACjB,CAAC,CAAC,CAAC,CACF,oBAAC,aAAa,IAAC,eAAe,EAAE,IAAI,EAAE,EAAE,EAAC,aAAa,IACnD,MAAM,CAAC,EAAE,CAAC,CACT,oBAAC,UAAU,IACT,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,WAAW,GACxB,CACH,CACa,CACjB,CAEG,CACT,CAAC;IACJ,CAAC,CACY,CAChB,CAAC;AACJ,CAAC;AAED,eAAe,gBAAgB,CAAC"}