https://next-cuba-doc-pixelstrapthemes.vercel.app/_next/static/chu…/ImageCropper-3739041dbd26394d.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[186],{8097:function(e,t,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/ImageCropper",function(){return r(1187)}])},1187:function(e,t,r){"use strict";function i(e,t,r,i,n,o,h){try{var a=e[o](h),s=a.value}catch(d){r(d);return}a.done?t(s):Promise.resolve(s).then(i,n)}r.r(t),r.d(t,{default:function(){return c}});var n=r(655),o=r(5893),h=r(7294),a=r(6120),s=r.n(a);r(1919);var d={src:"/_next/static/media/bg-home.e634b9f2.jpg",height:420,width:1920,blurDataURL:"data:image/jpeg;base64,/9j/2wBDAAoHBwgHBgoICAgLCgoLDhgQDg0NDh0VFhEYIx8lJCIfIiEmKzcvJik0KSEiMEExNDk7Pj4+JS5ESUM8SDc9Pjv/2wBDAQoLCw4NDhwQEBw7KCIoOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozv/wAARCAACAAgDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAf/xAAYEAEAAwEAAAAAAAAAAAAAAAAAAgMzcf/EABUBAQEAAAAAAAAAAAAAAAAAAAID/8QAFxEBAAMAAAAAAAAAAAAAAAAAAAECMf/aAAwDAQACEQMRAD8AmdOsegFKlMf/2Q==",blurWidth:8,blurHeight:2};function l(e){var t=function(e,t,r){var i=document.createElement("canvas"),n=e.naturalWidth/e.width,o=e.naturalHeight/e.height;return i.width=t.width,i.height=t.height,i.getContext("2d").drawImage(e,t.x*n,t.y*o,t.width*n,t.height*o,0,0,t.width,t.height),new Promise(function(e,t){i.toBlob(function(i){if(!i){t(Error("Canvas is empty"));return}i.name=r,e(window.URL.createObjectURL(i))},"image/jpeg")})},r=e.imageToCrop,a=e.onImageCropped,l=(0,h.useState)({unit:"%",width:30,aspect:16/9}),c=l[0],p=l[1],g=(0,h.useState)(),w=g[0],u=g[1];function x(){var e;return(x=(e=function(e){var r;return(0,n.__generator)(this,function(i){switch(i.label){case 0:if(!(w&&e.width&&e.height))return[3,2];return[4,t(w,e,"croppedImage.jpeg")];case 1:a(r=i.sent()),i.label=2;case 2:return[2]}})},function(){var t=this,r=arguments;return new Promise(function(n,o){var h=e.apply(t,r);function a(e){i(h,n,o,a,s,"next",e)}function s(e){i(h,n,o,a,s,"throw",e)}a(void 0)})})).apply(this,arguments)}return(0,o.jsx)(s(),{src:r||d,crop:c,ruleOfThirds:!0,onImageLoaded:function(e){return u(e)},onComplete:function(e){return function(e){return x.apply(this,arguments)}(e)},onChange:function(e){return p(e)},crossorigin:"anonymous"})}l.defaultProps={onImageCropped:function(){}};var c=l},1919:function(){},6120:function(e,t,r){var i;i=e=>(()=>{"use strict";var t={251(e,t,r){var i=r(899),n=Symbol.for("react.element"),o=Symbol.for("react.fragment"),h=Object.prototype.hasOwnProperty,a=i.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,s={key:!0,ref:!0,__self:!0,__source:!0};function d(e,t,r){var i,o={},d=null,l=null;for(i in void 0!==r&&(d=""+r),void 0!==t.key&&(d=""+t.key),void 0!==t.ref&&(l=t.ref),t)h.call(t,i)&&!s.hasOwnProperty(i)&&(o[i]=t[i]);if(e&&e.defaultProps)for(i in t=e.defaultProps)void 0===o[i]&&(o[i]=t[i]);return{$$typeof:n,type:e,key:d,ref:l,props:o,_owner:a.current}}t.Fragment=o,t.jsx=d,t.jsxs=d},893(e,t,r){e.exports=r(251)},899(t){t.exports=e}},r={};function i(e){var n=r[e];if(void 0!==n)return n.exports;var o=r[e]={exports:{}};return t[e](o,o.exports,i),o.exports}i.d=(e,t)=>{for(var r in t)i.o(t,r)&&!i.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},i.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),i.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var n={};return(()=>{i.r(n),i.d(n,{Component:()=>u,areCropsEqual:()=>a,centerCrop:()=>d,clamp:()=>h,containCrop:()=>p,convertToPercentCrop:()=>l,convertToPixelCrop:()=>c,default:()=>u,defaultCrop:()=>o,makeAspectCrop:()=>s,nudgeCrop:()=>g});var e=i(893),t=i(899);function r(e){var t,i,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e){if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(i=r(e[t]))&&(n&&(n+=" "),n+=i);else for(t in e)e[t]&&(n&&(n+=" "),n+=t)}return n}let o={x:0,y:0,width:0,height:0,unit:"px"};function h(e,t,r){return Math.min(Math.max(e,t),r)}function a(e,t){return e.width===t.width&&e.height===t.height&&e.x===t.x&&e.y===t.y&&e.unit===t.unit}function s(e,t,r,i){let n=c(e,r,i);return e.width&&(n.height=n.width/t),e.height&&(n.width=n.height*t),n.y+n.height>i&&(n.height=i-n.y,n.width=n.height*t),n.x+n.width>r&&(n.width=r-n.x,n.height=n.width/t),"%"===e.unit?l(n,r,i):n}function d(e,t,r){let i=c(e,t,r);return i.x=(t-i.width)/2,i.y=(r-i.height)/2,"%"===e.unit?l(i,t,r):i}function l(e,t,r){return"%"===e.unit?{...o,...e,unit:"%"}:{unit:"%",x:e.x?e.x/t*100:0,y:e.y?e.y/r*100:0,width:e.width?e.width/t*100:0,height:e.height?e.height/r*100:0}}function c(e,t,r){return e.unit?"px"===e.unit?{...o,...e,unit:"px"}:{unit:"px",x:e.x?e.x*t/100:0,y:e.y?e.y*r/100:0,width:e.width?e.width*t/100:0,height:e.height?e.height*r/100:0}:{...o,...e,unit:"px"}}function p(e,t,r,i,n,o=0,h=0,a=i,s=n){let d={...e},l=Math.min(o,i),c=Math.min(h,n),p=Math.min(a,i),g=Math.min(s,n);t&&(t>1?(c=(l=h?h*t:l)/t,p=a*t):(l=(c=o?o/t:c)*t,g=s/t)),d.y<0&&(d.height=Math.max(d.height+d.y,c),d.y=0),d.x<0&&(d.width=Math.max(d.width+d.x,l),d.x=0);let w=i-(d.x+d.width);

