@jetshop/ui 6.3.8 → 6.3.9-alpha.0

package/CloudflareImage/FlightImage.test.js

@@ -0,0 +1,277 @@
+import { ChannelProvider } from '@jetshop/core/components/ChannelContext';
+import t from '@jetshop/intl';
+import testImage from '@jetshop/ui/test-utils/fixtures/test-image.png';
+import { fireEvent, queryByText, render } from '@testing-library/react';
+import React from 'react';
+import { useInView } from 'react-intersection-observer';
+import Image from './FlightImage';
+import { ChannelHandler } from '@jetshop/core/ChannelHandler/ChannelHandler';
+import { selectedChannel, channels } from '@jetshop/core/test-utils/variables';
+import { ConfigProvider } from '@jetshop/core/components/ConfigProvider';
+import mockShopConfig from '@jetshop/core/test-utils/mockShopConfig';
+
+// Mock intersection observer so we can always return true/false
+jest.mock('react-intersection-observer');
+// Suppress warnings from translations
+jest.mock('@jetshop/intl');
+t.mockImplementation((t) => t);
+
+// browser mocks
+global.IntersectionObserver = jest.fn(function () {
+  this.observe = jest.fn();
+  this.unobserve = jest.fn();
+  this.disconnect = jest.fn();
+});
+
+const transparent =
+  'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=';
+
+global.__IN_SERVER__ = false;
+
+describe('Hooks image component', () => {
+  describe('on initial load', () => {
+    beforeAll(() => {
+      useInView.mockImplementation(() => [null, false]);
+    });
+    it('renders a lqip version of the image by default', () => {
+      const { placeholderImage } = setup();
+
+      const src = placeholderImage.getAttribute('src');
+
+      expect(src).toEqual(expect.stringContaining('sigma=2.5'));
+      expect(src).toEqual(expect.stringContaining('minampl=0.5'));
+    });
+
+    it('sets the lqip to the smallest of the calculated sizes', () => {
+      const { placeholderImage } = setup({ sizes: [0.5, 0.85, 1] });
+      // Should be 160
+      // The smallest breakpoint is 20rem, which is 360px.
+      // 0.5 x 360 = 160
+
+      const src = placeholderImage.getAttribute('src');
+
+      expect(src).toEqual(expect.stringContaining('width=160'));
+    });
+
+    it('does not render an lqip if critical is true', () => {
+      const { placeholderImage } = setup({ critical: true });
+
+      const src = placeholderImage.getAttribute('src');
+
+      // Sets the src to transaprent data image instead
+      expect(src).toEqual(expect.stringContaining('data:image'));
+    });
+
+    it('accepts sizes as pixel values', () => {
+      const { placeholderImage } = setup({ sizes: [123] });
+
+      const src = placeholderImage.getAttribute('src');
+
+      expect(src).toEqual(expect.stringContaining('width=123'));
+    });
+
+    it('sets opacity to 0.6 while image has not loaded', () => {
+      const { placeholderImage } = setup();
+
+      expect(placeholderImage).toHaveStyle('opacity: 0.6');
+    });
+  });
+
+  describe('sets the sizing method', () => {
+    it('to thumbnail if no aspect ratio is provided', () => {
+      const { placeholderImage } = setup();
+    });
+    it('to fit if an aspect ratio is provided', () => {
+      const { placeholderImage } = setup({ aspect: '1:1' });
+
+      expect(placeholderImage.getAttribute('src')).toEqual(
+        expect.stringContaining('&height=320')
+      );
+      expect(placeholderImage.getAttribute('src')).toEqual(
+        expect.stringContaining('&width=320')
+      );
+    });
+    it('to crop if crop prop is true', () => {
+      const { placeholderImage } = setup({ aspect: '1:1', crop: true });
+
+      expect(placeholderImage.getAttribute('src')).toEqual(
+        expect.stringContaining('&method=crop')
+      );
+    });
+    it('warns if gravity is provided without crop', () => {
+      console.warn = jest.fn();
+      setup({ aspect: '1:1', crop: false, gravity: 'north' });
+      expect(console.warn).toHaveBeenCalled();
+    });
+  });
+
+  describe('when image is in view', () => {
+    beforeAll(() => {
+      useInView.mockImplementation(() => [null, true]);
+    });
+
+    it('renders full image', () => {
+      const { image } = setup({
+        imageSrc: testImage
+      });
+
+      expect(image).toHaveAttribute('src', 'test-image.png');
+    });
+
+    it('applies the given alt as an aria-label', () => {
+      const { image } = setup({
+        alt: 'test alt'
+      });
+
+      expect(image).toHaveAttribute('alt', 'test alt');
+    });
+
+    it('defaults aspect to 1:1', () => {
+      const { imageContainer } = setup();
+
+      expect(imageContainer).toHaveStyle('padding-bottom : 100%');
+    });
+
+    it('sets aspect ratio using padding if aspect is passed', () => {
+      const { imageContainer } = setup({ aspect: '3:2' });
+
+      expect(imageContainer).toHaveStyle('padding-bottom : 66.6667%');
+    });
+
+    it('defaults to background-size contain', () => {
+      const { image } = setup();
+
+      expect(image).toHaveStyle('object-fit : contain');
+    });
+
+    it('sets background-size to cover if `cover` is passed', () => {
+      const { image } = setup({ cover: true });
+
+      expect(image).toHaveStyle('object-fit : cover');
+    });
+
+    it('sets up image to fill available space if `fillAvailableSpace` is passed', () => {
+      const { image } = setup({ fillAvailableSpace: true });
+
+      expect(image).toHaveStyle('object-fit : cover');
+      expect(image).toHaveStyle('padding-top : 0');
+    });
+
+    it('sets opacity to 1 when image loads', () => {
+      const { image } = setup();
+      fireEvent.load(image);
+
+      expect(image).toHaveStyle('opacity: 1');
+    });
+
+    it('fades lqip when image loads', () => {
+      const { image, placeholderImage } = setup();
+      fireEvent.load(image);
+
+      expect(placeholderImage).toHaveStyle('opacity: 0');
+    });
+
+    test('sets quality to quality prop', () => {
+      const { image } = setup({ quality: 1 });
+
+      expect(image.getAttribute('srcSet')).toEqual(
+        expect.stringContaining('&quality=1')
+      );
+    });
+  });
+
+  describe('when there is an image error', () => {
+    beforeAll(() => {
+      useInView.mockImplementation(() => [null, true]);
+    });
+
+    it('renders default error', () => {
+      const { image, getByText } = setup();
+      fireEvent.error(image);
+
+      expect(getByText('Image Not Found'));
+    });
+
+    it('renders error component', () => {
+      const { image, getByText, container } = setup({
+        error: () => <div>some error found</div>
+      });
+      fireEvent.error(image);
+
+      expect(getByText('some error found'));
+      expect(queryByText(container, 'Image Not Found')).not.toBeInTheDocument();
+    });
+  });
+
+  describe('when image url is falsy', () => {
+    it('renders a transparent background image when null', () => {
+      const { image } = setup({ falsySrc: true, imageSrc: null });
+
+      expect(image).toHaveAttribute(`src`, transparent);
+      expect(image).toHaveStyle('opacity : 1');
+    });
+    it('renders a transparent background image when undefined', () => {
+      const { image } = setup({ falsySrc: true, imageSrc: undefined });
+
+      expect(image).toHaveAttribute(`src`, transparent);
+      expect(image).toHaveStyle('opacity: 1');
+    });
+    it('renders nothing and warns if false', () => {
+      console.warn = jest.fn();
+      const { image } = setup({ falsySrc: true, imageSrc: false });
+
+      expect(image).not.toBeInTheDocument();
+      expect(console.warn).toHaveBeenCalled();
+    });
+  });
+
+  it('renders a webp and jpeg source', () => {
+    const { imageContainer } = setup();
+
+    const sources = imageContainer.querySelectorAll('source');
+    expect(sources.length).toBe(2);
+    expect(sources[0]).toHaveAttribute('type', 'image/webp');
+  });
+});
+
+function setup({
+  imageSrc,
+  falsySrc = false,
+  error,
+  alt,
+  sizes,
+  aspect,
+  cover,
+  ...rest
+} = {}) {
+  const channelHandler = new ChannelHandler({
+    selectedChannel,
+    channels
+  });
+  const utils = render(
+    <ChannelProvider channelHandler={channelHandler}>
+      <ConfigProvider config={mockShopConfig}>
+        <Image
+          src={falsySrc ? imageSrc : imageSrc || 'default.png'}
+          error={error}
+          alt={alt}
+          sizes={sizes}
+          aspect={aspect}
+          cover={cover}
+          {...rest}
+        />
+      </ConfigProvider>
+    </ChannelProvider>
+  );
+
+  return {
+    ...utils,
+    image: utils.container.querySelector('[data-flight-image] img'),
+    placeholderImage: utils.container.querySelector(
+      '[data-flight-image-placeholder] img'
+    ),
+    imageContainer: utils.container.querySelector(
+      '[data-flight-image-container]'
+    )
+  };
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jetshop/ui",
-  "version": "6.3.8",
+  "version": "6.3.9-alpha.0+93bee2e73",
   "license": "MIT",
   "files": [
     "**/*.js",
@@ -60,5 +60,5 @@
     "react": "^18",
     "react-dom": "^18"
   },
-  "gitHead": "74e5c206d33c37e973bb0ca8c650a1c22a7bb0ad"
+  "gitHead": "93bee2e738c7e3d301b5d3301b866b6d44fd6df0"
 }

