@jetshop/core 5.17.0-alpha.8ede57ab → 5.17.0-alpha.8f38c56f

package/components/Mutation/SetQuantity.js

@@ -0,0 +1,37 @@
+import { setItemQuantity } from '@jetshop/core/data/mutations/cartMutations.gql';
+import React, { useContext } from 'react';
+import { Mutation } from '@apollo/client/react/components';
+import { CartIdContext } from '../Cart/CartIdContext';
+import { getSetQuantityOptimisticResponse } from './cartMutationUtils';
+import throwErrorInDev from '../../helpers/throwErrorInDev';
+const SetQuantity = ({ children, cartQuery }) => {
+    throwErrorInDev(!cartQuery, `You forgot to pass 'cartQuery' to SetQuantity`);
+    const { cartId } = useContext(CartIdContext);
+    return (React.createElement(Mutation, { mutation: setItemQuantity }, (mutate, { client }) => {
+        return children((itemId, quantity) => {
+            return mutate({
+                variables: {
+                    input: {
+                        cartId,
+                        itemId,
+                        quantity
+                    }
+                },
+                optimisticResponse: {
+                    setItemQuantity: {
+                        cart: getSetQuantityOptimisticResponse({
+                            itemId,
+                            quantity,
+                            client,
+                            cartId,
+                            cartQuery
+                        }),
+                        __typename: 'CartMutation'
+                    }
+                }
+            });
+        });
+    }));
+};
+export default SetQuantity;
+//# sourceMappingURL=SetQuantity.js.map

package/components/Mutation/SetQuantity.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SetQuantity.js","sourceRoot":"","sources":["SetQuantity.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,gDAAgD,CAAC;AACjF,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAE3D,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAEL,gCAAgC,EACjC,MAAM,qBAAqB,CAAC;AAC7B,OAAO,eAAe,MAAM,+BAA+B,CAAC;AAE5D,MAAM,WAAW,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAqB,EAAE,EAAE;IACjE,eAAe,CAAC,CAAC,SAAS,EAAE,+CAA+C,CAAC,CAAC;IAE7E,MAAM,EAAE,MAAM,EAAE,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;IAE7C,OAAO,CACL,oBAAC,QAAQ,IAAC,QAAQ,EAAE,eAAe,IAChC,CAAC,MAAwB,EAAE,EAAE,MAAM,EAAkB,EAAE,EAAE;QACxD,OAAO,QAAQ,CAAC,CAAC,MAAc,EAAE,QAAgB,EAAE,EAAE;YACnD,OAAO,MAAM,CAAC;gBACZ,SAAS,EAAE;oBACT,KAAK,EAAE;wBACL,MAAM;wBACN,MAAM;wBACN,QAAQ;qBACT;iBACF;gBACD,kBAAkB,EAAE;oBAClB,eAAe,EAAE;wBACf,IAAI,EAAE,gCAAgC,CAAC;4BACrC,MAAM;4BACN,QAAQ;4BACR,MAAM;4BACN,MAAM;4BACN,SAAS;yBACV,CAAC;wBACF,UAAU,EAAE,cAAc;qBAC3B;iBACF;aACF,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;IACL,CAAC,CACQ,CACZ,CAAC;AACJ,CAAC,CAAC;AACF,eAAe,WAAW,CAAC"}

package/components/Mutation/SubscribeToNewsletter.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { MutationComponentOptions } from '@apollo/client/react/components';
+declare const SubscribeToNewsletter: React.FC<MutationComponentOptions>;
+export default SubscribeToNewsletter;

package/components/Mutation/SubscribeToNewsletter.js

@@ -0,0 +1,30 @@
+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 subscribeToNewsletterMutation from '@jetshop/core/data/mutations/subscribeToNewsletter.gql';
+import React from 'react';
+import { Mutation } from '@apollo/client/react/components';
+import useWarningInDev from '../../hooks/useWarningInDev';
+const SubscribeToNewsletter = (_a) => {
+    var { children, onError = () => { }, onCompleted = () => { } } = _a, props = __rest(_a, ["children", "onError", "onCompleted"]);
+    useWarningInDev(true, `SubscribeToNewsletter component has been deprecated and will be removed in the next major release of Flight. \n Change this to use useNewsletterSubscription hook instead.`);
+    return (React.createElement(Mutation, Object.assign({ onError: onError, onCompleted: onCompleted, mutation: subscribeToNewsletterMutation }, props), (mutate, result) => {
+        return children((email) => {
+            return mutate({
+                variables: {
+                    email
+                }
+            });
+        }, result);
+    }));
+};
+export default SubscribeToNewsletter;
+//# sourceMappingURL=SubscribeToNewsletter.js.map

