@jetshop/core 5.13.2 → 5.13.12-0

package/components/AuthContext/AuthProvider.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
-import { AuthHandler } from '../../boot/AuthHandler';
-declare const _default: React.ComponentType<{
-    auth: AuthHandler;
-}>;
-export default _default;
+import React from 'react';
+import { AuthHandler } from '../../boot/AuthHandler';
+declare const _default: React.ComponentType<{
+    auth: AuthHandler;
+}>;
+export default _default;

package/components/AuthContext/AuthProvider.js

@@ -1,85 +1,85 @@
-import { useApolloClient } from 'react-apollo';
-import React, { useContext, useEffect } from 'react';
-import AuthContext from './AuthContext';
-import { withCookies } from 'react-cookie';
-import { useLocation, useHistory } from 'react-router';
-import ChannelContext from '../ChannelContext';
-import { useShopConfig } from '../../hooks/useShopConfig';
-import { trackUserEvent } from '../../analytics/tracking';
-import { useTracker } from '../../analytics/Analytics';
-import { useQuery } from '@apollo/react-hooks';
-import googleUserIdQuery from './googleUserIdQuery.gql';
-const AuthProvider = function AuthProvider(props) {
-    var _a, _b;
-    const token = (_b = (_a = props === null || props === void 0 ? void 0 : props.cookies) === null || _a === void 0 ? void 0 : _a.cookies) === null || _b === void 0 ? void 0 : _b.authToken;
-    const [loggedIn, setLoggedIn] = React.useState(!!token);
-    const client = useApolloClient();
-    const { selectedChannel } = useContext(ChannelContext);
-    const { pathsWithNoAuthRequired, loginPath } = useShopConfig();
-    const location = useLocation();
-    const history = useHistory();
-    const track = useTracker();
-    const userGoogleIdResult = useQuery(googleUserIdQuery, {
-        skip: !loggedIn
-    });
-    // Tracking user by Google id
-    useEffect(() => {
-        var _a, _b;
-        if (!userGoogleIdResult.data)
-            return;
-        const googleUserId = (_b = (_a = userGoogleIdResult === null || userGoogleIdResult === void 0 ? void 0 : userGoogleIdResult.data) === null || _a === void 0 ? void 0 : _a.customer) === null || _b === void 0 ? void 0 : _b.googleUserId;
-        if (googleUserId)
-            track(trackUserEvent({ userId: googleUserId }));
-    }, [userGoogleIdResult, track]);
-    // Redirec to login on unauthorised routes
-    useEffect(() => {
-        if (!selectedChannel.requiresAuth)
-            return;
-        if (loggedIn)
-            return;
-        const matches = pathsWithNoAuthRequired.filter(route => location.pathname.startsWith(route)).length > 0;
-        if (!matches) {
-            history.replace(loginPath);
-        }
-    });
-    // Keeping tabs in sync for logging in and out
-    useLocalStorageLoggedIn(setLoggedIn);
-    const value = React.useMemo(() => ({
-        requiresAuth: selectedChannel.requiresAuth,
-        loggedIn,
-        updateLoggedIn: (loggedIn, token) => {
-            if (loggedIn) {
-                if (!token) {
-                    throw new Error('No log in token provided');
-                }
-                props.auth.setAuthToken(token);
-                localStorage.setItem('loggedIn', '1');
-            }
-            else {
-                props.auth.clearAuthToken();
-                localStorage.removeItem('loggedIn');
-            }
-            client
-                .resetStore()
-                .then(() => setLoggedIn(loggedIn))
-                .catch(() => setLoggedIn(loggedIn));
-        }
-    }), [client, loggedIn, props.auth, selectedChannel.requiresAuth]);
-    return React.createElement(AuthContext.Provider, Object.assign({ value: value }, props));
-};
-const useLocalStorageLoggedIn = (setLoggedIn) => {
-    useEffect(() => {
-        const listener = (e) => {
-            const localStorageLoggedIn = localStorage.getItem('loggedIn');
-            if (e.storageArea === localStorage && e.key === 'loggedIn') {
-                setLoggedIn(!!localStorageLoggedIn);
-            }
-        };
-        window.addEventListener('storage', listener);
-        return () => {
-            window.removeEventListener('storage', listener);
-        };
-    });
-};
-export default withCookies(AuthProvider);
+import { useApolloClient } from 'react-apollo';
+import React, { useContext, useEffect } from 'react';
+import AuthContext from './AuthContext';
+import { withCookies } from 'react-cookie';
+import { useLocation, useHistory } from 'react-router';
+import ChannelContext from '../ChannelContext';
+import { useShopConfig } from '../../hooks/useShopConfig';
+import { trackUserEvent } from '../../analytics/tracking';
+import { useTracker } from '../../analytics/Analytics';
+import { useQuery } from '@apollo/react-hooks';
+import googleUserIdQuery from './googleUserIdQuery.gql';
+const AuthProvider = function AuthProvider(props) {
+    var _a, _b;
+    const token = (_b = (_a = props === null || props === void 0 ? void 0 : props.cookies) === null || _a === void 0 ? void 0 : _a.cookies) === null || _b === void 0 ? void 0 : _b.authToken;
+    const [loggedIn, setLoggedIn] = React.useState(!!token);
+    const client = useApolloClient();
+    const { selectedChannel } = useContext(ChannelContext);
+    const { pathsWithNoAuthRequired, loginPath } = useShopConfig();
+    const location = useLocation();
+    const history = useHistory();
+    const track = useTracker();
+    const userGoogleIdResult = useQuery(googleUserIdQuery, {
+        skip: !loggedIn
+    });
+    // Tracking user by Google id
+    useEffect(() => {
+        var _a, _b;
+        if (!userGoogleIdResult.data)
+            return;
+        const googleUserId = (_b = (_a = userGoogleIdResult === null || userGoogleIdResult === void 0 ? void 0 : userGoogleIdResult.data) === null || _a === void 0 ? void 0 : _a.customer) === null || _b === void 0 ? void 0 : _b.googleUserId;
+        if (googleUserId)
+            track(trackUserEvent({ userId: googleUserId }));
+    }, [userGoogleIdResult, track]);
+    // Redirec to login on unauthorised routes
+    useEffect(() => {
+        if (!selectedChannel.requiresAuth)
+            return;
+        if (loggedIn)
+            return;
+        const matches = pathsWithNoAuthRequired.filter(route => location.pathname.startsWith(route)).length > 0;
+        if (!matches) {
+            history.replace(loginPath);
+        }
+    });
+    // Keeping tabs in sync for logging in and out
+    useLocalStorageLoggedIn(setLoggedIn);
+    const value = React.useMemo(() => ({
+        requiresAuth: selectedChannel.requiresAuth,
+        loggedIn,
+        updateLoggedIn: (loggedIn, token) => {
+            if (loggedIn) {
+                if (!token) {
+                    throw new Error('No log in token provided');
+                }
+                props.auth.setAuthToken(token);
+                localStorage.setItem('loggedIn', '1');
+            }
+            else {
+                props.auth.clearAuthToken();
+                localStorage.removeItem('loggedIn');
+            }
+            client
+                .resetStore()
+                .then(() => setLoggedIn(loggedIn))
+                .catch(() => setLoggedIn(loggedIn));
+        }
+    }), [client, loggedIn, props.auth, selectedChannel.requiresAuth]);
+    return React.createElement(AuthContext.Provider, Object.assign({ value: value }, props));
+};
+const useLocalStorageLoggedIn = (setLoggedIn) => {
+    useEffect(() => {
+        const listener = (e) => {
+            const localStorageLoggedIn = localStorage.getItem('loggedIn');
+            if (e.storageArea === localStorage && e.key === 'loggedIn') {
+                setLoggedIn(!!localStorageLoggedIn);
+            }
+        };
+        window.addEventListener('storage', listener);
+        return () => {
+            window.removeEventListener('storage', listener);
+        };
+    });
+};
+export default withCookies(AuthProvider);
 //# sourceMappingURL=AuthProvider.js.map