package/Accordion/Accordion.d.ts

@@ -1,33 +0,0 @@
-import * as React from 'react';
-export interface AccordionChildProps {
-    openIndexes: number[];
-    handleClick(index: number): void;
-    AccordionContent: any;
-}
-export interface AccordionProps {
-    children: (args: AccordionChildProps) => React.ReactNode;
-    /** If true, only one accordion item can be open at any time */
-    single?: boolean;
-    /** If true, at least one accordion item will always be open */
-    atLeastOne?: boolean;
-    initialOpenIndexes?: number[];
-}
-export interface AccordionState {
-    openIndexes: number[];
-}
-/**
- * A component that can be optionally used as the accordion's content to
- * automatically apply open animations.
- */
-export declare const AccordionContent: React.SFC<{
-    isOpen: boolean;
-}>;
-export default class Accordion extends React.Component<AccordionProps, AccordionState> {
-    readonly state: {
-        openIndexes: number[];
-    };
-    close: (index: number) => void;
-    open: (index: number) => void;
-    handleItemClick: (index: number) => void;
-    render(): React.ReactNode;
-}

package/Accordion/Accordion.js

@@ -1,59 +0,0 @@
-import * as React from 'react';
-import AnimateHeight from 'react-animate-height';
-/**
- * A component that can be optionally used as the accordion's content to
- * automatically apply open animations.
- */
-export const AccordionContent = props => {
-    return (React.createElement(AnimateHeight, { height: props.isOpen ? 'auto' : 0 }, props.children || React.createElement(React.Fragment, null)));
-};
-export default class Accordion extends React.Component {
-    constructor() {
-        super(...arguments);
-        this.state = {
-            openIndexes: (this.props.initialOpenIndexes || [this.props.atLeastOne && 0]).filter(el => isFinite(el))
-        };
-        this.close = (index) => {
-            this.setState(prevState => {
-                const openCount = prevState.openIndexes.length;
-                return {
-                    openIndexes: this.props.atLeastOne &&
-                        openCount === 1 &&
-                        prevState.openIndexes.includes(index)
-                        ? prevState.openIndexes
-                        : prevState.openIndexes.filter(i => i !== index)
-                };
-            });
-        };
-        this.open = (index) => {
-            this.setState(prevState => {
-                const openIndexes = this.props.single
-                    ? [index]
-                    : [...prevState.openIndexes, index];
-                return {
-                    openIndexes
-                };
-            });
-        };
-        this.handleItemClick = (index) => {
-            // Determine whether we are closing or opening this accordion item
-            const action = this.state.openIndexes.includes(index)
-                ? 'closing'
-                : 'opening';
-            if (action === 'closing') {
-                this.close(index);
-            }
-            else {
-                this.open(index);
-            }
-        };
-    }
-    render() {
-        return this.props.children({
-            openIndexes: this.state.openIndexes,
-            handleClick: this.handleItemClick,
-            AccordionContent
-        });
-    }
-}
-//# sourceMappingURL=Accordion.js.map