package/components/Mutation/SubscribeToNewsletter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubscribeToNewsletter.js","sourceRoot":"","sources":["SubscribeToNewsletter.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,6BAA6B,MAAM,wDAAwD,CAAC;AACnG,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,QAAQ,EAET,MAAM,iCAAiC,CAAC;AAEzC,OAAO,eAAe,MAAM,6BAA6B,CAAC;AAE1D,MAAM,qBAAqB,GAAuC,CAAC,EAK7D,EAAE,EAAE;QALyD,EACjE,QAAQ,EACR,OAAO,GAAG,GAAG,EAAE,GAAE,CAAC,EAClB,WAAW,GAAG,GAAG,EAAE,GAAE,CAAC,OAElB,EADD,KAAK,cAJyD,sCAKlE,CADS;IAER,eAAe,CACb,IAAI,EACJ,4KAA4K,CAC7K,CAAC;IAEF,OAAO,CACL,oBAAC,QAAQ,kBACP,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,6BAA6B,IACnC,KAAK,GAER,CAAC,MAAwB,EAAE,MAAsB,EAAE,EAAE;QACpD,OAAO,QAAQ,CAAC,CAAC,KAAa,EAAE,EAAE;YAChC,OAAO,MAAM,CAAC;gBACZ,SAAS,EAAE;oBACT,KAAK;iBACN;aACF,CAAC,CAAC;QACL,CAAC,EAAE,MAAM,CAAC,CAAC;IACb,CAAC,CACQ,CACZ,CAAC;AACJ,CAAC,CAAC;AACF,eAAe,qBAAqB,CAAC"}

package/components/Mutation/SubscribeToStockNotifications.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { MutationComponentOptions } from '@apollo/client/react/components';
+declare const SubscribeToStockNotifications: React.FC<MutationComponentOptions>;
+export default SubscribeToStockNotifications;

package/components/Mutation/SubscribeToStockNotifications.js

@@ -0,0 +1,35 @@
+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 subscribeToStockNotificationsMutation from '@jetshop/core/data/mutations/subscribeToStockNotifications.gql';
+import React from 'react';
+import { Mutation } from '@apollo/client/react/components';
+import useWarningInDev from '../../hooks/useWarningInDev';
+const SubscribeToStockNotifications = (_a) => {
+    var { children, 
+    // eslint-disable-next-line @typescript-eslint/no-empty-function
+    onError = () => { }, 
+    // eslint-disable-next-line @typescript-eslint/no-empty-function
+    onCompleted = () => { } } = _a, props = __rest(_a, ["children", "onError", "onCompleted"]);
+    useWarningInDev(true, `SubscribeToStockNotifications component has been deprecated and will be removed in the next major release of Flight. \n Change this to use useNewsletterSubscription hook instead.`);
+    return (React.createElement(Mutation, Object.assign({ onError: onError, onCompleted: onCompleted, mutation: subscribeToStockNotificationsMutation }, props), (mutate, result) => {
+        return children((email, articleNumber) => {
+            return mutate({
+                variables: {
+                    email,
+                    articleNumber
+                }
+            });
+        }, result);
+    }));
+};
+export default SubscribeToStockNotifications;
+//# sourceMappingURL=SubscribeToStockNotifications.js.map

package/components/Mutation/SubscribeToStockNotifications.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubscribeToStockNotifications.js","sourceRoot":"","sources":["SubscribeToStockNotifications.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,qCAAqC,MAAM,gEAAgE,CAAC;AACnH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,QAAQ,EAET,MAAM,iCAAiC,CAAC;AAEzC,OAAO,eAAe,MAAM,6BAA6B,CAAC;AAE1D,MAAM,6BAA6B,GAAuC,CAAC,EAOrE,EAAE,EAAE;QAPiE,EACzE,QAAQ;IACR,gEAAgE;IAChE,OAAO,GAAG,GAAG,EAAE,GAAE,CAAC;IAClB,gEAAgE;IAChE,WAAW,GAAG,GAAG,EAAE,GAAE,CAAC,OAElB,EADD,KAAK,cANiE,sCAO1E,CADS;IAER,eAAe,CACb,IAAI,EACJ,oLAAoL,CACrL,CAAC;IAEF,OAAO,CACL,oBAAC,QAAQ,kBACP,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,qCAAqC,IAC3C,KAAK,GAER,CAAC,MAAwB,EAAE,MAAsB,EAAE,EAAE;QACpD,OAAO,QAAQ,CAAC,CAAC,KAAa,EAAE,aAAqB,EAAE,EAAE;YACvD,OAAO,MAAM,CAAC;gBACZ,SAAS,EAAE;oBACT,KAAK;oBACL,aAAa;iBACd;aACF,CAAC,CAAC;QACL,CAAC,EAAE,MAAM,CAAC,CAAC;IACb,CAAC,CACQ,CACZ,CAAC;AACJ,CAAC,CAAC;AACF,eAAe,6BAA6B,CAAC"}

