@jetshop/core 5.13.11-0 → 5.14.0-alpha.abd04298

package/hooks/useProductVariants/useVariantFromUrl.d.ts

@@ -1,5 +1,5 @@
-export declare function useVariantFromUrl(): {
-    values?: undefined;
-} | {
-    values: string[];
-};
+export declare function useVariantFromUrl(): {
+    values?: undefined;
+} | {
+    values: string[];
+};

package/hooks/useProductVariants/useVariantFromUrl.js

@@ -1,16 +1,16 @@
-import { useLocation } from 'react-router';
-import qs from 'qs';
-import decodeUrlQuery from '../../helpers/decodeUrlQuery';
-export function useVariantFromUrl() {
-    const location = useLocation();
-    const urlQuery = qs.parse(location.search, { ignoreQueryPrefix: true });
-    if (!(urlQuery === null || urlQuery === void 0 ? void 0 : urlQuery.att))
-        return {};
-    const selectedVariantNames = decodeUrlQuery({
-        urlQuery,
-        parametersToBeDecoded: ['att']
-    }).att;
-    const values = selectedVariantNames.split('|');
-    return { values };
-}
+import { useLocation } from 'react-router';
+import qs from 'qs';
+import decodeUrlQuery from '../../helpers/decodeUrlQuery';
+export function useVariantFromUrl() {
+    const location = useLocation();
+    const urlQuery = qs.parse(location.search, { ignoreQueryPrefix: true });
+    if (!(urlQuery === null || urlQuery === void 0 ? void 0 : urlQuery.att))
+        return {};
+    const selectedVariantNames = decodeUrlQuery({
+        urlQuery,
+        parametersToBeDecoded: ['att']
+    }).att;
+    const values = selectedVariantNames.split('|');
+    return { values };
+}
 //# sourceMappingURL=useVariantFromUrl.js.map

package/hooks/useProductVariants/useVariantFromUrl.test.js

