@wayke-se/components-react 3.0.0-beta.10 → 3.0.0-beta.11

package/dist-src/components/Sphere/Sphere.js

@@ -1,21 +0,0 @@
-import React from 'react';
-import SphereViewer from './SphereViewer';
-import { ImageFull } from '../Gallery/wrapper';
-import MediaButton from '../Gallery/MediaButton';
-const onMediaClick = (e, func) => {
-    e.stopPropagation();
-    e.preventDefault();
-    func();
-};
-const Sphere = ({ url, preview, visible, onDisableNavigation, navigationDisabled }) => {
-    if (!visible || (!navigationDisabled && visible)) {
-        return (React.createElement(React.Fragment, null,
-            React.createElement(ImageFull, { src: preview, alt: "alt" }),
-            React.createElement(MediaButton, { text: "Starta 360\u00B0 interi\u00F6rt", onClick: (e) => onMediaClick(e, onDisableNavigation) })));
-    }
-    if (navigationDisabled && visible) {
-        return (React.createElement(SphereViewer, { id: url, preview: url, src: url, autoLoad: true, onStart: onDisableNavigation }));
-    }
-    return null;
-};
-export default Sphere;

package/dist-src/components/Sphere/SphereLightbox.js

@@ -1,4 +0,0 @@
-import React from 'react';
-import SphereViewer from './SphereViewer';
-const SphereLightbox = ({ url }) => React.createElement(SphereViewer, { id: url, src: url, preview: url });
-export default SphereLightbox;

package/dist-src/components/Sphere/SphereViewer.js

@@ -1,54 +0,0 @@
-import React, { lazy, useState, useEffect } from 'react';
-import { Wrapper } from './wrapper';
-import Loader from '../Loader/index';
-const ReactPannellum = lazy(() => import('react-pannellum'));
-const config = {
-    type: 'equirectangular',
-    autoRotate: -2,
-    autoLoad: true,
-    uiText: {
-        bylineLabel: 'by %s',
-        noPanoramaError: 'No panorama image was specified.',
-        fileAccessError: 'The file %s could not be accessed.',
-        malformedURLError: 'There is something wrong with the panorama URL.',
-        iOS8WebGLError: "Due to iOS 8's broken WebGL implementation, only progressive encoded JPEGs work for your device (this panorama uses standard encoding).",
-        genericWebGLError: 'Your browser does not have the necessary WebGL support to display this panorama.',
-        textureSizeError: "This panorama is too big for your device! It's %spx wide, but your device only supports images up to %spx wide. Try another device. (If you're the author, try scaling down the image.)",
-        unknownError: 'Unknown error. Check developer console.',
-        loadButtonLabel: 'Starta 360° interiört',
-        loadingLabel: 'Laddar...',
-    },
-    preview: '/images/placeholders/placeholder_product_card.jpg',
-    compass: true,
-    showZoomCtrl: true,
-    keyboardZoom: false,
-    mouseZoom: false,
-    hfov: 180,
-};
-const style = {
-    height: 0,
-    width: '100%',
-    paddingBottom: '66.666%',
-    touchAction: 'manipulation',
-};
-const SphereViewer = ({ id, src, preview, autoLoad, onStart }) => {
-    const [number] = useState(Math.floor(100000000 + Math.random() * 900000000));
-    useEffect(() => {
-        setTimeout(() => {
-            if (onStart) {
-                const startBtn = document.querySelector('.pnlm-load-button');
-                if (startBtn)
-                    startBtn.addEventListener('click', onStart);
-            }
-        }, 100);
-    }, []);
-    const c = {
-        ...config,
-        preview,
-        autoLoad,
-    };
-    return (React.createElement(Wrapper, null,
-        React.createElement(React.Suspense, { fallback: React.createElement(Loader, null) },
-            React.createElement(ReactPannellum, { id: `a-${id}-${number}`, sceneId: src, imageSource: src, config: c, style: style }))));
-};
-export default SphereViewer;

package/dist-src/components/SwitchBar/index.js

