@jetshop/core 7.0.0-canary → 7.0.0-canary-1

package/hooks/ProductList/useProductList.js

@@ -0,0 +1,94 @@
+import { useMutation } from '@apollo/client';
+import React, { useEffect, useMemo, useState } from 'react';
+import { addAction, clearAction, removeAction, updateAction } from './action-creators';
+import { flattenList } from './list-transforms';
+import { ProductListContext } from './ProductListContext';
+import { trackAddToWishListEvent } from '../../analytics/tracking';
+import { useTracker } from '../../analytics/Analytics';
+export function useProductList(listId = null) {
+    const { 
+    // XXX
+    //state: { list = {} },
+    state, dispatch, queries, usingLocalList } = React.useContext(ProductListContext);
+    const list = state.lists.get(listId);
+    const [hydrated, setHydrated] = useState(!usingLocalList);
+    const updateAPI = !usingLocalList;
+    const removeMutation = useMutation(queries.remove);
+    const addMutation = useMutation(queries.add);
+    const track = useTracker();
+    function toggle(articleNumber, { variantArticleNumber, quantity, description, productName }) {
+        if (inList(articleNumber, { variantArticleNumber })) {
+            remove(articleNumber, { variantArticleNumber });
+        }
+        else {
+            add(articleNumber, {
+                variantArticleNumber,
+                quantity,
+                description,
+                productName
+            });
+        }
+    }
+    function remove(articleNumber, { variantArticleNumber }) {
+        dispatch(removeAction({
+            listId,
+            articleNumber,
+            variantArticleNumber,
+            removeMutation,
+            updateAPI
+        }));
+    }
+    function add(articleNumber, { variantArticleNumber, quantity = 1, description, productName }) {
+        track(trackAddToWishListEvent({
+            articleNumber: variantArticleNumber || articleNumber,
+            productName
+        }));
+        dispatch(addAction({
+            listId,
+            updateAPI,
+            articleNumber,
+            variantArticleNumber,
+            options: { quantity, description },
+            addMutation
+        }));
+    }
+    function update(articleNumber, { variantArticleNumber, quantity, description, variantToReplace }) {
+        dispatch(updateAction({
+            listId,
+            updateAPI,
+            articleNumber,
+            variantArticleNumber,
+            variantToReplace,
+            options: { quantity, description },
+            removeMutation,
+            addMutation
+        }));
+    }
+    function clear() {
+        dispatch(clearAction({ listId, removeMutation, updateAPI }));
+    }
+    function inList(articleNumber, { variantArticleNumber }) {
+        var _a;
+        if (!hydrated)
+            return false;
+        if (list && articleNumber in list.items) {
+            if (!variantArticleNumber)
+                return true;
+            const variantInList = !!((_a = list.items[articleNumber].variants) === null || _a === void 0 ? void 0 : _a[variantArticleNumber]);
+            return variantInList;
+        }
+        else {
+            return false;
+        }
+    }
+    //  When using localStorage, we only want to display the list values after
+    //  hydration, to avoid the initial server and client render being different
+    useEffect(() => {
+        setHydrated(true);
+    }, []);
+    const count = useMemo(() => {
+        return hydrated ? flattenList(list).length : 0;
+    }, [hydrated, list]);
+    return { toggle, add, remove, update, clear, inList, list, count };
+}
+//# sourceMappingURL=useProductList.js.map

package/hooks/ProductList/useProductList.js.map

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

package/hooks/ProductList/useProductListItems.d.ts

@@ -0,0 +1,10 @@
+import { ProductListDetail } from '.';
+/**
+ * Returns a list of products ready to be rendered
+ */
+export declare function useProductListItems(
+/** Passing null for id will retrieve the default product list */
+listId?: string | null, options?: {
+    /** Limit how many items are returned */
+    limit?: number;
+}): ProductListDetail;

package/hooks/ProductList/useProductListItems.js

