@jetshop/template-trend 6.1.4 → 6.1.5

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

@@ -0,0 +1 @@
+{"version":3,"file":"Newsletter.js","sourceRoot":"","sources":["../../../../src/components/MyPages/Newsletter.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,0BAA0B,EAAE,MAAM,kDAAkD,CAAC;AAC9F,OAAO,CAAC,MAAM,eAAe,CAAC;AAC9B,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAClE,OAAO,oBAAoB,MAAM,4BAA4B,CAAC;AAC9D,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC3E,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAE3C,MAAM,UAAU,UAAU;IACxB,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,OAAO,CACL,6BAAK,SAAS,EAAC,OAAO,EAAC,EAAE,EAAC,YAAY;QACpC,oBAAC,UAAU,QAAE,CAAC,CAAC,aAAa,CAAC,CAAc;QAC3C,oBAAC,0BAA0B,IACzB,oBAAoB,EAAE,oBAAoB,EAC1C,QAAQ,EAAE,GAAG,EAAE;gBACb,UAAU,CAAC,KAAK,CAAC,CAAC;YACpB,CAAC,EACD,eAAe,EAAE,GAAG,EAAE;gBACpB,UAAU,CAAC,IAAI,CAAC,CAAC;YACnB,CAAC,EACD,MAAM,EAAE,CAAC,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CACrD;gBACE,oBAAC,oBAAoB,IACnB,IAAI,EAAC,+BAA+B,EACpC,KAAK,EAAE;wBACL;4BACE,KAAK,EAAE,CAAC,CAAC,oBAAoB,CAAC;4BAC9B,KAAK,EAAE,IAAI;yBACZ;wBACD;4BACE,KAAK,EAAE,CAAC,CAAC,0BAA0B,CAAC;4BACpC,KAAK,EAAE,KAAK;yBACb;qBACF,GACD;gBAED,MAAM,IAAI,MAAM,CAAC,WAAW,IAAI,CAC/B,oBAAC,WAAW,IAAC,KAAK,EAAE,EAAE,YAAY,EAAE,KAAK,EAAE,IACxC,MAAM,CAAC,WAAW,CACP,CACf;gBAEA,OAAO,IAAI,CACV,oBAAC,OAAO,IAAC,KAAK,EAAE,EAAE,YAAY,EAAE,KAAK,EAAE,IACpC,CAAC,CAAC,qCAAqC,CAAC,CACjC,CACX;gBAED,oBAAC,eAAe;oBACd,oBAAC,aAAa,IAAC,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAE,YAAY,IAAI,CAAC,OAAO,IAC5D,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,MAAM,CAAC,CACjC,CACA,CACjB,CACJ,GACD,CACE,CACP,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,159 @@
+import t from '@jetshop/intl';
+import { LoadingLine } from '@jetshop/ui/Loading/LoadingLine';
+import React from 'react';
+import { styled } from 'linaria/react';
+import { cx } from 'linaria';
+import { Price } from '@jetshop/ui/Price';
+import { ListDetail } from './OrderDetail/ListDetail';
+import { ReactComponent as Box } from '../../../svg/Box.svg';
+import { theme } from '../../Theme';
+const StyledListOrder = styled('section') `
+  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
+  background: white;
+  border-radius: 3px;
+  display: grid;
+  grid-template-columns: 6rem 1fr;
+  grid-template-rows: 1fr;
+  grid-template-areas:
+    'image details'
+    'image actions'
+    'full full';
+
+  ${theme.below.md} {
+    grid-template-areas:
+      'image details'
+      'actions actions'
+      'full full';
+  }
+
+  &.empty {
+    opacity: 0.4;
+  }
+
+  .order-image {
+    grid-area: image;
+    justify-content: center;
+    align-items: center;
+    display: flex;
+
+    svg {
+      width: 2em;
+      height: 2em;
+    }
+  }
+
+  .order-details {
+    grid-area: details;
+    padding: 1em;
+    display: flex;
+    section {
+      margin-right: 10%;
+      flex: 1 1 33%;
+    }
+
+    ${theme.below.md} {
+      margin: 0;
+      flex-direction: column;
+      section + section {
+        margin-top: 1em;
+        margin-right: 0;
+      }
+    }
+  }
+
+  .order-actions {
+    grid-area: actions;
+    display: flex;
+    border-top: 1px solid #f0f0f0;
+
+    ${theme.below.sm} {
+      flex-direction: column;
+      border-top: 0;
+      section,
+      a {
+        display: block;
+        border-left: 0;
+      }
+    }
+
+    section,
+    button {
+      padding: 0 1rem;
+      height: 3rem;
+      display: inline-flex;
+      justify-content: center;
+      align-items: center;
+    }
+    .actions {
+      margin-left: auto;
+      ${theme.below.sm} {
+        margin-left: 0;
+      }
+    }
+
+    button {
+      text-decoration: none;
+      border-left: 1px solid #f0f0f0;
+      text-transform: uppercase;
+      font-size: 0.75em;
+      color: ${theme.colors.darkgrey};
+      cursor: pointer;
+      background: transparent;
+
+      ${theme.below.sm} {
+        text-align: center;
+        display: flex;
+        border-top: 1px solid #f0f0f0;
+        text-transform: none;
+        font-size: 0.875em;
+        width: 100%;
+        border-left: 0;
+      }
+    }
+  }
+
+  .order-status {
+    color: ${theme.colors.blue};
+    font-weight: 600;
+
+    ${theme.below.sm} {
+      background: #f8f8f8;
+      margin: 1em;
+    }
+  }
+
+  h3 {
+    font-size: 0.75em;
+    text-transform: uppercase;
+    color: #777777;
+    margin-bottom: 0.5em;
+  }
+
+  .full-detail {
+    grid-area: full;
+    border-top: 1px solid ${theme.colors.tablegrey};
+    padding-top: 1em;
+  }
+`;
+export function ListOrder({ order, index, placeholder = false, showFullDetail = false, className }) {
+    const [expanded, setExpanded] = React.useState(showFullDetail);
+    const toggle = () => setExpanded(state => !state);
+    return (React.createElement(StyledListOrder, { className: cx('list-order', className) },
+        React.createElement("div", { className: "order-image" },
+            React.createElement(Box, null)),
+        React.createElement("div", { className: "order-details" },
+            React.createElement("section", null,
+                React.createElement("h3", null, t('Order Number')),
+                placeholder ? React.createElement(LoadingLine, null) : order.orderNumber),
+            React.createElement("section", null,
+                React.createElement("h3", null, t('Order Date')),
+                placeholder ? React.createElement(LoadingLine, null) : order.orderDate),
+            React.createElement("section", null,
+                React.createElement("h3", null, t('Total Price')),
+                placeholder ? (React.createElement(LoadingLine, null)) : (React.createElement(Price, { price: order.total, currency: order.currency.format })))),
+        React.createElement("div", { className: "order-actions" },
+            React.createElement("section", { className: "order-status" }, placeholder ? React.createElement(LoadingLine, null) : order.status.description),
+            !placeholder && order.hasOrderDetails && (React.createElement("div", { className: "actions" }, expanded ? (React.createElement("button", { onClick: toggle }, t('Show less'))) : (React.createElement("button", { onClick: toggle }, t('Show details')))))),
+        expanded && order && (React.createElement(ListDetail, { id: order.id, className: "full-detail" }))));
+}
+//# sourceMappingURL=ListOrder.js.map

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

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

package/dist/src/components/MyPages/Orders/OrderDetail/Contact.js

@@ -0,0 +1,38 @@
+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 { cx } from 'linaria';
+import t from '@jetshop/intl';
+export function Contact(_a) {
+    var { contactInfo, title, className } = _a, rest = __rest(_a, ["contactInfo", "title", "className"]);
+    if (!contactInfo)
+        return null;
+    const { address } = contactInfo;
+    return (React.createElement("section", Object.assign({ style: { padding: '1em', lineHeight: 1.5 }, className: cx(className) }, rest),
+        React.createElement("h2", null, title),
+        React.createElement("div", null,
+            contactInfo.firstName,
+            " ",
+            contactInfo.lastName),
+        address && (React.createElement(React.Fragment, null,
+            React.createElement("div", null, address.street),
+            React.createElement("div", null,
+                address.postcode,
+                " ",
+                address.city),
+            address.country && React.createElement("div", null, address.country.name))),
+        contactInfo.phone && (React.createElement(React.Fragment, null,
+            React.createElement("strong", null, t('Phone:')),
+            " ",
+            contactInfo.phone))));
+}
+//# sourceMappingURL=Contact.js.map

package/dist/src/components/MyPages/Orders/OrderDetail/Contact.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Contact.js","sourceRoot":"","sources":["../../../../../../src/components/MyPages/Orders/OrderDetail/Contact.js"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,EAAE,EAAE,MAAM,SAAS,CAAC;AAC7B,OAAO,CAAC,MAAM,eAAe,CAAC;AAE9B,MAAM,UAAU,OAAO,CAAC,EAA0C;QAA1C,EAAE,WAAW,EAAE,KAAK,EAAE,SAAS,OAAW,EAAN,IAAI,cAAxC,qCAA0C,CAAF;IAC9D,IAAI,CAAC,WAAW;QAAE,OAAO,IAAI,CAAC;IAE9B,MAAM,EAAE,OAAO,EAAE,GAAG,WAAW,CAAC;IAEhC,OAAO,CACL,+CACE,KAAK,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,EAC1C,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,IACpB,IAAI;QAER,gCAAK,KAAK,CAAM;QAChB;YACG,WAAW,CAAC,SAAS;;YAAG,WAAW,CAAC,QAAQ,CACzC;QAEL,OAAO,IAAI,CACV;YACE,iCAAM,OAAO,CAAC,MAAM,CAAO;YAC3B;gBACG,OAAO,CAAC,QAAQ;;gBAAG,OAAO,CAAC,IAAI,CAC5B;YACL,OAAO,CAAC,OAAO,IAAI,iCAAM,OAAO,CAAC,OAAO,CAAC,IAAI,CAAO,CACpD,CACJ;QAEA,WAAW,CAAC,KAAK,IAAI,CACpB;YACE,oCAAS,CAAC,CAAC,QAAQ,CAAC,CAAU;;YAAE,WAAW,CAAC,KAAK,CAChD,CACJ,CACO,CACX,CAAC;AACJ,CAAC"}

package/dist/src/components/MyPages/Orders/OrderDetail/ListDetail.js

@@ -0,0 +1,196 @@
+import useOrderDetailQuery from '@jetshop/core/hooks/useOrderDetailQuery';
+import Image from '@jetshop/ui/Image';
+import React from 'react';
+import { css, cx } from 'linaria';
+import { Price } from '@jetshop/ui/Price';
+import { theme } from '../../../Theme';
+import OrderDetail from './OrderDetail.gql';
+import { OrderTotals } from './OrderTotals';
+import { ShippingPayment } from './ShippingPayment';
+import t from '@jetshop/intl';
+import ProductLink from '@jetshop/ui/ProductLink';
+const fullDetail = css `
+  font-size: 0.875rem;
+  line-height: 1.25;
+  h2 {
+    font-weight: bold;
+  }
+  &.loading {
+    opacity: 0.5;
+  }
+  &.error,
+  &.loading {
+    padding: 1em;
+    text-align: center;
+  }
+`;
+const listDetailHeader = css `
+  display: grid;
+  display: -ms-grid;
+  grid-template-areas: 'left left center right';
+  grid-template-columns: 4rem 2fr 0.65fr 1fr;
+  -ms-grid-columns: 4rem 2fr 0.65fr 1fr;
+  padding: 0 1em;
+  border-bottom: 1px solid ${theme.colors.tablegrey};
+  h3 {
+    text-transform: uppercase;
+    padding-bottom: 0.5em;
+    font-size: 1em;
+  }
+
+  .prod {
+    grid-area: left;
+    -ms-grid-row: 1;
+    -ms-grid-column: 1;
+    -ms-grid-column-span: 2;
+  }
+  .qty {
+    grid-area: center;
+    -ms-grid-row: 1;
+    -ms-grid-column: 3;
+  }
+  .price {
+    -ms-grid-row: 1;
+    -ms-grid-column: 4;
+    grid-area: right;
+    text-align: right;
+  }
+`;
+const variantValue = css `
+  display: block;
+`;
+function ListDetailHeader() {
+    return (React.createElement("header", { className: listDetailHeader },
+        React.createElement("h3", { className: "prod" }, t('Product')),
+        React.createElement("h3", { className: "qty" }, t('Quantity')),
+        React.createElement("h3", { className: "price" }, t('Price'))));
+}
+function OrderItem({ item, currency }) {
+    const { product } = item;
+    const isVariant = item.variant;
+    const variantNamesValues = isVariant
+        ? item.variant.values.map((value, index) => `${item.variantOptionNames[index]}: ${value}`)
+        : [];
+    return product ? (React.createElement("li", { className: orderItem },
+        React.createElement("div", { className: "image-wrapper" }, product.images && product.images.length > 0 && (React.createElement(React.Fragment, null,
+            React.createElement(ProductLink, { product: product },
+                React.createElement(Image, { sizes: "4rem", aspect: "3:4", alt: isVariant
+                        ? (item.variant.images &&
+                            item.variant.images[0] &&
+                            item.variant.images[0].alt) ||
+                            (product.images &&
+                                product.images[0] &&
+                                product.images[0].alt)
+                        : product.images &&
+                            product.images[0] &&
+                            product.images[0].alt, src: isVariant
+                        ? (item.variant.images &&
+                            item.variant.images[0] &&
+                            item.variant.images[0].url) ||
+                            (product.images &&
+                                product.images[0] &&
+                                product.images[0].url)
+                        : product.images &&
+                            product.images[0] &&
+                            product.images[0].url, className: "prod-image" }))))),
+        React.createElement("div", { className: "name" },
+            product.subName && React.createElement("div", { className: "subname" }, product.subName),
+            React.createElement(ProductLink, { product: product }, item.name)),
+        React.createElement("div", { className: "qty" }, item.quantity),
+        React.createElement("div", { className: "price" },
+            React.createElement(Price, { price: item.total, currency: currency })),
+        isVariant && (React.createElement("div", { className: "attributes" }, variantNamesValues.map(v => (React.createElement("span", { key: v, className: variantValue }, v))))))) : (React.createElement("p", { style: { margin: '1em 0 1em 1em' } }, t('Product no longer available.')));
+}
+const orderItem = css `
+  display: grid;
+  display: -ms-grid;
+  -ms-grid-columns: 4rem 2fr 0.5fr 1fr;
+  -ms-grid-rows: 1fr min-content;
+  grid-template-columns: 4rem 2fr 0.5fr 1fr;
+  grid-template-rows: 1fr min-content;
+  padding: 1em;
+  border-bottom: 1px solid ${theme.colors.tablegrey};
+  grid-template-areas:
+    'image name qty price'
+    'image attributes attributes attributes';
+
+  :last-child {
+    border-bottom: none;
+  }
+
+  .image-wrapper {
+    grid-area: image;
+    -ms-grid-row: 1;
+    -ms-grid-row-span: 2;
+    -ms-grid-column: 1;
+    padding-right: 1em;
+  }
+
+  .qty {
+    grid-area: qty;
+    -ms-grid-row: 1;
+    -ms-grid-column: 3;
+  }
+
+  .price {
+    grid-area: price;
+    -ms-grid-row: 1;
+    -ms-grid-column: 4;
+    text-align: right;
+  }
+
+  .attributes {
+    grid-area: attributes;
+    -ms-grid-row: 2;
+    -ms-grid-column: 2;
+    -ms-grid-column-span: 3;
+  }
+
+  .name {
+    grid-area: name;
+    -ms-grid-row: 1;
+    -ms-grid-column: 2;
+    line-height: 1.25;
+    .subname {
+      color: ${theme.colors.mediumgrey};
+    }
+    a {
+      color: ${theme.colors.darkgrey};
+      :hover {
+        opacity: 0.8;
+      }
+    }
+  }
+
+  .variant-value {
+    font-size: 0.875em;
+    padding-right: 0.5em;
+    padding-left: 0.5em;
+    border-right: 1px solid ${theme.colors.tablegrey};
+    :last-of-type {
+      border-right: 0;
+      padding-right: 0;
+    }
+    :first-of-type {
+      padding-left: 0;
+    }
+  }
+`;
+export function ListDetail({ id, className }) {
+    const { loading, error, order } = useOrderDetailQuery({
+        query: OrderDetail,
+        id
+    });
+    if (loading)
+        return (React.createElement("div", { className: cx(fullDetail, 'loading', className) },
+            React.createElement(ListDetailHeader, null),
+            t('Loading more data…')));
+    if (error)
+        return (React.createElement("div", { className: cx(fullDetail, 'error', className) }, t.rich('Something went wrong when retrieving order {id}. Please try again later.', { id })));
+    return (React.createElement("section", { className: cx(fullDetail, className) },
+        React.createElement(ListDetailHeader, null),
+        React.createElement("ul", null, order.items.map(item => (React.createElement(OrderItem, { item: item, key: item.articleNumber, currency: order.currency.format })))),
+        React.createElement(OrderTotals, { total: order.total, delivery: order.deliveryMethod, currency: order.currency.format }),
+        React.createElement(ShippingPayment, { deliveryInfo: order.deliveryInfo, billingInfo: order.billingInfo, paymentMethod: order.paymentMethod })));
+}
+//# sourceMappingURL=ListDetail.js.map

package/dist/src/components/MyPages/Orders/OrderDetail/ListDetail.js.map

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

package/dist/src/components/MyPages/Orders/OrderDetail/OrderTotals.js

@@ -0,0 +1,81 @@
+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 t from '@jetshop/intl';
+import { Currency } from '@jetshop/ui/Price/Currency';
+import { css, cx } from 'linaria';
+import React from 'react';
+import { Price } from '@jetshop/ui/Price';
+import { theme } from '../../../Theme';
+import { useChannelSettings } from '@jetshop/core/hooks/Channels/useChannelSettings';
+export function OrderTotals(_a) {
+    var { total, delivery, currency, className } = _a, rest = __rest(_a, ["total", "delivery", "currency", "className"]);
+    const { pricesIncVat } = useChannelSettings();
+    const { tracking } = delivery;
+    return (React.createElement("section", Object.assign({ className: cx(className, styles) }, rest),
+        React.createElement("dl", null,
+            React.createElement("dt", null, t('Delivery:')),
+            ' ',
+            React.createElement("dd", null,
+                "(",
+                delivery.name,
+                ") ",
+                React.createElement(Price, { price: delivery.fee, currency: currency })),
+            tracking && (React.createElement(React.Fragment, null,
+                React.createElement("dt", null, t('Track delivery:')),
+                React.createElement("dd", null,
+                    React.createElement("a", { href: tracking.trackingUrl, target: "new" }, tracking.trackingUrlText)))),
+            React.createElement("dt", null, pricesIncVat ? t('Total incl. VAT') : t('Total excl. VAT')),
+            ' ',
+            React.createElement("dd", { className: "total-price" },
+                React.createElement(Price, { price: total, currency: currency })),
+            React.createElement("dt", null,
+                pricesIncVat ? t('of which VAT') : t('+ VAT'),
+                ":"),
+            ' ',
+            React.createElement("dd", null,
+                React.createElement(Currency, { value: total.vat, currency: currency })))));
+}
+const styles = css `
+  text-align: right;
+  padding: 1em;
+  border-top: 1px solid ${theme.colors.tablegrey};
+
+  dl {
+    display: flex;
+    flex-wrap: wrap;
+    max-width: 23rem;
+    margin-left: auto;
+    line-height: 1.5;
+
+    div {
+      display: inline-block;
+    }
+  }
+  dt {
+    flex: 1 1 50%;
+  }
+  dd {
+    flex: 1 1 50%;
+
+    a {
+      color: ${theme.colors.blue};
+      :hover {
+        opacity: 0.8;
+      }
+    }
+  }
+
+  .total-price {
+    font-weight: bold;
+  }
+`;
+//# sourceMappingURL=OrderTotals.js.map

package/dist/src/components/MyPages/Orders/OrderDetail/OrderTotals.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrderTotals.js","sourceRoot":"","sources":["../../../../../../src/components/MyPages/Orders/OrderDetail/OrderTotals.js"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,CAAC,MAAM,eAAe,CAAC;AAC9B,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AACtD,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,SAAS,CAAC;AAClC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACvC,OAAO,EAAE,kBAAkB,EAAE,MAAM,iDAAiD,CAAC;AAErF,MAAM,UAAU,WAAW,CAAC,EAAiD;QAAjD,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,OAAW,EAAN,IAAI,cAA/C,8CAAiD,CAAF;IACzE,MAAM,EAAE,YAAY,EAAE,GAAG,kBAAkB,EAAE,CAAC;IAC9C,MAAM,EAAE,QAAQ,EAAE,GAAG,QAAQ,CAAC;IAE9B,OAAO,CACL,+CAAS,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,MAAM,CAAC,IAAM,IAAI;QACjD;YACE,gCAAK,CAAC,CAAC,WAAW,CAAC,CAAM;YAAC,GAAG;YAC7B;;gBACI,QAAQ,CAAC,IAAI;;gBAAG,oBAAC,KAAK,IAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,EAAE,QAAQ,EAAE,QAAQ,GAAI,CACjE;YACJ,QAAQ,IAAI,CACX;gBACE,gCAAK,CAAC,CAAC,iBAAiB,CAAC,CAAM;gBAC/B;oBACE,2BAAG,IAAI,EAAE,QAAQ,CAAC,WAAW,EAAE,MAAM,EAAC,KAAK,IACxC,QAAQ,CAAC,eAAe,CACvB,CACD,CACJ,CACJ;YACD,gCAAK,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAM;YAAC,GAAG;YACzE,4BAAI,SAAS,EAAC,aAAa;gBACzB,oBAAC,KAAK,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,GAAI,CACxC;YACL;gBAAK,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;oBAAO;YAAC,GAAG;YAC7D;gBACE,oBAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,CAAC,GAAG,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAC/C,CACF,CACG,CACX,CAAC;AACJ,CAAC;AAED,MAAM,MAAM,GAAG,GAAG,CAAA;;;0BAGQ,KAAK,CAAC,MAAM,CAAC,SAAS;;;;;;;;;;;;;;;;;;;;eAoBjC,KAAK,CAAC,MAAM,CAAC,IAAI;;;;;;;;;;CAU/B,CAAC"}

