@jetshop/ui 6.3.9-alpha.0 → 6.3.9-alpha.2

package/Accordion/Accordion.d.ts

@@ -0,0 +1,33 @@
+import * as React from 'react';
+export interface AccordionChildProps {
+    openIndexes: number[];
+    handleClick(index: number): void;
+    AccordionContent: any;
+}
+export interface AccordionProps {
+    children: (args: AccordionChildProps) => React.ReactNode;
+    /** If true, only one accordion item can be open at any time */
+    single?: boolean;
+    /** If true, at least one accordion item will always be open */
+    atLeastOne?: boolean;
+    initialOpenIndexes?: number[];
+}
+export interface AccordionState {
+    openIndexes: number[];
+}
+/**
+ * A component that can be optionally used as the accordion's content to
+ * automatically apply open animations.
+ */
+export declare const AccordionContent: React.SFC<{
+    isOpen: boolean;
+}>;
+export default class Accordion extends React.Component<AccordionProps, AccordionState> {
+    readonly state: {
+        openIndexes: number[];
+    };
+    close: (index: number) => void;
+    open: (index: number) => void;
+    handleItemClick: (index: number) => void;
+    render(): React.ReactNode;
+}

package/Accordion/Accordion.js

@@ -0,0 +1,59 @@
+import * as React from 'react';
+import AnimateHeight from 'react-animate-height';
+/**
+ * A component that can be optionally used as the accordion's content to
+ * automatically apply open animations.
+ */
+export const AccordionContent = props => {
+    return (React.createElement(AnimateHeight, { height: props.isOpen ? 'auto' : 0 }, props.children || React.createElement(React.Fragment, null)));
+};
+export default class Accordion extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.state = {
+            openIndexes: (this.props.initialOpenIndexes || [this.props.atLeastOne && 0]).filter(el => isFinite(el))
+        };
+        this.close = (index) => {
+            this.setState(prevState => {
+                const openCount = prevState.openIndexes.length;
+                return {
+                    openIndexes: this.props.atLeastOne &&
+                        openCount === 1 &&
+                        prevState.openIndexes.includes(index)
+                        ? prevState.openIndexes
+                        : prevState.openIndexes.filter(i => i !== index)
+                };
+            });
+        };
+        this.open = (index) => {
+            this.setState(prevState => {
+                const openIndexes = this.props.single
+                    ? [index]
+                    : [...prevState.openIndexes, index];
+                return {
+                    openIndexes
+                };
+            });
+        };
+        this.handleItemClick = (index) => {
+            // Determine whether we are closing or opening this accordion item
+            const action = this.state.openIndexes.includes(index)
+                ? 'closing'
+                : 'opening';
+            if (action === 'closing') {
+                this.close(index);
+            }
+            else {
+                this.open(index);
+            }
+        };
+    }
+    render() {
+        return this.props.children({
+            openIndexes: this.state.openIndexes,
+            handleClick: this.handleItemClick,
+            AccordionContent
+        });
+    }
+}
+//# sourceMappingURL=Accordion.js.map

package/Accordion/Accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["Accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,aAAa,MAAM,sBAAsB,CAAC;AAqBjD;;;GAGG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAmC,KAAK,CAAC,EAAE;IACtE,OAAO,CACL,oBAAC,aAAa,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAC7C,KAAK,CAAC,QAAQ,IAAI,yCAAK,CACV,CACjB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,OAAO,OAAO,SAAU,SAAQ,KAAK,CAAC,SAG5C;IAHD;;QAIW,UAAK,GAAG;YACf,WAAW,EAAE,CACX,IAAI,CAAC,KAAK,CAAC,kBAAkB,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,IAAI,CAAC,CAAC,CAC9D,CAAC,MAAM,CAAC,EAAE,CAAC,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;SAC7B,CAAC;QAEF,UAAK,GAAG,CAAC,KAAa,EAAE,EAAE;YACxB,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE;gBACxB,MAAM,SAAS,GAAG,SAAS,CAAC,WAAW,CAAC,MAAM,CAAC;gBAC/C,OAAO;oBACL,WAAW,EACT,IAAI,CAAC,KAAK,CAAC,UAAU;wBACrB,SAAS,KAAK,CAAC;wBACf,SAAS,CAAC,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC;wBACnC,CAAC,CAAC,SAAS,CAAC,WAAW;wBACvB,CAAC,CAAC,SAAS,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,KAAK,CAAC;iBACrD,CAAC;YACJ,CAAC,CAAC,CAAC;QACL,CAAC,CAAC;QAEF,SAAI,GAAG,CAAC,KAAa,EAAE,EAAE;YACvB,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE;gBACxB,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM;oBACnC,CAAC,CAAC,CAAC,KAAK,CAAC;oBACT,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;gBACtC,OAAO;oBACL,WAAW;iBACZ,CAAC;YACJ,CAAC,CAAC,CAAC;QACL,CAAC,CAAC;QAEF,oBAAe,GAAG,CAAC,KAAa,EAAE,EAAE;YAClC,kEAAkE;YAClE,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC;gBACnD,CAAC,CAAC,SAAS;gBACX,CAAC,CAAC,SAAS,CAAC;YAEd,IAAI,MAAM,KAAK,SAAS,EAAE;gBACxB,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;aACnB;iBAAM;gBACL,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;aAClB;QACH,CAAC,CAAC;IASJ,CAAC;IAPC,MAAM;QACJ,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;YACzB,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW;YACnC,WAAW,EAAE,IAAI,CAAC,eAAe;YACjC,gBAAgB;SACjB,CAAC,CAAC;IACL,CAAC;CACF"}