package/components/Mutation/cartMutationUtils.d.ts

@@ -0,0 +1,27 @@
+import * as React from 'react';
+import { ApolloClient, MutationFunction } from '@apollo/client';
+import { Product } from '../../types';
+import { DocumentNode } from 'graphql';
+export interface CartMutationProps {
+    client: ApolloClient<any>;
+    children?: any;
+    mutate: MutationFunction;
+    cartQuery: DocumentNode;
+}
+export declare const TEMP_CART_ID = "TEMP_CART_ID";
+export declare const getAddToCartOptimisticResponse: (product: Product, quantity: number, cartId: string, client: ApolloClient<any>, cartQuery: DocumentNode) => any;
+interface OptimisticResponseProps {
+    itemId: string;
+    client: ApolloClient<any>;
+    cartId: string;
+    cartQuery?: DocumentNode;
+}
+export declare const getDecrementQuantityOptimisticResponse: ({ itemId, client, cartId, cartQuery }: OptimisticResponseProps) => any;
+export declare const getIncrementQuantityOptimisticResponse: ({ itemId, client, cartId, cartQuery }: OptimisticResponseProps) => any;
+export declare const getRemoveFromCartOptimisticResponse: ({ itemId, client, cartId, setCartId, cartQuery }: OptimisticResponseProps & {
+    setCartId: React.Dispatch<string>;
+}) => any;
+export declare const getSetQuantityOptimisticResponse: ({ itemId, quantity, client, cartId, cartQuery }: OptimisticResponseProps & {
+    quantity: number;
+}) => any;
+export {};

package/components/Mutation/cartMutationUtils.js

@@ -0,0 +1,109 @@
+import throwErrorInDev from '../../helpers/throwErrorInDev';
+export const TEMP_CART_ID = 'TEMP_CART_ID';
+export const getAddToCartOptimisticResponse = (product, quantity = 1, cartId, client, cartQuery) => {
+    const defaultOptimisticCart = {
+        __optimistic: true,
+        id: TEMP_CART_ID,
+        totalQuantity: quantity,
+        __typename: 'Cart',
+        externalCheckoutUrl: '',
+        productTotal: {
+            vat: 0,
+            exVat: 0,
+            incVat: 0,
+            __typename: 'Price'
+        },
+        productPreviousTotal: {
+            vat: 0,
+            exVat: 0,
+            incVat: 0,
+            __typename: 'Price'
+        },
+        discountTotal: {
+            vat: 0,
+            exVat: 0,
+            incVat: 0,
+            __typename: 'Price'
+        },
+        aggregatedDiscounts: [],
+        items: []
+    };
+    if (cartId) {
+        try {
+            const { cart } = client.readQuery({
+                query: cartQuery,
+                variables: { cartId }
+            });
+            const index = cart.items.findIndex((item) => item.product.id === product.id);
+            if (index > -1) {
+                const newTotalQuantity = cart.totalQuantity + quantity;
+                const newItemQuantity = cart.items[index].quantity + quantity;
+                // Already in cart, increase/decrease quantity
+                const optimisticCart = Object.assign(Object.assign({}, cart), { __optimistic: true, totalQuantity: newTotalQuantity, items: [
+                        ...cart.items.slice(0, index),
+                        ...(newItemQuantity > 0
+                            ? [
+                                Object.assign(Object.assign({}, cart.items[index]), { quantity: newItemQuantity })
+                            ]
+                            : []),
+                        ...cart.items.slice(index + 1)
+                    ] });
+                return optimisticCart;
+            }
+            else {
+                const optimisticCart = Object.assign(Object.assign({}, cart), { __optimistic: true, totalQuantity: cart.totalQuantity + quantity });
+                return optimisticCart;
+            }
+        }
+        catch (_a) {
+            return defaultOptimisticCart;
+        }
+    }
+    else {
+        return defaultOptimisticCart;
+    }
+};
+export const getDecrementQuantityOptimisticResponse = ({ itemId, client, cartId, cartQuery }) => {
+    throwErrorInDev(!cartQuery, `You forgot to pass 'cartQuery' to getDecrementQuantityOptimisticResponse`);
+    const { cart } = client.readQuery({
+        query: cartQuery,
+        variables: { cartId }
+    });
+    const items = cart.items.map((item) => item.id === itemId ? Object.assign(Object.assign({}, item), { quantity: item.quantity - 1 }) : item);
+    const optimisticCart = Object.assign(Object.assign({}, cart), { items, __optimistic: true });
+    return optimisticCart;
+};
+export const getIncrementQuantityOptimisticResponse = ({ itemId, client, cartId, cartQuery }) => {
+    throwErrorInDev(!cartQuery, `You forgot to pass 'cartQuery' to getIncrementQuantityOptimisticResponse`);
+    const { cart } = client.readQuery({
+        query: cartQuery,
+        variables: { cartId }
+    });
+    const items = cart.items.map((item) => item.id === itemId ? Object.assign(Object.assign({}, item), { quantity: item.quantity + 1 }) : item);
+    const optimisticCart = Object.assign(Object.assign({}, cart), { items, __optimistic: true });
+    return optimisticCart;
+};
+export const getRemoveFromCartOptimisticResponse = ({ itemId, client, cartId, setCartId, cartQuery }) => {
+    throwErrorInDev(!cartQuery, `You forgot to pass 'cartQuery' to getRemoveFromCartOptimisticResponse`);
+    const { cart } = client.readQuery({
+        query: cartQuery,
+        variables: { cartId }
+    });
+    const items = cart.items.filter((item) => item.id !== itemId);
+    if (items.length === 0) {
+        setCartId(null);
+    }
+    const optimisticCart = Object.assign(Object.assign({}, cart), { items, __optimistic: true });
+    return optimisticCart;
+};
+export const getSetQuantityOptimisticResponse = ({ itemId, quantity, client, cartId, cartQuery }) => {
+    throwErrorInDev(!cartQuery, `You forgot to pass 'cartQuery' to getSetQuantityOptimisticResponse`);
+    const { cart } = client.readQuery({
+        query: cartQuery,
+        variables: { cartId }
+    });
+    const items = cart.items.map((item) => item.id === itemId ? Object.assign(Object.assign({}, item), { quantity }) : item);
+    const optimisticCart = Object.assign(Object.assign({}, cart), { items, __optimistic: true });
+    return optimisticCart;
+};
+//# sourceMappingURL=cartMutationUtils.js.map