@@ -1,23 +0,0 @@
-import React, { useState, useCallback } from 'react';
-import { Wrapper, Header, Body, Info, Action, InfoContent, InfoBtn, Title } from './wrapper';
-import Modal from '../Modal/index';
-import { ButtonInline } from '../Button/index';
-import { IconInfo } from '../Icon/index';
-const SwitchBar = ({ title, body, actionTitle, children, onClick }) => {
-    const [info, setInfo] = useState(false);
-    const onToggleInfo = useCallback(() => setInfo(!info), [info]);
-    return (React.createElement(React.Fragment, null,
-        React.createElement(Wrapper, null,
-            React.createElement(Header, null,
-                React.createElement(Info, null,
-                    React.createElement(InfoContent, null,
-                        React.createElement(Title, null, title)),
-                    children && (React.createElement(InfoContent, null,
-                        React.createElement(InfoBtn, { onClick: onToggleInfo, title: "Mer information" },
-                            React.createElement(IconInfo, { block: true }))))),
-                actionTitle && (React.createElement(Action, null,
-                    React.createElement(ButtonInline, { onClick: onClick, title: actionTitle }, actionTitle)))),
-            body && React.createElement(Body, null, body)),
-        info && (React.createElement(Modal, { title: title, onClose: onToggleInfo }, children))));
-};
-export default SwitchBar;

package/dist-src/components/Tabs/index.js

@@ -1,6 +0,0 @@
-import * as React from 'react';
-import { Action, Item, List, Wrapper } from './wrapper';
-const Tabs = ({ tabs, active, onClick }) => (React.createElement(Wrapper, null,
-    React.createElement(List, null, tabs.map((tab) => (React.createElement(Item, { key: tab.name },
-        React.createElement(Action, { title: tab.displayName, onClick: onClick ? () => onClick(tab.name) : undefined, active: tab.name === active ? 'true' : undefined }, tab.displayName)))))));
-export default Tabs;

package/dist-src/components/ThreeSixty/Rotation.js

@@ -1,95 +0,0 @@
-import React, { useState, useEffect, useRef, cloneElement, Children } from 'react';
-const calculateCurrentFrame = (startFrame, delta, length) => {
-    const frame = (startFrame + delta) % length;
-    if (frame < 0) {
-        return frame + length;
-    }
-    return frame;
-};
-const Rotation = ({ children }) => {
-    const startFrame = useRef(0);
-    const pointerPosition = useRef();
-    const max = useRef(0);
-    const [state, setState] = useState({
-        current: 0,
-        outsideMouseMove: false,
-    });
-    useEffect(() => {
-        document.addEventListener('mouseup', touchEnd);
-        return () => {
-            window.document.removeEventListener('mouseup', touchEnd);
-            window.document.body.removeEventListener('mousemove', mouseMove);
-            window.document.body.removeEventListener('mouseup', mouseUp);
-        };
-    }, []);
-    const touchMove = (event) => {
-        const notTouched = typeof pointerPosition.current !== 'number';
-        event.preventDefault();
-        if (notTouched) {
-            return;
-        }
-        const childCount = Children.count(children);
-        const { offsetWidth } = event.currentTarget;
-        const pointer = calculatePointerPosition(event);
-        const max = offsetWidth;
-        const offset = pointer - (pointerPosition.current || 0);
-        const delta = Math.floor((offset / max) * childCount);
-        setCurrentFrame(calculateCurrentFrame(startFrame.current, delta, childCount));
-    };
-    const mouseMove = (event) => {
-        const notTouched = typeof pointerPosition.current !== 'number';
-        event.preventDefault();
-        if (notTouched || !state.outsideMouseMove)
-            return;
-        const childCount = Children.count(children);
-        const pointer = calculatePointerPosition(event);
-        const offset = pointer - (pointerPosition.current || 0);
-        const delta = Math.floor((offset / max.current) * childCount);
-        setCurrentFrame(calculateCurrentFrame(startFrame.current, delta, childCount));
-    };
-    const mouseUp = () => {
-        window.document.body.removeEventListener('mousemove', mouseMove);
-        window.document.body.removeEventListener('mouseup', mouseUp);
-        pointerPosition.current = undefined;
-        startFrame.current = 0;
-    };
-    const touchStart = (event) => {
-        event.preventDefault();
-        pointerPosition.current = calculatePointerPosition(event);
-        startFrame.current = state.current;
-        const { offsetWidth } = event.currentTarget;
-        max.current = offsetWidth;
-        window.document.body.addEventListener('mousemove', mouseMove);
-        window.document.body.addEventListener('mouseup', mouseUp);
-    };
-    const touchEnd = (event) => {
-        event.preventDefault();
-        pointerPosition.current = undefined;
-        startFrame.current = 0;
-    };
-    const onMouseEnter = () => {
-        if (state.outsideMouseMove)
-            setState({ ...state, outsideMouseMove: false });
-    };
-    const onMouseLeave = () => {
-        if (!state.outsideMouseMove)
-            setState({ ...state, outsideMouseMove: true });
-    };
-    const setCurrentFrame = (current) => {
-        if (current !== state.current) {
-            setState({ ...state, current });
-        }
-    };
-    const calculatePointerPosition = (event) => {
-        const { clientX } = event.type.indexOf('touch') === 0 ? event.changedTouches[0] : event;
-        const { offsetLeft } = event.currentTarget;
-        return clientX - offsetLeft;
-    };
-    return (React.createElement("div", { onTouchStart: touchStart, onTouchMove: touchMove, onTouchEnd: touchEnd, onMouseDown: touchStart, onMouseMove: touchMove, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave }, Children.map(children, (child, i) => cloneElement(child, {
-        style: {
-            width: '100%',
-            display: state.current === i ? 'block' : 'none',
-        },
-    }))));
-};
-export default Rotation;

