payload 2.0.0-beta.24 → 2.0.0-beta.26

package/dist/admin/components/elements/EditUpload/index.js

@@ -0,0 +1,378 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "EditUpload", {
+    enumerable: true,
+    get: function() {
+        return EditUpload;
+    }
+});
+const _modal = require("@faceless-ui/modal");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _reacti18next = require("react-i18next");
+const _reactimagecrop = /*#__PURE__*/ _interop_require_default(require("react-image-crop"));
+require("react-image-crop/dist/ReactCrop.css");
+const _Plus = /*#__PURE__*/ _interop_require_default(require("../../icons/Plus"));
+const _FormQueryParams = require("../../utilities/FormQueryParams");
+const _Upload = require("../../views/collections/Edit/Upload");
+const _Button = /*#__PURE__*/ _interop_require_default(require("../Button"));
+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 = {};
+    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 = 'edit-upload';
+const Input = ({ name, onChange, value })=>/*#__PURE__*/ _react.default.createElement("div", {
+        className: `${baseClass}__input`
+    }, name, /*#__PURE__*/ _react.default.createElement("input", {
+        name: name,
+        onChange: (e)=>onChange(e.target.value),
+        type: "number",
+        value: value
+    }));
+const EditUpload = ({ fileName, fileSrc, imageCacheTag, showCrop, showFocalPoint })=>{
+    const { closeModal } = (0, _modal.useModal)();
+    const { t } = (0, _reacti18next.useTranslation)([
+        'general',
+        'upload'
+    ]);
+    const { formQueryParams, setFormQueryParams } = (0, _FormQueryParams.useFormQueryParams)();
+    const { uploadEdits } = formQueryParams || {};
+    const [crop, setCrop] = (0, _react.useState)({
+        height: uploadEdits?.crop?.height || 100,
+        unit: '%',
+        width: uploadEdits?.crop?.width || 100,
+        x: uploadEdits?.crop?.x || 0,
+        y: uploadEdits?.crop?.y || 0
+    });
+    const [pointPosition, setPointPosition] = (0, _react.useState)({
+        x: uploadEdits?.focalPoint?.x || 50,
+        y: uploadEdits?.focalPoint?.y || 50
+    });
+    const [checkBounds, setCheckBounds] = (0, _react.useState)(false);
+    const focalWrapRef = (0, _react.useRef)();
+    const imageRef = (0, _react.useRef)();
+    const cropRef = (0, _react.useRef)();
+    const originalHeight = imageRef.current ? imageRef.current.naturalHeight : 0;
+    const originalWidth = imageRef.current ? imageRef.current.naturalWidth : 0;
+    const fineTuneCrop = ({ dimension, value })=>{
+        const intValue = parseInt(value);
+        if (dimension === 'width' && intValue >= originalWidth) return null;
+        if (dimension === 'height' && intValue >= originalHeight) return null;
+        const percentage = 100 * (intValue / (dimension === 'width' ? originalWidth : originalHeight));
+        if (percentage === 100 || percentage === 0) return null;
+        setCrop({
+            ...crop,
+            [dimension]: percentage
+        });
+    };
+    const fineTuneFocalPoint = ({ coordinate, value })=>{
+        const intValue = parseInt(value);
+        if (intValue >= 0 && intValue <= 100) {
+            setPointPosition((prevPosition)=>({
+                    ...prevPosition,
+                    [coordinate]: intValue
+                }));
+        }
+    };
+    const saveEdits = ()=>{
+        setFormQueryParams({
+            ...formQueryParams,
+            uploadEdits: {
+                crop: crop ? crop : undefined,
+                focalPoint: pointPosition ? pointPosition : undefined
+            }
+        });
+        closeModal(_Upload.editDrawerSlug);
+    };
+    const onDragEnd = _react.default.useCallback(({ x, y })=>{
+        setPointPosition({
+            x,
+            y
+        });
+        setCheckBounds(false);
+    }, []);
+    const centerFocalPoint = ()=>{
+        const containerRect = focalWrapRef.current.getBoundingClientRect();
+        const boundsRect = cropRef.current.getBoundingClientRect();
+        const xCenter = (boundsRect.left - containerRect.left + boundsRect.width / 2) / containerRect.width * 100;
+        const yCenter = (boundsRect.top - containerRect.top + boundsRect.height / 2) / containerRect.height * 100;
+        setPointPosition({
+            x: xCenter,
+            y: yCenter
+        });
+    };
+    const fileSrcToUse = imageCacheTag ? `${fileSrc}?${imageCacheTag}` : fileSrc;
+    return /*#__PURE__*/ _react.default.createElement("div", {
+        className: baseClass
+    }, /*#__PURE__*/ _react.default.createElement("div", {
+        className: `${baseClass}__header`
+    }, /*#__PURE__*/ _react.default.createElement("h2", {
+        title: `${t('general:editing')} ${fileName}`
+    }, t('general:editing'), " ", fileName), /*#__PURE__*/ _react.default.createElement("div", {
+        className: `${baseClass}__actions`
+    }, /*#__PURE__*/ _react.default.createElement(_Button.default, {
+        "aria-label": t('cancel'),
+        buttonStyle: "secondary",
+        className: `${baseClass}__cancel`,
+        onClick: ()=>closeModal(_Upload.editDrawerSlug)
+    }, t('general:cancel')), /*#__PURE__*/ _react.default.createElement(_Button.default, {
+        "aria-label": t('general:applyChanges'),
+        buttonStyle: "primary",
+        className: `${baseClass}__save`,
+        onClick: ()=>saveEdits()
+    }, t('general:applyChanges')))), /*#__PURE__*/ _react.default.createElement("div", {
+        className: `${baseClass}__toolWrap`
+    }, /*#__PURE__*/ _react.default.createElement("div", {
+        className: `${baseClass}__crop`
+    }, /*#__PURE__*/ _react.default.createElement("div", {
+        className: `${baseClass}__focal-wrapper`,
+        ref: focalWrapRef,
+        style: {
+            aspectRatio: `${originalWidth / originalHeight}`
+        }
+    }, showCrop ? /*#__PURE__*/ _react.default.createElement(_reactimagecrop.default, {
+        className: `${baseClass}__reactCrop`,
+        crop: crop,
+        onChange: (_, c)=>setCrop(c),
+        onComplete: ()=>setCheckBounds(true),
+        renderSelectionAddon: ()=>{
+            return /*#__PURE__*/ _react.default.createElement("div", {
+                className: `${baseClass}__crop-window`,
+                ref: cropRef
+            });
+        }
+    }, /*#__PURE__*/ _react.default.createElement("img", {
+        alt: t('upload:setCropArea'),
+        ref: imageRef,
+        src: fileSrcToUse
+    })) : /*#__PURE__*/ _react.default.createElement("img", {
+        alt: t('upload:setFocalPoint'),
+        ref: imageRef,
+        src: fileSrcToUse
+    }), /*#__PURE__*/ _react.default.createElement(DraggableElement, {
+        boundsRef: cropRef,
+        checkBounds: checkBounds,
+        className: `${baseClass}__focalPoint`,
+        containerRef: focalWrapRef,
+        initialPosition: pointPosition,
+        onDragEnd: onDragEnd,
+        setCheckBounds: setCheckBounds
+    }, /*#__PURE__*/ _react.default.createElement(_Plus.default, null)))), (showCrop || showFocalPoint) && /*#__PURE__*/ _react.default.createElement("div", {
+        className: `${baseClass}__sidebar`
+    }, showCrop && /*#__PURE__*/ _react.default.createElement("div", {
+        className: `${baseClass}__groupWrap`
+    }, /*#__PURE__*/ _react.default.createElement("div", null, /*#__PURE__*/ _react.default.createElement("div", {
+        className: `${baseClass}__titleWrap`
+    }, /*#__PURE__*/ _react.default.createElement("h3", null, t('upload:crop')), /*#__PURE__*/ _react.default.createElement(_Button.default, {
+        buttonStyle: "none",
+        className: `${baseClass}__reset`,
+        onClick: ()=>setCrop({
+                height: 100,
+                unit: '%',
+                width: 100,
+                x: 0,
+                y: 0
+            })
+    }, t('general:reset')))), /*#__PURE__*/ _react.default.createElement("span", {
+        className: `${baseClass}__description`
+    }, t('upload:cropToolDescription')), /*#__PURE__*/ _react.default.createElement("div", {
+        className: `${baseClass}__inputsWrap`
+    }, /*#__PURE__*/ _react.default.createElement(Input, {
+        name: `${t('upload:width')} (px)`,
+        onChange: (value)=>fineTuneCrop({
+                dimension: 'width',
+                value
+            }),
+        value: (crop.width / 100 * originalWidth).toFixed(0)
+    }), /*#__PURE__*/ _react.default.createElement(Input, {
+        name: `${t('upload:height')} (px)`,
+        onChange: (value)=>fineTuneCrop({
+                dimension: 'height',
+                value
+            }),
+        value: (crop.height / 100 * originalHeight).toFixed(0)
+    }))), showFocalPoint && /*#__PURE__*/ _react.default.createElement("div", {
+        className: `${baseClass}__groupWrap`
+    }, /*#__PURE__*/ _react.default.createElement("div", null, /*#__PURE__*/ _react.default.createElement("div", {
+        className: `${baseClass}__titleWrap`
+    }, /*#__PURE__*/ _react.default.createElement("h3", null, t('upload:focalPoint')), /*#__PURE__*/ _react.default.createElement(_Button.default, {
+        buttonStyle: "none",
+        className: `${baseClass}__reset`,
+        onClick: centerFocalPoint
+    }, t('general:reset')))), /*#__PURE__*/ _react.default.createElement("span", {
+        className: `${baseClass}__description`
+    }, t('upload:focalPointDescription')), /*#__PURE__*/ _react.default.createElement("div", {
+        className: `${baseClass}__inputsWrap`
+    }, /*#__PURE__*/ _react.default.createElement(Input, {
+        name: "X %",
+        onChange: (value)=>fineTuneFocalPoint({
+                coordinate: 'x',
+                value
+            }),
+        value: pointPosition.x.toFixed(0)
+    }), /*#__PURE__*/ _react.default.createElement(Input, {
+        name: "Y %",
+        onChange: (value)=>fineTuneFocalPoint({
+                coordinate: 'y',
+                value
+            }),
+        value: pointPosition.y.toFixed(0)
+    }))))));
+};
+const DraggableElement = ({ boundsRef, checkBounds, children, className, containerRef, initialPosition = {
+    x: 50,
+    y: 50
+}, onDragEnd, setCheckBounds })=>{
+    const [position, setPosition] = (0, _react.useState)({
+        x: initialPosition.x,
+        y: initialPosition.y
+    });
+    const [isDragging, setIsDragging] = (0, _react.useState)(false);
+    const dragRef = (0, _react.useRef)();
+    const getCoordinates = _react.default.useCallback((mouseXArg, mouseYArg, recenter)=>{
+        const containerRect = containerRef.current.getBoundingClientRect();
+        const boundsRect = boundsRef.current.getBoundingClientRect();
+        const mouseX = mouseXArg ?? boundsRect.left;
+        const mouseY = mouseYArg ?? boundsRect.top;
+        const xOutOfBounds = mouseX < boundsRect.left || mouseX > boundsRect.right;
+        const yOutOfBounds = mouseY < boundsRect.top || mouseY > boundsRect.bottom;
+        let x = (mouseX - containerRect.left) / containerRect.width * 100;
+        let y = (mouseY - containerRect.top) / containerRect.height * 100;
+        const xCenter = (boundsRect.left - containerRect.left + boundsRect.width / 2) / containerRect.width * 100;
+        const yCenter = (boundsRect.top - containerRect.top + boundsRect.height / 2) / containerRect.height * 100;
+        if (xOutOfBounds || yOutOfBounds) {
+            setIsDragging(false);
+            if (mouseX < boundsRect.left) {
+                x = (boundsRect.left - containerRect.left) / containerRect.width * 100;
+            } else if (mouseX > boundsRect.right) {
+                x = (containerRect.width - (containerRect.right - boundsRect.right)) / containerRect.width * 100;
+            }
+            if (mouseY < boundsRect.top) {
+                y = (boundsRect.top - containerRect.top) / containerRect.height * 100;
+            } else if (mouseY > boundsRect.bottom) {
+                y = (containerRect.height - (containerRect.bottom - boundsRect.bottom)) / containerRect.height * 100;
+            }
+            if (recenter) {
+                x = xOutOfBounds ? xCenter : x;
+                y = yOutOfBounds ? yCenter : y;
+            }
+        }
+        return {
+            x,
+            y
+        };
+    }, []);
+    const handleMouseDown = (event)=>{
+        event.preventDefault();
+        setIsDragging(true);
+    };
+    const handleMouseMove = (event)=>{
+        if (!isDragging) return null;
+        const { x, y } = getCoordinates(event.clientX, event.clientY);
+        setPosition({
+            x,
+            y
+        });
+    };
+    const onDrop = ()=>{
+        setIsDragging(false);
+        onDragEnd(position);
+    };
+    _react.default.useEffect(()=>{
+        if (isDragging || !dragRef.current) return;
+        if (checkBounds) {
+            const { height, left, top, width } = dragRef.current.getBoundingClientRect();
+            const { x, y } = getCoordinates(left + width / 2, top + height / 2, true);
+            onDragEnd({
+                x,
+                y
+            });
+            setPosition({
+                x,
+                y
+            });
+            setCheckBounds(false);
+            return;
+        }
+    }, [
+        getCoordinates,
+        isDragging,
+        checkBounds,
+        setCheckBounds,
+        position.x,
+        position.y
+    ]);
+    _react.default.useEffect(()=>{
+        setPosition({
+            x: initialPosition.x,
+            y: initialPosition.y
+        });
+    }, [
+        initialPosition.x,
+        initialPosition.y
+    ]);
+    return /*#__PURE__*/ _react.default.createElement("div", {
+        className: [
+            `${baseClass}__draggable-container`,
+            isDragging && `${baseClass}__draggable-container--dragging`
+        ].filter(Boolean).join(' '),
+        onMouseMove: handleMouseMove
+    }, /*#__PURE__*/ _react.default.createElement("div", {
+        className: [
+            `${baseClass}__draggable`,
+            className
+        ].filter(Boolean).join(' '),
+        onMouseDown: handleMouseDown,
+        onMouseUp: onDrop,
+        ref: dragRef,
+        style: {
+            left: `${position.x}%`,
+            position: 'absolute',
+            top: `${position.y}%`
+        }
+    }, children), /*#__PURE__*/ _react.default.createElement("div", null));
+};
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9hZG1pbi9jb21wb25lbnRzL2VsZW1lbnRzL0VkaXRVcGxvYWQvaW5kZXgudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHVzZU1vZGFsIH0gZnJvbSAnQGZhY2VsZXNzLXVpL21vZGFsJ1xuaW1wb3J0IFJlYWN0LCB7IHVzZVJlZiwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCdcbmltcG9ydCBSZWFjdENyb3AsIHsgdHlwZSBDcm9wIGFzIENyb3BUeXBlIH0gZnJvbSAncmVhY3QtaW1hZ2UtY3JvcCdcbmltcG9ydCAncmVhY3QtaW1hZ2UtY3JvcC9kaXN0L1JlYWN0Q3JvcC5jc3MnXG5cbmltcG9ydCB0eXBlIHsgRGF0YSB9IGZyb20gJy4uLy4uL2Zvcm1zL0Zvcm0vdHlwZXMnXG5cbmltcG9ydCBQbHVzIGZyb20gJy4uLy4uL2ljb25zL1BsdXMnXG5pbXBvcnQgeyB1c2VGb3JtUXVlcnlQYXJhbXMgfSBmcm9tICcuLi8uLi91dGlsaXRpZXMvRm9ybVF1ZXJ5UGFyYW1zJ1xuaW1wb3J0IHsgZWRpdERyYXdlclNsdWcgfSBmcm9tICcuLi8uLi92aWV3cy9jb2xsZWN0aW9ucy9FZGl0L1VwbG9hZCdcbmltcG9ydCBCdXR0b24gZnJvbSAnLi4vQnV0dG9uJ1xuaW1wb3J0ICcuL2luZGV4LnNjc3MnXG5cbmNvbnN0IGJhc2VDbGFzcyA9ICdlZGl0LXVwbG9hZCdcblxuY29uc3QgSW5wdXQ6IFJlYWN0LkZDPHsgbmFtZTogc3RyaW5nOyBvbkNoYW5nZTogKHZhbHVlOiBzdHJpbmcpID0+IHZvaWQ7IHZhbHVlOiBzdHJpbmcgfT4gPSAoe1xuICBuYW1lLFxuICBvbkNoYW5nZSxcbiAgdmFsdWUsXG59KSA9PiAoXG4gIDxkaXYgY2xhc3NOYW1lPXtgJHtiYXNlQ2xhc3N9X19pbnB1dGB9PlxuICAgIHtuYW1lfVxuICAgIDxpbnB1dCBuYW1lPXtuYW1lfSBvbkNoYW5nZT17KGUpID0+IG9uQ2hhbmdlKGUudGFyZ2V0LnZhbHVlKX0gdHlwZT1cIm51bWJlclwiIHZhbHVlPXt2YWx1ZX0gLz5cbiAgPC9kaXY+XG4pXG5cbmV4cG9ydCBjb25zdCBFZGl0VXBsb2FkOiBSZWFjdC5GQzx7XG4gIGRvYz86IERhdGFcbiAgZmlsZU5hbWU6IHN0cmluZ1xuICBmaWxlU3JjOiBzdHJpbmdcbiAgaW1hZ2VDYWNoZVRhZz86IHN0cmluZ1xuICBzaG93Q3JvcD86IGJvb2xlYW5cbiAgc2hvd0ZvY2FsUG9pbnQ/OiBib29sZWFuXG59PiA9ICh7IGZpbGVOYW1lLCBmaWxlU3JjLCBpbWFnZUNhY2hlVGFnLCBzaG93Q3JvcCwgc2hvd0ZvY2FsUG9pbnQgfSkgPT4ge1xuICBjb25zdCB7IGNsb3NlTW9kYWwgfSA9IHVzZU1vZGFsKClcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbihbJ2dlbmVyYWwnLCAndXBsb2FkJ10pXG4gIGNvbnN0IHsgZm9ybVF1ZXJ5UGFyYW1zLCBzZXRGb3JtUXVlcnlQYXJhbXMgfSA9IHVzZUZvcm1RdWVyeVBhcmFtcygpXG4gIGNvbnN0IHsgdXBsb2FkRWRpdHMgfSA9IGZvcm1RdWVyeVBhcmFtcyB8fCB7fVxuICBjb25zdCBbY3JvcCwgc2V0Q3JvcF0gPSB1c2VTdGF0ZTxDcm9wVHlwZT4oe1xuICAgIGhlaWdodDogdXBsb2FkRWRpdHM/LmNyb3A/LmhlaWdodCB8fCAxMDAsXG4gICAgdW5pdDogJyUnLFxuICAgIHdpZHRoOiB1cGxvYWRFZGl0cz8uY3JvcD8ud2lkdGggfHwgMTAwLFxuICAgIHg6IHVwbG9hZEVkaXRzPy5jcm9wPy54IHx8IDAsXG4gICAgeTogdXBsb2FkRWRpdHM/LmNyb3A/LnkgfHwgMCxcbiAgfSlcblxuICBjb25zdCBbcG9pbnRQb3NpdGlvbiwgc2V0UG9pbnRQb3NpdGlvbl0gPSB1c2VTdGF0ZTx7IHg6IG51bWJlcjsgeTogbnVtYmVyIH0+KHtcbiAgICB4OiB1cGxvYWRFZGl0cz8uZm9jYWxQb2ludD8ueCB8fCA1MCxcbiAgICB5OiB1cGxvYWRFZGl0cz8uZm9jYWxQb2ludD8ueSB8fCA1MCxcbiAgfSlcbiAgY29uc3QgW2NoZWNrQm91bmRzLCBzZXRDaGVja0JvdW5kc10gPSB1c2VTdGF0ZTxib29sZWFuPihmYWxzZSlcblxuICBjb25zdCBmb2NhbFdyYXBSZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQgfCB1bmRlZmluZWQ+KClcbiAgY29uc3QgaW1hZ2VSZWYgPSB1c2VSZWY8SFRNTEltYWdlRWxlbWVudCB8IHVuZGVmaW5lZD4oKVxuICBjb25zdCBjcm9wUmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50IHwgdW5kZWZpbmVkPigpXG5cbiAgY29uc3Qgb3JpZ2luYWxIZWlnaHQgPSBpbWFnZVJlZi5jdXJyZW50ID8gaW1hZ2VSZWYuY3VycmVudC5uYXR1cmFsSGVpZ2h0IDogMFxuICBjb25zdCBvcmlnaW5hbFdpZHRoID0gaW1hZ2VSZWYuY3VycmVudCA/IGltYWdlUmVmLmN1cnJlbnQubmF0dXJhbFdpZHRoIDogMFxuXG4gIGNvbnN0IGZpbmVUdW5lQ3JvcCA9ICh7IGRpbWVuc2lvbiwgdmFsdWUgfTogeyBkaW1lbnNpb246ICdoZWlnaHQnIHwgJ3dpZHRoJzsgdmFsdWU6IHN0cmluZyB9KSA9PiB7XG4gICAgY29uc3QgaW50VmFsdWUgPSBwYXJzZUludCh2YWx1ZSlcbiAgICBpZiAoZGltZW5zaW9uID09PSAnd2lkdGgnICYmIGludFZhbHVlID49IG9yaWdpbmFsV2lkdGgpIHJldHVybiBudWxsXG4gICAgaWYgKGRpbWVuc2lvbiA9PT0gJ2hlaWdodCcgJiYgaW50VmFsdWUgPj0gb3JpZ2luYWxIZWlnaHQpIHJldHVybiBudWxsXG5cbiAgICBjb25zdCBwZXJjZW50YWdlID0gMTAwICogKGludFZhbHVlIC8gKGRpbWVuc2lvbiA9PT0gJ3dpZHRoJyA/IG9yaWdpbmFsV2lkdGggOiBvcmlnaW5hbEhlaWdodCkpXG5cbiAgICBpZiAocGVyY2VudGFnZSA9PT0gMTAwIHx8IHBlcmNlbnRhZ2UgPT09IDApIHJldHVybiBudWxsXG5cbiAgICBzZXRDcm9wKHtcbiAgICAgIC4uLmNyb3AsXG4gICAgICBbZGltZW5zaW9uXTogcGVyY2VudGFnZSxcbiAgICB9KVxuICB9XG5cbiAgY29uc3QgZmluZVR1bmVGb2NhbFBvaW50ID0gKHsgY29vcmRpbmF0ZSwgdmFsdWUgfTogeyBjb29yZGluYXRlOiAneCcgfCAneSc7IHZhbHVlOiBzdHJpbmcgfSkgPT4ge1xuICAgIGNvbnN0IGludFZhbHVlID0gcGFyc2VJbnQodmFsdWUpXG4gICAgaWYgKGludFZhbHVlID49IDAgJiYgaW50VmFsdWUgPD0gMTAwKSB7XG4gICAgICBzZXRQb2ludFBvc2l0aW9uKChwcmV2UG9zaXRpb24pID0+ICh7IC4uLnByZXZQb3NpdGlvbiwgW2Nvb3JkaW5hdGVdOiBpbnRWYWx1ZSB9KSlcbiAgICB9XG4gIH1cblxuICBjb25zdCBzYXZlRWRpdHMgPSAoKSA9PiB7XG4gICAgc2V0Rm9ybVF1ZXJ5UGFyYW1zKHtcbiAgICAgIC4uLmZvcm1RdWVyeVBhcmFtcyxcbiAgICAgIHVwbG9hZEVkaXRzOiB7XG4gICAgICAgIGNyb3A6IGNyb3AgPyBjcm9wIDogdW5kZWZpbmVkLFxuICAgICAgICBmb2NhbFBvaW50OiBwb2ludFBvc2l0aW9uID8gcG9pbnRQb3NpdGlvbiA6IHVuZGVmaW5lZCxcbiAgICAgIH0sXG4gICAgfSlcbiAgICBjbG9zZU1vZGFsKGVkaXREcmF3ZXJTbHVnKVxuICB9XG5cbiAgY29uc3Qgb25EcmFnRW5kID0gUmVhY3QudXNlQ2FsbGJhY2soKHsgeCwgeSB9KSA9PiB7XG4gICAgc2V0UG9pbnRQb3NpdGlvbih7IHgsIHkgfSlcbiAgICBzZXRDaGVja0JvdW5kcyhmYWxzZSlcbiAgfSwgW10pXG5cbiAgY29uc3QgY2VudGVyRm9jYWxQb2ludCA9ICgpID0+IHtcbiAgICBjb25zdCBjb250YWluZXJSZWN0ID0gZm9jYWxXcmFwUmVmLmN1cnJlbnQuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KClcbiAgICBjb25zdCBib3VuZHNSZWN0ID0gY3JvcFJlZi5jdXJyZW50LmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpXG4gICAgY29uc3QgeENlbnRlciA9XG4gICAgICAoKGJvdW5kc1JlY3QubGVmdCAtIGNvbnRhaW5lclJlY3QubGVmdCArIGJvdW5kc1JlY3Qud2lkdGggLyAyKSAvIGNvbnRhaW5lclJlY3Qud2lkdGgpICogMTAwXG4gICAgY29uc3QgeUNlbnRlciA9XG4gICAgICAoKGJvdW5kc1JlY3QudG9wIC0gY29udGFpbmVyUmVjdC50b3AgKyBib3VuZHNSZWN0LmhlaWdodCAvIDIpIC8gY29udGFpbmVyUmVjdC5oZWlnaHQpICogMTAwXG4gICAgc2V0UG9pbnRQb3NpdGlvbih7IHg6IHhDZW50ZXIsIHk6IHlDZW50ZXIgfSlcbiAgfVxuXG4gIGNvbnN0IGZpbGVTcmNUb1VzZSA9IGltYWdlQ2FjaGVUYWcgPyBgJHtmaWxlU3JjfT8ke2ltYWdlQ2FjaGVUYWd9YCA6IGZpbGVTcmNcblxuICByZXR1cm4gKFxuICAgIDxkaXYgY2xhc3NOYW1lPXtiYXNlQ2xhc3N9PlxuICAgICAgPGRpdiBjbGFzc05hbWU9e2Ake2Jhc2VDbGFzc31fX2hlYWRlcmB9PlxuICAgICAgICA8aDIgdGl0bGU9e2Ake3QoJ2dlbmVyYWw6ZWRpdGluZycpfSAke2ZpbGVOYW1lfWB9PlxuICAgICAgICAgIHt0KCdnZW5lcmFsOmVkaXRpbmcnKX0ge2ZpbGVOYW1lfVxuICAgICAgICA8L2gyPlxuICAgICAgICA8ZGl2IGNsYXNzTmFtZT17YCR7YmFzZUNsYXNzfV9fYWN0aW9uc2B9PlxuICAgICAgICAgIDxCdXR0b25cbiAgICAgICAgICAgIGFyaWEtbGFiZWw9e3QoJ2NhbmNlbCcpfVxuICAgICAgICAgICAgYnV0dG9uU3R5bGU9XCJzZWNvbmRhcnlcIlxuICAgICAgICAgICAgY2xhc3NOYW1lPXtgJHtiYXNlQ2xhc3N9X19jYW5jZWxgfVxuICAgICAgICAgICAgb25DbGljaz17KCkgPT4gY2xvc2VNb2RhbChlZGl0RHJhd2VyU2x1Zyl9XG4gICAgICAgICAgPlxuICAgICAgICAgICAge3QoJ2dlbmVyYWw6Y2FuY2VsJyl9XG4gICAgICAgICAgPC9CdXR0b24+XG4gICAgICAgICAgPEJ1dHRvblxuICAgICAgICAgICAgYXJpYS1sYWJlbD17dCgnZ2VuZXJhbDphcHBseUNoYW5nZXMnKX1cbiAgICAgICAgICAgIGJ1dHRvblN0eWxlPVwicHJpbWFyeVwiXG4gICAgICAgICAgICBjbGFzc05hbWU9e2Ake2Jhc2VDbGFzc31fX3NhdmVgfVxuICAgICAgICAgICAgb25DbGljaz17KCkgPT4gc2F2ZUVkaXRzKCl9XG4gICAgICAgICAgPlxuICAgICAgICAgICAge3QoJ2dlbmVyYWw6YXBwbHlDaGFuZ2VzJyl9XG4gICAgICAgICAgPC9CdXR0b24+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgICA8ZGl2IGNsYXNzTmFtZT17YCR7YmFzZUNsYXNzfV9fdG9vbFdyYXBgfT5cbiAgICAgICAgPGRpdiBjbGFzc05hbWU9e2Ake2Jhc2VDbGFzc31fX2Nyb3BgfT5cbiAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICBjbGFzc05hbWU9e2Ake2Jhc2VDbGFzc31fX2ZvY2FsLXdyYXBwZXJgfVxuICAgICAgICAgICAgcmVmPXtmb2NhbFdyYXBSZWZ9XG4gICAgICAgICAgICBzdHlsZT17e1xuICAgICAgICAgICAgICBhc3BlY3RSYXRpbzogYCR7b3JpZ2luYWxXaWR0aCAvIG9yaWdpbmFsSGVpZ2h0fWAsXG4gICAgICAgICAgICB9fVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtzaG93Q3JvcCA/IChcbiAgICAgICAgICAgICAgPFJlYWN0Q3JvcFxuICAgICAgICAgICAgICAgIGNsYXNzTmFtZT17YCR7YmFzZUNsYXNzfV9fcmVhY3RDcm9wYH1cbiAgICAgICAgICAgICAgICBjcm9wPXtjcm9wfVxuICAgICAgICAgICAgICAgIG9uQ2hhbmdlPXsoXywgYykgPT4gc2V0Q3JvcChjKX1cbiAgICAgICAgICAgICAgICBvbkNvbXBsZXRlPXsoKSA9PiBzZXRDaGVja0JvdW5kcyh0cnVlKX1cbiAgICAgICAgICAgICAgICByZW5kZXJTZWxlY3Rpb25BZGRvbj17KCkgPT4ge1xuICAgICAgICAgICAgICAgICAgcmV0dXJuIDxkaXYgY2xhc3NOYW1lPXtgJHtiYXNlQ2xhc3N9X19jcm9wLXdpbmRvd2B9IHJlZj17Y3JvcFJlZn0gLz5cbiAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPGltZyBhbHQ9e3QoJ3VwbG9hZDpzZXRDcm9wQXJlYScpfSByZWY9e2ltYWdlUmVmfSBzcmM9e2ZpbGVTcmNUb1VzZX0gLz5cbiAgICAgICAgICAgICAgPC9SZWFjdENyb3A+XG4gICAgICAgICAgICApIDogKFxuICAgICAgICAgICAgICA8aW1nIGFsdD17dCgndXBsb2FkOnNldEZvY2FsUG9pbnQnKX0gcmVmPXtpbWFnZVJlZn0gc3JjPXtmaWxlU3JjVG9Vc2V9IC8+XG4gICAgICAgICAgICApfVxuICAgICAgICAgICAgPERyYWdnYWJsZUVsZW1lbnRcbiAgICAgICAgICAgICAgYm91bmRzUmVmPXtjcm9wUmVmfVxuICAgICAgICAgICAgICBjaGVja0JvdW5kcz17Y2hlY2tCb3VuZHN9XG4gICAgICAgICAgICAgIGNsYXNzTmFtZT17YCR7YmFzZUNsYXNzfV9fZm9jYWxQb2ludGB9XG4gICAgICAgICAgICAgIGNvbnRhaW5lclJlZj17Zm9jYWxXcmFwUmVmfVxuICAgICAgICAgICAgICBpbml0aWFsUG9zaXRpb249e3BvaW50UG9zaXRpb259XG4gICAgICAgICAgICAgIG9uRHJhZ0VuZD17b25EcmFnRW5kfVxuICAgICAgICAgICAgICBzZXRDaGVja0JvdW5kcz17c2V0Q2hlY2tCb3VuZHN9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIDxQbHVzIC8+XG4gICAgICAgICAgICA8L0RyYWdnYWJsZUVsZW1lbnQ+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICB7KHNob3dDcm9wIHx8IHNob3dGb2NhbFBvaW50KSAmJiAoXG4gICAgICAgICAgPGRpdiBjbGFzc05hbWU9e2Ake2Jhc2VDbGFzc31fX3NpZGViYXJgfT5cbiAgICAgICAgICAgIHtzaG93Q3JvcCAmJiAoXG4gICAgICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPXtgJHtiYXNlQ2xhc3N9X19ncm91cFdyYXBgfT5cbiAgICAgICAgICAgICAgICA8ZGl2PlxuICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9e2Ake2Jhc2VDbGFzc31fX3RpdGxlV3JhcGB9PlxuICAgICAgICAgICAgICAgICAgICA8aDM+e3QoJ3VwbG9hZDpjcm9wJyl9PC9oMz5cbiAgICAgICAgICAgICAgICAgICAgPEJ1dHRvblxuICAgICAgICAgICAgICAgICAgICAgIGJ1dHRvblN0eWxlPVwibm9uZVwiXG4gICAgICAgICAgICAgICAgICAgICAgY2xhc3NOYW1lPXtgJHtiYXNlQ2xhc3N9X19yZXNldGB9XG4gICAgICAgICAgICAgICAgICAgICAgb25DbGljaz17KCkgPT5cbiAgICAgICAgICAgICAgICAgICAgICAgIHNldENyb3Aoe1xuICAgICAgICAgICAgICAgICAgICAgICAgICBoZWlnaHQ6IDEwMCxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgdW5pdDogJyUnLFxuICAgICAgICAgICAgICAgICAgICAgICAgICB3aWR0aDogMTAwLFxuICAgICAgICAgICAgICAgICAgICAgICAgICB4OiAwLFxuICAgICAgICAgICAgICAgICAgICAgICAgICB5OiAwLFxuICAgICAgICAgICAgICAgICAgICAgICAgfSlcbiAgICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICB7dCgnZ2VuZXJhbDpyZXNldCcpfVxuICAgICAgICAgICAgICAgICAgICA8L0J1dHRvbj5cbiAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzTmFtZT17YCR7YmFzZUNsYXNzfV9fZGVzY3JpcHRpb25gfT5cbiAgICAgICAgICAgICAgICAgIHt0KCd1cGxvYWQ6Y3JvcFRvb2xEZXNjcmlwdGlvbicpfVxuICAgICAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT17YCR7YmFzZUNsYXNzfV9faW5wdXRzV3JhcGB9PlxuICAgICAgICAgICAgICAgICAgPElucHV0XG4gICAgICAgICAgICAgICAgICAgIG5hbWU9e2Ake3QoJ3VwbG9hZDp3aWR0aCcpfSAocHgpYH1cbiAgICAgICAgICAgICAgICAgICAgb25DaGFuZ2U9eyh2YWx1ZSkgPT4gZmluZVR1bmVDcm9wKHsgZGltZW5zaW9uOiAnd2lkdGgnLCB2YWx1ZSB9KX1cbiAgICAgICAgICAgICAgICAgICAgdmFsdWU9eygoY3JvcC53aWR0aCAvIDEwMCkgKiBvcmlnaW5hbFdpZHRoKS50b0ZpeGVkKDApfVxuICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgIDxJbnB1dFxuICAgICAgICAgICAgICAgICAgICBuYW1lPXtgJHt0KCd1cGxvYWQ6aGVpZ2h0Jyl9IChweClgfVxuICAgICAgICAgICAgICAgICAgICBvbkNoYW5nZT17KHZhbHVlKSA9PiBmaW5lVHVuZUNyb3AoeyBkaW1lbnNpb246ICdoZWlnaHQnLCB2YWx1ZSB9KX1cbiAgICAgICAgICAgICAgICAgICAgdmFsdWU9eygoY3JvcC5oZWlnaHQgLyAxMDApICogb3JpZ2luYWxIZWlnaHQpLnRvRml4ZWQoMCl9XG4gICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICl9XG5cbiAgICAgICAgICAgIHtzaG93Rm9jYWxQb2ludCAmJiAoXG4gICAgICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPXtgJHtiYXNlQ2xhc3N9X19ncm91cFdyYXBgfT5cbiAgICAgICAgICAgICAgICA8ZGl2PlxuICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9e2Ake2Jhc2VDbGFzc31fX3RpdGxlV3JhcGB9PlxuICAgICAgICAgICAgICAgICAgICA8aDM+e3QoJ3VwbG9hZDpmb2NhbFBvaW50Jyl9PC9oMz5cbiAgICAgICAgICAgICAgICAgICAgPEJ1dHRvblxuICAgICAgICAgICAgICAgICAgICAgIGJ1dHRvblN0eWxlPVwibm9uZVwiXG4gICAgICAgICAgICAgICAgICAgICAgY2xhc3NOYW1lPXtgJHtiYXNlQ2xhc3N9X19yZXNldGB9XG4gICAgICAgICAgICAgICAgICAgICAgb25DbGljaz17Y2VudGVyRm9jYWxQb2ludH1cbiAgICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICAgIHt0KCdnZW5lcmFsOnJlc2V0Jyl9XG4gICAgICAgICAgICAgICAgICAgIDwvQnV0dG9uPlxuICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgPHNwYW4gY2xhc3NOYW1lPXtgJHtiYXNlQ2xhc3N9X19kZXNjcmlwdGlvbmB9PlxuICAgICAgICAgICAgICAgICAge3QoJ3VwbG9hZDpmb2NhbFBvaW50RGVzY3JpcHRpb24nKX1cbiAgICAgICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9e2Ake2Jhc2VDbGFzc31fX2lucHV0c1dyYXBgfT5cbiAgICAgICAgICAgICAgICAgIDxJbnB1dFxuICAgICAgICAgICAgICAgICAgICBuYW1lPVwiWCAlXCJcbiAgICAgICAgICAgICAgICAgICAgb25DaGFuZ2U9eyh2YWx1ZSkgPT4gZmluZVR1bmVGb2NhbFBvaW50KHsgY29vcmRpbmF0ZTogJ3gnLCB2YWx1ZSB9KX1cbiAgICAgICAgICAgICAgICAgICAgdmFsdWU9e3BvaW50UG9zaXRpb24ueC50b0ZpeGVkKDApfVxuICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgIDxJbnB1dFxuICAgICAgICAgICAgICAgICAgICBuYW1lPVwiWSAlXCJcbiAgICAgICAgICAgICAgICAgICAgb25DaGFuZ2U9eyh2YWx1ZSkgPT4gZmluZVR1bmVGb2NhbFBvaW50KHsgY29vcmRpbmF0ZTogJ3knLCB2YWx1ZSB9KX1cbiAgICAgICAgICAgICAgICAgICAgdmFsdWU9e3BvaW50UG9zaXRpb24ueS50b0ZpeGVkKDApfVxuICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICApfVxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICApfVxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gIClcbn1cblxuY29uc3QgRHJhZ2dhYmxlRWxlbWVudCA9ICh7XG4gIGJvdW5kc1JlZixcbiAgY2hlY2tCb3VuZHMsXG4gIGNoaWxkcmVuLFxuICBjbGFzc05hbWUsXG4gIGNvbnRhaW5lclJlZixcbiAgaW5pdGlhbFBvc2l0aW9uID0geyB4OiA1MCwgeTogNTAgfSxcbiAgb25EcmFnRW5kLFxuICBzZXRDaGVja0JvdW5kcyxcbn0pID0+IHtcbiAgY29uc3QgW3Bvc2l0aW9uLCBzZXRQb3NpdGlvbl0gPSB1c2VTdGF0ZSh7IHg6IGluaXRpYWxQb3NpdGlvbi54LCB5OiBpbml0aWFsUG9zaXRpb24ueSB9KVxuICBjb25zdCBbaXNEcmFnZ2luZywgc2V0SXNEcmFnZ2luZ10gPSB1c2VTdGF0ZShmYWxzZSlcbiAgY29uc3QgZHJhZ1JlZiA9IHVzZVJlZjxIVE1MRGl2RWxlbWVudCB8IHVuZGVmaW5lZD4oKVxuXG4gIGNvbnN0IGdldENvb3JkaW5hdGVzID0gUmVhY3QudXNlQ2FsbGJhY2soXG4gICAgKG1vdXNlWEFyZz86IG51bWJlciwgbW91c2VZQXJnPzogbnVtYmVyLCByZWNlbnRlcj86IGJvb2xlYW4pID0+IHtcbiAgICAgIGNvbnN0IGNvbnRhaW5lclJlY3QgPSBjb250YWluZXJSZWYuY3VycmVudC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKVxuICAgICAgY29uc3QgYm91bmRzUmVjdCA9IGJvdW5kc1JlZi5jdXJyZW50LmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpXG4gICAgICBjb25zdCBtb3VzZVggPSBtb3VzZVhBcmcgPz8gYm91bmRzUmVjdC5sZWZ0XG4gICAgICBjb25zdCBtb3VzZVkgPSBtb3VzZVlBcmcgPz8gYm91bmRzUmVjdC50b3BcblxuICAgICAgY29uc3QgeE91dE9mQm91bmRzID0gbW91c2VYIDwgYm91bmRzUmVjdC5sZWZ0IHx8IG1vdXNlWCA+IGJvdW5kc1JlY3QucmlnaHRcbiAgICAgIGNvbnN0IHlPdXRPZkJvdW5kcyA9IG1vdXNlWSA8IGJvdW5kc1JlY3QudG9wIHx8IG1vdXNlWSA+IGJvdW5kc1JlY3QuYm90dG9tXG5cbiAgICAgIGxldCB4ID0gKChtb3VzZVggLSBjb250YWluZXJSZWN0LmxlZnQpIC8gY29udGFpbmVyUmVjdC53aWR0aCkgKiAxMDBcbiAgICAgIGxldCB5ID0gKChtb3VzZVkgLSBjb250YWluZXJSZWN0LnRvcCkgLyBjb250YWluZXJSZWN0LmhlaWdodCkgKiAxMDBcbiAgICAgIGNvbnN0IHhDZW50ZXIgPVxuICAgICAgICAoKGJvdW5kc1JlY3QubGVmdCAtIGNvbnRhaW5lclJlY3QubGVmdCArIGJvdW5kc1JlY3Qud2lkdGggLyAyKSAvIGNvbnRhaW5lclJlY3Qud2lkdGgpICogMTAwXG4gICAgICBjb25zdCB5Q2VudGVyID1cbiAgICAgICAgKChib3VuZHNSZWN0LnRvcCAtIGNvbnRhaW5lclJlY3QudG9wICsgYm91bmRzUmVjdC5oZWlnaHQgLyAyKSAvIGNvbnRhaW5lclJlY3QuaGVpZ2h0KSAqIDEwMFxuICAgICAgaWYgKHhPdXRPZkJvdW5kcyB8fCB5T3V0T2ZCb3VuZHMpIHtcbiAgICAgICAgc2V0SXNEcmFnZ2luZyhmYWxzZSlcbiAgICAgICAgaWYgKG1vdXNlWCA8IGJvdW5kc1JlY3QubGVmdCkge1xuICAgICAgICAgIHggPSAoKGJvdW5kc1JlY3QubGVmdCAtIGNvbnRhaW5lclJlY3QubGVmdCkgLyBjb250YWluZXJSZWN0LndpZHRoKSAqIDEwMFxuICAgICAgICB9IGVsc2UgaWYgKG1vdXNlWCA+IGJvdW5kc1JlY3QucmlnaHQpIHtcbiAgICAgICAgICB4ID1cbiAgICAgICAgICAgICgoY29udGFpbmVyUmVjdC53aWR0aCAtIChjb250YWluZXJSZWN0LnJpZ2h0IC0gYm91bmRzUmVjdC5yaWdodCkpIC9cbiAgICAgICAgICAgICAgY29udGFpbmVyUmVjdC53aWR0aCkgKlxuICAgICAgICAgICAgMTAwXG4gICAgICAgIH1cblxuICAgICAgICBpZiAobW91c2VZIDwgYm91bmRzUmVjdC50b3ApIHtcbiAgICAgICAgICB5ID0gKChib3VuZHNSZWN0LnRvcCAtIGNvbnRhaW5lclJlY3QudG9wKSAvIGNvbnRhaW5lclJlY3QuaGVpZ2h0KSAqIDEwMFxuICAgICAgICB9IGVsc2UgaWYgKG1vdXNlWSA+IGJvdW5kc1JlY3QuYm90dG9tKSB7XG4gICAgICAgICAgeSA9XG4gICAgICAgICAgICAoKGNvbnRhaW5lclJlY3QuaGVpZ2h0IC0gKGNvbnRhaW5lclJlY3QuYm90dG9tIC0gYm91bmRzUmVjdC5ib3R0b20pKSAvXG4gICAgICAgICAgICAgIGNvbnRhaW5lclJlY3QuaGVpZ2h0KSAqXG4gICAgICAgICAgICAxMDBcbiAgICAgICAgfVxuXG4gICAgICAgIGlmIChyZWNlbnRlcikge1xuICAgICAgICAgIHggPSB4T3V0T2ZCb3VuZHMgPyB4Q2VudGVyIDogeFxuICAgICAgICAgIHkgPSB5T3V0T2ZCb3VuZHMgPyB5Q2VudGVyIDogeVxuICAgICAgICB9XG4gICAgICB9XG5cbiAgICAgIHJldHVybiB7IHgsIHkgfVxuICAgIH0sXG4gICAgW10sXG4gIClcblxuICBjb25zdCBoYW5kbGVNb3VzZURvd24gPSAoZXZlbnQpID0+IHtcbiAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpXG4gICAgc2V0SXNEcmFnZ2luZyh0cnVlKVxuICB9XG5cbiAgY29uc3QgaGFuZGxlTW91c2VNb3ZlID0gKGV2ZW50KSA9PiB7XG4gICAgaWYgKCFpc0RyYWdnaW5nKSByZXR1cm4gbnVsbFxuICAgIGNvbnN0IHsgeCwgeSB9ID0gZ2V0Q29vcmRpbmF0ZXMoZXZlbnQuY2xpZW50WCwgZXZlbnQuY2xpZW50WSlcblxuICAgIHNldFBvc2l0aW9uKHsgeCwgeSB9KVxuICB9XG5cbiAgY29uc3Qgb25Ecm9wID0gKCkgPT4ge1xuICAgIHNldElzRHJhZ2dpbmcoZmFsc2UpXG4gICAgb25EcmFnRW5kKHBvc2l0aW9uKVxuICB9XG5cbiAgUmVhY3QudXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoaXNEcmFnZ2luZyB8fCAhZHJhZ1JlZi5jdXJyZW50KSByZXR1cm5cbiAgICBpZiAoY2hlY2tCb3VuZHMpIHtcbiAgICAgIGNvbnN0IHsgaGVpZ2h0LCBsZWZ0LCB0b3AsIHdpZHRoIH0gPSBkcmFnUmVmLmN1cnJlbnQuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KClcbiAgICAgIGNvbnN0IHsgeCwgeSB9ID0gZ2V0Q29vcmRpbmF0ZXMobGVmdCArIHdpZHRoIC8gMiwgdG9wICsgaGVpZ2h0IC8gMiwgdHJ1ZSlcbiAgICAgIG9uRHJhZ0VuZCh7IHgsIHkgfSlcbiAgICAgIHNldFBvc2l0aW9uKHsgeCwgeSB9KVxuICAgICAgc2V0Q2hlY2tCb3VuZHMoZmFsc2UpXG4gICAgICByZXR1cm5cbiAgICB9XG4gIH0sIFtnZXRDb29yZGluYXRlcywgaXNEcmFnZ2luZywgY2hlY2tCb3VuZHMsIHNldENoZWNrQm91bmRzLCBwb3NpdGlvbi54LCBwb3NpdGlvbi55XSlcblxuICBSZWFjdC51c2VFZmZlY3QoKCkgPT4ge1xuICAgIHNldFBvc2l0aW9uKHsgeDogaW5pdGlhbFBvc2l0aW9uLngsIHk6IGluaXRpYWxQb3NpdGlvbi55IH0pXG4gIH0sIFtpbml0aWFsUG9zaXRpb24ueCwgaW5pdGlhbFBvc2l0aW9uLnldKVxuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY2xhc3NOYW1lPXtbXG4gICAgICAgIGAke2Jhc2VDbGFzc31fX2RyYWdnYWJsZS1jb250YWluZXJgLFxuICAgICAgICBpc0RyYWdnaW5nICYmIGAke2Jhc2VDbGFzc31fX2RyYWdnYWJsZS1jb250YWluZXItLWRyYWdnaW5nYCxcbiAgICAgIF1cbiAgICAgICAgLmZpbHRlcihCb29sZWFuKVxuICAgICAgICAuam9pbignICcpfVxuICAgICAgb25Nb3VzZU1vdmU9e2hhbmRsZU1vdXNlTW92ZX1cbiAgICA+XG4gICAgICA8ZGl2XG4gICAgICAgIGNsYXNzTmFtZT17W2Ake2Jhc2VDbGFzc31fX2RyYWdnYWJsZWAsIGNsYXNzTmFtZV0uZmlsdGVyKEJvb2xlYW4pLmpvaW4oJyAnKX1cbiAgICAgICAgb25Nb3VzZURvd249e2hhbmRsZU1vdXNlRG93bn1cbiAgICAgICAgb25Nb3VzZVVwPXtvbkRyb3B9XG4gICAgICAgIHJlZj17ZHJhZ1JlZn1cbiAgICAgICAgc3R5bGU9e3sgbGVmdDogYCR7cG9zaXRpb24ueH0lYCwgcG9zaXRpb246ICdhYnNvbHV0ZScsIHRvcDogYCR7cG9zaXRpb24ueX0lYCB9fVxuICAgICAgPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L2Rpdj5cbiAgICAgIDxkaXYgLz5cbiAgICA8L2Rpdj5cbiAgKVxufVxuIl0sIm5hbWVzIjpbIkVkaXRVcGxvYWQiLCJiYXNlQ2xhc3MiLCJJbnB1dCIsIm5hbWUiLCJvbkNoYW5nZSIsInZhbHVlIiwiZGl2IiwiY2xhc3NOYW1lIiwiaW5wdXQiLCJlIiwidGFyZ2V0IiwidHlwZSIsImZpbGVOYW1lIiwiZmlsZVNyYyIsImltYWdlQ2FjaGVUYWciLCJzaG93Q3JvcCIsInNob3dGb2NhbFBvaW50IiwiY2xvc2VNb2RhbCIsInVzZU1vZGFsIiwidCIsInVzZVRyYW5zbGF0aW9uIiwiZm9ybVF1ZXJ5UGFyYW1zIiwic2V0Rm9ybVF1ZXJ5UGFyYW1zIiwidXNlRm9ybVF1ZXJ5UGFyYW1zIiwidXBsb2FkRWRpdHMiLCJjcm9wIiwic2V0Q3JvcCIsInVzZVN0YXRlIiwiaGVpZ2h0IiwidW5pdCIsIndpZHRoIiwieCIsInkiLCJwb2ludFBvc2l0aW9uIiwic2V0UG9pbnRQb3NpdGlvbiIsImZvY2FsUG9pbnQiLCJjaGVja0JvdW5kcyIsInNldENoZWNrQm91bmRzIiwiZm9jYWxXcmFwUmVmIiwidXNlUmVmIiwiaW1hZ2VSZWYiLCJjcm9wUmVmIiwib3JpZ2luYWxIZWlnaHQiLCJjdXJyZW50IiwibmF0dXJhbEhlaWdodCIsIm9yaWdpbmFsV2lkdGgiLCJuYXR1cmFsV2lkdGgiLCJmaW5lVHVuZUNyb3AiLCJkaW1lbnNpb24iLCJpbnRWYWx1ZSIsInBhcnNlSW50IiwicGVyY2VudGFnZSIsImZpbmVUdW5lRm9jYWxQb2ludCIsImNvb3JkaW5hdGUiLCJwcmV2UG9zaXRpb24iLCJzYXZlRWRpdHMiLCJ1bmRlZmluZWQiLCJlZGl0RHJhd2VyU2x1ZyIsIm9uRHJhZ0VuZCIsIlJlYWN0IiwidXNlQ2FsbGJhY2siLCJjZW50ZXJGb2NhbFBvaW50IiwiY29udGFpbmVyUmVjdCIsImdldEJvdW5kaW5nQ2xpZW50UmVjdCIsImJvdW5kc1JlY3QiLCJ4Q2VudGVyIiwibGVmdCIsInlDZW50ZXIiLCJ0b3AiLCJmaWxlU3JjVG9Vc2UiLCJoMiIsInRpdGxlIiwiQnV0dG9uIiwiYXJpYS1sYWJlbCIsImJ1dHRvblN0eWxlIiwib25DbGljayIsInJlZiIsInN0eWxlIiwiYXNwZWN0UmF0aW8iLCJSZWFjdENyb3AiLCJfIiwiYyIsIm9uQ29tcGxldGUiLCJyZW5kZXJTZWxlY3Rpb25BZGRvbiIsImltZyIsImFsdCIsInNyYyIsIkRyYWdnYWJsZUVsZW1lbnQiLCJib3VuZHNSZWYiLCJjb250YWluZXJSZWYiLCJpbml0aWFsUG9zaXRpb24iLCJQbHVzIiwiaDMiLCJzcGFuIiwidG9GaXhlZCIsImNoaWxkcmVuIiwicG9zaXRpb24iLCJzZXRQb3NpdGlvbiIsImlzRHJhZ2dpbmciLCJzZXRJc0RyYWdnaW5nIiwiZHJhZ1JlZiIsImdldENvb3JkaW5hdGVzIiwibW91c2VYQXJnIiwibW91c2VZQXJnIiwicmVjZW50ZXIiLCJtb3VzZVgiLCJtb3VzZVkiLCJ4T3V0T2ZCb3VuZHMiLCJyaWdodCIsInlPdXRPZkJvdW5kcyIsImJvdHRvbSIsImhhbmRsZU1vdXNlRG93biIsImV2ZW50IiwicHJldmVudERlZmF1bHQiLCJoYW5kbGVNb3VzZU1vdmUiLCJjbGllbnRYIiwiY2xpZW50WSIsIm9uRHJvcCIsInVzZUVmZmVjdCIsImZpbHRlciIsIkJvb2xlYW4iLCJqb2luIiwib25Nb3VzZU1vdmUiLCJvbk1vdXNlRG93biIsIm9uTW91c2VVcCJdLCJtYXBwaW5ncyI6Ijs7OzsrQkEyQmFBOzs7ZUFBQUE7Ozt1QkEzQlk7K0RBQ2U7OEJBQ1Q7dUVBQ2tCO1FBQzFDOzZEQUlVO2lDQUNrQjt3QkFDSjsrREFDWjtRQUNaOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFFUCxNQUFNQyxZQUFZO0FBRWxCLE1BQU1DLFFBQXNGLENBQUMsRUFDM0ZDLElBQUksRUFDSkMsUUFBUSxFQUNSQyxLQUFLLEVBQ04saUJBQ0MsNkJBQUNDO1FBQUlDLFdBQVcsQ0FBQyxFQUFFTixVQUFVLE9BQU8sQ0FBQztPQUNsQ0Usb0JBQ0QsNkJBQUNLO1FBQU1MLE1BQU1BO1FBQU1DLFVBQVUsQ0FBQ0ssSUFBTUwsU0FBU0ssRUFBRUMsTUFBTSxDQUFDTCxLQUFLO1FBQUdNLE1BQUs7UUFBU04sT0FBT0E7O0FBSWhGLE1BQU1MLGFBT1IsQ0FBQyxFQUFFWSxRQUFRLEVBQUVDLE9BQU8sRUFBRUMsYUFBYSxFQUFFQyxRQUFRLEVBQUVDLGNBQWMsRUFBRTtJQUNsRSxNQUFNLEVBQUVDLFVBQVUsRUFBRSxHQUFHQyxJQUFBQSxlQUFRO0lBQy9CLE1BQU0sRUFBRUMsQ0FBQyxFQUFFLEdBQUdDLElBQUFBLDRCQUFjLEVBQUM7UUFBQztRQUFXO0tBQVM7SUFDbEQsTUFBTSxFQUFFQyxlQUFlLEVBQUVDLGtCQUFrQixFQUFFLEdBQUdDLElBQUFBLG1DQUFrQjtJQUNsRSxNQUFNLEVBQUVDLFdBQVcsRUFBRSxHQUFH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