package/dist/src/components/MyPages/Orders/OrderDetail/ShippingPayment.js

@@ -0,0 +1,37 @@
+import t from '@jetshop/intl';
+import React from 'react';
+import { css } from 'linaria';
+import { theme } from '../../../Theme';
+import { Contact } from './Contact';
+export function ShippingPayment({ deliveryInfo, billingInfo, paymentMethod }) {
+    return (React.createElement("section", { className: shippingAndPayment },
+        React.createElement("div", { className: "shipping-billing" },
+            React.createElement(Contact, { contactInfo: deliveryInfo, title: "Shipping Info" }),
+            React.createElement(Contact, { contactInfo: billingInfo, title: "Billing Info" })),
+        paymentMethod && (React.createElement("section", { className: "payment-method" },
+            React.createElement("h3", null, t('Payment method')),
+            paymentMethod.name))));
+}
+const shippingAndPayment = css `
+  display: flex;
+  border-top: 1px solid ${theme.colors.tablegrey};
+
+  ${theme.below.md} {
+    flex-direction: column;
+  }
+
+  .shipping-billing {
+    flex: 0 0 50%;
+    display: flex;
+
+    > *:first-child {
+      margin-right: 4em;
+    }
+  }
+
+  .payment-method {
+    padding: 1em;
+    border-left: 1px solid ${theme.colors.tablegrey};
+  }
+`;
+//# sourceMappingURL=ShippingPayment.js.map