package/components/Mutation/cartMutationUtils.js.map

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

package/components/Mutation/useDecrementQuantity.d.ts

@@ -0,0 +1,11 @@
+import { DocumentNode } from 'graphql';
+interface DecrementQuantityProps {
+    decrementQuantityMutation: DocumentNode;
+    cartQuery: DocumentNode;
+}
+export default function useDecrementQuantity({ decrementQuantityMutation, cartQuery }: DecrementQuantityProps): {
+    decrementQuantity: ({ itemId }: {
+        itemId: string;
+    }) => Promise<import("@apollo/client").FetchResult<any, Record<string, any>, Record<string, any>>>;
+};
+export {};

package/components/Mutation/useDecrementQuantity.js

@@ -0,0 +1,54 @@
+import { useMutation, useApolloClient } from '@apollo/client';
+import { CartIdContext } from '../Cart/CartIdContext';
+import { getDecrementQuantityOptimisticResponse } from './cartMutationUtils';
+import { useContext } from 'react';
+import throwErrorInDev from '../../helpers/throwErrorInDev';
+import { useTracker } from '../../analytics/Analytics';
+import { trackProductEvent } from '../../analytics/tracking';
+import { useCart } from '../Query/CartProvider';
+import { unSlugify } from '@jetshop/core/analytics/integrations/unslugify';
+import { breadcrumbsWithoutProduct } from '@jetshop/core/analytics/utils/breadcrumbsWithoutProduct';
+export default function useDecrementQuantity({ decrementQuantityMutation, cartQuery }) {
+    throwErrorInDev(!cartQuery, `You forgot to pass 'cartQuery' to useDecrementQuantity`);
+    const track = useTracker();
+    const { cart } = useCart(cartQuery);
+    const { cartId } = useContext(CartIdContext);
+    const client = useApolloClient();
+    const [decrementQuantityMutationFn] = useMutation(decrementQuantityMutation, {
+        onCompleted: () => localStorage.setItem('cartChange', '1')
+    });
+    function decrementQuantity({ itemId }) {
+        var _a, _b, _c, _d;
+        const { product, variant: selectedVariation } = (_a = cart === null || cart === void 0 ? void 0 : cart.items) === null || _a === void 0 ? void 0 : _a.find((item) => item.id === itemId);
+        track(trackProductEvent({
+            action: 'remove',
+            product,
+            quantity: 1,
+            selectedVariation,
+            category: breadcrumbsWithoutProduct((_b = product.primaryRoute) === null || _b === void 0 ? void 0 : _b.breadcrumbs) ||
+                unSlugify((_d = (_c = product.canonicalCategory) === null || _c === void 0 ? void 0 : _c.primaryRoute) === null || _d === void 0 ? void 0 : _d.path) ||
+                ''
+        }));
+        return decrementQuantityMutationFn({
+            variables: {
+                input: {
+                    cartId,
+                    itemId
+                }
+            },
+            optimisticResponse: {
+                decrementItemQuantity: {
+                    cart: getDecrementQuantityOptimisticResponse({
+                        itemId,
+                        client,
+                        cartId,
+                        cartQuery
+                    }),
+                    __typename: 'CartMutation'
+                }
+            }
+        });
+    }
+    return { decrementQuantity };
+}
+//# sourceMappingURL=useDecrementQuantity.js.map