package/dist/admin/components/elements/EditUpload/index.scss

@@ -0,0 +1,218 @@
+@import '../../../scss/styles.scss';
+
+$header-height: base(5);
+
+.edit-upload {
+  --edit-upload-cell-spacing: calc(var(--base) * 1.5);
+  --edit-upload-sidebar-width: calc(350px + var(--gutter-h));
+  height: 100%;
+  margin-right: calc(var(--gutter-h) * -1);
+  margin-left: calc(var(--gutter-h) * -1);
+
+  &__header {
+    height: $header-height;
+    border-bottom: 1px solid var(--theme-elevation-150);
+    padding: 0 var(--gutter-h);
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+
+    & h2 {
+      margin: 0;
+      text-wrap: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+    }
+  }
+
+  &__actions {
+    min-width: 350px;
+    margin-left: auto;
+    padding: base(0.5) 0 base(0.5) base(1.5);
+    justify-content: flex-end;
+    display: flex;
+    gap: base(1);
+    text-wrap: nowrap;
+  }
+
+  &__cancel,
+  &__save {
+    width: 50%;
+  }
+
+  &__toolWrap {
+    display: flex;
+    justify-content: flex-end;
+    height: (calc(100% - #{$header-height}));
+  }
+
+  .ReactCrop__selection-addon,
+  &__crop-window {
+    height: 100%;
+    width: 100%;
+  }
+
+  &__focal-wrapper {
+    position: relative;
+    display: inline-flex;
+    max-height: 100%;
+  }
+
+  &__draggable-container {
+    position: absolute;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    top: 0;
+    pointer-events: none;
+
+    &--dragging {
+      pointer-events: all;
+
+      .edit-upload__focalPoint {
+        cursor: grabbing;
+      }
+    }
+  }
+
+  &__focalPoint {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    border-radius: 50%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    cursor: grab;
+    width: 50px;
+    height: 50px;
+    transform: translate3d(-50%, -50%, 0);
+    pointer-events: all;
+
+    svg {
+      position: absolute;
+      left: 0;
+      right: 0;
+      top: 0;
+      bottom: 0;
+      background: rgba(0, 0, 0, 0.5);
+      border-radius: 100%;
+      width: base(2);
+      height: base(2);
+      color: white;
+    }
+  }
+
+  &__crop,
+  &__focalOnly {
+    padding: base(1.5) base(1.5) base(1.5) 0;
+  }
+
+  &__crop {
+    padding: var(--edit-upload-cell-spacing);
+    padding-left: var(--gutter-h);
+    display: flex;
+    align-items: flex-start;
+    height: 100%;
+  }
+
+  &__imageWrap {
+    position: relative;
+  }
+
+  &__point {
+    cursor: move;
+    position: absolute;
+    background: rgba(0, 0, 0, 0.5);
+    border-radius: 100%;
+
+    & svg {
+      width: base(2);
+      height: base(2);
+    }
+  }
+
+  &__sidebar {
+    border-left: 1px solid var(--theme-elevation-150);
+    padding-top: var(--edit-upload-cell-spacing);
+    min-width: var(--edit-upload-sidebar-width);
+
+    & > div:first-child {
+      margin-bottom: base(1);
+    }
+  }
+
+  &__groupWrap {
+    display: flex;
+    flex-direction: column;
+    gap: base(0.5);
+    padding-right: var(--gutter-h);
+    padding-left: var(--edit-upload-cell-spacing);
+    width: 100%;
+
+    + .edit-upload__groupWrap {
+      padding-top: var(--edit-upload-cell-spacing);
+      margin-top: var(--edit-upload-cell-spacing);
+      border-top: 1px solid var(--theme-elevation-150);
+    }
+  }
+
+  &__inputsWrap,
+  &__titleWrap {
+    display: flex;
+    gap: base(1);
+  }
+
+  &__titleWrap {
+    justify-content: space-between;
+    align-items: center;
+
+    & h3 {
+      margin: 0;
+    }
+  }
+
+  &__reset {
+    height: fit-content;
+    border-radius: var(--style-radius-s);
+    background-color: var(--theme-elevation-150);
+    padding: 0 base(0.25);
+  }
+
+  &__input {
+    flex: 1;
+    & input {
+      @include formInput;
+    }
+  }
+
+  @include mid-break {
+    --edit-upload-cell-spacing: var(--gutter-h);
+    &__sidebar {
+      padding-left: 0;
+      border-left: 0;
+      width: 100%;
+    }
+    &__toolWrap {
+      flex-direction: column-reverse;
+    }
+  }
+
+  @include small-break {
+    flex-direction: column;
+
+    &__focalPoint {
+      border-right: none;
+      padding: base(1) 0;
+    }
+
+    &__inputsWrap {
+      flex-direction: column;
+      gap: base(1);
+    }
+
+    &__sidebar {
+      min-width: 0;
+    }
+  }
+}

package/dist/admin/components/elements/FileDetails/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/admin/components/elements/FileDetails/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAKlD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAMpC,OAAO,cAAc,CAAA;AAmBrB,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA6FhC,CAAA;AAED,eAAe,WAAW,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/admin/components/elements/FileDetails/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAOpC,OAAO,cAAc,CAAA;AAIrB,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA4ChC,CAAA;AAED,eAAe,WAAW,CAAA"}