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

package/components/Mutation/useRemoveFromCart.js

@@ -1,50 +1,50 @@
-import { useMutation, useApolloClient } from '@apollo/react-hooks';
-import { CartIdContext } from '../Cart/CartIdContext';
-import { getRemoveFromCartOptimisticResponse } from './cartMutationUtils';
-import { useContext } from 'react';
-import { useTracker } from '../../analytics/Analytics';
-import { trackProductEvent } from '../../analytics/tracking';
-import throwErrorInDev from '../../helpers/throwErrorInDev';
-import { unSlugify } from '@jetshop/core/analytics/integrations/unslugify';
-import { breadcrumbsWithoutProduct } from '@jetshop/core/analytics/utils/breadcrumbsWithoutProduct';
-export default function useRemoveFromCart({ removeFromCartMutation, cartQuery }) {
-    throwErrorInDev(!cartQuery, `You forgot to pass 'cartQuery' to useRemoveFromCart`);
-    const { cartId, setCartId } = useContext(CartIdContext);
-    const track = useTracker();
-    const client = useApolloClient();
-    const [removeFromCartMutationFn] = useMutation(removeFromCartMutation, {
-        onCompleted: () => localStorage.setItem('cartChange', '1')
-    });
-    function removeFromCart({ itemId, product }) {
-        var _a, _b, _c;
-        track(trackProductEvent({
-            action: 'remove',
-            product,
-            category: breadcrumbsWithoutProduct((_a = product.primaryRoute) === null || _a === void 0 ? void 0 : _a.breadcrumbs) ||
-                unSlugify((_c = (_b = product.canonicalCategory) === null || _b === void 0 ? void 0 : _b.primaryRoute) === null || _c === void 0 ? void 0 : _c.path) ||
-                ''
-        }));
-        return removeFromCartMutationFn({
-            variables: {
-                input: {
-                    cartId,
-                    itemId
-                }
-            },
-            optimisticResponse: {
-                removeFromCart: {
-                    cart: getRemoveFromCartOptimisticResponse({
-                        itemId,
-                        client,
-                        cartId,
-                        setCartId,
-                        cartQuery
-                    }),
-                    __typename: 'CartMutation'
-                }
-            }
-        });
-    }
-    return { removeFromCart };
-}
+import { useMutation, useApolloClient } from '@apollo/react-hooks';
+import { CartIdContext } from '../Cart/CartIdContext';
+import { getRemoveFromCartOptimisticResponse } from './cartMutationUtils';
+import { useContext } from 'react';
+import { useTracker } from '../../analytics/Analytics';
+import { trackProductEvent } from '../../analytics/tracking';
+import throwErrorInDev from '../../helpers/throwErrorInDev';
+import { unSlugify } from '@jetshop/core/analytics/integrations/unslugify';
+import { breadcrumbsWithoutProduct } from '@jetshop/core/analytics/utils/breadcrumbsWithoutProduct';
+export default function useRemoveFromCart({ removeFromCartMutation, cartQuery }) {
+    throwErrorInDev(!cartQuery, `You forgot to pass 'cartQuery' to useRemoveFromCart`);
+    const { cartId, setCartId } = useContext(CartIdContext);
+    const track = useTracker();
+    const client = useApolloClient();
+    const [removeFromCartMutationFn] = useMutation(removeFromCartMutation, {
+        onCompleted: () => localStorage.setItem('cartChange', '1')
+    });
+    function removeFromCart({ itemId, product }) {
+        var _a, _b, _c;
+        track(trackProductEvent({
+            action: 'remove',
+            product,
+            category: breadcrumbsWithoutProduct((_a = product.primaryRoute) === null || _a === void 0 ? void 0 : _a.breadcrumbs) ||
+                unSlugify((_c = (_b = product.canonicalCategory) === null || _b === void 0 ? void 0 : _b.primaryRoute) === null || _c === void 0 ? void 0 : _c.path) ||
+                ''
+        }));
+        return removeFromCartMutationFn({
+            variables: {
+                input: {
+                    cartId,
+                    itemId
+                }
+            },
+            optimisticResponse: {
+                removeFromCart: {
+                    cart: getRemoveFromCartOptimisticResponse({
+                        itemId,
+                        client,
+                        cartId,
+                        setCartId,
+                        cartQuery
+                    }),
+                    __typename: 'CartMutation'
+                }
+            }
+        });
+    }
+    return { removeFromCart };
+}
 //# sourceMappingURL=useRemoveFromCart.js.map