package/Auth/FormFields/CountriesInput.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { Country } from '@jetshop/core/types';
+interface CountriesProps {
+    onChange?(e: React.FormEvent<HTMLSelectElement>): any;
+    onFocus?(e: React.FormEvent<HTMLSelectElement>): any;
+    countries: Country[];
+    name: string;
+    id?: string;
+    disabled?: boolean;
+    label?: string;
+}
+/**
+ * Maps over the current channel's countries and displays them.
+ */
+export declare function CountriesInput({ id, name, onChange, onFocus, countries, ...rest }: CountriesProps): React.JSX.Element;
+export {};

package/Auth/FormFields/CountriesInput.js

@@ -0,0 +1,28 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { Field } from 'formik';
+import React from 'react';
+/**
+ * Maps over the current channel's countries and displays them.
+ */
+export function CountriesInput(_a) {
+    var { id, name, onChange, onFocus, countries } = _a, rest = __rest(_a, ["id", "name", "onChange", "onFocus", "countries"]);
+    return (React.createElement(Field, Object.assign({ name: name, onFocus: onFocus }, rest, { render: ({ field }) => {
+            return (React.createElement("select", Object.assign({ id: id || name }, rest, field, { onChange: (e) => {
+                    field.onChange(e);
+                    onChange && onChange(e);
+                } }),
+                countries.map((country) => (React.createElement("option", { key: country.code, value: country.code }, country.name))),
+                ";"));
+        } })));
+}
+//# sourceMappingURL=CountriesInput.js.map

package/Auth/FormFields/CountriesInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CountriesInput.js","sourceRoot":"","sources":["CountriesInput.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAC/B,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B;;GAEG;AACH,MAAM,UAAU,cAAc,CAAC,EAOd;QAPc,EAC7B,EAAE,EACF,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,SAAS,OAEM,EADZ,IAAI,cANsB,kDAO9B,CADQ;IAEP,OAAO,CACL,oBAAC,KAAK,kBACJ,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,IACZ,IAAI,IACR,MAAM,EAAE,CAAC,EAAE,KAAK,EAAkB,EAAE,EAAE;YACpC,OAAO,CACL,8CACE,EAAE,EAAE,EAAE,IAAI,IAAI,IACV,IAAI,EACJ,KAAK,IACT,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;oBACd,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;oBAClB,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC,CAAC;gBAC1B,CAAC;gBAEA,SAAS,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAC1B,gCAAQ,GAAG,EAAE,OAAO,CAAC,IAAI,EAAE,KAAK,EAAE,OAAO,CAAC,IAAI,IAC3C,OAAO,CAAC,IAAI,CACN,CACV,CAAC;oBAEK,CACV,CAAC;QACJ,CAAC,IACD,CACH,CAAC;AACJ,CAAC"}

package/Auth/LogInBehavior.d.ts