package/components/AuthContext/AuthProvider.test.js

@@ -1,66 +1,66 @@
-import { MockedProvider } from '@apollo/react-testing';
-import React from 'react';
-import { ChannelHandler } from '../../ChannelHandler/ChannelHandler';
-import { createSelectedChannel } from '../../ChannelHandler/channelUtils';
-import renderWithRouter from '../../test-utils/renderWithRouter';
-import { channels } from '../../test-utils/variables';
-import { ChannelProvider } from '../ChannelContext';
-import { ConfigProvider } from '../ConfigProvider';
-import AuthProvider from './AuthProvider';
-
-describe('AuthProvider', () => {
-  test('it redirects to /login', () => {
-    const { history } = setup('/');
-
-    expect(history.location.pathname).toBe('/login');
-  });
-  test('it does not redirect when path is forgot-password or reset-password', () => {
-    {
-      const { history } = setup('/forgot-password');
-
-      expect(history.location.pathname).toBe('/forgot-password');
-    }
-
-    {
-      const { history } = setup('/reset-password');
-
-      expect(history.location.pathname).toBe('/reset-password');
-    }
-
-    {
-      const { history } = setup('/reset-password/sometokenhere');
-
-      expect(history.location.pathname).toBe('/reset-password/sometokenhere');
-    }
-  });
-  test('it does not redirect partial matches', () => {
-    const { history } = setup('/nooope/reset-password');
-
-    expect(history.location.pathname).toBe('/login');
-  });
-});
-
-function setup(path = '/') {
-  const mockChannels = channels;
-  mockChannels[0].requiresAuth = true;
-
-  const selectedChannel = createSelectedChannel(mockChannels[0]);
-
-  const channelHandler = new ChannelHandler({
-    selectedChannel,
-    channels: mockChannels
-  });
-
-  const utils = renderWithRouter(
-    <MockedProvider addTypename={false}>
-      <ConfigProvider config={{}}>
-        <ChannelProvider channelHandler={channelHandler}>
-          <AuthProvider>hey</AuthProvider>
-        </ChannelProvider>
-      </ConfigProvider>
-    </MockedProvider>,
-    { route: path }
-  );
-
-  return utils;
-}
+import { MockedProvider } from '@apollo/react-testing';
+import React from 'react';
+import { ChannelHandler } from '../../ChannelHandler/ChannelHandler';
+import { createSelectedChannel } from '../../ChannelHandler/channelUtils';
+import renderWithRouter from '../../test-utils/renderWithRouter';
+import { channels } from '../../test-utils/variables';
+import { ChannelProvider } from '../ChannelContext';
+import { ConfigProvider } from '../ConfigProvider';
+import AuthProvider from './AuthProvider';
+
+describe('AuthProvider', () => {
+  test('it redirects to /login', () => {
+    const { history } = setup('/');
+
+    expect(history.location.pathname).toBe('/login');
+  });
+  test('it does not redirect when path is forgot-password or reset-password', () => {
+    {
+      const { history } = setup('/forgot-password');
+
+      expect(history.location.pathname).toBe('/forgot-password');
+    }
+
+    {
+      const { history } = setup('/reset-password');
+
+      expect(history.location.pathname).toBe('/reset-password');
+    }
+
+    {
+      const { history } = setup('/reset-password/sometokenhere');
+
+      expect(history.location.pathname).toBe('/reset-password/sometokenhere');
+    }
+  });
+  test('it does not redirect partial matches', () => {
+    const { history } = setup('/nooope/reset-password');
+
+    expect(history.location.pathname).toBe('/login');
+  });
+});
+
+function setup(path = '/') {
+  const mockChannels = channels;
+  mockChannels[0].requiresAuth = true;
+
+  const selectedChannel = createSelectedChannel(mockChannels[0]);
+
+  const channelHandler = new ChannelHandler({
+    selectedChannel,
+    channels: mockChannels
+  });
+
+  const utils = renderWithRouter(
+    <MockedProvider addTypename={false}>
+      <ConfigProvider config={{}}>
+        <ChannelProvider channelHandler={channelHandler}>
+          <AuthProvider>hey</AuthProvider>
+        </ChannelProvider>
+      </ConfigProvider>
+    </MockedProvider>,
+    { route: path }
+  );
+
+  return utils;
+}