@@ -0,0 +1,50 @@
+import { useQuery } from '@apollo/client';
+import { useContext, useMemo, useState, useEffect } from 'react';
+import { flattenList, getProductDetailForFlattenedProductList } from './list-transforms';
+import { ProductListContext } from './ProductListContext';
+import getErrorDetail from '../../helpers/getErrorDetail';
+/**
+ * Returns a list of products ready to be rendered
+ */
+export function useProductListItems(
+/** Passing null for id will retrieve the default product list */
+listId = null, options = {}) {
+    const { state: { lists }, queries, dispatch, usingLocalList } = useContext(ProductListContext);
+    const list = lists.get(listId);
+    const [hydrated, setHydrated] = useState(!usingLocalList);
+    const flattenedList = useMemo(() => flattenList(list), [list]);
+    // Make a `products` query containing every item in the list
+    const productQueryResult = useQuery(queries.productsQuery, {
+        skip: flattenedList.length === 0,
+        ssr: false,
+        errorPolicy: 'all',
+        variables: {
+            articleNumbers: flattenedList
+                .map((listItem) => listItem.articleNumber)
+                .slice(0, options.limit)
+        }
+    });
+    // Remove the invalid item from the product list if it does not exist
+    if (productQueryResult.error) {
+        const { codes, data } = getErrorDetail(productQueryResult.error);
+        if (codes.includes('ProductNotFound')) {
+            for (const item of data) {
+                dispatch({
+                    type: 'REMOVE',
+                    payload: { listId, articleNumber: item.argument }
+                });
+            }
+        }
+    }
+    //  When using localStorage, we only want to display the list values after
+    //  hydration, to avoid the initial server and client render being different
+    useEffect(() => {
+        setHydrated(true);
+    }, []);
+    const result = {
+        products: getProductDetailForFlattenedProductList(flattenedList, productQueryResult),
+        loading: hydrated ? productQueryResult.loading : true
+    };
+    return result;
+}
+//# sourceMappingURL=useProductListItems.js.map

package/hooks/ProductList/useProductListItems.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useProductListItems.js","sourceRoot":"","sources":["useProductListItems.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEjE,OAAO,EACL,WAAW,EACX,uCAAuC,EACxC,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,cAAc,MAAM,8BAA8B,CAAC;AAE1D;;GAEG;AACH,MAAM,UAAU,mBAAmB;AACjC,iEAAiE;AACjE,SAAwB,IAAI,EAC5B,UAGI,EAAE;IAEN,MAAM,EACJ,KAAK,EAAE,EAAE,KAAK,EAAE,EAChB,OAAO,EACP,QAAQ,EACR,cAAc,EACf,GAAG,UAAU,CAAC,kBAAkB,CAAC,CAAC;IAEnC,MAAM,IAAI,GAAG,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;IAE/B,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,CAAC,cAAc,CAAC,CAAC;IAE1D,MAAM,aAAa,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAE/D,4DAA4D;IAC5D,MAAM,kBAAkB,GAAkB,QAAQ,CAAC,OAAO,CAAC,aAAa,EAAE;QACxE,IAAI,EAAE,aAAa,CAAC,MAAM,KAAK,CAAC;QAChC,GAAG,EAAE,KAAK;QACV,WAAW,EAAE,KAAK;QAClB,SAAS,EAAE;YACT,cAAc,EAAE,aAAa;iBAC1B,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,CAAC,aAAa,CAAC;iBACzC,KAAK,CAAC,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC;SAC3B;KACF,CAAC,CAAC;IAEH,qEAAqE;IACrE,IAAI,kBAAkB,CAAC,KAAK,EAAE;QAC5B,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,cAAc,CAAC,kBAAkB,CAAC,KAAK,CAAC,CAAC;QAEjE,IAAI,KAAK,CAAC,QAAQ,CAAC,iBAAiB,CAAC,EAAE;YACrC,KAAK,MAAM,IAAI,IAAI,IAAI,EAAE;gBACvB,QAAQ,CAAC;oBACP,IAAI,EAAE,QAAQ;oBACd,OAAO,EAAE,EAAE,MAAM,EAAE,aAAa,EAAE,IAAI,CAAC,QAAQ,EAAE;iBAClD,CAAC,CAAC;aACJ;SACF;KACF;IAED,0EAA0E;IAC1E,4EAA4E;IAC5E,SAAS,CAAC,GAAG,EAAE;QACb,WAAW,CAAC,IAAI,CAAC,CAAC;IACpB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,MAAM,GAAG;QACb,QAAQ,EAAE,uCAAuC,CAC/C,aAAa,EACb,kBAAkB,CACnB;QACD,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI;KACtD,CAAC;IAEF,OAAO,MAAM,CAAC;AAChB,CAAC"}