@@ -1,79 +1,79 @@
-import React from 'react';
-import { renderHook } from '@testing-library/react-hooks';
-import { useVariantFromUrl } from './useVariantFromUrl';
-import { createMemoryHistory } from 'history';
-import { Router } from 'react-router';
-
-function MockHistory({ children, initialEntries = ['/'] }) {
-  const history = createMemoryHistory({ initialEntries });
-
-  return <Router history={history}>{children}</Router>;
-}
-
-describe('useVariantFromUrl', () => {
-  it('returns an empty object if there is no `att` param', () => {
-    const MockWithParams = props => (
-      <MockHistory initialEntries={['/yo?wow=hey']} {...props} />
-    );
-
-    const { result } = renderHook(() => useVariantFromUrl(), {
-      wrapper: MockWithParams
-    });
-
-    expect(result.current).toEqual({});
-  });
-  it('returns an array with a single value', () => {
-    const MockWithParams = props => (
-      <MockHistory initialEntries={['/yo?att=ODAwIG1t']} {...props} />
-    );
-
-    const { result } = renderHook(() => useVariantFromUrl(), {
-      wrapper: MockWithParams
-    });
-
-    expect(result.current.values).toEqual(['800 mm']);
-  });
-  it('returns an array of values when the encoded string is separated by pipes', () => {
-    // 800 mm|900 mm
-
-    const MockWithParams = props => (
-      <MockHistory
-        initialEntries={['/yo?att=ODAwIG1tfDkwMCBtbQ==']}
-        {...props}
-      />
-    );
-
-    const { result } = renderHook(() => useVariantFromUrl(), {
-      wrapper: MockWithParams
-    });
-
-    expect(result.current.values).toEqual(['800 mm', '900 mm']);
-  });
-
-  it('return multpiple encoded array values', () => {
-    const MockWithParams = props => (
-      <MockHistory initialEntries={['/hihi?att=R3LDpXw0NTAgbW0=']} {...props} />
-    );
-
-    const { result } = renderHook(() => useVariantFromUrl(), {
-      wrapper: MockWithParams
-    });
-
-    expect(result.current.values).toEqual(['Grå', '450 mm']);
-  });
-
-  it('return encoded array value', () => {
-    const MockWithParams = props => (
-      <MockHistory
-        initialEntries={['/horsemeup?att=SmFnIMOkciBlbiDDtmvDpG5kIGjDpHN0C==']}
-        {...props}
-      />
-    );
-
-    const { result } = renderHook(() => useVariantFromUrl(), {
-      wrapper: MockWithParams
-    });
-
-    expect(result.current.values).toEqual(['Jag är en ökänd häst']);
-  });
-});
+import React from 'react';
+import { renderHook } from '@testing-library/react-hooks';
+import { useVariantFromUrl } from './useVariantFromUrl';
+import { createMemoryHistory } from 'history';
+import { Router } from 'react-router';
+
+function MockHistory({ children, initialEntries = ['/'] }) {
+  const history = createMemoryHistory({ initialEntries });
+
+  return <Router history={history}>{children}</Router>;
+}
+
+describe('useVariantFromUrl', () => {
+  it('returns an empty object if there is no `att` param', () => {
+    const MockWithParams = props => (
+      <MockHistory initialEntries={['/yo?wow=hey']} {...props} />
+    );
+
+    const { result } = renderHook(() => useVariantFromUrl(), {
+      wrapper: MockWithParams
+    });
+
+    expect(result.current).toEqual({});
+  });
+  it('returns an array with a single value', () => {
+    const MockWithParams = props => (
+      <MockHistory initialEntries={['/yo?att=ODAwIG1t']} {...props} />
+    );
+
+    const { result } = renderHook(() => useVariantFromUrl(), {
+      wrapper: MockWithParams
+    });
+
+    expect(result.current.values).toEqual(['800 mm']);
+  });
+  it('returns an array of values when the encoded string is separated by pipes', () => {
+    // 800 mm|900 mm
+
+    const MockWithParams = props => (
+      <MockHistory
+        initialEntries={['/yo?att=ODAwIG1tfDkwMCBtbQ==']}
+        {...props}
+      />
+    );
+
+    const { result } = renderHook(() => useVariantFromUrl(), {
+      wrapper: MockWithParams
+    });
+
+    expect(result.current.values).toEqual(['800 mm', '900 mm']);
+  });
+
+  it('return multpiple encoded array values', () => {
+    const MockWithParams = props => (
+      <MockHistory initialEntries={['/hihi?att=R3LDpXw0NTAgbW0=']} {...props} />
+    );
+
+    const { result } = renderHook(() => useVariantFromUrl(), {
+      wrapper: MockWithParams
+    });
+
+    expect(result.current.values).toEqual(['Grå', '450 mm']);
+  });
+
+  it('return encoded array value', () => {
+    const MockWithParams = props => (
+      <MockHistory
+        initialEntries={['/horsemeup?att=SmFnIMOkciBlbiDDtmvDpG5kIGjDpHN0C==']}
+        {...props}
+      />
+    );
+
+    const { result } = renderHook(() => useVariantFromUrl(), {
+      wrapper: MockWithParams
+    });
+
+    expect(result.current.values).toEqual(['Jag är en ökänd häst']);
+  });
+});

package/hooks/useRoutePreload.d.ts

@@ -1,24 +1,24 @@
-import React from 'react';
-import { DocumentNode } from 'graphql';
-import { LoadableComponent } from '@loadable/component';
-interface PreloadArgs {
-    pathname: string;
-    preloadRoute?: boolean;
-    routeType: 'Category' | 'Product' | 'Page';
-    variables?: any;
-}
-export interface PreLoaderProviderConfig {
-    routeQuery: DocumentNode;
-    preloadComponents: {
-        Product: LoadableComponent<any>[];
-        Category: LoadableComponent<any>[];
-        Page: LoadableComponent<any>[];
-    };
-}
-export interface PreLoaderProviderProps extends PreLoaderProviderConfig {
-    children: React.ReactNode;
-}
-export declare const useRoutePreload: () => {
-    preload: ({ pathname, preloadRoute, routeType, variables }: PreloadArgs) => void;
-};
-export {};
+import React from 'react';
+import { DocumentNode } from 'graphql';
+import { LoadableComponent } from '@loadable/component';
+interface PreloadArgs {
+    pathname: string;
+    preloadRoute?: boolean;
+    routeType: 'Category' | 'Product' | 'Page';
+    variables?: any;
+}
+export interface PreLoaderProviderConfig {
+    routeQuery: DocumentNode;
+    preloadComponents: {
+        Product: LoadableComponent<any>[];
+        Category: LoadableComponent<any>[];
+        Page: LoadableComponent<any>[];
+    };
+}
+export interface PreLoaderProviderProps extends PreLoaderProviderConfig {
+    children: React.ReactNode;
+}
+export declare const useRoutePreload: () => {
+    preload: ({ pathname, preloadRoute, routeType, variables }: PreloadArgs) => void;
+};
+export {};

