@payloadcms/ui 3.0.0-alpha.0 → 3.0.0-alpha.2

package/dist/elements/Popup/index.js

@@ -0,0 +1,193 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _windowinfo = require("@faceless-ui/window-info");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _useIntersect = require("../../hooks/useIntersect");
+const _PopupTrigger = require("./PopupTrigger");
+require("./index.scss");
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {
+        __proto__: null
+    };
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
+const baseClass = 'popup';
+const Popup = (props)=>{
+    const { boundingRef, button, buttonClassName, buttonType = 'default', caret = true, children, className, forceOpen, horizontalAlign: horizontalAlignFromProps = 'left', initActive = false, onToggleOpen, render, showOnHover = false, showScrollbar = false, size = 'medium', verticalAlign: verticalAlignFromProps = 'top' } = props;
+    const { height: windowHeight, width: windowWidth } = (0, _windowinfo.useWindowInfo)();
+    const [intersectionRef, intersectionEntry] = (0, _useIntersect.useIntersect)({
+        root: boundingRef?.current || null,
+        rootMargin: '-100px 0px 0px 0px',
+        threshold: 1
+    });
+    const contentRef = (0, _react.useRef)(null);
+    const [active, setActive] = (0, _react.useState)(initActive);
+    const [verticalAlign, setVerticalAlign] = (0, _react.useState)(verticalAlignFromProps);
+    const [horizontalAlign, setHorizontalAlign] = (0, _react.useState)(horizontalAlignFromProps);
+    const setPosition = (0, _react.useCallback)(({ horizontal = false, vertical = false })=>{
+        if (contentRef.current) {
+            const bounds = contentRef.current.getBoundingClientRect();
+            const { bottom: contentBottomPos, left: contentLeftPos, right: contentRightPos, top: contentTopPos } = bounds;
+            let boundingTopPos = 100;
+            let boundingRightPos = document.documentElement.clientWidth;
+            let boundingBottomPos = document.documentElement.clientHeight;
+            let boundingLeftPos = 0;
+            if (boundingRef?.current) {
+                ({ bottom: boundingBottomPos, left: boundingLeftPos, right: boundingRightPos, top: boundingTopPos } = boundingRef.current.getBoundingClientRect());
+            }
+            if (horizontal) {
+                if (contentRightPos > boundingRightPos && contentLeftPos > boundingLeftPos) {
+                    setHorizontalAlign('right');
+                } else if (contentLeftPos < boundingLeftPos && contentRightPos < boundingRightPos) {
+                    setHorizontalAlign('left');
+                }
+            }
+            if (vertical) {
+                if (contentTopPos < boundingTopPos && contentBottomPos < boundingBottomPos) {
+                    setVerticalAlign('bottom');
+                } else if (contentBottomPos > boundingBottomPos && contentTopPos > boundingTopPos) {
+                    setVerticalAlign('top');
+                }
+            }
+        }
+    }, [
+        boundingRef
+    ]);
+    const handleClickOutside = (0, _react.useCallback)((e)=>{
+        if (contentRef.current.contains(e.target)) {
+            return;
+        }
+        setActive(false);
+    }, [
+        contentRef
+    ]);
+    (0, _react.useEffect)(()=>{
+        setPosition({
+            horizontal: true
+        });
+    }, [
+        intersectionEntry,
+        setPosition,
+        windowWidth
+    ]);
+    (0, _react.useEffect)(()=>{
+        setPosition({
+            vertical: true
+        });
+    }, [
+        intersectionEntry,
+        setPosition,
+        windowHeight
+    ]);
+    (0, _react.useEffect)(()=>{
+        if (typeof onToggleOpen === 'function') onToggleOpen(active);
+        if (active) {
+            document.addEventListener('mousedown', handleClickOutside);
+        } else {
+            document.removeEventListener('mousedown', handleClickOutside);
+        }
+        return ()=>{
+            document.removeEventListener('mousedown', handleClickOutside);
+        };
+    }, [
+        active,
+        handleClickOutside,
+        onToggleOpen
+    ]);
+    (0, _react.useEffect)(()=>{
+        setActive(forceOpen);
+    }, [
+        forceOpen
+    ]);
+    const classes = [
+        baseClass,
+        className,
+        `${baseClass}--size-${size}`,
+        `${baseClass}--v-align-${verticalAlign}`,
+        `${baseClass}--h-align-${horizontalAlign}`,
+        active && `${baseClass}--active`,
+        showScrollbar && `${baseClass}--show-scrollbar`
+    ].filter(Boolean).join(' ');
+    return /*#__PURE__*/ _react.default.createElement("div", {
+        className: classes
+    }, /*#__PURE__*/ _react.default.createElement("div", {
+        className: `${baseClass}__trigger-wrap`
+    }, showOnHover ? /*#__PURE__*/ _react.default.createElement("div", {
+        className: `${baseClass}__on-hover-watch`,
+        onMouseEnter: ()=>setActive(true),
+        onMouseLeave: ()=>setActive(false)
+    }, /*#__PURE__*/ _react.default.createElement(_PopupTrigger.PopupTrigger, {
+        active,
+        button,
+        buttonType,
+        className: buttonClassName,
+        setActive
+    })) : /*#__PURE__*/ _react.default.createElement(_PopupTrigger.PopupTrigger, {
+        active,
+        button,
+        buttonType,
+        className: buttonClassName,
+        setActive
+    })), /*#__PURE__*/ _react.default.createElement("div", {
+        className: `${baseClass}__content`,
+        ref: contentRef
+    }, /*#__PURE__*/ _react.default.createElement("div", {
+        className: `${baseClass}__hide-scrollbar`,
+        ref: intersectionRef
+    }, /*#__PURE__*/ _react.default.createElement("div", {
+        className: `${baseClass}__scroll-container`
+    }, /*#__PURE__*/ _react.default.createElement("div", {
+        className: `${baseClass}__scroll-content`
+    }, render && render({
+        close: ()=>setActive(false)
+    }), children && children))), caret && /*#__PURE__*/ _react.default.createElement("div", {
+        className: `${baseClass}__caret`
+    })));
+};
+const _default = Popup;
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9Qb3B1cC9pbmRleC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnXG5pbXBvcnQgeyB1c2VXaW5kb3dJbmZvIH0gZnJvbSAnQGZhY2VsZXNzLXVpL3dpbmRvdy1pbmZvJ1xuaW1wb3J0IFJlYWN0LCB7IHVzZUNhbGxiYWNrLCB1c2VFZmZlY3QsIHVzZVJlZiwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCdcblxuaW1wb3J0IHR5cGUgeyBQcm9wcyB9IGZyb20gJy4vdHlwZXMnXG5cbmltcG9ydCB7IHVzZUludGVyc2VjdCB9IGZyb20gJy4uLy4uL2hvb2tzL3VzZUludGVyc2VjdCdcbmltcG9ydCB7IFBvcHVwVHJpZ2dlciB9IGZyb20gJy4vUG9wdXBUcmlnZ2VyJ1xuaW1wb3J0ICcuL2luZGV4LnNjc3MnXG5cbmNvbnN0IGJhc2VDbGFzcyA9ICdwb3B1cCdcblxuY29uc3QgUG9wdXA6IFJlYWN0LkZDPFByb3BzPiA9IChwcm9wcykgPT4ge1xuICBjb25zdCB7XG4gICAgYm91bmRpbmdSZWYsXG4gICAgYnV0dG9uLFxuICAgIGJ1dHRvbkNsYXNzTmFtZSxcbiAgICBidXR0b25UeXBlID0gJ2RlZmF1bHQnLFxuICAgIGNhcmV0ID0gdHJ1ZSxcbiAgICBjaGlsZHJlbixcbiAgICBjbGFzc05hbWUsXG4gICAgZm9yY2VPcGVuLFxuICAgIGhvcml6b250YWxBbGlnbjogaG9yaXpvbnRhbEFsaWduRnJvbVByb3BzID0gJ2xlZnQnLFxuICAgIGluaXRBY3RpdmUgPSBmYWxzZSxcbiAgICBvblRvZ2dsZU9wZW4sXG4gICAgcmVuZGVyLFxuICAgIHNob3dPbkhvdmVyID0gZmFsc2UsXG4gICAgc2hvd1Njcm9sbGJhciA9IGZhbHNlLFxuICAgIHNpemUgPSAnbWVkaXVtJyxcbiAgICB2ZXJ0aWNhbEFsaWduOiB2ZXJ0aWNhbEFsaWduRnJvbVByb3BzID0gJ3RvcCcsXG4gIH0gPSBwcm9wc1xuXG4gIGNvbnN0IHsgaGVpZ2h0OiB3aW5kb3dIZWlnaHQsIHdpZHRoOiB3aW5kb3dXaWR0aCB9ID0gdXNlV2luZG93SW5mbygpXG4gIGNvbnN0IFtpbnRlcnNlY3Rpb25SZWYsIGludGVyc2VjdGlvbkVudHJ5XSA9IHVzZUludGVyc2VjdCh7XG4gICAgcm9vdDogYm91bmRpbmdSZWY/LmN1cnJlbnQgfHwgbnVsbCxcbiAgICByb290TWFyZ2luOiAnLTEwMHB4IDBweCAwcHggMHB4JyxcbiAgICB0aHJlc2hvbGQ6IDEsXG4gIH0pXG5cbiAgY29uc3QgY29udGVudFJlZiA9IHVzZVJlZihudWxsKVxuICBjb25zdCBbYWN0aXZlLCBzZXRBY3RpdmVdID0gdXNlU3RhdGUoaW5pdEFjdGl2ZSlcbiAgY29uc3QgW3ZlcnRpY2FsQWxpZ24sIHNldFZlcnRpY2FsQWxpZ25dID0gdXNlU3RhdGUodmVydGljYWxBbGlnbkZyb21Qcm9wcylcbiAgY29uc3QgW2hvcml6b250YWxBbGlnbiwgc2V0SG9yaXpvbnRhbEFsaWduXSA9IHVzZVN0YXRlKGhvcml6b250YWxBbGlnbkZyb21Qcm9wcylcblxuICBjb25zdCBzZXRQb3NpdGlvbiA9IHVzZUNhbGxiYWNrKFxuICAgICh7IGhvcml6b250YWwgPSBmYWxzZSwgdmVydGljYWwgPSBmYWxzZSB9KSA9PiB7XG4gICAgICBpZiAoY29udGVudFJlZi5jdXJyZW50KSB7XG4gICAgICAgIGNvbnN0IGJvdW5kcyA9IGNvbnRlbnRSZWYuY3VycmVudC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKVxuXG4gICAgICAgIGNvbnN0IHtcbiAgICAgICAgICBib3R0b206IGNvbnRlbnRCb3R0b21Qb3MsXG4gICAgICAgICAgbGVmdDogY29udGVudExlZnRQb3MsXG4gICAgICAgICAgcmlnaHQ6IGNvbnRlbnRSaWdodFBvcyxcbiAgICAgICAgICB0b3A6IGNvbnRlbnRUb3BQb3MsXG4gICAgICAgIH0gPSBib3VuZHNcblxuICAgICAgICBsZXQgYm91bmRpbmdUb3BQb3MgPSAxMDBcbiAgICAgICAgbGV0IGJvdW5kaW5nUmlnaHRQb3MgPSBkb2N1bWVudC5kb2N1bWVudEVsZW1lbnQuY2xpZW50V2lkdGhcbiAgICAgICAgbGV0IGJvdW5kaW5nQm90dG9tUG9zID0gZG9jdW1lbnQuZG9jdW1lbnRFbGVtZW50LmNsaWVudEhlaWdodFxuICAgICAgICBsZXQgYm91bmRpbmdMZWZ0UG9zID0gMFxuXG4gICAgICAgIGlmIChib3VuZGluZ1JlZj8uY3VycmVudCkge1xuICAgICAgICAgIDsoe1xuICAgICAgICAgICAgYm90dG9tOiBib3VuZGluZ0JvdHRvbVBvcyxcbiAgICAgICAgICAgIGxlZnQ6IGJvdW5kaW5nTGVmdFBvcyxcbiAgICAgICAgICAgIHJpZ2h0OiBib3VuZGluZ1JpZ2h0UG9zLFxuICAgICAgICAgICAgdG9wOiBib3VuZGluZ1RvcFBvcyxcbiAgICAgICAgICB9ID0gYm91bmRpbmdSZWYuY3VycmVudC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKSlcbiAgICAgICAgfVxuXG4gICAgICAgIGlmIChob3Jpem9udGFsKSB7XG4gICAgICAgICAgaWYgKGNvbnRlbnRSaWdodFBvcyA+IGJvdW5kaW5nUmlnaHRQb3MgJiYgY29udGVudExlZnRQb3MgPiBib3VuZGluZ0xlZnRQb3MpIHtcbiAgICAgICAgICAgIHNldEhvcml6b250YWxBbGlnbigncmlnaHQnKVxuICAgICAgICAgIH0gZWxzZSBpZiAoY29udGVudExlZnRQb3MgPCBib3VuZGluZ0xlZnRQb3MgJiYgY29udGVudFJpZ2h0UG9zIDwgYm91bmRpbmdSaWdodFBvcykge1xuICAgICAgICAgICAgc2V0SG9yaXpvbnRhbEFsaWduKCdsZWZ0JylcbiAgICAgICAgICB9XG4gICAgICAgIH1cblxuICAgICAgICBpZiAodmVydGljYWwpIHtcbiAgICAgICAgICBpZiAoY29udGVudFRvcFBvcyA8IGJvdW5kaW5nVG9wUG9zICYmIGNvbnRlbnRCb3R0b21Qb3MgPCBib3VuZGluZ0JvdHRvbVBvcykge1xuICAgICAgICAgICAgc2V0VmVydGljYWxBbGlnbignYm90dG9tJylcbiAgICAgICAgICB9IGVsc2UgaWYgKGNvbnRlbnRCb3R0b21Qb3MgPiBib3VuZGluZ0JvdHRvbVBvcyAmJiBjb250ZW50VG9wUG9zID4gYm91bmRpbmdUb3BQb3MpIHtcbiAgICAgICAgICAgIHNldFZlcnRpY2FsQWxpZ24oJ3RvcCcpXG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICB9XG4gICAgfSxcbiAgICBbYm91bmRpbmdSZWZdLFxuICApXG5cbiAgY29uc3QgaGFuZGxlQ2xpY2tPdXRzaWRlID0gdXNlQ2FsbGJhY2soXG4gICAgKGUpID0+IHtcbiAgICAgIGlmIChjb250ZW50UmVmLmN1cnJlbnQuY29udGFpbnMoZS50YXJnZXQpKSB7XG4gICAgICAgIHJldHVyblxuICAgICAgfVxuXG4gICAgICBzZXRBY3RpdmUoZmFsc2UpXG4gICAgfSxcbiAgICBbY29udGVudFJlZl0sXG4gIClcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIHNldFBvc2l0aW9uKHsgaG9yaXpvbnRhbDogdHJ1ZSB9KVxuICB9LCBbaW50ZXJzZWN0aW9uRW50cnksIHNldFBvc2l0aW9uLCB3aW5kb3dXaWR0aF0pXG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBzZXRQb3NpdGlvbih7IHZlcnRpY2FsOiB0cnVlIH0pXG4gIH0sIFtpbnRlcnNlY3Rpb25FbnRyeSwgc2V0UG9zaXRpb24sIHdpbmRvd0hlaWdodF0pXG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAodHlwZW9mIG9uVG9nZ2xlT3BlbiA9PT0gJ2Z1bmN0aW9uJykgb25Ub2dnbGVPcGVuKGFjdGl2ZSlcblxuICAgIGlmIChhY3RpdmUpIHtcbiAgICAgIGRvY3VtZW50LmFkZEV2ZW50TGlzdGVuZXIoJ21vdXNlZG93bicsIGhhbmRsZUNsaWNrT3V0c2lkZSlcbiAgICB9IGVsc2Uge1xuICAgICAgZG9jdW1lbnQucmVtb3ZlRXZlbnRMaXN0ZW5lcignbW91c2Vkb3duJywgaGFuZGxlQ2xpY2tPdXRzaWRlKVxuICAgIH1cblxuICAgIHJldHVybiAoKSA9PiB7XG4gICAgICBkb2N1bWVudC5yZW1vdmVFdmVudExpc3RlbmVyKCdtb3VzZWRvd24nLCBoYW5kbGVDbGlja091dHNpZGUpXG4gICAgfVxuICB9LCBbYWN0aXZlLCBoYW5kbGVDbGlja091dHNpZGUsIG9uVG9nZ2xlT3Blbl0pXG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBzZXRBY3RpdmUoZm9yY2VPcGVuKVxuICB9LCBbZm9yY2VPcGVuXSlcblxuICBjb25zdCBjbGFzc2VzID0gW1xuICAgIGJhc2VDbGFzcyxcbiAgICBjbGFzc05hbWUsXG4gICAgYCR7YmFzZUNsYXNzfS0tc2l6ZS0ke3NpemV9YCxcbiAgICBgJHtiYXNlQ2xhc3N9LS12LWFsaWduLSR7dmVydGljYWxBbGlnbn1gLFxuICAgIGAke2Jhc2VDbGFzc30tLWgtYWxpZ24tJHtob3Jpem9udGFsQWxpZ259YCxcbiAgICBhY3RpdmUgJiYgYCR7YmFzZUNsYXNzfS0tYWN0aXZlYCxcbiAgICBzaG93U2Nyb2xsYmFyICYmIGAke2Jhc2VDbGFzc30tLXNob3ctc2Nyb2xsYmFyYCxcbiAgXVxuICAgIC5maWx0ZXIoQm9vbGVhbilcbiAgICAuam9pbignICcpXG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2IGNsYXNzTmFtZT17Y2xhc3Nlc30+XG4gICAgICA8ZGl2IGNsYXNzTmFtZT17YCR7YmFzZUNsYXNzfV9fdHJpZ2dlci13cmFwYH0+XG4gICAgICAgIHtzaG93T25Ib3ZlciA/IChcbiAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICBjbGFzc05hbWU9e2Ake2Jhc2VDbGFzc31fX29uLWhvdmVyLXdhdGNoYH1cbiAgICAgICAgICAgIG9uTW91c2VFbnRlcj17KCkgPT4gc2V0QWN0aXZlKHRydWUpfVxuICAgICAgICAgICAgb25Nb3VzZUxlYXZlPXsoKSA9PiBzZXRBY3RpdmUoZmFsc2UpfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxQb3B1cFRyaWdnZXJcbiAgICAgICAgICAgICAgey4uLnsgYWN0aXZlLCBidXR0b24sIGJ1dHRvblR5cGUsIGNsYXNzTmFtZTogYnV0dG9uQ2xhc3NOYW1lLCBzZXRBY3RpdmUgfX1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICkgOiAoXG4gICAgICAgICAgPFBvcHVwVHJpZ2dlclxuICAgICAgICAgICAgey4uLnsgYWN0aXZlLCBidXR0b24sIGJ1dHRvblR5cGUsIGNsYXNzTmFtZTogYnV0dG9uQ2xhc3NOYW1lLCBzZXRBY3RpdmUgfX1cbiAgICAgICAgICAvPlxuICAgICAgICApfVxuICAgICAgPC9kaXY+XG5cbiAgICAgIDxkaXYgY2xhc3NOYW1lPXtgJHtiYXNlQ2xhc3N9X19jb250ZW50YH0gcmVmPXtjb250ZW50UmVmfT5cbiAgICAgICAgPGRpdiBjbGFzc05hbWU9e2Ake2Jhc2VDbGFzc31fX2hpZGUtc2Nyb2xsYmFyYH0gcmVmPXtpbnRlcnNlY3Rpb25SZWZ9PlxuICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPXtgJHtiYXNlQ2xhc3N9X19zY3JvbGwtY29udGFpbmVyYH0+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT17YCR7YmFzZUNsYXNzfV9fc2Nyb2xsLWNvbnRlbnRgfT5cbiAgICAgICAgICAgICAge3JlbmRlciAmJiByZW5kZXIoeyBjbG9zZTogKCkgPT4gc2V0QWN0aXZlKGZhbHNlKSB9KX1cbiAgICAgICAgICAgICAge2NoaWxkcmVuICYmIGNoaWxkcmVufVxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuXG4gICAgICAgIHtjYXJldCAmJiA8ZGl2IGNsYXNzTmFtZT17YCR7YmFzZUNsYXNzfV9fY2FyZXRgfSAvPn1cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IFBvcHVwXG4iXSwibmFtZXMiOlsiYmFzZUNsYXNzIiwiUG9wdXAiLCJwcm9wcyIsImJvdW5kaW5nUmVmIiwiYnV0dG9uIiwiYnV0dG9uQ2xhc3NOYW1lIiwiYnV0dG9uVHlwZSIsImNhcmV0IiwiY2hpbGRyZW4iLCJjbGFzc05hbWUiLCJmb3JjZU9wZW4iLCJob3Jpem9udGFsQWxpZ24iLCJob3Jpem9udGFsQWxpZ25Gcm9tUHJvcHMiLCJpbml0QWN0aXZlIiwib25Ub2dnbGVPcGVuIiwicmVuZGVyIiwic2hvd09uSG92ZXIiLCJzaG93U2Nyb2xsYmFyIiwic2l6ZSIsInZlcnRpY2FsQWxpZ24iLCJ2ZXJ0aWNhbEFsaWduRnJvbVByb3BzIiwiaGVpZ2h0Iiwid2luZG93SGVpZ2h0Iiwid2lkdGgiLCJ3aW5kb3dXaWR0aCIsInVzZVdpbmRvd0luZm8iLCJpbnRlcnNlY3Rpb25SZWYiLCJpbnRlcnNlY3Rpb25FbnRyeSIsInVzZUludGVyc2VjdCIsInJvb3QiLCJjdXJyZW50Iiwicm9vdE1hcmdpbiIsInRocmVzaG9sZCIsImNvbnRlbnRSZWYiLCJ1c2VSZWYiLCJhY3RpdmUiLCJzZXRBY3RpdmUiLCJ1c2VTdGF0ZSIsInNldFZlcnRpY2FsQWxpZ24iLCJzZXRIb3Jpem9udGFsQWxpZ24iLCJzZXRQb3NpdGlvbiIsInVzZUNhbGxiYWNrIiwiaG9yaXpvbnRhbCIsInZlcnRpY2FsIiwiYm91bmRzIiwiZ2V0Qm91bmRpbmdDbGllbnRSZWN0IiwiYm90dG9tIiwiY29udGVudEJvdHRvbVBvcyIsImxlZnQiLCJjb250ZW50TGVmdFBvcyIsInJpZ2h0IiwiY29udGVudFJpZ2h0UG9zIiwidG9wIiwiY29udGVudFRvcFBvcyIsImJvdW5kaW5nVG9wUG9zIiwiYm91bmRpbmdSaWdodFBvcyIsImRvY3VtZW50IiwiZG9jdW1lbnRFbGVtZW50IiwiY2xpZW50V2lkdGgiLCJib3VuZGluZ0JvdHRvbVBvcyIsImNsaWVudEhlaWdodCIsImJvdW5kaW5nTGVmdFBvcyIsImhhbmRsZUNsaWNrT3V0c2lkZSIsImUiLCJjb250YWlucyIsInRhcmdldCIsInVzZUVmZmVjdCIsImFkZEV2ZW50TGlzdGVuZXIiLCJyZW1vdmVFdmVudExpc3RlbmVyIiwiY2xhc3NlcyIsImZpbHRlciIsIkJvb2xlYW4iLCJqb2luIiwiZGl2Iiwib25Nb3VzZUVudGVyIiwib25Nb3VzZUxlYXZlIiwiUG9wdXBUcmlnZ2VyIiwicmVmIiwiY2xvc2UiXSwibWFwcGluZ3MiOiJBQUFBOzs7OzsrQkErS0E7OztlQUFBOzs7NEJBOUs4QjsrREFDa0M7OEJBSW5DOzhCQUNBO1FBQ3RCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFFUCxNQUFNQSxZQUFZO0FBRWxCLE1BQU1DLFFBQXlCLENBQUNDO0lBQzlCLE1BQU0sRUFDSkMsV0FBVyxFQUNYQyxNQUFNLEVBQ05DLGVBQWUsRUFDZkMsYUFBYSxTQUFTLEVBQ3RCQyxRQUFRLElBQUksRUFDWkMsUUFBUSxFQUNSQyxTQUFTLEVBQ1RDLFNBQVMsRUFDVEMsaUJBQWlCQywyQkFBMkIsTUFBTSxFQUNsREMsYUFBYSxLQUFLLEVBQ2xCQyxZQUFZLEVBQ1pDLE1BQU0sRUFDTkMsY0FBYyxLQUFLLEVBQ25CQyxnQkFBZ0IsS0FBSyxFQUNyQkMsT0FBTyxRQUFRLEVBQ2ZDLGVBQWVDLHlCQUF5QixLQUFLLEVBQzlDLEdBQUdsQjtJQUVKLE1BQU0sRUFBRW1CLFFBQVFDLFlBQVksRUFBRUMsT0FBT0MsV0FBVyxFQUFFLEdBQUdDLElBQUFBLHlCQUFhO0lBQ2xFLE1BQU0sQ0FBQ0MsaUJBQWlCQyxrQkFBa0IsR0FBR0MsSUFBQUEsMEJBQVksRUFBQztRQUN4REMsTUFBTTFCLGFBQWEyQixXQUFXO1FBQzlCQyxZQUFZO1FBQ1pDLFdBQVc7SUFDYjtJQUVBLE1BQU1DLGFBQWFDLElBQUFBLGFBQU0sRUFBQztJQUMxQixNQUFNLENBQUNDLFFBQVFDLFVBQVUsR0FBR0MsSUFBQUEsZUFBUSxFQUFDeEI7SUFDckMsTUFBTSxDQUFDTSxlQUFlbUIsaUJBQWlCLEdBQUdELElBQUFBLGVBQVEsRUFBQ2pCO0lBQ25ELE1BQU0sQ0FBQ1QsaUJBQWlCNEIsbUJBQW1CLEdBQUdGLElBQUFBLGVBQVEsRUFBQ3pCO0lBRXZELE1BQU00QixjQUFjQyxJQUFBQSxrQkFB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

