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

package/components/Notifications/notificationMachine.d.ts

@@ -0,0 +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 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

@@ -0,0 +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 };
+//# sourceMappingURL=notificationMachine.js.map

package/components/Notifications/notificationMachine.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"notificationMachine.js","sourceRoot":"","sources":["notificationMachine.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AA0B7C,SAAS,OAAO,CAAC,MAAc;IAC7B,OAAO,IAAI,OAAO,CAAO,OAAO,CAAC,EAAE;QACjC,UAAU,CAAC,GAAG,EAAE;YACd,OAAO,EAAE,CAAC;QACZ,CAAC,EAAE,MAAM,CAAC,CAAC;IACb,CAAC,CAAC,CAAC;AACL,CAAC;AAED,MAAM,mBAAmB,GAAG,OAAO,CAIjC;IACA,OAAO,EAAE,UAAU;IACnB,EAAE,EAAE,cAAc;IAClB,MAAM,EAAE;QACN,QAAQ,EAAE;YACR,MAAM,EAAE;gBACN,EAAE,EAAE,UAAU;gBACd,GAAG,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,EAAE,CAAC;gBACtB,MAAM,EAAE;oBACN,MAAM,EAAE,UAAU;iBACnB;aACF;YACD,EAAE,EAAE;gBACF,MAAM,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE;aAC9B;SACF;QACD,QAAQ,EAAE;YACR,EAAE,EAAE;gBACF,MAAM,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE;aAC9B;YACD,MAAM,EAAE;gBACN,EAAE,EAAE,UAAU;gBACd,GAAG,EAAE,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,cAAc,IAAI,IAAI,GAAG,CAAC,CAAC;gBAC3D,MAAM,EAAE;oBACN;wBACE,MAAM,EAAE,iBAAiB;wBACzB,IAAI,EAAE,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC,cAAc,KAAK,CAAC;qBAC9C;oBACD,EAAE,MAAM,EAAE,eAAe,EAAE;iBAC5B;aACF;SACF;QACD,IAAI,EAAE;YACJ,EAAE,EAAE;gBACF,MAAM,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE;aAC9B;YACD,MAAM,EAAE;gBACN,QAAQ,EAAE;oBACR,MAAM,EAAE;wBACN,EAAE,EAAE,QAAQ;wBACZ,GAAG,EAAE,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,cAAc,CAAC;wBAC/C,MAAM,EAAE;4BACN,MAAM,EAAE,uBAAuB;yBAChC;qBACF;iBACF;gBACD,UAAU,EAAE,EAAE;aACf;SACF;QACD,OAAO,EAAE;YACP,MAAM,EAAE;gBACN,EAAE,EAAE,SAAS;gBACb,GAAG,EAAE,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,cAAc,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC;gBAC7D,MAAM,EAAE;oBACN,OAAO,EAAE;wBACP,UAAU,CAAC,CAAC,GAAwB,EAAE,EAAE;4BACtC,OAAO,EAAE,IAAI,EAAE,sBAAsB,EAAE,EAAE,EAAE,GAAG,CAAC,EAAE,EAAE,CAAC;wBACtD,CAAC,CAAC;qBACH;iBACF;aACF;SACF;KACF;CACF,CAAC,CAAC;AAEH,OAAO,EAAE,mBAAmB,EAAE,CAAC"}

package/components/Notifications/notificationsMachine.d.ts

@@ -0,0 +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 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 type NotificationsState = State<NotificationsContextType, NotificationsEvent, NotificationsSchema>;
+export type NotificationsSend = Interpreter<NotificationsContextType, NotificationsSchema, NotificationsEvent>['send'];
+declare const notificationsMachine: import("xstate").StateMachine<NotificationsContextType, NotificationsSchema, NotificationsEvent, {
+    value: any;
+    context: NotificationsContextType;
+}>;
+export { notificationsMachine };

package/components/Notifications/notificationsMachine.js