package/Accordion/Accordion.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["Accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,aAAa,MAAM,sBAAsB,CAAC;AAqBjD;;;GAGG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAmC,KAAK,CAAC,EAAE;IACtE,OAAO,CACL,oBAAC,aAAa,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAC7C,KAAK,CAAC,QAAQ,IAAI,yCAAK,CACV,CACjB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,OAAO,OAAO,SAAU,SAAQ,KAAK,CAAC,SAG5C;IAHD;;QAIW,UAAK,GAAG;YACf,WAAW,EAAE,CACX,IAAI,CAAC,KAAK,CAAC,kBAAkB,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,IAAI,CAAC,CAAC,CAC9D,CAAC,MAAM,CAAC,EAAE,CAAC,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;SAC7B,CAAC;QAEF,UAAK,GAAG,CAAC,KAAa,EAAE,EAAE;YACxB,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE;gBACxB,MAAM,SAAS,GAAG,SAAS,CAAC,WAAW,CAAC,MAAM,CAAC;gBAC/C,OAAO;oBACL,WAAW,EACT,IAAI,CAAC,KAAK,CAAC,UAAU;wBACrB,SAAS,KAAK,CAAC;wBACf,SAAS,CAAC,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC;wBACnC,CAAC,CAAC,SAAS,CAAC,WAAW;wBACvB,CAAC,CAAC,SAAS,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,KAAK,CAAC;iBACrD,CAAC;YACJ,CAAC,CAAC,CAAC;QACL,CAAC,CAAC;QAEF,SAAI,GAAG,CAAC,KAAa,EAAE,EAAE;YACvB,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE;gBACxB,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM;oBACnC,CAAC,CAAC,CAAC,KAAK,CAAC;oBACT,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;gBACtC,OAAO;oBACL,WAAW;iBACZ,CAAC;YACJ,CAAC,CAAC,CAAC;QACL,CAAC,CAAC;QAEF,oBAAe,GAAG,CAAC,KAAa,EAAE,EAAE;YAClC,kEAAkE;YAClE,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC;gBACnD,CAAC,CAAC,SAAS;gBACX,CAAC,CAAC,SAAS,CAAC;YAEd,IAAI,MAAM,KAAK,SAAS,EAAE;gBACxB,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;aACnB;iBAAM;gBACL,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;aAClB;QACH,CAAC,CAAC;IASJ,CAAC;IAPC,MAAM;QACJ,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;YACzB,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW;YACnC,WAAW,EAAE,IAAI,CAAC,eAAe;YACjC,gBAAgB;SACjB,CAAC,CAAC;IACL,CAAC;CACF"}