package/components/AuthContext/LogOut.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-declare function LogOut({ logOutRedirectPath }: {
-    logOutRedirectPath: string;
-}): JSX.Element;
-export default LogOut;
+/// <reference types="react" />
+declare function LogOut({ logOutRedirectPath }: {
+    logOutRedirectPath: string;
+}): JSX.Element;
+export default LogOut;

package/components/AuthContext/LogOut.js

@@ -1,15 +1,15 @@
-import useAuth from '@jetshop/core/components/AuthContext/useAuth';
-import React from 'react';
-import { Redirect } from 'react-router-dom';
-import { useLocation } from 'react-router';
-function LogOut({ logOutRedirectPath }) {
-    const { loggedIn, logOut } = useAuth();
-    const location = useLocation();
-    if (loggedIn) {
-        logOut();
-    }
-    const logOutPath = logOutRedirectPath || '/';
-    return (React.createElement(Redirect, { to: Object.assign(Object.assign({}, location), { pathname: logOutPath }) }));
-}
-export default LogOut;
+import useAuth from '@jetshop/core/components/AuthContext/useAuth';
+import React from 'react';
+import { Redirect } from 'react-router-dom';
+import { useLocation } from 'react-router';
+function LogOut({ logOutRedirectPath }) {
+    const { loggedIn, logOut } = useAuth();
+    const location = useLocation();
+    if (loggedIn) {
+        logOut();
+    }
+    const logOutPath = logOutRedirectPath || '/';
+    return (React.createElement(Redirect, { to: Object.assign(Object.assign({}, location), { pathname: logOutPath }) }));
+}
+export default LogOut;
 //# sourceMappingURL=LogOut.js.map