package/hooks/useRoutePreload.js

@@ -1,40 +1,40 @@
-import { useContext } from 'react';
-import { useLazyQuery } from 'react-apollo';
-import { useShopConfig } from './useShopConfig';
-import { usePagination } from '../components/Pagination/PaginationProvider';
-import SortOrderContext from '../components/SortOrder/SortOrderContext';
-export const useRoutePreload = () => {
-    var _a, _b, _c;
-    const config = useShopConfig();
-    const routeQuery = (_b = (_a = config === null || config === void 0 ? void 0 : config.preload) === null || _a === void 0 ? void 0 : _a.routeQuery) !== null && _b !== void 0 ? _b : null;
-    const preloadComponents = (_c = config === null || config === void 0 ? void 0 : config.preload) === null || _c === void 0 ? void 0 : _c.preloadComponents;
-    const pagination = usePagination();
-    const sortOrderState = useContext(SortOrderContext);
-    const [runPreloadRouteQuery] = useLazyQuery(routeQuery, {
-        errorPolicy: 'all',
-        partialRefetch: true,
-        context: { useApolloNetworkStatus: false }
-    });
-    const preload = ({ pathname, preloadRoute = true, routeType, variables = {} }) => {
-        // If the path targets an external link, it does not fetch
-        if (!preloadRoute || pathname.charAt(0) !== '/') {
-            return;
-        }
-        routeQuery &&
-            runPreloadRouteQuery({
-                variables: Object.assign({ path: pathname, first: (pagination === null || pagination === void 0 ? void 0 : pagination.perPage) || 24, offset: (pagination === null || pagination === void 0 ? void 0 : pagination.offset) || 0, orderBy: (sortOrderState === null || sortOrderState === void 0 ? void 0 : sortOrderState.sortOrder) || null, orderByDirection: (sortOrderState === null || sortOrderState === void 0 ? void 0 : sortOrderState.direction) || 'DESCENDING', filters: {
-                        listFilters: [],
-                        rangeFilters: [],
-                        booleanFilters: [],
-                        multiListFilters: []
-                    } }, variables)
-            });
-        preloadComponents &&
-            preloadComponents[routeType] &&
-            preloadComponents[routeType].forEach((component) => {
-                component.preload();
-            });
-    };
-    return { preload };
-};
+import { useContext } from 'react';
+import { useLazyQuery } from 'react-apollo';
+import { useShopConfig } from './useShopConfig';
+import { usePagination } from '../components/Pagination/PaginationProvider';
+import SortOrderContext from '../components/SortOrder/SortOrderContext';
+export const useRoutePreload = () => {
+    var _a, _b, _c;
+    const config = useShopConfig();
+    const routeQuery = (_b = (_a = config === null || config === void 0 ? void 0 : config.preload) === null || _a === void 0 ? void 0 : _a.routeQuery) !== null && _b !== void 0 ? _b : null;
+    const preloadComponents = (_c = config === null || config === void 0 ? void 0 : config.preload) === null || _c === void 0 ? void 0 : _c.preloadComponents;
+    const pagination = usePagination();
+    const sortOrderState = useContext(SortOrderContext);
+    const [runPreloadRouteQuery] = useLazyQuery(routeQuery, {
+        errorPolicy: 'all',
+        partialRefetch: true,
+        context: { useApolloNetworkStatus: false }
+    });
+    const preload = ({ pathname, preloadRoute = true, routeType, variables = {} }) => {
+        // If the path targets an external link, it does not fetch
+        if (!preloadRoute || pathname.charAt(0) !== '/') {
+            return;
+        }
+        routeQuery &&
+            runPreloadRouteQuery({
+                variables: Object.assign({ path: pathname, first: (pagination === null || pagination === void 0 ? void 0 : pagination.perPage) || 24, offset: (pagination === null || pagination === void 0 ? void 0 : pagination.offset) || 0, orderBy: (sortOrderState === null || sortOrderState === void 0 ? void 0 : sortOrderState.sortOrder) || null, orderByDirection: (sortOrderState === null || sortOrderState === void 0 ? void 0 : sortOrderState.direction) || 'DESCENDING', filters: {
+                        listFilters: [],
+                        rangeFilters: [],
+                        booleanFilters: [],
+                        multiListFilters: []
+                    } }, variables)
+            });
+        preloadComponents &&
+            preloadComponents[routeType] &&
+            preloadComponents[routeType].forEach((component) => {
+                component.preload();
+            });
+    };
+    return { preload };
+};
 //# sourceMappingURL=useRoutePreload.js.map

