@payloadcms/ui 3.68.0-internal-debug.185cc5f → 3.68.0-internal-debug.dafc24d

package/dist/elements/EditUpload/index.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { useModal } from '@faceless-ui/modal';
 import React, { useRef, useState } from 'react';
 import ReactCrop from 'react-image-crop';
@@ -12,19 +12,27 @@ import './index.scss';
 const baseClass = 'edit-upload';
 const Input = (props)=>{
     const { name, onChange, ref, value } = props;
-    return /*#__PURE__*/ _jsxs("div", {
+    return /*#__PURE__*/ _jsxDEV("div", {
         className: `${baseClass}__input`,
         children: [
             name,
-            /*#__PURE__*/ _jsx("input", {
+            /*#__PURE__*/ _jsxDEV("input", {
                 name: name,
                 onChange: (e)=>onChange(e.target.value),
                 ref: ref,
                 type: "number",
                 value: value
-            })
+            }, void 0, false, {
+                fileName: "src/elements/EditUpload/index.tsx",
+                lineNumber: 31,
+                columnNumber: 7
+            }, this)
         ]
-    });
+    }, void 0, true, {
+        fileName: "src/elements/EditUpload/index.tsx",
+        lineNumber: 29,
+        columnNumber: 5
+    }, this);
 };
 const defaultCrop = {
     height: 100,
@@ -118,78 +126,114 @@ export const EditUpload = ({ fileName, fileSrc, imageCacheTag, initialCrop, init
         });
     };
     const fileSrcToUse = imageCacheTag ? `${fileSrc}?${encodeURIComponent(imageCacheTag)}` : fileSrc;
