1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[64331],{21257:function(e,t,n){var r;r=function(e){return function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t||4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,(function(t){return e[t]}).bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=4)}([function(e,t,n){e.exports=n(2)()},function(t,n){t.exports=e},function(e,t,n){"use strict";var r=n(3);function o(){}function i(){}i.resetWarningCache=o,e.exports=function(){function e(e,t,n,o,i,a){if(a!==r){var s=Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw s.name="Invariant Violation",s}}function t(){return e}e.isRequired=e;var n={array:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:i,resetWarningCache:o};return n.PropTypes=n,n}},function(e,t,n){"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},function(e,t,n){"use strict";n.r(t);var r=n(1),o=n.n(r),i=n(0),a=n.n(i);function s(e){return(s="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function c(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function d(e){return(d=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function l(e){if(void 0===e)throw ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function h(e,t){return(h=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function u(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function p(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?u(Object(n),!0).forEach(function(t){m(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):u(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function m(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}n.d(t,"default",function(){return S}),n.d(t,"Component",function(){return S}),n.d(t,"makeAspectCrop",function(){return w}),n.d(t,"containCrop",function(){return O});var f=!1;try{window.addEventListener("test",null,Object.defineProperty({},"passive",{get:function(){return f=!0,!0}}))}catch(e){}function v(e){var t,n;if(e.touches){var r,o=(function(e){if(Array.isArray(e))return e}(r=e.touches)||function(e,t){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e)){var n=[],r=!0,o=!1,i=void 0;try{for(var a,s=e[Symbol.iterator]();!(r=(a=s.next()).done)&&(n.push(a.value),1!==n.length);r=!0);}catch(e){o=!0,i=e}finally{try{r||null==s.return||s.return()}finally{if(o)throw i}}return n}}(r,1)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance")}())[0];t=o.pageX,n=o.pageY}else t=e.pageX,n=e.pageY;return{x:t,y:n}}function x(e,t,n){return Math.min(Math.max(e,t),n)}function g(e){return e&&e.width&&e.height&&!isNaN(e.width)&&!isNaN(e.height)}function y(e){return"n"===e?"s":"ne"===e?"sw":"e"===e?"w":"se"===e?"nw":"s"===e?"n":"sw"===e?"ne":"w"===e?"e":"nw"===e?"se":e}function w(e,t,n){if(isNaN(e.aspect))return console.warn("`crop.aspect` should be a number in order to make an aspect crop",e),e;var r=p({unit:"px",x:0,y:0},e);return e.width&&(r.height=r.width/e.aspect),e.height&&(r.width=r.height*e.aspect),r.y+r.height>n&&(r.height=n-r.y,r.width=r.height*e.aspect),r.x+r.width>t&&(r.width=t-r.x,r.height=r.width/e.aspect),r}
1function b(e,t,n){return"%"===e.unit?e:{unit:"%",aspect:e.aspect,x:e.x/t*100,y:e.y/n*100,width:e.width/t*100,height:e.height/n*100}}function C(e,t,n){return e.unit?"px"===e.unit?e:{unit:"px",aspect:e.aspect,x:e.x*t/100,y:e.y*n/100,width:e.width*t/100,height:e.height*n/100}:p({},e,{unit:"px"})}function j(e,t,n){if(!e)return e;var r,o=e,i=e.x+e.width>t,a=e.y+e.height>n;return i&&a?o={unit:"px",x:0,y:0,width:t>e.width?e.width:t,height:n>e.height?e.height:n}:i?o=p({},e,{x:0,width:t>e.width?e.width:t}):a&&(o=p({},e,{y:0,height:n>e.height?e.height:n})),o.aspect&&(!(r=o).width&&r.height||r.width&&!r.height||r.y+r.height>n||r.x+r.width>t||r.width/r.aspect<r.height-1||r.width/r.aspect>r.height+1||r.height*r.aspect<r.width-1||r.height*r.aspect>r.width+1)?w(o,t,n):o}function O(e,t,n,r){var o=C(t,n,r),i=C(e,n,r),a=p({},o);if(!o.aspect)return o.x<0?(a.x=0,a.width+=o.x):o.x+o.width>n&&(a.width=n-o.x),o.y+o.height>r&&(a.height=r-o.y),a;var s=!1;o.x<0?(a.x=0,a.width+=o.x,a.height=a.width/o.aspect,s=!0):o.x+o.width>n&&(a.width=n-o.x,a.height=a.width/o.aspect,s=!0),s&&i.y>a.y&&(a.y=o.y+(o.height-a.height));var c=!1;return a.y+a.height>r&&(a.height=r-o.y,a.width=a.height*o.aspect,c=!0),c&&i.x>a.x&&(a.x=o.x+(o.width-a.width)),a}var S=function(e){var t,n;function r(){var e,t,n;!function(e,t){if(!(e instanceof t))throw TypeError("Cannot call a class as a function")}(this,r);for(var o=arguments.length,i=Array(o),a=0;a<o;a++)i[a]=arguments[a];return t=(n=(e=d(r)).call.apply(e,[this].concat(i)))&&("object"===s(n)||"function"==typeof n)?n:l(this),m(l(t),"window","undefined"!=typeof window?window:{}),m(l(t),"document","undefined"!=typeof document?document:{}),m(l(t),"state",{}),m(l(t),"onCropMouseTouchDown",function(e){var n=t.props,r=n.crop,o=n.disabled,i=t.mediaDimensions,a=C(r,i.width,i.height);if(!o){e.preventDefault();var s=v(e);t.componentRef.setActive?t.componentRef.setActive({preventScroll:!0}):t.componentRef.focus({preventScroll:!0});var c,d=e.target.dataset.ord,l="nw"===d||"w"===d||"sw"===d,h="nw"===d||"n"===d||"ne"===d;a.aspect&&(c=t.getElementOffset(t.cropSelectRef)),t.evData={clientStartX:s.x,clientStartY:s.y,cropStartWidth:a.width,cropStartHeight:a.height,cropStartX:l?a.x+a.width:a.x,cropStartY:h?a.y+a.height:a.y,xInversed:l,yInversed:h,xCrossOver:l,yCrossOver:h,startXCrossOver:l,startYCrossOver:h,isResize:e.target.dataset.ord,ord:d,cropOffset:c},t.mouseDownOnCrop=!0,t.setState({cropIsActive:!0})}}),m(l(t),"onComponentMouseTouchDown",function(e){var n=t.props,r=n.crop,o=n.disabled,i=n.locked,a=n.keepSelection,s=n.onChange,c=t.mediaWrapperRef.firstChild;if(e.target===c&&c.contains(e.target)&&!(o||i||a&&g(r))){e.preventDefault();var d=v(e);t.componentRef.setActive?t.componentRef.setActive({preventScroll:!0}):t.componentRef.focus({preventScroll:!0});var l=t.getElementOffset(t.mediaWrapperRef),h=d.x-l.left,u=d.y-l.top,p={unit:"px",aspect:r?r.aspect:void 0,x:h,y:u,width:0,height:0};t.evData={clientStartX:d.x,clientStartY:d.y,cropStartWidth:p.width,cropStartHeight:p.height,cropStartX:p.x,cropStartY:p.y,xInversed:!1,yInversed:!1,xCrossOver:!1,yCrossOver:!1,startXCrossOver:!1,startYCrossOver:!1,isResize:!0,ord:"nw"},t.mouseDownOnCrop=!0;var m=t.mediaDimensions,f=m.width,x=m.height;s(C(p,f,x),b(p,f,x)),t.setState({cropIsActive:!0,newCropIsBeingDrawn:!0})}}),m(l(t),"onDocMouseTouchMove",function(e){var n=t.props,r=n.crop,o=n.disabled,i=n.onChange,a=n.onDragStart;if(!o&&t.mouseDownOnCrop){e.preventDefault(),t.dragStarted||(t.dragStarted=!0,a(e));var s,c=l(t).evData,d=v(e);if(c.isResize&&r.aspect&&c.cropOffset&&(d.y=t.straightenYPath(d.x)),c.xDiff=d.x-c.clientStartX,c.yDiff=d.y-c.clientStartY,(s=c.isResize?t.resizeCrop():t.dragCrop())!==r){var h=t.mediaDimensions,u=h.width,p=h.height;i(C(s,u,p),b(s,u,p))}}}),m(l(t),"onComponentKeyDown",function(e){var n=t.props,o=n.crop,i=n.disabled,a=n.onChange,s=n.onComplete;if(!i){var c=e.key,d=!1;if(g(o)){var l=t.makeNewCrop(),h=e.shiftKey?r.nudgeStepLarge:r.nudgeStep;if("ArrowLeft"===c?(l.x-=h,d=!0):"ArrowRight"===c?(l.x+=h,d=!0):"ArrowUp"===c?(l.y-=h,d=!0):"ArrowDown"===c&&(l.y+=h,d=!0),d){e.preventDefault();var u=t.mediaDimensions,p=u.width,m=u.height;l.x=x(l.x,0,p-l.width),l.y=x(l.y,0,m-l.height);var f=C(l,p,m),v=b(l,p,m);a(f,v),s(f,v)}}}}),m(l(t),"onDocMouseTouchEnd",function(e){var n=t.props,r=n.crop,o=n.disabled,i=n.onComplete,a=n.onDragEnd;if(!o&&t.mouseDownOnCrop){t.mouseDownOnCrop=!1,t.dragStarted=!1;var s=t.mediaDimensions,c=s.width,d=s.height;a(e),i(C(r,c,d),b(r,c,d)),t.setState({cropIsActive:!1,newCropIsBeingDrawn:!1})}}),m(l(t),"onMediaLoaded",function(){var e=t.props,n=e.onComplete,r=e.onChange,o=t.createNewCrop(),i=o.pixelCrop,a=o.percentCrop;r(i,a),n(i,a)}),t}return function(e,t){if("function"!=typeof t&&null!==t)throw TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&h(e,t)}(r,e),t=[{key:"componentDidMount",value:function(){if(this.document.addEventListener){var e=!!f&&{passive:!1};this.document.addEventListener("mousemove",this.onDocMouseTouchMove,e),this.document.addEventListener("touchmove",this.onDocMouseTouchMove,e),this.document.addEventListener("mouseup",this.onDocMouseTouchEnd,e),this.document.addEventListener("touchend",this.onDocMouseTouchEnd,e),this.document.addEventListener("touchcancel",this.onDocMouseTouchEnd,e),this.componentRef.addEventListener("medialoaded",this.onMediaLoaded)}}},{key:"componentWillUnmount",value:function(){this.document.removeEventListener&&(this.document.removeEventListener("mousemove",this.onDocMouseTouchMove),this.document.removeEventListener("touchmove",this.onDocMouseTouchMove),this.document.removeEventListener("mouseup",this.onDocMouseTouchEnd),this.document.removeEventListener("touchend",this.onDocMouseTouchEnd),this.document.removeEventListener("touchcancel",this.onDocMouseTouchEnd),this.componentRef.removeEventListener("medialoaded",this.onMediaLoaded))}},{key:"componentDidUpdate",value:function(e){if(e.crop!==this.props.crop&&this.imageRef){var t=this.imageRef,n=t.width,r=t.height,o=this.makeNewCrop(),i=j(o,n,r);if(o!==i){var a=C(i,n,r),s=b(i,n,r);this.props.onChange(a,s),this.props.onComplete(a,s)}}}},{key:"createNewCrop",value:function(){var e=this.mediaDimensions,t=e.width,n=e.he
1ight,r=j(this.makeNewCrop(),t,n);return{pixelCrop:C(r,t,n),percentCrop:b(r,t,n)}}},{key:"onImageLoad",value:function(e){var t=this.props,n=t.onComplete,r=t.onChange;if(!1!==(0,t.onImageLoaded)(e)){var o=this.createNewCrop(),i=o.pixelCrop,a=o.percentCrop;r(i,a),n(i,a)}}},{key:"getDocumentOffset",value:function(){var e=this.document.documentElement||{},t=e.clientTop,n=e.clientLeft;return{clientTop:void 0===t?0:t,clientLeft:void 0===n?0:n}}},{key:"getWindowOffset",value:function(){var e=this.window,t=e.pageYOffset,n=e.pageXOffset;return{pageYOffset:void 0===t?0:t,pageXOffset:void 0===n?0:n}}},{key:"getElementOffset",value:function(e){var t=e.getBoundingClientRect(),n=this.getDocumentOffset(),r=this.getWindowOffset();return{top:t.top+r.pageYOffset-n.clientTop,left:t.left+r.pageXOffset-n.clientLeft}}},{key:"getCropStyle",value:function(){var e=this.makeNewCrop(this.props.crop?this.props.crop.unit:"px");return{top:"".concat(e.y).concat(e.unit),left:"".concat(e.x).concat(e.unit),width:"".concat(e.width).concat(e.unit),height:"".concat(e.height).concat(e.unit)}}},{key:"getNewSize",value:function(){var e,t=this.props,n=t.crop,r=t.minWidth,o=t.maxWidth,i=t.minHeight,a=t.maxHeight,s=this.evData,c=this.mediaDimensions,d=c.width,l=c.height,h=s.cropStartWidth+s.xDiff;return s.xCrossOver&&(h=Math.abs(h)),h=x(h,r,o||d),e=n.aspect?h/n.aspect:s.cropStartHeight+s.yDiff,s.yCrossOver&&(e=Math.min(Math.abs(e),s.cropStartY)),e=x(e,i,a||l),n.aspect&&(h=x(e*n.aspect,0,d)),{width:h,height:e}}},{key:"dragCrop",value:function(){var e=this.makeNewCrop(),t=this.evData,n=this.mediaDimensions,r=n.width,o=n.height;return e.x=x(t.cropStartX+t.xDiff,0,r-e.width),e.y=x(t.cropStartY+t.yDiff,0,o-e.height),e}},{key:"resizeCrop",value:function(){var e=this.evData,t=this.makeNewCrop(),n=e.ord;e.xInversed&&(e.xDiff-=2*e.cropStartWidth,e.xDiffPc-=2*e.cropStartWidth),e.yInversed&&(e.yDiff-=2*e.cropStartHeight,e.yDiffPc-=2*e.cropStartHeight);var o=this.getNewSize(),i=e.cropStartX,a=e.cropStartY;e.xCrossOver&&(i=t.x+(t.width-o.width)),e.yCrossOver&&(a=!1===e.lastYCrossover?t.y-o.height:t.y+(t.height-o.height));var s=this.mediaDimensions,c=s.width,d=s.height,l=O(this.props.crop,{unit:t.unit,x:i,y:a,width:o.width,height:o.height,aspect:t.aspect},c,d);return t.aspect||r.xyOrds.indexOf(n)>-1?(t.x=l.x,t.y=l.y,t.width=l.width,t.height=l.height):r.xOrds.indexOf(n)>-1?(t.x=l.x,t.width=l.width):r.yOrds.indexOf(n)>-1&&(t.y=l.y,t.height=l.height),e.lastYCrossover=e.yCrossOver,this.crossOverCheck(),t}},{key:"straightenYPath",value:function(e){var t,n,r=this.evData,o=r.ord,i=r.cropOffset,a=r.cropStartWidth,s=r.cropStartHeight;return"nw"===o||"se"===o?(t=s/a,n=i.top-i.left*t):(t=-s/a,n=i.top+(s-i.left*t)),t*e+n}},{key:"createCropSelection",value:function(){var e=this,t=this.props,n=t.disabled,r=t.locked,i=t.renderSelectionAddon,a=t.ruleOfThirds,s=this.getCropStyle();return o.a.createElement("div",{ref:function(t){return e.cropSelectRef=t},style:s,className:"ReactCrop__crop-selection",onMouseDown:this.onCropMouseTouchDown,onTouchStart:this.onCropMouseTouchDown,tabIndex:"0"},!n&&!r&&o.a.createElement("div",{className:"ReactCrop__drag-elements"},o.a.createElement("div",{className:"ReactCrop__drag-bar ord-n","data-ord":"n"}),o.a.createElement("div",{className:"ReactCrop__drag-bar ord-e","data-ord":"e"}),o.a.createElement("div",{className:"ReactCrop__drag-bar ord-s","data-ord":"s"}),o.a.createElement("div",{className:"ReactCrop__drag-bar ord-w","data-ord":"w"}),o.a.createElement("div",{className:"ReactCrop__drag-handle ord-nw","data-ord":"nw"}),o.a.createElement("div",{className:"ReactCrop__drag-handle ord-n","data-ord":"n"}),o.a.createElement("div",{className:"ReactCrop__drag-handle ord-ne","data-ord":"ne"}),o.a.createElement("div",{className:"ReactCrop__drag-handle ord-e","data-ord":"e"}),o.a.createElement("div",{className:"ReactCrop__drag-handle ord-se","data-ord":"se"}),o.a.createElement("div",{className:"ReactCrop__drag-handle ord-s","data-ord":"s"}),o.a.createElement("div",{className:"ReactCrop__drag-handle ord-sw","data-ord":"sw"}),o.a.createElement("div",{className:"ReactCrop__drag-handle ord-w","data-ord":"w"})),i&&o.a.createElement("div",{className:"ReactCrop__selection-addon",onMouseDown:function(e){return e.stopPropagation()}},i(this.state)),a&&o.a.createElement(o.a.Fragment,null,o.a.createElement("div",{className:"ReactCrop__rule-of-thirds-hz"}),o.a.createElement("div",{className:"ReactCrop__rule-of-thirds-vt"})))}},{key:"makeNewCrop",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"px",t=p({},r.defaultCrop,{},this.props.crop),n=this.mediaDimensions,o=n.width,i=n.height;return"px"===e?C(t,o,i):b(t,o,i)}},{key:"crossOverCheck",value:function(){var e=this.evData,t=this.props,n=t.minWidth,r=t.minHeight;!n&&(!e.xCrossOver&&-Math.abs(e.cropStartWidth)-e.xDiff>=0||e.xCrossOver&&-Math.abs(e.cropStartWidth)-e.xDiff<=0)&&(e.xCrossOver=!e.xCrossOver),!r&&(!e.yCrossOver&&-Math.abs(e.cropStartHeight)-e.yDiff>=0||e.yCrossOver&&-Math.abs(e.cropStartHeight)-e.yDiff<=0)&&(e.yCrossOver=!e.yCrossOver);var o=e.xCrossOver!==e.startXCrossOver,i=e.yCrossOver!==e.startYCrossOver;e.inversedXOrd=!!o&&y(e.ord),e.inversedYOrd=!!i&&y(e.ord)}},{key:"render",value:function(){var e=this,t=this.props,n=t.children,r=t.circularCrop,i=t.className,a=t.crossorigin,s=t.crop,c=t.disabled,d=t.locked,l=t.imageAlt,h=t.onImageError,u=t.renderComponent,p=t.src,m=t.style,f=t.imageStyle,v=t.ruleOfThirds,x=this.state,y=x.cropIsActive,w=x.newCropIsBeingDrawn,b=g(s)&&this.componentRef?this.createCropSelection():null,C=function(){for(var e,t=0,n="";t<arguments.length;)(e=function e(t){var n,r,o="";if(t){if("object"==typeof t){if(t.push)for(n=0;n<t.length;n++)t[n]&&(r=e(t[n]))&&(o&&(o+=" "),o+=r);else for(n in t)t[n]&&(r=e(n))&&(o&&(o+=" "),o+=r)}else"boolean"==typeof t||t.call||(o&&(o+=" "),o+=t)}return o}(arguments[t++]))&&(n&&(n+=" "),n+=e);return n}("ReactCrop",i,{"ReactCrop--active":y,"ReactCrop--disabled":c,"ReactCrop--locked":d,"ReactCrop--new-crop":w,"ReactCrop--fixed-aspect":s&&s.aspect,"ReactCrop--crop-invisible":s&&y&&(!s.width||!s.height),"ReactCrop--circular-crop":s&&r,"ReactCrop--rule-of-thirds":s&&v});return o.a.createElement("div",{ref:function(t){e.componentRef=t},className:C,style:m,onTouchStart:this.onComponentMouseTouchDown,onMouseDown:this.onComponentMouseTouchDown,tabIndex:"0",onKeyDown:this.onComponentKeyDown},o.a.createElement("div",{ref:function(t){e.mediaWrapperRef=t}},u||o.a.createElement("img",{ref:function(t){return e.imageRef=t},crossOrigin:a,className:"ReactCrop__image",style:f,src:p,onLoad:function(t){return e.onImageLoad(t.target)},onError:h,alt:l})),n,b)}},{key:"mediaDimensions",get:function(){var e=this.mediaWrapperRef;return{width:e.clientWidth,height:e.clientHeight}}}],c(r.prototype,t),n&&c(r,n),r}(r.PureComponent);S.xOrds=["e","w"],S.yOrds=["n","s"],S.xyOrds=["nw","ne","se","sw"],S.nudgeStep=.2,S.nudgeStepLarge=2,S.defaultCrop={x:0,y:0,width:0,height:0,unit:"px"},S.propTypes={className:a.a.string,children:a.a.oneOfType([a.a.arrayOf(a.a.node),a.a.node]),circularCrop:a.a.bool,crop:a.a.shape({aspect:a.a.number,x:a.a.number,y:a.a.number,width:a.a.number,height:a.a.number,unit:a.a.oneOf(["px","%"])}),crossorigin:a.a.string,disabled:a.a.bool,locked:a.a.bool,imageAlt:a.a.string,imageStyle:a.a.shape({}),keepSelection:a.a.bool,minWidth:a.a.number,minHeight:a.a.number,maxWidth:a.a.number,maxHeight:a.a.number,onChange:a.a.func.isRequired,onImageError:a.a.func,onComplete:a.a.func,onImageLoaded:a.a.func,onDragStart:a.a.func,onDragEnd:a.a.func,src:a.a.string.isRequired,style:a.a.shape({}),renderComponent:a.a.node,renderSelectionAddon:a.a.func,ruleOfThirds:a.a.bool},S.defaultProps={circularCrop:!1,className:void 0,crop:void 0,crossorigin:void 0,disabled:!1,locked:!1,imageAlt:"",maxWidth:void 0,maxHeight:void 0,minWidth:0,minHeight:0,keepSelection:!1,onComplete:function(){},onImageError:function(){},onImageLoaded:function(){},onDragStart:function(){},onDragEnd:function(){},children:void 0,style:void 0,renderComponent:void 0,imageStyle:void 0,renderSelectionAddon:void 0,ruleOfThirds:!1}}])},e.exports=r(n(20132))},58880:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/user/registration",function(){return n(78450)}])},53353:function(e,t,n){"use strict";var r=n(15311),o=n(20132),i=n(10823),a=n(89395),s=n.n(a),c=n(27933),d=n(25791);let l=s()(()=>Promise.all([n.e(10523),n.e(20152)]).then(n.bind(n,20152)),{loadableGenerated:{webpack:()=>[20152]}});t.Z=e=>{let{label:t,name:n,value:a,onSelect:s,...h}=e,[u,p]=(0,o.useState)(!1);return(0,r.jsxs)(i.xu,{width:1,sx:{position:"relative",zIndex:u?1:"unset"}
1,children:[!!u&&(0,r.jsx)(i.xu,{sx:{">*":{zIndex:"unset !important"}},children:(0,r.jsx)(l,{input:a,onSelect:s,filterByCity:!0})}),(0,r.jsx)(d.Z,{onOutsideClick:()=>setTimeout(()=>p(!1),0),children:(0,r.jsx)(i.xu,{width:1,sx:{position:"relative",zIndex:"unset"},children:(0,r.jsx)(c.Z,{autoComplete:"new",width:1,name:n,type:"text",placeholder:t,value:a,onInput:()=>p(!0),...h})})})]})}},73039:function(e,t,n){"use strict";n.d(t,{Z:function(){return u}});var r=n(15311),o=n(10823),i=n(77229),a=n(5724),s=n(95591),c=n(99915);let d=e=>{let{nextLabel:t,prevLabel:n,blockNext:d,blockPrev:l}=e,{t:h}=(0,a.Z)("common"),{active:u,flow:p,isNextBtnVisible:m}=(0,i.Fy)(),f=(0,i.px)(),v=p[u],x=()=>{v&&v.do?v.do():u+1<p.length&&f({type:"changeActive",payload:{active:u+1}})},g=()=>{v&&v.undo?v.undo():f({type:"changeActive",payload:{active:u-1}}),f({type:"changeNextBtnVisibility",payload:{isNextBtnVisible:!0}})};return(0,r.jsxs)(o.kC,{justifyContent:"space-between",flexDirection:"row-reverse",children:[(0,r.jsx)(o.xu,{children:!d&&(0,r.jsx)(s.Z,{variant:"secondary",onClick:()=>x(),disabled:!m,children:t||h(p.length-u-1?"next":"finish")})}),!!u&&!l&&(0,r.jsxs)(o.kC,{alignItems:"center",children:[(0,r.jsx)(c.Z,{name:"arrow-left",color:"springGreen"}),(0,r.jsx)(s.Z,{variant:"link",color:"springGreen",onClick:()=>g(),children:n||h("back")})]})]})};d.defaultProps={nextLabel:"",prevLabel:"",blockNext:!1};var l=()=>{let{flow:e,active:t}=(0,i.Fy)();return(0,r.jsx)(o.xu,{width:1,px:[0,2,0],pb:4,children:(0,r.jsxs)(o.kC,{width:1,justifyContent:"space-between",sx:{position:"relative"},children:[(0,r.jsx)(o.xu,{width:1,height:0,sx:{position:"absolute",border:"1px solid",borderColor:"darkGray",top:"50%",transform:"translateY(-50%)"}}),Array.from(e.keys()).map(e=>(0,r.jsx)(o.xu,{className:e==t&&"active"||e<t&&"done",sx:{position:"relative",zIndex:1,color:"darkGray",width:"26px",border:"2px solid",borderRadius:"circle",borderColor:e<=t?"samoyedWhite":"darkGray",textAlign:"center",backgroundColor:"samoyedWhite","&.active":{backgroundColor:"pugYellow",color:"initial"},"&.done":{backgroundColor:"springGreen",color:"initial"}},children:e>=t?e+1:(0,r.jsx)(o.xu,{sx:{top:"50%",left:"50%",fontSize:"8px",position:"absolute",transform:"translate3d(-50%,-40%,0)",textAlign:"center"},children:(0,r.jsx)(c.Z,{name:"check"})})},e))]})})},h=n(20132),u=e=>{let{children:t,prefill:n}=e,{active:a,flow:s,showSteps:c}=(0,i.Fy)(),u=(0,i.px)(),p=s[a];return(0,h.useEffect)(()=>{a<0&&u({type:"changeActive",payload:{active:0}})},[a,u]),(0,r.jsxs)(o.kC,{flexWrap:"wrap",width:1,pb:[9,9,0],sx:{minHeight:n?[0,"400px"]:"initial"},children:[c&&(0,r.jsx)(l,{}),t,(0,r.jsx)(o.xu,{width:1,children:p&&p.step}),(0,r.jsx)(o.xu,{width:1,py:3,mt:[0,0,2],mx:[-2,-2,0],px:[2,2,0],sx:{backgroundColor:"samoyedWhite",borderTop:"default",position:["fixed","fixed","relative"],bottom:0,zIndex:[1,"initial"]},children:p&&(p.CustomAction?p.CustomAction:(0,r.jsx)(d,{nextLabel:p.nextLabel,prevLabel:p.prevLabel,blockNext:p.blockNext,blockPrev:p.blockPrev}))})]})}},77229:function(e,t,n){"use strict";n.d(t,{Fy:function(){return d},fv:function(){return c},px:function(){return l}});var r=n(15311),o=n(20132);let i=(0,o.createContext)(void 0),a=(0,o.createContext)(void 0),s=(e,t)=>{switch(t.type){case"showSteps":case"changeFlow":case"changeActive":case"changeNextBtnVisibility":return{...e,...t.payload};default:throw Error()}},c=e=>{let{children:t,initialState:n}=e,[c,d]=(0,o.useReducer)(s,n);return(0,r.jsx)(i.Provider,{value:c,children:(0,r.jsx)(a.Provider,{value:d,children:t})})};c.defaultProps={initialState:{active:0,showSteps:!1,flow:[],isNextBtnVisible:!0}};let d=()=>{let e=(0,o.useContext)(i);if(void 0===e)throw Error("useStepByStepState must be withing StepByStepProvider");return e},l=()=>{let e=(0,o.useContext)(a);if(void 0===e)throw Error("useStepByStepDispatch must be withing StepByStepProvider");return e}},96799:function(e,t,n){"use strict";var r=n(15311),o=n(10823),i=n(5724),a=n(20132),s=n(95591),c=n(85802),d=n(21257),l=n.n(d),h=n(93195),u=n(98590),p=n(81640),m=n(19887);let f=e=>{let{onClose:t,onSave:n}=e,{t:a}=(0,i.Z)("common");return(0,r.jsxs)(o.kC,{pt:1,px:[1,1,1],py:[1,1,0],sx:{textAlign:"right",justifyContent:"space-between",alignItems:"center"},children:[(0,r.jsx)(o.xv,{as:"p",variant:"link",sx:{color:"springGreen",fontSize:3,lineHeight:"body",cursor:"pointer",display:"inline"},onClick:t,children:a("cancel")}),(0,r.jsx)(s.Z,{variant:"secondary",onClick:n,children:a("save")})]})};function v(e){let{src:t,onClose:n,onSave:i}
1=e,s=(0,h.dD)(),[d,u]=(0,a.useState)({crop:{unit:"%",aspect:1,width:100,height:100,x:0,y:0},imageWidth:"100%",imageHeight:"100%",image:null}),{crop:p,imageWidth:m,imageHeight:v,image:x}=d,g=()=>{i(x,p)},y=e=>{let t=e.width>e.height?e.height/e.width*100:100,n=e.height>e.width?e.width/e.height*100:100;return u({...d,imageHeight:"".concat(e.height,"px"),imageWidth:"".concat(e.width,"px"),crop:{unit:"px",aspect:1,width:e.width/100*t,height:e.height/100*n,x:e.width/100*(100===t?0:(100-t)/2),y:e.height/100*(100===n?0:(100-n)/2)},image:e}),!1},w=e=>{u({...d,crop:e})};return s?(0,r.jsx)(c.Z,{open:!0,size:"full",FooterButton:(0,r.jsx)(f,{onSave:g,onClose:n}),HeaderButton:(0,r.jsx)(o.xu,{}),onClose:n,children:(0,r.jsx)(o.xu,{mx:"auto",my:2,sx:{textAlign:"center"},children:(0,r.jsx)(l(),{src:t,crop:p,circularCrop:!0,onImageLoaded:y,onChange:w})})}):(0,r.jsx)(c.Z,{open:!0,size:"small",FooterButton:(0,r.jsx)(f,{onSave:g,onClose:n}),HeaderButton:(0,r.jsx)(o.xu,{}),onOutsideClick:n,onClose:n,FooterHeight:"80px",children:(0,r.jsx)(o.xu,{my:2,mx:"auto",sx:{width:m,height:"calc(".concat(v," + 80px)")},children:(0,r.jsx)(l(),{src:t,crop:p,circularCrop:!0,onImageLoaded:y,onChange:w})})})}t.Z=function(e){let{currentUser:t,avatar:n,onChange:c}=e,{t:d}=(0,i.Z)("common"),{addToast:l}=(0,m.e1)(),h=(0,a.useRef)(null),[f,x]=(0,a.useState)({show:!1,src:null});return(0,r.jsx)(o.xu,{my:1,children:(0,r.jsxs)(o.kC,{sx:{flexDirection:"column",alignItems:"center"},children:[(n||t.avatar)&&(0,r.jsx)(o.Ee,{src:n||t.avatar.circle,alt:"".concat(t.name," avatar"),variant:"avatar",height:"96px",width:"96px",mb:2}),(0,r.jsx)(o.xu,{width:1,children:(0,r.jsx)(s.Z,{width:1,variant:"terciary",onClick:()=>{h.current.multiple=!1,h.current.accept="image/*",h.current.click()},children:n||t.avatar?d("changePhoto"):d("selectImage")})}),(0,r.jsx)(o.xu,{ref:h,as:"input",type:"file",sx:{display:"none"},onChange:e=>{let t=["image/jpg","image/jpeg","image/gif","image/png"],n=Array.prototype.filter.call(e.target.files,e=>!!t.includes(e.type)||(l(d("invalidFileType",{acceptedTypes:t.join(", "),invalidType:e.type}),{appearance:"info",autoDismiss:!0,style:{maxWidth:"90vw"}}),!1));e.target.value="",n.length>0&&(0,p.J)(n[0],void 0).then(e=>{x({show:!0,src:e})})}}),f.show&&(0,r.jsx)(v,{src:f.src,onSave:(e,t)=>{c((0,u.Z)(e,t)),x({src:null,show:!1})},onClose:()=>{x({src:null,show:!1})}})]})})}},78450:function(e,t,n){"use strict";n.r(t),n.d(t,{__N_SSP:function(){return z},default:function(){return F}});var r=n(15311),o=n(20132),i=n(10823),a=n(5724),s=n(5762),c=n.n(s),d=n(77229),l=n(38656),h=n(97898),u=n(94923),p=n(73039),m=n(3247),f=n(56087),v=n(20867),x=n(53353),g=n(27933),y=n(28898),w=n(27699),b=n(84565),C=n(81719),j=n(67623),O=n(96799),S=n(99056),D=n(19887),k=n(62789),_=n(88504);function E(){let e=(0,m._)(["\n query getCurrentUser {\n currentUser {\n id\n name\n surname\n phone\n city {\n id\n name\n placeId\n latitude\n longitude\n }\n avatar {\n circle\n }\n }\n country {\n id\n iso3661Alpha2\n }\n }\n"]);return E=function(){return e},e}function R(){let e=(0,m._)(["\n mutation onboardOwner($input: OnboardOwnerInput!) {\n onboardOwner(input: $input) {\n user {\n id\n name\n surname\n city {\n id\n name\n placeId\n latitude\n longitude\n }\n phone\n avatar {\n circle\n }\n }\n errors {\n message\n path\n }\n }\n }\n"]);return R=function(){return e},e}let T=(0,b.ZP)(E()),N=(0,b.ZP)(R());var I=e=>{let{t}=(0,a.Z)("user/registration"),{submitDone:n,triggerSubmit:s}=e,[c,d]=(0,o.useState)({city:{}}),{data:l}=(0,C.a)(T),[h,{loading:u}]=(0,j.D)(N,{refetchQueries:["currentUser"]}),p=new w.RW(null==l?void 0:l.country.iso3661Alpha2);(0,o.useEffect)(()=>{if(l){var e;let{currentUser:t}=l,{city:n}=t;d({name:t.name,surname:t.surname,city:{...n,id:void 0,__typename:void 0},phone:t.phone,avatar:null==t?void 0:null===(e=t.avatar)||void 0===e?void 0:e.circle})}},[l]);let m=async e=>{var t;await h({variables:{input:{...e,phone:(null===(t=p.getNumber())||void 0===t?void 0:t.number)||e.phone}}}),n(null==e?void 0:e.city)};return(0,r.jsx)(r.Fragment,{children:(0,r.jsxs)(D.VW,{components:{Toast:k.O},children:[u&&(0,r.jsx)(S.JP,{}),(0,r.jsx)(v.Z,{as:"h3",fontWeight:"bold",children:t("personalInfo")}),(0,r.jsx)(i.xv,{as:"p",mt:2,mb:3,children:t("myDogsDescription")}),(0,r.jsx)(y.J9,{enableReinitialize:!0,initialValues:c,validate:e=>{var n;let r={};return e.name||(r.name=t("common:required")),(null==e?void 0:e.city.placeId)||(r.city=t("common:required")),(null==e?void 0:null===(n=e.phone)||void 0===n?void 0:n.length)>1&&!(0,w.__)(e.phone,p.country).isPossible()&&(r.phone=t("common:phoneFormat")),r},onSubmit:m,children:e=>{let{values:n,errors:o,touched:a,handleChange:c,handleSubmit:d,handleBlur:h,setFieldValue:u}=e;return(0,r.jsxs)(r.Fragment,{children:[l&&(0,r.jsx)(O.Z,{currentUser:l.currentUser,avatar:n.avatar,onChange:e=>u("avatar",e)}
1),(0,r.jsxs)(i.xu,{as:"form",onSubmit:d,children:[(0,r.jsx)(i.xu,{width:1,variant:a.name&&o.name&&"error",children:(0,r.jsxs)(f.__,{flexWrap:"wrap",mb:1,children:[(0,r.jsxs)(i.xv,{mb:1,children:[t("name")," *"]}),(0,r.jsxs)(i.xu,{width:1,children:[(0,r.jsx)(g.Z,{type:"text",name:"name",id:"frmNameCC",placeholder:t("name"),value:n.name||"",onChange:c,onBlur:h},"name"),o.name&&a.name&&(0,r.jsx)(i.xv,{as:"span",children:"".concat(o.name)})]})]})}),(0,r.jsx)(i.xu,{width:1,mt:3,variant:a.surname&&o.surname&&"error",children:(0,r.jsxs)(f.__,{flexWrap:"wrap",mb:1,children:[(0,r.jsx)(i.xv,{mb:1,children:t("surname")}),(0,r.jsxs)(i.xu,{width:1,children:[(0,r.jsx)(g.Z,{type:"text",name:"surname",placeholder:t("surname"),value:n.surname||"",onChange:c,onBlur:h},"surname"),o.surname&&a.surname&&(0,r.jsx)(i.xv,{as:"span",children:"".concat(o.surname)})]})]})}),(0,r.jsx)(i.xu,{width:1,mt:3,sx:{zIndex:1},variant:a.city&&o.city&&"error",children:(0,r.jsxs)(f.__,{flexWrap:"wrap",mb:1,children:[(0,r.jsxs)(i.xv,{mb:1,children:[t("city")," *"]}),(0,r.jsx)(x.Z,{label:t("city"),name:"city.name",value:n.city.name||"",onChange:c,onBlur:h,onSelect:e=>{u("city",{name:e.near,placeId:e.pid,latitude:e.lat,longitude:e.lng})}},"city"),o.city&&a.city&&(0,r.jsx)(i.xv,{as:"span",children:"".concat(o.city)})]})}),(0,r.jsx)(i.xu,{width:1,mt:3,variant:a.phone&&o.phone&&"error",children:(0,r.jsxs)(f.__,{flexWrap:"wrap",mb:1,children:[(0,r.jsx)(i.xv,{width:1,mb:1,children:t("telephone")}),(0,r.jsx)(i.xu,{width:1,children:(0,r.jsx)(g.Z,{type:"tel",placeholder:t("telephone"),name:"phone",value:n.phone||"",onChange:e=>{p.reset();let t=p.input(e.target.value);e.target.value=t,c(e)},"data-test":"telephone"})}),o.phone&&a.phone&&(0,r.jsx)(i.xv,{as:"span",children:"".concat(o.phone)})]})}),(0,r.jsx)(_.lM,{submitOnNextRender:s})]})]})}})]})})},P=n(39845),W=n(99254),M=n(99915),A=n(33160),L=n(18846),Z=e=>{var t,n,s,c;let{save:l,reportWhenFormOpen:h}=e,u=(0,d.px)(),{t:p}=(0,a.Z)("user/registration"),{data:m}=(0,P.lkd)(),[f,x]=(0,o.useState)(!1),[g,y]=(0,o.useState)(),w=()=>{x(!0),h(!0)},b=()=>{x(!1),h(!1)};return(0,o.useEffect)(()=>{var e,t;m&&((null==m?void 0:null===(t=m.currentUser)||void 0===t?void 0:null===(e=t.dogs)||void 0===e?void 0:e.length)?b():w())},[m]),(0,r.jsxs)(D.VW,{components:{Toast:k.O},children:[(0,r.jsx)(v.Z,{as:"h3",fontWeight:"bold",children:p("myDogs")}),(0,r.jsx)(i.xv,{as:"p",mt:2,children:p("myDogsDescription")}),!!(null==m?void 0:null===(n=m.currentUser)||void 0===n?void 0:null===(t=n.dogs)||void 0===t?void 0:t.length)&&!g&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(i.xu,{mb:3,children:null==m?void 0:null===(c=m.currentUser)||void 0===c?void 0:null===(s=c.dogs)||void 0===s?void 0:s.map((e,t)=>(0,r.jsx)(W.Z,{dog:e,editable:!0},t))}),(0,r.jsxs)(i.kC,{alignItems:"center",flexDirection:"row-reverse",onClick:f?b:w,children:[(0,r.jsx)(i.xv,{ml:2,children:p("addDog")}),(0,r.jsx)(i.xu,{variant:"plusButton",children:(0,r.jsx)(M.Z,{name:"plus",color:"veryDarkGray"})})]})]}),f&&(0,r.jsx)(i.xu,{sx:{borderTop:"default",marginTop:2,paddingTop:1},children:g?(0,r.jsx)(L.Z,{dog:g,triggerSubmit:l,onCareInfoAdded:()=>{u({type:"changeActive",payload:{active:1}})},refetchQuery:P.WB9}):(0,r.jsx)(A.Z,{triggerSubmit:l,onDogAdded:e=>{document.body.scrollTop=0,document.documentElement.scrollTop=0,y(e)}})})]})},H=n(95591),Y=e=>{let{onClick:t}=e,{t:n}=(0,a.Z)("user/registration");return(0,r.jsx)(r.Fragment,{children:(0,r.jsxs)(i.kC,{flexWrap:"wrap",alignItems:"center",flexDirection:["column","column","row","row"],width:1,mx:"auto",sx:{position:"relative",minHeight:["calc(100vh - 133px)"]},children:[(0,r.jsx)(i.xu,{width:[1,1,"33.3333vw"],px:[8,0],children:(0,r.jsx)(i.Ee,{src:"/images/registration/done.png",height:"auto",variant:"avatar",alt:"Gudog",width:1})}),(0,r.jsxs)(i.xu,{width:["auto",1,"33.3333vw"],mt:[4,4,0],mb:[8,0],mx:[2,0],ml:[0,0,"16.666vw"],textAlign:["center","initial"],children:[(0,r.jsx)(v.Z,{as:"h1",children:n("thankYou")}),(0,r.jsx)(i.xv,{as:"p",mt:2,mb:3,children:n("thankYouDescription")}),(0,r.jsx)(i.xu,{sx:{display:["none","block"]},children:(0,r.jsx)(H.Z,{onClick:()=>t(),children:n("search")})})]}),(0,r.jsx)(i.xu,{sx:{position:"absolute",right:1,bottom:4,left:1,display:["block","none"]},children:(0,r.jsx)(H.Z,{size:"large",width:1,onClick:()=>t(),children:n("search")})})]})})};let B=e=>{let{query:t}=e,n=(0,d.px)(),[a,s]=(0,o.useState)(!1),[u,m]=(0,o.useState)(!1),[f,v]=(0,o.useState)(void 0),[x,g]=(0,o.useState)(!1);(0,o.useEffect)(()=>{x&&(0,l.L9)("owner_registration_completed")},[x]);let y=()=>{s(!1)};(0,o.useEffect)(()=>{a&&y()},[a]);let w=[{step:(0,r.jsx)(Z,{reportWhenFormOpen:m,save:a}),do:()=>{u?s(!0):n({type:"changeActive",payload:{active:1}})}},{step:(0,r.jsx)(I,{triggerSubmit:a,submitDone:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:void 0;(null==t?void 0:t.redirect)?c().push(t.redirect):(e&&v(e),g(!0))}}),do:()=>{s(!0)}}];return n({type:"changeFlow",payload:{flow:w}}),n({type:"showSteps",payload:{showSteps:!0}}),x?(0,r.jsx)(i.xu,{mx:"auto",pt:8,variant:"layout.large",children:(0,r.jsx)(Y,{onClick:()=>{(0,h.JT)({pathname:"/search",search:{pid:f.placeId,lat:f.latitude,lng:f.longitude,near:f.name}})}})}):(0,r.jsx)(i.xu,{mx:"auto",pt:8,variant:"layout.small",children:(0,r.jsx)(p.Z,{})})};var z=!0,F=e=>{let{query:t}=e,{t:n}=(0,a.Z)("user/registration");return(0,r.jsx)(u.Z,{immersive:!0,withTransparentHeader:!0,title:n("title"),children:(0,r.jsx)(d.fv,{children:(0,r.jsx)(B,{query:t})})})}}},function(e){e.O(0,[39606,19887,59489,48294,60184,16035,51565,27699,32830,38609,31977,92888,49774,40179],function(){return e(e.s=58880)}),_N_E=e.O()}]); 2//# sourceMappingURL=registration-f79d5ae2453bc075.js.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.