package/components/Mutation/useSetQuantity.d.ts

@@ -1,12 +1,12 @@
-import { DocumentNode } from 'graphql';
-interface SetQuantityProps {
-    setQuantityMutation: DocumentNode;
-    cartQuery: DocumentNode;
-}
-export default function useSetQuantity({ setQuantityMutation: setItemQuantity, cartQuery }: SetQuantityProps): {
-    setQuantity: ({ itemId, quantity }: {
-        itemId: string;
-        quantity: number;
-    }) => Promise<import("react-apollo").ExecutionResult<any>>;
-};
-export {};
+import { DocumentNode } from 'graphql';
+interface SetQuantityProps {
+    setQuantityMutation: DocumentNode;
+    cartQuery: DocumentNode;
+}
+export default function useSetQuantity({ setQuantityMutation: setItemQuantity, cartQuery }: SetQuantityProps): {
+    setQuantity: ({ itemId, quantity }: {
+        itemId: string;
+        quantity: number;
+    }) => Promise<import("react-apollo").ExecutionResult<any>>;
+};
+export {};

package/components/Mutation/useSetQuantity.js

@@ -1,38 +1,38 @@
-import { useMutation, useApolloClient } from '@apollo/react-hooks';
-import { CartIdContext } from '../Cart/CartIdContext';
-import { getSetQuantityOptimisticResponse } from './cartMutationUtils';
-import { useContext } from 'react';
-import throwErrorInDev from '../../helpers/throwErrorInDev';
-export default function useSetQuantity({ setQuantityMutation: setItemQuantity, cartQuery }) {
-    throwErrorInDev(!cartQuery, `You forgot to pass 'cartQuery' to useSetQuantity`);
-    const { cartId } = useContext(CartIdContext);
-    const client = useApolloClient();
-    const [setQuantityMutationFn] = useMutation(setItemQuantity, {
-        onCompleted: () => localStorage.setItem('cartChange', '1')
-    });
-    function setQuantity({ itemId, quantity }) {
-        return setQuantityMutationFn({
-            variables: {
-                input: {
-                    cartId,
-                    itemId,
-                    quantity
-                }
-            },
-            optimisticResponse: {
-                setItemQuantity: {
-                    cart: getSetQuantityOptimisticResponse({
-                        itemId,
-                        client,
-                        cartId,
-                        quantity,
-                        cartQuery
-                    }),
-                    __typename: 'CartMutation'
-                }
-            }
-        });
-    }
-    return { setQuantity };
-}
+import { useMutation, useApolloClient } from '@apollo/react-hooks';
+import { CartIdContext } from '../Cart/CartIdContext';
+import { getSetQuantityOptimisticResponse } from './cartMutationUtils';
+import { useContext } from 'react';
+import throwErrorInDev from '../../helpers/throwErrorInDev';
+export default function useSetQuantity({ setQuantityMutation: setItemQuantity, cartQuery }) {
+    throwErrorInDev(!cartQuery, `You forgot to pass 'cartQuery' to useSetQuantity`);
+    const { cartId } = useContext(CartIdContext);
+    const client = useApolloClient();
+    const [setQuantityMutationFn] = useMutation(setItemQuantity, {
+        onCompleted: () => localStorage.setItem('cartChange', '1')
+    });
+    function setQuantity({ itemId, quantity }) {
+        return setQuantityMutationFn({
+            variables: {
+                input: {
+                    cartId,
+                    itemId,
+                    quantity
+                }
+            },
+            optimisticResponse: {
+                setItemQuantity: {
+                    cart: getSetQuantityOptimisticResponse({
+                        itemId,
+                        client,
+                        cartId,
+                        quantity,
+                        cartQuery
+                    }),
+                    __typename: 'CartMutation'
+                }
+            }
+        });
+    }
+    return { setQuantity };
+}
 //# sourceMappingURL=useSetQuantity.js.map

package/components/Notifications/Notifications.d.ts