package/dist/elements/Popup/types.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9

package/dist/elements/PreviewButton/index.js

@@ -0,0 +1,129 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _reacttoastify = require("react-toastify");
+const _RenderCustomComponent = require("../../elements/RenderCustomComponent");
+const _Auth = require("../../providers/Auth");
+const _Config = require("../../providers/Config");
+const _DocumentInfo = require("../../providers/DocumentInfo");
+const _Locale = require("../../providers/Locale");
+const _Translation = require("../../providers/Translation");
+const _Button = require("../Button");
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {
+        __proto__: null
+    };
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
+const baseClass = 'preview-btn';
+const DefaultPreviewButton = ({ disabled, label, preview })=>{
+    return /*#__PURE__*/ _react.default.createElement(_Button.Button, {
+        buttonStyle: "secondary",
+        className: baseClass,
+        disabled: disabled,
+        onClick: preview,
+        size: "small"
+    }, label);
+};
+const PreviewButton = ({ CustomComponent, generatePreviewURL })=>{
+    const { id, collectionSlug, globalSlug } = (0, _DocumentInfo.useDocumentInfo)();
+    const [isLoading, setIsLoading] = (0, _react.useState)(false);
+    const { code: locale } = (0, _Locale.useLocale)();
+    const { token } = (0, _Auth.useAuth)();
+    const { routes: { api }, serverURL } = (0, _Config.useConfig)();
+    const { t } = (0, _Translation.useTranslation)();
+    const isGeneratingPreviewURL = (0, _react.useRef)(false);
+    // we need to regenerate the preview URL every time the button is clicked
+    // to do this we need to fetch the document data fresh from the API
+    // this will ensure the latest data is used when generating the preview URL
+    const preview = (0, _react.useCallback)(async ()=>{
+        if (!generatePreviewURL || isGeneratingPreviewURL.current) return;
+        isGeneratingPreviewURL.current = true;
+        try {
+            setIsLoading(true);
+            let url = `${serverURL}${api}`;
+            if (collectionSlug) url = `${url}/${collectionSlug}/${id}`;
+            if (globalSlug) url = `${url}/globals/${globalSlug}`;
+            const data = await fetch(`${url}?draft=true&locale=${locale}&fallback-locale=null`).then((res)=>res.json());
+            const previewURL = await generatePreviewURL(data, {
+                locale,
+                token
+            });
+            if (!previewURL) throw new Error();
+            setIsLoading(false);
+            isGeneratingPreviewURL.current = false;
+            window.open(previewURL, '_blank');
+        } catch (err) {
+            setIsLoading(false);
+            isGeneratingPreviewURL.current = false;
+            _reacttoastify.toast.error(t('error:previewing'));
+        }
+    }, [
+        serverURL,
+        api,
+        collectionSlug,
+        globalSlug,
+        id,
+        generatePreviewURL,
+        locale,
+        token,
+        t
+    ]);
+    return /*#__PURE__*/ _react.default.createElement(_RenderCustomComponent.RenderCustomComponent, {
+        CustomComponent: CustomComponent,
+        DefaultComponent: DefaultPreviewButton,
+        componentProps: {
+            DefaultButton: DefaultPreviewButton,
+            disabled: isLoading || !generatePreviewURL,
+            label: isLoading ? t('general:loading') : t('version:preview'),
+            preview
+        }
+    });
+};
+const _default = PreviewButton;
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9QcmV2aWV3QnV0dG9uL2luZGV4LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcbmltcG9ydCB0eXBlIHsgR2VuZXJhdGVQcmV2aWV3VVJMIH0gZnJvbSAncGF5bG9hZC9jb25maWcnXG5pbXBvcnQgdHlwZSB7IEN1c3RvbVByZXZpZXdCdXR0b25Qcm9wcywgRGVmYXVsdFByZXZpZXdCdXR0b25Qcm9wcyB9IGZyb20gJ3BheWxvYWQvdHlwZXMnXG5cbmltcG9ydCBSZWFjdCwgeyB1c2VDYWxsYmFjaywgdXNlUmVmLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgdG9hc3QgfSBmcm9tICdyZWFjdC10b2FzdGlmeSdcblxuaW1wb3J0IHsgUmVuZGVyQ3VzdG9tQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vZWxlbWVudHMvUmVuZGVyQ3VzdG9tQ29tcG9uZW50J1xuaW1wb3J0IHsgdXNlQXV0aCB9IGZyb20gJy4uLy4uL3Byb3ZpZGVycy9BdXRoJ1xuaW1wb3J0IHsgdXNlQ29uZmlnIH0gZnJvbSAnLi4vLi4vcHJvdmlkZXJzL0NvbmZpZydcbmltcG9ydCB7IHVzZURvY3VtZW50SW5mbyB9IGZyb20gJy4uLy4uL3Byb3ZpZGVycy9Eb2N1bWVudEluZm8nXG5pbXBvcnQgeyB1c2VMb2NhbGUgfSBmcm9tICcuLi8uLi9wcm92aWRlcnMvTG9jYWxlJ1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICcuLi8uLi9wcm92aWRlcnMvVHJhbnNsYXRpb24nXG5pbXBvcnQgeyBCdXR0b24gfSBmcm9tICcuLi9CdXR0b24nXG5cbmNvbnN0IGJhc2VDbGFzcyA9ICdwcmV2aWV3LWJ0bidcblxuY29uc3QgRGVmYXVsdFByZXZpZXdCdXR0b246IFJlYWN0LkZDPERlZmF1bHRQcmV2aWV3QnV0dG9uUHJvcHM+ID0gKHtcbiAgZGlzYWJsZWQsXG4gIGxhYmVsLFxuICBwcmV2aWV3LFxufSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxCdXR0b25cbiAgICAgIGJ1dHRvblN0eWxlPVwic2Vjb25kYXJ5XCJcbiAgICAgIGNsYXNzTmFtZT17YmFzZUNsYXNzfVxuICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgb25DbGljaz17cHJldmlld31cbiAgICAgIHNpemU9XCJzbWFsbFwiXG4gICAgPlxuICAgICAge2xhYmVsfVxuICAgIDwvQnV0dG9uPlxuICApXG59XG5cbnR5cGUgUHJvcHMgPSB7XG4gIEN1c3RvbUNvbXBvbmVudD86IEN1c3RvbVByZXZpZXdCdXR0b25Qcm9wc1xuICBnZW5lcmF0ZVByZXZpZXdVUkw/OiBHZW5lcmF0ZVByZXZpZXdVUkxcbn1cblxuY29uc3QgUHJldmlld0J1dHRvbjogUmVhY3QuRkM8UHJvcHM+ID0gKHsgQ3VzdG9tQ29tcG9uZW50LCBnZW5lcmF0ZVByZXZpZXdVUkwgfSkgPT4ge1xuICBjb25zdCB7IGlkLCBjb2xsZWN0aW9uU2x1ZywgZ2xvYmFsU2x1ZyB9ID0gdXNlRG9jdW1lbnRJbmZvKClcblxuICBjb25zdCBbaXNMb2FkaW5nLCBzZXRJc0xvYWRpbmddID0gdXNlU3RhdGUoZmFsc2UpXG4gIGNvbnN0IHsgY29kZTogbG9jYWxlIH0gPSB1c2VMb2NhbGUoKVxuICBjb25zdCB7IHRva2VuIH0gPSB1c2VBdXRoKClcbiAgY29uc3Qge1xuICAgIHJvdXRlczogeyBhcGkgfSxcbiAgICBzZXJ2ZXJVUkwsXG4gIH0gPSB1c2VDb25maWcoKVxuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKClcbiAgY29uc3QgaXNHZW5lcmF0aW5nUHJldmlld1VSTCA9IHVzZVJlZihmYWxzZSlcblxuICAvLyB3ZSBuZWVkIHRvIHJlZ2VuZXJhdGUgdGhlIHByZXZpZXcgVVJMIGV2ZXJ5IHRpbWUgdGhlIGJ1dHRvbiBpcyBjbGlja2VkXG4gIC8vIHRvIGRvIHRoaXMgd2UgbmVlZCB0byBmZXRjaCB0aGUgZG9jdW1lbnQgZGF0YSBmcmVzaCBmcm9tIHRoZSBBUElcbiAgLy8gdGhpcyB3aWxsIGVuc3VyZSB0aGUgbGF0ZXN0IGRhdGEgaXMgdXNlZCB3aGVuIGdlbmVyYXRpbmcgdGhlIHByZXZpZXcgVVJMXG4gIGNvbnN0IHByZXZpZXcgPSB1c2VDYWxsYmFjayhhc3luYyAoKSA9PiB7XG4gICAgaWYgKCFnZW5lcmF0ZVByZXZpZXdVUkwgfHwgaXNHZW5lcmF0aW5nUHJldmlld1VSTC5jdXJyZW50KSByZXR1cm5cbiAgICBpc0dlbmVyYXRpbmdQcmV2aWV3VVJMLmN1cnJlbnQgPSB0cnVlXG5cbiAgICB0cnkge1xuICAgICAgc2V0SXNMb2FkaW5nKHRydWUpXG5cbiAgICAgIGxldCB1cmwgPSBgJHtzZXJ2ZXJVUkx9JHthcGl9YFxuICAgICAgaWYgKGNvbGxlY3Rpb25TbHVnKSB1cmwgPSBgJHt1cmx9LyR7Y29sbGVjdGlvblNsdWd9LyR7aWR9YFxuICAgICAgaWYgKGdsb2JhbFNsdWcpIHVybCA9IGAke3VybH0vZ2xvYmFscy8ke2dsb2JhbFNsdWd9YFxuXG4gICAgICBjb25zdCBkYXRhID0gYXdhaXQgZmV0Y2goYCR7dXJsfT9kcmFmdD10cnVlJmxvY2FsZT0ke2xvY2FsZX0mZmFsbGJhY2stbG9jYWxlPW51bGxgKS50aGVuKFxuICAgICAgICAocmVzKSA9PiByZXMuanNvbigpLFxuICAgICAgKVxuICAgICAgY29uc3QgcHJldmlld1VSTCA9IGF3YWl0IGdlbmVyYXRlUHJldmlld1VSTChkYXRhLCB7IGxvY2FsZSwgdG9rZW4gfSlcbiAgICAgIGlmICghcHJldmlld1VSTCkgdGhyb3cgbmV3IEVycm9yKClcbiAgICAgIHNldElzTG9hZGluZyhmYWxzZSlcbiAgICAgIGlzR2VuZXJhdGluZ1ByZXZpZXdVUkwuY3VycmVudCA9IGZhbHNlXG4gICAgICB3aW5kb3cub3BlbihwcmV2aWV3VVJMLCAnX2JsYW5rJylcbiAgICB9IGNhdGNoIChlcnIpIHtcbiAgICAgIHNldElzTG9hZGluZyhmYWxzZSlcbiAgICAgIGlzR2VuZXJhdGluZ1ByZXZpZXdVUkwuY3VycmVudCA9IGZhbHNlXG4gICAgICB0b2FzdC5lcnJvcih0KCdlcnJvcjpwcmV2aWV3aW5nJykpXG4gICAgfVxuICB9LCBbc2VydmVyVVJMLCBhcGksIGNvbGxlY3Rpb25TbHVnLCBnbG9iYWxTbHVnLCBpZCwgZ2VuZXJhdGVQcmV2aWV3VVJMLCBsb2NhbGUsIHRva2VuLCB0XSlcblxuICByZXR1cm4gKFxuICAgIDxSZW5kZXJDdXN0b21Db21wb25lbnRcbiAgICAgIEN1c3RvbUNvbXBvbmVudD17Q3VzdG9tQ29tcG9uZW50fVxuICAgICAgRGVmYXVsdENvbXBvbmVudD17RGVmYXVsdFByZXZpZXdCdXR0b259XG4gICAgICBjb21wb25lbnRQcm9wcz17e1xuICAgICAgICBEZWZhdWx0QnV0dG9uOiBEZWZhdWx0UHJldmlld0J1dHRvbixcbiAgICAgICAgZGlzYWJsZWQ6IGlzTG9hZGluZyB8fCAhZ2VuZXJhdGVQcmV2aWV3VVJMLFxuICAgICAgICBsYWJlbDogaXNMb2FkaW5nID8gdCgnZ2VuZXJhbDpsb2FkaW5nJykgOiB0KCd2ZXJzaW9uOnByZXZpZXcnKSxcbiAgICAgICAgcHJldmlldyxcbiAgICAgIH19XG4gICAgLz5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBQcmV2aWV3QnV0dG9uXG4iXSwibmFtZXMiOlsiYmFzZUNsYXNzIiwiRGVmYXVsdFByZXZpZXdCdXR0b24iLCJkaXNhYmxlZCIsImxhYmVsIiwicHJldmlldyIsIkJ1dHRvbiIsImJ1dHRvblN0eWxlIiwiY2xhc3NOYW1lIiwib25DbGljayIsInNpemUiLCJQcmV2aWV3QnV0dG9uIiwiQ3VzdG9tQ29tcG9uZW50IiwiZ2VuZXJhdGVQcmV2aWV3VVJMIiwiaWQiLCJjb2xsZWN0aW9uU2x1ZyIsImdsb2JhbFNsdWciLCJ1c2VEb2N1bWVudEluZm8iLCJpc0xvYWRpbmciLCJzZXRJc0xvYWRpbmciLCJ1c2VTdGF0ZSIsImNvZGUiLCJsb2NhbGUiLCJ1c2VMb2NhbGUiLCJ0b2tlbiIsInVzZUF1dGgiLCJyb3V0ZXMiLCJhcGkiLCJzZXJ2ZXJVUkwiLCJ1c2VDb25maWciLCJ0IiwidXNlVHJhbnNsYXRpb24iLCJpc0dlbmVyYXRpbmdQcmV2aWV3VVJMIiwidXNlUmVmIiwidXNlQ2FsbGJhY2siLCJjdXJyZW50IiwidXJsIiwiZGF0YSIsImZldGNoIiwidGhlbiIsInJlcyIsImpzb24iLCJwcmV2aWV3VVJMIiwiRXJyb3IiLCJ3aW5kb3ciLCJvcGVuIiwiZXJyIiwidG9hc3QiLCJlcnJvciIsIlJlbmRlckN1c3RvbUNvbXBvbmVudCIsIkRlZmF1bHRDb21wb25lbnQiLCJjb21wb25lbnRQcm9wcyIsIkRlZmF1bHRCdXR0b24iXSwibWFwcGluZ3MiOiJBQUFBOzs7OzsrQkFnR0E7OztlQUFBOzs7K0RBNUZxRDsrQkFDL0I7dUNBRWdCO3NCQUNkO3dCQUNFOzhCQUNNO3dCQUNOOzZCQUNLO3dCQUNSOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFFdkIsTUFBTUEsWUFBWTtBQUVsQixNQUFNQyx1QkFBNEQsQ0FBQyxFQUNqRUMsUUFBUSxFQUNSQyxLQUFLLEVBQ0xDLE9BQU8sRUFDUjtJQUNDLHFCQUNFLDZCQUFDQyxjQUFNO1FBQ0xDLGFBQVk7UUFDWkMsV0FBV1A7UUFDWEUsVUFBVUE7UUFDVk0sU0FBU0o7UUFDVEssTUFBSztPQUVKTjtBQUdQO0FBT0EsTUFBTU8sZ0JBQWlDLENBQUMsRUFBRUMsZUFBZSxFQUFFQyxrQkFBa0IsRUFBRTtJQUM3RSxNQUFNLEVBQUVDLEVBQUUsRUFBRUMsY0FBYyxFQUFFQyxVQUFVLEVBQUUsR0FBR0MsSUFBQUEsNkJBQWU7SUFFMUQsTUFBTSxDQUFDQyxXQUFXQyxhQUFhLEdBQUdDLElBQUFBLGVBQVEsRUFBQztJQUMzQyxNQUFNLEVBQUVDLE1BQU1DLE1BQU0sRUFBRSxHQUFHQyxJQUFBQSxpQkFBUztJQUNsQyxNQUFNLEVBQUVDLEtBQUssRUFBRSxHQUFHQyxJQUFBQSxhQUFPO0lBQ3pCLE1BQU0sRUFDSkMsUUFBUSxFQUFFQyxHQUFHLEVBQUUsRUFDZkMsU0FBUyxFQUNWLEdBQUdDLElBQUFBLGlCQUFTO0lBQ2IsTUFBTSxFQUFFQyxDQUFDLEVBQUUsR0FBR0MsSUFBQUEsMkJBQWM7SUFDNUIsTUFBTUMseUJBQXlCQyxJQUFBQSxhQUFNLEVBQUM7SUFFdEMseUVBQXlFO0lBQ3pFLG1FQUFtRTtJQUNuRSwyRUFBMkU7SUFDM0UsTUFBTTVCLFVBQVU2QixJQUFBQSxrQkFBVyxFQUFDO1FBQzFCLElBQUksQ0FBQ3JCLHNCQUFzQm1CLHVCQUF1QkcsT0FBTyxFQUFFO1FBQzNESCx1QkFBdUJHLE9BQU8sR0FBRztRQUVqQyxJQUFJO1lBQ0ZoQixhQUFhO1lBRWIsSUFBSWlCLE1BQU0sQ0FBQyxFQUFFUixVQUFVLEVBQUVELElBQUksQ0FBQztZQUM5QixJQUFJWixnQkFBZ0JxQixNQUFNLENBQUMsRUFBRUEsSUFBSSxDQUFDLEVBQUVyQixlQUFlLENBQUMsRUFBRUQsR0FBRyxDQUFDO1lBQzFELElBQUlFLFlBQVlvQixNQUFNLENBQUMsRUFBRUEsSUFBSSxTQUFTLEVBQUVwQixXQUFXLENBQUM7WUFFcEQsTUFBTXFCLE9BQU8sTUFBTUMsTUFBTSxDQUFDLEVBQUVGLElBQUksbUJBQW1CLEVBQUVkLE9BQU8scUJBQXFCLENBQUMsRUFBRWlCLElBQUksQ0FDdEYsQ0FBQ0MsTUFBUUEsSUFBSUMsSUFBSTtZQUVuQixNQUFNQyxhQUFhLE1BQU03QixtQkFBbUJ3QixNQUFNO2dCQUFFZjtnQkFBUUU7WUFBTTtZQUNsRSxJQUFJLENBQUNrQixZQUFZLE1BQU0sSUFBSUM7WUFDM0J4QixhQUFhO1lBQ2JhLHVCQUF1QkcsT0FBTyxHQUFHO1lBQ2pDUyxPQUFPQyxJQUFJLENBQUNILFlBQVk7UUFDMUIsRUFBRSxPQUFPSSxLQUFLO1lBQ1ozQixhQUFhO1lBQ2JhLHVCQUF1QkcsT0FBTyxHQUFHO1lBQ2pDWSxvQkFBSyxDQUFDQyxLQUFLLENBQUNsQixFQUFFO1FBQ2hCO0lBQ0YsR0FBRztRQUFDRjtRQUFXRDtRQUFLWjtRQUFnQkM7UUFBWUY7UUFBSUQ7UUFBb0JTO1FBQVFFO1FBQU9NO0tBQUU7SUFFekYscUJBQ0UsNkJBQUNtQiw0Q0FBcUI7UUFDcEJyQyxpQkFBaUJBO1FBQ2pCc0Msa0JBQWtCaEQ7UUFDbEJpRCxnQkFBZ0I7WUFDZEMsZUFBZWxEO1lBQ2ZDLFVBQVVlLGFBQWEsQ0FBQ0w7WUFDeEJULE9BQU9jLFlBQVlZLEVBQUUscUJBQXFCQSxFQUFFO1lBQzVDekI7UUFDRjs7QUFHTjtNQUVBLFdBQWVNIn0=