package/dist/src/components/MyPages/Orders/OrderDetail/ShippingPayment.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShippingPayment.js","sourceRoot":"","sources":["../../../../../../src/components/MyPages/Orders/OrderDetail/ShippingPayment.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,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACvC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,MAAM,UAAU,eAAe,CAAC,EAAE,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE;IAC1E,OAAO,CACL,iCAAS,SAAS,EAAE,kBAAkB;QACpC,6BAAK,SAAS,EAAC,kBAAkB;YAC/B,oBAAC,OAAO,IAAC,WAAW,EAAE,YAAY,EAAE,KAAK,EAAC,eAAe,GAAG;YAC5D,oBAAC,OAAO,IAAC,WAAW,EAAE,WAAW,EAAE,KAAK,EAAC,cAAc,GAAG,CACtD;QACL,aAAa,IAAI,CAChB,iCAAS,SAAS,EAAC,gBAAgB;YACjC,gCAAK,CAAC,CAAC,gBAAgB,CAAC,CAAM;YAC7B,aAAa,CAAC,IAAI,CACX,CACX,CACO,CACX,CAAC;AACJ,CAAC;AACD,MAAM,kBAAkB,GAAG,GAAG,CAAA;;0BAEJ,KAAK,CAAC,MAAM,CAAC,SAAS;;IAE5C,KAAK,CAAC,KAAK,CAAC,EAAE;;;;;;;;;;;;;;;6BAeW,KAAK,CAAC,MAAM,CAAC,SAAS;;CAElD,CAAC"}

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