package/hooks/ProductList/validate-product.d.ts

@@ -0,0 +1,6 @@
+import { ProductListProduct } from '.';
+import { ProductListProductValidation } from './';
+/**
+ * Takes a ProductListProduct and checks whether it is possible to add it to cart
+ */
+export declare function validateProduct(product: Partial<ProductListProduct>): ProductListProductValidation;

package/hooks/ProductList/validate-product.js

@@ -0,0 +1,41 @@
+/**
+ * Takes a ProductListProduct and checks whether it is possible to add it to cart
+ */
+export function validateProduct(product) {
+    if ((product.variant && !product.variant.stockStatus.buyable) ||
+        !product.stockStatus.buyable) {
+        return {
+            status: 'outOfStock',
+            message: product.stockStatus.text
+        };
+    }
+    if (product.isPackage) {
+        return {
+            status: 'package',
+            message: 'Product is a package'
+        };
+    }
+    if (product.isPreOrder) {
+        return {
+            status: 'preOrder',
+            message: 'Pre-order date required'
+        };
+    }
+    if (product.hasConfigurations) {
+        return {
+            status: 'configurations',
+            message: 'Product has configurations'
+        };
+    }
+    if (product.hasVariants && !product.variant) {
+        return {
+            status: 'missingVariant',
+            message: 'Product has no selected variant'
+        };
+    }
+    return {
+        status: 'valid',
+        message: null
+    };
+}
+//# sourceMappingURL=validate-product.js.map

package/hooks/ProductList/validate-product.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"validate-product.js","sourceRoot":"","sources":["validate-product.ts"],"names":[],"mappings":"AAGA;;GAEG;AACH,MAAM,UAAU,eAAe,CAC7B,OAAoC;IAEpC,IACE,CAAC,OAAO,CAAC,OAAO,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,WAAW,CAAC,OAAO,CAAC;QACzD,CAAC,OAAO,CAAC,WAAW,CAAC,OAAO,EAC5B;QACA,OAAO;YACL,MAAM,EAAE,YAAY;YACpB,OAAO,EAAE,OAAO,CAAC,WAAW,CAAC,IAAI;SAClC,CAAC;KACH;IACD,IAAI,OAAO,CAAC,SAAS,EAAE;QACrB,OAAO;YACL,MAAM,EAAE,SAAS;YACjB,OAAO,EAAE,sBAAsB;SAChC,CAAC;KACH;IACD,IAAI,OAAO,CAAC,UAAU,EAAE;QACtB,OAAO;YACL,MAAM,EAAE,UAAU;YAClB,OAAO,EAAE,yBAAyB;SACnC,CAAC;KACH;IACD,IAAI,OAAO,CAAC,iBAAiB,EAAE;QAC7B,OAAO;YACL,MAAM,EAAE,gBAAgB;YACxB,OAAO,EAAE,4BAA4B;SACtC,CAAC;KACH;IACD,IAAI,OAAO,CAAC,WAAW,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE;QAC3C,OAAO;YACL,MAAM,EAAE,gBAAgB;YACxB,OAAO,EAAE,iCAAiC;SAC3C,CAAC;KACH;IACD,OAAO;QACL,MAAM,EAAE,OAAO;QACf,OAAO,EAAE,IAAI;KACd,CAAC;AACJ,CAAC"}

package/hooks/Subscriptions/useNewsletterSubscription.d.ts

