@jetshop/template-trend 5.13.0 → 5.13.3-beta.0

package/.linaria-cache/packages/template-trend/src/components/Layout/Header/Logo.linaria.css

@@ -1 +1 @@
-.StoreName_sgyktyw{font-size:30px;font-weight:bold;line-height:normal;text-align:center;-webkit-text-decoration:none;text-decoration:none;color:inherit;}.StoreName_sgyktyw a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-text-decoration:none;text-decoration:none;color:inherit;}
+.StoreName_sgyktyw{font-size:30px;font-weight:bold;line-height:normal;text-align:center;-webkit-text-decoration:none;text-decoration:none;color:inherit;}.StoreName_sgyktyw a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-text-decoration:none;text-decoration:none;color:inherit;}.StoreName_sgyktyw a svg{width:100px;}@media (max-width:49.99rem){.StoreName_sgyktyw a svg{width:85px;}}.StoreName_sgyktyw a span{font-size:12px;text-transform:uppercase;}

package/.linaria-cache/packages/template-trend/src/components/ProductPage/AddToCart/ProductToast.linaria.css

@@ -3,7 +3,7 @@
 .ProductImageWrapper_p1i58doo{width:5rem;margin-right:1rem;}
 .ProductCheckoutContainer_pjx0jqi{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:100%;width:100%;}.ProductCheckoutContainer_pjx0jqi a{-webkit-text-decoration:none;text-decoration:none;}.ProductCheckoutContainer_pjx0jqi a:hover{opacity:0.8;-webkit-text-decoration:none;text-decoration:none;color:white;}
 .Product_p3e3eyv{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;margin:16px;}