package/Auth/FormFields/CountriesInput.d.ts

@@ -1,16 +0,0 @@
-import React from 'react';
-import { Country } from '@jetshop/core/types';
-interface CountriesProps {
-    onChange?(e: React.FormEvent<HTMLSelectElement>): any;
-    onFocus?(e: React.FormEvent<HTMLSelectElement>): any;
-    countries: Country[];
-    name: string;
-    id?: string;
-    disabled?: boolean;
-    label?: string;
-}
-/**
- * Maps over the current channel's countries and displays them.
- */
-export declare function CountriesInput({ id, name, onChange, onFocus, countries, ...rest }: CountriesProps): React.JSX.Element;
-export {};

package/Auth/FormFields/CountriesInput.js

@@ -1,28 +0,0 @@
-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 { Field } from 'formik';
-import React from 'react';
-/**
- * Maps over the current channel's countries and displays them.
- */
-export function CountriesInput(_a) {
-    var { id, name, onChange, onFocus, countries } = _a, rest = __rest(_a, ["id", "name", "onChange", "onFocus", "countries"]);
-    return (React.createElement(Field, Object.assign({ name: name, onFocus: onFocus }, rest, { render: ({ field }) => {
-            return (React.createElement("select", Object.assign({ id: id || name }, rest, field, { onChange: (e) => {
-                    field.onChange(e);
-                    onChange && onChange(e);
-                } }),
-                countries.map((country) => (React.createElement("option", { key: country.code, value: country.code }, country.name))),
-                ";"));
-        } })));
-}
-//# sourceMappingURL=CountriesInput.js.map