@@ -0,0 +1,38 @@
+/// <reference types="react" />
+declare function useNewsletterSubscription({ enabled }: {
+    enabled?: boolean;
+}): {
+    inputProps: {
+        name: string;
+        value: string;
+        onFocus: () => import("xstate").State<import("./useStoreSubscriptions").SubscribeContext, import("xstate").AnyEventObject, any, {
+            value: any;
+            context: import("./useStoreSubscriptions").SubscribeContext;
+        }>;
+        onBlur: () => import("xstate").State<import("./useStoreSubscriptions").SubscribeContext, import("xstate").AnyEventObject, any, {
+            value: any;
+            context: import("./useStoreSubscriptions").SubscribeContext;
+        }>;
+        onChange: (event: import("react").ChangeEvent<HTMLInputElement>) => import("xstate").State<import("./useStoreSubscriptions").SubscribeContext, import("xstate").AnyEventObject, any, {
+            value: any;
+            context: import("./useStoreSubscriptions").SubscribeContext;
+        }>;
+    };
+    errorStates: {
+        invalidEmail: boolean;
+        alreadySubscribed: boolean;
+    };
+    toggle: () => import("xstate").State<import("./useStoreSubscriptions").SubscribeContext, import("xstate").AnyEventObject, any, {
+        value: any;
+        context: import("./useStoreSubscriptions").SubscribeContext;
+    }>;
+    submit: (e: any) => void;
+    inactive: boolean;
+    active: boolean;
+    idle: boolean;
+    editing: boolean;
+    submitting: boolean;
+    submitted: boolean;
+    failed: boolean;
+};
+export { useNewsletterSubscription };

package/hooks/Subscriptions/useNewsletterSubscription.js

@@ -0,0 +1,42 @@
+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 { useMutation } from '@apollo/client';
+import subscribeToNewsletterMutation from '@jetshop/core/data/mutations/subscribeToNewsletter.gql';
+import { useStoreSubscriptions } from './useStoreSubscriptions';
+function useNewsletterSubscription({ enabled }) {
+    var _a;
+    const [subscribeMutation] = useMutation(subscribeToNewsletterMutation);
+    const _b = useStoreSubscriptions({
+        services: { trySubmit },
+        enabled
+    }), { fields, input, error } = _b, rest = __rest(_b, ["fields", "input", "error"]);
+    function trySubmit() {
+        return new Promise((resolve, reject) => {
+            return subscribeMutation({
+                variables: {
+                    email: fields.email
+                }
+            })
+                .then((data) => resolve(data))
+                .catch((error) => reject(error));
+        });
+    }
+    const errorStates = {
+        invalidEmail: Array.isArray(error) && error.includes('UnableToSubscribeToNewsletter'),
+        alreadySubscribed: Array.isArray(error) && error.includes('AlreadySubscribed')
+    };
+    const inputProps = Object.assign(Object.assign({}, input), { name: 'email', value: (_a = fields.email) !== null && _a !== void 0 ? _a : '' });
+    return Object.assign(Object.assign(Object.assign({}, fields), rest), { inputProps,
+        errorStates });
+}
+export { useNewsletterSubscription };
+//# sourceMappingURL=useNewsletterSubscription.js.map

package/hooks/Subscriptions/useNewsletterSubscription.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNewsletterSubscription.js","sourceRoot":"","sources":["useNewsletterSubscription.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,6BAA6B,MAAM,wDAAwD,CAAC;AACnG,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAGhE,SAAS,yBAAyB,CAAC,EAAE,OAAO,EAAyB;;IACnE,MAAM,CAAC,iBAAiB,CAAC,GAAG,WAAW,CAGrC,6BAA6B,CAAC,CAAC;IAEjC,MAAM,KAAoC,qBAAqB,CAAC;QAC9D,QAAQ,EAAE,EAAE,SAAS,EAAE;QACvB,OAAO;KACR,CAAC,EAHI,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,OAG1B,EAH+B,IAAI,cAA/B,4BAAiC,CAGrC,CAAC;IAEH,SAAS,SAAS;QAChB,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE;YACrC,OAAO,iBAAiB,CAAC;gBACvB,SAAS,EAAE;oBACT,KAAK,EAAE,MAAM,CAAC,KAAK;iBACpB;aACF,CAAC;iBACC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;iBAC7B,KAAK,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;QACrC,CAAC,CAAC,CAAC;IACL,CAAC;IAED,MAAM,WAAW,GAAG;QAClB,YAAY,EACV,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,QAAQ,CAAC,+BAA+B,CAAC;QACzE,iBAAiB,EACf,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,QAAQ,CAAC,mBAAmB,CAAC;KAC9D,CAAC;IAEF,MAAM,UAAU,mCACX,KAAK,KACR,IAAI,EAAE,OAAO,EACb,KAAK,EAAE,MAAA,MAAM,CAAC,KAAK,mCAAI,EAAE,GAC1B,CAAC;IAEF,qDACK,MAAM,GACN,IAAI,KACP,UAAU;QACV,WAAW,IACX;AACJ,CAAC;AAED,OAAO,EAAE,yBAAyB,EAAE,CAAC"}