@@ -0,0 +1,66 @@
+import uniqueId from '@jetshop/core/helpers/uniqueId';
+import { assign, Machine, send, spawn } from 'xstate';
+import { notificationMachine } from './notificationMachine';
+const notificationsMachine = Machine({
+    id: 'notifications',
+    context: {
+        notifications: []
+    },
+    initial: 'idle',
+    on: {
+        'NOTIFICATION.ADD': {
+            actions: assign({
+                notifications: (context, event) => {
+                    var _a;
+                    const { content, id, notificationType } = event;
+                    const newNotification = {
+                        content,
+                        id: id || uniqueId(),
+                        type: notificationType !== null && notificationType !== void 0 ? notificationType : 'default',
+                        autoCloseAfter: (_a = event.autoCloseAfter) !== null && _a !== void 0 ? _a : 1600
+                    };
+                    const ref = spawn(notificationMachine.withContext(newNotification), newNotification.id);
+                    return [
+                        ...context.notifications,
+                        Object.assign(Object.assign({}, newNotification), { ref })
+                    ];
+                }
+            }),
+            target: 'active'
+        }
+    },
+    states: {
+        idle: {},
+        active: {
+            always: [
+                {
+                    target: 'idle',
+                    cond: context => context.notifications.length === 0
+                }
+            ],
+            on: {
+                'NOTIFICATION.REMOVED': {
+                    actions: assign({
+                        notifications: (context, event) => {
+                            return context.notifications.filter(notification => notification.id !== event.id);
+                        }
+                    })
+                },
+                'NOTIFICATION.REMOVE': {
+                    actions: send('REMOVE', {
+                        to: (_, event) => event.id
+                    })
+                },
+                'NOTIFICATIONS.CLEAR': {
+                    actions: context => {
+                        for (const notification of context.notifications) {
+                            notification.ref.send({ type: 'REMOVE' });
+                        }
+                    }
+                }
+            }
+        }
+    }
+});
+export { notificationsMachine };
+//# sourceMappingURL=notificationsMachine.js.map

package/components/Notifications/notificationsMachine.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"notificationsMachine.js","sourceRoot":"","sources":["notificationsMachine.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,gCAAgC,CAAC;AACtD,OAAO,EAEL,MAAM,EAEN,OAAO,EACP,IAAI,EACJ,KAAK,EAEN,MAAM,QAAQ,CAAC;AAChB,OAAO,EAEL,mBAAmB,EACpB,MAAM,uBAAuB,CAAC;AAyC/B,MAAM,oBAAoB,GAAG,OAAO,CAIlC;IACA,EAAE,EAAE,eAAe;IACnB,OAAO,EAAE;QACP,aAAa,EAAE,EAAE;KAClB;IACD,OAAO,EAAE,MAAM;IACf,EAAE,EAAE;QACF,kBAAkB,EAAE;YAClB,OAAO,EAAE,MAAM,CAAC;gBACd,aAAa,EAAE,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE;;oBAChC,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE,gBAAgB,EAAE,GAAG,KAAK,CAAC;oBAEhD,MAAM,eAAe,GAAG;wBACtB,OAAO;wBACP,EAAE,EAAE,EAAE,IAAI,QAAQ,EAAE;wBACpB,IAAI,EAAE,gBAAgB,aAAhB,gBAAgB,cAAhB,gBAAgB,GAAI,SAAS;wBACnC,cAAc,EAAE,MAAA,KAAK,CAAC,cAAc,mCAAI,IAAI;qBAC7C,CAAC;oBACF,MAAM,GAAG,GAAG,KAAK,CACf,mBAAmB,CAAC,WAAW,CAAC,eAAe,CAAC,EAChD,eAAe,CAAC,EAAE,CACnB,CAAC;oBAEF,OAAO;wBACL,GAAG,OAAO,CAAC,aAAa;wDAEnB,eAAe,KAClB,GAAG;qBAEN,CAAC;gBACJ,CAAC;aACF,CAAC;YACF,MAAM,EAAE,QAAQ;SACjB;KACF;IACD,MAAM,EAAE;QACN,IAAI,EAAE,EAAE;QACR,MAAM,EAAE;YACN,MAAM,EAAE;gBACN;oBACE,MAAM,EAAE,MAAM;oBACd,IAAI,EAAE,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC,aAAa,CAAC,MAAM,KAAK,CAAC;iBACpD;aACF;YACD,EAAE,EAAE;gBACF,sBAAsB,EAAE;oBACtB,OAAO,EAAE,MAAM,CAAC;wBACd,aAAa,EAAE,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE;4BAChC,OAAO,OAAO,CAAC,aAAa,CAAC,MAAM,CACjC,YAAY,CAAC,EAAE,CAAC,YAAY,CAAC,EAAE,KAAK,KAAK,CAAC,EAAE,CAC7C,CAAC;wBACJ,CAAC;qBACF,CAAC;iBACH;gBACD,qBAAqB,EAAE;oBACrB,OAAO,EAAE,IAAI,CAAC,QAAQ,EAAE;wBACtB,EAAE,EAAE,CAAC,CAAC,EAAE,KAAqB,EAAE,EAAE,CAAC,KAAK,CAAC,EAAE;qBAC3C,CAAC;iBACH;gBACD,qBAAqB,EAAE;oBACrB,OAAO,EAAE,OAAO,CAAC,EAAE;wBACjB,KAAK,MAAM,YAAY,IAAI,OAAO,CAAC,aAAa,EAAE;4BAChD,YAAY,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAC;yBAC3C;oBACH,CAAC;iBACF;aACF;SACF;KACF;CACF,CAAC,CAAC;AAEH,OAAO,EAAE,oBAAoB,EAAE,CAAC"}