package/Auth/FormFields/CountriesInput.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CountriesInput.js","sourceRoot":"","sources":["CountriesInput.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAC/B,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B;;GAEG;AACH,MAAM,UAAU,cAAc,CAAC,EAOd;QAPc,EAC7B,EAAE,EACF,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,SAAS,OAEM,EADZ,IAAI,cANsB,kDAO9B,CADQ;IAEP,OAAO,CACL,oBAAC,KAAK,kBACJ,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,IACZ,IAAI,IACR,MAAM,EAAE,CAAC,EAAE,KAAK,EAAkB,EAAE,EAAE;YACpC,OAAO,CACL,8CACE,EAAE,EAAE,EAAE,IAAI,IAAI,IACV,IAAI,EACJ,KAAK,IACT,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;oBACd,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;oBAClB,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC,CAAC;gBAC1B,CAAC;gBAEA,SAAS,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAC1B,gCAAQ,GAAG,EAAE,OAAO,CAAC,IAAI,EAAE,KAAK,EAAE,OAAO,CAAC,IAAI,IAC3C,OAAO,CAAC,IAAI,CACN,CACV,CAAC;oBAEK,CACV,CAAC;QACJ,CAAC,IACD,CACH,CAAC;AACJ,CAAC"}

package/Auth/LogInBehavior.d.ts

@@ -1,22 +0,0 @@
-import { Component, FormEvent, ReactNode } from 'react';
-export interface LogInState {
-    email: string;
-    password: string;
-}
-export interface LogInBehaviorProps {
-    children: (value: {
-        onSubmit: (email: string, password: string, login: any) => void;
-        updateEmail: (event: FormEvent<HTMLInputElement>) => void;
-        updatePassword: (event: FormEvent<HTMLInputElement>) => void;
-    } & LogInState) => ReactNode;
-}
-export default class LogInBehavior extends Component<LogInBehaviorProps, LogInState> {
-    state: {
-        email: string;
-        password: string;
-    };
-    onSubmit: (email: string, password: string, login: any) => void;
-    updateEmail: (event: FormEvent<HTMLInputElement>) => void;
-    updatePassword: (event: FormEvent<HTMLInputElement>) => void;
-    render(): ReactNode;
-}

package/Auth/LogInBehavior.js

@@ -1,24 +0,0 @@
-import { Component } from 'react';
-export default class LogInBehavior extends Component {
-    constructor() {
-        super(...arguments);
-        this.state = {
-            email: '',
-            password: ''
-        };
-        this.onSubmit = (email, password, login) => {
-            login(email, password);
-        };
-        this.updateEmail = (event) => this.setState({
-            email: event.currentTarget.value
-        });
-        this.updatePassword = (event) => this.setState({
-            password: event.currentTarget.value
-        });
-    }
-    render() {
-        const { children } = this.props;
-        return children(Object.assign(Object.assign({}, this.state), { onSubmit: this.onSubmit, updateEmail: this.updateEmail, updatePassword: this.updatePassword }));
-    }
-}
-//# sourceMappingURL=LogInBehavior.js.map

package/Auth/LogInBehavior.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LogInBehavior.js","sourceRoot":"","sources":["LogInBehavior.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAwB,MAAM,OAAO,CAAC;AAiBxD,MAAM,CAAC,OAAO,OAAO,aAAc,SAAQ,SAG1C;IAHD;;QAIE,UAAK,GAAG;YACN,KAAK,EAAE,EAAE;YACT,QAAQ,EAAE,EAAE;SACb,CAAC;QAEF,aAAQ,GAAG,CAAC,KAAa,EAAE,QAAgB,EAAE,KAAU,EAAE,EAAE;YACzD,KAAK,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;QACzB,CAAC,CAAC;QAEF,gBAAW,GAAG,CAAC,KAAkC,EAAE,EAAE,CACnD,IAAI,CAAC,QAAQ,CAAC;YACZ,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,KAAK;SACjC,CAAC,CAAC;QACL,mBAAc,GAAG,CAAC,KAAkC,EAAE,EAAE,CACtD,IAAI,CAAC,QAAQ,CAAC;YACZ,QAAQ,EAAE,KAAK,CAAC,aAAa,CAAC,KAAK;SACpC,CAAC,CAAC;IAWP,CAAC;IATC,MAAM;QACJ,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAChC,OAAO,QAAQ,iCACV,IAAI,CAAC,KAAK,KACb,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,cAAc,EAAE,IAAI,CAAC,cAAc,IACnC,CAAC;IACL,CAAC;CACF"}