package/dist/elements/PreviewSizes/index.js

@@ -0,0 +1,163 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _FileMeta = /*#__PURE__*/ _interop_require_default(require("../FileDetails/FileMeta"));
+require("./index.scss");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {
+        __proto__: null
+    };
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
+const baseClass = 'preview-sizes';
+const sortSizes = (sizes, imageSizes)=>{
+    if (!imageSizes || imageSizes.length === 0) return sizes;
+    const orderedSizes = {};
+    imageSizes.forEach(({ name })=>{
+        if (sizes[name]) {
+            orderedSizes[name] = sizes[name];
+        }
+    });
+    return orderedSizes;
+};
+const PreviewSizeCard = ({ name, active, meta, onClick, previewSrc })=>{
+    return /*#__PURE__*/ _react.default.createElement("div", {
+        className: [
+            `${baseClass}__sizeOption`,
+            active && `${baseClass}--selected`
+        ].filter(Boolean).join(' '),
+        onClick: typeof onClick === 'function' ? onClick : undefined,
+        onKeyDown: (e)=>{
+            if (typeof onClick !== 'function') return;
+            if (e.key === 'Enter') onClick();
+        },
+        role: "button",
+        tabIndex: 0
+    }, /*#__PURE__*/ _react.default.createElement("div", {
+        className: `${baseClass}__image`
+    }, /*#__PURE__*/ _react.default.createElement("img", {
+        alt: meta.filename,
+        src: previewSrc
+    })), /*#__PURE__*/ _react.default.createElement("div", {
+        className: `${baseClass}__sizeMeta`
+    }, /*#__PURE__*/ _react.default.createElement("div", {
+        className: `${baseClass}__sizeName`
+    }, name), /*#__PURE__*/ _react.default.createElement(_FileMeta.default, meta)));
+};
+const PreviewSizes = ({ doc, imageCacheTag, uploadConfig })=>{
+    const { imageSizes } = uploadConfig;
+    const { sizes } = doc;
+    const [orderedSizes, setOrderedSizes] = (0, _react.useState)(()=>sortSizes(sizes, imageSizes));
+    const [selectedSize, setSelectedSize] = (0, _react.useState)(null);
+    const generateImageUrl = (doc)=>{
+        if (!doc.filename) return null;
+        if (doc.url) return `${doc.url}${imageCacheTag ? `?${imageCacheTag}` : ''}`;
+    };
+    (0, _react.useEffect)(()=>{
+        setOrderedSizes(sortSizes(sizes, imageSizes));
+    }, [
+        sizes,
+        imageSizes,
+        imageCacheTag
+    ]);
+    const mainPreviewSrc = selectedSize ? generateImageUrl(doc.sizes[selectedSize]) : generateImageUrl(doc);
+    const originalImage = (0, _react.useMemo)(()=>({
+            filename: doc.filename,
+            filesize: doc.filesize,
+            height: doc.height,
+            mimeType: doc.mimeType,
+            url: doc.url,
+            width: doc.width
+        }), [
+        doc
+    ]);
+    const originalFilename = 'Original';
+    return /*#__PURE__*/ _react.default.createElement("div", {
+        className: baseClass
+    }, /*#__PURE__*/ _react.default.createElement("div", {
+        className: `${baseClass}__imageWrap`
+    }, /*#__PURE__*/ _react.default.createElement("div", {
+        className: `${baseClass}__meta`
+    }, /*#__PURE__*/ _react.default.createElement("div", {
+        className: `${baseClass}__sizeName`
+    }, selectedSize || originalFilename), /*#__PURE__*/ _react.default.createElement(_FileMeta.default, selectedSize ? orderedSizes[selectedSize] : originalImage)), /*#__PURE__*/ _react.default.createElement("img", {
+        alt: doc.filename,
+        className: `${baseClass}__preview`,
+        src: mainPreviewSrc
+    })), /*#__PURE__*/ _react.default.createElement("div", {
+        className: `${baseClass}__listWrap`
+    }, /*#__PURE__*/ _react.default.createElement("div", {
+        className: `${baseClass}__list`
+    }, /*#__PURE__*/ _react.default.createElement(PreviewSizeCard, {
+        active: !selectedSize,
+        meta: originalImage,
+        name: originalFilename,
+        onClick: ()=>setSelectedSize(null),
+        previewSrc: generateImageUrl(doc)
+    }), Object.entries(orderedSizes).map(([key, val])=>{
+        const selected = selectedSize === key;
+        const previewSrc = generateImageUrl(val);
+        if (previewSrc) {
+            return /*#__PURE__*/ _react.default.createElement(PreviewSizeCard, {
+                active: selected,
+                key: key,
+                meta: val,
+                name: key,
+                onClick: ()=>setSelectedSize(key),
+                previewSrc: previewSrc
+            });
+        }
+        return null;
+    }))));
+};
+const _default = PreviewSizes;
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9QcmV2aWV3U2l6ZXMvaW5kZXgudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHtcbiAgRGF0YSxcbiAgRmlsZVNpemUsXG4gIFNhbml0aXplZENvbGxlY3Rpb25Db25maWcsXG4gIFNhbml0aXplZFVwbG9hZENvbmZpZyxcbn0gZnJvbSAncGF5bG9hZC90eXBlcydcblxuaW1wb3J0IFJlYWN0LCB7IHVzZUVmZmVjdCwgdXNlTWVtbywgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCdcblxuaW1wb3J0IEZpbGVNZXRhIGZyb20gJy4uL0ZpbGVEZXRhaWxzL0ZpbGVNZXRhJ1xuaW1wb3J0ICcuL2luZGV4LnNjc3MnXG5cbmNvbnN0IGJhc2VDbGFzcyA9ICdwcmV2aWV3LXNpemVzJ1xuXG50eXBlIEZpbGVJbmZvID0gRmlsZVNpemUgJiB7XG4gIHVybDogc3RyaW5nXG59XG50eXBlIEZpbGVzU2l6ZXNXaXRoVXJsID0ge1xuICBba2V5OiBzdHJpbmddOiBGaWxlSW5mb1xufVxuXG5jb25zdCBzb3J0U2l6ZXMgPSAoc2l6ZXM6IEZpbGVzU2l6ZXNXaXRoVXJsLCBpbWFnZVNpemVzOiBTYW5pdGl6ZWRVcGxvYWRDb25maWdbJ2ltYWdlU2l6ZXMnXSkgPT4ge1xuICBpZiAoIWltYWdlU2l6ZXMgfHwgaW1hZ2VTaXplcy5sZW5ndGggPT09IDApIHJldHVybiBzaXplc1xuXG4gIGNvbnN0IG9yZGVyZWRTaXplczogRmlsZXNTaXplc1dpdGhVcmwgPSB7fVxuXG4gIGltYWdlU2l6ZXMuZm9yRWFjaCgoeyBuYW1lIH0pID0+IHtcbiAgICBpZiAoc2l6ZXNbbmFtZV0pIHtcbiAgICAgIG9yZGVyZWRTaXplc1tuYW1lXSA9IHNpemVzW25hbWVdXG4gICAgfVxuICB9KVxuXG4gIHJldHVybiBvcmRlcmVkU2l6ZXNcbn1cblxudHlwZSBQcmV2aWV3U2l6ZUNhcmRQcm9wcyA9IHtcbiAgYWN0aXZlOiBib29sZWFuXG4gIG1ldGE6IEZpbGVJbmZvXG4gIG5hbWU6IHN0cmluZ1xuICBvbkNsaWNrPzogKCkgPT4gdm9pZFxuICBwcmV2aWV3U3JjOiBzdHJpbmdcbn1cbmNvbnN0IFByZXZpZXdTaXplQ2FyZDogUmVhY3QuRkM8UHJldmlld1NpemVDYXJkUHJvcHM+ID0gKHtcbiAgbmFtZSxcbiAgYWN0aXZlLFxuICBtZXRhLFxuICBvbkNsaWNrLFxuICBwcmV2aWV3U3JjLFxufSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGNsYXNzTmFtZT17W2Ake2Jhc2VDbGFzc31fX3NpemVPcHRpb25gLCBhY3RpdmUgJiYgYCR7YmFzZUNsYXNzfS0tc2VsZWN0ZWRgXVxuICAgICAgICAuZmlsdGVyKEJvb2xlYW4pXG4gICAgICAgIC5qb2luKCcgJyl9XG4gICAgICBvbkNsaWNrPXt0eXBlb2Ygb25DbGljayA9PT0gJ2Z1bmN0aW9uJyA/IG9uQ2xpY2sgOiB1bmRlZmluZWR9XG4gICAgICBvbktleURvd249eyhlKSA9PiB7XG4gICAgICAgIGlmICh0eXBlb2Ygb25DbGljayAhPT0gJ2Z1bmN0aW9uJykgcmV0dXJuXG4gICAgICAgIGlmIChlLmtleSA9PT0gJ0VudGVyJykgb25DbGljaygpXG4gICAgICB9fVxuICAgICAgcm9sZT1cImJ1dHRvblwiXG4gICAgICB0YWJJbmRleD17MH1cbiAgICA+XG4gICAgICA8ZGl2IGNsYXNzTmFtZT17YCR7YmFzZUNsYXNzfV9faW1hZ2VgfT5cbiAgICAgICAgPGltZyBhbHQ9e21ldGEuZmlsZW5hbWV9IHNyYz17cHJldmlld1NyY30gLz5cbiAgICAgIDwvZGl2PlxuICAgICAgPGRpdiBjbGFzc05hbWU9e2Ake2Jhc2VDbGFzc31fX3NpemVNZXRhYH0+XG4gICAgICAgIDxkaXYgY2xhc3NOYW1lPXtgJHtiYXNlQ2xhc3N9X19zaXplTmFtZWB9PntuYW1lfTwvZGl2PlxuICAgICAgICA8RmlsZU1ldGEgey4uLm1ldGF9IC8+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgKVxufVxuXG5jb25zdCBQcmV2aWV3U2l6ZXM6IFJlYWN0LkZDPHtcbiAgZG9jOiBEYXRhICYge1xuICAgIHNpemVzPzogRmlsZXNTaXplc1dpdGhVcmxcbiAgfVxuICBpbWFnZUNhY2hlVGFnPzogc3RyaW5nXG4gIHVwbG9hZENvbmZpZzogU2FuaXRpemVkQ29sbGVjdGlvbkNvbmZpZ1sndXBsb2FkJ11cbn0+ID0gKHsgZG9jLCBpbWFnZUNhY2hlVGFnLCB1cGxvYWRDb25maWcgfSkgPT4ge1xuICBjb25zdCB7IGltYWdlU2l6ZXMgfSA9IHVwbG9hZENvbmZpZ1xuICBjb25zdCB7IHNpemVzIH0gPSBkb2NcblxuICBjb25zdCBbb3JkZXJlZFNpemVzLCBzZXRPcmRlcmVkU2l6ZXNdID0gdXNlU3RhdGU8RmlsZXNTaXplc1dpdGhVcmw+KCgpID0+XG4gICAgc29ydFNpemVzKHNpemVzLCBpbWFnZVNpemVzKSxcbiAgKVxuICBjb25zdCBbc2VsZWN0ZWRTaXplLCBzZXRTZWxlY3RlZFNpemVdID0gdXNlU3RhdGU8bnVsbCB8IHN0cmluZz4obnVsbClcblxuICBjb25zdCBnZW5lcmF0ZUltYWdlVXJsID0gKGRvYykgPT4ge1xuICAgIGlmICghZG9jLmZpbGVuYW1lKSByZXR1cm4gbnVsbFxuICAgIGlmIChkb2MudXJsKSByZXR1cm4gYCR7ZG9jLnVybH0ke2ltYWdlQ2FjaGVUYWcgPyBgPyR7aW1hZ2VDYWNoZVRhZ31gIDogJyd9YFxuICB9XG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgc2V0T3JkZXJlZFNpemVzKHNvcnRTaXplcyhzaXplcywgaW1hZ2VTaXplcykpXG4gIH0sIFtzaXplcywgaW1hZ2VTaXplcywgaW1hZ2VDYWNoZVRhZ10pXG5cbiAgY29uc3QgbWFpblByZXZpZXdTcmMgPSBzZWxlY3RlZFNpemVcbiAgICA/IGdlbmVyYXRlSW1hZ2VVcmwoZG9jLnNpemVzW3NlbGVjdGVkU2l6ZV0pXG4gICAgOiBnZW5lcmF0ZUltYWdlVXJsKGRvYylcblxuICBjb25zdCBvcmlnaW5hbEltYWdlID0gdXNlTWVtbyhcbiAgICAoKTogRmlsZUluZm8gPT4gKHtcbiAgICAgIGZpbGVuYW1lOiBkb2MuZmlsZW5hbWUsXG4gICAgICBmaWxlc2l6ZTogZG9jLmZpbGVzaXplLFxuICAgICAgaGVpZ2h0OiBkb2MuaGVpZ2h0LFxuICAgICAgbWltZVR5cGU6IGRvYy5taW1lVHlwZSxcbiAgICAgIHVybDogZG9jLnVybCxcbiAgICAgIHdpZHRoOiBkb2Mud2lkdGgsXG4gICAgfSksXG4gICAgW2RvY10sXG4gIClcbiAgY29uc3Qgb3JpZ2luYWxGaWxlbmFtZSA9ICdPcmlnaW5hbCdcblxuICByZXR1cm4gKFxuICAgIDxkaXYgY2xhc3NOYW1lPXtiYXNlQ2xhc3N9PlxuICAgICAgPGRpdiBjbGFzc05hbWU9e2Ake2Jhc2VDbGFzc31fX2ltYWdlV3JhcGB9PlxuICAgICAgICA8ZGl2IGNsYXNzTmFtZT17YCR7YmFzZUNsYXNzfV9fbWV0YWB9PlxuICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPXtgJHtiYXNlQ2xhc3N9X19zaXplTmFtZWB9PntzZWxlY3RlZFNpemUgfHwgb3JpZ2luYWxGaWxlbmFtZX08L2Rpdj5cbiAgICAgICAgICA8RmlsZU1ldGEgey4uLihzZWxlY3RlZFNpemUgPyBvcmRlcmVkU2l6ZXNbc2VsZWN0ZWRTaXplXSA6IG9yaWdpbmFsSW1hZ2UpfSAvPlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGltZyBhbHQ9e2RvYy5maWxlbmFtZX0gY2xhc3NOYW1lPXtgJHtiYXNlQ2xhc3N9X19wcmV2aWV3YH0gc3JjPXttYWluUHJldmlld1NyY30gLz5cbiAgICAgIDwvZGl2PlxuICAgICAgPGRpdiBjbGFzc05hbWU9e2Ake2Jhc2VDbGFzc31fX2xpc3RXcmFwYH0+XG4gICAgICAgIDxkaXYgY2xhc3NOYW1lPXtgJHtiYXNlQ2xhc3N9X19saXN0YH0+XG4gICAgICAgICAgPFByZXZpZXdTaXplQ2FyZFxuICAgICAgICAgICAgYWN0aXZlPXshc2VsZWN0ZWRTaXplfVxuICAgICAgICAgICAgbWV0YT17b3JpZ2luYWxJbWFnZX1cbiAgICAgICAgICAgIG5hbWU9e29yaWdpbmFsRmlsZW5hbWV9XG4gICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBzZXRTZWxlY3RlZFNpemUobnVsbCl9XG4gICAgICAgICAgICBwcmV2aWV3U3JjPXtnZW5lcmF0ZUltYWdlVXJsKGRvYyl9XG4gICAgICAgICAgLz5cblxuICAgICAgICAgIHtPYmplY3QuZW50cmllcyhvcmRlcmVkU2l6ZXMpLm1hcCgoW2tleSwgdmFsXSkgPT4ge1xuICAgICAgICAgICAgY29uc3Qgc2VsZWN0ZWQgPSBzZWxlY3RlZFNpemUgPT09IGtleVxuICAgICAgICAgICAgY29uc3QgcHJldmlld1NyYyA9IGdlbmVyYXRlSW1hZ2VVcmwodmFsKVxuXG4gICAgICAgICAgICBpZiAocHJldmlld1NyYykge1xuICAgICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICAgIDxQcmV2aWV3U2l6ZUNhcmRcbiAgICAgICAgICAgICAgICAgIGFjdGl2ZT17c2VsZWN0ZWR9XG4gICAgICAgICAgICAgICAgICBrZXk9e2tleX1cbiAgICAgICAgICAgICAgICAgIG1ldGE9e3ZhbH1cbiAgICAgICAgICAgICAgICAgIG5hbWU9e2tleX1cbiAgICAgICAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHNldFNlbGVjdGVkU2l6ZShrZXkpfVxuICAgICAgICAgICAgICAgICAgcHJldmlld1NyYz17cHJldmlld1NyY31cbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICApXG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgIHJldHVybiBudWxsXG4gICAgICAgICAgfSl9XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gIClcbn1cbmV4cG9ydCBkZWZhdWx0IFByZXZpZXdTaXplc1xuIl0sIm5hbWVzIjpbImJhc2VDbGFzcyIsInNvcnRTaXplcyIsInNpemVzIiwiaW1hZ2VTaXplcyIsImxlbmd0aCIsIm9yZGVyZWRTaXplcyIsImZvckVhY2giLCJuYW1lIiwiUHJldmlld1NpemVDYXJkIiwiYWN0aXZlIiwibWV0YSIsIm9uQ2xpY2siLCJwcmV2aWV3U3JjIiwiZGl2IiwiY2xhc3NOYW1lIiwiZmlsdGVyIiwiQm9vbGVhbiIsImpvaW4iLCJ1bmRlZmluZWQiLCJvbktleURvd24iLCJlIiwia2V5Iiwicm9sZSIsInRhYkluZGV4IiwiaW1nIiwiYWx0IiwiZmlsZW5hbWUiLCJzcmMiLCJGaWxlTWV0YSIsIlByZXZpZXdTaXplcyIsImRvYyIsImltYWdlQ2FjaGVUYWciLCJ1cGxvYWRDb25maWciLCJzZXRPcmRlcmVkU2l6ZXMiLCJ1c2VTdGF0ZSIsInNlbGVjdGVkU2l6ZSIsInNldFNlbGVjdGVkU2l6ZSIsImdlbmVyYXRlSW1hZ2VVcmwiLCJ1cmwiLCJ1c2VFZmZlY3QiLCJtYWluUHJldmlld1NyYyIsIm9yaWdpbmFsSW1hZ2UiLCJ1c2VNZW1vIiwiZmlsZXNpemUiLCJoZWlnaHQiLCJtaW1lVHlwZSIsIndpZHRoIiwib3JpZ2luYWxGaWxlbmFtZSIsIk9iamVjdCIsImVudHJpZXMiLCJtYXAiLCJ2YWwiLCJzZWxlY3RlZCJdLCJtYXBwaW5ncyI6Ijs7OzsrQkE0SkE7OztlQUFBOzs7K0RBckpvRDtpRUFFL0I7UUFDZDs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFFUCxNQUFNQSxZQUFZO0FBU2xCLE1BQU1DLFlBQVksQ0FBQ0MsT0FBMEJDO0lBQzNDLElBQUksQ0FBQ0EsY0FBY0EsV0FBV0MsTUFBTSxLQUFLLEdBQUcsT0FBT0Y7SUFFbkQsTUFBTUcsZUFBa0MsQ0FBQztJQUV6Q0YsV0FBV0csT0FBTyxDQUFDLENBQUMsRUFBRUMsSUFBSSxFQUFFO1FBQzFCLElBQUlMLEtBQUssQ0FBQ0ssS0FBSyxFQUFFO1lBQ2ZGLFlBQVksQ0FBQ0UsS0FBSyxHQUFHTCxLQUFLLENBQUNLLEtBQUs7UUFDbEM7SUFDRjtJQUVBLE9BQU9GO0FBQ1Q7QUFTQSxNQUFNRyxrQkFBa0QsQ0FBQyxFQUN2REQsSUFB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