package/components/Notifications/useNotification.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+type NotificationContent = string | React.ReactNode;
+interface NotificationOptions {
+    id?: string;
+    type?: string;
+    autoCloseAfter?: number;
+}
+export declare function useNotification(): readonly [(content: NotificationContent, { id, type, autoCloseAfter }?: NotificationOptions) => void, (id?: string) => void];
+export {};

package/components/Notifications/useNotification.js

@@ -0,0 +1,27 @@
+import { useCallback, useContext } from 'react';
+import { NotificationsContext } from './Notifications';
+export function useNotification() {
+    const [, send] = useContext(NotificationsContext);
+    const trigger = useCallback((content, { id, type, autoCloseAfter } = {}) => {
+        send({
+            type: 'NOTIFICATION.ADD',
+            content,
+            id,
+            notificationType: type,
+            autoCloseAfter
+        });
+    }, [send]);
+    const dismiss = useCallback((id) => {
+        if (typeof id === 'string') {
+            send({ type: 'NOTIFICATION.REMOVE', id });
+        }
+        else {
+            console.log('clearing');
+            send({ type: 'NOTIFICATIONS.CLEAR' });
+        }
+    }, [send]);
+    return [trigger, dismiss];
+}
+// trigger - content and an optional ID
+// dismiss - optional ID. no id given = dismiss all
+//# sourceMappingURL=useNotification.js.map

package/components/Notifications/useNotification.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNotification.js","sourceRoot":"","sources":["useNotification.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAiBvD,MAAM,UAAU,eAAe;IAC7B,MAAM,CAAC,EAAE,IAAI,CAAC,GAAG,UAAU,CAAC,oBAAoB,CAAC,CAAC;IAElD,MAAM,OAAO,GAAG,WAAW,CACzB,CACE,OAA4B,EAC5B,EAAE,EAAE,EAAE,IAAI,EAAE,cAAc,KAA0B,EAAE,EACtD,EAAE;QACF,IAAI,CAAC;YACH,IAAI,EAAE,kBAAkB;YACxB,OAAO;YACP,EAAE;YACF,gBAAgB,EAAE,IAAI;YACtB,cAAc;SACf,CAAC,CAAC;IACL,CAAC,EACD,CAAC,IAAI,CAAC,CACP,CAAC;IAEF,MAAM,OAAO,GAAG,WAAW,CACzB,CAAC,EAAW,EAAE,EAAE;QACd,IAAI,OAAO,EAAE,KAAK,QAAQ,EAAE;YAC1B,IAAI,CAAC,EAAE,IAAI,EAAE,qBAAqB,EAAE,EAAE,EAAE,CAAC,CAAC;SAC3C;aAAM;YACL,OAAO,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;YACxB,IAAI,CAAC,EAAE,IAAI,EAAE,qBAAqB,EAAE,CAAC,CAAC;SACvC;IACH,CAAC,EACD,CAAC,IAAI,CAAC,CACP,CAAC;IAEF,OAAO,CAAC,OAAO,EAAE,OAAO,CAAU,CAAC;AACrC,CAAC;AAED,uCAAuC;AACvC,mDAAmD"}