1w<0&&(d.x=Math.min(d.x,i-l),d.width+=w);let u=n-(d.y+d.height);if(u<0&&(d.y=Math.min(d.y,n-c),d.height+=u),d.width<l&&("sw"!==r&&"nw"!=r||(d.x-=l-d.width),d.width=l),d.height<c&&("nw"!==r&&"ne"!=r||(d.y-=c-d.height),d.height=c),d.width>p&&("sw"!==r&&"nw"!=r||(d.x-=p-d.width),d.width=p),d.height>g&&("nw"!==r&&"ne"!=r||(d.y-=g-d.height),d.height=g),t){let x=d.width/d.height;if(x<t){let $=Math.max(d.width/t,c);"nw"!==r&&"ne"!=r||(d.y-=$-d.height),d.height=$}else if(x>t){let y=Math.max(d.height*t,l);"sw"!==r&&"nw"!=r||(d.x-=y-d.width),d.width=y}}return d}function g(e,t,r,i){let n={...e};return"ArrowLeft"===t?"nw"===i?(n.x-=r,n.y-=r,n.width+=r,n.height+=r):"w"===i?(n.x-=r,n.width+=r):"sw"===i?(n.x-=r,n.width+=r,n.height+=r):"ne"===i?(n.y+=r,n.width-=r,n.height-=r):"e"===i?n.width-=r:"se"===i&&(n.width-=r,n.height-=r):"ArrowRight"===t&&("nw"===i?(n.x+=r,n.y+=r,n.width-=r,n.height-=r):"w"===i?(n.x+=r,n.width-=r):"sw"===i?(n.x+=r,n.width-=r,n.height-=r):"ne"===i?(n.y-=r,n.width+=r,n.height+=r):"e"===i?n.width+=r:"se"===i&&(n.width+=r,n.height+=r)),"ArrowUp"===t?"nw"===i?(n.x-=r,n.y-=r,n.width+=r,n.height+=r):"n"===i?(n.y-=r,n.height+=r):"ne"===i?(n.y-=r,n.width+=r,n.height+=r):"sw"===i?(n.x+=r,n.width-=r,n.height-=r):"s"===i?n.height-=r:"se"===i&&(n.width-=r,n.height-=r):"ArrowDown"===t&&("nw"===i?(n.x+=r,n.y+=r,n.width-=r,n.height-=r):"n"===i?(n.y+=r,n.height-=r):"ne"===i?(n.y+=r,n.width-=r,n.height-=r):"sw"===i?(n.x-=r,n.width+=r,n.height+=r):"s"===i?n.height+=r:"se"===i&&(n.width+=r,n.height+=r)),n}let w={capture:!0,passive:!1};class u extends t.PureComponent{constructor(){super(...arguments),this.docMoveBound=!1,this.mouseDownOnCrop=!1,this.dragStarted=!1,this.evData={startClientX:0,startClientY:0,startCropX:0,startCropY:0,clientX:0,clientY:0,isResize:!0},this.componentRef=(0,t.createRef)(),this.mediaRef=(0,t.createRef)(),this.initChangeCalled=!1,this.state={cropIsActive:!1,newCropIsBeingDrawn:!1},this.onCropPointerDown=e=>{let{crop:t,disabled:r}=this.props,i=this.getBox();if(!t)return;let n=c(t,i.width,i.height);if(r)return;e.cancelable&&e.preventDefault(),this.bindDocMove(),this.componentRef.current.focus({preventScroll:!0});let o=e.target.dataset.ord,h=Boolean(o),a=e.clientX,s=e.clientY,d=n.x,l=n.y;if(o){let p=e.clientX-i.x,g=e.clientY-i.y,w=0,u=0;"ne"===o||"e"==o?(w=p-(n.x+n.width),u=g-n.y,d=n.x,l=n.y+n.height):"se"===o||"s"===o?(w=p-(n.x+n.width),u=g-(n.y+n.height),d=n.x,l=n.y):"sw"===o||"w"==o?(w=p-n.x,u=g-(n.y+n.height),d=n.x+n.width,l=n.y):"nw"!==o&&"n"!=o||(w=p-n.x,u=g-n.y,d=n.x+n.width,l=n.y+n.height),a=d+i.x+w,s=l+i.y+u}this.evData={startClientX:a,startClientY:s,startCropX:d,startCropY:l,clientX:e.clientX,clientY:e.clientY,isResize:h,ord:o},this.mouseDownOnCrop=!0,this.setState({cropIsActive:!0})},this.onComponentPointerDown=e=>{let{crop:t,disabled:r,locked:i,keepSelection:n,onChange:o}=this.props,h=this.getBox();if(r||i||n&&t)return;e.cancelable&&e.preventDefault(),this.bindDocMove(),this.componentRef.current.focus({preventScroll:!0});let a=e.clientX-h.x,s=e.clientY-h.y,d={unit:"px",x:a,y:s,width:0,height:0};this.evData={startClientX:e.clientX,startClientY:e.clientY,startCropX:a,startCropY:s,clientX:e.clientX,clientY:e.clientY,isResize:!0},this.mouseDownOnCrop=!0,o(c(d,h.width,h.height),l(d,h.width,h.height)),this.setState({cropIsActive:!0,newCropIsBeingDrawn:!0})},this.onDocPointerMove=e=>{let{crop:t,disabled:r,onChange:i,onDragStart:n}=this.props,o=this.getBox();if(r||!t||!this.mouseDownOnCrop)return;e.cancelable&&e.preventDefault(),this.dragStarted||(this.dragStarted=!0,n&&n(e));let{evData:h}=this,s;h.clientX=e.clientX,h.clientY=e.clientY,a(t,s=h.isResize?this.resizeCrop():this.dragCrop())||i(c(s,o.width,o.height),l(s,o.width,o.height))},this.onComponentKeyDown=e=>{let{crop:t,disabled:r,onChange:i,onComplete:n}=this.props,o=this.getBox();if(r)return;let a=e.key,s=!1;if(!t)return;let d=this.makePixelCrop(),p=(navigator.platform.match("Mac")?e.metaKey:e.ctrlKey)?u.nudgeStepLarge:e.shiftKey?u.nudgeStepMedium:u.nudgeStep;if("ArrowLeft"===a?(d.x-=p,s=!0):"ArrowRight"===a?(d.x+=p,s=!0):"ArrowUp"===a?(d.y-=p,s=!0):"ArrowDown"===a&&(d.y+=p,s=!0),s){e.cancelable&&e.preventDefault(),d.x=h(d.x,

10,o.width-d.width),d.y=h(d.y,0,o.height-d.height);let g=c(d,o.width,o.height),w=l(d,o.width,o.height);i(g,w),n&&n(g,w)}},this.onHandlerKeyDown=(e,t)=>{let{aspect:r=0,crop:i,disabled:n,minWidth:o=0,minHeight:h=0,maxWidth:s,maxHeight:d,onChange:w,onComplete:x}=this.props,$=this.getBox();if(n||!i||"ArrowUp"!==e.key&&"ArrowDown"!==e.key&&"ArrowLeft"!==e.key&&"ArrowRight"!==e.key)return;e.stopPropagation(),e.preventDefault();let y=(navigator.platform.match("Mac")?e.metaKey:e.ctrlKey)?u.nudgeStepLarge:e.shiftKey?u.nudgeStepMedium:u.nudgeStep,f=p(g(c(i,$.width,$.height),e.key,y,t),r,t,$.width,$.height,o,h,s,d);if(!a(i,f)){let A=l(f,$.width,$.height);w(f,A),x&&x(f,A)}},this.onDocPointerDone=e=>{let{crop:t,disabled:r,onComplete:i,onDragEnd:n}=this.props,o=this.getBox();this.unbindDocMove(),!r&&t&&this.mouseDownOnCrop&&(this.mouseDownOnCrop=!1,this.dragStarted=!1,n&&n(e),i&&i(c(t,o.width,o.height),l(t,o.width,o.height)),this.setState({cropIsActive:!1,newCropIsBeingDrawn:!1}))},this.onDragFocus=e=>{var t;null===(t=this.componentRef.current)||void 0===t||t.scrollTo(0,0)}}get document(){return document}getBox(){let e=this.mediaRef.current;if(!e)return{x:0,y:0,width:0,height:0};let{x:t,y:r,width:i,height:n}=e.getBoundingClientRect();return{x:t,y:r,width:i,height:n}}componentDidUpdate(e){let{crop:t,onComplete:r}=this.props;if(r&&!e.crop&&t){let{width:i,height:n}=this.getBox();i&&n&&r(c(t,i,n),l(t,i,n))}}componentWillUnmount(){this.resizeObserver&&this.resizeObserver.disconnect()}bindDocMove(){this.docMoveBound||(this.document.addEventListener("pointermove",this.onDocPointerMove,w),this.document.addEventListener("pointerup",this.onDocPointerDone,w),this.document.addEventListener("pointercancel",this.onDocPointerDone,w),this.docMoveBound=!0)}unbindDocMove(){this.docMoveBound&&(this.document.removeEventListener("pointermove",this.onDocPointerMove,w),this.document.removeEventListener("pointerup",this.onDocPointerDone,w),this.document.removeEventListener("pointercancel",this.onDocPointerDone,w),this.docMoveBound=!1)}getCropStyle(){let{crop:e}=this.props;if(e)return{top:`${e.y}${e.unit}`,left:`${e.x}${e.unit}`,width:`${e.width}${e.unit}`,height:`${e.height}${e.unit}`}}dragCrop(){let{evData:e}=this,t=this.getBox(),r=this.makePixelCrop(),i=e.clientX-e.startClientX,n=e.clientY-e.startClientY;return r.x=h(e.startCropX+i,0,t.width-r.width),r.y=h(e.startCropY+n,0,t.height-r.height),r}getPointRegion(e){let{evData:t}=this,r=t.clientX-e.x,i=t.clientY-e.y<t.startCropY;return r<t.startCropX?i?"nw":"sw":i?"ne":"se"}resizeCrop(){let{evData:e}=this,t=this.getBox(),{aspect:r=0,minWidth:i=0,minHeight:n=0,maxWidth:o,maxHeight:h}=this.props,a=this.getPointRegion(t),s=this.makePixelCrop(),d=e.ord?e.ord:a,l=e.clientX-e.startClientX,c=e.clientY-e.startClientY,g={unit:"px",x:0,y:0,width:0,height:0};"ne"===a?(g.x=e.startCropX,g.width=l,r?(g.height=g.width/r,g.y=e.startCropY-g.height):(g.height=Math.abs(c),g.y=e.startCropY-g.height)):"se"===a?(g.x=e.startCropX,g.y=e.startCropY,g.width=l,g.height=r?g.width/r:c):"sw"===a?(g.x=e.startCropX+l,g.y=e.startCropY,g.width=Math.abs(l),g.height=r?g.width/r:c):"nw"===a&&(g.x=e.startCropX+l,g.width=Math.abs(l),r?(g.height=g.width/r,g.y=e.startCropY-g.height):(g.height=Math.abs(c),g.y=e.startCropY+c));let w=p(g,r,a,t.width,t.height,i,n,o,h);return r||u.xyOrds.indexOf(d)>-1?(s.x=w.x,s.y=w.y,s.width=w.width,s.height=w.height):u.xOrds.indexOf(d)>-1?(s.x=w.x,s.width=w.width):u.yOrds.indexOf(d)>-1&&(s.y=w.y,s.height=w.height),s}createCropSelection(){let{ariaLabels:t=u.defaultProps.ariaLabels,disabled:r,locked:i,renderSelectionAddon:n,ruleOfThirds:o,crop:h}=this.props,a=this.getCropStyle();if(h)return(0,e.jsxs)("div",{style:a,className:"ReactCrop__crop-selection",onPointerDown:this.onCropPointerDown,"aria-label":t.cropArea,tabIndex:0,onKeyDown:this.onComponentKeyDown,role:"group",children:[!r&&!i&&(0,e.jsxs)("div",{className:"ReactCrop__drag-elements",onFocus:this.onDragFocus,children:[(0,e.jsx)("div",{className:"ReactCrop__drag-bar ord-n","data-ord":"n"}),(0,e.jsx)("div",{className:"ReactCrop__drag-bar ord-e","data-ord":"e"}),(0,e.jsx)("div",{className:"ReactCrop__drag-bar ord-s","data-ord":"s"}),(0,e.jsx)("div",{className:"ReactCrop__drag-bar ord-w","data-ord":"w"}),(0,e.jsx)("div",{className:"ReactCrop__drag-handle ord-nw","data-ord":"nw",tabIndex:0,"aria-label":t.nwDragHandle,onKeyDown:e=>this.onHandlerKeyDown(e,"nw"),role:"button"}),(0,e.jsx)("div",{className:"ReactCrop__drag-handle ord-n","data-ord":"n",tabIndex:0,"aria-label":t.nDragHandle,onKeyDown:e=>this.onHandlerKeyDown(e,"n"),role:"button"}),(0,e.jsx)("div",{className:"ReactCrop__drag-handle ord-ne","data-ord":"ne",tabIndex:0,"aria-label":t.neDragHandle,onKeyDown:e=>this.onHandlerKeyDown(e,"ne"),role:"button"}),(0,e.jsx)("div",{className:"ReactCrop__drag-handle ord-e","data-ord":"e",tabIndex:0,"aria-label":t.eDragHandle,onKeyDown:e=>this.onHandlerKeyDown(e,"e"),role:"button"}),(0,e.jsx)("div",{className:"ReactCrop__drag-handle ord-se","data-ord":"se",tabIndex:0,"aria-label":t.seDragHandle,onKeyDown:e=>this.onHandlerKeyDown(e,"se"),role:"button"}),(0,e.jsx)("div",{className:"ReactCrop__drag-handle ord-s","data-ord":"s",tabIndex:0,"aria-label":t.sDragHandle,onKeyDown:e=>this.onHandlerKeyDown(e,"s"),role:"button"}),(0,e.jsx)("div",{className:"ReactCrop__drag-handle ord-sw","data-ord":"sw",tabIndex:0,"aria-label":t.swDragHandle,onKeyDown:e=>this.onHandlerKeyDown(e,"sw"),role:"button"}),(0,e.jsx)("div",{className:"ReactCrop__drag-handle ord-w","data-ord":"w",tabIndex:0,"aria-label":t.wDragHandle,onKeyDown:e=>this.onHandlerKeyDown(e,"w"),role:"button"})]}),n&&(0,e.jsx)("div",{className:"ReactCrop__selection-addon",onMouseDown:e=>e.stopPropagation(),children:n(this.state)}),o&&(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)("div",{className:"ReactCrop__rule-of-thirds-hz"}),(0,e.jsx)("div",{className:"ReactCrop__rule-of-thirds-vt"})]})]})}makePixelCrop(){let e={...o,...this.props.crop||{}},t=this.getBox();return c(e,t.width,t.height)}render(){let{aspect:t,children:i,circularCrop:n,className:o,crop:h,disabled:a,locked:s,style:d,ruleOfThirds:l}=this.props,{cropIsActive:c,newCropIsBeingDrawn:p}=this.state,g=h?this.createCropSelection():null,w=function(){for(var e,t,i=0,n="";i<arguments.length;)(e=arguments[i++])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}("ReactCrop",o,{"ReactCrop--active":c,"ReactCrop--disabled":a,"ReactCrop--locked":s,"ReactCrop--new-crop":p,"ReactCrop--fixed-aspect":h&&t,"ReactCrop--circular-crop":h&&n,"ReactCrop--rule-of-thirds":h&&l,"ReactCrop--invisible-crop":!this.dragStarted&&h&&!h.width&&!h.height});return(0,e.jsxs)("div",{ref:this.componentRef,className:w,style:d,children:[(0,e.jsx)("div",{ref:this.mediaRef,className:"ReactCrop__child-wrapper",onPointerDown:this.onComponentPointerDown,children:i}),g]})}}u.xOrds=["e","w"],u.yOrds=["n","s"],u.xyOrds=["nw","ne","se","sw"],u.nudgeStep=1,u.nudgeStepMedium=10,u.nudgeStepLarge=100,u.defaultProps={ariaLabels:{cropArea:"Use the arrow keys to move the crop selection area",nwDragHandle:"Use the arrow keys to move the north west drag handle to change the crop selection area",nDragHandle:"Use the up and down arrow keys to move the north drag handle to change the crop selection area",neDragHandle:"Use the arrow keys to move the north east drag handle to change the crop selection area",eDragHandle:"Use the up and down arrow keys to move the east drag handle to change the crop selection area",seDragHandle:"Use the arrow keys to move the south east drag handle to change the crop selection area",sDragHandle:"Use the up and down arrow keys to move the south drag handle to change the crop selection area",swDragHandle:"Use the arrow keys to move the south west drag handle to change the crop selection area",wDragHandle:"Use the up and down arrow keys to move the west drag handle to change the crop selection area"}}})(),n})(),e.exports=i(r(7294))}},function(e){e.O(0,[774,888,179],function(){return e(e.s=8097)}),_N_E=e.O()}]);