@jetshop/core 5.13.10-0 → 5.14.0-alpha.49df897e

package/hooks/Product/index.d.ts

@@ -1 +1 @@
-export * from './useSwitchToVariantImage';
+export * from './useSwitchToVariantImage';

package/hooks/Product/index.js

@@ -1,2 +1,2 @@
-export * from './useSwitchToVariantImage';
+export * from './useSwitchToVariantImage';
 //# sourceMappingURL=index.js.map

package/hooks/Product/useStockStatus.d.ts

@@ -1,9 +1,9 @@
-import { Product, ProductVariant, Scalars } from '../../types';
-interface StockStatusContainerRender {
-    status: 'inStock' | 'outOfStock' | 'notifyWhenBack' | null;
-    text: string | null;
-    maxOrderQuantity?: number | null;
-    stockDate?: Scalars['DateTime'];
-}
-export declare function useStockStatus(product: Product | ProductVariant): StockStatusContainerRender;
-export {};
+import { Product, ProductVariant, Scalars } from '../../types';
+interface StockStatusContainerRender {
+    status: 'inStock' | 'outOfStock' | 'notifyWhenBack' | null;
+    text: string | null;
+    maxOrderQuantity?: number | null;
+    stockDate?: Scalars['DateTime'];
+}
+export declare function useStockStatus(product: Product | ProductVariant): StockStatusContainerRender;
+export {};

package/hooks/Product/useStockStatus.js

@@ -1,26 +1,26 @@
-function getStatus(statusObject) {
-    return statusObject.buyable
-        ? 'inStock'
-        : statusObject.stockNotificationEnabled
-            ? 'notifyWhenBack'
-            : 'outOfStock';
-}
-export function useStockStatus(product) {
-    const stockStatus = product === null || product === void 0 ? void 0 : product.stockStatus;
-    if (!stockStatus) {
-        console.warn('The provided product does not have a stockStatus');
-        return {
-            status: null,
-            text: null,
-            maxOrderQuantity: null,
-            stockDate: null
-        };
-    }
-    return {
-        status: getStatus(stockStatus),
-        text: stockStatus.text || null,
-        maxOrderQuantity: stockStatus.maxOrderQuantity,
-        stockDate: stockStatus.stockDate
-    };
-}
+function getStatus(statusObject) {
+    return statusObject.buyable
+        ? 'inStock'
+        : statusObject.stockNotificationEnabled
+            ? 'notifyWhenBack'
+            : 'outOfStock';
+}
+export function useStockStatus(product) {
+    const stockStatus = product === null || product === void 0 ? void 0 : product.stockStatus;
+    if (!stockStatus) {
+        console.warn('The provided product does not have a stockStatus');
+        return {
+            status: null,
+            text: null,
+            maxOrderQuantity: null,
+            stockDate: null
+        };
+    }
+    return {
+        status: getStatus(stockStatus),
+        text: stockStatus.text || null,
+        maxOrderQuantity: stockStatus.maxOrderQuantity,
+        stockDate: stockStatus.stockDate
+    };
+}
 //# sourceMappingURL=useStockStatus.js.map

package/hooks/Product/useSwitchToVariantImage.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
-import { Image, ProductVariant } from '../../types';
-interface Params {
-    galleryImages: Image[];
-    galleryRef: React.RefObject<any>;
-    variant?: ProductVariant;
-}
-export declare function useSwitchToVariantImage({ galleryImages, galleryRef, variant }: Params): void;
-export {};
+/// <reference types="react" />
+import { Image, ProductVariant } from '../../types';
+interface Params {
+    galleryImages: Image[];
+    galleryRef: React.RefObject<any>;
+    variant?: ProductVariant;
+}
+export declare function useSwitchToVariantImage({ galleryImages, galleryRef, variant }: Params): void;
+export {};

package/hooks/Product/useSwitchToVariantImage.js