package/components/OpenGraph/OpenGraphGeneralPageData.d.ts

@@ -0,0 +1,25 @@
+import { Category, Product, Page, StartPage, Route } from '@jetshop/core/types';
+import React from 'react';
+import { HtmlHead } from '@jetshop/core/types';
+export interface OpenGraphGeneralPageDataProps {
+    /** The page object */
+    data: StartPage | Category | Product | Page | {
+        head: HtmlHead;
+        __typename: 'Error';
+    };
+    route: Route;
+    /**
+     * Optional fields can be suppilied via a list of objects.
+     * Will override default values if provided.
+     * [{ property: 'og:title', content: 'Example title' }].
+     *
+     * Full list of fields available at
+     * @url https://ogp.me/
+     */
+    optionalFields?: OpenGraphDataTag[];
+}
+export type OpenGraphDataTag = {
+    property: string;
+    content: string;
+};
+export declare const OpenGraphGeneralPageData: React.FC<OpenGraphGeneralPageDataProps>;

package/components/OpenGraph/OpenGraphGeneralPageData.js

@@ -0,0 +1,37 @@
+import React from 'react';
+import ChannelContext from '@jetshop/core/components/ChannelContext';
+import { Helmet } from 'react-helmet-async';
+export const OpenGraphGeneralPageData = ({ data, route, optionalFields = [] }) => {
+    var _a, _b, _c, _d;
+    const { selectedChannel } = React.useContext(ChannelContext);
+    if (!data || data.__typename === 'Error')
+        return null;
+    const metaDescriptionTag = (_b = (_a = data.head) === null || _a === void 0 ? void 0 : _a.metaTags) === null || _b === void 0 ? void 0 : _b.filter((tag) => tag.name === 'description')[0];
+    const overrides = optionalFields.map((tag) => tag.property);
+    const title = ((_c = data.head) === null || _c === void 0 ? void 0 : _c.title) ||
+        (data.__typename !== 'StartPage' && data.mainHeader) ||
+        data.name;
+    // If these are updated, please also update the docs (OpenGraph.mdx)
+    const defaultTags = [
+        {
+            property: 'og:url',
+            content: (route === null || route === void 0 ? void 0 : route.canonicalPath) && `${selectedChannel.url}${route.canonicalPath}`
+        },
+        { property: 'og:title', content: title },
+        {
+            property: 'og:description',
+            content: metaDescriptionTag === null || metaDescriptionTag === void 0 ? void 0 : metaDescriptionTag.content
+        },
+        {
+            property: 'og:image',
+            content: ((_d = data.images) === null || _d === void 0 ? void 0 : _d.length) > 0 &&
+                (data.__typename !== 'Product'
+                    ? data.images[data.images.length - 1].url
+                    : data.images[0].url)
+        }
+    ].filter((tag) => !overrides.includes(tag.property));
+    return (React.createElement(Helmet, null,
+        defaultTags.map((tag) => tag.content && (React.createElement("meta", { key: `og-tag-${tag.property}`, property: tag.property, content: tag.content }))),
+        optionalFields.map((tag) => (React.createElement("meta", { key: `og-tag-${tag.property}`, property: tag.property, content: tag.content })))));
+};
+//# sourceMappingURL=OpenGraphGeneralPageData.js.map