package/components/AuthContext/googleUserIdQuery.gql

@@ -1,6 +1,6 @@
-query Profile {
-  customer {
-    id
-    googleUserId
-  }
-}
+query Profile {
+  customer {
+    id
+    googleUserId
+  }
+}

package/components/AuthContext/useAuth.d.ts

@@ -1,6 +1,6 @@
-export default function useAuth(): {
-    requiresAuth: boolean;
-    loggedIn: boolean;
-    logOut: () => void;
-    logIn: (token: string) => void;
-};
+export default function useAuth(): {
+    requiresAuth: boolean;
+    loggedIn: boolean;
+    logOut: () => void;
+    logIn: (token: string) => void;
+};

package/components/AuthContext/useAuth.js

@@ -1,21 +1,21 @@
-import { useCallback, useContext } from 'react';
-import AuthContext from './AuthContext';
-export default function useAuth() {
-    const { loggedIn, updateLoggedIn, requiresAuth } = useContext(AuthContext);
-    const logOut = useCallback(() => {
-        fetch('/signout', {
-            method: 'GET'
-        });
-        updateLoggedIn(false);
-    }, [updateLoggedIn]);
-    const logIn = useCallback((token) => {
-        updateLoggedIn(true, token);
-    }, [updateLoggedIn]);
-    return {
-        requiresAuth,
-        loggedIn,
-        logOut,
-        logIn
-    };
-}
+import { useCallback, useContext } from 'react';
+import AuthContext from './AuthContext';
+export default function useAuth() {
+    const { loggedIn, updateLoggedIn, requiresAuth } = useContext(AuthContext);
+    const logOut = useCallback(() => {
+        fetch('/signout', {
+            method: 'GET'
+        });
+        updateLoggedIn(false);
+    }, [updateLoggedIn]);
+    const logIn = useCallback((token) => {
+        updateLoggedIn(true, token);
+    }, [updateLoggedIn]);
+    return {
+        requiresAuth,
+        loggedIn,
+        logOut,
+        logIn
+    };
+}
 //# sourceMappingURL=useAuth.js.map

package/components/BreakpointProvider.d.ts