package/hooks/Subscriptions/useStockNotifications.d.ts

@@ -0,0 +1,36 @@
+/// <reference types="react" />
+declare function useStockNotifications({ articleNumber, enabled }: {
+    articleNumber: string;
+    enabled?: boolean;
+}): {
+    inputProps: {
+        name: string;
+        value: string;
+        onFocus: () => import("xstate").State<import("./useStoreSubscriptions").SubscribeContext, import("xstate").AnyEventObject, any, {
+            value: any;
+            context: import("./useStoreSubscriptions").SubscribeContext;
+        }>;
+        onBlur: () => import("xstate").State<import("./useStoreSubscriptions").SubscribeContext, import("xstate").AnyEventObject, any, {
+            value: any;
+            context: import("./useStoreSubscriptions").SubscribeContext;
+        }>;
+        onChange: (event: import("react").ChangeEvent<HTMLInputElement>) => import("xstate").State<import("./useStoreSubscriptions").SubscribeContext, import("xstate").AnyEventObject, any, {
+            value: any;
+            context: import("./useStoreSubscriptions").SubscribeContext;
+        }>;
+    };
+    error: string[] | import("@apollo/client").ApolloError;
+    toggle: () => import("xstate").State<import("./useStoreSubscriptions").SubscribeContext, import("xstate").AnyEventObject, any, {
+        value: any;
+        context: import("./useStoreSubscriptions").SubscribeContext;
+    }>;
+    submit: (e: any) => void;
+    inactive: boolean;
+    active: boolean;
+    idle: boolean;
+    editing: boolean;
+    submitting: boolean;
+    submitted: boolean;
+    failed: boolean;
+};
+export { useStockNotifications };

package/hooks/Subscriptions/useStockNotifications.js

@@ -0,0 +1,38 @@
+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 { useMutation } from '@apollo/client';
+import subscribeToStockNotificationsMutation from '@jetshop/core/data/mutations/subscribeToStockNotifications.gql';
+import { useStoreSubscriptions } from './useStoreSubscriptions';
+function useStockNotifications({ articleNumber, enabled = false }) {
+    var _a;
+    const [subscribeMutation] = useMutation(subscribeToStockNotificationsMutation);
+    const _b = useStoreSubscriptions({
+        services: { trySubmit },
+        enabled
+    }), { fields, input } = _b, rest = __rest(_b, ["fields", "input"]);
+    function trySubmit() {
+        return new Promise((resolve, reject) => {
+            return subscribeMutation({
+                variables: {
+                    articleNumber,
+                    email: fields.email
+                }
+            })
+                .then((data) => resolve(data))
+                .catch((error) => reject(error));
+        });
+    }
+    const inputProps = Object.assign(Object.assign({}, input), { name: 'email', value: (_a = fields.email) !== null && _a !== void 0 ? _a : '' });
+    return Object.assign(Object.assign(Object.assign({}, fields), rest), { inputProps });
+}
+export { useStockNotifications };
+//# sourceMappingURL=useStockNotifications.js.map

package/hooks/Subscriptions/useStockNotifications.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStockNotifications.js","sourceRoot":"","sources":["useStockNotifications.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,qCAAqC,MAAM,gEAAgE,CAAC;AACnH,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAMhE,SAAS,qBAAqB,CAAC,EAC7B,aAAa,EACb,OAAO,GAAG,KAAK,EAIhB;;IACC,MAAM,CAAC,iBAAiB,CAAC,GAAG,WAAW,CAGrC,qCAAqC,CAAC,CAAC;IAEzC,MAAM,KAA6B,qBAAqB,CAAC;QACvD,QAAQ,EAAE,EAAE,SAAS,EAAE;QACvB,OAAO;KACR,CAAC,EAHI,EAAE,MAAM,EAAE,KAAK,OAGnB,EAHwB,IAAI,cAAxB,mBAA0B,CAG9B,CAAC;IAEH,SAAS,SAAS;QAChB,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE;YACrC,OAAO,iBAAiB,CAAC;gBACvB,SAAS,EAAE;oBACT,aAAa;oBACb,KAAK,EAAE,MAAM,CAAC,KAAK;iBACpB;aACF,CAAC;iBACC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;iBAC7B,KAAK,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;QACrC,CAAC,CAAC,CAAC;IACL,CAAC;IAED,MAAM,UAAU,mCACX,KAAK,KACR,IAAI,EAAE,OAAO,EACb,KAAK,EAAE,MAAA,MAAM,CAAC,KAAK,mCAAI,EAAE,GAC1B,CAAC;IAEF,qDACK,MAAM,GACN,IAAI,KACP,UAAU,IACV;AACJ,CAAC;AAED,OAAO,EAAE,qBAAqB,EAAE,CAAC"}