package/components/OpenGraph/OpenGraphGeneralPageData.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OpenGraphGeneralPageData.js","sourceRoot":"","sources":["OpenGraphGeneralPageData.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,cAAc,MAAM,yCAAyC,CAAC;AACrE,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AA4B5C,MAAM,CAAC,MAAM,wBAAwB,GACnC,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,cAAc,GAAG,EAAE,EAAE,EAAE,EAAE;;IACvC,MAAM,EAAE,eAAe,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,CAAC;IAE7D,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,UAAU,KAAK,OAAO;QAAE,OAAO,IAAI,CAAC;IAEtD,MAAM,kBAAkB,GAAG,MAAA,MAAA,IAAI,CAAC,IAAI,0CAAE,QAAQ,0CAAE,MAAM,CACpD,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,IAAI,KAAK,aAAa,EACnC,CAAC,CAAC,CAAC;IAEL,MAAM,SAAS,GAAG,cAAc,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;IAE5D,MAAM,KAAK,GACT,CAAA,MAAA,IAAI,CAAC,IAAI,0CAAE,KAAK;QAChB,CAAC,IAAI,CAAC,UAAU,KAAK,WAAW,IAAI,IAAI,CAAC,UAAU,CAAC;QACpD,IAAI,CAAC,IAAI,CAAC;IAEZ,oEAAoE;IACpE,MAAM,WAAW,GAAuB;QACtC;YACE,QAAQ,EAAE,QAAQ;YAClB,OAAO,EACL,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,aAAa,KAAI,GAAG,eAAe,CAAC,GAAG,GAAG,KAAK,CAAC,aAAa,EAAE;SACzE;QACD,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,KAAK,EAAE;QACxC;YACE,QAAQ,EAAE,gBAAgB;YAC1B,OAAO,EAAE,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,OAAO;SACrC;QACD;YACE,QAAQ,EAAE,UAAU;YACpB,OAAO,EACL,CAAA,MAAA,IAAI,CAAC,MAAM,0CAAE,MAAM,IAAG,CAAC;gBACvB,CAAC,IAAI,CAAC,UAAU,KAAK,SAAS;oBAC5B,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,GAAG;oBACzC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;SAC1B;KACF,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,SAAS,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC;IAErD,OAAO,CACL,oBAAC,MAAM;QACJ,WAAW,CAAC,GAAG,CACd,CAAC,GAAG,EAAE,EAAE,CACN,GAAG,CAAC,OAAO,IAAI,CACb,8BACE,GAAG,EAAE,UAAU,GAAG,CAAC,QAAQ,EAAE,EAC7B,QAAQ,EAAE,GAAG,CAAC,QAAQ,EACtB,OAAO,EAAE,GAAG,CAAC,OAAO,GACpB,CACH,CACJ;QACA,cAAc,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAC3B,8BACE,GAAG,EAAE,UAAU,GAAG,CAAC,QAAQ,EAAE,EAC7B,QAAQ,EAAE,GAAG,CAAC,QAAQ,EACtB,OAAO,EAAE,GAAG,CAAC,OAAO,GACpB,CACH,CAAC,CACK,CACV,CAAC;AACJ,CAAC,CAAC"}

package/components/OpenGraph/OpenGraphProductData.d.ts

@@ -0,0 +1,25 @@
+import { Product, ProductVariantOption } from '@jetshop/core/types';
+import React from 'react';
+import { OpenGraphDataTag } from './OpenGraphGeneralPageData';
+export interface OpenGraphProductDataProps {
+    /** The product object */
+    product: Product;
+    /** Optional pre-selected variant */
+    initialVariant?: ProductVariantOption;
+    /**
+     * Optional fields can be suppilied via a list of objects.
+     *  Will override default values if provided.
+     * [{ property: 'og:title', content: 'Example title' }].
+     *
+     * Full list of fields available at
+     * @url https://ogp.me/
+     */
+    optionalFields?: OpenGraphDataTag[];
+}
+/**
+ * Get the brand field from a product's customFields.
+ *
+ * Usually you'd want to pass in the brand field from your shop config.
+ */
+export declare function getBrand(product: Product, brandField?: string): any;
+export declare const OpenGraphProductData: React.FC<OpenGraphProductDataProps>;