@@ -0,0 +1,22 @@
+import { Component, FormEvent, ReactNode } from 'react';
+export interface LogInState {
+    email: string;
+    password: string;
+}
+export interface LogInBehaviorProps {
+    children: (value: {
+        onSubmit: (email: string, password: string, login: any) => void;
+        updateEmail: (event: FormEvent<HTMLInputElement>) => void;
+        updatePassword: (event: FormEvent<HTMLInputElement>) => void;
+    } & LogInState) => ReactNode;
+}
+export default class LogInBehavior extends Component<LogInBehaviorProps, LogInState> {
+    state: {
+        email: string;
+        password: string;
+    };
+    onSubmit: (email: string, password: string, login: any) => void;
+    updateEmail: (event: FormEvent<HTMLInputElement>) => void;
+    updatePassword: (event: FormEvent<HTMLInputElement>) => void;
+    render(): ReactNode;
+}

package/Auth/LogInBehavior.js

@@ -0,0 +1,24 @@
+import { Component } from 'react';
+export default class LogInBehavior extends Component {
+    constructor() {
+        super(...arguments);
+        this.state = {
+            email: '',
+            password: ''
+        };
+        this.onSubmit = (email, password, login) => {
+            login(email, password);
+        };
+        this.updateEmail = (event) => this.setState({
+            email: event.currentTarget.value
+        });
+        this.updatePassword = (event) => this.setState({
+            password: event.currentTarget.value
+        });
+    }
+    render() {
+        const { children } = this.props;
+        return children(Object.assign(Object.assign({}, this.state), { onSubmit: this.onSubmit, updateEmail: this.updateEmail, updatePassword: this.updatePassword }));
+    }
+}
+//# sourceMappingURL=LogInBehavior.js.map

package/Auth/LogInBehavior.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LogInBehavior.js","sourceRoot":"","sources":["LogInBehavior.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAwB,MAAM,OAAO,CAAC;AAiBxD,MAAM,CAAC,OAAO,OAAO,aAAc,SAAQ,SAG1C;IAHD;;QAIE,UAAK,GAAG;YACN,KAAK,EAAE,EAAE;YACT,QAAQ,EAAE,EAAE;SACb,CAAC;QAEF,aAAQ,GAAG,CAAC,KAAa,EAAE,QAAgB,EAAE,KAAU,EAAE,EAAE;YACzD,KAAK,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;QACzB,CAAC,CAAC;QAEF,gBAAW,GAAG,CAAC,KAAkC,EAAE,EAAE,CACnD,IAAI,CAAC,QAAQ,CAAC;YACZ,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,KAAK;SACjC,CAAC,CAAC;QACL,mBAAc,GAAG,CAAC,KAAkC,EAAE,EAAE,CACtD,IAAI,CAAC,QAAQ,CAAC;YACZ,QAAQ,EAAE,KAAK,CAAC,aAAa,CAAC,KAAK;SACpC,CAAC,CAAC;IAWP,CAAC;IATC,MAAM;QACJ,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAChC,OAAO,QAAQ,iCACV,IAAI,CAAC,KAAK,KACb,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,cAAc,EAAE,IAAI,CAAC,cAAc,IACnC,CAAC;IACL,CAAC;CACF"}

package/Auth/LogInFormProvider.d.ts

@@ -0,0 +1,7 @@
+import React, { FC } from 'react';
+declare const LogInFormProvider: FC<{
+    children: (props: any) => React.ReactNode;
+    redirect?: string;
+    initialEmail?: string;
+}>;
+export default LogInFormProvider;

package/Auth/LogInFormProvider.js