-.ProductDetails_p41hym0{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;color:black;}
+.ProductDetails_p41hym0{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;color:black;}.ProductDetails_p41hym0 .price,.ProductDetails_p41hym0 .new-price{margin-top:0.75rem;}.ProductDetails_p41hym0 .old-price{margin-top:0.25rem;}.ProductDetails_p41hym0 .new-price{color:#EB0000;}
 .Header_hrfqnnj{font-size:16px;margin-bottom:8px;}
 .ProductName_p1jc6jl9{font-size:12px;}
 .Error_ednkb9d{color:red;margin-top:8px;font-size:12px;}

package/.linaria-cache/packages/template-trend/src/components/ProductPage/PriceHistory.linaria.css

@@ -0,0 +1 @@
+.Wrapper_wr5mleq{--innerFontSize:0.85rem;position:relative;}.Wrapper_wr5mleq .label{font-size:0.75rem;cursor:pointer;background:transparent;}.Wrapper_wr5mleq .price-table{position:absolute;padding:0.35rem 0.9rem;background:white;border:1px solid #e5e5e5;max-height:30rem;overflow:scroll;z-index:2;min-width:14rem;max-width:18rem;}.Wrapper_wr5mleq .price-table .label{font-size:var(--innerFontSize);}.Wrapper_wr5mleq .price-table li{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}.Wrapper_wr5mleq .price-table li .timestamp{font-size:var(--innerFontSize);}.Wrapper_wr5mleq .price-table li [data-flight-price=''] > .price{font-size:var(--innerFontSize);font-weight:normal;}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jetshop/template-trend",
-  "version": "5.13.0",
+  "version": "5.13.3-beta.0",
   "license": "MIT",
   "scripts": {
     "build": "react-scripts build",
@@ -45,11 +45,11 @@
     ]
   },
   "dependencies": {
-    "@jetshop/core": "^5.13.0",
+    "@jetshop/core": "^5.13.3-beta.0",
     "@jetshop/flight-shortcodes": "^2.0.10",
-    "@jetshop/intl": "^5.13.0",
-    "@jetshop/react-scripts": "^5.13.0",
-    "@jetshop/ui": "^5.13.0",
+    "@jetshop/intl": "^5.13.2",
+    "@jetshop/react-scripts": "^5.13.2",
+    "@jetshop/ui": "^5.13.3-beta.0",
     "@react-google-maps/api": "~1.7.0",
     "prop-types": "^15.6.2",
     "react": "^16.9.0",

package/schema.graphql

@@ -213,6 +213,12 @@ type Category implements Document {
   """
   isDynamic: Boolean!
 
+  """
+  The category's dynamic filtersNB: Carries a performance cost, as asking for
+  this will result in a separate API call in the backend.
+  """
+  dynamicFiltering: [CategoryDynamicFilter]
+
   """
   Get content data set via the Content Editor.NB: Carries a performance cost, as
   asking for this will result in a separate API call in the backend.
@@ -229,6 +235,13 @@ type CategoryAutoCompleteResult {
   result: [Category]
 }
 
+type CategoryDynamicFilter {
+  type: String
+  value: CategoryDynamicFilterValue
+}
+
+union CategoryDynamicFilterValue = StringValue | ListStringValue | BoolValue
+
 type CategoryImage {
   width: Int
   height: Int
@@ -625,8 +638,8 @@ input CustomerUpdateDeliveryAddressInput {
 }
 
 input CustomerUpdateExternalAttribute {
-  name: String
-  value: String
+  name: String!
+  value: String!
 }
 
 input CustomerUpdateInput {
@@ -859,6 +872,10 @@ type ListFilterItem {
   resultCount: Int
 }
 
+type ListStringValue {
+  value: [String]
+}
+
 input LoginExternalCustomerInput {
   externalCustomerToken: String!
 }
@@ -1057,6 +1074,24 @@ type Mutation {
   """
   signUp(input: SignUpInput!): SignUpResponse
 
+  """
+  ## Description
+  This mutation's purpose is to update a existing customer's group using an
+  access code. An authorization token is needed in the request, in order to be
+  able to update the customer.
+  ## Error Codes
+  ### Unauthorized
+  Unauthorized
+  ### UnableToUpdateCustomer
+  Error in underlying API call, more info may be contained in the error message.
+  ### CustomerAlreadyUpdated
+  Customer already in the customer group
+  ### CustomerNotFound
+  No match on customer with access code
+  
+  """
+  updateCustomerGroup(customerGroupAccessCode: String!): UpdateCustomerGroupResult
+
   """
   This mutation's purpose is to update a existing customer's information. An
   authorization token is needed in the request, in order to be able to update the customer.
@@ -1406,6 +1441,11 @@ type Price {
   vat: Decimal!
 }
 
+type PriceHistory {
+  timestamp: DateTime
+  price: Price
+}
+
 type PrivateCustomer implements Customer {
   pid: String
   id: ID!
@@ -1616,6 +1656,12 @@ type Product implements Document {
   performance cost, as asking for this will result in a separate API call in the backend.
   """
   familyMembers: [Product!]
+
+  """Get Product History within the set number of days"""
+  history(
+    """number of days, default is 30"""
+    days: Int = 30
+  ): ProductHistory
 }
 
 type ProductAutoCompleteResult {
@@ -1704,6 +1750,10 @@ enum ProductCustomFieldType {
   MULTI_LEVEL_LIST
 }
 
+type ProductHistory {
+  previousPrice: [PriceHistory]
+}
+
 type ProductImage {
   """
   Alternate text for the image, commonly used for the alt attribute of img-tags.
@@ -1804,6 +1854,16 @@ type ProductVariant {
   warehouseStock(includeInactive: Boolean = false): [Warehouse]
   images: [ProductImage]
   barcode: String
+
+  """Get Product History within the set number of days"""
+  history(
+    """number of days, default is 30"""
+    days: Int = 30
+  ): ProductVariantHistory
+}
+
+type ProductVariantHistory {
+  previousPrice: [PriceHistory]
 }
 
 type ProductVariantOption {
@@ -2068,8 +2128,8 @@ input SignUpDeliveryAddressInput {
 }
 
 input SignUpExternalAttribute {
-  name: String
-  value: String
+  name: String!
+  value: String!
 }
 
 input SignUpInput {
@@ -2220,6 +2280,10 @@ type UpdateCartMutation {
   cart: Cart
 }
 
+type UpdateCustomerGroupResult {
+  success: Boolean!
+}
+
 type UpdateCustomerPriceListResult {
   success: Boolean!
 }

package/src/components/Cart/CartFlyout.js

@@ -198,7 +198,11 @@ const CartFlyoutView = ({ result, modal, ...rest }) => {
               return (
                 <Flex key={discount.name} style={{ marginTop: '1em' }}>
                   <label>{discount.name}</label>
-                  <Price price={discount.value} style={{ display: 'inline' }} />
+                  <Price
+                    price={discount.value}
+                    style={{ display: 'inline' }}
+                    negative
+                  />
                 </Flex>
               );
             })}

package/src/components/Layout/Header/ChannelSelector/ChannelSelector.js

@@ -21,7 +21,12 @@ export default class HeaderChannelSelector extends Component {
   render() {
     return (
       <ChannelContext.Consumer>
-        {({ channels, selectedChannel, updateChannel }) => (
+        {({
+          channels,
+          selectedChannel,
+          updateChannel,
+          selectedChannelGroup
+        }) => (
           <Fragment>
             <FlyoutTrigger id="channel-selector">
               {({ showTarget, hideTarget, isOpen }) => (
@@ -44,7 +49,7 @@ export default class HeaderChannelSelector extends Component {
               {({ isOpen, hideTarget }) => (
                 <Flyout>
                   <Selector
-                    channels={channels}
+                    channels={selectedChannelGroup || channels}
                     hideTarget={hideTarget}
                     selectedChannel={selectedChannel}
                     updateChannel={updateChannel}

package/src/components/Layout/Header/ChannelSelector/ChannelSelectorModal.js

@@ -26,15 +26,14 @@ const modalStyles = css`
 `;
 
 const ChannelSelectorModal = props => {
-  const { selectedChannel, channels, updateChannel } =
+  const { selectedChannel, channels, updateChannel, selectedChannelGroup } =
     useContext(ChannelContext);
-
   return (
     <ModalTrigger
       modalStyles={modalStyles}
       target={props => (
         <Selector
-          channels={channels}
+          channels={selectedChannelGroup || channels}
           selectedChannel={selectedChannel}
           updateChannel={updateChannel}
           type={LargeSelector}

package/src/components/Layout/Header/Logo.js

@@ -2,7 +2,8 @@ import React from 'react';
 import { Link } from 'react-router-dom';
 import { Below } from '@jetshop/ui/Breakpoints';
 import { styled } from 'linaria/react';
-import TrendLogo from './trend-logo.svg';
+import { ReactComponent as NorceLogo } from './NorceLogo.svg';
+import { theme } from '../../Theme';
 
 const StoreName = styled('h2')`
   font-size: 30px;
@@ -14,8 +15,19 @@ const StoreName = styled('h2')`
   a {
     display: flex;
     align-items: center;
+    flex-direction: column;
     text-decoration: none;
     color: inherit;
+    svg {
+      width: 100px;
+      ${theme.below.md} {
+        width: 85px;
+      }
+    }
+    span {
+      font-size: 12px;
+      text-transform: uppercase;
+    }
   }
 `;
 
@@ -27,7 +39,8 @@ const Logo = ({ searchOpen }) => (
           {!searchOpen && (
             <StoreName>
               <Link to="/">
-                <img alt="Trend" src={TrendLogo} />
+                <NorceLogo />
+                <span>Storefront</span>
               </Link>
             </StoreName>
           )}
@@ -35,7 +48,8 @@ const Logo = ({ searchOpen }) => (
       ) : (
         <StoreName>
           <Link to="/">
-            <img alt="Trend" src={TrendLogo} />
+            <NorceLogo />
+            <span>Storefront</span>
           </Link>
         </StoreName>
       )

package/src/components/Layout/Header/NorceLogo.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 515.3 102.8"><defs><style>.a{fill:#10141d;}</style></defs><path class="a" d="M466.13,100.83a28.63,28.63,0,0,0,28.3,22.9c10.2,0,18.4-3.2,22.7-9.6h26.3c-6.8,18.2-26.3,30.5-48.9,30.5A50.94,50.94,0,0,1,443,93.33c0-28.4,22.3-51.4,50.8-51.4s50.9,22.9,50.9,51.3a46.8,46.8,0,0,1-.6,7.6Zm1-19.6h53.3c-3.2-10.4-14-18.8-26.7-18.8S470.33,70.73,467.13,81.23Z" transform="translate(-29.43 -41.83)"/><path class="a" d="M126.43,140.63h-22V90.33a26.5,26.5,0,1,0-53,0v50.3h-22V90.33a48.5,48.5,0,1,1,97,0Z" transform="translate(-29.43 -41.83)"/><path class="a" d="M286.63,140.53h-22V91.63a48.61,48.61,0,0,1,48.5-48.5v22a26.55,26.55,0,0,0-26.5,26.5Z" transform="translate(-29.43 -41.83)"/><path class="a" d="M409,100.83c-2.9,13.8-13.8,22.8-28.3,22.8-17.2,0-28.8-12.4-28.8-30.5s11.6-30.5,28.8-30.5a26.77,26.77,0,0,1,20.4,9L417.33,57c-9.2-9.4-21-15.2-36.7-15.2-29.5,0-51.3,21.8-51.3,51.3s21.8,51.3,51.3,51.3c26.5,0,47.1-18.3,50.6-43.6Z" transform="translate(-29.43 -41.83)"/><path class="a" d="M242.43,140.63h-94.2v-95h94.2Zm-73.2-21h52.2v-53h-52.2v53Z" transform="translate(-29.43 -41.83)"/></svg>

package/src/components/Layout/Header/RecommendedChannel/ChannelBanner.js

@@ -193,12 +193,8 @@ const Flyout = ({ children }) => (
 );
 
 const ChannelBanner = () => {
-  const {
-    channels,
-    recommendedChannel,
-    selectedChannel,
-    updateChannel
-  } = useContext(ChannelContext);
+  const { channels, recommendedChannel, selectedChannel, updateChannel } =
+    useContext(ChannelContext);
 
   const { bannerIsOpen, hideTheBanner } = useChannelBanner();
 

package/src/components/ProductList/Product.js

@@ -10,7 +10,11 @@ import { useProductList } from '@jetshop/core/hooks/ProductList';
 export function Product({ product, loading, children, listId }) {
   // Use the variant's image for display
   const productForDisplay = { ...product };
-  if (product.isVariant && product.variant.images) {
+  if (
+    product.isVariant &&
+    product.variant.images &&
+    product.variant.images.length > 0
+  ) {
     productForDisplay.images = product.variant.images;
   }
 

package/src/components/ProductPage/AddToCart/AddToCartForm.js

@@ -27,6 +27,7 @@ import WarehouseStock from '../StockStatus/WarehouseStock';
 
 import addToCartMutation from '../../Cart/queries/addToCart.gql';
 import CartQuery from '../../Cart/queries/cartQuery.gql';
+import { PriceHistoryWrapper } from '../PriceHistory';
 
 const StyledForm = styled(Form)`
   display: flex;
@@ -75,13 +76,12 @@ function AddToCartForm({
   });
   const [trigger, dismiss] = useNotification();
 
-  const onAddToCartInit = ({ mutationId, quantity, price }) => {
+  const onAddToCartInit = ({ mutationId, quantity }) => {
     trigger(
       <ProductToastWrapper
         selectedVariation={variant}
         product={product}
         quantity={quantity}
-        price={price}
       />,
       {
         id: mutationId,
@@ -90,7 +90,7 @@ function AddToCartForm({
     );
   };
   const onAddToCartError = () => {
-    return ({ mutationId, quantity, price, error }) => {
+    return ({ mutationId, quantity, error }) => {
       dismiss(mutationId);
 
       trigger(
@@ -98,7 +98,6 @@ function AddToCartForm({
           selectedVariation={variant}
           product={product}
           quantity={quantity}
-          price={price}
           error={error}
         />,
         {
@@ -142,6 +141,10 @@ function AddToCartForm({
                   configurationContext && configurationContext.loading ? 0.3 : 1
               }}
             />
+            <PriceHistoryWrapper
+              articleNumber={product.articleNumber}
+              variant={variant}
+            />
 
             <Campaigns
               campaigns={product.campaigns}

package/src/components/ProductPage/AddToCart/ProductToast.js

@@ -8,6 +8,7 @@ import CartProvider from '@jetshop/core/components/Query/CartProvider';
 import t from '@jetshop/intl';
 import Image from '@jetshop/ui/Image/Image';
 import { Price } from '@jetshop/ui/Price';
+import useProductToast from './useProductToast';
 
 import { baseStyles } from '../../ui/Button';
 import { theme } from '../../Theme';
@@ -66,6 +67,19 @@ const ProductDetails = styled('div')`
   flex-direction: column;
   flex-grow: 1;
   color: black;
+
+  .price,
+  .new-price {
+    margin-top: 0.75rem;
+  }
+
+  .old-price {
+    margin-top: 0.25rem;
+  }
+
+  .new-price {
+    color: ${theme.colors.red};
+  }
 `;
 
 const Header = styled('h3')`
@@ -86,14 +100,16 @@ const Error = styled('p')`
 const ProductToast = ({
   product,
   cart,
-  closeToast,
   selectedVariation,
   quantity,
-  price,
   error
 }) => {
+  const { price, previousPrice, image } = useProductToast({
+    product,
+    selectedVariation,
+    quantity
+  });
   const track = useTracker();
-  const image = selectedVariation?.images[0] || product.images[0];
   return (
     <Container data-testid="product-toast">
       <ProductCheckoutContainer>
@@ -120,9 +136,7 @@ const ProductToast = ({
               </Header>
             )}
             <ProductName>{product.name}</ProductName>
-            {!error && (
-              <Price price={price.price} previousPrice={price.previousPrice} />
-            )}
+            {!error && <Price price={price} previousPrice={previousPrice} />}
             {error && (
               <Error>
                 {t('An error occurred. Details:')}

package/src/components/ProductPage/AddToCart/useProductToast.js

@@ -0,0 +1,26 @@
+function useProductToast({ product, selectedVariation, quantity }) {
+  let image, price, previousPrice;
+
+  const toastProduct = selectedVariation || product;
+
+  // Calculating the price by mutliplying with quantity
+  price = calculatePrice(toastProduct.price, quantity);
+  previousPrice = calculatePrice(toastProduct.previousPrice, quantity);
+
+  image = selectedVariation?.images[0] || product.images[0];
+
+  return {
+    price,
+    previousPrice,
+    image
+  };
+}
+
+function calculatePrice(price, quantity) {
+  const incVat = price.incVat * quantity;
+  const exVat = price.exVat * quantity;
+  const vat = price.vat * quantity;
+  return { incVat, exVat, vat };
+}
+
+export default useProductToast;

package/src/components/ProductPage/PriceHistory.js

@@ -0,0 +1,147 @@
+import t from '@jetshop/intl';
+import React, { useContext } from 'react';
+import { useQuery } from '@apollo/react-hooks';
+import PriceHistoryQuery from './PriceHistoryQuery.gql';
+import { styled } from 'linaria/react';
+import { Price } from '@jetshop/ui/Price';
+
+import { FlyoutTrigger } from '@jetshop/ui/Modal/Flyout';
+import { FlyoutTarget } from '@jetshop/ui/Modal/Flyout';
+import ChannelContext from '@jetshop/core/components/ChannelContext/ChannelContext';
+
+const Wrapper = styled.div`
+  --innerFontSize: 0.85rem;
+  position: relative;
+
+  .label {
+    font-size: 0.75rem;
+    cursor: pointer;
+    background: transparent;
+  }
+
+  .price-table {
+    position: absolute;
+    padding: 0.35rem 0.9rem;
+    background: white;
+    border: 1px solid #e5e5e5;
+    max-height: 30rem;
+    overflow: scroll;
+    z-index: 2;
+    min-width: 14rem;
+    max-width: 18rem;
+
+    .label {
+      font-size: var(--innerFontSize);
+    }
+
+    li {
+      display: flex;
+      justify-content: space-between;
+
+      .timestamp {
+        font-size: var(--innerFontSize);
+      }
+
+      [data-flight-price=''] {
+        > .price {
+          font-size: var(--innerFontSize);
+          font-weight: normal;
+        }
+      }
+    }
+  }
+`;
+
+export function PriceHistoryWrapper(props) {
+  return (
+    <Wrapper>
+      <FlyoutTrigger
+        id="price-history-flyout"
+        coverStyles={{ zIndex: 0, background: 'transparent' }}
+      >
+        {({ isOpen, hideTarget, showTarget }) => (
+          <button
+            onClick={() => {
+              if (isOpen) {
+                hideTarget();
+              } else {
+                showTarget();
+              }
+            }}
+            className="label"
+          >
+            {t('View price history')}
+          </button>
+        )}
+      </FlyoutTrigger>
+      <FlyoutTarget id="price-history-flyout">
+        {() => <PriceHistory {...props} />}
+      </FlyoutTarget>
+    </Wrapper>
+  );
+}
+
+const days = 30;
+function PriceHistory({ articleNumber, variant }) {
+  const { error, loading, data } = useQuery(PriceHistoryQuery, {
+    variables: { articleNumber, days },
+    errorPolicy: 'all',
+    skip: !articleNumber
+  });
+
+  if (loading || error) {
+    return (
+      <div className="price-table">
+        {loading && (
+          <span className="label">
+            {t('Getting the last { days } days price changes...', {
+              days
+            })}
+          </span>
+        )}
+        {error && <span className="label">{t('Something went wrong')}</span>}
+      </div>
+    );
+  }
+
+  const { product } = data;
+
+  if (!variant) {
+    return <Table history={product.history} days={days} />;
+  }
+
+  const selectedVariant = product.variants.values.find(
+    value => value.articleNumber === variant.articleNumber
+  );
+
+  return <Table history={selectedVariant.history} days={days} />;
+}
+
+const Table = ({ history, days }) => {
+  const { selectedChannel } = useContext(ChannelContext);
+
+  if (history?.length === 0) {
+    return (
+      <div className="price-table">
+        <span>{t('No recent price changes the last { days }', { days })}</span>
+      </div>
+    );
+  }
+
+  return (
+    <div className="price-table">
+      <ul>
+        {history.previousPrice.map(({ timestamp, price }) => (
+          <li key={timestamp}>
+            <span className="timestamp">
+              {new Date(timestamp).toLocaleDateString([
+                selectedChannel.language.culture
+              ])}
+            </span>
+            <Price price={price} as="span" />
+          </li>
+        ))}
+      </ul>
+    </div>
+  );
+};

package/src/components/ProductPage/PriceHistoryQuery.gql

@@ -0,0 +1,32 @@
+query ProductPriceHistory($articleNumber: String!, $days: Int!) {
+  product(articleNumber: $articleNumber) {
+    id
+    articleNumber
+    history(days: $days) {
+      previousPrice {
+        timestamp
+        price {
+          incVat
+          exVat
+          vat
+        }
+      }
+    }
+
+    variants {
+      values {
+        articleNumber
+        history(days: $days) {
+          previousPrice {
+            timestamp
+            price {
+              incVat
+              vat
+              exVat
+            }
+          }
+        }
+      }
+    }
+  }
+}

package/src/shop.config.js

@@ -14,7 +14,7 @@ import ContentPage from './components/ContentPage/ContentPage.loadable';
 const config = {
   theme,
   apolloConfig: {
-    shopid: process.env.REACT_APP_SHOP_ID || 'demostore',
+    shopid: process.env.REACT_APP_SHOP_ID || 'kalaskungen',
     graphQLURI:
       process.env.REACT_APP_GRAPHQL_URI || 'https://storeapi.jetshop.io/',
     token:
@@ -46,10 +46,7 @@ const config = {
   },
   channelOverrides: {},
   disableGeoRedirect: true,
-  singleDomainMode:
-    typeof process.env.REACT_APP_SINGLE_DOMAIN_MODE === 'undefined'
-      ? true
-      : process.env.REACT_APP_SINGLE_DOMAIN_MODE, // default to true if this env var is not set
+  singleDomainMode: false,
   schemaExtensions: [],
   preserveRedirect: true,
   structuredData: {

package/translations/default.json

@@ -197,6 +197,9 @@
   "free_shipping_and_return_355b42d1": {
     "message": "Free shipping and return"
   },
+  "getting_the_last_days_days_price_changes_bedecd5": {
+    "message": "Getting the last { days } days price changes..."
+  },
   "go_to_country_517a8515": {
     "message": "Go to { country }"
   },
@@ -338,6 +341,9 @@
   "no_orders_found_ed613bce": {
     "message": "No orders found"
   },
+  "no_recent_price_changes_the_last_days_61d42dda": {
+    "message": "No recent price changes the last { days }"
+  },
   "no_results_for_term_7528ef47": {
     "message": "No results for <Term />"
   },
@@ -683,6 +689,9 @@
   "view_password_ec63cb11": {
     "message": "View password"
   },
+  "view_price_history_8078c9af": {
+    "message": "View price history"
+  },
   "visit_product_page_to_add_54331147": {
     "message": "Visit product page to add"
   },

package/translations/sv.json

@@ -772,5 +772,14 @@
   },
   "email_address_is_required_24d62494": {
     "message": "E-postadress är obligatoriskt."
+  },
+  "getting_the_last_days_days_price_changes_bedecd5": {
+    "message": "Hämtar de senaste { days } dagarnas prisändringar..."
+  },
+  "no_recent_price_changes_the_last_days_61d42dda": {
+    "message": "Hittade inte några prisförändringar senaste { days } dagarna"
+  },
+  "view_price_history_8078c9af": {
+    "message": "Visa prishistorik"
   }
 }