package/hooks/Subscriptions/useStoreSubscriptions.d.ts

@@ -0,0 +1,48 @@
+import { ApolloError } from '@apollo/client';
+import { ChangeEvent } from 'react';
+import { AnyEventObject, ServiceConfig } from 'xstate';
+export interface SubscribeContext {
+    error: null | string[] | ApolloError;
+    enabled?: boolean;
+    fields: {
+        [key: string]: string;
+    };
+}
+declare function useStoreSubscriptions({ services, enabled }: {
+    services: {
+        [key: string]: ServiceConfig<SubscribeContext>;
+    };
+    enabled: boolean;
+}): {
+    error: string[] | ApolloError;
+    input: {
+        onFocus: () => import("xstate").State<SubscribeContext, AnyEventObject, any, {
+            value: any;
+            context: SubscribeContext;
+        }>;
+        onBlur: () => import("xstate").State<SubscribeContext, AnyEventObject, any, {
+            value: any;
+            context: SubscribeContext;
+        }>;
+        onChange: (event: ChangeEvent<HTMLInputElement>) => import("xstate").State<SubscribeContext, AnyEventObject, any, {
+            value: any;
+            context: SubscribeContext;
+        }>;
+    };
+    fields: {
+        [key: string]: string;
+    };
+    toggle: () => import("xstate").State<SubscribeContext, AnyEventObject, any, {
+        value: any;
+        context: SubscribeContext;
+    }>;
+    submit: (e: any) => void;
+    inactive: boolean;
+    active: boolean;
+    idle: boolean;
+    editing: boolean;
+    submitting: boolean;
+    submitted: boolean;
+    failed: boolean;
+};
+export { useStoreSubscriptions };

package/hooks/Subscriptions/useStoreSubscriptions.js