package/components/Mutation/useDecrementQuantity.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDecrementQuantity.js","sourceRoot":"","sources":["useDecrementQuantity.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAE9D,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,sCAAsC,EAAE,MAAM,qBAAqB,CAAC;AAC7E,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,eAAe,MAAM,+BAA+B,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,gDAAgD,CAAC;AAC3E,OAAO,EAAE,yBAAyB,EAAE,MAAM,yDAAyD,CAAC;AAMpG,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,EAC3C,yBAAyB,EACzB,SAAS,EACc;IACvB,eAAe,CACb,CAAC,SAAS,EACV,wDAAwD,CACzD,CAAC;IACF,MAAM,KAAK,GAAG,UAAU,EAAE,CAAC;IAC3B,MAAM,EAAE,IAAI,EAAE,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC;IACpC,MAAM,EAAE,MAAM,EAAE,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;IAC7C,MAAM,MAAM,GAAG,eAAe,EAAE,CAAC;IACjC,MAAM,CAAC,2BAA2B,CAAC,GAAG,WAAW,CAAC,yBAAyB,EAAE;QAC3E,WAAW,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,YAAY,EAAE,GAAG,CAAC;KAC3D,CAAC,CAAC;IACH,SAAS,iBAAiB,CAAC,EAAE,MAAM,EAAsB;;QACvD,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,iBAAiB,EAAE,GAAG,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,0CAAE,IAAI,CAC/D,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,MAAM,CAC7B,CAAC;QACF,KAAK,CACH,iBAAiB,CAAC;YAChB,MAAM,EAAE,QAAQ;YAChB,OAAO;YACP,QAAQ,EAAE,CAAC;YACX,iBAAiB;YACjB,QAAQ,EACN,yBAAyB,CAAC,MAAA,OAAO,CAAC,YAAY,0CAAE,WAAW,CAAC;gBAC5D,SAAS,CAAC,MAAA,MAAA,OAAO,CAAC,iBAAiB,0CAAE,YAAY,0CAAE,IAAI,CAAC;gBACxD,EAAE;SACL,CAAC,CACH,CAAC;QACF,OAAO,2BAA2B,CAAC;YACjC,SAAS,EAAE;gBACT,KAAK,EAAE;oBACL,MAAM;oBACN,MAAM;iBACP;aACF;YACD,kBAAkB,EAAE;gBAClB,qBAAqB,EAAE;oBACrB,IAAI,EAAE,sCAAsC,CAAC;wBAC3C,MAAM;wBACN,MAAM;wBACN,MAAM;wBACN,SAAS;qBACV,CAAC;oBACF,UAAU,EAAE,cAAc;iBAC3B;aACF;SACF,CAAC,CAAC;IACL,CAAC;IACD,OAAO,EAAE,iBAAiB,EAAE,CAAC;AAC/B,CAAC"}

package/components/Mutation/useIncrementQuantity.d.ts

@@ -0,0 +1,11 @@
+import { DocumentNode } from 'graphql';
+interface IncrementQuantityProps {
+    incrementQuantityMutation: DocumentNode;
+    cartQuery: DocumentNode;
+}
+export default function useIncrementQuantity({ incrementQuantityMutation, cartQuery }: IncrementQuantityProps): {
+    incrementQuantity: ({ itemId }: {
+        itemId: string;
+    }) => Promise<import("@apollo/client").FetchResult<any, Record<string, any>, Record<string, any>>>;
+};
+export {};

package/components/Mutation/useIncrementQuantity.js