package/components/OpenGraph/OpenGraphProductData.js

@@ -0,0 +1,49 @@
+import React from 'react';
+import { useProductVariants } from '../../hooks/useProductVariants';
+import { useShopConfig } from '@jetshop/core/hooks/useShopConfig';
+import ChannelContext from '@jetshop/core/components/ChannelContext';
+import { Helmet } from 'react-helmet-async';
+/**
+ * Get the brand field from a product's customFields.
+ *
+ * Usually you'd want to pass in the brand field from your shop config.
+ */
+export function getBrand(product, brandField = 'brand') {
+    var _a;
+    const field = (_a = product === null || product === void 0 ? void 0 : product.customFields) === null || _a === void 0 ? void 0 : _a.find(({ key }) => key === brandField);
+    if (field) {
+        return field === null || field === void 0 ? void 0 : field.stringValue;
+    }
+}
+export const OpenGraphProductData = ({ product, initialVariant, optionalFields = [] }) => {
+    var _a, _b, _c, _d;
+    const { selectedVariant: variant } = useProductVariants(product, {
+        initialVariant
+    });
+    const { selectedChannel } = React.useContext(ChannelContext);
+    const { brandCustomField } = useShopConfig();
+    const prod = variant || product;
+    const brand = getBrand(product, brandCustomField);
+    const overrides = optionalFields.map((tag) => tag.property);
+    // If these are updated, please also update the docs (OpenGraph.mdx)
+    const defaultTags = [
+        {
+            property: 'product:original_price:amount',
+            content: (_a = prod.previousPrice) === null || _a === void 0 ? void 0 : _a.incVat
+        },
+        { property: 'product:price:amount', content: (_b = prod.price) === null || _b === void 0 ? void 0 : _b.incVat },
+        {
+            property: 'og:price:currency',
+            content: selectedChannel.currency.format.code
+        },
+        { property: 'product:availability', content: (_c = prod.stockStatus) === null || _c === void 0 ? void 0 : _c.buyable },
+        { property: 'product:brand', content: brand },
+        { property: 'product:category', content: (_d = product.canonicalCategory) === null || _d === void 0 ? void 0 : _d.name }
+    ].filter((tag) => !overrides.includes(tag.property));
+    return (React.createElement(Helmet, null,
+        defaultTags.map((tag) => {
+            return (tag.content && (React.createElement("meta", { key: `og-tag-${tag.property}`, property: tag.property, content: tag.content })));
+        }),
+        optionalFields.map((tag) => (React.createElement("meta", { key: `og-tag-${tag.property}`, property: tag.property, content: tag.content })))));
+};
+//# sourceMappingURL=OpenGraphProductData.js.map

package/components/OpenGraph/OpenGraphProductData.js.map

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

package/components/OpenGraph/index.d.ts

@@ -0,0 +1,2 @@
+export { OpenGraphProductData } from './OpenGraphProductData';
+export { OpenGraphGeneralPageData } from './OpenGraphGeneralPageData';

package/components/OpenGraph/index.js

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

package/components/OpenGraph/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC"}

package/components/Pagination/PaginationContainer.d.ts

@@ -0,0 +1,2 @@
+import PaginationProvider from './PaginationProvider';
+export default PaginationProvider;

package/components/Pagination/PaginationContainer.js

@@ -0,0 +1,5 @@
+import logWarningInDev from '../../helpers/logWarningInDev';
+import PaginationProvider from './PaginationProvider';
+export default PaginationProvider;
+logWarningInDev(true, 'This component has been renamed to PaginationProvider. Please update your imports.');
+//# sourceMappingURL=PaginationContainer.js.map