package/dist-src/components/ThreeSixty/ThreeSixtLightbox.js

@@ -1,15 +0,0 @@
-import React, { useState, useCallback } from 'react';
-import { Item, Img } from '../Lightbox/wrapper';
-import MediaButton from '../Gallery/MediaButton';
-import Rotation from './Rotation';
-const ThreeSixtyLightbox = ({ urls }) => {
-    const [started, setStarted] = useState(false);
-    const onStart = useCallback(() => setStarted(true), []);
-    if (!started) {
-        return (React.createElement(Item, null,
-            React.createElement(Img, { src: urls[0], alt: "alt" }),
-            React.createElement(MediaButton, { text: "Starta 360\u00B0 exteri\u00F6rt", onClick: onStart })));
-    }
-    return (React.createElement(Rotation, null, urls.map((image, i) => (React.createElement(Img, { key: image, src: image, alt: `Bild ${i + 1}` })))));
-};
-export default ThreeSixtyLightbox;

package/dist-src/components/ThreeSixty/ThreeSixty.js

@@ -1,25 +0,0 @@
-import React from 'react';
-import { Image } from '../Gallery/wrapper';
-import MediaButton from '../Gallery/MediaButton';
-import Rotation from './Rotation';
-const onMediaClick = (e, func) => {
-    e.stopPropagation();
-    e.preventDefault();
-    func();
-};
-const ThreeSixty = ({ urls, visible, onDisableNavigation, navigationDisabled }) => {
-    if (!visible || (!navigationDisabled && visible)) {
-        return (React.createElement(React.Fragment, null,
-            React.createElement(Image, { src: urls[0], alt: "alt" }),
-            React.createElement(MediaButton, { text: "Starta 360\u00B0 exteri\u00F6rt", onClick: (e) => onMediaClick(e, onDisableNavigation) })));
-    }
-    if (navigationDisabled && visible) {
-        return (React.createElement("div", { onClick: (e) => {
-                e.stopPropagation();
-                e.preventDefault();
-            } },
-            React.createElement(Rotation, null, urls.map((image, i) => (React.createElement(Image, { key: image, src: image, alt: `Bild ${i + 1}` }))))));
-    }
-    return null;
-};
-export default ThreeSixty;

package/dist-src/components/UspList/index.js