@@ -0,0 +1,148 @@
+import getErrorDetail from '@jetshop/core/helpers/getErrorDetail';
+import { useMachine } from '@xstate/react';
+import { useCallback, useMemo } from 'react';
+import { assign, Machine } from 'xstate';
+const defaultContext = {
+    error: null,
+    fields: {}
+};
+const enabled = (context) => context.enabled;
+const setError = assign({
+    error: (_, event) => event.data
+});
+const interpretError = assign({
+    error: (context) => getErrorDetail(context.error).codes
+});
+const unsetError = assign({ error: null });
+const unsetFields = assign({ fields: {} });
+const onChange = assign({
+    fields: (context, event) => (Object.assign(Object.assign({}, context.fields), { [event.key]: event.value }))
+});
+const SubscriptionMachine = Machine({
+    id: 'SubscriptionMachine',
+    initial: 'inactive',
+    context: {
+        error: null,
+        fields: {}
+    },
+    states: {
+        inactive: {
+            always: {
+                cond: 'enabled',
+                target: 'active.idle'
+            },
+            on: {
+                ACTIVATE: 'active.idle'
+            }
+        },
+        active: {
+            initial: 'idle',
+            states: {
+                idle: {
+                    on: {
+                        ONFOCUS: 'editing',
+                        TRY_SUBMIT: 'submitting'
+                    }
+                },
+                editing: {
+                    onEntry: 'unsetError',
+                    on: {
+                        TRY_SUBMIT: 'submitting',
+                        ONBLUR: 'idle',
+                        ONCHANGE: {
+                            actions: 'onChange'
+                        }
+                    }
+                },
+                submitting: {
+                    invoke: {
+                        id: 'submitting',
+                        src: 'trySubmit',
+                        onDone: '#SubscriptionMachine.submitted',
+                        onError: {
+                            actions: 'setError',
+                            target: '#SubscriptionMachine.failed'
+                        }
+                    }
+                }
+            }
+        },
+        submitted: {
+            onEntry: 'unsetFields',
+            on: {
+                ONFOCUS: '#SubscriptionMachine.active.editing'
+            },
+            after: {
+                5000: {
+                    target: 'inactive'
+                }
+            }
+        },
+        failed: {
+            onEntry: 'interpretError',
+            on: {
+                ONBLUR: '#SubscriptionMachine.active.idle',
+                ONFOCUS: '#SubscriptionMachine.active.editing',
+                ONCHANGE: {
+                    actions: 'onChange',
+                    target: '#SubscriptionMachine.active.editing'
+                }
+            }
+        }
+    },
+    on: {
+        INACTIVATE: '#SubscriptionMachine.inactive'
+    }
+}, {
+    actions: {
+        setError,
+        unsetError,
+        interpretError,
+        unsetFields,
+        onChange
+    },
+    guards: {
+        enabled
+    }
+});
+function useStoreSubscriptions({ services, enabled }) {
+    const [current, send] = useMachine(SubscriptionMachine, {
+        services: Object.assign({}, services),
+        context: Object.assign(Object.assign({}, defaultContext), { enabled })
+    });
+    const onFocus = useCallback(() => send('ONFOCUS'), [send]);
+    const onBlur = useCallback(() => send('ONBLUR'), [send]);
+    const onChange = useCallback((event) => send({
+        type: 'ONCHANGE',
+        key: event.target.name,
+        value: event.target.value
+    }), [send]);
+    const submit = useCallback((e) => {
+        e.preventDefault();
+        send('TRY_SUBMIT');
+    }, [send]);
+    const { fields, error } = current.context;
+    const states = useMemo(() => ({
+        inactive: current.matches('inactive'),
+        active: current.matches('active'),
+        idle: current.matches('active.idle'),
+        editing: current.matches('active.editing'),
+        submitting: current.matches('active.submitting'),
+        submitted: current.matches('submitted'),
+        failed: current.matches('failed')
+    }), [current]);
+    const { inactive } = states;
+    const toggle = useCallback(() => send(inactive ? 'ACTIVATE' : 'INACTIVATE'), [inactive, send]);
+    const input = {
+        onFocus,
+        onBlur,
+        onChange
+    };
+    return Object.assign(Object.assign({}, states), { error,
+        input,
+        fields,
+        toggle,
+        submit });
+}
+export { useStoreSubscriptions };
+//# sourceMappingURL=useStoreSubscriptions.js.map

package/hooks/Subscriptions/useStoreSubscriptions.js.map

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

package/hooks/useAddMultipleToCart.d.ts

@@ -0,0 +1,27 @@
+import { FetchResult, DocumentNode } from '@apollo/client';
+import { CartMutation, AddMultipleToCartInput, Product } from '../types';
+type AddMultipleToCartMutationResponse = FetchResult<{
+    addMultipleToCart: CartMutation;
+}>;
+interface UseAddMultipleToCartOptions {
+    onCompleted?(resp: AddMultipleToCartMutationResponse): any;
+    onError?(resp: AddMultipleToCartMutationResponse): any;
+    onPartialFailure?(resp: AddMultipleToCartMutationResponse): any;
+}
+export interface AddMultipleToCartQueries {
+    addMultipleToCartMutation: DocumentNode;
+    cartQuery: DocumentNode;
+}
+type FailedReason = string;
+export type AddMultipleToCartInputWithProduct = AddMultipleToCartInput & Product;
+export declare function useAddMultipleToCart(items: AddMultipleToCartInputWithProduct[], hookQueries?: AddMultipleToCartQueries, hookCallbacks?: UseAddMultipleToCartOptions): [
+    (q?: AddMultipleToCartQueries, cbs?: UseAddMultipleToCartOptions) => Promise<AddMultipleToCartMutationResponse>,
+    {
+        loading: boolean;
+        called: boolean;
+        error: boolean;
+        data: AddMultipleToCartMutationResponse;
+        failedItems: Map<AddMultipleToCartInput, FailedReason>;
+    }
+];
+export {};