-    return /*#__PURE__*/ _jsxs("div", {
+    return /*#__PURE__*/ _jsxDEV("div", {
         className: baseClass,
         children: [
-            /*#__PURE__*/ _jsxs("div", {
+            /*#__PURE__*/ _jsxDEV("div", {
                 className: `${baseClass}__header`,
                 children: [
-                    /*#__PURE__*/ _jsxs("h2", {
+                    /*#__PURE__*/ _jsxDEV("h2", {
                         title: `${t('general:editing')} ${fileName}`,
                         children: [
                             t('general:editing'),
                             " ",
                             fileName
                         ]
-                    }),
-                    /*#__PURE__*/ _jsxs("div", {
+                    }, void 0, true, {
+                        fileName: "src/elements/EditUpload/index.tsx",
+                        lineNumber: 183,
+                        columnNumber: 9
+                    }, this),
+                    /*#__PURE__*/ _jsxDEV("div", {
                         className: `${baseClass}__actions`,
                         children: [
-                            /*#__PURE__*/ _jsx(Button, {
+                            /*#__PURE__*/ _jsxDEV(Button, {
                                 "aria-label": t('general:cancel'),
                                 buttonStyle: "secondary",
                                 className: `${baseClass}__cancel`,
                                 onClick: ()=>closeModal(editDrawerSlug),
                                 children: t('general:cancel')
-                            }),
-                            /*#__PURE__*/ _jsx(Button, {
+                            }, void 0, false, {
+                                fileName: "src/elements/EditUpload/index.tsx",
+                                lineNumber: 187,
+                                columnNumber: 11
+                            }, this),
+                            /*#__PURE__*/ _jsxDEV(Button, {
                                 "aria-label": t('general:applyChanges'),
                                 buttonStyle: "primary",
                                 className: `${baseClass}__save`,
                                 disabled: !imageLoaded,
                                 onClick: saveEdits,
                                 children: t('general:applyChanges')
-                            })
+                            }, void 0, false, {
+                                fileName: "src/elements/EditUpload/index.tsx",
+                                lineNumber: 195,
+                                columnNumber: 11
+                            }, this)
                         ]
-                    })
+                    }, void 0, true, {
+                        fileName: "src/elements/EditUpload/index.tsx",
+                        lineNumber: 186,
+                        columnNumber: 9
+                    }, this)
                 ]
-            }),
-            /*#__PURE__*/ _jsxs("div", {
+            }, void 0, true, {
+                fileName: "src/elements/EditUpload/index.tsx",
+                lineNumber: 182,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ _jsxDEV("div", {
                 className: `${baseClass}__toolWrap`,
                 children: [
-                    /*#__PURE__*/ _jsx("div", {
+                    /*#__PURE__*/ _jsxDEV("div", {
                         className: `${baseClass}__crop`,
-                        children: /*#__PURE__*/ _jsxs("div", {
+                        children: /*#__PURE__*/ _jsxDEV("div", {
                             className: `${baseClass}__focal-wrapper`,
                             ref: focalWrapRef,
                             style: {
                                 aspectRatio: `${uncroppedPixelWidth / uncroppedPixelHeight}`
                             },
                             children: [
-                                showCrop ? /*#__PURE__*/ _jsx(ReactCrop, {
+                                showCrop ? /*#__PURE__*/ _jsxDEV(ReactCrop, {
                                     className: `${baseClass}__reactCrop`,
                                     crop: crop,
                                     onChange: (_, c)=>setCrop(c),
                                     onComplete: ()=>setCheckBounds(true),
                                     renderSelectionAddon: ()=>{
-                                        return /*#__PURE__*/ _jsx("div", {
+                                        return /*#__PURE__*/ _jsxDEV("div", {
                                             className: `${baseClass}__crop-window`,
                                             ref: cropRef
-                                        });
+                                        }, void 0, false, {
+                                            fileName: "src/elements/EditUpload/index.tsx",
+                                            lineNumber: 222,
+                                            columnNumber: 26
+                                        }, void 0);
                                     },
-                                    children: /*#__PURE__*/ _jsx("img", {
+                                    children: /*#__PURE__*/ _jsxDEV("img", {
                                         alt: t('upload:setCropArea'),
                                         onLoad: onImageLoad,
                                         ref: imageRef,
                                         src: fileSrcToUse
-                                    })
-                                }) : /*#__PURE__*/ _jsx("img", {
+                                    }, void 0, false, {
+                                        fileName: "src/elements/EditUpload/index.tsx",
+                                        lineNumber: 225,
+                                        columnNumber: 17
+                                    }, this)
+                                }, void 0, false, {
+                                    fileName: "src/elements/EditUpload/index.tsx",
+                                    lineNumber: 216,
+                                    columnNumber: 15
+                                }, this) : /*#__PURE__*/ _jsxDEV("img", {
                                     alt: t('upload:setFocalPoint'),
                                     onLoad: onImageLoad,
                                     ref: imageRef,
                                     src: fileSrcToUse
-                                }),
-                                showFocalPoint && /*#__PURE__*/ _jsx(DraggableElement, {
+                                }, void 0, false, {
+                                    fileName: "src/elements/EditUpload/index.tsx",
+                                    lineNumber: 233,
+                                    columnNumber: 15
+                                }, this),
+                                showFocalPoint && /*#__PURE__*/ _jsxDEV(DraggableElement, {
                                     boundsRef: showCrop ? cropRef : imageRef,
                                     checkBounds: showCrop ? checkBounds : false,
                                     className: `${baseClass}__focalPoint`,
@@ -197,25 +241,45 @@ export const EditUpload = ({ fileName, fileSrc, imageCacheTag, initialCrop, init
                                     initialPosition: focalPosition,
                                     onDragEnd: onDragEnd,
                                     setCheckBounds: showCrop ? setCheckBounds : false,
-                                    children: /*#__PURE__*/ _jsx(PlusIcon, {})
-                                })
+                                    children: /*#__PURE__*/ _jsxDEV(PlusIcon, {}, void 0, false, {
+                                        fileName: "src/elements/EditUpload/index.tsx",
+                                        lineNumber: 250,
+                                        columnNumber: 17
+                                    }, this)
+                                }, void 0, false, {
+                                    fileName: "src/elements/EditUpload/index.tsx",
+                                    lineNumber: 241,
+                                    columnNumber: 15
+                                }, this)
                             ]
-                        })
-                    }),
-                    (showCrop || showFocalPoint) && /*#__PURE__*/ _jsxs("div", {
+                        }, void 0, true, {
+                            fileName: "src/elements/EditUpload/index.tsx",
+                            lineNumber: 208,
+                            columnNumber: 11
+                        }, this)
+                    }, void 0, false, {
+                        fileName: "src/elements/EditUpload/index.tsx",
+                        lineNumber: 207,
+                        columnNumber: 9
+                    }, this),
+                    (showCrop || showFocalPoint) && /*#__PURE__*/ _jsxDEV("div", {
                         className: `${baseClass}__sidebar`,
                         children: [
-                            showCrop && /*#__PURE__*/ _jsxs("div", {
+                            showCrop && /*#__PURE__*/ _jsxDEV("div", {
                                 className: `${baseClass}__groupWrap`,
                                 children: [
-                                    /*#__PURE__*/ _jsx("div", {
-                                        children: /*#__PURE__*/ _jsxs("div", {
+                                    /*#__PURE__*/ _jsxDEV("div", {
+                                        children: /*#__PURE__*/ _jsxDEV("div", {
                                             className: `${baseClass}__titleWrap`,
                                             children: [
-                                                /*#__PURE__*/ _jsx("h3", {
+                                                /*#__PURE__*/ _jsxDEV("h3", {
                                                     children: t('upload:crop')
-                                                }),
-                                                /*#__PURE__*/ _jsx(Button, {
+                                                }, void 0, false, {
+                                                    fileName: "src/elements/EditUpload/index.tsx",
+                                                    lineNumber: 261,
+                                                    columnNumber: 21
+                                                }, this),
+                                                /*#__PURE__*/ _jsxDEV(Button, {
                                                     buttonStyle: "none",
                                                     className: `${baseClass}__reset`,
                                                     onClick: ()=>setCrop({
@@ -226,18 +290,34 @@ export const EditUpload = ({ fileName, fileSrc, imageCacheTag, initialCrop, init
                                                             y: 0
                                                         }),
                                                     children: t('general:reset')
-                                                })
+                                                }, void 0, false, {
+                                                    fileName: "src/elements/EditUpload/index.tsx",
+                                                    lineNumber: 262,
+                                                    columnNumber: 21
+                                                }, this)
                                             ]
-                                        })
-                                    }),
-                                    /*#__PURE__*/ _jsx("span", {
+                                        }, void 0, true, {
+                                            fileName: "src/elements/EditUpload/index.tsx",
+                                            lineNumber: 260,
+                                            columnNumber: 19
+                                        }, this)
+                                    }, void 0, false, {
+                                        fileName: "src/elements/EditUpload/index.tsx",
+                                        lineNumber: 259,
+                                        columnNumber: 17
+                                    }, this),
+                                    /*#__PURE__*/ _jsxDEV("span", {
                                         className: `${baseClass}__description`,
                                         children: t('upload:cropToolDescription')
-                                    }),
-                                    /*#__PURE__*/ _jsxs("div", {
+                                    }, void 0, false, {
+                                        fileName: "src/elements/EditUpload/index.tsx",
+                                        lineNumber: 279,
+                                        columnNumber: 17
+                                    }, this),
+                                    /*#__PURE__*/ _jsxDEV("div", {
                                         className: `${baseClass}__inputsWrap`,
                                         children: [
-                                            /*#__PURE__*/ _jsx(Input, {
+                                            /*#__PURE__*/ _jsxDEV(Input, {
                                                 name: `${t('upload:width')} (px)`,
                                                 onChange: (value)=>fineTuneCrop({
                                                         dimension: 'width',
@@ -245,8 +325,12 @@ export const EditUpload = ({ fileName, fileSrc, imageCacheTag, initialCrop, init
                                                     }),
                                                 ref: widthInputRef,
                                                 value: (crop.width / 100 * uncroppedPixelWidth).toFixed(0)
-                                            }),
-                                            /*#__PURE__*/ _jsx(Input, {
+                                            }, void 0, false, {
+                                                fileName: "src/elements/EditUpload/index.tsx",
+                                                lineNumber: 283,
+                                                columnNumber: 19
+                                            }, this),
+                                            /*#__PURE__*/ _jsxDEV(Input, {
                                                 name: `${t('upload:height')} (px)`,
                                                 onChange: (value)=>fineTuneCrop({
                                                         dimension: 'height',
@@ -254,63 +338,123 @@ export const EditUpload = ({ fileName, fileSrc, imageCacheTag, initialCrop, init
                                                     }),
                                                 ref: heightInputRef,
                                                 value: (crop.height / 100 * uncroppedPixelHeight).toFixed(0)
-                                            })
+                                            }, void 0, false, {
+                                                fileName: "src/elements/EditUpload/index.tsx",
+                                                lineNumber: 289,
+                                                columnNumber: 19
+                                            }, this)
                                         ]
-                                    })
+                                    }, void 0, true, {
+                                        fileName: "src/elements/EditUpload/index.tsx",
+                                        lineNumber: 282,
+                                        columnNumber: 17
+                                    }, this)
                                 ]
-                            }),
-                            showFocalPoint && /*#__PURE__*/ _jsxs("div", {
+                            }, void 0, true, {
+                                fileName: "src/elements/EditUpload/index.tsx",
+                                lineNumber: 258,
+                                columnNumber: 15
+                            }, this),
+                            showFocalPoint && /*#__PURE__*/ _jsxDEV("div", {
                                 className: `${baseClass}__groupWrap`,
                                 children: [
-                                    /*#__PURE__*/ _jsx("div", {
-                                        children: /*#__PURE__*/ _jsxs("div", {
+                                    /*#__PURE__*/ _jsxDEV("div", {
+                                        children: /*#__PURE__*/ _jsxDEV("div", {
                                             className: `${baseClass}__titleWrap`,
                                             children: [
-                                                /*#__PURE__*/ _jsx("h3", {
+                                                /*#__PURE__*/ _jsxDEV("h3", {
                                                     children: t('upload:focalPoint')
-                                                }),
-                                                /*#__PURE__*/ _jsx(Button, {
+                                                }, void 0, false, {
+                                                    fileName: "src/elements/EditUpload/index.tsx",
+                                                    lineNumber: 303,
+                                                    columnNumber: 21
+                                                }, this),
+                                                /*#__PURE__*/ _jsxDEV(Button, {
                                                     buttonStyle: "none",
                                                     className: `${baseClass}__reset`,
                                                     onClick: centerFocalPoint,
                                                     children: t('general:reset')
-                                                })
+                                                }, void 0, false, {
+                                                    fileName: "src/elements/EditUpload/index.tsx",
+                                                    lineNumber: 304,
+                                                    columnNumber: 21
+                                                }, this)
                                             ]
-                                        })
-                                    }),
-                                    /*#__PURE__*/ _jsx("span", {
+                                        }, void 0, true, {
+                                            fileName: "src/elements/EditUpload/index.tsx",
+                                            lineNumber: 302,
+                                            columnNumber: 19
+                                        }, this)
+                                    }, void 0, false, {
+                                        fileName: "src/elements/EditUpload/index.tsx",
+                                        lineNumber: 301,
+                                        columnNumber: 17
+                                    }, this),
+                                    /*#__PURE__*/ _jsxDEV("span", {
                                         className: `${baseClass}__description`,
                                         children: t('upload:focalPointDescription')
-                                    }),
-                                    /*#__PURE__*/ _jsxs("div", {
+                                    }, void 0, false, {
+                                        fileName: "src/elements/EditUpload/index.tsx",
+                                        lineNumber: 313,
+                                        columnNumber: 17
+                                    }, this),
+                                    /*#__PURE__*/ _jsxDEV("div", {
                                         className: `${baseClass}__inputsWrap`,
                                         children: [
-                                            /*#__PURE__*/ _jsx(Input, {
+                                            /*#__PURE__*/ _jsxDEV(Input, {
                                                 name: "X %",
                                                 onChange: (value)=>fineTuneFocalPosition({
                                                         coordinate: 'x',
                                                         value
                                                     }),
                                                 value: focalPosition.x.toFixed(0)
-                                            }),
-                                            /*#__PURE__*/ _jsx(Input, {
+                                            }, void 0, false, {
+                                                fileName: "src/elements/EditUpload/index.tsx",
+                                                lineNumber: 317,
+                                                columnNumber: 19
+                                            }, this),
+                                            /*#__PURE__*/ _jsxDEV(Input, {
                                                 name: "Y %",
                                                 onChange: (value)=>fineTuneFocalPosition({
                                                         coordinate: 'y',
                                                         value
                                                     }),
                                                 value: focalPosition.y.toFixed(0)
-                                            })
+                                            }, void 0, false, {
+                                                fileName: "src/elements/EditUpload/index.tsx",
+                                                lineNumber: 322,
+                                                columnNumber: 19
+                                            }, this)
                                         ]
-                                    })
+                                    }, void 0, true, {
+                                        fileName: "src/elements/EditUpload/index.tsx",
+                                        lineNumber: 316,
+                                        columnNumber: 17
+                                    }, this)
                                 ]
-                            })
+                            }, void 0, true, {
+                                fileName: "src/elements/EditUpload/index.tsx",
+                                lineNumber: 300,
+                                columnNumber: 15
+                            }, this)
                         ]
-                    })
+                    }, void 0, true, {
+                        fileName: "src/elements/EditUpload/index.tsx",
+                        lineNumber: 256,
+                        columnNumber: 11
+                    }, this)
                 ]
-            })
+            }, void 0, true, {
+                fileName: "src/elements/EditUpload/index.tsx",
+                lineNumber: 206,
+                columnNumber: 7
+            }, this)
         ]
-    });
+    }, void 0, true, {
+        fileName: "src/elements/EditUpload/index.tsx",
+        lineNumber: 181,
+        columnNumber: 5
+    }, this);
 };
 const DraggableElement = ({ boundsRef, checkBounds, children, className, containerRef, initialPosition = {
     x: 50,
@@ -412,14 +556,14 @@ const DraggableElement = ({ boundsRef, checkBounds, children, className, contain
         initialPosition.x,
         initialPosition.y
     ]);
-    return /*#__PURE__*/ _jsxs("div", {
+    return /*#__PURE__*/ _jsxDEV("div", {
         className: [
             `${baseClass}__draggable-container`,
             isDragging && `${baseClass}__draggable-container--dragging`
         ].filter(Boolean).join(' '),
         onMouseMove: handleMouseMove,
         children: [
-            /*#__PURE__*/ _jsx("button", {
+            /*#__PURE__*/ _jsxDEV("button", {
                 className: [
                     `${baseClass}__draggable`,
                     className
@@ -433,10 +577,22 @@ const DraggableElement = ({ boundsRef, checkBounds, children, className, contain
                 },
                 type: "button",
                 children: children
-            }),
-            /*#__PURE__*/ _jsx("div", {})
+            }, void 0, false, {
+                fileName: "src/elements/EditUpload/index.tsx",
+                lineNumber: 445,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ _jsxDEV("div", {}, void 0, false, {
+                fileName: "src/elements/EditUpload/index.tsx",
+                lineNumber: 455,
+                columnNumber: 7
+            }, this)
         ]
-    });
+    }, void 0, true, {
+        fileName: "src/elements/EditUpload/index.tsx",
+        lineNumber: 436,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

package/dist/elements/EditUpload/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/EditUpload/index.tsx"],"sourcesContent":["'use client'\n\nimport type { UploadEdits } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport React, { useRef, useState } from 'react'\nimport ReactCrop from 'react-image-crop'\nimport 'react-image-crop/dist/ReactCrop.css'\n\nimport { editDrawerSlug } from '../../elements/Upload/index.js'\nimport { PlusIcon } from '../../icons/Plus/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\nimport './index.scss'\n\nconst baseClass = 'edit-upload'\n\ntype Props = {\n  name: string\n  onChange: (value: string) => void\n  ref?: React.RefObject<HTMLInputElement>\n  value: string\n}\n\nconst Input: React.FC<Props> = (props) => {\n  const { name, onChange, ref, value } = props\n\n  return (\n    <div className={`${baseClass}__input`}>\n      {name}\n      <input\n        name={name}\n        onChange={(e) => onChange(e.target.value)}\n        ref={ref}\n        type=\"number\"\n        value={value}\n      />\n    </div>\n  )\n}\n\ntype FocalPosition = {\n  x: number\n  y: number\n}\n\nexport type EditUploadProps = {\n  fileName: string\n  fileSrc: string\n  imageCacheTag?: string\n  initialCrop?: UploadEdits['crop']\n  initialFocalPoint?: FocalPosition\n  onSave?: (uploadEdits: UploadEdits) => void\n  showCrop?: boolean\n  showFocalPoint?: boolean\n}\n\nconst defaultCrop: UploadEdits['crop'] = {\n  height: 100,\n  unit: '%',\n  width: 100,\n  x: 0,\n  y: 0,\n}\n\nexport const EditUpload: React.FC<EditUploadProps> = ({\n  fileName,\n  fileSrc,\n  imageCacheTag,\n  initialCrop,\n  initialFocalPoint,\n  onSave,\n  showCrop,\n  showFocalPoint,\n}) => {\n  const { closeModal } = useModal()\n  const { t } = useTranslation()\n\n  const [crop, setCrop] = useState<UploadEdits['crop']>(() => ({\n    ...defaultCrop,\n    ...(initialCrop || {}),\n  }))\n\n  const defaultFocalPosition: FocalPosition = {\n    x: 50,\n    y: 50,\n  }\n\n  const [focalPosition, setFocalPosition] = useState<FocalPosition>(() => ({\n    ...defaultFocalPosition,\n    ...initialFocalPoint,\n  }))\n\n  const [checkBounds, setCheckBounds] = useState<boolean>(false)\n  const [uncroppedPixelHeight, setUncroppedPixelHeight] = useState<number>(0)\n  const [uncroppedPixelWidth, setUncroppedPixelWidth] = useState<number>(0)\n\n  const focalWrapRef = useRef<HTMLDivElement | undefined>(undefined)\n  const imageRef = useRef<HTMLImageElement | undefined>(undefined)\n  const cropRef = useRef<HTMLDivElement | undefined>(undefined)\n\n  const heightInputRef = useRef<HTMLInputElement | null>(null)\n  const widthInputRef = useRef<HTMLInputElement | null>(null)\n\n  const [imageLoaded, setImageLoaded] = useState<boolean>(false)\n\n  const onImageLoad = (e) => {\n    // set the default image height/width on load\n    setUncroppedPixelHeight(e.currentTarget.naturalHeight)\n    setUncroppedPixelWidth(e.currentTarget.naturalWidth)\n    setImageLoaded(true)\n  }\n\n  const fineTuneCrop = ({ dimension, value }: { dimension: 'height' | 'width'; value: string }) => {\n    const intValue = parseInt(value)\n    if (dimension === 'width' && intValue >= uncroppedPixelWidth) {\n      return null\n    }\n    if (dimension === 'height' && intValue >= uncroppedPixelHeight) {\n      return null\n    }\n\n    const percentage =\n      100 * (intValue / (dimension === 'width' ? uncroppedPixelWidth : uncroppedPixelHeight))\n\n    if (percentage === 100 || percentage === 0) {\n      return null\n    }\n\n    setCrop({\n      ...crop,\n      [dimension]: percentage,\n    })\n  }\n\n  const fineTuneFocalPosition = ({\n    coordinate,\n    value,\n  }: {\n    coordinate: 'x' | 'y'\n    value: string\n  }) => {\n    const intValue = parseInt(value)\n    if (intValue >= 0 && intValue <= 100) {\n      setFocalPosition((prevPosition) => ({ ...prevPosition, [coordinate]: intValue }))\n    }\n  }\n\n  const saveEdits = () => {\n    if (typeof onSave === 'function') {\n      onSave({\n        crop: crop ? crop : undefined,\n        focalPoint: focalPosition,\n        heightInPixels: Number(heightInputRef?.current?.value ?? uncroppedPixelHeight),\n        widthInPixels: Number(widthInputRef?.current?.value ?? uncroppedPixelWidth),\n      })\n    }\n    closeModal(editDrawerSlug)\n  }\n\n  const onDragEnd = React.useCallback(({ x, y }) => {\n    setFocalPosition({ x, y })\n    setCheckBounds(false)\n  }, [])\n\n  const centerFocalPoint = () => {\n    const containerRect = focalWrapRef.current.getBoundingClientRect()\n    const boundsRect = showCrop\n      ? cropRef.current.getBoundingClientRect()\n      : imageRef.current.getBoundingClientRect()\n    const xCenter =\n      ((boundsRect.left - containerRect.left + boundsRect.width / 2) / containerRect.width) * 100\n    const yCenter =\n      ((boundsRect.top - containerRect.top + boundsRect.height / 2) / containerRect.height) * 100\n    setFocalPosition({ x: xCenter, y: yCenter })\n  }\n\n  const fileSrcToUse = imageCacheTag ? `${fileSrc}?${encodeURIComponent(imageCacheTag)}` : fileSrc\n\n  return (\n    <div className={baseClass}>\n      <div className={`${baseClass}__header`}>\n        <h2 title={`${t('general:editing')} ${fileName}`}>\n          {t('general:editing')} {fileName}\n        </h2>\n        <div className={`${baseClass}__actions`}>\n          <Button\n            aria-label={t('general:cancel')}\n            buttonStyle=\"secondary\"\n            className={`${baseClass}__cancel`}\n            onClick={() => closeModal(editDrawerSlug)}\n          >\n            {t('general:cancel')}\n          </Button>\n          <Button\n            aria-label={t('general:applyChanges')}\n            buttonStyle=\"primary\"\n            className={`${baseClass}__save`}\n            disabled={!imageLoaded}\n            onClick={saveEdits}\n          >\n            {t('general:applyChanges')}\n          </Button>\n        </div>\n      </div>\n      <div className={`${baseClass}__toolWrap`}>\n        <div className={`${baseClass}__crop`}>\n          <div\n            className={`${baseClass}__focal-wrapper`}\n            ref={focalWrapRef}\n            style={{\n              aspectRatio: `${uncroppedPixelWidth / uncroppedPixelHeight}`,\n            }}\n          >\n            {showCrop ? (\n              <ReactCrop\n                className={`${baseClass}__reactCrop`}\n                crop={crop}\n                onChange={(_, c) => setCrop(c)}\n                onComplete={() => setCheckBounds(true)}\n                renderSelectionAddon={() => {\n                  return <div className={`${baseClass}__crop-window`} ref={cropRef} />\n                }}\n              >\n                <img\n                  alt={t('upload:setCropArea')}\n                  onLoad={onImageLoad}\n                  ref={imageRef}\n                  src={fileSrcToUse}\n                />\n              </ReactCrop>\n            ) : (\n              <img\n                alt={t('upload:setFocalPoint')}\n                onLoad={onImageLoad}\n                ref={imageRef}\n                src={fileSrcToUse}\n              />\n            )}\n            {showFocalPoint && (\n              <DraggableElement\n                boundsRef={showCrop ? cropRef : imageRef}\n                checkBounds={showCrop ? checkBounds : false}\n                className={`${baseClass}__focalPoint`}\n                containerRef={focalWrapRef}\n                initialPosition={focalPosition}\n                onDragEnd={onDragEnd}\n                setCheckBounds={showCrop ? setCheckBounds : false}\n              >\n                <PlusIcon />\n              </DraggableElement>\n            )}\n          </div>\n        </div>\n        {(showCrop || showFocalPoint) && (\n          <div className={`${baseClass}__sidebar`}>\n            {showCrop && (\n              <div className={`${baseClass}__groupWrap`}>\n                <div>\n                  <div className={`${baseClass}__titleWrap`}>\n                    <h3>{t('upload:crop')}</h3>\n                    <Button\n                      buttonStyle=\"none\"\n                      className={`${baseClass}__reset`}\n                      onClick={() =>\n                        setCrop({\n                          height: 100,\n                          unit: '%',\n                          width: 100,\n                          x: 0,\n                          y: 0,\n                        })\n                      }\n                    >\n                      {t('general:reset')}\n                    </Button>\n                  </div>\n                </div>\n                <span className={`${baseClass}__description`}>\n                  {t('upload:cropToolDescription')}\n                </span>\n                <div className={`${baseClass}__inputsWrap`}>\n                  <Input\n                    name={`${t('upload:width')} (px)`}\n                    onChange={(value) => fineTuneCrop({ dimension: 'width', value })}\n                    ref={widthInputRef}\n                    value={((crop.width / 100) * uncroppedPixelWidth).toFixed(0)}\n                  />\n                  <Input\n                    name={`${t('upload:height')} (px)`}\n                    onChange={(value) => fineTuneCrop({ dimension: 'height', value })}\n                    ref={heightInputRef}\n                    value={((crop.height / 100) * uncroppedPixelHeight).toFixed(0)}\n                  />\n                </div>\n              </div>\n            )}\n\n            {showFocalPoint && (\n              <div className={`${baseClass}__groupWrap`}>\n                <div>\n                  <div className={`${baseClass}__titleWrap`}>\n                    <h3>{t('upload:focalPoint')}</h3>\n                    <Button\n                      buttonStyle=\"none\"\n                      className={`${baseClass}__reset`}\n                      onClick={centerFocalPoint}\n                    >\n                      {t('general:reset')}\n                    </Button>\n                  </div>\n                </div>\n                <span className={`${baseClass}__description`}>\n                  {t('upload:focalPointDescription')}\n                </span>\n                <div className={`${baseClass}__inputsWrap`}>\n                  <Input\n                    name=\"X %\"\n                    onChange={(value) => fineTuneFocalPosition({ coordinate: 'x', value })}\n                    value={focalPosition.x.toFixed(0)}\n                  />\n                  <Input\n                    name=\"Y %\"\n                    onChange={(value) => fineTuneFocalPosition({ coordinate: 'y', value })}\n                    value={focalPosition.y.toFixed(0)}\n                  />\n                </div>\n              </div>\n            )}\n          </div>\n        )}\n      </div>\n    </div>\n  )\n}\n\nconst DraggableElement = ({\n  boundsRef,\n  checkBounds,\n  children,\n  className,\n  containerRef,\n  initialPosition = { x: 50, y: 50 },\n  onDragEnd,\n  setCheckBounds,\n}) => {\n  const [position, setPosition] = useState({ x: initialPosition.x, y: initialPosition.y })\n  const [isDragging, setIsDragging] = useState(false)\n  const dragRef = useRef<HTMLButtonElement | undefined>(undefined)\n\n  const getCoordinates = React.useCallback(\n    (mouseXArg?: number, mouseYArg?: number, recenter?: boolean) => {\n      const containerRect = containerRef.current.getBoundingClientRect()\n      const boundsRect = boundsRef.current.getBoundingClientRect()\n      const mouseX = mouseXArg ?? boundsRect.left\n      const mouseY = mouseYArg ?? boundsRect.top\n\n      const xOutOfBounds = mouseX < boundsRect.left || mouseX > boundsRect.right\n      const yOutOfBounds = mouseY < boundsRect.top || mouseY > boundsRect.bottom\n\n      let x = ((mouseX - containerRect.left) / containerRect.width) * 100\n      let y = ((mouseY - containerRect.top) / containerRect.height) * 100\n      const xCenter =\n        ((boundsRect.left - containerRect.left + boundsRect.width / 2) / containerRect.width) * 100\n      const yCenter =\n        ((boundsRect.top - containerRect.top + boundsRect.height / 2) / containerRect.height) * 100\n      if (xOutOfBounds || yOutOfBounds) {\n        setIsDragging(false)\n        if (mouseX < boundsRect.left) {\n          x = ((boundsRect.left - containerRect.left) / containerRect.width) * 100\n        } else if (mouseX > boundsRect.right) {\n          x =\n            ((containerRect.width - (containerRect.right - boundsRect.right)) /\n              containerRect.width) *\n            100\n        }\n\n        if (mouseY < boundsRect.top) {\n          y = ((boundsRect.top - containerRect.top) / containerRect.height) * 100\n        } else if (mouseY > boundsRect.bottom) {\n          y =\n            ((containerRect.height - (containerRect.bottom - boundsRect.bottom)) /\n              containerRect.height) *\n            100\n        }\n\n        if (recenter) {\n          x = xOutOfBounds ? xCenter : x\n          y = yOutOfBounds ? yCenter : y\n        }\n      }\n\n      return { x, y }\n    },\n    [boundsRef, containerRef],\n  )\n\n  const handleMouseDown = (event) => {\n    event.preventDefault()\n    setIsDragging(true)\n  }\n\n  const handleMouseMove = (event) => {\n    if (!isDragging) {\n      return null\n    }\n    const { x, y } = getCoordinates(event.clientX, event.clientY)\n\n    setPosition({ x, y })\n  }\n\n  const onDrop = () => {\n    setIsDragging(false)\n    onDragEnd(position)\n  }\n\n  React.useEffect(() => {\n    if (isDragging || !dragRef.current) {\n      return\n    }\n    if (checkBounds) {\n      const { height, left, top, width } = dragRef.current.getBoundingClientRect()\n      const { x, y } = getCoordinates(left + width / 2, top + height / 2, true)\n      onDragEnd({ x, y })\n      setPosition({ x, y })\n      setCheckBounds(false)\n      return\n    }\n  }, [getCoordinates, isDragging, checkBounds, setCheckBounds, position.x, position.y, onDragEnd])\n\n  React.useEffect(() => {\n    setPosition({ x: initialPosition.x, y: initialPosition.y })\n  }, [initialPosition.x, initialPosition.y])\n\n  return (\n    <div\n      className={[\n        `${baseClass}__draggable-container`,\n        isDragging && `${baseClass}__draggable-container--dragging`,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      onMouseMove={handleMouseMove}\n    >\n      <button\n        className={[`${baseClass}__draggable`, className].filter(Boolean).join(' ')}\n        onMouseDown={handleMouseDown}\n        onMouseUp={onDrop}\n        ref={dragRef}\n        style={{ left: `${position.x}%`, top: `${position.y}%` }}\n        type=\"button\"\n      >\n        {children}\n      </button>\n      <div />\n    </div>\n  )\n}\n"],"names":["useModal","React","useRef","useState","ReactCrop","editDrawerSlug","PlusIcon","useTranslation","Button","baseClass","Input","props","name","onChange","ref","value","div","className","input","e","target","type","defaultCrop","height","unit","width","x","y","EditUpload","fileName","fileSrc","imageCacheTag","initialCrop","initialFocalPoint","onSave","showCrop","showFocalPoint","closeModal","t","crop","setCrop","defaultFocalPosition","focalPosition","setFocalPosition","checkBounds","setCheckBounds","uncroppedPixelHeight","setUncroppedPixelHeight","uncroppedPixelWidth","setUncroppedPixelWidth","focalWrapRef","undefined","imageRef","cropRef","heightInputRef","widthInputRef","imageLoaded","setImageLoaded","onImageLoad","currentTarget","naturalHeight","naturalWidth","fineTuneCrop","dimension","intValue","parseInt","percentage","fineTuneFocalPosition","coordinate","prevPosition","saveEdits","focalPoint","heightInPixels","Number","current","widthInPixels","onDragEnd","useCallback","centerFocalPoint","containerRect","getBoundingClientRect","boundsRect","xCenter","left","yCenter","top","fileSrcToUse","encodeURIComponent","h2","title","aria-label","buttonStyle","onClick","disabled","style","aspectRatio","_","c","onComplete","renderSelectionAddon","img","alt","onLoad","src","DraggableElement","boundsRef","containerRef","initialPosition","h3","span","toFixed","children","position","setPosition","isDragging","setIsDragging","dragRef","getCoordinates","mouseXArg","mouseYArg","recenter","mouseX","mouseY","xOutOfBounds","right","yOutOfBounds","bottom","handleMouseDown","event","preventDefault","handleMouseMove","clientX","clientY","onDrop","useEffect","filter","Boolean","join","onMouseMove","button","onMouseDown","onMouseUp"],"mappings":"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"}
+{"version":3,"sources":["../../../src/elements/EditUpload/index.tsx"],"sourcesContent":["'use client'\n\nimport type { UploadEdits } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport React, { useRef, useState } from 'react'\nimport ReactCrop from 'react-image-crop'\nimport 'react-image-crop/dist/ReactCrop.css'\n\nimport { editDrawerSlug } from '../../elements/Upload/index.js'\nimport { PlusIcon } from '../../icons/Plus/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\nimport './index.scss'\n\nconst baseClass = 'edit-upload'\n\ntype Props = {\n  name: string\n  onChange: (value: string) => void\n  ref?: React.RefObject<HTMLInputElement>\n  value: string\n}\n\nconst Input: React.FC<Props> = (props) => {\n  const { name, onChange, ref, value } = props\n\n  return (\n    <div className={`${baseClass}__input`}>\n      {name}\n      <input\n        name={name}\n        onChange={(e) => onChange(e.target.value)}\n        ref={ref}\n        type=\"number\"\n        value={value}\n      />\n    </div>\n  )\n}\n\ntype FocalPosition = {\n  x: number\n  y: number\n}\n\nexport type EditUploadProps = {\n  fileName: string\n  fileSrc: string\n  imageCacheTag?: string\n  initialCrop?: UploadEdits['crop']\n  initialFocalPoint?: FocalPosition\n  onSave?: (uploadEdits: UploadEdits) => void\n  showCrop?: boolean\n  showFocalPoint?: boolean\n}\n\nconst defaultCrop: UploadEdits['crop'] = {\n  height: 100,\n  unit: '%',\n  width: 100,\n  x: 0,\n  y: 0,\n}\n\nexport const EditUpload: React.FC<EditUploadProps> = ({\n  fileName,\n  fileSrc,\n  imageCacheTag,\n  initialCrop,\n  initialFocalPoint,\n  onSave,\n  showCrop,\n  showFocalPoint,\n}) => {\n  const { closeModal } = useModal()\n  const { t } = useTranslation()\n\n  const [crop, setCrop] = useState<UploadEdits['crop']>(() => ({\n    ...defaultCrop,\n    ...(initialCrop || {}),\n  }))\n\n  const defaultFocalPosition: FocalPosition = {\n    x: 50,\n    y: 50,\n  }\n\n  const [focalPosition, setFocalPosition] = useState<FocalPosition>(() => ({\n    ...defaultFocalPosition,\n    ...initialFocalPoint,\n  }))\n\n  const [checkBounds, setCheckBounds] = useState<boolean>(false)\n  const [uncroppedPixelHeight, setUncroppedPixelHeight] = useState<number>(0)\n  const [uncroppedPixelWidth, setUncroppedPixelWidth] = useState<number>(0)\n\n  const focalWrapRef = useRef<HTMLDivElement | undefined>(undefined)\n  const imageRef = useRef<HTMLImageElement | undefined>(undefined)\n  const cropRef = useRef<HTMLDivElement | undefined>(undefined)\n\n  const heightInputRef = useRef<HTMLInputElement | null>(null)\n  const widthInputRef = useRef<HTMLInputElement | null>(null)\n\n  const [imageLoaded, setImageLoaded] = useState<boolean>(false)\n\n  const onImageLoad = (e) => {\n    // set the default image height/width on load\n    setUncroppedPixelHeight(e.currentTarget.naturalHeight)\n    setUncroppedPixelWidth(e.currentTarget.naturalWidth)\n    setImageLoaded(true)\n  }\n\n  const fineTuneCrop = ({ dimension, value }: { dimension: 'height' | 'width'; value: string }) => {\n    const intValue = parseInt(value)\n    if (dimension === 'width' && intValue >= uncroppedPixelWidth) {\n      return null\n    }\n    if (dimension === 'height' && intValue >= uncroppedPixelHeight) {\n      return null\n    }\n\n    const percentage =\n      100 * (intValue / (dimension === 'width' ? uncroppedPixelWidth : uncroppedPixelHeight))\n\n    if (percentage === 100 || percentage === 0) {\n      return null\n    }\n\n    setCrop({\n      ...crop,\n      [dimension]: percentage,\n    })\n  }\n\n  const fineTuneFocalPosition = ({\n    coordinate,\n    value,\n  }: {\n    coordinate: 'x' | 'y'\n    value: string\n  }) => {\n    const intValue = parseInt(value)\n    if (intValue >= 0 && intValue <= 100) {\n      setFocalPosition((prevPosition) => ({ ...prevPosition, [coordinate]: intValue }))\n    }\n  }\n\n  const saveEdits = () => {\n    if (typeof onSave === 'function') {\n      onSave({\n        crop: crop ? crop : undefined,\n        focalPoint: focalPosition,\n        heightInPixels: Number(heightInputRef?.current?.value ?? uncroppedPixelHeight),\n        widthInPixels: Number(widthInputRef?.current?.value ?? uncroppedPixelWidth),\n      })\n    }\n    closeModal(editDrawerSlug)\n  }\n\n  const onDragEnd = React.useCallback(({ x, y }) => {\n    setFocalPosition({ x, y })\n    setCheckBounds(false)\n  }, [])\n\n  const centerFocalPoint = () => {\n    const containerRect = focalWrapRef.current.getBoundingClientRect()\n    const boundsRect = showCrop\n      ? cropRef.current.getBoundingClientRect()\n      : imageRef.current.getBoundingClientRect()\n    const xCenter =\n      ((boundsRect.left - containerRect.left + boundsRect.width / 2) / containerRect.width) * 100\n    const yCenter =\n      ((boundsRect.top - containerRect.top + boundsRect.height / 2) / containerRect.height) * 100\n    setFocalPosition({ x: xCenter, y: yCenter })\n  }\n\n  const fileSrcToUse = imageCacheTag ? `${fileSrc}?${encodeURIComponent(imageCacheTag)}` : fileSrc\n\n  return (\n    <div className={baseClass}>\n      <div className={`${baseClass}__header`}>\n        <h2 title={`${t('general:editing')} ${fileName}`}>\n          {t('general:editing')} {fileName}\n        </h2>\n        <div className={`${baseClass}__actions`}>\n          <Button\n            aria-label={t('general:cancel')}\n            buttonStyle=\"secondary\"\n            className={`${baseClass}__cancel`}\n            onClick={() => closeModal(editDrawerSlug)}\n          >\n            {t('general:cancel')}\n          </Button>\n          <Button\n            aria-label={t('general:applyChanges')}\n            buttonStyle=\"primary\"\n            className={`${baseClass}__save`}\n            disabled={!imageLoaded}\n            onClick={saveEdits}\n          >\n            {t('general:applyChanges')}\n          </Button>\n        </div>\n      </div>\n      <div className={`${baseClass}__toolWrap`}>\n        <div className={`${baseClass}__crop`}>\n          <div\n            className={`${baseClass}__focal-wrapper`}\n            ref={focalWrapRef}\n            style={{\n              aspectRatio: `${uncroppedPixelWidth / uncroppedPixelHeight}`,\n            }}\n          >\n            {showCrop ? (\n              <ReactCrop\n                className={`${baseClass}__reactCrop`}\n                crop={crop}\n                onChange={(_, c) => setCrop(c)}\n                onComplete={() => setCheckBounds(true)}\n                renderSelectionAddon={() => {\n                  return <div className={`${baseClass}__crop-window`} ref={cropRef} />\n                }}\n              >\n                <img\n                  alt={t('upload:setCropArea')}\n                  onLoad={onImageLoad}\n                  ref={imageRef}\n                  src={fileSrcToUse}\n                />\n              </ReactCrop>\n            ) : (\n              <img\n                alt={t('upload:setFocalPoint')}\n                onLoad={onImageLoad}\n                ref={imageRef}\n                src={fileSrcToUse}\n              />\n            )}\n            {showFocalPoint && (\n              <DraggableElement\n                boundsRef={showCrop ? cropRef : imageRef}\n                checkBounds={showCrop ? checkBounds : false}\n                className={`${baseClass}__focalPoint`}\n                containerRef={focalWrapRef}\n                initialPosition={focalPosition}\n                onDragEnd={onDragEnd}\n                setCheckBounds={showCrop ? setCheckBounds : false}\n              >\n                <PlusIcon />\n              </DraggableElement>\n            )}\n          </div>\n        </div>\n        {(showCrop || showFocalPoint) && (\n          <div className={`${baseClass}__sidebar`}>\n            {showCrop && (\n              <div className={`${baseClass}__groupWrap`}>\n                <div>\n                  <div className={`${baseClass}__titleWrap`}>\n                    <h3>{t('upload:crop')}</h3>\n                    <Button\n                      buttonStyle=\"none\"\n                      className={`${baseClass}__reset`}\n                      onClick={() =>\n                        setCrop({\n                          height: 100,\n                          unit: '%',\n                          width: 100,\n                          x: 0,\n                          y: 0,\n                        })\n                      }\n                    >\n                      {t('general:reset')}\n                    </Button>\n                  </div>\n                </div>\n                <span className={`${baseClass}__description`}>\n                  {t('upload:cropToolDescription')}\n                </span>\n                <div className={`${baseClass}__inputsWrap`}>\n                  <Input\n                    name={`${t('upload:width')} (px)`}\n                    onChange={(value) => fineTuneCrop({ dimension: 'width', value })}\n                    ref={widthInputRef}\n                    value={((crop.width / 100) * uncroppedPixelWidth).toFixed(0)}\n                  />\n                  <Input\n                    name={`${t('upload:height')} (px)`}\n                    onChange={(value) => fineTuneCrop({ dimension: 'height', value })}\n                    ref={heightInputRef}\n                    value={((crop.height / 100) * uncroppedPixelHeight).toFixed(0)}\n                  />\n                </div>\n              </div>\n            )}\n\n            {showFocalPoint && (\n              <div className={`${baseClass}__groupWrap`}>\n                <div>\n                  <div className={`${baseClass}__titleWrap`}>\n                    <h3>{t('upload:focalPoint')}</h3>\n                    <Button\n                      buttonStyle=\"none\"\n                      className={`${baseClass}__reset`}\n                      onClick={centerFocalPoint}\n                    >\n                      {t('general:reset')}\n                    </Button>\n                  </div>\n                </div>\n                <span className={`${baseClass}__description`}>\n                  {t('upload:focalPointDescription')}\n                </span>\n                <div className={`${baseClass}__inputsWrap`}>\n                  <Input\n                    name=\"X %\"\n                    onChange={(value) => fineTuneFocalPosition({ coordinate: 'x', value })}\n                    value={focalPosition.x.toFixed(0)}\n                  />\n                  <Input\n                    name=\"Y %\"\n                    onChange={(value) => fineTuneFocalPosition({ coordinate: 'y', value })}\n                    value={focalPosition.y.toFixed(0)}\n                  />\n                </div>\n              </div>\n            )}\n          </div>\n        )}\n      </div>\n    </div>\n  )\n}\n\nconst DraggableElement = ({\n  boundsRef,\n  checkBounds,\n  children,\n  className,\n  containerRef,\n  initialPosition = { x: 50, y: 50 },\n  onDragEnd,\n  setCheckBounds,\n}) => {\n  const [position, setPosition] = useState({ x: initialPosition.x, y: initialPosition.y })\n  const [isDragging, setIsDragging] = useState(false)\n  const dragRef = useRef<HTMLButtonElement | undefined>(undefined)\n\n  const getCoordinates = React.useCallback(\n    (mouseXArg?: number, mouseYArg?: number, recenter?: boolean) => {\n      const containerRect = containerRef.current.getBoundingClientRect()\n      const boundsRect = boundsRef.current.getBoundingClientRect()\n      const mouseX = mouseXArg ?? boundsRect.left\n      const mouseY = mouseYArg ?? boundsRect.top\n\n      const xOutOfBounds = mouseX < boundsRect.left || mouseX > boundsRect.right\n      const yOutOfBounds = mouseY < boundsRect.top || mouseY > boundsRect.bottom\n\n      let x = ((mouseX - containerRect.left) / containerRect.width) * 100\n      let y = ((mouseY - containerRect.top) / containerRect.height) * 100\n      const xCenter =\n        ((boundsRect.left - containerRect.left + boundsRect.width / 2) / containerRect.width) * 100\n      const yCenter =\n        ((boundsRect.top - containerRect.top + boundsRect.height / 2) / containerRect.height) * 100\n      if (xOutOfBounds || yOutOfBounds) {\n        setIsDragging(false)\n        if (mouseX < boundsRect.left) {\n          x = ((boundsRect.left - containerRect.left) / containerRect.width) * 100\n        } else if (mouseX > boundsRect.right) {\n          x =\n            ((containerRect.width - (containerRect.right - boundsRect.right)) /\n              containerRect.width) *\n            100\n        }\n\n        if (mouseY < boundsRect.top) {\n          y = ((boundsRect.top - containerRect.top) / containerRect.height) * 100\n        } else if (mouseY > boundsRect.bottom) {\n          y =\n            ((containerRect.height - (containerRect.bottom - boundsRect.bottom)) /\n              containerRect.height) *\n            100\n        }\n\n        if (recenter) {\n          x = xOutOfBounds ? xCenter : x\n          y = yOutOfBounds ? yCenter : y\n        }\n      }\n\n      return { x, y }\n    },\n    [boundsRef, containerRef],\n  )\n\n  const handleMouseDown = (event) => {\n    event.preventDefault()\n    setIsDragging(true)\n  }\n\n  const handleMouseMove = (event) => {\n    if (!isDragging) {\n      return null\n    }\n    const { x, y } = getCoordinates(event.clientX, event.clientY)\n\n    setPosition({ x, y })\n  }\n\n  const onDrop = () => {\n    setIsDragging(false)\n    onDragEnd(position)\n  }\n\n  React.useEffect(() => {\n    if (isDragging || !dragRef.current) {\n      return\n    }\n    if (checkBounds) {\n      const { height, left, top, width } = dragRef.current.getBoundingClientRect()\n      const { x, y } = getCoordinates(left + width / 2, top + height / 2, true)\n      onDragEnd({ x, y })\n      setPosition({ x, y })\n      setCheckBounds(false)\n      return\n    }\n  }, [getCoordinates, isDragging, checkBounds, setCheckBounds, position.x, position.y, onDragEnd])\n\n  React.useEffect(() => {\n    setPosition({ x: initialPosition.x, y: initialPosition.y })\n  }, [initialPosition.x, initialPosition.y])\n\n  return (\n    <div\n      className={[\n        `${baseClass}__draggable-container`,\n        isDragging && `${baseClass}__draggable-container--dragging`,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      onMouseMove={handleMouseMove}\n    >\n      <button\n        className={[`${baseClass}__draggable`, className].filter(Boolean).join(' ')}\n        onMouseDown={handleMouseDown}\n        onMouseUp={onDrop}\n        ref={dragRef}\n        style={{ left: `${position.x}%`, top: `${position.y}%` }}\n        type=\"button\"\n      >\n        {children}\n      </button>\n      <div />\n    </div>\n  )\n}\n"],"names":["useModal","React","useRef","useState","ReactCrop","editDrawerSlug","PlusIcon","useTranslation","Button","baseClass","Input","props","name","onChange","ref","value","div","className","input","e","target","type","defaultCrop","height","unit","width","x","y","EditUpload","fileName","fileSrc","imageCacheTag","initialCrop","initialFocalPoint","onSave","showCrop","showFocalPoint","closeModal","t","crop","setCrop","defaultFocalPosition","focalPosition","setFocalPosition","checkBounds","setCheckBounds","uncroppedPixelHeight","setUncroppedPixelHeight","uncroppedPixelWidth","setUncroppedPixelWidth","focalWrapRef","undefined","imageRef","cropRef","heightInputRef","widthInputRef","imageLoaded","setImageLoaded","onImageLoad","currentTarget","naturalHeight","naturalWidth","fineTuneCrop","dimension","intValue","parseInt","percentage","fineTuneFocalPosition","coordinate","prevPosition","saveEdits","focalPoint","heightInPixels","Number","current","widthInPixels","onDragEnd","useCallback","centerFocalPoint","containerRect","getBoundingClientRect","boundsRect","xCenter","left","yCenter","top","fileSrcToUse","encodeURIComponent","h2","title","aria-label","buttonStyle","onClick","disabled","style","aspectRatio","_","c","onComplete","renderSelectionAddon","img","alt","onLoad","src","DraggableElement","boundsRef","containerRef","initialPosition","h3","span","toFixed","children","position","setPosition","isDragging","setIsDragging","dragRef","getCoordinates","mouseXArg","mouseYArg","recenter","mouseX","mouseY","xOutOfBounds","right","yOutOfBounds","bottom","handleMouseDown","event","preventDefault","handleMouseMove","clientX","clientY","onDrop","useEffect","filter","Boolean","join","onMouseMove","button","onMouseDown","onMouseUp"],"mappings":"AAAA;;AAIA,SAASA,QAAQ,QAAQ,qBAAoB;AAC7C,OAAOC,SAASC,MAAM,EAAEC,QAAQ,QAAQ,QAAO;AAC/C,OAAOC,eAAe,mBAAkB;AACxC,OAAO,sCAAqC;AAE5C,SAASC,cAAc,QAAQ,iCAAgC;AAC/D,SAASC,QAAQ,QAAQ,4BAA2B;AACpD,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,MAAM,QAAQ,qBAAoB;AAC3C,OAAO,eAAc;AAErB,MAAMC,YAAY;AASlB,MAAMC,QAAyB,CAACC;IAC9B,MAAM,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,GAAG,EAAEC,KAAK,EAAE,GAAGJ;IAEvC,qBACE,QAACK;QAAIC,WAAW,GAAGR,UAAU,OAAO,CAAC;;YAClCG;0BACD,QAACM;gBACCN,MAAMA;gBACNC,UAAU,CAACM,IAAMN,SAASM,EAAEC,MAAM,CAACL,KAAK;gBACxCD,KAAKA;gBACLO,MAAK;gBACLN,OAAOA;;;;;;;;;;;;AAIf;AAkBA,MAAMO,cAAmC;IACvCC,QAAQ;IACRC,MAAM;IACNC,OAAO;IACPC,GAAG;IACHC,GAAG;AACL;AAEA,OAAO,MAAMC,aAAwC,CAAC,EACpDC,QAAQ,EACRC,OAAO,EACPC,aAAa,EACbC,WAAW,EACXC,iBAAiB,EACjBC,MAAM,EACNC,QAAQ,EACRC,cAAc,EACf;IACC,MAAM,EAAEC,UAAU,EAAE,GAAGrC;IACvB,MAAM,EAAEsC,CAAC,EAAE,GAAG/B;IAEd,MAAM,CAACgC,MAAMC,QAAQ,GAAGrC,SAA8B,IAAO,CAAA;YAC3D,GAAGmB,WAAW;YACd,GAAIU,eAAe,CAAC,CAAC;QACvB,CAAA;IAEA,MAAMS,uBAAsC;QAC1Cf,GAAG;QACHC,GAAG;IACL;IAEA,MAAM,CAACe,eAAeC,iBAAiB,GAAGxC,SAAwB,IAAO,CAAA;YACvE,GAAGsC,oBAAoB;YACvB,GAAGR,iBAAiB;QACtB,CAAA;IAEA,MAAM,CAACW,aAAaC,eAAe,GAAG1C,SAAkB;IACxD,MAAM,CAAC2C,sBAAsBC,wBAAwB,GAAG5C,SAAiB;IACzE,MAAM,CAAC6C,qBAAqBC,uBAAuB,GAAG9C,SAAiB;IAEvE,MAAM+C,eAAehD,OAAmCiD;IACxD,MAAMC,WAAWlD,OAAqCiD;IACtD,MAAME,UAAUnD,OAAmCiD;IAEnD,MAAMG,iBAAiBpD,OAAgC;IACvD,MAAMqD,gBAAgBrD,OAAgC;IAEtD,MAAM,CAACsD,aAAaC,eAAe,GAAGtD,SAAkB;IAExD,MAAMuD,cAAc,CAACvC;QACnB,6CAA6C;QAC7C4B,wBAAwB5B,EAAEwC,aAAa,CAACC,aAAa;QACrDX,uBAAuB9B,EAAEwC,aAAa,CAACE,YAAY;QACnDJ,eAAe;IACjB;IAEA,MAAMK,eAAe,CAAC,EAAEC,SAAS,EAAEhD,KAAK,EAAoD;QAC1F,MAAMiD,WAAWC,SAASlD;QAC1B,IAAIgD,cAAc,WAAWC,YAAYhB,qBAAqB;YAC5D,OAAO;QACT;QACA,IAAIe,cAAc,YAAYC,YAAYlB,sBAAsB;YAC9D,OAAO;QACT;QAEA,MAAMoB,aACJ,MAAOF,CAAAA,WAAYD,CAAAA,cAAc,UAAUf,sBAAsBF,oBAAmB,CAAC;QAEvF,IAAIoB,eAAe,OAAOA,eAAe,GAAG;YAC1C,OAAO;QACT;QAEA1B,QAAQ;YACN,GAAGD,IAAI;YACP,CAACwB,UAAU,EAAEG;QACf;IACF;IAEA,MAAMC,wBAAwB,CAAC,EAC7BC,UAAU,EACVrD,KAAK,EAIN;QACC,MAAMiD,WAAWC,SAASlD;QAC1B,IAAIiD,YAAY,KAAKA,YAAY,KAAK;YACpCrB,iBAAiB,CAAC0B,eAAkB,CAAA;oBAAE,GAAGA,YAAY;oBAAE,CAACD,WAAW,EAAEJ;gBAAS,CAAA;QAChF;IACF;IAEA,MAAMM,YAAY;QAChB,IAAI,OAAOpC,WAAW,YAAY;YAChCA,OAAO;gBACLK,MAAMA,OAAOA,OAAOY;gBACpBoB,YAAY7B;gBACZ8B,gBAAgBC,OAAOnB,gBAAgBoB,SAAS3D,SAAS+B;gBACzD6B,eAAeF,OAAOlB,eAAemB,SAAS3D,SAASiC;YACzD;QACF;QACAX,WAAWhC;IACb;IAEA,MAAMuE,YAAY3E,MAAM4E,WAAW,CAAC,CAAC,EAAEnD,CAAC,EAAEC,CAAC,EAAE;QAC3CgB,iBAAiB;YAAEjB;YAAGC;QAAE;QACxBkB,eAAe;IACjB,GAAG,EAAE;IAEL,MAAMiC,mBAAmB;QACvB,MAAMC,gBAAgB7B,aAAawB,OAAO,CAACM,qBAAqB;QAChE,MAAMC,aAAa9C,WACfkB,QAAQqB,OAAO,CAACM,qBAAqB,KACrC5B,SAASsB,OAAO,CAACM,qBAAqB;QAC1C,MAAME,UACJ,AAAED,CAAAA,WAAWE,IAAI,GAAGJ,cAAcI,IAAI,GAAGF,WAAWxD,KAAK,GAAG,CAAA,IAAKsD,cAActD,KAAK,GAAI;QAC1F,MAAM2D,UACJ,AAAEH,CAAAA,WAAWI,GAAG,GAAGN,cAAcM,GAAG,GAAGJ,WAAW1D,MAAM,GAAG,CAAA,IAAKwD,cAAcxD,MAAM,GAAI;QAC1FoB,iBAAiB;YAAEjB,GAAGwD;YAASvD,GAAGyD;QAAQ;IAC5C;IAEA,MAAME,eAAevD,gBAAgB,GAAGD,QAAQ,CAAC,EAAEyD,mBAAmBxD,gBAAgB,GAAGD;IAEzF,qBACE,QAACd;QAAIC,WAAWR;;0BACd,QAACO;gBAAIC,WAAW,GAAGR,UAAU,QAAQ,CAAC;;kCACpC,QAAC+E;wBAAGC,OAAO,GAAGnD,EAAE,mBAAmB,CAAC,EAAET,UAAU;;4BAC7CS,EAAE;4BAAmB;4BAAET;;;;;;;kCAE1B,QAACb;wBAAIC,WAAW,GAAGR,UAAU,SAAS,CAAC;;0CACrC,QAACD;gCACCkF,cAAYpD,EAAE;gCACdqD,aAAY;gCACZ1E,WAAW,GAAGR,UAAU,QAAQ,CAAC;gCACjCmF,SAAS,IAAMvD,WAAWhC;0CAEzBiC,EAAE;;;;;;0CAEL,QAAC9B;gCACCkF,cAAYpD,EAAE;gCACdqD,aAAY;gCACZ1E,WAAW,GAAGR,UAAU,MAAM,CAAC;gCAC/BoF,UAAU,CAACrC;gCACXoC,SAAStB;0CAERhC,EAAE;;;;;;;;;;;;;;;;;;0BAIT,QAACtB;gBAAIC,WAAW,GAAGR,UAAU,UAAU,CAAC;;kCACtC,QAACO;wBAAIC,WAAW,GAAGR,UAAU,MAAM,CAAC;kCAClC,cAAA,QAACO;4BACCC,WAAW,GAAGR,UAAU,eAAe,CAAC;4BACxCK,KAAKoC;4BACL4C,OAAO;gCACLC,aAAa,GAAG/C,sBAAsBF,sBAAsB;4BAC9D;;gCAECX,yBACC,QAAC/B;oCACCa,WAAW,GAAGR,UAAU,WAAW,CAAC;oCACpC8B,MAAMA;oCACN1B,UAAU,CAACmF,GAAGC,IAAMzD,QAAQyD;oCAC5BC,YAAY,IAAMrD,eAAe;oCACjCsD,sBAAsB;wCACpB,qBAAO,QAACnF;4CAAIC,WAAW,GAAGR,UAAU,aAAa,CAAC;4CAAEK,KAAKuC;;;;;;oCAC3D;8CAEA,cAAA,QAAC+C;wCACCC,KAAK/D,EAAE;wCACPgE,QAAQ5C;wCACR5C,KAAKsC;wCACLmD,KAAKjB;;;;;;;;;;yDAIT,QAACc;oCACCC,KAAK/D,EAAE;oCACPgE,QAAQ5C;oCACR5C,KAAKsC;oCACLmD,KAAKjB;;;;;;gCAGRlD,gCACC,QAACoE;oCACCC,WAAWtE,WAAWkB,UAAUD;oCAChCR,aAAaT,WAAWS,cAAc;oCACtC3B,WAAW,GAAGR,UAAU,YAAY,CAAC;oCACrCiG,cAAcxD;oCACdyD,iBAAiBjE;oCACjBkC,WAAWA;oCACX/B,gBAAgBV,WAAWU,iBAAiB;8CAE5C,cAAA,QAACvC;;;;;;;;;;;;;;;;;;;;;oBAKP6B,CAAAA,YAAYC,cAAa,mBACzB,QAACpB;wBAAIC,WAAW,GAAGR,UAAU,SAAS,CAAC;;4BACpC0B,0BACC,QAACnB;gCAAIC,WAAW,GAAGR,UAAU,WAAW,CAAC;;kDACvC,QAACO;kDACC,cAAA,QAACA;4CAAIC,WAAW,GAAGR,UAAU,WAAW,CAAC;;8DACvC,QAACmG;8DAAItE,EAAE;;;;;;8DACP,QAAC9B;oDACCmF,aAAY;oDACZ1E,WAAW,GAAGR,UAAU,OAAO,CAAC;oDAChCmF,SAAS,IACPpD,QAAQ;4DACNjB,QAAQ;4DACRC,MAAM;4DACNC,OAAO;4DACPC,GAAG;4DACHC,GAAG;wDACL;8DAGDW,EAAE;;;;;;;;;;;;;;;;;kDAIT,QAACuE;wCAAK5F,WAAW,GAAGR,UAAU,aAAa,CAAC;kDACzC6B,EAAE;;;;;;kDAEL,QAACtB;wCAAIC,WAAW,GAAGR,UAAU,YAAY,CAAC;;0DACxC,QAACC;gDACCE,MAAM,GAAG0B,EAAE,gBAAgB,KAAK,CAAC;gDACjCzB,UAAU,CAACE,QAAU+C,aAAa;wDAAEC,WAAW;wDAAShD;oDAAM;gDAC9DD,KAAKyC;gDACLxC,OAAO,AAAC,CAAA,AAACwB,KAAKd,KAAK,GAAG,MAAOuB,mBAAkB,EAAG8D,OAAO,CAAC;;;;;;0DAE5D,QAACpG;gDACCE,MAAM,GAAG0B,EAAE,iBAAiB,KAAK,CAAC;gDAClCzB,UAAU,CAACE,QAAU+C,aAAa;wDAAEC,WAAW;wDAAUhD;oDAAM;gDAC/DD,KAAKwC;gDACLvC,OAAO,AAAC,CAAA,AAACwB,KAAKhB,MAAM,GAAG,MAAOuB,oBAAmB,EAAGgE,OAAO,CAAC;;;;;;;;;;;;;;;;;;4BAMnE1E,gCACC,QAACpB;gCAAIC,WAAW,GAAGR,UAAU,WAAW,CAAC;;kDACvC,QAACO;kDACC,cAAA,QAACA;4CAAIC,WAAW,GAAGR,UAAU,WAAW,CAAC;;8DACvC,QAACmG;8DAAItE,EAAE;;;;;;8DACP,QAAC9B;oDACCmF,aAAY;oDACZ1E,WAAW,GAAGR,UAAU,OAAO,CAAC;oDAChCmF,SAASd;8DAERxC,EAAE;;;;;;;;;;;;;;;;;kDAIT,QAACuE;wCAAK5F,WAAW,GAAGR,UAAU,aAAa,CAAC;kDACzC6B,EAAE;;;;;;kDAEL,QAACtB;wCAAIC,WAAW,GAAGR,UAAU,YAAY,CAAC;;0DACxC,QAACC;gDACCE,MAAK;gDACLC,UAAU,CAACE,QAAUoD,sBAAsB;wDAAEC,YAAY;wDAAKrD;oDAAM;gDACpEA,OAAO2B,cAAchB,CAAC,CAACoF,OAAO,CAAC;;;;;;0DAEjC,QAACpG;gDACCE,MAAK;gDACLC,UAAU,CAACE,QAAUoD,sBAAsB;wDAAEC,YAAY;wDAAKrD;oDAAM;gDACpEA,OAAO2B,cAAcf,CAAC,CAACmF,OAAO,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUnD,EAAC;AAED,MAAMN,mBAAmB,CAAC,EACxBC,SAAS,EACT7D,WAAW,EACXmE,QAAQ,EACR9F,SAAS,EACTyF,YAAY,EACZC,kBAAkB;IAAEjF,GAAG;IAAIC,GAAG;AAAG,CAAC,EAClCiD,SAAS,EACT/B,cAAc,EACf;IACC,MAAM,CAACmE,UAAUC,YAAY,GAAG9G,SAAS;QAAEuB,GAAGiF,gBAAgBjF,CAAC;QAAEC,GAAGgF,gBAAgBhF,CAAC;IAAC;IACtF,MAAM,CAACuF,YAAYC,cAAc,GAAGhH,SAAS;IAC7C,MAAMiH,UAAUlH,OAAsCiD;IAEtD,MAAMkE,iBAAiBpH,MAAM4E,WAAW,CACtC,CAACyC,WAAoBC,WAAoBC;QACvC,MAAMzC,gBAAgB2B,aAAahC,OAAO,CAACM,qBAAqB;QAChE,MAAMC,aAAawB,UAAU/B,OAAO,CAACM,qBAAqB;QAC1D,MAAMyC,SAASH,aAAarC,WAAWE,IAAI;QAC3C,MAAMuC,SAASH,aAAatC,WAAWI,GAAG;QAE1C,MAAMsC,eAAeF,SAASxC,WAAWE,IAAI,IAAIsC,SAASxC,WAAW2C,KAAK;QAC1E,MAAMC,eAAeH,SAASzC,WAAWI,GAAG,IAAIqC,SAASzC,WAAW6C,MAAM;QAE1E,IAAIpG,IAAI,AAAE+F,CAAAA,SAAS1C,cAAcI,IAAI,AAAD,IAAKJ,cAActD,KAAK,GAAI;QAChE,IAAIE,IAAI,AAAE+F,CAAAA,SAAS3C,cAAcM,GAAG,AAAD,IAAKN,cAAcxD,MAAM,GAAI;QAChE,MAAM2D,UACJ,AAAED,CAAAA,WAAWE,IAAI,GAAGJ,cAAcI,IAAI,GAAGF,WAAWxD,KAAK,GAAG,CAAA,IAAKsD,cAActD,KAAK,GAAI;QAC1F,MAAM2D,UACJ,AAAEH,CAAAA,WAAWI,GAAG,GAAGN,cAAcM,GAAG,GAAGJ,WAAW1D,MAAM,GAAG,CAAA,IAAKwD,cAAcxD,MAAM,GAAI;QAC1F,IAAIoG,gBAAgBE,cAAc;YAChCV,cAAc;YACd,IAAIM,SAASxC,WAAWE,IAAI,EAAE;gBAC5BzD,IAAI,AAAEuD,CAAAA,WAAWE,IAAI,GAAGJ,cAAcI,IAAI,AAAD,IAAKJ,cAActD,KAAK,GAAI;YACvE,OAAO,IAAIgG,SAASxC,WAAW2C,KAAK,EAAE;gBACpClG,IACE,AAAEqD,CAAAA,cAActD,KAAK,GAAIsD,CAAAA,cAAc6C,KAAK,GAAG3C,WAAW2C,KAAK,AAAD,CAAC,IAC7D7C,cAActD,KAAK,GACrB;YACJ;YAEA,IAAIiG,SAASzC,WAAWI,GAAG,EAAE;gBAC3B1D,IAAI,AAAEsD,CAAAA,WAAWI,GAAG,GAAGN,cAAcM,GAAG,AAAD,IAAKN,cAAcxD,MAAM,GAAI;YACtE,OAAO,IAAImG,SAASzC,WAAW6C,MAAM,EAAE;gBACrCnG,IACE,AAAEoD,CAAAA,cAAcxD,MAAM,GAAIwD,CAAAA,cAAc+C,MAAM,GAAG7C,WAAW6C,MAAM,AAAD,CAAC,IAChE/C,cAAcxD,MAAM,GACtB;YACJ;YAEA,IAAIiG,UAAU;gBACZ9F,IAAIiG,eAAezC,UAAUxD;gBAC7BC,IAAIkG,eAAezC,UAAUzD;YAC/B;QACF;QAEA,OAAO;YAAED;YAAGC;QAAE;IAChB,GACA;QAAC8E;QAAWC;KAAa;IAG3B,MAAMqB,kBAAkB,CAACC;QACvBA,MAAMC,cAAc;QACpBd,cAAc;IAChB;IAEA,MAAMe,kBAAkB,CAACF;QACvB,IAAI,CAACd,YAAY;YACf,OAAO;QACT;QACA,MAAM,EAAExF,CAAC,EAAEC,CAAC,EAAE,GAAG0F,eAAeW,MAAMG,OAAO,EAAEH,MAAMI,OAAO;QAE5DnB,YAAY;YAAEvF;YAAGC;QAAE;IACrB;IAEA,MAAM0G,SAAS;QACblB,cAAc;QACdvC,UAAUoC;IACZ;IAEA/G,MAAMqI,SAAS,CAAC;QACd,IAAIpB,cAAc,CAACE,QAAQ1C,OAAO,EAAE;YAClC;QACF;QACA,IAAI9B,aAAa;YACf,MAAM,EAAErB,MAAM,EAAE4D,IAAI,EAAEE,GAAG,EAAE5D,KAAK,EAAE,GAAG2F,QAAQ1C,OAAO,CAACM,qBAAqB;YAC1E,MAAM,EAAEtD,CAAC,EAAEC,CAAC,EAAE,GAAG0F,eAAelC,OAAO1D,QAAQ,GAAG4D,MAAM9D,SAAS,GAAG;YACpEqD,UAAU;gBAAElD;gBAAGC;YAAE;YACjBsF,YAAY;gBAAEvF;gBAAGC;YAAE;YACnBkB,eAAe;YACf;QACF;IACF,GAAG;QAACwE;QAAgBH;QAAYtE;QAAaC;QAAgBmE,SAAStF,CAAC;QAAEsF,SAASrF,CAAC;QAAEiD;KAAU;IAE/F3E,MAAMqI,SAAS,CAAC;QACdrB,YAAY;YAAEvF,GAAGiF,gBAAgBjF,CAAC;YAAEC,GAAGgF,gBAAgBhF,CAAC;QAAC;IAC3D,GAAG;QAACgF,gBAAgBjF,CAAC;QAAEiF,gBAAgBhF,CAAC;KAAC;IAEzC,qBACE,QAACX;QACCC,WAAW;YACT,GAAGR,UAAU,qBAAqB,CAAC;YACnCyG,cAAc,GAAGzG,UAAU,+BAA+B,CAAC;SAC5D,CACE8H,MAAM,CAACC,SACPC,IAAI,CAAC;QACRC,aAAaR;;0BAEb,QAACS;gBACC1H,WAAW;oBAAC,GAAGR,UAAU,WAAW,CAAC;oBAAEQ;iBAAU,CAACsH,MAAM,CAACC,SAASC,IAAI,CAAC;gBACvEG,aAAab;gBACbc,WAAWR;gBACXvH,KAAKsG;gBACLtB,OAAO;oBAAEX,MAAM,GAAG6B,SAAStF,CAAC,CAAC,CAAC,CAAC;oBAAE2D,KAAK,GAAG2B,SAASrF,CAAC,CAAC,CAAC,CAAC;gBAAC;gBACvDN,MAAK;0BAEJ0F;;;;;;0BAEH,QAAC/F;;;;;;;;;;;AAGP"}