@@ -1,18 +0,0 @@
-import React from 'react';
-import { List, Item, Box, ItemSection, Action } from './wrapper';
-import { IconInfo } from '../Icon/index';
-const UspItem = ({ title, onClick }) => {
-    return (React.createElement(Item, null,
-        React.createElement(Box, null,
-            React.createElement(ItemSection, null, title),
-            onClick && (React.createElement(ItemSection, null,
-                React.createElement(Action, { onClick: onClick },
-                    React.createElement(IconInfo, { block: true })))))));
-};
-const UspList = ({ items, small }) => {
-    if (!items) {
-        return null;
-    }
-    return (React.createElement(List, { isSmall: small }, items.map((item, index) => (React.createElement(UspItem, { key: `${item.title}-${index}`, title: item.title, onClick: item.onClick })))));
-};
-export default UspList;

package/dist-src/components/Utility/index.js

@@ -1,13 +0,0 @@
-import styled from 'styled-components';
-export const UtilityTextRight = styled.div `
-  text-align: right;
-`;
-export const UtilityFontSizeSmall = styled.span `
-  font-size: 0.875rem;
-`;
-export const UtilityTextPrimary = styled.span.attrs(() => ({
-    className: 'wayke__theme wayke__color--primary-text',
-})) ``;
-export const UtilityTextBold = styled.span.attrs(() => ({
-    className: 'wayke__theme wayke__font--bold',
-})) ``;

package/dist-src/components/Video/CustomPlayer.js

@@ -1,8 +0,0 @@
-import React from 'react';
-import { Wrapper } from './wrapper';
-import Video from './Video';
-const CustomPlayer = ({ url, controls, modal, ratio = '56.25%', isPreview }) => {
-    return (React.createElement(Wrapper, { ratio: ratio, isPreview: isPreview },
-        React.createElement(Video, { key: url, modal: modal, preload: "metadata", controls: controls, width: "100%", height: "100%", src: url })));
-};
-export default CustomPlayer;

package/dist-src/components/Video/EmbeddedVideoLightbox.js

@@ -1,18 +0,0 @@
-import React from 'react';
-import YouTubePlayer from './YoutubePlayer';
-import VimeoPlayer from './VimeoPlayer';
-import CustomPlayer from '../Video/CustomPlayer';
-const ytNames = ['youtube.com', 'youtu.be'];
-const isYouTubeVideo = (url) => ytNames.some((host) => url.indexOf(host) >= 0);
-const vNames = ['vimeo.com'];
-const isVimeoVideo = (url) => vNames.some((host) => url.indexOf(host) >= 0);
-const VideoPlayer = ({ url, autoplay = false, controls = true }) => {
-    if (!url)
-        return null;
-    if (isYouTubeVideo(url))
-        return React.createElement(YouTubePlayer, { url: url, autoplay: autoplay });
-    if (isVimeoVideo(url))
-        return React.createElement(VimeoPlayer, { url: url, autoplay: autoplay });
-    return React.createElement(CustomPlayer, { ratio: "56.25%", controls: controls, url: url });
-};
-export default VideoPlayer;

package/dist-src/components/Video/EmbededVideo.js

@@ -1,38 +0,0 @@
-import React, { useState, useCallback } from 'react';
-import useThumbnail from './useThumbnail';
-import { ImageFull } from '../Gallery/wrapper';
-import MediaButton from '../Gallery/MediaButton';
-import Modal from '../Modal/index';
-import VideoPlayer from './EmbeddedVideoLightbox';
-import { onImageLoad, onImageError } from './utils';
-import CustomPlayer from '../Video/CustomPlayer';
-const GalleryEmbed = ({ src, index }) => {
-    const [modal, setModal] = useState();
-    const thumbnail = useThumbnail(src);
-    const onClick = (e) => {
-        e.stopPropagation();
-        setModal(src);
-    };
-    const onCloseModal = (e) => {
-        e.stopPropagation();
-        setModal(undefined);
-    };
-    const onError = useCallback((e) => onImageError(e, thumbnail), [thumbnail]);
-    const onLoad = useCallback((e) => onImageLoad(e, thumbnail), [thumbnail]);
-    const customVideo = src.toLowerCase().endsWith('.mp4');
-    if (thumbnail?.length && !customVideo) {
-        return (React.createElement(React.Fragment, null,
-            React.createElement(ImageFull, { onLoad: onLoad, src: thumbnail[0], onError: onError, alt: `Bild ${index + 1}` }),
-            React.createElement(MediaButton, { text: "Spela video", onClick: onClick }),
-            modal && (React.createElement(Modal, { title: "Video", onClose: onCloseModal },
-                React.createElement(VideoPlayer, { url: modal })))));
-    }
-    if (customVideo)
-        return (React.createElement(React.Fragment, null,
-            React.createElement(CustomPlayer, { ratio: "66.66%", isPreview: true, controls: false, url: src }),
-            React.createElement(MediaButton, { text: "Spela video", onClick: onClick }),
-            modal && (React.createElement(Modal, { title: "Video", onClose: onCloseModal },
-                React.createElement(VideoPlayer, { url: modal })))));
-    return null;
-};
-export default GalleryEmbed;