@@ -1,21 +1,21 @@
-import { useEffect } from 'react';
-export function useSwitchToVariantImage({ galleryImages, galleryRef, variant }) {
-    const selectedVariation = variant;
-    useEffect(() => {
-        var _a, _b;
-        // Do nothing if the requirements weren't passed in
-        if (!galleryImages || !selectedVariation || !galleryRef)
-            return;
-        // Variants only ever have 1 image, but in the API it is still an array.
-        // So, we just grab the first image
-        const variantImageUrl = (_b = (_a = selectedVariation === null || selectedVariation === void 0 ? void 0 : selectedVariation.images) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.url;
-        // Find the variant
-        const galleryIndex = galleryImages.findIndex(image => image.url === variantImageUrl);
-        // If the variant does not have an image, do nothing
-        if (galleryIndex === -1)
-            return;
-        // Otherwise slide to it
-        galleryRef.current.slideToIndex(galleryIndex);
-    }, [galleryImages, galleryRef, selectedVariation]);
-}
+import { useEffect } from 'react';
+export function useSwitchToVariantImage({ galleryImages, galleryRef, variant }) {
+    const selectedVariation = variant;
+    useEffect(() => {
+        var _a, _b;
+        // Do nothing if the requirements weren't passed in
+        if (!galleryImages || !selectedVariation || !galleryRef)
+            return;
+        // Variants only ever have 1 image, but in the API it is still an array.
+        // So, we just grab the first image
+        const variantImageUrl = (_b = (_a = selectedVariation === null || selectedVariation === void 0 ? void 0 : selectedVariation.images) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.url;
+        // Find the variant
+        const galleryIndex = galleryImages.findIndex(image => image.url === variantImageUrl);
+        // If the variant does not have an image, do nothing
+        if (galleryIndex === -1)
+            return;
+        // Otherwise slide to it
+        galleryRef.current.slideToIndex(galleryIndex);
+    }, [galleryImages, galleryRef, selectedVariation]);
+}
 //# sourceMappingURL=useSwitchToVariantImage.js.map

package/hooks/ProductList/ProductListContext.d.ts

@@ -1,7 +1,7 @@
-import React, { Context } from 'react';
-import { ProductListContextOptions, ProductListQueries, ProductListState } from '.';
-export declare const ProductListContext: Context<ProductListContextOptions>;
-export declare const ProductListProvider: React.FC<{
-    initialState: ProductListState;
-    queries: ProductListQueries;
-}>;
+import React, { Context } from 'react';
+import { ProductListContextOptions, ProductListQueries, ProductListState } from '.';
+export declare const ProductListContext: Context<ProductListContextOptions>;
+export declare const ProductListProvider: React.FC<{
+    initialState: ProductListState;
+    queries: ProductListQueries;
+}>;

package/hooks/ProductList/ProductListContext.js

@@ -1,111 +1,111 @@
-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, { useEffect, useMemo } from 'react';
-import { useMutation, useQuery } from 'react-apollo';
-import useWarningInDev from '@jetshop/core/hooks/useWarningInDev';
-import productListQueries from '@jetshop/core/data/queries/ProductLists.gql';
-import productListMutations from '@jetshop/core/data/mutations/productListMutations.gql';
-import { emptyProductLists, productListMapToArray, PRODUCT_LISTS_KEY } from '.';
-import useAuth from '../../components/AuthContext/useAuth';
-import { useThunkReducer } from '../useThunkReducer';
-import { createListAction, deleteListAction, loginAction, refreshAction } from './action-creators';
-import { normalizeServerList } from './list-transforms';
-import { init, reducer } from './product-list-reducer';
-export const ProductListContext = React.createContext(undefined);
-function useMissingQueryWarning(property, queries) {
-    return useWarningInDev(!(property in queries), `No \`${property}\` query available in \`queries\` for \`ProductListProvider\`. ` +
-        `Check migration guide for 5.11.0 (product lists section) to remove this warning`);
-}
-export const ProductListProvider = function ProductListProvider(_a) {
-    var { queries, initialState = {} } = _a, rest = __rest(_a, ["queries", "initialState"]);
-    // NOTE: Warn about missing queries, should be removed in next major release.
-    useMissingQueryWarning('all', queries);
-    useMissingQueryWarning('createList', queries);
-    useMissingQueryWarning('deleteList', queries);
-    const { loggedIn } = useAuth();
-    const requestIdRef = React.useRef(null);
-    const allQuery = queries.all || productListQueries.ProductLists;
-    const { data: serverList, client } = useQuery(allQuery, {
-        skip: !loggedIn
-    });
-    const lists = serverList
-        ? new Map(serverList.customerProductLists.map(
-        // The default list (name === null) must have listId null
-        (productList) => [
-            productList.name === null ? null : productList.id,
-            normalizeServerList(productList)
-        ]))
-        : emptyProductLists();
-    const defaultInitialState = Object.assign({ loggedIn,
-        requestIdRef,
-        lists }, initialState);
-    const [state, dispatch] = useThunkReducer(reducer, defaultInitialState, (initialState) => init(initialState));
-    const usingLocalList = !state.loggedIn;
-    usePersistLocalList({ lists: state.lists });
-    // When localstorage updates, sync it to reducer state
-    useLocalStorageListener({ refresh });
-    // loginMutation is a mutation to merge product lists
-    const [loginMutation] = useMutation(queries.login);
-    // To be used to fetch all lists of user after login
-    const fetchAll = () => client.query({ query: allQuery });
-    const [createMutation] = useMutation(queries.createList || productListMutations.CreateProductList);
-    const [deleteListMutation] = useMutation(queries.deleteList || productListMutations.DeleteProductList);
-    function deleteList(listId) {
-        dispatch(deleteListAction({ listId, deleteListMutation }));
-    }
-    function createList(name) {
-        dispatch(createListAction({ name, createMutation }));
-    }
-    function refresh() {
-        dispatch(refreshAction());
-    }
-    useEffect(() => {
-        if (loggedIn === state.loggedIn)
-            return;
-        loggedIn
-            ? dispatch(loginAction({ loginMutation, fetchAll })) // Merge logged out lists to account
-            : dispatch({ type: 'LOGOUT' }); // Clear lists
-    }, [dispatch, loggedIn, loginMutation, state.loggedIn]);
-    const value = useMemo(() => ({
-        createList,
-        deleteList,
-        state,
-        dispatch,
-        queries,
-        usingLocalList
-    }), [dispatch, queries, state, usingLocalList]);
-    // We spread props here so during testing we can override value
-    return React.createElement(ProductListContext.Provider, Object.assign({ value: value }, rest));
-};
-/**
- * Persist local list to localStorage on every change
- */
-function usePersistLocalList({ lists }) {
-    const productListArray = productListMapToArray(lists);
-    useEffect(() => {
-        localStorage.setItem(PRODUCT_LISTS_KEY, JSON.stringify(productListArray));
-    }, [lists]);
-}
-function useLocalStorageListener({ refresh }) {
-    useEffect(() => {
-        const listener = (e) => {
-            if (e.storageArea === localStorage && e.key === PRODUCT_LISTS_KEY) {
-                refresh();
-            }
-        };
-        window.addEventListener('storage', listener);
-        return () => {
-            window.removeEventListener('storage', listener);
-        };
-    }, []);
-}
+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, { useEffect, useMemo } from 'react';
+import { useMutation, useQuery } from 'react-apollo';
+import useWarningInDev from '@jetshop/core/hooks/useWarningInDev';
+import productListQueries from '@jetshop/core/data/queries/ProductLists.gql';
+import productListMutations from '@jetshop/core/data/mutations/productListMutations.gql';
+import { emptyProductLists, productListMapToArray, PRODUCT_LISTS_KEY } from '.';
+import useAuth from '../../components/AuthContext/useAuth';
+import { useThunkReducer } from '../useThunkReducer';
+import { createListAction, deleteListAction, loginAction, refreshAction } from './action-creators';
+import { normalizeServerList } from './list-transforms';
+import { init, reducer } from './product-list-reducer';
+export const ProductListContext = React.createContext(undefined);
+function useMissingQueryWarning(property, queries) {
+    return useWarningInDev(!(property in queries), `No \`${property}\` query available in \`queries\` for \`ProductListProvider\`. ` +
+        `Check migration guide for 5.11.0 (product lists section) to remove this warning`);
+}
+export const ProductListProvider = function ProductListProvider(_a) {
+    var { queries, initialState = {} } = _a, rest = __rest(_a, ["queries", "initialState"]);
+    // NOTE: Warn about missing queries, should be removed in next major release.
+    useMissingQueryWarning('all', queries);
+    useMissingQueryWarning('createList', queries);
+    useMissingQueryWarning('deleteList', queries);
+    const { loggedIn } = useAuth();
+    const requestIdRef = React.useRef(null);
+    const allQuery = queries.all || productListQueries.ProductLists;
+    const { data: serverList, client } = useQuery(allQuery, {
+        skip: !loggedIn
+    });
+    const lists = serverList
+        ? new Map(serverList.customerProductLists.map(
+        // The default list (name === null) must have listId null
+        (productList) => [
+            productList.name === null ? null : productList.id,
+            normalizeServerList(productList)
+        ]))
+        : emptyProductLists();
+    const defaultInitialState = Object.assign({ loggedIn,
+        requestIdRef,
+        lists }, initialState);
+    const [state, dispatch] = useThunkReducer(reducer, defaultInitialState, (initialState) => init(initialState));
+    const usingLocalList = !state.loggedIn;
+    usePersistLocalList({ lists: state.lists });
+    // When localstorage updates, sync it to reducer state
+    useLocalStorageListener({ refresh });
+    // loginMutation is a mutation to merge product lists
+    const [loginMutation] = useMutation(queries.login);
+    // To be used to fetch all lists of user after login
+    const fetchAll = () => client.query({ query: allQuery });
+    const [createMutation] = useMutation(queries.createList || productListMutations.CreateProductList);
+    const [deleteListMutation] = useMutation(queries.deleteList || productListMutations.DeleteProductList);
+    function deleteList(listId) {
+        dispatch(deleteListAction({ listId, deleteListMutation }));
+    }
+    function createList(name) {
+        dispatch(createListAction({ name, createMutation }));
+    }
+    function refresh() {
+        dispatch(refreshAction());
+    }
+    useEffect(() => {
+        if (loggedIn === state.loggedIn)
+            return;
+        loggedIn
+            ? dispatch(loginAction({ loginMutation, fetchAll })) // Merge logged out lists to account
+            : dispatch({ type: 'LOGOUT' }); // Clear lists
+    }, [dispatch, loggedIn, loginMutation, state.loggedIn]);
+    const value = useMemo(() => ({
+        createList,
+        deleteList,
+        state,
+        dispatch,
+        queries,
+        usingLocalList
+    }), [dispatch, queries, state, usingLocalList]);
+    // We spread props here so during testing we can override value
+    return React.createElement(ProductListContext.Provider, Object.assign({ value: value }, rest));
+};
+/**
+ * Persist local list to localStorage on every change
+ */
+function usePersistLocalList({ lists }) {
+    const productListArray = productListMapToArray(lists);
+    useEffect(() => {
+        localStorage.setItem(PRODUCT_LISTS_KEY, JSON.stringify(productListArray));
+    }, [lists]);
+}
+function useLocalStorageListener({ refresh }) {
+    useEffect(() => {
+        const listener = (e) => {
+            if (e.storageArea === localStorage && e.key === PRODUCT_LISTS_KEY) {
+                refresh();
+            }
+        };
+        window.addEventListener('storage', listener);
+        return () => {
+            window.removeEventListener('storage', listener);
+        };
+    }, []);
+}
 //# sourceMappingURL=ProductListContext.js.map

package/hooks/ProductList/action-creators.d.ts

@@ -1,46 +1,46 @@
-import React from 'react';
-import { MutationFunction } from 'react-apollo';
-import { AddToListMutation, ProductListItemOptions, ProductListState, ProductListId, RemoveFromListMutation, UpdateListInput, UpdateListOptions } from '.';
-import { Mutation } from '../../types';
-import { Action } from './product-list-reducer';
-export declare function loginAction({ loginMutation, fetchAll }: {
-    loginMutation: MutationFunction<Pick<Mutation, 'addToCustomerProductList'>>;
-    fetchAll: any;
-}): (dispatch: React.Dispatch<Action>, getState: () => ProductListState) => void;
-export declare function refreshAction(): (dispatch: React.Dispatch<Action>) => void;
-export declare function createListAction({ createMutation, name }: {
-    createMutation: MutationFunction<Pick<Mutation, 'createCustomerProductList'>>;
-    name: string;
-}): (dispatch: React.Dispatch<Action>) => void;
-export declare function deleteListAction({ listId, deleteListMutation }: {
-    listId: ProductListId;
-    deleteListMutation: MutationFunction<Pick<Mutation, 'deleteCustomerProductList'>>;
-}): (dispatch: React.Dispatch<Action>) => void;
-export declare function updateAction({ listId, updateAPI, removeMutation, addMutation, options, articleNumber, variantToReplace, variantArticleNumber }: {
-    listId: ProductListId;
-    updateAPI: boolean;
-    removeMutation: RemoveFromListMutation;
-    addMutation: AddToListMutation;
-    options: UpdateListOptions;
-    variantToReplace?: string;
-    variantArticleNumber: string;
-    articleNumber: string;
-}): (dispatch: React.Dispatch<Action>, getState: () => ProductListState) => void;
-export declare function removeAction({ listId, updateAPI, articleNumber, variantArticleNumber, removeMutation }: UpdateListInput & {
-    listId: ProductListId;
-    removeMutation: RemoveFromListMutation;
-    updateAPI: boolean;
-    articleNumber: string;
-}): (dispatch: React.Dispatch<Action>, getState: () => ProductListState) => void;
-export declare function clearAction({ listId, updateAPI, removeMutation }: {
-    listId: ProductListId;
-    updateAPI: boolean;
-    removeMutation: RemoveFromListMutation;
-}): (dispatch: React.Dispatch<Action>, getState: () => ProductListState) => void;
-export declare function addAction({ listId, articleNumber, variantArticleNumber, addMutation, options, updateAPI }: UpdateListInput & {
-    listId: ProductListId;
-    addMutation: AddToListMutation;
-    options: ProductListItemOptions;
-    updateAPI: boolean;
-    articleNumber: string;
-}): (dispatch: React.Dispatch<Action>, getState: () => ProductListState) => void;
+import React from 'react';
+import { MutationFunction } from 'react-apollo';
+import { AddToListMutation, ProductListItemOptions, ProductListState, ProductListId, RemoveFromListMutation, UpdateListInput, UpdateListOptions } from '.';
+import { Mutation } from '../../types';
+import { Action } from './product-list-reducer';
+export declare function loginAction({ loginMutation, fetchAll }: {
+    loginMutation: MutationFunction<Pick<Mutation, 'addToCustomerProductList'>>;
+    fetchAll: any;
+}): (dispatch: React.Dispatch<Action>, getState: () => ProductListState) => void;
+export declare function refreshAction(): (dispatch: React.Dispatch<Action>) => void;
+export declare function createListAction({ createMutation, name }: {
+    createMutation: MutationFunction<Pick<Mutation, 'createCustomerProductList'>>;
+    name: string;
+}): (dispatch: React.Dispatch<Action>) => void;
+export declare function deleteListAction({ listId, deleteListMutation }: {
+    listId: ProductListId;
+    deleteListMutation: MutationFunction<Pick<Mutation, 'deleteCustomerProductList'>>;
+}): (dispatch: React.Dispatch<Action>) => void;
+export declare function updateAction({ listId, updateAPI, removeMutation, addMutation, options, articleNumber, variantToReplace, variantArticleNumber }: {
+    listId: ProductListId;
+    updateAPI: boolean;
+    removeMutation: RemoveFromListMutation;
+    addMutation: AddToListMutation;
+    options: UpdateListOptions;
+    variantToReplace?: string;
+    variantArticleNumber: string;
+    articleNumber: string;
+}): (dispatch: React.Dispatch<Action>, getState: () => ProductListState) => void;
+export declare function removeAction({ listId, updateAPI, articleNumber, variantArticleNumber, removeMutation }: UpdateListInput & {
+    listId: ProductListId;
+    removeMutation: RemoveFromListMutation;
+    updateAPI: boolean;
+    articleNumber: string;
+}): (dispatch: React.Dispatch<Action>, getState: () => ProductListState) => void;
+export declare function clearAction({ listId, updateAPI, removeMutation }: {
+    listId: ProductListId;
+    updateAPI: boolean;
+    removeMutation: RemoveFromListMutation;
+}): (dispatch: React.Dispatch<Action>, getState: () => ProductListState) => void;
+export declare function addAction({ listId, articleNumber, variantArticleNumber, addMutation, options, updateAPI }: UpdateListInput & {
+    listId: ProductListId;
+    addMutation: AddToListMutation;
+    options: ProductListItemOptions;
+    updateAPI: boolean;
+    articleNumber: string;
+}): (dispatch: React.Dispatch<Action>, getState: () => ProductListState) => void;