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

package/hooks/Subscriptions/useStockNotifications.d.ts

@@ -1,36 +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 };
+/// <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

@@ -1,38 +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 'react-apollo';
-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 };
+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 'react-apollo';
+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/useStoreSubscriptions.d.ts

@@ -1,48 +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 };
+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

@@ -1,151 +1,151 @@
-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 };
+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