package/dist-src/components/Video/QuickNavEmbeded.js

@@ -1,17 +0,0 @@
-import React, { useCallback } from 'react';
-import useThumbnail from './useThumbnail';
-import { QuickNavImg } from '../Gallery/wrapper';
-import { onImageLoad, onImageError } from './utils';
-import CustomPlayer from '../Video/CustomPlayer';
-const QuickNavEmbeded = ({ src, index }) => {
-    const thumbnail = useThumbnail(src);
-    const onError = useCallback((e) => onImageError(e, thumbnail), [thumbnail]);
-    const onLoad = useCallback((e) => onImageLoad(e, thumbnail), [thumbnail]);
-    const customVideo = src?.toLowerCase().endsWith('.mp4');
-    if (thumbnail?.length && !customVideo)
-        return (React.createElement(QuickNavImg, { onLoad: onLoad, src: thumbnail[0], onError: onError, alt: `Bild ${index + 1}` }));
-    if (customVideo)
-        return React.createElement(CustomPlayer, { key: index, url: src, ratio: "66.66%" });
-    return null;
-};
-export default QuickNavEmbeded;

package/dist-src/components/Video/QuickNavVideo.js

@@ -1,6 +0,0 @@
-import React from 'react';
-import CustomPlayer from './CustomPlayer';
-const QuickNavVideo = ({ src, index }) => {
-    return React.createElement(CustomPlayer, { key: index, url: src, ratio: "66.666%" });
-};
-export default QuickNavVideo;

package/dist-src/components/Video/Video.js

@@ -1,8 +0,0 @@
-import styled from 'styled-components';
-const Video = styled.video `
-  position: absolute;
-  top: 0;
-  left: 0;
-  object-fit: ${({ modal }) => (modal ? 'contain' : 'cover')};
-`;
-export default Video;

package/dist-src/components/Video/VimeoPlayer.js

@@ -1,6 +0,0 @@
-import React from 'react';
-import { getVimeoId } from './utils';
-import { Wrapper, Iframe } from './wrapper';
-const VimeoPlayer = ({ url, autoplay }) => (React.createElement(Wrapper, null,
-    React.createElement(Iframe, { src: `https://player.vimeo.com/video/${getVimeoId(url)}?${autoplay ? '&autoplay=1' : ''}&loop=0&autopause=0` })));
-export default VimeoPlayer;

package/dist-src/components/Video/YoutubePlayer.js

@@ -1,6 +0,0 @@
-import React from 'react';
-import { getYouTubeId } from './utils';
-import { Wrapper, Iframe } from './wrapper';
-const YouTubePlayer = ({ url, autoplay }) => (React.createElement(Wrapper, null,
-    React.createElement(Iframe, { src: `https://www.youtube.com/embed/${getYouTubeId(url)}?&enablejsapi=1&?rel=0${autoplay ? '&autoplay=1' : ''}` })));
-export default YouTubePlayer;

package/dist-src/components/Video/useThumbnail.js

@@ -1,25 +0,0 @@
-import { useEffect, useState } from 'react';
-import { getVimeoId, getYoutubeThumbnail } from './utils';
-import useVimeoThumbnail from '../../hooks/useVimeoThumbnail';
-const useThumbnail = (url, small) => {
-    if (url?.toLowerCase().endsWith('.mp4'))
-        return;
-    const [thumbnail, setThumbnail] = useState();
-    const vimeoId = url ? getVimeoId(url) : undefined;
-    const vimeoThumbnail = useVimeoThumbnail(vimeoId, small);
-    useEffect(() => {
-        if (url) {
-            const youtubeThumbnail = getYoutubeThumbnail(url);
-            if (youtubeThumbnail) {
-                if (small) {
-                    setThumbnail([youtubeThumbnail.mqdefault]);
-                }
-                else {
-                    setThumbnail([youtubeThumbnail.maxresdefault, youtubeThumbnail.hqdefault]);
-                }
-            }
-        }
-    }, [url]);
-    return vimeoThumbnail ? [vimeoThumbnail] : thumbnail;
-};
-export default useThumbnail;