@@ -0,0 +1,54 @@
+import { useMutation, useApolloClient } from '@apollo/client';
+import { CartIdContext } from '../Cart/CartIdContext';
+import { getIncrementQuantityOptimisticResponse } from './cartMutationUtils';
+import { useContext } from 'react';
+import throwErrorInDev from '../../helpers/throwErrorInDev';
+import { useTracker } from '../../analytics/Analytics';
+import { trackProductEvent } from '../../analytics/tracking';
+import { useCart } from '../Query/CartProvider';
+import { unSlugify } from '@jetshop/core/analytics/integrations/unslugify';
+import { breadcrumbsWithoutProduct } from '@jetshop/core/analytics/utils/breadcrumbsWithoutProduct';
+export default function useIncrementQuantity({ incrementQuantityMutation, cartQuery }) {
+    throwErrorInDev(!cartQuery, `You forgot to pass 'cartQuery' to useIncrementQuantity`);
+    const track = useTracker();
+    const { cart } = useCart(cartQuery);
+    const { cartId } = useContext(CartIdContext);
+    const client = useApolloClient();
+    const [incrementQuantityMutationFn] = useMutation(incrementQuantityMutation, {
+        onCompleted: () => localStorage.setItem('cartChange', '1')
+    });
+    function incrementQuantity({ itemId }) {
+        var _a, _b, _c, _d;
+        const { product, variant: selectedVariation } = (_a = cart === null || cart === void 0 ? void 0 : cart.items) === null || _a === void 0 ? void 0 : _a.find((item) => item.id === itemId);
+        track(trackProductEvent({
+            action: 'add',
+            product,
+            quantity: 1,
+            selectedVariation,
+            category: breadcrumbsWithoutProduct((_b = product.primaryRoute) === null || _b === void 0 ? void 0 : _b.breadcrumbs) ||
+                unSlugify((_d = (_c = product.canonicalCategory) === null || _c === void 0 ? void 0 : _c.primaryRoute) === null || _d === void 0 ? void 0 : _d.path) ||
+                ''
+        }));
+        return incrementQuantityMutationFn({
+            variables: {
+                input: {
+                    cartId,
+                    itemId
+                }
+            },
+            optimisticResponse: {
+                incrementItemQuantity: {
+                    cart: getIncrementQuantityOptimisticResponse({
+                        itemId,
+                        client,
+                        cartId,
+                        cartQuery
+                    }),
+                    __typename: 'CartMutation'
+                }
+            }
+        });
+    }
+    return { incrementQuantity };
+}
+//# sourceMappingURL=useIncrementQuantity.js.map

package/components/Mutation/useIncrementQuantity.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIncrementQuantity.js","sourceRoot":"","sources":["useIncrementQuantity.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAE9D,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,sCAAsC,EAAE,MAAM,qBAAqB,CAAC;AAC7E,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,eAAe,MAAM,+BAA+B,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,gDAAgD,CAAC;AAC3E,OAAO,EAAE,yBAAyB,EAAE,MAAM,yDAAyD,CAAC;AAKpG,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,EAC3C,yBAAyB,EACzB,SAAS,EACc;IACvB,eAAe,CACb,CAAC,SAAS,EACV,wDAAwD,CACzD,CAAC;IACF,MAAM,KAAK,GAAG,UAAU,EAAE,CAAC;IAC3B,MAAM,EAAE,IAAI,EAAE,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC;IAEpC,MAAM,EAAE,MAAM,EAAE,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;IAC7C,MAAM,MAAM,GAAG,eAAe,EAAE,CAAC;IACjC,MAAM,CAAC,2BAA2B,CAAC,GAAG,WAAW,CAAC,yBAAyB,EAAE;QAC3E,WAAW,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,YAAY,EAAE,GAAG,CAAC;KAC3D,CAAC,CAAC;IACH,SAAS,iBAAiB,CAAC,EAAE,MAAM,EAAsB;;QACvD,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,iBAAiB,EAAE,GAAG,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,0CAAE,IAAI,CAC/D,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,MAAM,CAC7B,CAAC;QACF,KAAK,CACH,iBAAiB,CAAC;YAChB,MAAM,EAAE,KAAK;YACb,OAAO;YACP,QAAQ,EAAE,CAAC;YACX,iBAAiB;YACjB,QAAQ,EACN,yBAAyB,CAAC,MAAA,OAAO,CAAC,YAAY,0CAAE,WAAW,CAAC;gBAC5D,SAAS,CAAC,MAAA,MAAA,OAAO,CAAC,iBAAiB,0CAAE,YAAY,0CAAE,IAAI,CAAC;gBACxD,EAAE;SACL,CAAC,CACH,CAAC;QACF,OAAO,2BAA2B,CAAC;YACjC,SAAS,EAAE;gBACT,KAAK,EAAE;oBACL,MAAM;oBACN,MAAM;iBACP;aACF;YACD,kBAAkB,EAAE;gBAClB,qBAAqB,EAAE;oBACrB,IAAI,EAAE,sCAAsC,CAAC;wBAC3C,MAAM;wBACN,MAAM;wBACN,MAAM;wBACN,SAAS;qBACV,CAAC;oBACF,UAAU,EAAE,cAAc;iBAC3B;aACF;SACF,CAAC,CAAC;IACL,CAAC;IACD,OAAO,EAAE,iBAAiB,EAAE,CAAC;AAC/B,CAAC"}