@@ -0,0 +1,70 @@
+import React, { useState } from 'react';
+import { Formik, Form } from 'formik';
+import { useLoginMutation } from '@jetshop/core/hooks/useLoginMutation';
+import validate from './logInValidator';
+import t from '@jetshop/intl';
+import { useLoginRedirect } from '@jetshop/core/hooks/useLoginRedirect';
+import { Redirect } from 'react-router';
+import useAuth from '@jetshop/core/components/AuthContext/useAuth';
+import { useShopConfig } from '@jetshop/core/hooks/useShopConfig';
+import { trackLoginEvent } from '@jetshop/core/analytics/tracking';
+import { useTracker } from '@jetshop/core/analytics/Analytics';
+import { useCartId } from '@jetshop/core/components/Cart/CartIdContext';
+const LogInFormProvider = ({ children, redirect, initialEmail = '' }) => {
+    const { getRedirectUrl } = useLoginRedirect();
+    const { loggedIn } = useAuth();
+    const { loginMutation } = useLoginMutation();
+    const { routes, useIndefinitelySavedCart } = useShopConfig();
+    const { cartId } = useCartId();
+    const track = useTracker();
+    const [disabledByTimeout, setDisabledByTimeout] = useState(false);
+    function triggerLoginFailed(globalError) {
+        if (!globalError)
+            return;
+        const unableToLoginCustomerError = globalError.find(({ extensions }) => extensions.code === 'UnableToLoginCustomer');
+        const timeOutLength = unableToLoginCustomerError === null || unableToLoginCustomerError === void 0 ? void 0 : unableToLoginCustomerError.extensions.data.tryAgainIn;
+        if (timeOutLength) {
+            setDisabledByTimeout(true);
+            setTimeout(() => {
+                setDisabledByTimeout(false);
+            }, timeOutLength);
+        }
+    }
+    redirect = redirect ? redirect : routes.myPages.path;
+    return (React.createElement(Formik, { validate: validate, initialValues: Object.assign({ email: initialEmail, password: '' }, (useIndefinitelySavedCart && { cartId })), onSubmit: (values, actions) => {
+            loginMutation({
+                variables: values
+            }).then(() => {
+                // Track user login in GTAG
+                track(trackLoginEvent());
+                const returnUrlPromise = getRedirectUrl();
+                if (returnUrlPromise) {
+                    returnUrlPromise.then((returnUrl) => {
+                        if (returnUrl) {
+                            window.location.href = returnUrl;
+                        }
+                        else {
+                            actions.setSubmitting(false);
+                        }
+                    });
+                }
+                else {
+                    actions.setSubmitting(false);
+                }
+            }, (error) => {
+                actions.setSubmitting(false);
+                actions.setErrors(error);
+                actions.setStatus({
+                    globalError: t('Login failed. Please try again')
+                });
+                triggerLoginFailed(error.graphQLErrors);
+            });
+        }, render: (props) => {
+            var _a;
+            return (React.createElement(React.Fragment, null,
+                !props.isSubmitting && loggedIn && React.createElement(Redirect, { to: redirect }),
+                React.createElement(Form, null, children(Object.assign(Object.assign({}, props), { isValid: !disabledByTimeout || props.isValid, globalError: (_a = props === null || props === void 0 ? void 0 : props.status) === null || _a === void 0 ? void 0 : _a.globalError })))));
+        } }));
+};
+export default LogInFormProvider;
+//# sourceMappingURL=LogInFormProvider.js.map

package/Auth/LogInFormProvider.js.map

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

package/Auth/LogOut.d.ts

@@ -0,0 +1,10 @@
+import { Customer } from '@jetshop/core/types';
+import { ApolloClient } from '@apollo/client';
+import React, { ButtonHTMLAttributes } from 'react';
+export interface LogOutProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    updateCustomer: (customer?: Customer) => void;
+    client: ApolloClient<any>;
+    updateLoggedIn(token?: string): void;
+}
+declare function LogOut(props: LogOutProps): React.JSX.Element;
+export default LogOut;

package/Auth/LogOut.js

@@ -0,0 +1,24 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from 'react';
+import useAuth from '@jetshop/core/components/AuthContext/useAuth';
+function LogOut(props) {
+    const { logOut } = useAuth();
+    const logout = (event) => {
+        logOut();
+        this.props.onClick && this.props.onClick(event);
+    };
+    const { children, updateLoggedIn, client } = props, rest = __rest(props, ["children", "updateLoggedIn", "client"]);
+    return (React.createElement("button", Object.assign({}, rest, { onClick: logout }), children));
+}
+export default LogOut;
+//# sourceMappingURL=LogOut.js.map

package/Auth/LogOut.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LogOut.js","sourceRoot":"","sources":["LogOut.tsx"],"names":[],"mappings":";;;;;;;;;;;AAEA,OAAO,KAA+B,MAAM,OAAO,CAAC;AACpD,OAAO,OAAO,MAAM,8CAA8C,CAAC;AAOnE,SAAS,MAAM,CAAC,KAAkB;IAChC,MAAM,EAAE,MAAM,EAAE,GAAG,OAAO,EAAE,CAAC;IAE7B,MAAM,MAAM,GAAG,CAAC,KAA0C,EAAE,EAAE;QAC5D,MAAM,EAAE,CAAC;QACT,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IAClD,CAAC,CAAC;IAEF,MAAM,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAArD,wCAA6C,CAAQ,CAAC;IAC5D,OAAO,CACL,gDAAY,IAAI,IAAE,OAAO,EAAE,MAAM,KAC9B,QAAQ,CACF,CACV,CAAC;AACJ,CAAC;AAED,eAAe,MAAM,CAAC"}