package/components/Pagination/PaginationContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaginationContainer.js","sourceRoot":"","sources":["PaginationContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,eAAe,MAAM,+BAA+B,CAAC;AAE5D,OAAO,kBAAkB,MAAM,sBAAsB,CAAC;AACtD,eAAe,kBAAkB,CAAC;AAElC,eAAe,CACb,IAAI,EACJ,oFAAoF,CACrF,CAAC"}

package/components/Pagination/PaginationContext.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+export interface GoToPageOptions {
+    replace: boolean;
+}
+export interface PaginationState {
+    currentPage: number;
+    offset: number;
+    perPage: number;
+    goToPage: (page: number, options?: GoToPageOptions) => void;
+    setProductsPerPage: (perPage: number) => void;
+    queryParam?: string;
+}
+declare const PaginationContext: React.Context<PaginationState>;
+export default PaginationContext;

package/components/Pagination/PaginationContext.js

@@ -0,0 +1,4 @@
+import React from 'react';
+const PaginationContext = React.createContext(undefined);
+export default PaginationContext;
+//# sourceMappingURL=PaginationContext.js.map

package/components/Pagination/PaginationContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaginationContext.js","sourceRoot":"","sources":["PaginationContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAe1B,MAAM,iBAAiB,GAAG,KAAK,CAAC,aAAa,CAAkB,SAAS,CAAC,CAAC;AAE1E,eAAe,iBAAiB,CAAC"}

package/components/Pagination/PaginationProvider.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import { ReactCookieProps } from 'react-cookie';
+export type IPaginationProps = {
+    children: ((args: {
+        offset: number;
+        perPage: number;
+    }) => React.ReactChild) | React.ReactChild;
+    defaultProductsPerPage?: number;
+    /** The query param to use for pagination. @default 'page' */
+    queryParam?: string;
+    errorReportingEnabled?: boolean;
+} & ReactCookieProps;
+export declare function usePagination(): import("@jetshop/core/components/Pagination/PaginationContext").PaginationState;
+declare const _default: React.ComponentType<{
+    defaultProductsPerPage?: number;
+    queryParam?: string;
+    errorReportingEnabled?: boolean;
+}>;
+export default _default;

package/components/Pagination/PaginationProvider.js