@@ -0,0 +1,56 @@
+import Head from '@jetshop/core/components/Head';
+import useCustomerOrdersQuery from '@jetshop/core/hooks/useCustomerOrdersQuery';
+import t from '@jetshop/intl';
+import * as React from 'react';
+import { styled } from 'linaria/react';
+import { smallCaps } from '../../ui/Headings';
+import CustomerOrders from './CustomerOrders.gql';
+import { ListOrder } from './ListOrder';
+import { Intl } from '@jetshop/intl';
+import { theme } from '../../Theme';
+const OrderListPageWrapper = styled('div') `
+  h1 {
+    margin-bottom: 2em;
+    ${theme.below.sm} {
+      margin-bottom: 1em;
+    }
+  }
+  &.main-wrapper {
+    ${theme.below.sm} {
+      margin-top: 12px;
+      padding-left: 12px;
+      padding-right: 12px;
+    }
+  }
+`;
+export default function OrderListPage() {
+    const { orders, loading, totalOrders } = useCustomerOrdersQuery({
+        query: CustomerOrders
+    });
+    if (loading) {
+        return (React.createElement(OrderListPageWrapper, { className: "main-wrapper" },
+            React.createElement(Heading, null),
+            React.createElement(ListOrder, { placeholder: true })));
+    }
+    if (!loading && orders.length === 0) {
+        return (React.createElement(OrderListPageWrapper, { className: "main-wrapper" },
+            React.createElement(Heading, null),
+            React.createElement("p", { style: { marginBottom: '2em' } }, t('No orders found')),
+            React.createElement(ListOrder, { placeholder: true, className: "empty" })));
+    }
+    return (React.createElement(OrderListPageWrapper, { className: "main-wrapper" },
+        React.createElement(Heading, { totalOrders: totalOrders }),
+        orders.map((order, idx) => (React.createElement(ListOrder, { order: order, key: order.id, index: orders.length - idx, style: { marginTop: idx > 0 ? '2em' : 0 } })))));
+}
+function Heading({ totalOrders }) {
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Intl, null, t => React.createElement(Head, { data: { title: t('My Orders'), metaTags: [] } })),
+        React.createElement("h1", { className: smallCaps },
+            t('My Orders'),
+            " ",
+            totalOrders && React.createElement(React.Fragment, null,
+                "(",
+                totalOrders,
+                ")"))));
+}
+//# sourceMappingURL=OrderListPage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OrderListPage.js","sourceRoot":"","sources":["../../../../../src/components/MyPages/Orders/OrderListPage.js"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,+BAA+B,CAAC;AACjD,OAAO,sBAAsB,MAAM,4CAA4C,CAAC;AAChF,OAAO,CAAC,MAAM,eAAe,CAAC;AAC9B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,cAAc,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAErC,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAEpC,MAAM,oBAAoB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;;;MAGpC,KAAK,CAAC,KAAK,CAAC,EAAE;;;;;MAKd,KAAK,CAAC,KAAK,CAAC,EAAE;;;;;;CAMnB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,aAAa;IACnC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,WAAW,EAAE,GAAG,sBAAsB,CAAC;QAC9D,KAAK,EAAE,cAAc;KACtB,CAAC,CAAC;IAEH,IAAI,OAAO,EAAE;QACX,OAAO,CACL,oBAAC,oBAAoB,IAAC,SAAS,EAAC,cAAc;YAC5C,oBAAC,OAAO,OAAG;YACX,oBAAC,SAAS,IAAC,WAAW,EAAE,IAAI,GAAI,CACX,CACxB,CAAC;KACH;IAED,IAAI,CAAC,OAAO,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE;QACnC,OAAO,CACL,oBAAC,oBAAoB,IAAC,SAAS,EAAC,cAAc;YAC5C,oBAAC,OAAO,OAAG;YACX,2BAAG,KAAK,EAAE,EAAE,YAAY,EAAE,KAAK,EAAE,IAAG,CAAC,CAAC,iBAAiB,CAAC,CAAK;YAC7D,oBAAC,SAAS,IAAC,WAAW,EAAE,IAAI,EAAE,SAAS,EAAC,OAAO,GAAG,CAC7B,CACxB,CAAC;KACH;IAED,OAAO,CACL,oBAAC,oBAAoB,IAAC,SAAS,EAAC,cAAc;QAC5C,oBAAC,OAAO,IAAC,WAAW,EAAE,WAAW,GAAI;QACpC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC,CAC1B,oBAAC,SAAS,IACR,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,KAAK,CAAC,EAAE,EACb,KAAK,EAAE,MAAM,CAAC,MAAM,GAAG,GAAG,EAC1B,KAAK,EAAE,EAAE,SAAS,EAAE,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,GACzC,CACH,CAAC,CACmB,CACxB,CAAC;AACJ,CAAC;AAED,SAAS,OAAO,CAAC,EAAE,WAAW,EAAE;IAC9B,OAAO,CACL;QACE,oBAAC,IAAI,QACF,CAAC,CAAC,EAAE,CAAC,oBAAC,IAAI,IAAC,IAAI,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,WAAW,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,GAAI,CACxD;QAEP,4BAAI,SAAS,EAAE,SAAS;YACrB,CAAC,CAAC,WAAW,CAAC;;YAAG,WAAW,IAAI;;gBAAI,WAAW;oBAAK,CAClD,CACJ,CACJ,CAAC;AACJ,CAAC"}