@jetshop/core 5.8.3 → 5.11.0

package/hooks/ProductList/index.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { DocumentNode } from 'graphql';
 import { MutationTuple, QueryResult } from 'react-apollo';
-import { CustomerProductListResult, MutationAddToCustomerProductListArgs, MutationRemoveFromCustomerProductListArgs, MutationUpdateCustomerProductListItemArgs, Product, ProductVariant, QueryCustomerProductListArgs, QueryProductsArgs } from '../../types';
+import { CustomerProductListResult, MutationCreateCustomerProductListArgs, MutationAddToCustomerProductListArgs, MutationRemoveFromCustomerProductListArgs, MutationUpdateCustomerProductListItemArgs, Product, ProductVariant, QueryCustomerProductListArgs, QueryProductsArgs } from '../../types';
 import { ThunkAction } from '../useThunkReducer';
 import { Action } from './product-list-reducer';
 export { useProductList } from './useProductList';
@@ -17,16 +17,42 @@ export interface ProductListContextOptions {
     usingLocalList: boolean;
     queries: ProductListQueries;
 }
+/**
+ * A Product list mapping is a mapping between an ID and a product list
+ *
+ * As a convenienve, an ID of null is used for the "default" product list.
+ */
+export declare type ProductListId = string | null;
+export declare type ProductListMap = Map<ProductListId, NormalizedProductList>;
+export interface NormalizedProductList {
+    name: string | null;
+    items: {
+        [articleNumber: string]: {
+            options: ProductListItemOptions;
+            variants: ProductListItemVariants | null;
+        };
+    };
+}
+export declare const PRODUCT_LISTS_KEY = "productLists";
+export declare function emptyProductLists(): ProductListMap;
+export declare function productListMapToArray(map: ProductListMap): [string, NormalizedProductList][];
+export declare function productListArrayToMap(array: [ProductListId, NormalizedProductList][]): Map<string, NormalizedProductList>;
 export interface ProductListState {
     loggedIn: boolean;
-    list?: NormalizedProductList;
+    lists: ProductListMap;
     requestIdRef: React.MutableRefObject<string | null>;
 }
 export interface ProductListQueries {
     /** Products query, used for retrieving products from localList */
     productsQuery: DocumentNode;
+    /** The customerProductLists query */
+    all: DocumentNode;
     /** The customerProductList query */
     query: DocumentNode;
+    /** The createCustomerProductList mutation */
+    createList: DocumentNode;
+    /** The deleteCustomerProductList mutation */
+    deleteList: DocumentNode;
     /** The addToCustomerProductList mutation */
     add: DocumentNode;
     /** An addToCustomerProductList mutation that returns the full list */
@@ -45,12 +71,6 @@ export interface ProductListDetail {
     /** An array containing the product data */
     products: ProductListProduct[];
 }
-export interface NormalizedProductList {
-    [articleNumber: string]: {
-        options: ProductListItemOptions;
-        variants: ProductListItemVariants | null;
-    };
-}
 export interface FlattenedProductListItem {
     articleNumber: string;
     parentArticleNumber?: string;
@@ -80,12 +100,18 @@ export declare type ProductListProductValidation = {
 export declare type AddToListMutation = MutationTuple<{
     addToCustomerProductList: CustomerProductListResult;
 }, MutationAddToCustomerProductListArgs>;
+export declare type CreateListMutation = MutationTuple<{
+    createCustomerProductList: CustomerProductListResult;
+}, MutationCreateCustomerProductListArgs>;
 export declare type RemoveFromListMutation = MutationTuple<{
     removeFromCustomerProductList: CustomerProductListResult;
 }, MutationRemoveFromCustomerProductListArgs>;
 export declare type UpdateListItemMutation = MutationTuple<{
     updateCustomerProductListItem: CustomerProductListResult;
 }, MutationUpdateCustomerProductListItemArgs>;
+export declare type ListsProductsQuery = QueryResult<{
+    customerProductLists: CustomerProductListResult[];
+}>;
 export declare type ListProductsQuery = QueryResult<CustomerProductListResult, QueryCustomerProductListArgs>;
 export declare type ProductsQuery = QueryResult<{
     products: Product[];

package/hooks/ProductList/index.js

@@ -1,3 +1,22 @@
 export { useProductList } from './useProductList';
 export { useProductListItems } from './useProductListItems';
+export const PRODUCT_LISTS_KEY = 'productLists';
+export function emptyProductLists() {
+    return new Map([
+        [
+            null,
+            {
+                items: {},
+                name: null
+            }
+        ]
+    ]);
+}
+export function productListMapToArray(map) {
+    const [...array] = map;
+    return array;
+}
+export function productListArrayToMap(array) {
+    return new Map(array);
+}
 //# sourceMappingURL=index.js.map

package/hooks/ProductList/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAeA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAgBA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAgC5D,MAAM,CAAC,MAAM,iBAAiB,GAAG,cAAc,CAAC;AAEhD,MAAM,UAAU,iBAAiB;IAC/B,OAAO,IAAI,GAAG,CAAC;QACb;YACE,IAAI;YACJ;gBACE,KAAK,EAAE,EAAE;gBACT,IAAI,EAAE,IAAI;aACX;SACF;KACF,CAAC,CAAC;AACL,CAAC;AAED,MAAM,UAAU,qBAAqB,CAAC,GAAmB;IACvD,MAAM,CAAC,GAAG,KAAK,CAAC,GAAG,GAAG,CAAC;IACvB,OAAO,KAAK,CAAC;AACf,CAAC;AAED,MAAM,UAAU,qBAAqB,CACnC,KAA+C;IAE/C,OAAO,IAAI,GAAG,CAAC,KAAK,CAAC,CAAC;AACxB,CAAC"}

package/hooks/ProductList/list-transforms.d.ts

@@ -1,12 +1,12 @@
 import { FlattenedProductListItem, NormalizedProductList, ProductsQuery } from '.';
-import { CustomerProductListResult, Product } from '../../types';
+import { CustomerProductList, Product } from '../../types';
 /**
  * Converts a product list returned from the API to our normalized structure
  * When a base product is selected, it will have a value for `options`.
  * When it has variants, it will have one or more keys for `variants`
  * Either variants or options may be null, but not both.
  */
-export declare function normalizeServerList(serverList: CustomerProductListResult): NormalizedProductList;
+export declare function normalizeServerList(productList: CustomerProductList): NormalizedProductList;
 /**
  * Takes a flattened product list and result of a products query and returns
  * product details for each item in the flattened list. */
@@ -35,6 +35,7 @@ productQueryResult: ProductsQuery): {
     categories?: import("../../types").Category[];
     campaigns?: import("../../types").Category[];
     hasVariants: boolean;
+    hasVariantsWithDifferingPrices: boolean;
     variants?: import("../../types").ProductVariants;
     images?: import("../../types").ProductImage[];
     relatedProducts?: Product[];

package/hooks/ProductList/list-transforms.js

@@ -6,39 +6,39 @@ import { validateProduct } from './validate-product';
  * When it has variants, it will have one or more keys for `variants`
  * Either variants or options may be null, but not both.
  */
-export function normalizeServerList(serverList) {
+export function normalizeServerList(productList) {
     var _a, _b, _c, _d, _e;
-    const list = {};
-    if (!(serverList === null || serverList === void 0 ? void 0 : serverList.customerProductList))
-        return list;
-    const items = serverList.customerProductList.items;
-    const newList = Object.assign({}, list);
+    const items = productList.items;
+    const newList = {
+        name: productList.name,
+        items: {}
+    };
     for (const item of items) {
         // skip if product is hidden
         if (!((_a = item === null || item === void 0 ? void 0 : item.product) === null || _a === void 0 ? void 0 : _a.articleNumber)) {
             continue;
         }
         if (item.variant) {
-            newList[item.product.articleNumber] = {
-                options: ((_b = newList[item.product.articleNumber]) === null || _b === void 0 ? void 0 : _b.options) || null,
-                variants: produce(((_c = newList[item.product.articleNumber]) === null || _c === void 0 ? void 0 : _c.variants) || {}, (draft) => {
+            newList.items[item.product.articleNumber] = {
+                options: ((_b = newList.items[item.product.articleNumber]) === null || _b === void 0 ? void 0 : _b.options) || null,
+                variants: produce(((_c = newList.items[item.product.articleNumber]) === null || _c === void 0 ? void 0 : _c.variants) || {}, (draft) => {
                     draft[item.variant.articleNumber] = {
                         options: {
                             quantity: item.quantity || 1,
-                            description: item.description,
+                            description: item.description
                         },
-                        parentArticleNumber: item.product.articleNumber,
+                        parentArticleNumber: item.product.articleNumber
                     };
-                }),
+                })
             };
         }
         else {
-            newList[item.product.articleNumber] = {
-                variants: ((_d = newList[item.product.articleNumber]) === null || _d === void 0 ? void 0 : _d.variants) || null,
+            newList.items[item.product.articleNumber] = {
+                variants: ((_d = newList.items[item.product.articleNumber]) === null || _d === void 0 ? void 0 : _d.variants) || null,
                 options: {
                     quantity: (_e = item.quantity) !== null && _e !== void 0 ? _e : 1,
-                    description: item.description,
-                },
+                    description: item.description
+                }
             };
         }
     }
@@ -76,29 +76,29 @@ export function getVariantFromProductDetails(variant, product) {
 }
 export function flattenList(list) {
     const flattenedList = [];
-    const baseProducts = list ? Object.keys(list) : [];
+    const baseProducts = list ? Object.keys(list.items) : [];
     for (const baseArticleNumber of baseProducts) {
-        const variants = list[baseArticleNumber].variants;
+        const variants = list.items[baseArticleNumber].variants;
         if (variants) {
             const variantArticleNumbers = Object.keys(variants);
             for (const articleNumber of variantArticleNumbers) {
                 flattenedList.push({
                     articleNumber,
                     parentArticleNumber: baseArticleNumber,
-                    options: variants[articleNumber].options,
+                    options: variants[articleNumber].options
                 });
             }
-            if (list[baseArticleNumber].options) {
+            if (list.items[baseArticleNumber].options) {
                 flattenedList.push({
                     articleNumber: baseArticleNumber,
-                    options: list[baseArticleNumber].options,
+                    options: list.items[baseArticleNumber].options
                 });
             }
         }
         else {
             flattenedList.push({
                 articleNumber: baseArticleNumber,
-                options: list[baseArticleNumber].options,
+                options: list.items[baseArticleNumber].options
             });
         }
     }

package/hooks/ProductList/list-transforms.js.map

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

package/hooks/ProductList/list-transforms.test.js

@@ -5,8 +5,8 @@ import {
   normalizeServerList
 } from './list-transforms';
 
-const MOCK_LIST = {
-  '6952315': {
+const MOCK_LIST_ITEMS = {
+  6952315: {
     options: { quantity: 1 },
     variants: {
       '6952315-170-white': {
@@ -17,7 +17,7 @@ const MOCK_LIST = {
       }
     }
   },
-  '502935480': {
+  502935480: {
     variants: null,
     options: {
       quantity: 1
@@ -161,8 +161,7 @@ const MOCK_PRODUCT_QUERY_RESULT = {
                 {
                   alt: '441728',
                   title: 'Belt Light',
-                  url:
-                    'https://www.demostore.se/pub_images/original/VARIANTIMAGE.jpg',
+                  url: 'https://www.demostore.se/pub_images/original/VARIANTIMAGE.jpg',
                   __typename: 'ProductImage'
                 }
               ],
@@ -181,8 +180,7 @@ const MOCK_PRODUCT_QUERY_RESULT = {
                 {
                   alt: 'Belt Light',
                   title: 'Belt Light',
-                  url:
-                    'https://www.demostore.se/pub_images/original/441728.jpg',
+                  url: 'https://www.demostore.se/pub_images/original/441728.jpg',
                   __typename: 'ProductImage'
                 }
               ],
@@ -201,8 +199,7 @@ const MOCK_PRODUCT_QUERY_RESULT = {
                 {
                   alt: 'Belt Light',
                   title: 'Belt Light',
-                  url:
-                    'https://www.demostore.se/pub_images/original/441728.jpg',
+                  url: 'https://www.demostore.se/pub_images/original/441728.jpg',
                   __typename: 'ProductImage'
                 }
               ],
@@ -245,8 +242,7 @@ const MOCK_PRODUCT_QUERY_RESULT = {
         badges: [
           {
             name: 'SALE Top Left',
-            url:
-              'https://www.demostore.se/M1/production/images/overlay/overlay8_en-GB.png',
+            url: 'https://www.demostore.se/M1/production/images/overlay/overlay8_en-GB.png',
             location: 'TOP_LEFT',
             style: '',
             text: '',
@@ -268,7 +264,10 @@ const MOCK_PRODUCT_QUERY_RESULT = {
 
 describe('flattenList', () => {
   it('takes a normalized list and returns an array of items', () => {
-    const flattened = flattenList(MOCK_LIST);
+    const flattened = flattenList({
+      name: 'My list',
+      items: MOCK_LIST_ITEMS
+    });
 
     expect(flattened).toMatchSnapshot();
   });
@@ -277,16 +276,19 @@ describe('flattenList', () => {
     const options = { quantity: 1 };
 
     const list = {
-      baseProduct: {
-        options: null,
-        variants: {
-          'variant-one': {
-            options,
-            parentArticleNumber: 'baseProduct'
-          },
-          'variant-two': {
-            options,
-            parentArticleNumber: 'baseProduct'
+      name: 'My list',
+      items: {
+        baseProduct: {
+          options: null,
+          variants: {
+            'variant-one': {
+              options,
+              parentArticleNumber: 'baseProduct'
+            },
+            'variant-two': {
+              options,
+              parentArticleNumber: 'baseProduct'
+            }
           }
         }
       }
@@ -301,16 +303,19 @@ describe('flattenList', () => {
     const options = { quantity: 1 };
 
     const list = {
-      baseProduct: {
-        options: options,
-        variants: {
-          'variant-one': {
-            options,
-            parentArticleNumber: 'baseProduct'
-          },
-          'variant-two': {
-            options,
-            parentArticleNumber: 'baseProduct'
+      name: 'My funky list',
+      items: {
+        baseProduct: {
+          options: options,
+          variants: {
+            'variant-one': {
+              options,
+              parentArticleNumber: 'baseProduct'
+            },
+            'variant-two': {
+              options,
+              parentArticleNumber: 'baseProduct'
+            }
           }
         }
       }
@@ -341,7 +346,7 @@ describe('getVariantFromProductDetails', () => {
 
     expect(result).toBe(
       MOCK_PRODUCT_WITH_VARIANTS.variants.values.find(
-        variant => variant.articleNumber === '441728-37'
+        (variant) => variant.articleNumber === '441728-37'
       )
     );
   });
@@ -396,91 +401,89 @@ describe('normalizeServerList', () => {
   let serverList;
   beforeEach(() => {
     serverList = {
-      customerProductList: {
-        items: [
-          {
-            quantity: 1,
-            description: 'hello',
-            product: {
-              articleNumber: 'without-variants'
-            },
-            variant: null
+      items: [
+        {
+          quantity: 1,
+          description: 'hello',
+          product: {
+            articleNumber: 'without-variants'
           },
-          {
-            quantity: 1,
-            description: 'hello',
-            product: {
-              articleNumber: 'with-variants'
-            },
-            variant: {
-              articleNumber: 'the-variant'
-            }
+          variant: null
+        },
+        {
+          quantity: 1,
+          description: 'hello',
+          product: {
+            articleNumber: 'with-variants'
           },
-          {
-            quantity: 1,
-            description: 'hello',
-            product: {
-              articleNumber: 'with-many-variants'
-            },
-            variant: {
-              articleNumber: 'variant-one'
-            }
+          variant: {
+            articleNumber: 'the-variant'
+          }
+        },
+        {
+          quantity: 1,
+          description: 'hello',
+          product: {
+            articleNumber: 'with-many-variants'
           },
-          {
-            quantity: 1,
-            description: 'hello',
-            product: {
-              articleNumber: 'with-many-variants'
-            },
-            variant: {
-              articleNumber: 'variant-two'
-            }
+          variant: {
+            articleNumber: 'variant-one'
+          }
+        },
+        {
+          quantity: 1,
+          description: 'hello',
+          product: {
+            articleNumber: 'with-many-variants'
           },
-          {
-            quantity: 1,
-            description: 'hello',
-            product: {
-              articleNumber: 'with-base-and-variants'
-            },
-            variant: null
+          variant: {
+            articleNumber: 'variant-two'
+          }
+        },
+        {
+          quantity: 1,
+          description: 'hello',
+          product: {
+            articleNumber: 'with-base-and-variants'
           },
-          {
-            quantity: 1,
-            description: 'hello',
-            product: {
-              articleNumber: 'with-base-and-variants'
-            },
-            variant: {
-              articleNumber: 'variant-one'
-            }
+          variant: null
+        },
+        {
+          quantity: 1,
+          description: 'hello',
+          product: {
+            articleNumber: 'with-base-and-variants'
+          },
+          variant: {
+            articleNumber: 'variant-one'
           }
-        ]
-      }
+        }
+      ]
     };
   });
-  it('returns an empty object if an invalid list if passed in', () => {
-    const result = normalizeServerList({ not: 'a list' });
 
-    expect(result).toEqual({});
-  });
   it('creates the expected shape', () => {
     const result = normalizeServerList(serverList);
 
-    expect(result['without-variants'].variants).toBe(null);
-    expect(result['without-variants'].options.quantity).toBe(1);
+    expect(result.items['without-variants'].variants).toBe(null);
+    expect(result.items['without-variants'].options.quantity).toBe(1);
 
-    expect(result['with-variants'].options).toBe(null);
+    expect(result.items['with-variants'].options).toBe(null);
     expect(
-      result['with-variants'].variants['the-variant'].options.quantity
+      result.items['with-variants'].variants['the-variant'].options.quantity
     ).toBe(1);
 
-    expect(result['with-many-variants'].options).toBe(null);
-    expect(result['with-many-variants'].variants['variant-one']).toBeDefined();
-    expect(result['with-many-variants'].variants['variant-two']).toBeDefined();
+    expect(result.items['with-many-variants'].options).toBe(null);
+    expect(
+      result.items['with-many-variants'].variants['variant-one']
+    ).toBeDefined();
+    expect(
+      result.items['with-many-variants'].variants['variant-two']
+    ).toBeDefined();
 
-    expect(result['with-base-and-variants'].options).toBeDefined();
+    expect(result.items['with-base-and-variants'].options).toBeDefined();
     expect(
-      result['with-base-and-variants'].variants['variant-one']
+      result.items['with-base-and-variants'].variants['variant-one']
     ).toBeDefined();
   });
 });

package/hooks/ProductList/product-list-reducer.d.ts

@@ -1,20 +1,15 @@
-/// <reference types="react" />
-import { ProductListState, ProductListItemOptions, UpdateListOptions, NormalizedProductList } from '.';
+import { ProductListMap, ProductListState, ProductListItemOptions, ProductListId, UpdateListOptions, NormalizedProductList } from '.';
 export declare function reducer(state: ProductListState, action: Action): ProductListState;
-export declare function init(initialState: ProductListState): ProductListState | {
-    list: any;
-    loggedIn: boolean;
-    requestIdRef: import("react").MutableRefObject<string>;
-};
-export declare function addVariantToList(state: ProductListState, articleNumber: string, { variantArticleNumber, options }: {
+export declare function init(initialState: ProductListState): ProductListState;
+export declare function addVariantToList(state: ProductListState, listId: ProductListId, articleNumber: string, { variantArticleNumber, options }: {
     variantArticleNumber?: string;
     options: ProductListItemOptions;
 }): ProductListState;
-export declare function addBaseProductToList(state: ProductListState, articleNumber: string, options: ProductListItemOptions): ProductListState;
-export declare function removeFromList(state: ProductListState, articleNumber: string, { variantArticleNumber }: {
+export declare function addBaseProductToList(state: ProductListState, listId: ProductListId, articleNumber: string, options: ProductListItemOptions): ProductListState;
+export declare function removeFromList(state: ProductListState, listId: ProductListId, articleNumber: string, { variantArticleNumber }: {
     variantArticleNumber?: string;
 }): ProductListState;
-export declare function replaceItemInList(state: ProductListState, articleNumber: string, { variantToReplace, variantArticleNumber, options }: {
+export declare function replaceItemInList(state: ProductListState, listId: ProductListId, articleNumber: string, { variantToReplace, variantArticleNumber, options }: {
     variantToReplace?: string;
     variantArticleNumber: string;
     options: ProductListItemOptions;
@@ -22,6 +17,7 @@ export declare function replaceItemInList(state: ProductListState, articleNumber
 export declare type Action = {
     type: 'UPDATE';
     payload: {
+        listId: ProductListId;
         articleNumber: string;
         variantArticleNumber: string;
         variantToReplace?: string;
@@ -30,6 +26,7 @@ export declare type Action = {
 } | {
     type: 'ADD';
     payload: {
+        listId: ProductListId;
         articleNumber: string;
         variantArticleNumber?: string;
         options: UpdateListOptions;
@@ -37,17 +34,43 @@ export declare type Action = {
 } | {
     type: 'REMOVE';
     payload: {
+        listId: ProductListId;
         articleNumber: string;
         variantArticleNumber?: string;
     };
 } | {
-    type: 'CLEAR';
+    type: 'CLEAR_ITEMS';
+    payload: {
+        listId: ProductListId;
+    };
 } | {
     type: 'LOGOUT';
 } | {
     type: 'LOGIN';
-    payload: NormalizedProductList;
+    payload: {
+        listId: ProductListId;
+        list: NormalizedProductList;
+    };
 } | {
     type: 'REPLACE';
-    payload: NormalizedProductList;
+    payload: {
+        listId: ProductListId;
+        list: NormalizedProductList;
+    };
+} | {
+    type: 'CREATE_LIST';
+    payload: {
+        listId: ProductListId;
+        list: NormalizedProductList;
+    };
+} | {
+    type: 'SET_LISTS';
+    payload: {
+        lists: ProductListMap;
+    };
+} | {
+    type: 'DELETE_LIST';
+    payload: {
+        listId: ProductListId;
+    };
 };