package/Auth/logInValidator.d.ts

@@ -0,0 +1,10 @@
+declare const validate: (values: {
+    email: string;
+    password: string;
+    cartId?: string;
+}) => {
+    email?: string;
+    password?: string;
+    cartId?: string;
+};
+export default validate;

package/Auth/logInValidator.js

@@ -0,0 +1,16 @@
+import t from 'format-message';
+const validate = (values) => {
+    const errors = {};
+    if (!values.email) {
+        errors.email = t('Required');
+    }
+    else if (!/^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,24}$/i.test(values.email)) {
+        errors.email = t('Invalid email address');
+    }
+    if (!values.password) {
+        errors.password = t('Required');
+    }
+    return errors;
+};
+export default validate;
+//# sourceMappingURL=logInValidator.js.map

package/Auth/logInValidator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"logInValidator.js","sourceRoot":"","sources":["logInValidator.tsx"],"names":[],"mappings":"AAAA,OAAO,CAAC,MAAM,gBAAgB,CAAC;AAE/B,MAAM,QAAQ,GAAG,CAAC,MAIjB,EAAE,EAAE;IACH,MAAM,MAAM,GAA2D,EAAE,CAAC;IAE1E,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE;QACjB,MAAM,CAAC,KAAK,GAAG,CAAC,CAAC,UAAU,CAAC,CAAC;KAC9B;SAAM,IAAI,CAAC,4CAA4C,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE;QAC3E,MAAM,CAAC,KAAK,GAAG,CAAC,CAAC,uBAAuB,CAAC,CAAC;KAC3C;IACD,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE;QACpB,MAAM,CAAC,QAAQ,GAAG,CAAC,CAAC,UAAU,CAAC,CAAC;KACjC;IACD,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AACF,eAAe,QAAQ,CAAC"}

package/Breadcrumbs/Breadcrumbs.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Product, Route } from '@jetshop/core/types';
+export interface BreadcrumbProps {
+    hideLast?: boolean;
+    parents: Route[];
+    breadcrumbText?: string;
+    className?: string;
+    product?: Product;
+    breadcrumbs?: string[];
+}
+export interface BreadcrumbsProps {
+    hideLast: boolean;
+}
+export default function Breadcrumbs(props: BreadcrumbProps): React.JSX.Element;

package/Breadcrumbs/Breadcrumbs.js

@@ -0,0 +1,84 @@
+import React from 'react';
+import { styled } from 'linaria/react';
+import { cx } from 'linaria';
+import { Link } from 'react-router-dom';
+import { useIntl } from '@jetshop/intl';
+import { StructuredBreadcrumbData } from '@jetshop/core/components/StructuredData/StructuredBreadcrumbData';
+import useWarningInDev from '@jetshop/core/hooks/useWarningInDev';
+const StyledBreadcrumbs = styled('ul') `
+  a,
+  li {
+    color: #707070;
+    font-size: 0.75rem;
+  }
+
+  line-height: 1.5;
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  list-style: none;
+  margin-bottom: 2rem;
+  &.hide-last {
+    li:last-child:after {
+      display: none;
+    }
+  }
+`;
+const Breadcrumb = styled('li') `
+  white-space: nowrap;
+  &:after {
+    display: inline-block;
+    content: '/';
+    padding: 0 0.33em;
+  }
+`;
+export default function Breadcrumbs(props) {
+    const t = useIntl();
+    const { breadcrumbs, breadcrumbText, parents, hideLast, className } = props;
+    useWarningInDev(!breadcrumbs, 'Using <Breadcrumbs> without passing the breadcrumbs prop is deprecated.');
+    if (breadcrumbs) {
+        const crumbs = breadcrumbs.reduce((acc, text, index) => {
+            const crumb = {
+                text,
+                path: null
+            };
+            if (index < (parents === null || parents === void 0 ? void 0 : parents.length)) {
+                crumb.path = parents[parents.length - 1 - index].path;
+            }
+            return acc.concat(crumb);
+        }, [{ text: t('Home'), path: '/' }]);
+        return (React.createElement(React.Fragment, null,
+            React.createElement(StructuredBreadcrumbData, { breadcrumbs: crumbs.slice(1) }),
+            React.createElement(StyledBreadcrumbs, { className: cx(className, hideLast && 'hide-last') }, crumbs.map((crumb, index) => crumb.text && (React.createElement(Breadcrumb, { key: index }, !crumb.path ? (crumb.text) : (React.createElement(Link, { to: {
+                    pathname: crumb.path
+                } }, crumb.text))))))));
+    }
+    else {
+        // This is deprecated, remove in next major
+        if (breadcrumbText) {
+            const crumbs = (parents || []).reduceRight((acc, parent) => {
+                var _a;
+                return [
+                    ...acc,
+                    {
+                        text: (_a = parent.object) === null || _a === void 0 ? void 0 : _a.breadcrumbText,
+                        path: parent.path
+                    }
+                ];
+            }, [{ text: t('Home'), path: '/' }]);
+            crumbs.push({
+                text: breadcrumbText,
+                path: null
+            });
+            return (React.createElement(React.Fragment, null,
+                React.createElement(StructuredBreadcrumbData, { parents: parents, breadcrumbText: breadcrumbText }),
+                React.createElement(StyledBreadcrumbs, { className: cx(className, hideLast && 'hide-last') }, crumbs.map((crumb, index) => crumb.text && (React.createElement(Breadcrumb, { key: index }, !crumb.path ? (crumb.text) : (React.createElement(Link, { to: {
+                        pathname: crumb.path
+                    } }, crumb.text))))))));
+        }
+        else {
+            return null;
+        }
+    }
+}
+//# sourceMappingURL=Breadcrumbs.js.map