package/hooks/useShopConfig.d.ts

@@ -1 +1 @@
-export declare function useShopConfig(): import("../components/ConfigProvider").BootOptions;
+export declare function useShopConfig(): import("@jetshop/core/components/ConfigProvider").BootOptions;

package/hooks/useShopConfig.js

@@ -1,11 +1,11 @@
-import { useContext, useMemo } from 'react';
-import { ShopConfigContext } from '../components/ConfigProvider';
-import throwErrorInDev from '../helpers/throwErrorInDev';
-export function useShopConfig() {
-    const config = useContext(ShopConfigContext);
-    if (!config) {
-        throwErrorInDev(true, 'Could not find ShopConfigContext. Is your shop.config.js valid?');
-    }
-    return useMemo(() => config, [config]);
-}
+import { useContext, useMemo } from 'react';
+import { ShopConfigContext } from '@jetshop/core/components/ConfigProvider';
+import throwErrorInDev from '../helpers/throwErrorInDev';
+export function useShopConfig() {
+    const config = useContext(ShopConfigContext);
+    if (!config) {
+        throwErrorInDev(true, 'Could not find ShopConfigContext. Is your shop.config.js valid?');
+    }
+    return useMemo(() => config, [config]);
+}
 //# sourceMappingURL=useShopConfig.js.map

package/hooks/useShopConfig.js.map