package/components/Mutation/useRemoveFromCart.d.ts

@@ -0,0 +1,13 @@
+import { DocumentNode } from 'graphql';
+import { Product } from '../../types';
+interface RemoveFromCartProps {
+    removeFromCartMutation: DocumentNode;
+    cartQuery: DocumentNode;
+}
+export default function useRemoveFromCart({ removeFromCartMutation, cartQuery }: RemoveFromCartProps): {
+    removeFromCart: ({ itemId, product }: {
+        itemId: string;
+        product: Product;
+    }) => Promise<import("@apollo/client").FetchResult<any, Record<string, any>, Record<string, any>>>;
+};
+export {};

package/components/Mutation/useRemoveFromCart.js

@@ -0,0 +1,50 @@
+import { useMutation, useApolloClient } from '@apollo/client';
+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/useRemoveFromCart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRemoveFromCart.js","sourceRoot":"","sources":["useRemoveFromCart.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAE9D,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,mCAAmC,EAAE,MAAM,qBAAqB,CAAC;AAC1E,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAE7D,OAAO,eAAe,MAAM,+BAA+B,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,gDAAgD,CAAC;AAC3E,OAAO,EAAE,yBAAyB,EAAE,MAAM,yDAAyD,CAAC;AAMpG,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACxC,sBAAsB,EACtB,SAAS,EACW;IACpB,eAAe,CACb,CAAC,SAAS,EACV,qDAAqD,CACtD,CAAC;IAEF,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;IACxD,MAAM,KAAK,GAAG,UAAU,EAAE,CAAC;IAC3B,MAAM,MAAM,GAAG,eAAe,EAAE,CAAC;IACjC,MAAM,CAAC,wBAAwB,CAAC,GAAG,WAAW,CAAC,sBAAsB,EAAE;QACrE,WAAW,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,YAAY,EAAE,GAAG,CAAC;KAC3D,CAAC,CAAC;IACH,SAAS,cAAc,CAAC,EACtB,MAAM,EACN,OAAO,EAIR;;QACC,KAAK,CACH,iBAAiB,CAAC;YAChB,MAAM,EAAE,QAAQ;YAChB,OAAO;YACP,QAAQ,EACN,yBAAyB,CAAC,MAAA,OAAO,CAAC,YAAY,0CAAE,WAAW,CAAC;gBAC5D,SAAS,CAAC,MAAA,MAAA,OAAO,CAAC,iBAAiB,0CAAE,YAAY,0CAAE,IAAI,CAAC;gBACxD,EAAE;SACL,CAAC,CACH,CAAC;QACF,OAAO,wBAAwB,CAAC;YAC9B,SAAS,EAAE;gBACT,KAAK,EAAE;oBACL,MAAM;oBACN,MAAM;iBACP;aACF;YACD,kBAAkB,EAAE;gBAClB,cAAc,EAAE;oBACd,IAAI,EAAE,mCAAmC,CAAC;wBACxC,MAAM;wBACN,MAAM;wBACN,MAAM;wBACN,SAAS;wBACT,SAAS;qBACV,CAAC;oBACF,UAAU,EAAE,cAAc;iBAC3B;aACF;SACF,CAAC,CAAC;IACL,CAAC;IACD,OAAO,EAAE,cAAc,EAAE,CAAC;AAC5B,CAAC"}

package/components/Mutation/useSetQuantity.d.ts

@@ -0,0 +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("@apollo/client").FetchResult<any, Record<string, any>, Record<string, any>>>;
+};
+export {};

package/components/Mutation/useSetQuantity.js