@@ -1,21 +1,21 @@
-import React from 'react';
-export interface BreakpointConsumerProps {
-    children: (object: {
-        breakpointIndex: number;
-        breakpointLabel: string;
-    }) => React.ReactNode;
-    theme?: {
-        labels: string[];
-    };
-}
-export declare function BreakpointConsumer({ children }: {
-    children: (object: {
-        breakpointIndex: number;
-        breakpointLabel: string;
-    }) => React.ReactNode;
-}): React.ReactNode;
-export declare function useInitialBreakpoint(): {
-    breakpointIndex: number;
-    breakpointLabel: string;
-};
-export declare const BreakpointProvider: React.Provider<string>;
+import React from 'react';
+export interface BreakpointConsumerProps {
+    children: (object: {
+        breakpointIndex: number;
+        breakpointLabel: string;
+    }) => React.ReactNode;
+    theme?: {
+        labels: string[];
+    };
+}
+export declare function BreakpointConsumer({ children }: {
+    children: (object: {
+        breakpointIndex: number;
+        breakpointLabel: string;
+    }) => React.ReactNode;
+}): React.ReactNode;
+export declare function useInitialBreakpoint(): {
+    breakpointIndex: number;
+    breakpointLabel: string;
+};
+export declare const BreakpointProvider: React.Provider<string>;

package/components/BreakpointProvider.js

@@ -1,24 +1,24 @@
-import { createContext, useContext } from 'react';
-import { useShopConfig } from '../hooks/useShopConfig';
-// Default to 'sm' breakpoint.
-// detect-mobile will replace this value during server render
-const BreakpointContext = createContext('sm');
-export function BreakpointConsumer({ children }) {
-    const { theme: { breakpoints } } = useShopConfig();
-    const breakpoint = useContext(BreakpointContext);
-    const labels = Object.keys(breakpoints);
-    const breakpointIndex = labels.indexOf(breakpoint);
-    return children({
-        breakpointIndex,
-        breakpointLabel: breakpoint
-    });
-}
-export function useInitialBreakpoint() {
-    const { theme: { breakpoints } } = useShopConfig();
-    const breakpoint = useContext(BreakpointContext);
-    const labels = Object.keys(breakpoints);
-    const breakpointIndex = labels.indexOf(breakpoint);
-    return { breakpointIndex, breakpointLabel: breakpoint };
-}
-export const BreakpointProvider = BreakpointContext.Provider;
+import { createContext, useContext } from 'react';
+import { useShopConfig } from '../hooks/useShopConfig';
+// Default to 'sm' breakpoint.
+// detect-mobile will replace this value during server render
+const BreakpointContext = createContext('sm');
+export function BreakpointConsumer({ children }) {
+    const { theme: { breakpoints } } = useShopConfig();
+    const breakpoint = useContext(BreakpointContext);
+    const labels = Object.keys(breakpoints);
+    const breakpointIndex = labels.indexOf(breakpoint);
+    return children({
+        breakpointIndex,
+        breakpointLabel: breakpoint
+    });
+}
+export function useInitialBreakpoint() {
+    const { theme: { breakpoints } } = useShopConfig();
+    const breakpoint = useContext(BreakpointContext);
+    const labels = Object.keys(breakpoints);
+    const breakpointIndex = labels.indexOf(breakpoint);
+    return { breakpointIndex, breakpointLabel: breakpoint };
+}
+export const BreakpointProvider = BreakpointContext.Provider;
 //# sourceMappingURL=BreakpointProvider.js.map

package/components/Cart/CartIdContext.d.ts

@@ -1,11 +1,11 @@
-import React from 'react';
-declare const CartIdContext: React.Context<{
-    cartId: string;
-    setCartId: React.Dispatch<string>;
-}>;
-declare const CartIdProvider: React.FC;
-export { CartIdProvider, CartIdContext };
-export declare function useCartId(): {
-    cartId: string;
-    setCartId: React.Dispatch<string>;
-};
+import React from 'react';
+declare const CartIdContext: React.Context<{
+    cartId: string;
+    setCartId: React.Dispatch<string>;
+}>;
+declare const CartIdProvider: React.FC;
+export { CartIdProvider, CartIdContext };
+export declare function useCartId(): {
+    cartId: string;
+    setCartId: React.Dispatch<string>;
+};