@@ -1 +1 @@
-{"version":3,"file":"useShopConfig.js","sourceRoot":"","sources":["useShopConfig.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AACjE,OAAO,eAAe,MAAM,4BAA4B,CAAC;AAEzD,MAAM,UAAU,aAAa;IAC3B,MAAM,MAAM,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAC;IAE7C,IAAI,CAAC,MAAM,EAAE;QACX,eAAe,CACb,IAAI,EACJ,iEAAiE,CAClE,CAAC;KACH;IAED,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,MAAM,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;AACzC,CAAC"}
+{"version":3,"file":"useShopConfig.js","sourceRoot":"","sources":["useShopConfig.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,yCAAyC,CAAC;AAC5E,OAAO,eAAe,MAAM,4BAA4B,CAAC;AAEzD,MAAM,UAAU,aAAa;IAC3B,MAAM,MAAM,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAC;IAE7C,IAAI,CAAC,MAAM,EAAE;QACX,eAAe,CACb,IAAI,EACJ,iEAAiE,CAClE,CAAC;KACH;IAED,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,MAAM,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;AACzC,CAAC"}

package/hooks/useThrowErrorInDev.d.ts

@@ -1 +1 @@
-export default function useThrowErrorInDev(condition: boolean, msg: string): void;
+export default function useThrowErrorInDev(condition: boolean, msg: string): void;

package/hooks/useThrowErrorInDev.js

@@ -1,8 +1,8 @@
-import { useEffect } from 'react';
-import throwErrorInDev from '../helpers/throwErrorInDev';
-export default function useThrowErrorInDev(condition, msg) {
-    useEffect(() => {
-        throwErrorInDev(condition, msg);
-    }, [condition, msg]);
-}
+import { useEffect } from 'react';
+import throwErrorInDev from '../helpers/throwErrorInDev';
+export default function useThrowErrorInDev(condition, msg) {
+    useEffect(() => {
+        throwErrorInDev(condition, msg);
+    }, [condition, msg]);
+}
 //# sourceMappingURL=useThrowErrorInDev.js.map

package/hooks/useThunkReducer.d.ts

@@ -1,7 +1,7 @@
-import { Reducer } from 'react';
-export declare type ThunkAction<State, Action> = (dispatch: React.Dispatch<Action>, getState: () => State) => void;
-/**
- * Can be used the same way as useReducer, but allows functions to be passed as
- * actions (aka thunks).
- */
-export declare function useThunkReducer<State, Action>(reducer: Reducer<State, Action>, initialState: State, initializer?: (arg: State) => State): [State, React.Dispatch<Action | ThunkAction<State, Action>>];
+import { Reducer } from 'react';
+export declare type ThunkAction<State, Action> = (dispatch: React.Dispatch<Action>, getState: () => State) => void;
+/**
+ * Can be used the same way as useReducer, but allows functions to be passed as
+ * actions (aka thunks).
+ */
+export declare function useThunkReducer<State, Action>(reducer: Reducer<State, Action>, initialState: State, initializer?: (arg: State) => State): [State, React.Dispatch<Action | ThunkAction<State, Action>>];

package/hooks/useThunkReducer.js

@@ -1,24 +1,24 @@
-import { useReducer, useRef, useCallback } from 'react';
-function isThunk(action) {
-    return typeof action === 'function';
-}
-/**
- * Can be used the same way as useReducer, but allows functions to be passed as
- * actions (aka thunks).
- */
-export function useThunkReducer(reducer, initialState, initializer) {
-    const [state, dispatch] = useReducer(reducer, initialState, initializer);
-    const previousState = useRef();
-    previousState.current = state;
-    const thunkedDispatch = useCallback(function thunkedDispatch(action) {
-        if (isThunk(action)) {
-            return action(thunkedDispatch, () => previousState.current);
-        }
-        dispatch(action);
-    }, 
-    // exhaustive-deps doesn't work with recursion
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    []);
-    return [previousState.current, thunkedDispatch];
-}
+import { useReducer, useRef, useCallback } from 'react';
+function isThunk(action) {
+    return typeof action === 'function';
+}
+/**
+ * Can be used the same way as useReducer, but allows functions to be passed as
+ * actions (aka thunks).
+ */
+export function useThunkReducer(reducer, initialState, initializer) {
+    const [state, dispatch] = useReducer(reducer, initialState, initializer);
+    const previousState = useRef();
+    previousState.current = state;
+    const thunkedDispatch = useCallback(function thunkedDispatch(action) {
+        if (isThunk(action)) {
+            return action(thunkedDispatch, () => previousState.current);
+        }
+        dispatch(action);
+    }, 
+    // exhaustive-deps doesn't work with recursion
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    []);
+    return [previousState.current, thunkedDispatch];
+}
 //# sourceMappingURL=useThunkReducer.js.map

package/hooks/useWarningInDev.d.ts

@@ -1 +1 @@
-export default function useWarningInDev(condition: boolean, msg: string): void;
+export default function useWarningInDev(condition: boolean, msg: string): void;

package/hooks/useWarningInDev.js

@@ -1,10 +1,10 @@
-import logWarningInDev from '../helpers/logWarningInDev';
-import { useEffect } from 'react';
-export default function useWarningInDev(condition, msg) {
-    useEffect(() => {
-        if (process.env.NODE_ENV !== 'production') {
-            logWarningInDev(condition, msg);
-        }
-    }, [condition, msg]);
-}
+import logWarningInDev from '../helpers/logWarningInDev';
+import { useEffect } from 'react';
+export default function useWarningInDev(condition, msg) {
+    useEffect(() => {
+        if (process.env.NODE_ENV !== 'production') {
+            logWarningInDev(condition, msg);
+        }
+    }, [condition, msg]);
+}
 //# sourceMappingURL=useWarningInDev.js.map

package/inServer.d.ts

@@ -1 +1 @@
-export default __IN_SERVER__;
+export default __IN_SERVER__;

package/inServer.js

@@ -1,3 +1,3 @@
-// ⚠️ Better to use __IN_SERVER__ macro straight-away
-export default __IN_SERVER__;
+// ⚠️ Better to use __IN_SERVER__ macro straight-away
+export default __IN_SERVER__;
 //# sourceMappingURL=inServer.js.map

package/index.d.ts

@@ -1 +1 @@
-export { default as DynamicRoute } from './components/DynamicRoute';
+export { default as DynamicRoute } from './components/DynamicRoute';

package/index.js

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

package/integrations/addwishSchemaExtension.d.ts

@@ -1,35 +1,35 @@
-import { SchemaExtension } from './../boot/server/createApolloServer';
-export interface AddwishGetRecommendationsResponseBoxItem {
-    /**
-     * Article number
-     * @see https://www.addwish.com/api/v1/product-recommendation/getProductBoxes?ids=5aaf90dc65f8014ff3957e9e%2C5aaf90da65f8014ff3957e91&url=https%3A%2F%2Fwww.scstyling.com&format=json
-     */
-    productNumber: string;
-    url: string;
-    [key: string]: any;
-}
-export interface AddwishGetRecommendationsResponseBox {
-    result?: AddwishGetRecommendationsResponseBoxItem[];
-    errorCode?: string;
-    countAfterSource?: string;
-}
-export interface AddwishGetRecommendationsResponse {
-    result: {
-        [key: string]: AddwishGetRecommendationsResponseBox;
-    };
-}
-export declare function validateResponseBox({ response, id }: {
-    response: AddwishGetRecommendationsResponse;
-    id: string;
-}): void;
-export declare function fetchAddwishRecommendations({ ids, url }: {
-    /**
-     * List of recommendation box IDs. Separate multiple IDs with a comma.
-     */
-    ids: string[];
-    /**
-     * This url specifies the product you want to find relations for. Note that you can also specify specific urls for each recommendation box.
-     */
-    url?: string;
-}): Promise<AddwishGetRecommendationsResponse>;
-export declare const addwishSchemaExtension: SchemaExtension;
+import { SchemaExtension } from './../boot/server/createApolloServer';
+export interface AddwishGetRecommendationsResponseBoxItem {
+    /**
+     * Article number
+     * @see https://www.addwish.com/api/v1/product-recommendation/getProductBoxes?ids=5aaf90dc65f8014ff3957e9e%2C5aaf90da65f8014ff3957e91&url=https%3A%2F%2Fwww.scstyling.com&format=json
+     */
+    productNumber: string;
+    url: string;
+    [key: string]: any;
+}
+export interface AddwishGetRecommendationsResponseBox {
+    result?: AddwishGetRecommendationsResponseBoxItem[];
+    errorCode?: string;
+    countAfterSource?: string;
+}
+export interface AddwishGetRecommendationsResponse {
+    result: {
+        [key: string]: AddwishGetRecommendationsResponseBox;
+    };
+}
+export declare function validateResponseBox({ response, id }: {
+    response: AddwishGetRecommendationsResponse;
+    id: string;
+}): void;
+export declare function fetchAddwishRecommendations({ ids, url }: {
+    /**
+     * List of recommendation box IDs. Separate multiple IDs with a comma.
+     */
+    ids: string[];
+    /**
+     * This url specifies the product you want to find relations for. Note that you can also specify specific urls for each recommendation box.
+     */
+    url?: string;
+}): Promise<AddwishGetRecommendationsResponse>;
+export declare const addwishSchemaExtension: SchemaExtension;