package/Breadcrumbs/Breadcrumbs.js.map

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

package/Breadcrumbs/getParentsOrCanonicalRoute.d.ts

@@ -0,0 +1,3 @@
+import { Route, Product } from '@jetshop/core/types';
+declare const getParentOrCanonicalRoute: (parents: Route[], product: Product) => Route[];
+export default getParentOrCanonicalRoute;

package/Breadcrumbs/getParentsOrCanonicalRoute.js

@@ -0,0 +1,14 @@
+const getParentOrCanonicalRoute = (parents, product) => {
+    var _a;
+    if ((parents === null || parents === void 0 ? void 0 : parents.length) > 0) {
+        return parents;
+    }
+    else if ((_a = product === null || product === void 0 ? void 0 : product.primaryRoute) === null || _a === void 0 ? void 0 : _a.parents) {
+        return product.primaryRoute.parents;
+    }
+    else {
+        return null;
+    }
+};
+export default getParentOrCanonicalRoute;
+//# sourceMappingURL=getParentsOrCanonicalRoute.js.map

package/Breadcrumbs/getParentsOrCanonicalRoute.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getParentsOrCanonicalRoute.js","sourceRoot":"","sources":["getParentsOrCanonicalRoute.ts"],"names":[],"mappings":"AAEA,MAAM,yBAAyB,GAAG,CAAC,OAAgB,EAAE,OAAgB,EAAE,EAAE;;IACvE,IAAI,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,IAAG,CAAC,EAAE;QACvB,OAAO,OAAO,CAAC;KAChB;SAAM,IAAI,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,YAAY,0CAAE,OAAO,EAAE;QACzC,OAAO,OAAO,CAAC,YAAY,CAAC,OAAO,CAAC;KACrC;SAAM;QACL,OAAO,IAAI,CAAC;KACb;AACH,CAAC,CAAC;AAEF,eAAe,yBAAyB,CAAC"}

package/Breadcrumbs/index.d.ts

@@ -0,0 +1 @@
+export { default } from './Breadcrumbs';

package/Breadcrumbs/index.js

@@ -0,0 +1,2 @@
+export { default } from './Breadcrumbs';
+//# sourceMappingURL=index.js.map

package/Breadcrumbs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC"}

package/Breakpoints.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+export type BreakpointHelperProps = {
+    breakpoint: string;
+    render?: (props: any) => React.ReactNode;
+    children?: (props: any) => React.ReactNode;
+};
+export type BreakpointBetweenProps = BreakpointHelperProps & {
+    breakpoints: string[];
+};
+export declare const Above: ({ breakpoint, render, children }: BreakpointHelperProps) => React.JSX.Element;
+export declare function Below({ breakpoint, render, children }: BreakpointHelperProps): React.JSX.Element;
+export declare function Between({ children, render, breakpoints }: BreakpointBetweenProps): React.JSX.Element;