package/Auth/LogInFormProvider.d.ts

@@ -1,7 +0,0 @@
-import React, { FC } from 'react';
-declare const LogInFormProvider: FC<{
-    children: (props: any) => React.ReactNode;
-    redirect?: string;
-    initialEmail?: string;
-}>;
-export default LogInFormProvider;

package/Auth/LogInFormProvider.js

@@ -1,70 +0,0 @@
-import React, { useState } from 'react';
-import { Formik, Form } from 'formik';
-import { useLoginMutation } from '@jetshop/core/hooks/useLoginMutation';
-import validate from './logInValidator';
-import t from '@jetshop/intl';
-import { useLoginRedirect } from '@jetshop/core/hooks/useLoginRedirect';
-import { Redirect } from 'react-router';
-import useAuth from '@jetshop/core/components/AuthContext/useAuth';
-import { useShopConfig } from '@jetshop/core/hooks/useShopConfig';
-import { trackLoginEvent } from '@jetshop/core/analytics/tracking';
-import { useTracker } from '@jetshop/core/analytics/Analytics';
-import { useCartId } from '@jetshop/core/components/Cart/CartIdContext';
-const LogInFormProvider = ({ children, redirect, initialEmail = '' }) => {
-    const { getRedirectUrl } = useLoginRedirect();
-    const { loggedIn } = useAuth();
-    const { loginMutation } = useLoginMutation();
-    const { routes, useIndefinitelySavedCart } = useShopConfig();
-    const { cartId } = useCartId();
-    const track = useTracker();
-    const [disabledByTimeout, setDisabledByTimeout] = useState(false);
-    function triggerLoginFailed(globalError) {
-        if (!globalError)
-            return;
-        const unableToLoginCustomerError = globalError.find(({ extensions }) => extensions.code === 'UnableToLoginCustomer');
-        const timeOutLength = unableToLoginCustomerError === null || unableToLoginCustomerError === void 0 ? void 0 : unableToLoginCustomerError.extensions.data.tryAgainIn;
-        if (timeOutLength) {
-            setDisabledByTimeout(true);
-            setTimeout(() => {
-                setDisabledByTimeout(false);
-            }, timeOutLength);
-        }
-    }
-    redirect = redirect ? redirect : routes.myPages.path;
-    return (React.createElement(Formik, { validate: validate, initialValues: Object.assign({ email: initialEmail, password: '' }, (useIndefinitelySavedCart && { cartId })), onSubmit: (values, actions) => {
-            loginMutation({
-                variables: values
-            }).then(() => {
-                // Track user login in GTAG
-                track(trackLoginEvent());
-                const returnUrlPromise = getRedirectUrl();
-                if (returnUrlPromise) {
-                    returnUrlPromise.then((returnUrl) => {
-                        if (returnUrl) {
-                            window.location.href = returnUrl;
-                        }
-                        else {
-                            actions.setSubmitting(false);
-                        }
-                    });
-                }
-                else {
-                    actions.setSubmitting(false);
-                }
-            }, (error) => {
-                actions.setSubmitting(false);
-                actions.setErrors(error);
-                actions.setStatus({
-                    globalError: t('Login failed. Please try again')
-                });
-                triggerLoginFailed(error.graphQLErrors);
-            });
-        }, render: (props) => {
-            var _a;
-            return (React.createElement(React.Fragment, null,
-                !props.isSubmitting && loggedIn && React.createElement(Redirect, { to: redirect }),
-                React.createElement(Form, null, children(Object.assign(Object.assign({}, props), { isValid: !disabledByTimeout || props.isValid, globalError: (_a = props === null || props === void 0 ? void 0 : props.status) === null || _a === void 0 ? void 0 : _a.globalError })))));
-        } }));
-};
-export default LogInFormProvider;
-//# sourceMappingURL=LogInFormProvider.js.map