@@ -1,15 +1,15 @@
-import React from 'react';
-import { Interpreter } from 'xstate';
-import { NotificationContext, NotificationEvent, NotificationSchema } from './notificationMachine';
-import { NotificationsSend, NotificationsState } from './notificationsMachine';
-export declare const NotificationsContext: React.Context<[
-    NotificationsState,
-    NotificationsSend
-]>;
-export declare function NotificationsProvider({ children }: {
-    children: React.ReactNode;
-}): JSX.Element;
-export declare function Notifications(props: any): JSX.Element;
-export declare function Notification({ actor }: {
-    actor: Interpreter<NotificationContext, NotificationSchema, NotificationEvent>;
-}): JSX.Element;
+import React from 'react';
+import { Interpreter } from 'xstate';
+import { NotificationContext, NotificationEvent, NotificationSchema } from './notificationMachine';
+import { NotificationsSend, NotificationsState } from './notificationsMachine';
+export declare const NotificationsContext: React.Context<[
+    NotificationsState,
+    NotificationsSend
+]>;
+export declare function NotificationsProvider({ children }: {
+    children: React.ReactNode;
+}): JSX.Element;
+export declare function Notifications(props: any): JSX.Element;
+export declare function Notification({ actor }: {
+    actor: Interpreter<NotificationContext, NotificationSchema, NotificationEvent>;
+}): JSX.Element;

package/components/Notifications/Notifications.js

@@ -1,27 +1,27 @@
-import { useMachine, useService } from '@xstate/react';
-import React, { createContext, useContext, useCallback } from 'react';
-import { notificationsMachine } from './notificationsMachine';
-import { ReactComponent as Cross } from '@jetshop/ui/svg/Cross.svg';
-export const NotificationsContext = createContext(undefined);
-export function NotificationsProvider({ children }) {
-    const [state, send] = useMachine(notificationsMachine);
-    return (React.createElement(NotificationsContext.Provider, { value: [state, send] }, children));
-}
-export function Notifications(props) {
-    const [current] = useContext(NotificationsContext);
-    const { context, matches } = current;
-    return (React.createElement(React.Fragment, null, matches('active') && (React.createElement("div", Object.assign({}, props, { "data-flight-notifications": "" }), context.notifications.map(notification => (React.createElement(Notification, { actor: notification.ref, key: notification.id })))))));
-}
-export function Notification({ actor }) {
-    const [{ context, toStrings }, send] = useService(actor);
-    const { content, type } = context;
-    const dismiss = useCallback(() => {
-        send('REMOVE');
-    }, [send]);
-    return (React.createElement("div", { "data-flight-notification": toStrings(), "data-flight-notification-type": type },
-        React.createElement("div", { "data-flight-notification-inner": "" },
-            React.createElement("button", { onClick: dismiss, "data-flight-notification-dismiss": "" },
-                React.createElement(Cross, { "aria-label": "Close" })),
-            content)));
-}
+import { useMachine, useService } from '@xstate/react';
+import React, { createContext, useContext, useCallback } from 'react';
+import { notificationsMachine } from './notificationsMachine';
+import { ReactComponent as Cross } from '@jetshop/ui/svg/Cross.svg';
+export const NotificationsContext = createContext(undefined);
+export function NotificationsProvider({ children }) {
+    const [state, send] = useMachine(notificationsMachine);
+    return (React.createElement(NotificationsContext.Provider, { value: [state, send] }, children));
+}
+export function Notifications(props) {
+    const [current] = useContext(NotificationsContext);
+    const { context, matches } = current;
+    return (React.createElement(React.Fragment, null, matches('active') && (React.createElement("div", Object.assign({}, props, { "data-flight-notifications": "" }), context.notifications.map(notification => (React.createElement(Notification, { actor: notification.ref, key: notification.id })))))));
+}
+export function Notification({ actor }) {
+    const [{ context, toStrings }, send] = useService(actor);
+    const { content, type } = context;
+    const dismiss = useCallback(() => {
+        send('REMOVE');
+    }, [send]);
+    return (React.createElement("div", { "data-flight-notification": toStrings(), "data-flight-notification-type": type },
+        React.createElement("div", { "data-flight-notification-inner": "" },
+            React.createElement("button", { onClick: dismiss, "data-flight-notification-dismiss": "" },
+                React.createElement(Cross, { "aria-label": "Close" })),
+            content)));
+}
 //# sourceMappingURL=Notifications.js.map

package/components/Notifications/index.d.ts