@@ -0,0 +1,38 @@
+import { useMutation, useApolloClient } from '@apollo/client';
+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/Mutation/useSetQuantity.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSetQuantity.js","sourceRoot":"","sources":["useSetQuantity.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAE9D,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,gCAAgC,EAAE,MAAM,qBAAqB,CAAC;AACvE,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,eAAe,MAAM,+BAA+B,CAAC;AAM5D,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,mBAAmB,EAAE,eAAe,EACpC,SAAS,EACQ;IACjB,eAAe,CACb,CAAC,SAAS,EACV,kDAAkD,CACnD,CAAC;IAEF,MAAM,EAAE,MAAM,EAAE,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;IAC7C,MAAM,MAAM,GAAG,eAAe,EAAE,CAAC;IACjC,MAAM,CAAC,qBAAqB,CAAC,GAAG,WAAW,CAAC,eAAe,EAAE;QAC3D,WAAW,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,YAAY,EAAE,GAAG,CAAC;KAC3D,CAAC,CAAC;IACH,SAAS,WAAW,CAAC,EACnB,MAAM,EACN,QAAQ,EAIT;QACC,OAAO,qBAAqB,CAAC;YAC3B,SAAS,EAAE;gBACT,KAAK,EAAE;oBACL,MAAM;oBACN,MAAM;oBACN,QAAQ;iBACT;aACF;YACD,kBAAkB,EAAE;gBAClB,eAAe,EAAE;oBACf,IAAI,EAAE,gCAAgC,CAAC;wBACrC,MAAM;wBACN,MAAM;wBACN,MAAM;wBACN,QAAQ;wBACR,SAAS;qBACV,CAAC;oBACF,UAAU,EAAE,cAAc;iBAC3B;aACF;SACF,CAAC,CAAC;IACL,CAAC;IACD,OAAO,EAAE,WAAW,EAAE,CAAC;AACzB,CAAC"}

package/components/Notifications/Notifications.d.ts

@@ -0,0 +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;
+}): React.JSX.Element;
+export declare function Notifications(props: any): React.JSX.Element;
+export declare function Notification({ actor }: {
+    actor: Interpreter<NotificationContext, NotificationSchema, NotificationEvent>;
+}): React.JSX.Element;

package/components/Notifications/Notifications.js

@@ -0,0 +1,26 @@
+import { useMachine, useService } from '@xstate/react';
+import React, { createContext, useContext, useCallback } from 'react';
+import { notificationsMachine } from './notificationsMachine';
+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("span", { "aria-label": "Close", className: "dismiss-button" }, "\u00D7")),
+            content)));
+}
+//# sourceMappingURL=Notifications.js.map

package/components/Notifications/Notifications.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Notifications.js","sourceRoot":"","sources":["Notifications.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAOtE,OAAO,EAGL,oBAAoB,EAGrB,MAAM,wBAAwB,CAAC;AAEhC,MAAM,CAAC,MAAM,oBAAoB,GAE7B,aAAa,CAAC,SAAS,CAAC,CAAC;AAE7B,MAAM,UAAU,qBAAqB,CAAC,EACpC,QAAQ,EAGT;IACC,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,UAAU,CAG9B,oBAAoB,CAAC,CAAC;IAExB,OAAO,CACL,oBAAC,oBAAoB,CAAC,QAAQ,IAAC,KAAK,EAAE,CAAC,KAAK,EAAE,IAAI,CAAC,IAChD,QAAQ,CACqB,CACjC,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,KAAU;IACtC,MAAM,CAAC,OAAO,CAAC,GAAG,UAAU,CAAC,oBAAoB,CAAC,CAAC;IACnD,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC;IAErC,OAAO,CACL,0CACG,OAAO,CAAC,QAAQ,CAAC,IAAI,CACpB,6CAAS,KAAK,iCAA4B,EAAE,KACzC,OAAO,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,YAAY,EAAE,EAAE,CAAC,CAC3C,oBAAC,YAAY,IACX,KAAK,EAAE,YAAY,CAAC,GAAU,EAC9B,GAAG,EAAE,YAAY,CAAC,EAAE,GACpB,CACH,CAAC,CACE,CACP,CACA,CACJ,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,EAC3B,KAAK,EAON;IACC,MAAM,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,IAAI,CAAC,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC;IACzD,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,OAAO,CAAC;IAElC,MAAM,OAAO,GAAG,WAAW,CAAC,GAAG,EAAE;QAC/B,IAAI,CAAC,QAAQ,CAAC,CAAC;IACjB,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,OAAO,CACL,yDAC4B,SAAS,EAAE,mCACN,IAAI;QAEnC,+DAAoC,EAAE;YACpC,gCAAQ,OAAO,EAAE,OAAO,sCAAmC,EAAE;gBAC3D,4CAAiB,OAAO,EAAC,SAAS,EAAC,gBAAgB,aAE5C,CACA;YACR,OAAO,CACJ,CACF,CACP,CAAC;AACJ,CAAC"}

package/components/Notifications/index.d.ts

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

package/components/Notifications/index.js

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

package/components/Notifications/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AACvE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC"}