@@ -0,0 +1,95 @@
+import { pushHistory, replaceHistory } from '@jetshop/core/components/Filters/utils/updateHistory';
+import PaginationContext from '@jetshop/core/components/Pagination/PaginationContext';
+import report from '@jetshop/core/errorReporting';
+import qs from 'qs';
+import React, { useCallback, useContext, useEffect, useMemo, useState } from 'react';
+import { withCookies } from 'react-cookie';
+import { useHistory, useLocation } from 'react-router';
+const updateHistory = ({ history, location }, newPage, queryParam, options) => {
+    const currentSearch = qs.parse(typeof window === 'undefined' ? location.search : window.location.search, { ignoreQueryPrefix: true });
+    const search = Object.assign(Object.assign({}, currentSearch), { [queryParam]: newPage });
+    if (options && options.replace) {
+        replaceHistory({
+            history,
+            pathname: location.pathname,
+            hash: location.hash,
+            search,
+            resetPage: newPage === 1,
+            routeType: 'paginationChange'
+        });
+    }
+    else {
+        pushHistory({
+            history,
+            pathname: location.pathname,
+            hash: location.hash,
+            search,
+            resetPage: newPage === 1,
+            routeType: 'paginationChange'
+        });
+    }
+    return true;
+};
+const getPageFromSearch = (location, queryParam) => {
+    let page = null;
+    // Get the page from the search parameter in the URL
+    if (location.search) {
+        page = parseInt(qs.parse(location.search, { ignoreQueryPrefix: true })[queryParam], 10);
+    }
+    return page;
+};
+const calculateOffset = (page, perPage) => {
+    if (page > 0 && page < 1000) {
+        return (page - 1) * perPage;
+    }
+    else {
+        return 0;
+    }
+};
+const PaginationProvider = ({ cookies, defaultProductsPerPage = 16, children, queryParam = 'page', errorReportingEnabled = true }) => {
+    const history = useHistory();
+    const location = useLocation();
+    const [currentPage, setCurrentPage] = useState(getPageFromSearch(location, queryParam) || 1);
+    useEffect(() => {
+        const page = getPageFromSearch(location, queryParam);
+        if (page) {
+            setCurrentPage(page);
+        }
+        if (!page && currentPage !== 1) {
+            setCurrentPage(1);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [location]);
+    const goToPage = useCallback((page, options) => {
+        setCurrentPage(page);
+        updateHistory({ location, history }, page, queryParam, options);
+    }, [location, history, queryParam]);
+    const setProductsPerPage = useCallback((perPage) => {
+        cookies.set('perPage', `${perPage}`);
+        setCurrentPage(1);
+    }, [cookies]);
+    const cookieProductsPerPage = parseInt(cookies.get('perPage'), 10);
+    const perPage = cookieProductsPerPage || defaultProductsPerPage;
+    if (errorReportingEnabled && currentPage >= 1000) {
+        report(new Error('Page number is too nigh'), {
+            currentPage,
+            perPage,
+            location,
+            history
+        });
+    }
+    const value = useMemo(() => ({
+        currentPage,
+        offset: calculateOffset(currentPage, perPage),
+        perPage,
+        goToPage,
+        setProductsPerPage,
+        queryParam
+    }), [currentPage, perPage, goToPage, setProductsPerPage, queryParam]);
+    return (React.createElement(PaginationContext.Provider, { value: value }, children));
+};
+export function usePagination() {
+    return useContext(PaginationContext);
+}
+export default withCookies(PaginationProvider);
+//# sourceMappingURL=PaginationProvider.js.map

package/components/Pagination/PaginationProvider.js.map

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

package/components/PreviewContext.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { PreviewHandler } from '../boot/PreviewHandler';
+export interface PreviewState {
+    setPreview: (preview: boolean) => void;
+}
+declare const PreviewContext: React.Context<PreviewState>;
+declare const PreviewProvider: React.FC<{
+    previewHandler: PreviewHandler;
+}>;
+export { PreviewProvider, PreviewContext };

package/components/PreviewContext.js

@@ -0,0 +1,27 @@
+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 React, { createContext, useMemo } from 'react';
+const initialPreviewState = {
+    setPreview: () => {
+        return null;
+    }
+};
+const PreviewContext = createContext(initialPreviewState);
+const PreviewProvider = function AuthProvider(_a) {
+    var { previewHandler } = _a, props = __rest(_a, ["previewHandler"]);
+    const value = useMemo(() => ({
+        setPreview: previewHandler.setPreview
+    }), [previewHandler.setPreview]);
+    return React.createElement(PreviewContext.Provider, Object.assign({ value: value }, props));
+};
+export { PreviewProvider, PreviewContext };
+//# sourceMappingURL=PreviewContext.js.map

package/components/PreviewContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreviewContext.js","sourceRoot":"","sources":["PreviewContext.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAOtD,MAAM,mBAAmB,GAAiB;IACxC,UAAU,EAAE,GAAG,EAAE;QACf,OAAO,IAAI,CAAC;IACd,CAAC;CACF,CAAC;AAEF,MAAM,cAAc,GAAG,aAAa,CAAC,mBAAmB,CAAC,CAAC;AAE1D,MAAM,eAAe,GAEhB,SAAS,YAAY,CAAC,EAA4B;QAA5B,EAAE,cAAc,OAAY,EAAP,KAAK,cAA1B,kBAA4B,CAAF;IACnD,MAAM,KAAK,GAAG,OAAO,CACnB,GAAG,EAAE,CAAC,CAAC;QACL,UAAU,EAAE,cAAc,CAAC,UAAU;KACtC,CAAC,EACF,CAAC,cAAc,CAAC,UAAU,CAAC,CAC5B,CAAC;IAEF,OAAO,oBAAC,cAAc,CAAC,QAAQ,kBAAC,KAAK,EAAE,KAAK,IAAM,KAAK,EAAI,CAAC;AAC9D,CAAC,CAAC;AAEF,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,CAAC"}