@@ -1,2 +1,2 @@
-export { Notifications, NotificationsProvider } from './Notifications';
-export { useNotification } from './useNotification';
+export { Notifications, NotificationsProvider } from './Notifications';
+export { useNotification } from './useNotification';

package/components/Notifications/index.js

@@ -1,3 +1,3 @@
-export { Notifications, NotificationsProvider } from './Notifications';
-export { useNotification } from './useNotification';
+export { Notifications, NotificationsProvider } from './Notifications';
+export { useNotification } from './useNotification';
 //# sourceMappingURL=index.js.map

package/components/Notifications/notificationMachine.d.ts

@@ -1,30 +1,30 @@
-import React from 'react';
-export interface NotificationContext {
-    id: string;
-    content: string | React.ReactNode;
-    type: 'default' | string;
-    autoCloseAfter: number;
-}
-export interface NotificationSchema {
-    states: {
-        summoned: {};
-        entering: {};
-        idle: {
-            states: {
-                expiring: {};
-                persisting: {};
-            };
-        };
-        exiting: {};
-    };
-}
-export declare type NotificationEvent = {
-    type: 'REMOVE';
-} | {
-    type: 'EXITED';
-};
-declare const notificationMachine: import("xstate").StateMachine<NotificationContext, NotificationSchema, NotificationEvent, {
-    value: any;
-    context: NotificationContext;
-}>;
-export { notificationMachine };
+import React from 'react';
+export interface NotificationContext {
+    id: string;
+    content: string | React.ReactNode;
+    type: 'default' | string;
+    autoCloseAfter: number;
+}
+export interface NotificationSchema {
+    states: {
+        summoned: {};
+        entering: {};
+        idle: {
+            states: {
+                expiring: {};
+                persisting: {};
+            };
+        };
+        exiting: {};
+    };
+}
+export declare type NotificationEvent = {
+    type: 'REMOVE';
+} | {
+    type: 'EXITED';
+};
+declare const notificationMachine: import("xstate").StateMachine<NotificationContext, NotificationSchema, NotificationEvent, {
+    value: any;
+    context: NotificationContext;
+}>;
+export { notificationMachine };

package/components/Notifications/notificationMachine.js

@@ -1,74 +1,74 @@
-import { Machine, sendParent } from 'xstate';
-function timeout(length) {
-    return new Promise(resolve => {
-        setTimeout(() => {
-            resolve();
-        }, length);
-    });
-}
-const notificationMachine = Machine({
-    initial: 'summoned',
-    id: 'notification',
-    states: {
-        summoned: {
-            invoke: {
-                id: 'entering',
-                src: () => timeout(10),
-                onDone: {
-                    target: 'entering'
-                }
-            },
-            on: {
-                REMOVE: { target: 'exiting' }
-            }
-        },
-        entering: {
-            on: {
-                REMOVE: { target: 'exiting' }
-            },
-            invoke: {
-                id: 'entering',
-                src: context => timeout(context.autoCloseAfter || 1600 / 2),
-                onDone: [
-                    {
-                        target: 'idle.persisting',
-                        cond: context => context.autoCloseAfter === 0
-                    },
-                    { target: 'idle.expiring' }
-                ]
-            }
-        },
-        idle: {
-            on: {
-                REMOVE: { target: 'exiting' }
-            },
-            states: {
-                expiring: {
-                    invoke: {
-                        id: 'idling',
-                        src: context => timeout(context.autoCloseAfter),
-                        onDone: {
-                            target: '#notification.exiting'
-                        }
-                    }
-                },
-                persisting: {}
-            }
-        },
-        exiting: {
-            invoke: {
-                id: 'exiting',
-                src: context => timeout((context.autoCloseAfter || 1600) / 4),
-                onDone: {
-                    actions: [
-                        sendParent((ctx) => {
-                            return { type: 'NOTIFICATION.REMOVED', id: ctx.id };
-                        })
-                    ]
-                }
-            }
-        }
-    }
-});
-export { notificationMachine };
+import { Machine, sendParent } from 'xstate';
+function timeout(length) {
+    return new Promise(resolve => {
+        setTimeout(() => {
+            resolve();
+        }, length);
+    });
+}
+const notificationMachine = Machine({
+    initial: 'summoned',
+    id: 'notification',
+    states: {
+        summoned: {
+            invoke: {
+                id: 'entering',
+                src: () => timeout(10),
+                onDone: {
+                    target: 'entering'
+                }
+            },
+            on: {
+                REMOVE: { target: 'exiting' }
+            }
+        },
+        entering: {
+            on: {
+                REMOVE: { target: 'exiting' }
+            },
+            invoke: {
+                id: 'entering',
+                src: context => timeout(context.autoCloseAfter || 1600 / 2),
+                onDone: [
+                    {
+                        target: 'idle.persisting',
+                        cond: context => context.autoCloseAfter === 0
+                    },
+                    { target: 'idle.expiring' }
+                ]
+            }
+        },
+        idle: {
+            on: {
+                REMOVE: { target: 'exiting' }
+            },
+            states: {
+                expiring: {
+                    invoke: {
+                        id: 'idling',
+                        src: context => timeout(context.autoCloseAfter),
+                        onDone: {
+                            target: '#notification.exiting'
+                        }
+                    }
+                },
+                persisting: {}
+            }
+        },
+        exiting: {
+            invoke: {
+                id: 'exiting',
+                src: context => timeout((context.autoCloseAfter || 1600) / 4),
+                onDone: {
+                    actions: [
+                        sendParent((ctx) => {
+                            return { type: 'NOTIFICATION.REMOVED', id: ctx.id };
+                        })
+                    ]
+                }
+            }
+        }
+    }
+});
+export { notificationMachine };
 //# sourceMappingURL=notificationMachine.js.map