package/dist-src/components/Video/utils.js

@@ -1,35 +0,0 @@
-export const getVimeoId = (url) => {
-    const regExp = /\/(\d+)/;
-    const match = url.match(regExp);
-    return match && match[1].length > 3 ? match[1] : '';
-};
-export const getYouTubeId = (url) => {
-    const regExp = /^.*((youtu.be\/)|(v\/)|(\/u\/\w\/)|(embed\/)|(watch\?))\??v?=?([^#\&\?]*).*/;
-    const match = url.match(regExp);
-    return match && match[7].length === 11 ? match[7] : '';
-};
-const youtubeBase = 'https://img.youtube.com/vi/';
-export const getYoutubeThumbnail = (url) => {
-    const id = getYouTubeId(url);
-    if (!id) {
-        return undefined;
-    }
-    return {
-        maxresdefault: `${youtubeBase}${id}/maxresdefault.jpg`,
-        hqdefault: `${youtubeBase}${id}/hqdefault.jpg`,
-        mqdefault: `${youtubeBase}${id}/mqdefault.jpg`,
-    };
-};
-export const onImageLoad = (e, thumbnail) => {
-    if (thumbnail?.length === 2 &&
-        e.currentTarget.src === thumbnail[0] &&
-        e.currentTarget.naturalWidth === 120 &&
-        e.currentTarget.naturalHeight === 90) {
-        e.currentTarget.src = thumbnail[1];
-    }
-};
-export const onImageError = (e, thumbnail) => {
-    if (thumbnail?.length === 2) {
-        e.currentTarget.src = thumbnail[1];
-    }
-};

package/dist-src/components/Video/wrapper.js

@@ -1,19 +0,0 @@
-import styled from 'styled-components';
-export const Wrapper = styled.div `
-  position: relative;
-  width: 100%;
-  height: ${(props) => (props.isPreview ? '100%' : 0)};
-  padding-bottom: ${(props) => (props.ratio ? props.ratio : '56.25%')};
-`;
-export const Iframe = styled.iframe.attrs(() => ({
-    width: '100%',
-    height: '100%',
-    allowFullScreen: true,
-    frameBorder: '0',
-})) `
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-`;

package/dist-src/hooks/useFetch.js

@@ -1,69 +0,0 @@
-import { useEffect, useState, useCallback } from 'react';
-const cache = {};
-const getCachedResult = (key) => cache?.[key] || undefined;
-const setCachedResult = (key, value) => {
-    cache[key] = value;
-};
-/**
- * Reusing already fired request by attaching to same promise.
- * Usefull if multiple request is fetching from same endpoint, while
- * the first request has not been finished (so no cache exist yet).
- */
-let pendingPromise = {};
-const isPendingPromise = (url) => !!pendingPromise[url];
-const setPendingPromise = (url, promise) => {
-    pendingPromise = {
-        ...pendingPromise,
-        [url]: promise,
-    };
-};
-const clearPendingPromise = (url) => {
-    delete pendingPromise[url];
-};
-const useFetch = (path, options, skip, promiseCache) => {
-    const [data, setData] = useState();
-    const [loading, setLoading] = useState(false);
-    const [error, setError] = useState(false);
-    const doFetch = useCallback(async () => {
-        const key = path.toString();
-        const cached = getCachedResult(key);
-        setError(false);
-        if (cached) {
-            setData(cached);
-            return;
-        }
-        setLoading(true);
-        try {
-            const reusePromise = promiseCache && isPendingPromise(key);
-            const request = reusePromise ? pendingPromise[key] : fetch(path, options);
-            if (promiseCache) {
-                setPendingPromise(key, request);
-            }
-            const result = await request;
-            if (result.ok) {
-                const json = await result.clone().json();
-                setCachedResult(key, json);
-                setData(json);
-            }
-        }
-        catch (e) {
-            setError(true);
-        }
-        finally {
-            setLoading(false);
-            clearPendingPromise(key);
-        }
-        return;
-    }, [path, options]);
-    useEffect(() => {
-        if (!skip) {
-            doFetch();
-        }
-    }, [path, skip]);
-    return {
-        loading,
-        data,
-        error,
-    };
-};
-export default useFetch;

package/dist-src/hooks/useHasBeenVisible.js

@@ -1,13 +0,0 @@
-import { useEffect, useState } from 'react';
-import useOnScreen from './useOnScreen';
-const useHasBeenVisible = (ref) => {
-    const isVisible = useOnScreen(ref);
-    const [hasBeenVisible, setHasBeenVisible] = useState(false);
-    useEffect(() => {
-        if (isVisible && !hasBeenVisible) {
-            setHasBeenVisible(true);
-        }
-    }, [isVisible]);
-    return hasBeenVisible;
-};
-export default useHasBeenVisible;

package/dist-src/hooks/useHashGuid.js

@@ -1,28 +0,0 @@
-import { useState, useEffect } from 'react';
-const regexGuid = /^[0-9a-f]{8}-[0-9a-f]{4}-[0-5][0-9a-f]{3}-[089ab][0-9a-f]{3}-[0-9a-f]{12}$/i;
-const HASH_CHANGE = 'hashchange';
-const getGuid = () => {
-    const guid = window.location.hash.substr(1, window.location.hash.length);
-    return regexGuid.test(guid) || !guid ? guid : undefined;
-};
-const useHashGuid = () => {
-    const [id, setId] = useState(() => getGuid());
-    const onHashChange = () => {
-        const guid = window.location.hash.substr(1, window.location.hash.length);
-        if (regexGuid.test(guid) || !guid) {
-            setId(window.location.hash.substr(1, window.location.hash.length));
-        }
-        else {
-            throw 'Invalid Guid';
-        }
-    };
-    useEffect(() => {
-        onHashChange();
-        window.addEventListener(HASH_CHANGE, onHashChange);
-        return () => {
-            window.removeEventListener(HASH_CHANGE, onHashChange);
-        };
-    }, []);
-    return id;
-};
-export default useHashGuid;

package/dist-src/hooks/useInsurance.js

@@ -1,12 +0,0 @@
-import { useQuery } from '@apollo/client';
-import INSURANCE_CALCULATION from '../queries/INSURANCE_CALCULATION';
-const useInsuranceCalculation = (id, branchId, personalNumber, drivingDistance) => useQuery(INSURANCE_CALCULATION, {
-    variables: {
-        id,
-        branch: branchId,
-        personalNumber: personalNumber,
-        drivingDistance: drivingDistance,
-    },
-    skip: personalNumber === undefined || drivingDistance === undefined || branchId === undefined,
-});
-export default useInsuranceCalculation;

package/dist-src/hooks/useLoan.js

@@ -1,12 +0,0 @@
-import { useQuery } from '@apollo/client';
-import LOAN_CALCULATION from '../queries/LOAN_CALCULATION';
-const useLoanCalculation = (id, duration, downPayment, residual) => useQuery(LOAN_CALCULATION, {
-    variables: {
-        id,
-        duration: duration,
-        downPayment: downPayment,
-        residual: residual || 0,
-    },
-    skip: duration === undefined || downPayment === undefined,
-});
-export default useLoanCalculation;

package/dist-src/hooks/useOnScreen.js

@@ -1,15 +0,0 @@
-import { useEffect, useState } from 'react';
-const useOnScreen = (ref) => {
-    const [isIntersecting, setIntersecting] = useState(false);
-    const observer = new IntersectionObserver(([entry]) => setIntersecting(entry.isIntersecting));
-    useEffect(() => {
-        if (ref.current) {
-            observer.observe(ref.current);
-        }
-        return () => {
-            observer.disconnect();
-        };
-    }, []);
-    return isIntersecting;
-};
-export default useOnScreen;