package/Breakpoints.js

@@ -0,0 +1,36 @@
+import { useInitialBreakpoint } from '@jetshop/core/components/BreakpointProvider';
+import { useShopConfig } from '@jetshop/core/hooks/useShopConfig';
+import React from 'react';
+import Media from 'react-media';
+import { getMaxBreakpointValue } from './utils/breakpoints';
+export const Above = ({ breakpoint, render, children }) => {
+    const { theme: { breakpoints } } = useShopConfig();
+    const { breakpointIndex } = useInitialBreakpoint();
+    const query = { minWidth: breakpoints[breakpoint] };
+    return (React.createElement(Media, { query: query, defaultMatches: Object.keys(breakpoints).indexOf(breakpoint) <= breakpointIndex }, children || render));
+};
+export function Below({ breakpoint, render, children }) {
+    const { theme: { breakpoints } } = useShopConfig();
+    const { breakpointIndex } = useInitialBreakpoint();
+    const bpMap = Object.entries(breakpoints).map(([key, val]) => {
+        return { label: key, size: val };
+    });
+    const query = { maxWidth: getMaxBreakpointValue(breakpoint, bpMap) };
+    return (React.createElement(Media, { query: query, defaultMatches: Object.keys(breakpoints).indexOf(breakpoint) > breakpointIndex }, children || render));
+}
+export function Between({ children, render, breakpoints }) {
+    const { theme: { breakpoints: configuredBreakpoints } } = useShopConfig();
+    const { breakpointIndex } = useInitialBreakpoint();
+    const bpMap = Object.entries(configuredBreakpoints).map(([key, val]) => {
+        return { label: key, size: val };
+    });
+    const labels = Object.keys(configuredBreakpoints);
+    const defaultMatches = labels.indexOf(breakpoints[0]) <= breakpointIndex &&
+        labels.indexOf(breakpoints[1]) >= breakpointIndex;
+    const query = {
+        minWidth: configuredBreakpoints[breakpoints[0]],
+        maxWidth: getMaxBreakpointValue(breakpoints[1], bpMap)
+    };
+    return (React.createElement(Media, { query: query, defaultMatches: defaultMatches }, children || render));
+}
+//# sourceMappingURL=Breakpoints.js.map

package/Breakpoints.js.map

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

package/Button/Button.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+export declare const buttonStyles = "\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  padding: 0.5rem 1rem;\n  color: white;\n  background-color: grey;\n  border-color: grey;\n  cursor: pointer;\n\n  text-align: center;\n  height: 54px;\n  font-family: 'Source Sans Pro', sans-serif;\n  width: 100%;\n\n  &:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n";
+export interface ButtonProps {
+    icon?: any;
+    children?: any;
+    text?: string;
+    onClick?: any;
+    /** Whether to use an a tag instead of button */
+    anchor?: boolean;
+    style?: any;
+    className?: string;
+}
+declare const Button: React.SFC<ButtonProps>;
+export default Button;

package/Button/Button.js

@@ -0,0 +1,60 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import * as React from 'react';
+import { styled } from 'linaria/react';
+export const buttonStyles = `
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  padding: 0.5rem 1rem;
+  color: white;
+  background-color: grey;
+  border-color: grey;
+  cursor: pointer;
+
+  text-align: center;
+  height: 54px;
+  font-family: 'Source Sans Pro', sans-serif;
+  width: 100%;
+
+  &:disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+`;
+const BaseButton = styled('button') `
+  ${buttonStyles};
+  @media (--above-md) {
+    max-width: 300px;
+  }
+`;
+const BaseLink = styled('a') `
+  ${buttonStyles};
+  text-decoration: none;
+  @media (--above-md) {
+    max-width: 300px;
+  }
+
+  :hover {
+    text-decoration: none;
+  }
+`;
+const Button = (_a) => {
+    var { icon, text, children, anchor = false } = _a, rest = __rest(_a, ["icon", "text", "children", "anchor"]);
+    const Comp = anchor ? BaseLink : BaseButton;
+    return (React.createElement(Comp, Object.assign({ type: "button" }, rest),
+        icon ? [React.createElement(icon, { key: 'icon' }), ' '] : '',
+        text,
+        children));
+};
+export default Button;
+//# sourceMappingURL=Button.js.map