package/components/Notifications/notificationsMachine.d.ts

@@ -1,37 +1,37 @@
-/// <reference types="react" />
-import { Interpreter, State } from 'xstate';
-import { NotificationContext } from './notificationMachine';
-interface Notification extends NotificationContext {
-    ref: Interpreter<NotificationContext>;
-}
-export interface NotificationsContextType {
-    notifications: Notification[];
-}
-interface NotificationsSchema {
-    states: {
-        idle: {};
-        active: {};
-    };
-}
-export declare type NotificationsEvent = {
-    type: 'NOTIFICATION.ADD';
-    content: string | React.ReactNode;
-    id?: string;
-    notificationType?: string;
-    autoCloseAfter?: number;
-} | {
-    type: 'NOTIFICATION.REMOVED';
-    id: string;
-} | {
-    type: 'NOTIFICATION.REMOVE';
-    id: string;
-} | {
-    type: 'NOTIFICATIONS.CLEAR';
-};
-export declare type NotificationsState = State<NotificationsContextType, NotificationsEvent, NotificationsSchema>;
-export declare type NotificationsSend = Interpreter<NotificationsContextType, NotificationsSchema, NotificationsEvent>['send'];
-declare const notificationsMachine: import("xstate").StateMachine<NotificationsContextType, NotificationsSchema, NotificationsEvent, {
-    value: any;
-    context: NotificationsContextType;
-}>;
-export { notificationsMachine };
+/// <reference types="react" />
+import { Interpreter, State } from 'xstate';
+import { NotificationContext } from './notificationMachine';
+interface Notification extends NotificationContext {
+    ref: Interpreter<NotificationContext>;
+}
+export interface NotificationsContextType {
+    notifications: Notification[];
+}
+interface NotificationsSchema {
+    states: {
+        idle: {};
+        active: {};
+    };
+}
+export declare type NotificationsEvent = {
+    type: 'NOTIFICATION.ADD';
+    content: string | React.ReactNode;
+    id?: string;
+    notificationType?: string;
+    autoCloseAfter?: number;
+} | {
+    type: 'NOTIFICATION.REMOVED';
+    id: string;
+} | {
+    type: 'NOTIFICATION.REMOVE';
+    id: string;
+} | {
+    type: 'NOTIFICATIONS.CLEAR';
+};
+export declare type NotificationsState = State<NotificationsContextType, NotificationsEvent, NotificationsSchema>;
+export declare type NotificationsSend = Interpreter<NotificationsContextType, NotificationsSchema, NotificationsEvent>['send'];
+declare const notificationsMachine: import("xstate").StateMachine<NotificationsContextType, NotificationsSchema, NotificationsEvent, {
+    value: any;
+    context: NotificationsContextType;
+}>;
+export { notificationsMachine };