package/Auth/LogInFormProvider.js.map

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

package/Auth/LogOut.d.ts

@@ -1,10 +0,0 @@
-import { Customer } from '@jetshop/core/types';
-import { ApolloClient } from '@apollo/client';
-import React, { ButtonHTMLAttributes } from 'react';
-export interface LogOutProps extends ButtonHTMLAttributes<HTMLButtonElement> {
-    updateCustomer: (customer?: Customer) => void;
-    client: ApolloClient<any>;
-    updateLoggedIn(token?: string): void;
-}
-declare function LogOut(props: LogOutProps): React.JSX.Element;
-export default LogOut;

package/Auth/LogOut.js

@@ -1,24 +0,0 @@
-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 from 'react';
-import useAuth from '@jetshop/core/components/AuthContext/useAuth';
-function LogOut(props) {
-    const { logOut } = useAuth();
-    const logout = (event) => {
-        logOut();
-        this.props.onClick && this.props.onClick(event);
-    };
-    const { children, updateLoggedIn, client } = props, rest = __rest(props, ["children", "updateLoggedIn", "client"]);
-    return (React.createElement("button", Object.assign({}, rest, { onClick: logout }), children));
-}
-export default LogOut;
-//# sourceMappingURL=LogOut.js.map

package/Auth/LogOut.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LogOut.js","sourceRoot":"","sources":["LogOut.tsx"],"names":[],"mappings":";;;;;;;;;;;AAEA,OAAO,KAA+B,MAAM,OAAO,CAAC;AACpD,OAAO,OAAO,MAAM,8CAA8C,CAAC;AAOnE,SAAS,MAAM,CAAC,KAAkB;IAChC,MAAM,EAAE,MAAM,EAAE,GAAG,OAAO,EAAE,CAAC;IAE7B,MAAM,MAAM,GAAG,CAAC,KAA0C,EAAE,EAAE;QAC5D,MAAM,EAAE,CAAC;QACT,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IAClD,CAAC,CAAC;IAEF,MAAM,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAArD,wCAA6C,CAAQ,CAAC;IAC5D,OAAO,CACL,gDAAY,IAAI,IAAE,OAAO,EAAE,MAAM,KAC9B,QAAQ,CACF,CACV,CAAC;AACJ,CAAC;AAED,eAAe,MAAM,CAAC"}

package/Auth/logInValidator.d.ts

@@ -1,10 +0,0 @@
-declare const validate: (values: {
-    email: string;
-    password: string;
-    cartId?: string;
-}) => {
-    email?: string;
-    password?: string;
-    cartId?: string;
-};
-export default validate;

package/Auth/logInValidator.js

@@ -1,16 +0,0 @@
-import t from 'format-message';
-const validate = (values) => {
-    const errors = {};
-    if (!values.email) {
-        errors.email = t('Required');
-    }
-    else if (!/^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,24}$/i.test(values.email)) {
-        errors.email = t('Invalid email address');
-    }
-    if (!values.password) {
-        errors.password = t('Required');
-    }
-    return errors;
-};
-export default validate;
-//# sourceMappingURL=logInValidator.js.map

package/Auth/logInValidator.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"logInValidator.js","sourceRoot":"","sources":["logInValidator.tsx"],"names":[],"mappings":"AAAA,OAAO,CAAC,MAAM,gBAAgB,CAAC;AAE/B,MAAM,QAAQ,GAAG,CAAC,MAIjB,EAAE,EAAE;IACH,MAAM,MAAM,GAA2D,EAAE,CAAC;IAE1E,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE;QACjB,MAAM,CAAC,KAAK,GAAG,CAAC,CAAC,UAAU,CAAC,CAAC;KAC9B;SAAM,IAAI,CAAC,4CAA4C,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE;QAC3E,MAAM,CAAC,KAAK,GAAG,CAAC,CAAC,uBAAuB,CAAC,CAAC;KAC3C;IACD,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE;QACpB,MAAM,CAAC,QAAQ,GAAG,CAAC,CAAC,UAAU,CAAC,CAAC;KACjC;IACD,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AACF,eAAe,QAAQ,CAAC"}