@goodhood-web/nebenan-base 3.4.0-development.50 → 3.4.0-development.52

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/index.js +2 -2
  2. package/index.mjs +12 -12
  3. package/lib/DesktopLayoutTwoColumn/DesktopLayoutTwoColumn.types.d.ts +5 -2
  4. package/package.json +1 -1
  5. package/style.css +1 -1
package/index.js CHANGED
@@ -845,7 +845,7 @@ and ensure you are accounting for this risk.
845
845
  Copyright (c) 2018 Jed Watson.
846
846
  Licensed under the MIT License (MIT), see
847
847
  http://jedwatson.github.io/classnames
848
- */(function(e){(function(){var n={}.hasOwnProperty;function t(){for(var a="",s=0;s<arguments.length;s++){var l=arguments[s];l&&(a=r(a,i(l)))}return a}function i(a){if(typeof a=="string"||typeof a=="number")return a;if(typeof a!="object")return"";if(Array.isArray(a))return t.apply(null,a);if(a.toString!==Object.prototype.toString&&!a.toString.toString().includes("[native code]"))return a.toString();var s="";for(var l in a)n.call(a,l)&&a[l]&&(s=r(s,l));return s}function r(a,s){return s?a?a+" "+s:a+s:a}e.exports?(t.default=t,e.exports=t):window.classNames=t})()})(M3);var vG=M3.exports;const fe=Dn(vG);function bG(e,n){var t=C3({},n);return{stencilSize:function(i,r){var a=_e(e.stencilSize)?e.stencilSize(i,r):e.stencilSize;return Qn(q(q({},a),{aspectRatio:hW(t.aspectRatio,Ki(he(a)))}))}}}function mc(e,n){var t=e.boundary,i=_e(n.stencilSize)?n.stencilSize(e,n):n.stencilSize;return(i.width>t.width||i.height>t.height)&&(i=Qn({sizeRestrictions:{maxWidth:t.width,maxHeight:t.height,minWidth:0,minHeight:0},width:i.width,height:i.height,aspectRatio:{minimum:he(i),maximum:he(i)}})),i}function wG(e,n){var t=mc(e,q(q({},n),{stencilSize:n.stencilSize})),i=nt(e,n);return{maxWidth:i.maxWidth*t.width/e.boundary.width,maxHeight:i.maxHeight*t.height/e.boundary.height,minWidth:0,minHeight:0}}function kG(e,n){var t=e.imageSize,i=e.visibleArea,r=e.boundary,a=tt(e,n),s=ci(e,n),l=_e(n.stencilSize)?n.stencilSize(e,n):n.stencilSize,o=i||t,u,f;return he(o)>he(r)?(u=l.height*o.height/r.height,f=u*he(l)):(f=l.width*o.width/r.width,u=f/he(l)),Qn({width:f,height:u,aspectRatio:s,sizeRestrictions:a})}function _G(e,n){var t=he(mc(e,n));return{minimum:t,maximum:t}}function yG(e,n){if(jn(e)){var t=dn(e),i=mc(e,n);t.visibleArea=bt(t.visibleArea,t.coordinates.width*t.boundary.width/(t.visibleArea.width*i.width));var r=fc(t.visibleArea,nt(t,n));return r!==1&&(t.visibleArea=bt(t.visibleArea,r),t.coordinates=bt(t.coordinates,r)),t.visibleArea=Qe(t.visibleArea,Xn(Ie(t.coordinates),Ie(t.visibleArea))),t.visibleArea=We(t.visibleArea,Jn(t,n)),t.coordinates=We(t.coordinates,di(Tn(t.visibleArea),Jn(t,n))),t}return e}function xG(e,n,t){return t&&t.immediately?yG(e,n):e}function SG(e,n){if(jn(e)){var t=dn(e),i={width:0,height:0};he(t.boundary)>he(t.coordinates)?(i.height=t.boundary.height*.8,i.width=i.height*he(t.coordinates)):(i.width=t.boundary.width*.8,i.height=i.width*he(t.coordinates)),t.visibleArea=bt(t.visibleArea,t.coordinates.width*t.boundary.width/(t.visibleArea.width*i.width));var r=fc(t.visibleArea,nt(t,n));return t.visibleArea=bt(t.visibleArea,r),r!==1&&(i.height/=r,i.width/=r),t.visibleArea=Qe(t.visibleArea,Xn(Ie(t.coordinates),Ie(t.visibleArea))),t.visibleArea=We(t.visibleArea,Jn(t,n)),t.coordinates=We(t.coordinates,di(Tn(t.visibleArea),Fn(t,n))),t}return e}function CG(e,n,t){return t.immediately?SG(e,n):e}function EG(e){process.env.NODE_ENV==="development"&&console.warn("Deprecation warning: ".concat(e))}function MG(){var e=v.useRef([]);return function(n){e.current.indexOf(n)===-1&&(EG(n),e.current.push(n))}}function TG(e){return v.forwardRef(e)}function FG(){var e=v.useRef(!0);return e.current?(e.current=!1,!0):e.current}var _a=function(e,n){var t=FG();v.useEffect(function(){if(!t)return e()},n)};function T3(e){var n=Ve(v.useState(e),2),t=n[0],i=n[1],r=Ve(v.useState(null),2),a=r[0],s=r[1],l=v.useRef(e);return _a(function(){a&&a(t,l.current)},[a]),[t,function(o,u){l.current=t,i(o),s(function(){return u})}]}var PG=function(e){lc(n,e);function n(t,i){var r=e.call(this)||this;return r.props=t,r.notify=i,r.data={state:null,transitions:!1,interactions:DW()},r}return n.prototype.getProps=function(){return this.props()},n.prototype.setData=function(t){this.data=t,this.notify()},n.prototype.getData=function(){return this.data},n}(YW);function F3(){var e=Ve(v.useState({}),2);e[0];var n=e[1];return function(){n({})}}function AG(e){var n=v.useRef(e);return n.current=e,function(){for(var t=[],i=0;i<arguments.length;i++)t[i]=arguments[i];return n.current.apply(n,Ba([],Ve(t),!1))}}function LG(e){var n=F3(),t=AG(function(){var r=e(),a=r.settings,s=Lr(r,["settings"]),l=q({imageRestriction:ji.fitArea,transformImage:{adjustStencil:!0}},a),o=q({transitions:!0},s);return q({settings:q(q({},l),KW(l))},o)}),i=v.useRef(new PG(t,n));return i.current}function RG(e){var n=e.src,t=e.onLoadingStart,i=e.onLoadingEnd,r=e.onError,a=e.onLoad,s=e.crossOrigin,l=e.checkOrientation,o=e.canvas,u=e.unloadTime,f=Ve(v.useState(null),2),c=f[0],d=f[1],h=Ve(v.useState(!1),2),g=h[0],k=h[1],_=Ve(T3(!1),2),w=_[0],y=_[1],x=v.useRef(null);return v.useEffect(function(){if(x.current!==n)if(x.current=n||null,y(!1),n){k(!0),t==null||t();var M=[mG(n,{crossOrigin:qe(s)?o:s,checkOrientation:l})];w&&u&&M.push(Lh(u)),Promise.all(M).then(function(C){var R=Ve(C,1),F=R[0];x.current===n&&d(F)}).catch(function(){x.current===n&&(r==null||r())}).finally(function(){x.current===n&&(i==null||i(),k(!1))})}else u?Lh(u).then(function(){x.current===n&&d(null)}):d(null)},[n,c]),v.useEffect(function(){c&&y(!0,function(){a==null||a(c)})},[c]),{isLoading:function(){return g},isLoaded:function(){return w},getImage:function(){return c},setImage:d}}var P3=function(e){var n=v.useRef(e),t=function(){n.current&&n.current()};v.useEffect(function(){n.current=e},[e]),v.useEffect(function(){return window.addEventListener("resize",t),window.addEventListener("orientationchange",t),function(){window.removeEventListener("resize",t),window.removeEventListener("orientationchange",t)}},[])};function zG(e,n){n===void 0&&(n=!0);var t=Ve(v.useState(n),2),i=t[0],r=t[1];return v.useLayoutEffect(function(){i&&!e.hasInteractions()&&e.reconcileState()}),{pause:function(){r(!1)},resume:function(){r(!0)}}}function $G(e){var n=this,t=e(),i=t.src,r=t.onReady,a=t.onError,s=t.onUpdate,l=t.canvas,o=l===void 0?!0:l,u=t.unloadTime,f=u===void 0?500:u,c=t.crossOrigin,d=c===void 0?!0:c,h=t.checkOrientation,g=h===void 0?!0:h,k=t.autoReconcileState,_=k===void 0?!0:k,w=v.useRef(null),y=v.useRef(null),x=v.useRef(null),M=v.useRef(null),C=Ve(T3(null),2),R=C[0],F=C[1],I=LG(function(){return q(q({},e()),{getInstance:function(){return M.current}})}),D=RG({src:i,crossOrigin:d,checkOrientation:g,unloadTime:f,canvas:o,onError:function(){M.current&&(a==null||a(M.current))}}),B=zG(I,_),S=function(){return Fh(n,void 0,void 0,function(){var N,A,$;return Ph(this,function(E){switch(E.label){case 0:return y.current?(B.pause(),N=D.getImage(),[4,($=y.current)===null||$===void 0?void 0:$.stretchTo(N)]):[3,2];case 1:A=E.sent(),F(N,function(){A&&N?I.reset(A,N):I.clear()}),B.resume(),E.label=2;case 2:return[2]}})})},T=function(){return Fh(n,void 0,void 0,function(){var N,A,$,E;return Ph(this,function(L){switch(L.label){case 0:return y.current?(B.pause(),N=D.getImage(),[4,(E=y.current)===null||E===void 0?void 0:E.stretchTo(N)]):[3,2];case 1:A=L.sent(),A&&N?($=I.getState(),$?(A.width!==$.boundary.width||A.height!==$.boundary.height)&&(I.setBoundary(A),I.reconcileState()):I.reset(A,N)):I.clear(),B.resume(),L.label=2;case 2:return[2]}})})},z={reset:function(){return S()},refresh:function(){return T()},setImage:function(N){return F(N)},reconcileState:I.reconcileState,moveCoordinates:I.moveCoordinates,moveCoordinatesEnd:I.moveCoordinatesEnd,resizeCoordinates:I.resizeCoordinates,clear:I.clear,resizeCoordinatesEnd:I.resizeCoordinatesEnd,moveImage:I.moveImage,flipImage:I.flipImage,zoomImage:I.zoomImage,rotateImage:I.rotateImage,transformImage:I.transformImage,transformImageEnd:I.transformImageEnd,setCoordinates:I.setCoordinates,setVisibleArea:I.setVisibleArea,startTransitions:I.startTransitions,setState:I.setState,hasInteractions:I.hasInteractions,getStencilCoordinates:I.getStencilCoordinates,getCoordinates:I.getCoordinates,getVisibleArea:I.getVisibleArea,getTransforms:I.getTransforms,getTransitions:I.getTransitions,getInteractions:I.getInteractions,getSettings:I.getSettings,getState:I.getState,getDefaultState:function(){var N=I.getState(),A=D.getImage();return N&&A?I.createDefaultState(N.boundary,A):null},getCanvas:function(N){var A=I.getState();return w.current&&x.current&&A?x.current.draw(A,w.current,N):null},getImage:function(){return R?q({},R):null},isLoading:D.isLoading,isLoaded:D.isLoaded};return P3(function(){T()}),_a(function(){S()},[D.getImage()]),_a(function(){M.current&&R&&(r==null||r(M.current))},[R]),_a(function(){M.current&&(s==null||s(M.current))},[D.isLoaded(),D.isLoading()]),v.useImperativeHandle(M,function(){return z}),{cropper:z,refs:{image:w,boundary:y,canvas:x},image:R}}var gc=v.forwardRef(function(e,n){var t=e.className,i=e.style,r=e.stretcherClassName,a=e.contentClassName,s=e.stretchAlgorithm,l=s===void 0?nG:s,o=e.sizeAlgorithm,u=o===void 0?UW:o,f=e.children,c=v.useRef(null),d=v.useRef(null);return v.useImperativeHandle(n,function(){return{reset:function(){var h=c.current;h&&(h.style.height="",h.style.width="")},stretchTo:function(h){var g=c.current,k=d.current;if(h!=null&&h.width&&(h!=null&&h.height)&&g&&k){l(k,g,h);var _=u(k,h);return Promise.resolve(_.width&&_.height?_:null)}else return g&&(g.style.height="",g.style.width=""),Promise.resolve(null)}}}),v.createElement("div",{ref:d,style:i,className:fe("advanced-cropper-boundary",t)},v.createElement("div",{ref:c,className:fe(["advanced-cropper-boundary__stretcher",r])}),v.createElement("div",{className:fe(["advanced-cropper-boundary__content",a])},f))});gc.displayName="StretchableBoundary";var A3=function(e){var n=e.visible,t=e.className,i=e.style,r=e.children;return v.createElement("div",{style:i,className:fe(t,"advanced-cropper-fade",!!n&&"advanced-cropper-fade--visible")},r)},BG=function(e){var n=e.cropper,t=e.children,i=e.className,r=e.style,a=n?n.getState():null,s=n?n.isLoaded():!1;return v.createElement("div",{className:fe(i,"advanced-cropper-wrapper"),style:r},v.createElement(A3,{visible:a&&s,className:"advanced-cropper-wrapper__fade"},t))};function L3(e){e.preventDefault()}var R3=v.forwardRef(function(e,n){var t=e.className,i=e.style,r=e.cropper,a=e.crossOrigin,s=a===void 0?!0:a,l=r.getState(),o=r.getTransitions(),u=r.getImage(),f=u&&l?gG(u,l,o):{},c=u?u.src:void 0;return c?v.createElement("img",{key:c,ref:n,className:fe("advanced-cropper-background-image",t),src:c,crossOrigin:s===!0?"anonymous":s||void 0,style:q(q({},f),i),onMouseDown:L3}):null});R3.displayName="CropperBackgroundImage";var z3=v.forwardRef(function(e,n){var t=v.useRef(null),i=v.useRef(null);return v.useImperativeHandle(n,function(){return{draw:function(r,a,s){return s===void 0&&(s={}),a&&t.current&&i.current?eG(r,a,t.current,i.current,s):null}}}),v.createElement(v.Fragment,null,v.createElement("canvas",{className:"advanced-cropper-canvas",ref:t}),v.createElement("canvas",{className:"advanced-cropper-canvas",ref:i}))});z3.displayName="CropperCanvas";var ul=function(e){lc(n,e);function n(t){var i=e.call(this,t)||this;return i.processMove=function(r,a){var s,l=i.container.current;if(l&&i.touches.length){var o=l.getBoundingClientRect(),u=o.left,f=o.top;if(i.touches.length===1&&a.length===1&&i.props.onMove){var c={left:Math.abs(a[0].clientX-i.anchor.left-u)<Math.abs(i.touches[0].clientX-i.anchor.left-u),top:Math.abs(a[0].clientY-i.anchor.top-f)<Math.abs(i.touches[0].clientY-i.anchor.top-f)},d={left:0,top:0};(!i.props.useAnchor||!c.left)&&(d.left=a[0].clientX-i.touches[0].clientX),(!i.props.useAnchor||!c.top)&&(d.top=a[0].clientY-i.touches[0].clientY),(s=i.props)===null||s===void 0||s.onMove(d,r),i.touches=Ba([],Ve(a),!1)}}},i.processEnd=function(){var r=i.props,a=r.onMoveEnd,s=r.onLeave;!i.props.disabled&&i.touches.length&&(a==null||a()),i.hovered&&(s==null||s(),i.hovered=!1),i.touches=[]},i.initAnchor=function(r){var a=i.container.current;if(a){var s=a.getBoundingClientRect(),l=s.left,o=s.top;i.anchor={left:r.clientX-l,top:r.clientY-o}}},i.onMouseOver=function(){var r=i.props,a=r.onEnter,s=r.disabled;!i.hovered&&!s&&(i.hovered=!0,a==null||a())},i.onMouseLeave=function(){var r=i.props.onLeave;i.hovered&&!i.touches.length&&(i.hovered=!1,r==null||r())},i.onTouchStart=function(r){var a=i.props,s=a.onEnter,l=a.onMoveStart,o=a.disabled;if(r.cancelable){i.touches=Array.from(r.touches);var u=!o&&r.touches.length===1;u&&(i.touches=Array.from(r.touches),l==null||l()),!i.hovered&&!o&&(i.hovered=!0,s==null||s()),(i.started||u)&&(r.preventDefault(),r.stopPropagation())}},i.onTouchEnd=function(){i.started=!1,i.processEnd()},i.onTouchMove=function(r){i.touches.length>=1&&(i.started?(i.processMove(r,Array.from(r.touches)),r.preventDefault(),r.stopPropagation()):m3({left:i.touches[0].clientX,top:i.touches[0].clientY},{left:r.touches[0].clientX,top:r.touches[0].clientY})>(i.props.activationDistance||0)&&(i.initAnchor({clientX:r.touches[0].clientX,clientY:r.touches[0].clientY}),i.started=!0))},i.onMouseDown=function(r){var a=i.props,s=a.onMoveStart,l=a.disabled;if(!l&&r.button===0){var o={clientX:r.clientX,clientY:r.clientY};i.touches=[o],i.initAnchor(o),r.stopPropagation(),s==null||s()}},i.onMouseMove=function(r){!i.props.disabled&&i.touches.length&&(i.processMove(r,[{clientX:r.clientX,clientY:r.clientY}]),r.preventDefault&&r.cancelable&&r.preventDefault(),r.stopPropagation())},i.onMouseUp=function(){i.processEnd()},i.touches=[],i.hovered=!1,i.started=!1,i.anchor={left:0,top:0},i.container=v.createRef(),i}return n.prototype.componentWillUnmount=function(){window.removeEventListener("mouseup",this.onMouseUp),window.removeEventListener("mousemove",this.onMouseMove),window.removeEventListener("touchmove",this.onTouchMove),window.removeEventListener("touchend",this.onTouchEnd);var t=this.container.current;t&&(t.removeEventListener("touchstart",this.onTouchStart),t.removeEventListener("mousedown",this.onMouseDown))},n.prototype.componentDidMount=function(){window.addEventListener("mouseup",this.onMouseUp,{passive:!1}),window.addEventListener("mousemove",this.onMouseMove,{passive:!1}),window.addEventListener("touchmove",this.onTouchMove,{passive:!1}),window.addEventListener("touchend",this.onTouchEnd,{passive:!1});var t=this.container.current;t&&(t.addEventListener("touchstart",this.onTouchStart,{passive:!1}),t.addEventListener("mousedown",this.onMouseDown,{passive:!1}))},n.prototype.componentDidUpdate=function(t){this.props.disabled&&!t.disabled&&(this.touches=[])},n.prototype.render=function(){var t=this.props,i=t.children,r=t.className;return v.createElement("div",{className:fe("advanced-cropper-draggable-element",r),ref:this.container,onMouseOver:this.onMouseOver,onMouseLeave:this.onMouseLeave},i)},n.defaultProps={disabled:!1,activationDistance:30,useAnchor:!0,rerender:!0},n}(v.Component),IG=function(e){var n=e.position,t=e.className,i=e.disabled,r=e.onDrag,a=e.onDragEnd,s=e.onLeave,l=e.onEnter,o=e.children;return v.createElement(ul,{className:fe(["advanced-cropper-line-wrapper",n&&"advanced-cropper-line-wrapper--".concat(n),i&&"advanced-cropper-line-wrapper--disabled",t]),disabled:i,onMove:r,onMoveEnd:a,onLeave:s,onEnter:l,activationDistance:0},v.createElement("div",{className:fe(["advanced-cropper-line-wrapper__content",n&&"advanced-cropper-line-wrapper__content--".concat(n)])},o))},pc=function(e){var n,t,i=e.position,r=e.hoverClassName,a=e.wrapperClassName,s=e.defaultClassName,l=e.disabled,o=e.onMove,u=e.onMoveEnd,f=Ve(v.useState(!1),2),c=f[0],d=f[1],h=function(){d(!0)},g=function(){d(!1)};return v.createElement(IG,{className:fe("advanced-cropper-simple-line-wrapper",a,(n={},n["advanced-cropper-simple-line-wrapper--".concat(i)]=!!i,n)),position:i,disabled:l,onDrag:o,onDragEnd:u,onLeave:g,onEnter:h},v.createElement("div",{className:fe("advanced-cropper-simple-line",c&&"advanced-cropper-simple-line--hover",s,c&&r,(t={},t["advanced-cropper-simple-line--".concat(i)]=!!i,t))}))},NG=function(e){var n=e.horizontalPosition,t=e.verticalPosition,i=e.className,r=e.disabled,a=e.onDrag,s=e.onDragEnd,l=e.onLeave,o=e.onEnter,u=e.children,f=e.style,c=n||t?Hf(n,t).snakeCase:null;return v.createElement("div",{style:f,className:fe(i,"advanced-cropper-handler-wrapper",c&&"advanced-cropper-handler-wrapper--".concat(c),r&&"advanced-cropper-handler-wrapper--disabled")},v.createElement(ul,{className:"advanced-cropper-handler-wrapper__draggable",disabled:r,onMove:a,onMoveEnd:s,onLeave:l,onEnter:o,activationDistance:0},u))},vc=function(e){var n,t=e.verticalPosition,i=e.horizontalPosition,r=e.hoverClassName,a=e.wrapperClassName,s=e.defaultClassName,l=e.wrapperStyle,o=e.disabled,u=e.onMove,f=e.onMoveEnd,c=Ve(v.useState(!1),2),d=c[0],h=c[1],g=function(){h(!0)},k=function(){h(!1)};return v.createElement(NG,{style:l,className:fe("advanced-cropper-simple-handler-wrapper",a,t&&"advanced-cropper-simple-handler-wrapper--".concat(t),i&&"advanced-cropper-simple-handler-wrapper--".concat(i),i&&t&&"advanced-cropper-simple-handler-wrapper--".concat(i,"-").concat(t),d&&"advanced-cropper-simple-handler-wrapper--hover"),verticalPosition:t,horizontalPosition:i,disabled:o,onDrag:u,onDragEnd:f,onLeave:k,onEnter:g},v.createElement("div",{className:fe("advanced-cropper-simple-handler",d&&"advanced-cropper-simple-handler--hover",s,d&&r,(n={},n["advanced-cropper-simple-handler--".concat(t)]=!!t,n["advanced-cropper-simple-handler--".concat(i)]=!!i,n["advanced-cropper-simple-handler--".concat(i,"-").concat(t)]=i&&t,n))}))},DG=["east","west",null],OG=["south","north",null],$3=function(e){var n=e.style,t=e.className,i=e.children,r=e.onResize,a=e.onResizeEnd,s=e.handlerComponent,l=s===void 0?vc:s,o=e.handlers,u=o===void 0?{eastNorth:!0,north:!0,westNorth:!0,west:!0,westSouth:!0,south:!0,eastSouth:!0,east:!0}:o,f=e.handlerClassNames,c=f===void 0?{}:f,d=e.handlerWrapperClassNames,h=d===void 0?{}:d,g=e.lines,k=g===void 0?{west:!0,north:!0,east:!0,south:!0}:g,_=e.lineComponent,w=_===void 0?pc:_,y=e.lineClassNames,x=y===void 0?{}:y,M=e.lineWrapperClassNames,C=M===void 0?{}:M,R=e.disabled,F=R===void 0?!1:R,I=e.reference,D=I===void 0?null:I,B=Ve(v.useState(null),2),S=B[0],T=B[1],z=v.useMemo(function(){var L=[];return DG.forEach(function(H){OG.forEach(function(O){if(H!==O){var b=Hf(H,O),j=b.snakeCase,G=b.camelCase;j&&G&&L.push({name:G,className:j,verticalPosition:O,horizontalPosition:H})}})}),L},[]),N=v.useMemo(function(){var L=[];return z.forEach(function(H){lW(H.name)&&(Ri(k)?k[H.name]:k)&&L.push({name:H.name,component:w,className:fe(x.default,x[H.name],F&&x.disabled),wrapperClassName:fe("advanced-cropper-bounding-box__line","advanced-cropper-bounding-box__line--".concat(H.name),C.default,C[H.name],F&&C.disabled),hoverClassName:x.hover,verticalPosition:H.verticalPosition,horizontalPosition:H.horizontalPosition,disabled:F})}),L},[z,k,w,x,C,F]),A=v.useMemo(function(){var L=[];return z.forEach(function(H){(Ri(u)?u[H.name]:u)&&L.push({name:H.name,component:l,className:fe(c.default,c[H.name]),containerClassName:fe("advanced-cropper-bounding-box__handler-wrapper","advanced-cropper-bounding-box__handler-wrapper--".concat(H.className)),wrapperClassName:fe("advanced-cropper-bounding-box__handler","advanced-cropper-bounding-box__handler--".concat(H.className),h.default,h[H.name]),hoverClassName:c.hover,verticalPosition:H.verticalPosition,horizontalPosition:H.horizontalPosition,disabled:F})}),L},[z,u,l,c,h,F]),$=function(L,H){return function(O,b){var j=O.left,G=O.top,U={left:j,top:G},Z;if(!H&&L?Z="width":H&&!L&&(Z="height"),!F){if(r){var Q=Hf(L,H).camelCase;Q&&r(Q,U,{reference:S||D,preserveAspectRatio:b&&b.shiftKey,respectDirection:Z,compensate:!0})}S||T(D)}}},E=function(){a==null||a(),T(null)};return v.createElement("div",{className:fe("advanced-cropper-bounding-box",t),style:n},i,v.createElement("div",null,N.map(function(L){return v.createElement(L.component,{key:L.name,defaultClassName:L.className,hoverClassName:L.hoverClassName,wrapperClassName:L.wrapperClassName,position:L.name,disabled:L.disabled,onMove:$(L.horizontalPosition,L.verticalPosition),onMoveEnd:E})})),v.createElement("div",null,A.map(function(L){var H=v.createElement(L.component,{defaultClassName:L.className,hoverClassName:L.hoverClassName,wrapperClassName:L.wrapperClassName,horizontalPosition:L.horizontalPosition,verticalPosition:L.verticalPosition,disabled:L.disabled,onMove:$(L.horizontalPosition,L.verticalPosition),onMoveEnd:E});return v.createElement("div",{key:L.name,className:L.containerClassName},H)})))},B3=function(e){var n=e.className,t=e.children;return v.createElement("div",{className:fe("advanced-cropper-stencil-overlay",n)},t)};function jG(e){e===void 0&&(e=null);var n=v.useRef(new XW),t=Ve(v.useState(!1),2),i=t[0],r=t[1];return[function(a){e&&e.active?n.current.start(q(q({},e),{onStart:function(){r(!0)},onProgress:function(s){a(s)},onStop:function(){r(!1)}})):n.current.active||a(1)},i]}var HG=function(e){var n=e.className,t=e.transitions,i=e.children,r=Lr(e,["className","transitions","children"]),a=v.useRef(null),s=v.useRef(r),l=Ve(v.useState(r),2),o=l[0],u=l[1],f=Ve(jG(t),2),c=f[0],d=f[1];v.useLayoutEffect(function(){if(!vr(o,r)){u(r);var k=d?q({},s.current):o;c(function(_){var w=["left","top","height","width"];w.forEach(function(y){var x=r[y],M=k[y];s.current[y]=$e(M)&&$e(x)?M+(x-M)*_:x}),a.current&&(a.current.style.width="".concat(s.current.width,"px"),a.current.style.height="".concat(s.current.height,"px"),a.current.style.transform="translate3d(".concat(s.current.left,"px, ").concat(s.current.top,"px, 0px)"))})}},[o,d,r.width,r.height,r.top,r.left]);var h=d?s.current:r,g={left:0,top:0,width:"".concat(h.width,"px"),height:"".concat(h.height,"px"),transform:"translate3d(".concat(h.left,"px, ").concat(h.top,"px, 0px)")};return v.createElement("div",{ref:a,className:fe("advanced-cropper-artificial-transition",n),style:g},i)},I3=function(e){var n=e.className,t=e.transitions,i=e.width,r=e.height,a=e.left,s=e.top,l=e.children;return v.createElement(HG,{className:fe("advanced-cropper-stencil-wrapper",n),transitions:t,width:i,height:r,top:s,left:a},l)},N3=function(e){var n=e.columns,t=n===void 0?3:n,i=e.rows,r=i===void 0?3:i,a=e.visible,s=a===void 0?!1:a,l=e.className,o=[],u=Ve(v.useState(t),2),f=u[0],c=u[1],d=Ve(v.useState(r),2),h=d[0],g=d[1];_a(function(){s&&(g(r),c(t))},[s,t,r]);for(var k=0;k<h;k++){for(var _=[],w=0;w<f;w++)_.push(v.createElement("div",{key:w,className:fe("advanced-cropper-stencil-grid__cell",k===0&&"advanced-cropper-stencil-grid__cell--top",k===h-1&&"advanced-cropper-stencil-grid__cell--bottom",w===0&&"advanced-cropper-stencil-grid__cell--left",w===f-1&&"advanced-cropper-stencil-grid__cell--right")}));o.push(v.createElement("div",{key:k,className:"advanced-cropper-stencil-grid__row"},_))}return v.createElement("div",{className:fe("advanced-cropper-stencil-grid",s&&"advanced-cropper-stencil-grid--visible",l)},o)},D3=v.forwardRef(function(e,n){var t=e.cropper,i=e.coordinates,r=e.aspectRatio,a=e.minAspectRatio,s=e.maxAspectRatio,l=e.handlerComponent,o=l===void 0?vc:l,u=e.handlers,f=u===void 0?{eastNorth:!0,north:!0,westNorth:!0,west:!0,westSouth:!0,south:!0,eastSouth:!0,east:!0}:u,c=e.handlerClassNames,d=c===void 0?{}:c,h=e.handlerWrapperClassNames,g=h===void 0?{}:h,k=e.lines,_=k===void 0?{west:!0,north:!0,east:!0,south:!0}:k,w=e.lineComponent,y=w===void 0?pc:w,x=e.lineClassNames,M=x===void 0?{}:x,C=e.lineWrapperClassNames,R=C===void 0?{}:C,F=e.resizable,I=F===void 0?!0:F,D=e.movable,B=D===void 0?!0:D,S=e.grid,T=e.gridClassName,z=e.className,N=e.movingClassName,A=e.resizingClassName,$=e.previewClassName,E=e.boundingBoxClassName,L=e.overlayClassName,H=e.draggableAreaClassName,O=e.disabled,b=t.getState(),j=t.getTransitions(),G=t.getInteractions(),U=I&&!O,Z=B&&!O;v.useImperativeHandle(n,function(){return{aspectRatio:Ki(r||{minimum:a,maximum:s})}});var Q=function(wn){t&&Z&&t.moveCoordinates(wn)},Y=function(){t&&t.moveCoordinatesEnd()},X=function(wn,rt,at){t&&U&&t.resizeCoordinates(wn,rt,at)},ie=function(){t&&t.resizeCoordinatesEnd()},ne=i?_e(i)?i(b):i:dc(b),de=ne.width,ee=ne.height,je=ne.left,nn=ne.top;return b&&v.createElement(I3,{className:fe("advanced-cropper-rectangle-stencil",z,G.moveCoordinates&&N,G.resizeCoordinates&&A,{"advanced-cropper-rectangle-stencil--movable":Z,"advanced-cropper-rectangle-stencil--moving":G.moveCoordinates,"advanced-cropper-rectangle-stencil--resizable":U,"advanced-cropper-rectangle-stencil--resizing":G.resizeCoordinates,"advanced-cropper-rectangle-stencil--disabled":O}),width:de,height:ee,left:je,top:nn,transitions:j},v.createElement($3,{reference:b.coordinates,className:fe(E,"advanced-cropper-rectangle-stencil__bounding-box"),handlers:f,handlerComponent:o,handlerClassNames:d,handlerWrapperClassNames:g,lines:_,lineComponent:y,lineClassNames:M,lineWrapperClassNames:R,onResize:X,onResizeEnd:ie,disabled:!U},v.createElement(ul,{disabled:!Z,onMove:Q,onMoveEnd:Y,className:fe("advanced-cropper-rectangle-stencil__draggable-area",H)},v.createElement(B3,{className:fe("advanced-cropper-rectangle-stencil__overlay",L)},S&&v.createElement(N3,{visible:t.hasInteractions(),columns:G.transformImage.rotate?9:3,rows:G.transformImage.rotate?9:3,className:fe("advanced-cropper-rectangle-stencil__grid",T)}),v.createElement("div",{className:fe("advanced-cropper-rectangle-stencil__preview",$)})))))});D3.displayName="RectangleStencil";function VG(e){return v.useMemo(function(){return is(e,{touch:!0},{touch:!1})},[e])}function WG(e){return v.useMemo(function(){return is(e,{touch:!0,wheel:{ratio:.1}},{touch:!1,wheel:!1})},[e])}function GG(e){return v.useMemo(function(){return is(e,{touch:!0,mouse:!0},{touch:!1,mouse:!1})},[e])}var qG=function(){function e(n){var t=n.active;this.active=t,this.defaultPrevented=!1}return e.prototype.preventDefault=function(){this.defaultPrevented=!0},e}(),UG=function(e){lc(n,e);function n(t){var i=e.call(this,t)||this;return i.processMove=function(r){var a=i.props,s=a.onTransform,l=a.touchScale,o=a.touchMove,u=a.touchRotate,f=i.container.current;f&&s&&(s(IW(r,i.touches,f,{scale:l,rotate:u,move:o})),i.touches=r)},i.processEnd=function(){var r=i.props.onTransformEnd;i.transforming&&(i.transforming=!1,r&&r())},i.processStart=function(){i.transforming=!0,i.debouncedProcessEnd.clear()},i.processEvent=function(r){var a=i.props,s=a.onEvent,l=a.disabled,o=a.preventDefault,u=o===void 0?!0:o,f=new qG({active:i.transforming});return s?s(f,r):u&&(r.preventDefault(),r.stopPropagation()),!l&&!f.defaultPrevented},i.onWheel=function(r){var a=i.props,s=a.onTransform,l=a.wheelScale,o=i.container.current;l&&i.processEvent(r)&&(i.processStart(),s&&o&&s(NW(r,o,l===!0?.1:l.ratio)),i.touches.length||i.debouncedProcessEnd())},i.onTouchStart=function(r){var a=i.props,s=a.touchMove,l=a.touchScale,o=a.touchRotate;if(r.cancelable&&(s||(l||o)&&r.touches.length>1)&&i.processEvent(r)){var u=i.container.current;if(u){var f=u.getBoundingClientRect(),c=f.left,d=f.top,h=f.bottom,g=f.right;i.touches=Array.from(r.touches).filter(function(k){return k.clientX>c&&k.clientX<g&&k.clientY>d&&k.clientY<h})}}},i.onTouchEnd=function(r){r.touches.length===0&&(i.touches=[],i.processEnd())},i.onTouchMove=function(r){if(i.touches.length){var a=Ba([],Ve(r.touches),!1).filter(function(s){return!s.identifier||i.touches.find(function(l){return l.identifier===s.identifier})});i.processEvent(r)&&(i.processMove(a),i.processStart())}},i.onMouseDown=function(r){var a=i.props.mouseMove;if(a&&"buttons"in r&&r.buttons===1&&i.processEvent(r)){var s={clientX:r.clientX,clientY:r.clientY};i.touches=[s],i.processStart()}},i.onMouseMove=function(r){i.touches.length&&i.processEvent(r)&&i.processMove([{clientX:r.clientX,clientY:r.clientY}])},i.onMouseUp=function(){i.touches=[],i.processEnd()},i.transforming=!1,i.touches=[],i.anchor={left:0,top:0},i.container=v.createRef(),i.debouncedProcessEnd=p3(i.processEnd,t.timeout),i}return n.prototype.shouldComponentUpdate=function(){return!0},n.prototype.componentWillUnmount=function(){window.removeEventListener("mouseup",this.onMouseUp),window.removeEventListener("mousemove",this.onMouseMove),window.removeEventListener("touchmove",this.onTouchMove),window.removeEventListener("touchend",this.onTouchEnd);var t=this.container.current;t&&(t.removeEventListener("touchstart",this.onTouchStart),t.removeEventListener("mousedown",this.onMouseDown),t.removeEventListener("wheel",this.onWheel))},n.prototype.componentDidMount=function(){window.addEventListener("mouseup",this.onMouseUp,{passive:!1}),window.addEventListener("mousemove",this.onMouseMove,{passive:!1}),window.addEventListener("touchmove",this.onTouchMove,{passive:!1}),window.addEventListener("touchend",this.onTouchEnd,{passive:!1});var t=this.container.current;t&&(t.addEventListener("touchstart",this.onTouchStart,{passive:!1}),t.addEventListener("mousedown",this.onMouseDown,{passive:!1}),t.addEventListener("wheel",this.onWheel,{passive:!1}))},n.prototype.render=function(){var t=this.props,i=t.className,r=t.children,a=t.style;return v.createElement("div",{className:i,style:a,ref:this.container},r)},n.defaultProps={touchMove:!0,mouseMove:!0,touchScale:!0,touchRotate:!1,wheelScale:!0,timeout:500},n}(v.Component),ZG=function(e){var n=e.scaleImage,t=n===void 0?!0:n,i=e.moveImage,r=i===void 0?!0:i,a=e.rotateImage,s=a===void 0?!1:a,l=e.children,o=e.className,u=e.style,f=e.cropper,c=e.timeout,d=e.disabled,h=f.getTransitions(),g=VG(s),k=WG(t),_=GG(r);return v.createElement(UG,{className:o,style:u,onTransform:f.transformImage,onTransformEnd:f.transformImageEnd,touchMove:_.touch,mouseMove:_.mouse,touchScale:k.touch,wheelScale:k.wheel,touchRotate:g.touch,disabled:h.active||d,preventDefault:!d,timeout:c},l)},KG=function(e,n){var t=e.style,i=e.className,r=e.stencilComponent,a=r===void 0?D3:r,s=e.stencilConstraints,l=s===void 0?C3:s,o=e.stencilProps,u=o===void 0?{}:o,f=e.wrapperComponent,c=f===void 0?BG:f,d=e.wrapperProps,h=d===void 0?{}:d,g=e.backgroundComponent,k=g===void 0?R3:g,_=e.backgroundProps,w=_===void 0?{}:_,y=e.backgroundClassName,x=e.backgroundWrapperComponent,M=x===void 0?ZG:x,C=e.backgroundWrapperProps,R=C===void 0?{}:C,F=e.boundaryComponent,I=F===void 0?gc:F,D=e.boundaryProps,B=e.boundaryClassName,S=e.canvas,T=S===void 0?!0:S,z=e.crossOrigin,N=z===void 0?!0:z,A=e.disabled,$=e.settings,E=Lr(e,["style","className","stencilComponent","stencilConstraints","stencilProps","wrapperComponent","wrapperProps","backgroundComponent","backgroundProps","backgroundClassName","backgroundWrapperComponent","backgroundWrapperProps","boundaryComponent","boundaryProps","boundaryClassName","canvas","crossOrigin","disabled","settings"]),L=v.useRef(null),H=$G(function(){return q(q({},E),{crossOrigin:N,stencilProps:u,canvas:T,settings:q(q({},$),l($,q(q({},u),L.current)))})}),O=H.cropper,b=H.image,j=H.refs,G=a,U=c,Z=M,Q=k,Y=I;v.useImperativeHandle(n,function(){return O});var X={loading:O.isLoading(),loaded:O.isLoaded()};return v.createElement(U,q({},h,{disabled:A,className:fe("advanced-cropper",i),cropper:O,style:t},X),v.createElement(Y,q({},D,{ref:j.boundary,className:fe("advanced-cropper__boundary",B)}),v.createElement(Z,q({},R,{disabled:A,cropper:O,className:"advanced-cropper__background-wrapper"}),O.getState()&&v.createElement(Q,q({},w,{ref:j.image,crossOrigin:N,cropper:O,className:fe("advanced-cropper__background",y)})),v.createElement(G,q({},u,{disabled:A,ref:L,cropper:O,image:b}))),T&&v.createElement(z3,{ref:j.canvas})))},O3=TG(KG),j3=["transformImage","moveCoordinates","resizeCoordinates","defaultCoordinates","defaultVisibleArea","areaPositionRestrictions","areaSizeRestrictions","sizeRestrictions","positionRestrictions","aspectRatio","minWidth","minHeight","maxWidth","maxHeight","defaultSize","defaultPosition","defaultTransforms","imageRestriction","priority"];function H3(e,n){n===void 0&&(n=j3);var t={settings:{},props:{}};return Object.keys(e).forEach(function(i){n.some(function(r){return r===i})?t.settings[i]=e[i]:t.props[i]=e[i]}),t}var V3=v.forwardRef(function(e,n){var t=H3(e,Ba(Ba([],Ve(j3),!1),["stencilSize"],!1));return v.createElement(O3,q({postProcess:xG,stencilConstraints:bG},t.props,{settings:q(q({defaultSize:kG,aspectRatio:_G,sizeRestrictions:ZW(wG)},t.settings),{transformImage:q(q({},t.settings.transformImage),{adjustStencil:!1})}),ref:n}))});V3.displayName="FixedCropper";var W3=v.forwardRef(function(e,n){var t=H3(e),i=t.props,r=t.settings,a=r.stencilSize,s=r.autoZoom,l=Lr(r,["stencilSize","autoZoom"]),o=MG();return qe(s)||(i.postProcess||a?o("prop 'autoZoom' is deprecated now and will be removed, use 'postProcess' prop to pass your auto zoom function."):(o("prop 'autoZoom' is deprecated now and will be removed, use 'postProcess' prop to pass your auto zoom function. The 'postProcess' automatically set to 'hybridAutoZoom'"),i.postProcess=CG)),qe(a)?v.createElement(O3,q({},i,{ref:n,settings:l})):(o("prop 'stencilSize' is deprecated for <Cropper/> component now and will be removed, use <FixedCropper/> component instead."),v.createElement(V3,q({ref:n,stencilSize:a},l,i)))});W3.displayName="CropperComponent";var YG=v.forwardRef(function(e,n){var t=e.cropper,i=e.coordinates,r=e.handlerComponent,a=r===void 0?vc:r,s=e.handlers,l=s===void 0?{eastNorth:!0,westNorth:!0,westSouth:!0,eastSouth:!0}:s,o=e.handlerClassNames,u=o===void 0?{}:o,f=e.handlerWrapperClassNames,c=f===void 0?{}:f,d=e.lines,h=d===void 0?{west:!0,north:!0,east:!0,south:!0}:d,g=e.lineComponent,k=g===void 0?pc:g,_=e.lineClassNames,w=_===void 0?{}:_,y=e.lineWrapperClassNames,x=y===void 0?{}:y,M=e.resizable,C=M===void 0?!0:M,R=e.movable,F=R===void 0?!0:R,I=e.grid,D=e.gridClassName,B=e.className,S=e.movingClassName,T=e.resizingClassName,z=e.previewClassName,N=e.boundingBoxClassName,A=e.overlayClassName,$=e.draggableAreaClassName,E=e.disabled,L=t.getState(),H=t.getTransitions(),O=t.getInteractions(),b=C&&!E,j=F&&!E;v.useImperativeHandle(n,function(){return{aspectRatio:1,boundingBox:"circle"}});var G=function(ee){t&&j&&t.moveCoordinates(ee)},U=function(){t&&t.moveCoordinatesEnd()},Z=function(ee,je,nn){t&&b&&t.resizeCoordinates(ee,je,nn)},Q=function(){t&&t.resizeCoordinatesEnd()},Y=i?_e(i)?i(L):i:dc(L),X=Y.width,ie=Y.height,ne=Y.left,de=Y.top;return L&&v.createElement(I3,{className:fe("advanced-cropper-circle-stencil",B,O.moveCoordinates&&S,O.resizeCoordinates&&T,{"advanced-cropper-circle-stencil--movable":j,"advanced-cropper-circle-stencil--moving":O.moveCoordinates,"advanced-cropper-circle-stencil--resizable":b,"advanced-cropper-circle-stencil--resizing":O.resizeCoordinates,"advanced-cropper-circle-stencil--disabled":E}),width:X,height:ie,left:ne,top:de,transitions:H},v.createElement($3,{reference:L.coordinates,className:fe(N,"advanced-cropper-circle-stencil__bounding-box"),handlers:l,handlerComponent:a,handlerClassNames:u,handlerWrapperClassNames:c,lines:h,lineComponent:k,lineClassNames:w,lineWrapperClassNames:x,onResize:Z,onResizeEnd:Q,disabled:!b},v.createElement(ul,{disabled:!j,onMove:G,onMoveEnd:U,className:fe("advanced-cropper-circle-stencil__draggable-area",$)},v.createElement(B3,{className:fe("advanced-cropper-circle-stencil__overlay",A)},I&&v.createElement(N3,{visible:t.hasInteractions(),columns:O.transformImage.rotate?9:3,rows:O.transformImage.rotate?9:3,className:fe("advanced-cropper-circle-stencil__grid",D)}),v.createElement("div",{className:fe("advanced-cropper-circle-stencil__preview",z)})))))});YG.displayName="CircleStencil";var XG=v.forwardRef(function(e,n){var t=e.src,i=e.crossOrigin,r=i===void 0?!0:i,a=Lr(e,["src","crossOrigin"]);return t?v.createElement("img",q({key:t,ref:n,src:t,className:fe("advanced-cropper-source"),crossOrigin:r===!0?"anonymous":r||void 0},a)):null});XG.displayName="CropperSource";var JG=function(e){var n=e.children,t=e.cropper,i=e.className,r=e.style;return v.createElement("div",{className:fe(i,"cropper-preview-wrapper"),style:r},v.createElement(A3,{visible:t==null?void 0:t.isLoaded(),className:"cropper-preview-wrapper__fade"},n))},QG=function(e){var n=e.className,t=e.cropper,i=e.crossOrigin,r=i===void 0?!0:i,a=e.size,s=e.style,l=t.getState(),o=t.getTransitions(),u=t.getImage(),f=a&&u&&(l!=null&&l.coordinates)?pG(u,l,a,o):{},c=u?u.src:void 0;return c?v.createElement("img",{key:c,className:fe("advanced-cropper-background-image",n),src:c,crossOrigin:r===!0?"anonymous":r||void 0,style:q(q({},f),s),onMouseDown:L3}):null};v.forwardRef(function(e,n){var t,i,r,a,s=e.className,l=e.contentClassName,o=e.state,u=o===void 0?null:o,f=e.image,c=f===void 0?null:f,d=e.transitions,h=d===void 0?null:d,g=e.backgroundComponent,k=g===void 0?QG:g,_=e.backgroundProps,w=e.backgroundClassName,y=e.boundaryComponent,x=y===void 0?gc:y,M=e.boundaryProps,C=e.boundaryClassName,R=e.wrapperComponent,F=R===void 0?JG:R,I=e.wrapperProps,D=e.loaded,B=D===void 0?!0:D,S=e.loading,T=S===void 0?!1:S,z=e.style,N=e.cropper,A=F3(),$=v.useRef(null),E=v.useRef(null),L=N||(E.current?E:{current:{getState:function(){return u},getTransitions:function(){return h},getImage:function(){return c},isLoaded:function(){return B},isLoading:function(){return T}}}),H=Ve(v.useState(null),2),O=H[0],b=H[1],j=(i=(t=L.current)===null||t===void 0?void 0:t.getState())===null||i===void 0?void 0:i.coordinates,G=(a=(r=L.current)===null||r===void 0?void 0:r.getImage())===null||a===void 0?void 0:a.src,U=O?{width:"".concat(O.width,"px"),height:"".concat(O.height,"px")}:{},Z=function(){var ie,ne,de=(ne=(ie=L.current)===null||ie===void 0?void 0:ie.getState())===null||ne===void 0?void 0:ne.coordinates;$.current&&de&&$.current.stretchTo(de).then(function(ee){ee&&de?si(he(de),he(ee))?b({width:ee.width,height:ee.width/he(de)}):b({width:ee.height*he(de),height:ee.height}):b(null)}),A()};P3(Z),v.useLayoutEffect(Z,[j==null?void 0:j.height,j==null?void 0:j.width]),v.useImperativeHandle(n,function(){return{refresh:Z,update:function(ie){ie?E.current=ie:E.current=null,Z()}}});var Q=F,Y=k,X=x;return v.createElement(Q,q({},I,{className:fe(s,"advanced-cropper-preview"),cropper:L.current,style:z}),v.createElement(X,q({ref:$,stretchAlgorithm:tG},M,{className:fe("advanced-cropper-preview__boundary",C)}),v.createElement("div",{className:fe(l,"advanced-cropper-preview__content"),style:U},L.current&&v.createElement(Y,q({},_,{cropper:L.current,size:O,className:fe(w,"advanced-cropper-preview__image",G&&"advanced-cropper-preview__image--visible")})))))});const eq="_sheetBody_9evqz_141",nq="_cropperContainer_9evqz_158",tq="_cropper_9evqz_158",iq="_rotateIcon_9evqz_172",rq="_sheet_9evqz_141",aq="_header_9evqz_184",sq="_footer_9evqz_196",yi={sheetBody:eq,cropperContainer:nq,cropper:tq,rotateIcon:iq,sheet:rq,header:aq,footer:sq},oq=e=>{const[n,t]=v.useState(),i=v.useRef("image/jpeg");return v.useEffect(()=>{if(e){i.current=e.type;const r=new FileReader;r.onload=()=>{t(r.result)},r.readAsDataURL(e)}},[e]),{imageSrc:n,imgType:i}},lq=(e,n,t)=>{const i=e.current;if(i){const r=i.getCanvas();r?r.toBlob(a=>{if(a){const s=n.split("/")[1],l=`cropped-image-${Date.now()}.${s}`,o=new File([a],l,{type:n});t(o)}},n):console.warn("Canvas not available from cropper result")}},uq=e=>{const{imageSize:n,visibleArea:t}=e;return{height:(t||n).height,width:(t||n).width}},fq=({aspectRatio:e,imageFile:n,onClose:t,onCrop:i,translations:r={close:"Abbrechen",crop:"Bestätigen",mobileTitle:"Zuschneiden Sie Ihr Bild",rotate:"Rotate",title:"Ziehen, um Bildausschnitt zu wählen"}})=>{const a=v.useRef(null),{imageSrc:s,imgType:l}=oq(n),o=()=>()=>{var c;(c=a.current)==null||c.rotateImage(90)},u=()=>{lq(a,l.current,i)},f=m.jsxs("div",{className:yi.sheetBody,children:[m.jsx(P.TextButton,{className:yi.rotateIcon,rightIcon:m.jsx(P.Icon,{name:"rotate",size:"16",role:"presentation"}),size:"medium",onClick:o(),color:"blue",text:r.rotate}),m.jsx("div",{className:yi.cropperContainer,children:m.jsx(W3,{ref:a,className:yi.cropper,src:s,defaultSize:uq,stencilProps:{aspectRatio:e}})})]});return m.jsx(P.Sheet,{open:!!n,onDismiss:t,content:f,defaultHeaderTitle:Mn()?r.mobileTitle:r.title,cancelButtonText:r.close,primaryButtonText:r.crop,sheetClassName:yi.sheet,onPrimaryAction:u,footerClassName:yi.footer,headerClassName:yi.header})},dq="_imageGallery_1kcr1_141",cq="_imageGalleryImage_1kcr1_147",hq="_imageGalleryPill_1kcr1_155",pu={imageGallery:dq,imageGalleryImage:cq,imageGalleryPill:hq},mq=({gallerySize:e,imageAlt:n,imageURL:t,onClick:i})=>{let r;if(e>1){const a=`+${e-1}`;r=m.jsx("div",{className:pu.imageGalleryPill,children:m.jsx(P.LabelPill,{label:a,shape:"tile",size:"medium"})})}return m.jsxs("div",{className:pu.imageGallery,onClick:i,children:[m.jsx(P.Image,{alt:n,src:t,className:pu.imageGalleryImage}),r]})},gq="_container_1ytmu_141",pq="_circle_1ytmu_149",vq="_logo_1ytmu_157",vu={container:gq,circle:pq,logo:vq},bq=(e,n)=>p.createElement("svg",{width:72,height:80,viewBox:"0 0 72 80",fill:"none",xmlns:"http://www.w3.org/2000/svg",ref:n,...e},p.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M67.7997 17.7397L39.7431 1.45626C37.3242 0.0510383 34.3374 0.0510383 31.9184 1.45626L3.87632 17.7397C1.48151 19.136 0.00627151 21.6971 0 24.4692V55.5447C0.0040404 58.3136 1.48055 60.8715 3.87632 62.2598L15.5846 69.0614V50.9839L21.4279 54.3414C21.6617 54.4879 21.8054 54.7428 21.8097 55.0187V72.6783L31.8968 78.5576C34.3242 79.9506 37.3085 79.9506 39.7359 78.5576L49.823 72.6783V55.0187C49.8291 54.7396 49.9789 54.4834 50.2193 54.3414L56.0554 50.9839V69.0614L60.7315 66.3451L67.7708 62.2598C70.1649 60.8707 71.6389 58.3126 71.64 55.5447V24.4692C71.6426 21.7041 70.1817 19.144 67.7997 17.7397ZM33.4975 74.07L26.487 69.9991V55.0198C26.4907 53.076 25.4583 51.2775 23.7779 50.3005L15.0237 45.2569C14.1803 44.77 13.1412 44.7705 12.2982 45.2581C11.4552 45.7457 10.9368 46.6464 10.9384 47.6202V60.928L6.21913 58.2333C5.26735 57.6719 4.68151 56.6508 4.67725 55.5458V25.3926L33.4975 42.1227V74.07ZM6.98877 21.3007L33.4962 36.7267V5.93945L6.98877 21.3007ZM38.187 5.93945L64.6872 21.3007L38.187 36.7267V5.93945ZM65.451 58.2333C66.4104 57.6776 67.0029 56.6545 67.0073 55.5458V25.3926L38.187 42.1227V74.07L45.1759 69.9991V55.027C45.1841 53.0789 46.2267 51.2818 47.9138 50.3077L56.6824 45.2641C57.5253 44.7809 58.5619 44.7833 59.4025 45.2705C60.2432 45.7577 60.7606 46.6558 60.7605 47.6274V60.928L65.451 58.2333Z",fill:"#201649"})),wq=v.forwardRef(bq),G3=()=>m.jsxs("div",{className:vu.container,children:[m.jsx("div",{className:vu.circle}),m.jsx(wq,{className:vu.logo})]}),kq="_react-datepicker__day-names_akuc2_120",_q="_react-datepicker__week_akuc2_124",yq="_react-datepicker__day--outside-month_akuc2_131",xq="_react-datepicker_akuc2_120",Sq="_wrapper_akuc2_141",Cq="_header_akuc2_148",Eq="_navbar_akuc2_156",Mq="_banner_akuc2_161",Tq="_main_akuc2_169",Fq="_contentContainer_akuc2_173",Pq="_contentContainer__withBanner_akuc2_178",Aq="_contentContainer__withBanner_akuc2_178",Lq="_content_akuc2_173",Rq="_mainContent_akuc2_188",zq="_mainContent__isFullWidth_akuc2_192",$q="_mainContent__isFullWidth_akuc2_192",Bq="_sidebarRight_akuc2_196",Iq="_adSlot_akuc2_210",Nq="_adSlot__withBanner_akuc2_218",Dq="_adSlot__withBanner_akuc2_218",Oq="_adSlot--left_akuc2_237",jq="_adSlot--right_akuc2_242",tn={"react-datepicker__day-names":"_react-datepicker__day-names_akuc2_120",reactDatepickerDayNames:kq,"react-datepicker__week":"_react-datepicker__week_akuc2_124",reactDatepickerWeek:_q,"react-datepicker__day--outside-month":"_react-datepicker__day--outside-month_akuc2_131",reactDatepickerDayOutsideMonth:yq,"react-datepicker":"_react-datepicker_akuc2_120",reactDatepicker:xq,wrapper:Sq,header:Cq,navbar:Eq,banner:Mq,main:Tq,contentContainer:Fq,contentContainer__withBanner:Pq,contentContainerWithBanner:Aq,content:Lq,mainContent:Rq,mainContent__isFullWidth:zq,mainContentIsFullWidth:$q,sidebarRight:Bq,adSlot:Iq,adSlot__withBanner:Nq,adSlotWithBanner:Dq,"adSlot--left":"_adSlot--left_akuc2_237",adSlotLeft:Oq,"adSlot--right":"_adSlot--right_akuc2_242",adSlotRight:jq},Hq=({banner:e,children:n,isMainFullWidth:t,leftAdSlot:i,navbar:r,right:a,rightAdSlot:s,enableAdSlots:l})=>m.jsxs("div",{className:tn.wrapper,children:[l&&m.jsx("div",{className:re(tn.adSlot,tn["adSlot--left"],{[tn.adSlot__withBanner]:e}),children:i}),m.jsxs("div",{className:re(tn.contentContainer,{[tn.contentContainer__withBanner]:e}),children:[m.jsx("header",{className:tn.header,children:m.jsx("nav",{className:tn.navBar,children:r})}),m.jsxs("div",{className:re(tn.content),children:[m.jsx("main",{className:re(tn.mainContent,{[tn.mainContent__isFullWidth]:t}),children:n}),a&&m.jsx("aside",{className:tn.sidebarRight,children:a})]})]}),l&&m.jsx("div",{className:re(tn.adSlot,tn["adSlot--right"],{[tn.adSlot__withBanner]:e}),children:s}),e&&m.jsx("div",{className:tn.banner,children:e})]});var q3={exports:{}};(()=>{var e={d:(s,l)=>{for(var o in l)e.o(l,o)&&!e.o(s,o)&&Object.defineProperty(s,o,{enumerable:!0,get:l[o]})},o:(s,l)=>Object.prototype.hasOwnProperty.call(s,l),r:s=>{typeof Symbol<"u"&&Symbol.toStringTag&&Object.defineProperty(s,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(s,"__esModule",{value:!0})}},n={};e.r(n),e.d(n,{default:()=>a});const t=v;function i(s,l){return function(o){if(Array.isArray(o))return o}(s)||function(o,u){var f=o==null?null:typeof Symbol<"u"&&o[Symbol.iterator]||o["@@iterator"];if(f!=null){var c,d,h=[],g=!0,k=!1;try{for(f=f.call(o);!(g=(c=f.next()).done)&&(h.push(c.value),!u||h.length!==u);g=!0);}catch(_){k=!0,d=_}finally{try{g||f.return==null||f.return()}finally{if(k)throw d}}return h}}(s,l)||function(o,u){if(o){if(typeof o=="string")return r(o,u);var f=Object.prototype.toString.call(o).slice(8,-1);return f==="Object"&&o.constructor&&(f=o.constructor.name),f==="Map"||f==="Set"?Array.from(o):f==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(f)?r(o,u):void 0}}(s,l)||function(){throw new TypeError(`Invalid attempt to destructure non-iterable instance.
848
+ */(function(e){(function(){var n={}.hasOwnProperty;function t(){for(var a="",s=0;s<arguments.length;s++){var l=arguments[s];l&&(a=r(a,i(l)))}return a}function i(a){if(typeof a=="string"||typeof a=="number")return a;if(typeof a!="object")return"";if(Array.isArray(a))return t.apply(null,a);if(a.toString!==Object.prototype.toString&&!a.toString.toString().includes("[native code]"))return a.toString();var s="";for(var l in a)n.call(a,l)&&a[l]&&(s=r(s,l));return s}function r(a,s){return s?a?a+" "+s:a+s:a}e.exports?(t.default=t,e.exports=t):window.classNames=t})()})(M3);var vG=M3.exports;const fe=Dn(vG);function bG(e,n){var t=C3({},n);return{stencilSize:function(i,r){var a=_e(e.stencilSize)?e.stencilSize(i,r):e.stencilSize;return Qn(q(q({},a),{aspectRatio:hW(t.aspectRatio,Ki(he(a)))}))}}}function mc(e,n){var t=e.boundary,i=_e(n.stencilSize)?n.stencilSize(e,n):n.stencilSize;return(i.width>t.width||i.height>t.height)&&(i=Qn({sizeRestrictions:{maxWidth:t.width,maxHeight:t.height,minWidth:0,minHeight:0},width:i.width,height:i.height,aspectRatio:{minimum:he(i),maximum:he(i)}})),i}function wG(e,n){var t=mc(e,q(q({},n),{stencilSize:n.stencilSize})),i=nt(e,n);return{maxWidth:i.maxWidth*t.width/e.boundary.width,maxHeight:i.maxHeight*t.height/e.boundary.height,minWidth:0,minHeight:0}}function kG(e,n){var t=e.imageSize,i=e.visibleArea,r=e.boundary,a=tt(e,n),s=ci(e,n),l=_e(n.stencilSize)?n.stencilSize(e,n):n.stencilSize,o=i||t,u,f;return he(o)>he(r)?(u=l.height*o.height/r.height,f=u*he(l)):(f=l.width*o.width/r.width,u=f/he(l)),Qn({width:f,height:u,aspectRatio:s,sizeRestrictions:a})}function _G(e,n){var t=he(mc(e,n));return{minimum:t,maximum:t}}function yG(e,n){if(jn(e)){var t=dn(e),i=mc(e,n);t.visibleArea=bt(t.visibleArea,t.coordinates.width*t.boundary.width/(t.visibleArea.width*i.width));var r=fc(t.visibleArea,nt(t,n));return r!==1&&(t.visibleArea=bt(t.visibleArea,r),t.coordinates=bt(t.coordinates,r)),t.visibleArea=Qe(t.visibleArea,Xn(Ie(t.coordinates),Ie(t.visibleArea))),t.visibleArea=We(t.visibleArea,Jn(t,n)),t.coordinates=We(t.coordinates,di(Tn(t.visibleArea),Jn(t,n))),t}return e}function xG(e,n,t){return t&&t.immediately?yG(e,n):e}function SG(e,n){if(jn(e)){var t=dn(e),i={width:0,height:0};he(t.boundary)>he(t.coordinates)?(i.height=t.boundary.height*.8,i.width=i.height*he(t.coordinates)):(i.width=t.boundary.width*.8,i.height=i.width*he(t.coordinates)),t.visibleArea=bt(t.visibleArea,t.coordinates.width*t.boundary.width/(t.visibleArea.width*i.width));var r=fc(t.visibleArea,nt(t,n));return t.visibleArea=bt(t.visibleArea,r),r!==1&&(i.height/=r,i.width/=r),t.visibleArea=Qe(t.visibleArea,Xn(Ie(t.coordinates),Ie(t.visibleArea))),t.visibleArea=We(t.visibleArea,Jn(t,n)),t.coordinates=We(t.coordinates,di(Tn(t.visibleArea),Fn(t,n))),t}return e}function CG(e,n,t){return t.immediately?SG(e,n):e}function EG(e){process.env.NODE_ENV==="development"&&console.warn("Deprecation warning: ".concat(e))}function MG(){var e=v.useRef([]);return function(n){e.current.indexOf(n)===-1&&(EG(n),e.current.push(n))}}function TG(e){return v.forwardRef(e)}function FG(){var e=v.useRef(!0);return e.current?(e.current=!1,!0):e.current}var _a=function(e,n){var t=FG();v.useEffect(function(){if(!t)return e()},n)};function T3(e){var n=Ve(v.useState(e),2),t=n[0],i=n[1],r=Ve(v.useState(null),2),a=r[0],s=r[1],l=v.useRef(e);return _a(function(){a&&a(t,l.current)},[a]),[t,function(o,u){l.current=t,i(o),s(function(){return u})}]}var PG=function(e){lc(n,e);function n(t,i){var r=e.call(this)||this;return r.props=t,r.notify=i,r.data={state:null,transitions:!1,interactions:DW()},r}return n.prototype.getProps=function(){return this.props()},n.prototype.setData=function(t){this.data=t,this.notify()},n.prototype.getData=function(){return this.data},n}(YW);function F3(){var e=Ve(v.useState({}),2);e[0];var n=e[1];return function(){n({})}}function AG(e){var n=v.useRef(e);return n.current=e,function(){for(var t=[],i=0;i<arguments.length;i++)t[i]=arguments[i];return n.current.apply(n,Ba([],Ve(t),!1))}}function LG(e){var n=F3(),t=AG(function(){var r=e(),a=r.settings,s=Lr(r,["settings"]),l=q({imageRestriction:ji.fitArea,transformImage:{adjustStencil:!0}},a),o=q({transitions:!0},s);return q({settings:q(q({},l),KW(l))},o)}),i=v.useRef(new PG(t,n));return i.current}function RG(e){var n=e.src,t=e.onLoadingStart,i=e.onLoadingEnd,r=e.onError,a=e.onLoad,s=e.crossOrigin,l=e.checkOrientation,o=e.canvas,u=e.unloadTime,f=Ve(v.useState(null),2),c=f[0],d=f[1],h=Ve(v.useState(!1),2),g=h[0],k=h[1],_=Ve(T3(!1),2),w=_[0],y=_[1],x=v.useRef(null);return v.useEffect(function(){if(x.current!==n)if(x.current=n||null,y(!1),n){k(!0),t==null||t();var M=[mG(n,{crossOrigin:qe(s)?o:s,checkOrientation:l})];w&&u&&M.push(Lh(u)),Promise.all(M).then(function(C){var R=Ve(C,1),F=R[0];x.current===n&&d(F)}).catch(function(){x.current===n&&(r==null||r())}).finally(function(){x.current===n&&(i==null||i(),k(!1))})}else u?Lh(u).then(function(){x.current===n&&d(null)}):d(null)},[n,c]),v.useEffect(function(){c&&y(!0,function(){a==null||a(c)})},[c]),{isLoading:function(){return g},isLoaded:function(){return w},getImage:function(){return c},setImage:d}}var P3=function(e){var n=v.useRef(e),t=function(){n.current&&n.current()};v.useEffect(function(){n.current=e},[e]),v.useEffect(function(){return window.addEventListener("resize",t),window.addEventListener("orientationchange",t),function(){window.removeEventListener("resize",t),window.removeEventListener("orientationchange",t)}},[])};function zG(e,n){n===void 0&&(n=!0);var t=Ve(v.useState(n),2),i=t[0],r=t[1];return v.useLayoutEffect(function(){i&&!e.hasInteractions()&&e.reconcileState()}),{pause:function(){r(!1)},resume:function(){r(!0)}}}function $G(e){var n=this,t=e(),i=t.src,r=t.onReady,a=t.onError,s=t.onUpdate,l=t.canvas,o=l===void 0?!0:l,u=t.unloadTime,f=u===void 0?500:u,c=t.crossOrigin,d=c===void 0?!0:c,h=t.checkOrientation,g=h===void 0?!0:h,k=t.autoReconcileState,_=k===void 0?!0:k,w=v.useRef(null),y=v.useRef(null),x=v.useRef(null),M=v.useRef(null),C=Ve(T3(null),2),R=C[0],F=C[1],I=LG(function(){return q(q({},e()),{getInstance:function(){return M.current}})}),D=RG({src:i,crossOrigin:d,checkOrientation:g,unloadTime:f,canvas:o,onError:function(){M.current&&(a==null||a(M.current))}}),B=zG(I,_),S=function(){return Fh(n,void 0,void 0,function(){var N,A,$;return Ph(this,function(E){switch(E.label){case 0:return y.current?(B.pause(),N=D.getImage(),[4,($=y.current)===null||$===void 0?void 0:$.stretchTo(N)]):[3,2];case 1:A=E.sent(),F(N,function(){A&&N?I.reset(A,N):I.clear()}),B.resume(),E.label=2;case 2:return[2]}})})},T=function(){return Fh(n,void 0,void 0,function(){var N,A,$,E;return Ph(this,function(L){switch(L.label){case 0:return y.current?(B.pause(),N=D.getImage(),[4,(E=y.current)===null||E===void 0?void 0:E.stretchTo(N)]):[3,2];case 1:A=L.sent(),A&&N?($=I.getState(),$?(A.width!==$.boundary.width||A.height!==$.boundary.height)&&(I.setBoundary(A),I.reconcileState()):I.reset(A,N)):I.clear(),B.resume(),L.label=2;case 2:return[2]}})})},z={reset:function(){return S()},refresh:function(){return T()},setImage:function(N){return F(N)},reconcileState:I.reconcileState,moveCoordinates:I.moveCoordinates,moveCoordinatesEnd:I.moveCoordinatesEnd,resizeCoordinates:I.resizeCoordinates,clear:I.clear,resizeCoordinatesEnd:I.resizeCoordinatesEnd,moveImage:I.moveImage,flipImage:I.flipImage,zoomImage:I.zoomImage,rotateImage:I.rotateImage,transformImage:I.transformImage,transformImageEnd:I.transformImageEnd,setCoordinates:I.setCoordinates,setVisibleArea:I.setVisibleArea,startTransitions:I.startTransitions,setState:I.setState,hasInteractions:I.hasInteractions,getStencilCoordinates:I.getStencilCoordinates,getCoordinates:I.getCoordinates,getVisibleArea:I.getVisibleArea,getTransforms:I.getTransforms,getTransitions:I.getTransitions,getInteractions:I.getInteractions,getSettings:I.getSettings,getState:I.getState,getDefaultState:function(){var N=I.getState(),A=D.getImage();return N&&A?I.createDefaultState(N.boundary,A):null},getCanvas:function(N){var A=I.getState();return w.current&&x.current&&A?x.current.draw(A,w.current,N):null},getImage:function(){return R?q({},R):null},isLoading:D.isLoading,isLoaded:D.isLoaded};return P3(function(){T()}),_a(function(){S()},[D.getImage()]),_a(function(){M.current&&R&&(r==null||r(M.current))},[R]),_a(function(){M.current&&(s==null||s(M.current))},[D.isLoaded(),D.isLoading()]),v.useImperativeHandle(M,function(){return z}),{cropper:z,refs:{image:w,boundary:y,canvas:x},image:R}}var gc=v.forwardRef(function(e,n){var t=e.className,i=e.style,r=e.stretcherClassName,a=e.contentClassName,s=e.stretchAlgorithm,l=s===void 0?nG:s,o=e.sizeAlgorithm,u=o===void 0?UW:o,f=e.children,c=v.useRef(null),d=v.useRef(null);return v.useImperativeHandle(n,function(){return{reset:function(){var h=c.current;h&&(h.style.height="",h.style.width="")},stretchTo:function(h){var g=c.current,k=d.current;if(h!=null&&h.width&&(h!=null&&h.height)&&g&&k){l(k,g,h);var _=u(k,h);return Promise.resolve(_.width&&_.height?_:null)}else return g&&(g.style.height="",g.style.width=""),Promise.resolve(null)}}}),v.createElement("div",{ref:d,style:i,className:fe("advanced-cropper-boundary",t)},v.createElement("div",{ref:c,className:fe(["advanced-cropper-boundary__stretcher",r])}),v.createElement("div",{className:fe(["advanced-cropper-boundary__content",a])},f))});gc.displayName="StretchableBoundary";var A3=function(e){var n=e.visible,t=e.className,i=e.style,r=e.children;return v.createElement("div",{style:i,className:fe(t,"advanced-cropper-fade",!!n&&"advanced-cropper-fade--visible")},r)},BG=function(e){var n=e.cropper,t=e.children,i=e.className,r=e.style,a=n?n.getState():null,s=n?n.isLoaded():!1;return v.createElement("div",{className:fe(i,"advanced-cropper-wrapper"),style:r},v.createElement(A3,{visible:a&&s,className:"advanced-cropper-wrapper__fade"},t))};function L3(e){e.preventDefault()}var R3=v.forwardRef(function(e,n){var t=e.className,i=e.style,r=e.cropper,a=e.crossOrigin,s=a===void 0?!0:a,l=r.getState(),o=r.getTransitions(),u=r.getImage(),f=u&&l?gG(u,l,o):{},c=u?u.src:void 0;return c?v.createElement("img",{key:c,ref:n,className:fe("advanced-cropper-background-image",t),src:c,crossOrigin:s===!0?"anonymous":s||void 0,style:q(q({},f),i),onMouseDown:L3}):null});R3.displayName="CropperBackgroundImage";var z3=v.forwardRef(function(e,n){var t=v.useRef(null),i=v.useRef(null);return v.useImperativeHandle(n,function(){return{draw:function(r,a,s){return s===void 0&&(s={}),a&&t.current&&i.current?eG(r,a,t.current,i.current,s):null}}}),v.createElement(v.Fragment,null,v.createElement("canvas",{className:"advanced-cropper-canvas",ref:t}),v.createElement("canvas",{className:"advanced-cropper-canvas",ref:i}))});z3.displayName="CropperCanvas";var ul=function(e){lc(n,e);function n(t){var i=e.call(this,t)||this;return i.processMove=function(r,a){var s,l=i.container.current;if(l&&i.touches.length){var o=l.getBoundingClientRect(),u=o.left,f=o.top;if(i.touches.length===1&&a.length===1&&i.props.onMove){var c={left:Math.abs(a[0].clientX-i.anchor.left-u)<Math.abs(i.touches[0].clientX-i.anchor.left-u),top:Math.abs(a[0].clientY-i.anchor.top-f)<Math.abs(i.touches[0].clientY-i.anchor.top-f)},d={left:0,top:0};(!i.props.useAnchor||!c.left)&&(d.left=a[0].clientX-i.touches[0].clientX),(!i.props.useAnchor||!c.top)&&(d.top=a[0].clientY-i.touches[0].clientY),(s=i.props)===null||s===void 0||s.onMove(d,r),i.touches=Ba([],Ve(a),!1)}}},i.processEnd=function(){var r=i.props,a=r.onMoveEnd,s=r.onLeave;!i.props.disabled&&i.touches.length&&(a==null||a()),i.hovered&&(s==null||s(),i.hovered=!1),i.touches=[]},i.initAnchor=function(r){var a=i.container.current;if(a){var s=a.getBoundingClientRect(),l=s.left,o=s.top;i.anchor={left:r.clientX-l,top:r.clientY-o}}},i.onMouseOver=function(){var r=i.props,a=r.onEnter,s=r.disabled;!i.hovered&&!s&&(i.hovered=!0,a==null||a())},i.onMouseLeave=function(){var r=i.props.onLeave;i.hovered&&!i.touches.length&&(i.hovered=!1,r==null||r())},i.onTouchStart=function(r){var a=i.props,s=a.onEnter,l=a.onMoveStart,o=a.disabled;if(r.cancelable){i.touches=Array.from(r.touches);var u=!o&&r.touches.length===1;u&&(i.touches=Array.from(r.touches),l==null||l()),!i.hovered&&!o&&(i.hovered=!0,s==null||s()),(i.started||u)&&(r.preventDefault(),r.stopPropagation())}},i.onTouchEnd=function(){i.started=!1,i.processEnd()},i.onTouchMove=function(r){i.touches.length>=1&&(i.started?(i.processMove(r,Array.from(r.touches)),r.preventDefault(),r.stopPropagation()):m3({left:i.touches[0].clientX,top:i.touches[0].clientY},{left:r.touches[0].clientX,top:r.touches[0].clientY})>(i.props.activationDistance||0)&&(i.initAnchor({clientX:r.touches[0].clientX,clientY:r.touches[0].clientY}),i.started=!0))},i.onMouseDown=function(r){var a=i.props,s=a.onMoveStart,l=a.disabled;if(!l&&r.button===0){var o={clientX:r.clientX,clientY:r.clientY};i.touches=[o],i.initAnchor(o),r.stopPropagation(),s==null||s()}},i.onMouseMove=function(r){!i.props.disabled&&i.touches.length&&(i.processMove(r,[{clientX:r.clientX,clientY:r.clientY}]),r.preventDefault&&r.cancelable&&r.preventDefault(),r.stopPropagation())},i.onMouseUp=function(){i.processEnd()},i.touches=[],i.hovered=!1,i.started=!1,i.anchor={left:0,top:0},i.container=v.createRef(),i}return n.prototype.componentWillUnmount=function(){window.removeEventListener("mouseup",this.onMouseUp),window.removeEventListener("mousemove",this.onMouseMove),window.removeEventListener("touchmove",this.onTouchMove),window.removeEventListener("touchend",this.onTouchEnd);var t=this.container.current;t&&(t.removeEventListener("touchstart",this.onTouchStart),t.removeEventListener("mousedown",this.onMouseDown))},n.prototype.componentDidMount=function(){window.addEventListener("mouseup",this.onMouseUp,{passive:!1}),window.addEventListener("mousemove",this.onMouseMove,{passive:!1}),window.addEventListener("touchmove",this.onTouchMove,{passive:!1}),window.addEventListener("touchend",this.onTouchEnd,{passive:!1});var t=this.container.current;t&&(t.addEventListener("touchstart",this.onTouchStart,{passive:!1}),t.addEventListener("mousedown",this.onMouseDown,{passive:!1}))},n.prototype.componentDidUpdate=function(t){this.props.disabled&&!t.disabled&&(this.touches=[])},n.prototype.render=function(){var t=this.props,i=t.children,r=t.className;return v.createElement("div",{className:fe("advanced-cropper-draggable-element",r),ref:this.container,onMouseOver:this.onMouseOver,onMouseLeave:this.onMouseLeave},i)},n.defaultProps={disabled:!1,activationDistance:30,useAnchor:!0,rerender:!0},n}(v.Component),IG=function(e){var n=e.position,t=e.className,i=e.disabled,r=e.onDrag,a=e.onDragEnd,s=e.onLeave,l=e.onEnter,o=e.children;return v.createElement(ul,{className:fe(["advanced-cropper-line-wrapper",n&&"advanced-cropper-line-wrapper--".concat(n),i&&"advanced-cropper-line-wrapper--disabled",t]),disabled:i,onMove:r,onMoveEnd:a,onLeave:s,onEnter:l,activationDistance:0},v.createElement("div",{className:fe(["advanced-cropper-line-wrapper__content",n&&"advanced-cropper-line-wrapper__content--".concat(n)])},o))},pc=function(e){var n,t,i=e.position,r=e.hoverClassName,a=e.wrapperClassName,s=e.defaultClassName,l=e.disabled,o=e.onMove,u=e.onMoveEnd,f=Ve(v.useState(!1),2),c=f[0],d=f[1],h=function(){d(!0)},g=function(){d(!1)};return v.createElement(IG,{className:fe("advanced-cropper-simple-line-wrapper",a,(n={},n["advanced-cropper-simple-line-wrapper--".concat(i)]=!!i,n)),position:i,disabled:l,onDrag:o,onDragEnd:u,onLeave:g,onEnter:h},v.createElement("div",{className:fe("advanced-cropper-simple-line",c&&"advanced-cropper-simple-line--hover",s,c&&r,(t={},t["advanced-cropper-simple-line--".concat(i)]=!!i,t))}))},NG=function(e){var n=e.horizontalPosition,t=e.verticalPosition,i=e.className,r=e.disabled,a=e.onDrag,s=e.onDragEnd,l=e.onLeave,o=e.onEnter,u=e.children,f=e.style,c=n||t?Hf(n,t).snakeCase:null;return v.createElement("div",{style:f,className:fe(i,"advanced-cropper-handler-wrapper",c&&"advanced-cropper-handler-wrapper--".concat(c),r&&"advanced-cropper-handler-wrapper--disabled")},v.createElement(ul,{className:"advanced-cropper-handler-wrapper__draggable",disabled:r,onMove:a,onMoveEnd:s,onLeave:l,onEnter:o,activationDistance:0},u))},vc=function(e){var n,t=e.verticalPosition,i=e.horizontalPosition,r=e.hoverClassName,a=e.wrapperClassName,s=e.defaultClassName,l=e.wrapperStyle,o=e.disabled,u=e.onMove,f=e.onMoveEnd,c=Ve(v.useState(!1),2),d=c[0],h=c[1],g=function(){h(!0)},k=function(){h(!1)};return v.createElement(NG,{style:l,className:fe("advanced-cropper-simple-handler-wrapper",a,t&&"advanced-cropper-simple-handler-wrapper--".concat(t),i&&"advanced-cropper-simple-handler-wrapper--".concat(i),i&&t&&"advanced-cropper-simple-handler-wrapper--".concat(i,"-").concat(t),d&&"advanced-cropper-simple-handler-wrapper--hover"),verticalPosition:t,horizontalPosition:i,disabled:o,onDrag:u,onDragEnd:f,onLeave:k,onEnter:g},v.createElement("div",{className:fe("advanced-cropper-simple-handler",d&&"advanced-cropper-simple-handler--hover",s,d&&r,(n={},n["advanced-cropper-simple-handler--".concat(t)]=!!t,n["advanced-cropper-simple-handler--".concat(i)]=!!i,n["advanced-cropper-simple-handler--".concat(i,"-").concat(t)]=i&&t,n))}))},DG=["east","west",null],OG=["south","north",null],$3=function(e){var n=e.style,t=e.className,i=e.children,r=e.onResize,a=e.onResizeEnd,s=e.handlerComponent,l=s===void 0?vc:s,o=e.handlers,u=o===void 0?{eastNorth:!0,north:!0,westNorth:!0,west:!0,westSouth:!0,south:!0,eastSouth:!0,east:!0}:o,f=e.handlerClassNames,c=f===void 0?{}:f,d=e.handlerWrapperClassNames,h=d===void 0?{}:d,g=e.lines,k=g===void 0?{west:!0,north:!0,east:!0,south:!0}:g,_=e.lineComponent,w=_===void 0?pc:_,y=e.lineClassNames,x=y===void 0?{}:y,M=e.lineWrapperClassNames,C=M===void 0?{}:M,R=e.disabled,F=R===void 0?!1:R,I=e.reference,D=I===void 0?null:I,B=Ve(v.useState(null),2),S=B[0],T=B[1],z=v.useMemo(function(){var L=[];return DG.forEach(function(H){OG.forEach(function(O){if(H!==O){var b=Hf(H,O),j=b.snakeCase,G=b.camelCase;j&&G&&L.push({name:G,className:j,verticalPosition:O,horizontalPosition:H})}})}),L},[]),N=v.useMemo(function(){var L=[];return z.forEach(function(H){lW(H.name)&&(Ri(k)?k[H.name]:k)&&L.push({name:H.name,component:w,className:fe(x.default,x[H.name],F&&x.disabled),wrapperClassName:fe("advanced-cropper-bounding-box__line","advanced-cropper-bounding-box__line--".concat(H.name),C.default,C[H.name],F&&C.disabled),hoverClassName:x.hover,verticalPosition:H.verticalPosition,horizontalPosition:H.horizontalPosition,disabled:F})}),L},[z,k,w,x,C,F]),A=v.useMemo(function(){var L=[];return z.forEach(function(H){(Ri(u)?u[H.name]:u)&&L.push({name:H.name,component:l,className:fe(c.default,c[H.name]),containerClassName:fe("advanced-cropper-bounding-box__handler-wrapper","advanced-cropper-bounding-box__handler-wrapper--".concat(H.className)),wrapperClassName:fe("advanced-cropper-bounding-box__handler","advanced-cropper-bounding-box__handler--".concat(H.className),h.default,h[H.name]),hoverClassName:c.hover,verticalPosition:H.verticalPosition,horizontalPosition:H.horizontalPosition,disabled:F})}),L},[z,u,l,c,h,F]),$=function(L,H){return function(O,b){var j=O.left,G=O.top,U={left:j,top:G},Z;if(!H&&L?Z="width":H&&!L&&(Z="height"),!F){if(r){var Q=Hf(L,H).camelCase;Q&&r(Q,U,{reference:S||D,preserveAspectRatio:b&&b.shiftKey,respectDirection:Z,compensate:!0})}S||T(D)}}},E=function(){a==null||a(),T(null)};return v.createElement("div",{className:fe("advanced-cropper-bounding-box",t),style:n},i,v.createElement("div",null,N.map(function(L){return v.createElement(L.component,{key:L.name,defaultClassName:L.className,hoverClassName:L.hoverClassName,wrapperClassName:L.wrapperClassName,position:L.name,disabled:L.disabled,onMove:$(L.horizontalPosition,L.verticalPosition),onMoveEnd:E})})),v.createElement("div",null,A.map(function(L){var H=v.createElement(L.component,{defaultClassName:L.className,hoverClassName:L.hoverClassName,wrapperClassName:L.wrapperClassName,horizontalPosition:L.horizontalPosition,verticalPosition:L.verticalPosition,disabled:L.disabled,onMove:$(L.horizontalPosition,L.verticalPosition),onMoveEnd:E});return v.createElement("div",{key:L.name,className:L.containerClassName},H)})))},B3=function(e){var n=e.className,t=e.children;return v.createElement("div",{className:fe("advanced-cropper-stencil-overlay",n)},t)};function jG(e){e===void 0&&(e=null);var n=v.useRef(new XW),t=Ve(v.useState(!1),2),i=t[0],r=t[1];return[function(a){e&&e.active?n.current.start(q(q({},e),{onStart:function(){r(!0)},onProgress:function(s){a(s)},onStop:function(){r(!1)}})):n.current.active||a(1)},i]}var HG=function(e){var n=e.className,t=e.transitions,i=e.children,r=Lr(e,["className","transitions","children"]),a=v.useRef(null),s=v.useRef(r),l=Ve(v.useState(r),2),o=l[0],u=l[1],f=Ve(jG(t),2),c=f[0],d=f[1];v.useLayoutEffect(function(){if(!vr(o,r)){u(r);var k=d?q({},s.current):o;c(function(_){var w=["left","top","height","width"];w.forEach(function(y){var x=r[y],M=k[y];s.current[y]=$e(M)&&$e(x)?M+(x-M)*_:x}),a.current&&(a.current.style.width="".concat(s.current.width,"px"),a.current.style.height="".concat(s.current.height,"px"),a.current.style.transform="translate3d(".concat(s.current.left,"px, ").concat(s.current.top,"px, 0px)"))})}},[o,d,r.width,r.height,r.top,r.left]);var h=d?s.current:r,g={left:0,top:0,width:"".concat(h.width,"px"),height:"".concat(h.height,"px"),transform:"translate3d(".concat(h.left,"px, ").concat(h.top,"px, 0px)")};return v.createElement("div",{ref:a,className:fe("advanced-cropper-artificial-transition",n),style:g},i)},I3=function(e){var n=e.className,t=e.transitions,i=e.width,r=e.height,a=e.left,s=e.top,l=e.children;return v.createElement(HG,{className:fe("advanced-cropper-stencil-wrapper",n),transitions:t,width:i,height:r,top:s,left:a},l)},N3=function(e){var n=e.columns,t=n===void 0?3:n,i=e.rows,r=i===void 0?3:i,a=e.visible,s=a===void 0?!1:a,l=e.className,o=[],u=Ve(v.useState(t),2),f=u[0],c=u[1],d=Ve(v.useState(r),2),h=d[0],g=d[1];_a(function(){s&&(g(r),c(t))},[s,t,r]);for(var k=0;k<h;k++){for(var _=[],w=0;w<f;w++)_.push(v.createElement("div",{key:w,className:fe("advanced-cropper-stencil-grid__cell",k===0&&"advanced-cropper-stencil-grid__cell--top",k===h-1&&"advanced-cropper-stencil-grid__cell--bottom",w===0&&"advanced-cropper-stencil-grid__cell--left",w===f-1&&"advanced-cropper-stencil-grid__cell--right")}));o.push(v.createElement("div",{key:k,className:"advanced-cropper-stencil-grid__row"},_))}return v.createElement("div",{className:fe("advanced-cropper-stencil-grid",s&&"advanced-cropper-stencil-grid--visible",l)},o)},D3=v.forwardRef(function(e,n){var t=e.cropper,i=e.coordinates,r=e.aspectRatio,a=e.minAspectRatio,s=e.maxAspectRatio,l=e.handlerComponent,o=l===void 0?vc:l,u=e.handlers,f=u===void 0?{eastNorth:!0,north:!0,westNorth:!0,west:!0,westSouth:!0,south:!0,eastSouth:!0,east:!0}:u,c=e.handlerClassNames,d=c===void 0?{}:c,h=e.handlerWrapperClassNames,g=h===void 0?{}:h,k=e.lines,_=k===void 0?{west:!0,north:!0,east:!0,south:!0}:k,w=e.lineComponent,y=w===void 0?pc:w,x=e.lineClassNames,M=x===void 0?{}:x,C=e.lineWrapperClassNames,R=C===void 0?{}:C,F=e.resizable,I=F===void 0?!0:F,D=e.movable,B=D===void 0?!0:D,S=e.grid,T=e.gridClassName,z=e.className,N=e.movingClassName,A=e.resizingClassName,$=e.previewClassName,E=e.boundingBoxClassName,L=e.overlayClassName,H=e.draggableAreaClassName,O=e.disabled,b=t.getState(),j=t.getTransitions(),G=t.getInteractions(),U=I&&!O,Z=B&&!O;v.useImperativeHandle(n,function(){return{aspectRatio:Ki(r||{minimum:a,maximum:s})}});var Q=function(wn){t&&Z&&t.moveCoordinates(wn)},Y=function(){t&&t.moveCoordinatesEnd()},X=function(wn,rt,at){t&&U&&t.resizeCoordinates(wn,rt,at)},ie=function(){t&&t.resizeCoordinatesEnd()},ne=i?_e(i)?i(b):i:dc(b),de=ne.width,ee=ne.height,je=ne.left,nn=ne.top;return b&&v.createElement(I3,{className:fe("advanced-cropper-rectangle-stencil",z,G.moveCoordinates&&N,G.resizeCoordinates&&A,{"advanced-cropper-rectangle-stencil--movable":Z,"advanced-cropper-rectangle-stencil--moving":G.moveCoordinates,"advanced-cropper-rectangle-stencil--resizable":U,"advanced-cropper-rectangle-stencil--resizing":G.resizeCoordinates,"advanced-cropper-rectangle-stencil--disabled":O}),width:de,height:ee,left:je,top:nn,transitions:j},v.createElement($3,{reference:b.coordinates,className:fe(E,"advanced-cropper-rectangle-stencil__bounding-box"),handlers:f,handlerComponent:o,handlerClassNames:d,handlerWrapperClassNames:g,lines:_,lineComponent:y,lineClassNames:M,lineWrapperClassNames:R,onResize:X,onResizeEnd:ie,disabled:!U},v.createElement(ul,{disabled:!Z,onMove:Q,onMoveEnd:Y,className:fe("advanced-cropper-rectangle-stencil__draggable-area",H)},v.createElement(B3,{className:fe("advanced-cropper-rectangle-stencil__overlay",L)},S&&v.createElement(N3,{visible:t.hasInteractions(),columns:G.transformImage.rotate?9:3,rows:G.transformImage.rotate?9:3,className:fe("advanced-cropper-rectangle-stencil__grid",T)}),v.createElement("div",{className:fe("advanced-cropper-rectangle-stencil__preview",$)})))))});D3.displayName="RectangleStencil";function VG(e){return v.useMemo(function(){return is(e,{touch:!0},{touch:!1})},[e])}function WG(e){return v.useMemo(function(){return is(e,{touch:!0,wheel:{ratio:.1}},{touch:!1,wheel:!1})},[e])}function GG(e){return v.useMemo(function(){return is(e,{touch:!0,mouse:!0},{touch:!1,mouse:!1})},[e])}var qG=function(){function e(n){var t=n.active;this.active=t,this.defaultPrevented=!1}return e.prototype.preventDefault=function(){this.defaultPrevented=!0},e}(),UG=function(e){lc(n,e);function n(t){var i=e.call(this,t)||this;return i.processMove=function(r){var a=i.props,s=a.onTransform,l=a.touchScale,o=a.touchMove,u=a.touchRotate,f=i.container.current;f&&s&&(s(IW(r,i.touches,f,{scale:l,rotate:u,move:o})),i.touches=r)},i.processEnd=function(){var r=i.props.onTransformEnd;i.transforming&&(i.transforming=!1,r&&r())},i.processStart=function(){i.transforming=!0,i.debouncedProcessEnd.clear()},i.processEvent=function(r){var a=i.props,s=a.onEvent,l=a.disabled,o=a.preventDefault,u=o===void 0?!0:o,f=new qG({active:i.transforming});return s?s(f,r):u&&(r.preventDefault(),r.stopPropagation()),!l&&!f.defaultPrevented},i.onWheel=function(r){var a=i.props,s=a.onTransform,l=a.wheelScale,o=i.container.current;l&&i.processEvent(r)&&(i.processStart(),s&&o&&s(NW(r,o,l===!0?.1:l.ratio)),i.touches.length||i.debouncedProcessEnd())},i.onTouchStart=function(r){var a=i.props,s=a.touchMove,l=a.touchScale,o=a.touchRotate;if(r.cancelable&&(s||(l||o)&&r.touches.length>1)&&i.processEvent(r)){var u=i.container.current;if(u){var f=u.getBoundingClientRect(),c=f.left,d=f.top,h=f.bottom,g=f.right;i.touches=Array.from(r.touches).filter(function(k){return k.clientX>c&&k.clientX<g&&k.clientY>d&&k.clientY<h})}}},i.onTouchEnd=function(r){r.touches.length===0&&(i.touches=[],i.processEnd())},i.onTouchMove=function(r){if(i.touches.length){var a=Ba([],Ve(r.touches),!1).filter(function(s){return!s.identifier||i.touches.find(function(l){return l.identifier===s.identifier})});i.processEvent(r)&&(i.processMove(a),i.processStart())}},i.onMouseDown=function(r){var a=i.props.mouseMove;if(a&&"buttons"in r&&r.buttons===1&&i.processEvent(r)){var s={clientX:r.clientX,clientY:r.clientY};i.touches=[s],i.processStart()}},i.onMouseMove=function(r){i.touches.length&&i.processEvent(r)&&i.processMove([{clientX:r.clientX,clientY:r.clientY}])},i.onMouseUp=function(){i.touches=[],i.processEnd()},i.transforming=!1,i.touches=[],i.anchor={left:0,top:0},i.container=v.createRef(),i.debouncedProcessEnd=p3(i.processEnd,t.timeout),i}return n.prototype.shouldComponentUpdate=function(){return!0},n.prototype.componentWillUnmount=function(){window.removeEventListener("mouseup",this.onMouseUp),window.removeEventListener("mousemove",this.onMouseMove),window.removeEventListener("touchmove",this.onTouchMove),window.removeEventListener("touchend",this.onTouchEnd);var t=this.container.current;t&&(t.removeEventListener("touchstart",this.onTouchStart),t.removeEventListener("mousedown",this.onMouseDown),t.removeEventListener("wheel",this.onWheel))},n.prototype.componentDidMount=function(){window.addEventListener("mouseup",this.onMouseUp,{passive:!1}),window.addEventListener("mousemove",this.onMouseMove,{passive:!1}),window.addEventListener("touchmove",this.onTouchMove,{passive:!1}),window.addEventListener("touchend",this.onTouchEnd,{passive:!1});var t=this.container.current;t&&(t.addEventListener("touchstart",this.onTouchStart,{passive:!1}),t.addEventListener("mousedown",this.onMouseDown,{passive:!1}),t.addEventListener("wheel",this.onWheel,{passive:!1}))},n.prototype.render=function(){var t=this.props,i=t.className,r=t.children,a=t.style;return v.createElement("div",{className:i,style:a,ref:this.container},r)},n.defaultProps={touchMove:!0,mouseMove:!0,touchScale:!0,touchRotate:!1,wheelScale:!0,timeout:500},n}(v.Component),ZG=function(e){var n=e.scaleImage,t=n===void 0?!0:n,i=e.moveImage,r=i===void 0?!0:i,a=e.rotateImage,s=a===void 0?!1:a,l=e.children,o=e.className,u=e.style,f=e.cropper,c=e.timeout,d=e.disabled,h=f.getTransitions(),g=VG(s),k=WG(t),_=GG(r);return v.createElement(UG,{className:o,style:u,onTransform:f.transformImage,onTransformEnd:f.transformImageEnd,touchMove:_.touch,mouseMove:_.mouse,touchScale:k.touch,wheelScale:k.wheel,touchRotate:g.touch,disabled:h.active||d,preventDefault:!d,timeout:c},l)},KG=function(e,n){var t=e.style,i=e.className,r=e.stencilComponent,a=r===void 0?D3:r,s=e.stencilConstraints,l=s===void 0?C3:s,o=e.stencilProps,u=o===void 0?{}:o,f=e.wrapperComponent,c=f===void 0?BG:f,d=e.wrapperProps,h=d===void 0?{}:d,g=e.backgroundComponent,k=g===void 0?R3:g,_=e.backgroundProps,w=_===void 0?{}:_,y=e.backgroundClassName,x=e.backgroundWrapperComponent,M=x===void 0?ZG:x,C=e.backgroundWrapperProps,R=C===void 0?{}:C,F=e.boundaryComponent,I=F===void 0?gc:F,D=e.boundaryProps,B=e.boundaryClassName,S=e.canvas,T=S===void 0?!0:S,z=e.crossOrigin,N=z===void 0?!0:z,A=e.disabled,$=e.settings,E=Lr(e,["style","className","stencilComponent","stencilConstraints","stencilProps","wrapperComponent","wrapperProps","backgroundComponent","backgroundProps","backgroundClassName","backgroundWrapperComponent","backgroundWrapperProps","boundaryComponent","boundaryProps","boundaryClassName","canvas","crossOrigin","disabled","settings"]),L=v.useRef(null),H=$G(function(){return q(q({},E),{crossOrigin:N,stencilProps:u,canvas:T,settings:q(q({},$),l($,q(q({},u),L.current)))})}),O=H.cropper,b=H.image,j=H.refs,G=a,U=c,Z=M,Q=k,Y=I;v.useImperativeHandle(n,function(){return O});var X={loading:O.isLoading(),loaded:O.isLoaded()};return v.createElement(U,q({},h,{disabled:A,className:fe("advanced-cropper",i),cropper:O,style:t},X),v.createElement(Y,q({},D,{ref:j.boundary,className:fe("advanced-cropper__boundary",B)}),v.createElement(Z,q({},R,{disabled:A,cropper:O,className:"advanced-cropper__background-wrapper"}),O.getState()&&v.createElement(Q,q({},w,{ref:j.image,crossOrigin:N,cropper:O,className:fe("advanced-cropper__background",y)})),v.createElement(G,q({},u,{disabled:A,ref:L,cropper:O,image:b}))),T&&v.createElement(z3,{ref:j.canvas})))},O3=TG(KG),j3=["transformImage","moveCoordinates","resizeCoordinates","defaultCoordinates","defaultVisibleArea","areaPositionRestrictions","areaSizeRestrictions","sizeRestrictions","positionRestrictions","aspectRatio","minWidth","minHeight","maxWidth","maxHeight","defaultSize","defaultPosition","defaultTransforms","imageRestriction","priority"];function H3(e,n){n===void 0&&(n=j3);var t={settings:{},props:{}};return Object.keys(e).forEach(function(i){n.some(function(r){return r===i})?t.settings[i]=e[i]:t.props[i]=e[i]}),t}var V3=v.forwardRef(function(e,n){var t=H3(e,Ba(Ba([],Ve(j3),!1),["stencilSize"],!1));return v.createElement(O3,q({postProcess:xG,stencilConstraints:bG},t.props,{settings:q(q({defaultSize:kG,aspectRatio:_G,sizeRestrictions:ZW(wG)},t.settings),{transformImage:q(q({},t.settings.transformImage),{adjustStencil:!1})}),ref:n}))});V3.displayName="FixedCropper";var W3=v.forwardRef(function(e,n){var t=H3(e),i=t.props,r=t.settings,a=r.stencilSize,s=r.autoZoom,l=Lr(r,["stencilSize","autoZoom"]),o=MG();return qe(s)||(i.postProcess||a?o("prop 'autoZoom' is deprecated now and will be removed, use 'postProcess' prop to pass your auto zoom function."):(o("prop 'autoZoom' is deprecated now and will be removed, use 'postProcess' prop to pass your auto zoom function. The 'postProcess' automatically set to 'hybridAutoZoom'"),i.postProcess=CG)),qe(a)?v.createElement(O3,q({},i,{ref:n,settings:l})):(o("prop 'stencilSize' is deprecated for <Cropper/> component now and will be removed, use <FixedCropper/> component instead."),v.createElement(V3,q({ref:n,stencilSize:a},l,i)))});W3.displayName="CropperComponent";var YG=v.forwardRef(function(e,n){var t=e.cropper,i=e.coordinates,r=e.handlerComponent,a=r===void 0?vc:r,s=e.handlers,l=s===void 0?{eastNorth:!0,westNorth:!0,westSouth:!0,eastSouth:!0}:s,o=e.handlerClassNames,u=o===void 0?{}:o,f=e.handlerWrapperClassNames,c=f===void 0?{}:f,d=e.lines,h=d===void 0?{west:!0,north:!0,east:!0,south:!0}:d,g=e.lineComponent,k=g===void 0?pc:g,_=e.lineClassNames,w=_===void 0?{}:_,y=e.lineWrapperClassNames,x=y===void 0?{}:y,M=e.resizable,C=M===void 0?!0:M,R=e.movable,F=R===void 0?!0:R,I=e.grid,D=e.gridClassName,B=e.className,S=e.movingClassName,T=e.resizingClassName,z=e.previewClassName,N=e.boundingBoxClassName,A=e.overlayClassName,$=e.draggableAreaClassName,E=e.disabled,L=t.getState(),H=t.getTransitions(),O=t.getInteractions(),b=C&&!E,j=F&&!E;v.useImperativeHandle(n,function(){return{aspectRatio:1,boundingBox:"circle"}});var G=function(ee){t&&j&&t.moveCoordinates(ee)},U=function(){t&&t.moveCoordinatesEnd()},Z=function(ee,je,nn){t&&b&&t.resizeCoordinates(ee,je,nn)},Q=function(){t&&t.resizeCoordinatesEnd()},Y=i?_e(i)?i(L):i:dc(L),X=Y.width,ie=Y.height,ne=Y.left,de=Y.top;return L&&v.createElement(I3,{className:fe("advanced-cropper-circle-stencil",B,O.moveCoordinates&&S,O.resizeCoordinates&&T,{"advanced-cropper-circle-stencil--movable":j,"advanced-cropper-circle-stencil--moving":O.moveCoordinates,"advanced-cropper-circle-stencil--resizable":b,"advanced-cropper-circle-stencil--resizing":O.resizeCoordinates,"advanced-cropper-circle-stencil--disabled":E}),width:X,height:ie,left:ne,top:de,transitions:H},v.createElement($3,{reference:L.coordinates,className:fe(N,"advanced-cropper-circle-stencil__bounding-box"),handlers:l,handlerComponent:a,handlerClassNames:u,handlerWrapperClassNames:c,lines:h,lineComponent:k,lineClassNames:w,lineWrapperClassNames:x,onResize:Z,onResizeEnd:Q,disabled:!b},v.createElement(ul,{disabled:!j,onMove:G,onMoveEnd:U,className:fe("advanced-cropper-circle-stencil__draggable-area",$)},v.createElement(B3,{className:fe("advanced-cropper-circle-stencil__overlay",A)},I&&v.createElement(N3,{visible:t.hasInteractions(),columns:O.transformImage.rotate?9:3,rows:O.transformImage.rotate?9:3,className:fe("advanced-cropper-circle-stencil__grid",D)}),v.createElement("div",{className:fe("advanced-cropper-circle-stencil__preview",z)})))))});YG.displayName="CircleStencil";var XG=v.forwardRef(function(e,n){var t=e.src,i=e.crossOrigin,r=i===void 0?!0:i,a=Lr(e,["src","crossOrigin"]);return t?v.createElement("img",q({key:t,ref:n,src:t,className:fe("advanced-cropper-source"),crossOrigin:r===!0?"anonymous":r||void 0},a)):null});XG.displayName="CropperSource";var JG=function(e){var n=e.children,t=e.cropper,i=e.className,r=e.style;return v.createElement("div",{className:fe(i,"cropper-preview-wrapper"),style:r},v.createElement(A3,{visible:t==null?void 0:t.isLoaded(),className:"cropper-preview-wrapper__fade"},n))},QG=function(e){var n=e.className,t=e.cropper,i=e.crossOrigin,r=i===void 0?!0:i,a=e.size,s=e.style,l=t.getState(),o=t.getTransitions(),u=t.getImage(),f=a&&u&&(l!=null&&l.coordinates)?pG(u,l,a,o):{},c=u?u.src:void 0;return c?v.createElement("img",{key:c,className:fe("advanced-cropper-background-image",n),src:c,crossOrigin:r===!0?"anonymous":r||void 0,style:q(q({},f),s),onMouseDown:L3}):null};v.forwardRef(function(e,n){var t,i,r,a,s=e.className,l=e.contentClassName,o=e.state,u=o===void 0?null:o,f=e.image,c=f===void 0?null:f,d=e.transitions,h=d===void 0?null:d,g=e.backgroundComponent,k=g===void 0?QG:g,_=e.backgroundProps,w=e.backgroundClassName,y=e.boundaryComponent,x=y===void 0?gc:y,M=e.boundaryProps,C=e.boundaryClassName,R=e.wrapperComponent,F=R===void 0?JG:R,I=e.wrapperProps,D=e.loaded,B=D===void 0?!0:D,S=e.loading,T=S===void 0?!1:S,z=e.style,N=e.cropper,A=F3(),$=v.useRef(null),E=v.useRef(null),L=N||(E.current?E:{current:{getState:function(){return u},getTransitions:function(){return h},getImage:function(){return c},isLoaded:function(){return B},isLoading:function(){return T}}}),H=Ve(v.useState(null),2),O=H[0],b=H[1],j=(i=(t=L.current)===null||t===void 0?void 0:t.getState())===null||i===void 0?void 0:i.coordinates,G=(a=(r=L.current)===null||r===void 0?void 0:r.getImage())===null||a===void 0?void 0:a.src,U=O?{width:"".concat(O.width,"px"),height:"".concat(O.height,"px")}:{},Z=function(){var ie,ne,de=(ne=(ie=L.current)===null||ie===void 0?void 0:ie.getState())===null||ne===void 0?void 0:ne.coordinates;$.current&&de&&$.current.stretchTo(de).then(function(ee){ee&&de?si(he(de),he(ee))?b({width:ee.width,height:ee.width/he(de)}):b({width:ee.height*he(de),height:ee.height}):b(null)}),A()};P3(Z),v.useLayoutEffect(Z,[j==null?void 0:j.height,j==null?void 0:j.width]),v.useImperativeHandle(n,function(){return{refresh:Z,update:function(ie){ie?E.current=ie:E.current=null,Z()}}});var Q=F,Y=k,X=x;return v.createElement(Q,q({},I,{className:fe(s,"advanced-cropper-preview"),cropper:L.current,style:z}),v.createElement(X,q({ref:$,stretchAlgorithm:tG},M,{className:fe("advanced-cropper-preview__boundary",C)}),v.createElement("div",{className:fe(l,"advanced-cropper-preview__content"),style:U},L.current&&v.createElement(Y,q({},_,{cropper:L.current,size:O,className:fe(w,"advanced-cropper-preview__image",G&&"advanced-cropper-preview__image--visible")})))))});const eq="_sheetBody_9evqz_141",nq="_cropperContainer_9evqz_158",tq="_cropper_9evqz_158",iq="_rotateIcon_9evqz_172",rq="_sheet_9evqz_141",aq="_header_9evqz_184",sq="_footer_9evqz_196",yi={sheetBody:eq,cropperContainer:nq,cropper:tq,rotateIcon:iq,sheet:rq,header:aq,footer:sq},oq=e=>{const[n,t]=v.useState(),i=v.useRef("image/jpeg");return v.useEffect(()=>{if(e){i.current=e.type;const r=new FileReader;r.onload=()=>{t(r.result)},r.readAsDataURL(e)}},[e]),{imageSrc:n,imgType:i}},lq=(e,n,t)=>{const i=e.current;if(i){const r=i.getCanvas();r?r.toBlob(a=>{if(a){const s=n.split("/")[1],l=`cropped-image-${Date.now()}.${s}`,o=new File([a],l,{type:n});t(o)}},n):console.warn("Canvas not available from cropper result")}},uq=e=>{const{imageSize:n,visibleArea:t}=e;return{height:(t||n).height,width:(t||n).width}},fq=({aspectRatio:e,imageFile:n,onClose:t,onCrop:i,translations:r={close:"Abbrechen",crop:"Bestätigen",mobileTitle:"Zuschneiden Sie Ihr Bild",rotate:"Rotate",title:"Ziehen, um Bildausschnitt zu wählen"}})=>{const a=v.useRef(null),{imageSrc:s,imgType:l}=oq(n),o=()=>()=>{var c;(c=a.current)==null||c.rotateImage(90)},u=()=>{lq(a,l.current,i)},f=m.jsxs("div",{className:yi.sheetBody,children:[m.jsx(P.TextButton,{className:yi.rotateIcon,rightIcon:m.jsx(P.Icon,{name:"rotate",size:"16",role:"presentation"}),size:"medium",onClick:o(),color:"blue",text:r.rotate}),m.jsx("div",{className:yi.cropperContainer,children:m.jsx(W3,{ref:a,className:yi.cropper,src:s,defaultSize:uq,stencilProps:{aspectRatio:e}})})]});return m.jsx(P.Sheet,{open:!!n,onDismiss:t,content:f,defaultHeaderTitle:Mn()?r.mobileTitle:r.title,cancelButtonText:r.close,primaryButtonText:r.crop,sheetClassName:yi.sheet,onPrimaryAction:u,footerClassName:yi.footer,headerClassName:yi.header})},dq="_imageGallery_1kcr1_141",cq="_imageGalleryImage_1kcr1_147",hq="_imageGalleryPill_1kcr1_155",pu={imageGallery:dq,imageGalleryImage:cq,imageGalleryPill:hq},mq=({gallerySize:e,imageAlt:n,imageURL:t,onClick:i})=>{let r;if(e>1){const a=`+${e-1}`;r=m.jsx("div",{className:pu.imageGalleryPill,children:m.jsx(P.LabelPill,{label:a,shape:"tile",size:"medium"})})}return m.jsxs("div",{className:pu.imageGallery,onClick:i,children:[m.jsx(P.Image,{alt:n,src:t,className:pu.imageGalleryImage}),r]})},gq="_container_1ytmu_141",pq="_circle_1ytmu_149",vq="_logo_1ytmu_157",vu={container:gq,circle:pq,logo:vq},bq=(e,n)=>p.createElement("svg",{width:72,height:80,viewBox:"0 0 72 80",fill:"none",xmlns:"http://www.w3.org/2000/svg",ref:n,...e},p.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M67.7997 17.7397L39.7431 1.45626C37.3242 0.0510383 34.3374 0.0510383 31.9184 1.45626L3.87632 17.7397C1.48151 19.136 0.00627151 21.6971 0 24.4692V55.5447C0.0040404 58.3136 1.48055 60.8715 3.87632 62.2598L15.5846 69.0614V50.9839L21.4279 54.3414C21.6617 54.4879 21.8054 54.7428 21.8097 55.0187V72.6783L31.8968 78.5576C34.3242 79.9506 37.3085 79.9506 39.7359 78.5576L49.823 72.6783V55.0187C49.8291 54.7396 49.9789 54.4834 50.2193 54.3414L56.0554 50.9839V69.0614L60.7315 66.3451L67.7708 62.2598C70.1649 60.8707 71.6389 58.3126 71.64 55.5447V24.4692C71.6426 21.7041 70.1817 19.144 67.7997 17.7397ZM33.4975 74.07L26.487 69.9991V55.0198C26.4907 53.076 25.4583 51.2775 23.7779 50.3005L15.0237 45.2569C14.1803 44.77 13.1412 44.7705 12.2982 45.2581C11.4552 45.7457 10.9368 46.6464 10.9384 47.6202V60.928L6.21913 58.2333C5.26735 57.6719 4.68151 56.6508 4.67725 55.5458V25.3926L33.4975 42.1227V74.07ZM6.98877 21.3007L33.4962 36.7267V5.93945L6.98877 21.3007ZM38.187 5.93945L64.6872 21.3007L38.187 36.7267V5.93945ZM65.451 58.2333C66.4104 57.6776 67.0029 56.6545 67.0073 55.5458V25.3926L38.187 42.1227V74.07L45.1759 69.9991V55.027C45.1841 53.0789 46.2267 51.2818 47.9138 50.3077L56.6824 45.2641C57.5253 44.7809 58.5619 44.7833 59.4025 45.2705C60.2432 45.7577 60.7606 46.6558 60.7605 47.6274V60.928L65.451 58.2333Z",fill:"#201649"})),wq=v.forwardRef(bq),G3=()=>m.jsxs("div",{className:vu.container,children:[m.jsx("div",{className:vu.circle}),m.jsx(wq,{className:vu.logo})]}),kq="_react-datepicker__day-names_4er45_120",_q="_react-datepicker__week_4er45_124",yq="_react-datepicker__day--outside-month_4er45_131",xq="_react-datepicker_4er45_120",Sq="_wrapper_4er45_141",Cq="_header_4er45_148",Eq="_navbar_4er45_156",Mq="_banner_4er45_161",Tq="_main_4er45_169",Fq="_contentContainer_4er45_173",Pq="_contentContainer__withBanner_4er45_179",Aq="_contentContainer__withBanner_4er45_179",Lq="_content_4er45_173",Rq="_mainContent_4er45_189",zq="_mainContent__isFullWidth_4er45_193",$q="_mainContent__isFullWidth_4er45_193",Bq="_sidebarRight_4er45_197",Iq="_adSlot_4er45_211",Nq="_adSlot__withBanner_4er45_220",Dq="_adSlot__withBanner_4er45_220",Oq="_adSlot--left_4er45_239",jq="_adSlot--right_4er45_244",tn={"react-datepicker__day-names":"_react-datepicker__day-names_4er45_120",reactDatepickerDayNames:kq,"react-datepicker__week":"_react-datepicker__week_4er45_124",reactDatepickerWeek:_q,"react-datepicker__day--outside-month":"_react-datepicker__day--outside-month_4er45_131",reactDatepickerDayOutsideMonth:yq,"react-datepicker":"_react-datepicker_4er45_120",reactDatepicker:xq,wrapper:Sq,header:Cq,navbar:Eq,banner:Mq,main:Tq,contentContainer:Fq,contentContainer__withBanner:Pq,contentContainerWithBanner:Aq,content:Lq,mainContent:Rq,mainContent__isFullWidth:zq,mainContentIsFullWidth:$q,sidebarRight:Bq,adSlot:Iq,adSlot__withBanner:Nq,adSlotWithBanner:Dq,"adSlot--left":"_adSlot--left_4er45_239",adSlotLeft:Oq,"adSlot--right":"_adSlot--right_4er45_244",adSlotRight:jq},Hq=({banner:e,children:n,isMainFullWidth:t,leftAdSlot:i,navbar:r,right:a,rightAdSlot:s,enableAdSlots:l})=>m.jsxs("div",{className:tn.wrapper,children:[l&&m.jsx("div",{className:re(tn.adSlot,tn["adSlot--left"],{[tn.adSlot__withBanner]:e.didRender}),children:i}),m.jsxs("div",{className:re(tn.contentContainer,{[tn.contentContainer__withBanner]:e.didRender}),children:[m.jsx("header",{className:tn.header,children:m.jsx("nav",{className:tn.navBar,children:r})}),m.jsxs("div",{className:re(tn.content),children:[m.jsx("main",{className:re(tn.mainContent,{[tn.mainContent__isFullWidth]:t}),children:n}),a&&m.jsx("aside",{className:tn.sidebarRight,children:a})]})]}),l&&m.jsx("div",{className:re(tn.adSlot,tn["adSlot--right"],{[tn.adSlot__withBanner]:e.didRender}),children:s}),e.adSlot&&m.jsx("div",{className:tn.banner,children:e.adSlot})]});var q3={exports:{}};(()=>{var e={d:(s,l)=>{for(var o in l)e.o(l,o)&&!e.o(s,o)&&Object.defineProperty(s,o,{enumerable:!0,get:l[o]})},o:(s,l)=>Object.prototype.hasOwnProperty.call(s,l),r:s=>{typeof Symbol<"u"&&Symbol.toStringTag&&Object.defineProperty(s,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(s,"__esModule",{value:!0})}},n={};e.r(n),e.d(n,{default:()=>a});const t=v;function i(s,l){return function(o){if(Array.isArray(o))return o}(s)||function(o,u){var f=o==null?null:typeof Symbol<"u"&&o[Symbol.iterator]||o["@@iterator"];if(f!=null){var c,d,h=[],g=!0,k=!1;try{for(f=f.call(o);!(g=(c=f.next()).done)&&(h.push(c.value),!u||h.length!==u);g=!0);}catch(_){k=!0,d=_}finally{try{g||f.return==null||f.return()}finally{if(k)throw d}}return h}}(s,l)||function(o,u){if(o){if(typeof o=="string")return r(o,u);var f=Object.prototype.toString.call(o).slice(8,-1);return f==="Object"&&o.constructor&&(f=o.constructor.name),f==="Map"||f==="Set"?Array.from(o):f==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(f)?r(o,u):void 0}}(s,l)||function(){throw new TypeError(`Invalid attempt to destructure non-iterable instance.
849
849
  In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}()}function r(s,l){(l==null||l>s.length)&&(l=s.length);for(var o=0,u=new Array(l);o<l;o++)u[o]=s[o];return u}const a=function(){var s=arguments.length>0&&arguments[0]!==void 0?arguments[0]:300,l=arguments.length>1?arguments[1]:void 0,o=(0,t.useState)(l),u=i(o,2),f=u[0],c=u[1];return(0,t.useEffect)(function(){var d=function(){var h=window.screen.height-s>window.visualViewport.height;f!=h&&c(h)};return typeof visualViewport<"u"&&window.visualViewport.addEventListener("resize",d),function(){typeof visualViewport<"u"&&window.visualViewport.removeEventListener("resize",d)}},[]),f};q3.exports=n})();var Vq=q3.exports;const Wq=Dn(Vq),Gq="_mobileLayout_1pims_141",qq="_mobileLayoutHeader_1pims_146",Uq="_header_1pims_153",Zq="_mobileLayoutMain_1pims_156",Kq="_mobileLayoutMainWithFooter_1pims_163",Yq="_mobileLayoutActionButton_1pims_166",Xq="_mobileLayoutFooter_1pims_174",Jq="_stickyHeader_1pims_184",Qq="_sticky_1pims_184",eU="_adSlot_1pims_195",nU="_hideAdSlot_1pims_205",Gn={mobileLayout:Gq,mobileLayoutHeader:qq,header:Uq,mobileLayoutMain:Zq,mobileLayoutMainWithFooter:Kq,mobileLayoutActionButton:Yq,mobileLayoutFooter:Xq,stickyHeader:Jq,sticky:Qq,adSlot:eU,hideAdSlot:nU},Vh=50,tU=100,iU=e=>{const[n,t]=v.useState(!1),i=v.useRef(0),r=v.useRef(0);return v.useEffect(()=>{if(!e){t(!1);return}const a=()=>{const s=window.scrollY,l=s>i.current,o=s<i.current;if(s<Vh){t(!1);return}l&&s>Vh?(t(!0),r.current=0):o&&r.current===0&&(r.current=s),o&&r.current-s>=tU&&(t(!1),r.current=0),i.current=s};return window.addEventListener("scroll",a),()=>{window.removeEventListener("scroll",a)}},[e]),n},rU=" 66px",aU=" 56px",U3=({action:e,adSlot:n,adSlotEnabled:t=!1,banner:i,children:r,footer:a,header:s,hideHeaderOnScroll:l=!0,showFooter:o=!0})=>{const u=Wq(),f=iU(l);return m.jsxs("section",{className:Gn.mobileLayout,style:{"--anchor-ad-wrapper-height":n&&t?rU:"0px","--layout-header-height":aU},children:[m.jsxs("header",{className:re(Gn.stickyHeader,Gn.mobileLayoutHeader,{[Gn.sticky]:f}),children:[m.jsx("div",{className:re(Gn.header),children:s}),n&&m.jsx("div",{className:re(Gn.adSlot,{[Gn.hideAdSlot]:!t}),children:n})]}),m.jsxs("main",{className:re(Gn.mobileLayoutMain,{[Gn.mobileLayoutMainWithFooter]:o}),tabIndex:0,children:[i,r]}),o&&m.jsxs(m.Fragment,{children:[e&&!u&&m.jsx("div",{className:Gn.mobileLayoutActionButton,children:e}),m.jsx("footer",{className:Gn.mobileLayoutFooter,children:a})]})]})},sU="_loadingSpinnerContainer_1t2fh_141",oU={loadingSpinnerContainer:sU},lU=({children:e,desktop:n,keepLoading:t,mobile:i})=>{const[r,a]=v.useState(0),s=()=>{a(window.innerWidth)};return v.useEffect(()=>(s(),window.addEventListener("resize",s),()=>{window.removeEventListener("resize",s)}),[]),!r||t?m.jsx("div",{className:oU.loadingSpinnerContainer,children:m.jsx(G3,{})}):r<800?i.withoutMobileLayout?m.jsx("main",{children:e}):m.jsx(U3,{...i,children:e}):m.jsx(Hq,{...n,children:e})};var uU=fU;function fU(e){if(e)throw e}/*!
850
850
  * Determine if an object is a Buffer
851
851
  *
@@ -881,4 +881,4 @@ and limitations under the License.
881
881
  See https://github.com/ankeetmaini/react-infinite-scroll-component/issues/59 for more info.
882
882
  `),null)},i.onStart=function(r){i.lastScrollTop||(i.dragging=!0,r instanceof MouseEvent?i.startY=r.pageY:r instanceof TouchEvent&&(i.startY=r.touches[0].pageY),i.currentY=i.startY,i._infScroll&&(i._infScroll.style.willChange="transform",i._infScroll.style.transition="transform 0.2s cubic-bezier(0,0,0.31,1)"))},i.onMove=function(r){i.dragging&&(r instanceof MouseEvent?i.currentY=r.pageY:r instanceof TouchEvent&&(i.currentY=r.touches[0].pageY),!(i.currentY<i.startY)&&(i.currentY-i.startY>=Number(i.props.pullDownToRefreshThreshold)&&i.setState({pullToRefreshThresholdBreached:!0}),!(i.currentY-i.startY>i.maxPullDownDistance*1.5)&&i._infScroll&&(i._infScroll.style.overflow="visible",i._infScroll.style.transform="translate3d(0px, "+(i.currentY-i.startY)+"px, 0px)")))},i.onEnd=function(){i.startY=0,i.currentY=0,i.dragging=!1,i.state.pullToRefreshThresholdBreached&&(i.props.refreshFunction&&i.props.refreshFunction(),i.setState({pullToRefreshThresholdBreached:!1})),requestAnimationFrame(function(){i._infScroll&&(i._infScroll.style.overflow="auto",i._infScroll.style.transform="none",i._infScroll.style.willChange="unset")})},i.onScrollListener=function(r){typeof i.props.onScroll=="function"&&setTimeout(function(){return i.props.onScroll&&i.props.onScroll(r)},0);var a=i.props.height||i._scrollableNode?r.target:document.documentElement.scrollTop?document.documentElement:document.body;if(!i.actionTriggered){var s=i.props.inverse?i.isElementAtTop(a,i.props.scrollThreshold):i.isElementAtBottom(a,i.props.scrollThreshold);s&&i.props.hasMore&&(i.actionTriggered=!0,i.setState({showLoader:!0}),i.props.next&&i.props.next()),i.lastScrollTop=a.scrollTop}},i.state={showLoader:!1,pullToRefreshThresholdBreached:!1,prevDataLength:t.dataLength},i.throttledOnScrollListener=Soe(150,i.onScrollListener).bind(i),i.onStart=i.onStart.bind(i),i.onMove=i.onMove.bind(i),i.onEnd=i.onEnd.bind(i),i}return n.prototype.componentDidMount=function(){if(typeof this.props.dataLength>"u")throw new Error('mandatory prop "dataLength" is missing. The prop is needed when loading more content. Check README.md for usage');if(this._scrollableNode=this.getScrollableTarget(),this.el=this.props.height?this._infScroll:this._scrollableNode||window,this.el&&this.el.addEventListener("scroll",this.throttledOnScrollListener),typeof this.props.initialScrollY=="number"&&this.el&&this.el instanceof HTMLElement&&this.el.scrollHeight>this.props.initialScrollY&&this.el.scrollTo(0,this.props.initialScrollY),this.props.pullDownToRefresh&&this.el&&(this.el.addEventListener("touchstart",this.onStart),this.el.addEventListener("touchmove",this.onMove),this.el.addEventListener("touchend",this.onEnd),this.el.addEventListener("mousedown",this.onStart),this.el.addEventListener("mousemove",this.onMove),this.el.addEventListener("mouseup",this.onEnd),this.maxPullDownDistance=this._pullDown&&this._pullDown.firstChild&&this._pullDown.firstChild.getBoundingClientRect().height||0,this.forceUpdate(),typeof this.props.refreshFunction!="function"))throw new Error(`Mandatory prop "refreshFunction" missing.
883
883
  Pull Down To Refresh functionality will not work
884
- as expected. Check README.md for usage'`)},n.prototype.componentWillUnmount=function(){this.el&&(this.el.removeEventListener("scroll",this.throttledOnScrollListener),this.props.pullDownToRefresh&&(this.el.removeEventListener("touchstart",this.onStart),this.el.removeEventListener("touchmove",this.onMove),this.el.removeEventListener("touchend",this.onEnd),this.el.removeEventListener("mousedown",this.onStart),this.el.removeEventListener("mousemove",this.onMove),this.el.removeEventListener("mouseup",this.onEnd)))},n.prototype.componentDidUpdate=function(t){this.props.dataLength!==t.dataLength&&(this.actionTriggered=!1,this.setState({showLoader:!1}))},n.getDerivedStateFromProps=function(t,i){var r=t.dataLength!==i.prevDataLength;return r?ya(ya({},i),{prevDataLength:t.dataLength}):null},n.prototype.isElementAtTop=function(t,i){i===void 0&&(i=.8);var r=t===document.body||t===document.documentElement?window.screen.availHeight:t.clientHeight,a=Q2(i);return a.unit===br.Pixel?t.scrollTop<=a.value+r-t.scrollHeight+1:t.scrollTop<=a.value/100+r-t.scrollHeight+1},n.prototype.isElementAtBottom=function(t,i){i===void 0&&(i=.8);var r=t===document.body||t===document.documentElement?window.screen.availHeight:t.clientHeight,a=Q2(i);return a.unit===br.Pixel?t.scrollTop+r>=t.scrollHeight-a.value:t.scrollTop+r>=a.value/100*t.scrollHeight},n.prototype.render=function(){var t=this,i=ya({height:this.props.height||"auto",overflow:"auto",WebkitOverflowScrolling:"touch"},this.props.style),r=this.props.hasChildren||!!(this.props.children&&this.props.children instanceof Array&&this.props.children.length),a=this.props.pullDownToRefresh&&this.props.height?{overflow:"auto"}:{};return v.createElement("div",{style:a,className:"infinite-scroll-component__outerdiv"},v.createElement("div",{className:"infinite-scroll-component "+(this.props.className||""),ref:function(s){return t._infScroll=s},style:i},this.props.pullDownToRefresh&&v.createElement("div",{style:{position:"relative"},ref:function(s){return t._pullDown=s}},v.createElement("div",{style:{position:"absolute",left:0,right:0,top:-1*this.maxPullDownDistance}},this.state.pullToRefreshThresholdBreached?this.props.releaseToRefreshContent:this.props.pullDownToRefreshContent)),this.props.children,!this.state.showLoader&&!r&&this.props.hasMore&&this.props.loader,this.state.showLoader&&this.props.hasMore&&this.props.loader,!this.props.hasMore&&this.props.endMessage))},n}(v.Component);const Eoe="_cardHeader_1k1p6_141",Moe="_cardBody_1k1p6_152",Toe="_tabsList_1k1p6_161",Foe="_tab_1k1p6_161",Poe="_selectedTab_1k1p6_199",Aoe="_tabPanel_1k1p6_208",Loe="_profile_1k1p6_220",Xt={cardHeader:Eoe,cardBody:Moe,tabsList:Toe,tab:Foe,selectedTab:Poe,tabPanel:Aoe,profile:Loe},Roe=(e,n,t)=>({id:e,object_type:"hood_message",page:n,reaction_type:t==="all"?void 0:t}),zoe=({closeText:e="Schließen",getPicturePlaceholder:n,getReactions:t,headerTitle:i="Reaktionen",open:r,postId:a,setOpen:s,userLink:l=!0})=>{const[o,u]=v.useState(null),[f,c]=v.useState("all"),[d,h]=v.useState(1),[g,k]=v.useState([]),_=!o||!!o.next_page,w=v.useCallback(async()=>{try{const B=Roe(a,d,f),S=await t(B);h(S.next_page||d),u(S),k(T=>[...T,...S.users])}catch(B){console.error("Error fetching reactions:",B)}},[a,d,f,t]);v.useEffect(()=>(r&&w(),()=>{k([])}),[r,f,w]);const y=(B,S)=>{typeof S=="string"&&(c(S),h(1),k([]))},x=()=>{s(),k([]),h(1),c("all")};if(!(o!=null&&o.live_data))return null;const M=o.live_data.counter.hood_message[a],C=m.jsx(P.CardHeader,{headline:i,type:Mn()?"h4":"h3",as:"h2",leftElement:m.jsx(P.IconButton,{icon:"arrow_left",size:"medium",ariaLabelledBy:"back",onClick:x}),rightElement:m.jsx(P.IconButton,{ariaLabel:"close-sheet",onClick:x,icon:"cross_circle"}),className:Xt.cardHeader}),R=[];for(const[B,S]of Object.entries(M))wse(B)&&S>0&&R.push({count:S,reaction:B});const F=_4(R),I=[{count:0,reaction:"all"},...F],D=m.jsx(P.CardBody,{className:Xt.cardBody,children:m.jsxs(jm,{defaultValue:"all",onChange:y,children:[m.jsx(Gm,{className:Xt.tabsList,children:I.map(({count:B,reaction:S})=>m.jsxs(Um,{value:S,"data-testid":`tab-${S}`,children:[m.jsxs("div",{className:Xt.tab,children:[S==="all"?m.jsx(P.Typography,{as:"span",type:"body-semibold",className:Xt.alle,children:"Alle"}):y4(S),m.jsx("div",{className:Xt.selectedTab})]}),B>0&&m.jsx(P.Typography,{as:"span",type:"body-semibold",children:B})]},`${S}_${B}`))}),I.map(({reaction:B})=>m.jsx(Hm,{value:B,className:Xt.tabPanel,id:"reactionTabPanel",children:m.jsx(Coe,{dataLength:g.length,next:w,hasMore:_,loader:m.jsx(P.Loader,{}),scrollableTarget:"reactionTabPanel",scrollThreshold:.7,children:g.map(S=>m.jsx("div",{className:Xt.profile,children:m.jsx(p4,{alt:"profile",link:S.hood_title,name:S.firstname,onClick:l?()=>window.open(`/profile/${S.id}`,"_self"):void 0,src:S.photo_medium_url||n(S)})},S.id))})},B))]})});return m.jsx(P.Sheet,{open:r,onDismiss:x,content:D,header:C,cancelButtonText:e})},No=(e,n=!1,t,i=!1)=>od(e,n,t,i);var Jt=(e=>(e.EMAIL_CONFIRMATION="EMAIL_CONFIRMATION",e.REGISTRATION_FORM="REGISTRATION_FORM",e.VERIFICATION_FORM="VERIFICATION_FORM",e))(Jt||{});const $oe="_root_epq7r_141",Boe="_root__cardHeader_epq7r_152",Ioe="_root__cardHeaderMobile_epq7r_161",Noe="_root__cardBody_epq7r_175",Doe="_root__progressBar_epq7r_183",Ooe="_root__backButton_epq7r_191",ur={root:$oe,root__cardHeader:Boe,root__cardHeaderMobile:Ioe,root__cardBody:Noe,root__progressBar:Doe,root__backButton:Ooe},C4=({children:e,progressBar:n})=>{const{currentStep:t,currentStepData:{canGoBack:i,fields:r=[]},previous:a,totalSteps:s}=Do(),l=()=>{var u,f;return((f=(u=r.find(c=>c.type==="formHeader"))==null?void 0:u.fieldConfig)==null?void 0:f.header)||""},o=()=>m.jsxs("div",{children:[m.jsx(P.CardHeader,{type:"h4",as:"h2",className:ur.root__cardHeaderMobile,headline:l(),leftElement:i&&m.jsx(P.Button,{onClick:a,className:ur.root__backButton,children:m.jsx(P.Icon,{name:"chevron_left",size:"24"})})}),m.jsx(P.ProgressBar,{className:ur.root__progressBar,type:"progress",steps:(n==null?void 0:n.steps)??s+1,progress:(n==null?void 0:n.currentStep)??t+1})]});return m.jsxs(P.Card,{withoutPadding:!0,borderRadius:!0,responsive:!0,className:ur.root,allowedElement:o,children:[Mn()?m.jsx(o,{}):m.jsx(P.CardHeader,{type:"body-semibold",className:ur.root__cardHeader,headline:i?"Zurück":"",leftElement:i&&m.jsx(P.Button,{onClick:a,children:m.jsx(P.Icon,{name:"chevron_left",size:"16"})}),rightElement:m.jsx(P.Typography,{type:"detail-regular",children:`Schritt ${(n==null?void 0:n.currentStep)??t+1} von ${(n==null?void 0:n.steps)??s+1}`})}),m.jsx(P.CardBody,{className:ur.root__cardBody,children:e})]})},joe="_root_gyjyz_141",Hoe="_root__headline_gyjyz_146",Voe="_root__description_gyjyz_155",Woe="_root__phone_gyjyz_162",Goe="_root__sticker_gyjyz_169",la={root:joe,root__headline:Hoe,root__description:Voe,root__phone:Woe,root__sticker:Goe},qoe=({className:e})=>{const{previous:n}=Do(),t=od("verification_wizard",!1,{}),i=km(t),r=Oo("phone_number.phone",i);return r?m.jsxs("div",{className:e,children:[m.jsx(P.Typography,{type:"h5",children:Zu(r)}),m.jsx(P.TextButton,{size:"medium",text:"Ändern",onClick:n,color:"blue"})]}):null},Uoe=({description:e,header:n,notice:t,phoneNr:i=!1,sticker:r,title:a})=>m.jsxs("div",{className:la.root,children:[r&&m.jsx(P.Sticker,{className:la.root__sticker,...r}),m.jsx(P.Typography,{className:la.root__headline,type:"h2",children:n}),e&&m.jsxs("div",{className:la.root__description,children:[a&&m.jsx(P.Typography,{type:"body-large",markdown:!0,children:a}),m.jsx(P.Typography,{type:"body-regular",markdown:!0,children:e})]}),t&&t.bodyText&&m.jsx(P.Notice,{...t,variant:"detailed"}),i&&m.jsx(qoe,{className:la.root__phone})]}),E4={formHeader:e=>m.jsx(Uoe,{...e.fieldConfig},e.id)},Zoe="_root_1jd95_141",Koe={root:Zoe},Oc=0,jc=1,Hc=2,Vc=3,Yoe=[Oc,jc,Vc,Hc],Xoe={[Vc]:"Divers",[Oc]:"Weiblich",[jc]:"Männlich",[Hc]:"Keine Angabe"},M4={[Vc]:"diverse",[Oc]:"female",[jc]:"male",[Hc]:"hidden"},Joe=()=>Yoe.map(Number).map(e=>({id:`gender_${e}`,isSelected:!0,label:Xoe[e],style:"outline",value:M4[e]})),Qoe=(e,n)=>e.filter(t=>t.value===n),ele=({onChange:e,selectedGender:n})=>{const t=Joe(),i=r=>{e(r[0].value)};return m.jsx(P.SelectablePillGroup,{multiselect:!1,className:Koe.root,items:t,selectedItems:Qoe(t,n),onChange:i})},nle=({name:e,rules:n,selectedGender:t=M4[0]})=>{const{control:i}=Fe.useFormContext(),{field:r}=Fe.useController({control:i,defaultValue:t,name:e,rules:n});return m.jsx(ele,{onChange:r.onChange,selectedGender:r.value})},tle="_root_1qncq_141",ile="_root__content_1qncq_151",rle="_root__names_1qncq_156",ale="_root__name_1qncq_156",sle="_root__name__placeholder_1qncq_163",Si={root:tle,root__content:ile,root__names:rle,root__name:ale,root__name__placeholder:sle},ole=({checked:e,firstname:n,label:t="Nachnamen gekürzt anzeigen",lastname:i,onChange:r,placeholder:a={firstname:"Firstname",lastname:"Lastname"}})=>{const s=()=>e?`${(i==null?void 0:i.charAt(0))||a.lastname.charAt(0)}.`:`${i||a.lastname}`,l=()=>n||a.firstname;return m.jsxs("div",{className:Si.root,children:[m.jsxs("div",{className:Si.root__content,children:[m.jsx(P.Typography,{type:"detail-medium",children:t}),m.jsxs("div",{className:Si.root__names,children:[m.jsx(P.Typography,{type:"body-large",className:re(Si.root__name,{[Si.root__name__placeholder]:!n}),children:l()}),m.jsx(P.Typography,{type:"body-large",className:re(Si.root__name,{[Si.root__name__placeholder]:!i}),children:s()})]})]}),m.jsx(P.Toggle,{onChange:r,checked:e})]})},lle=({defaultChecked:e=!0,label:n,name:t,rules:i})=>{const{control:r,watch:a}=Fe.useFormContext(),{field:s}=Fe.useController({control:r,defaultValue:e,name:t,rules:i}),l=a("firstname"),o=a("lastname");return m.jsx(ole,{checked:s.value,firstname:l,label:n,lastname:o,onChange:s.onChange})},ule="_root_srj8a_141",fle="_root__input_srj8a_145",dle="_root__progressBar_srj8a_148",ju={root:ule,root__input:fle,root__progressBar:dle},cle=e=>{let n=0;return e?(/[a-z]/.test(e)&&n++,/[A-Z]/.test(e)&&n++,/\d/.test(e)&&n++,/[^A-Za-z0-9]/.test(e)&&n++,e.length>=8&&n++,Math.min(n,5)):n},hle=({colorScheme:e="outline",errorText:n,id:t="password-field",label:i="Password",name:r,onBlur:a,onChange:s,passwordHint:l="Verwende mindestens 6 Zeichen (bevorzugt 8-16), kombiniere Groß- und Kleinbuchstaben, Zahlen und Sonderzeichen. Vermeide gängige Wörter, Muster und persönliche Informationen.",progressBar:o=!0,size:u="large",value:f=""})=>{const[c,d]=v.useState(!1);return m.jsx("div",{className:ju.root,children:m.jsx(P.TextInput,{wrapperClassName:ju.root__input,size:u,colorScheme:e,id:t,label:i,inputFieldType:c?"text":"password",errorText:n,onChange:s,onBlur:a,value:f,name:r,hintText:o?l:void 0,progressBar:o&&m.jsx(P.ProgressBar,{className:ju.root__progressBar,progress:cle(f),steps:5,type:"password"}),iconButton:{ariaLabelledBy:"toggle-password",icon:c?"eye_crossed":"eye",onClick:()=>d(!c)}})})},mle=({colorScheme:e,id:n,label:t,name:i,passwordHint:r,progressBar:a,rules:s,size:l,value:o})=>{var d;const{control:u}=Fe.useFormContext(),{field:f,fieldState:c}=Fe.useController({control:u,defaultValue:o,name:i,rules:s});return m.jsx(hle,{size:l,progressBar:a,colorScheme:e,passwordHint:r,id:n,label:t,onChange:f.onChange,onBlur:f.onBlur,value:f.value,errorText:(d=c.error)==null?void 0:d.message,name:f.name})},gle=({api:e,className:n,disabled:t,iconButton:i,id:r,label:a,name:s,rules:l,sheetBreakpoint:o="800",size:u,style:f})=>{var M;const{control:c,trigger:d,watch:h}=Fe.useFormContext(),{field:g,fieldState:k}=Fe.useController({control:c,name:s,rules:l}),[_,w]=v.useState([]),y=h(`${e.key}`),x=v.useCallback(async()=>{if(y){const C=await d(e.key);if(y&&C){const R=e.endpoint.replace(":key",y);Me.getDataByZip({endpoint:R}).then(F=>{w(Z5(F[e.dataId])||[])}).catch(()=>{console.warn("Error fetching data")})}}},[e.dataId,e.endpoint,e.key,y,d]);return v.useEffect(()=>{x()},[x]),m.jsx(ym,{defaultValue:g.value,onSelect:g.onChange,options:_,sheetBreakpoint:o,name:s,style:f,errorText:(M=k.error)==null?void 0:M.message,id:r,className:n,disabled:t,iconButton:i,label:a,size:u})},ple={genderSelector:e=>m.jsx(nle,{...e},e.id),nameAbbr:e=>m.jsx(lle,{...e},e.id),password:e=>m.jsx(mle,{...e},e.id),selectInput:e=>m.jsx(gle,{...e.fieldConfig},e.id)},vle=Te.z.string().trim().regex(/^\d{5}$/,"Die Postleitzahl muss genau 5 Ziffern enthalten (z. B. 10115)."),ble=Te.z.string({required_error:"Der Ortsname muss mindestens 2 Zeichen lang sein."}).trim().min(2,"Der Ortsname muss mindestens 2 Zeichen lang sein.").max(100,"Der Ortsname darf maximal 100 Zeichen lang sein.").regex(/^[A-Za-zÄÖÜäöüß\s-]+$/,"Der Ortsname darf nur Buchstaben, Leerzeichen und Bindestriche enthalten."),wle=Te.z.string({required_error:"Der Straßenname muss mindestens 2 Zeichen lang sein."}).trim().min(2,"Der Straßenname muss mindestens 2 Zeichen lang sein.").max(100,"Der Straßenname darf maximal 100 Zeichen lang sein.").regex(/^[A-Za-zÄÖÜäöüß0-9\s,.-]+$/,"Der Straßenname darf nur Buchstaben, Zahlen, Leerzeichen, Kommas, Punkte oder Bindestriche enthalten."),kle=Te.z.string().trim().regex(/^\d+[a-zA-Z]?$/,"Die Hausnummer muss eine Zahl mit optionalem Buchstaben sein (z. B. 12a, 45)."),_le=Te.z.object({city:ble,house_number:kle,street:wle,zip_code:vle}),yle=()=>({canGoBack:!0,canGoNext:!0,fields:[{fieldConfig:{header:"Deine Adresse",notice:{bodyText:"Deine Adresse hilft uns, dich der richtigen Nachbarschaft zuzuordnen. Du kannst sie jederzeit anonymisieren.",color:"vanilla",context:"info",icon:{name:"eye_crossed",size:"24"},variant:"detailed"}},id:"formHeader",type:"formHeader"},{id:"zip_code",label:"Postleitzahl",layout:{gapTop:"xs"},name:"zip_code",size:"large",type:"text"},{fieldConfig:{api:{dataId:"cities",endpoint:"/public/v1/zip_codes/:key/cities.json",key:"zip_code"},id:"city",label:"Ort",name:"city"},id:"place",type:"selectInput"},{fieldConfig:{api:{dataId:"streets",endpoint:"/public/v1/zip_codes/:key/streets.json",key:"zip_code"},id:"street",label:"Deine Straße",name:"street"},id:"street",type:"selectInput"},{hintText:"Deine Hausnummer bleibt anonym.",id:"house_number",label:"Hausnummer",name:"house_number",size:"large",type:"text"},{fieldConfig:{label:"Weiter"},id:"submitButton",layout:{gapTop:"xl"},type:"button"}],id:"addressStep",spacing:"md",validationSchema:_le}),xle=Te.z.string({required_error:"Bitte gib eine gültige E-Mail-Adresse ein."}).email("Bitte gib eine gültige E-Mail-Adresse ein.").trim(),Sle=Te.z.string({required_error:"Das Passwort muss mindestens 6 Zeichen lang sein."}).min(6,"Das Passwort muss mindestens 6 Zeichen lang sein.").max(50,"Das Passwort darf maximal 50 Zeichen lang sein.").trim().regex(/[A-Z]/,"Das Passwort muss mindestens einen Großbuchstaben enthalten.").regex(/[0-9]/,"Das Passwort muss mindestens eine Zahl enthalten.").regex(/[^a-zA-Z0-9]/,"Das Passwort muss mindestens ein Sonderzeichen enthalten."),Cle=Te.z.object({email:xle,password:Sle}),Ele=e=>({canGoBack:!0,canGoNext:!1,fields:[{fieldConfig:{description:"Erstelle dein Konto und entdecke deine Nachbarschaft. Denke daran, deine E-Mail zu bestätigen.",header:"Dein Nutzerkonto"},id:"formHeader",type:"formHeader"},{id:"email",label:"E-Mail-Addresse",layout:{gapTop:"xs"},name:"email",size:"large",type:"text"},{id:"password",label:"Password",name:"password",size:"large",type:"password"},{fieldConfig:{label:"Weiter"},id:"submitButton",layout:{gapTop:"xl"},type:"button"}],id:"emailStep",onSubmit:e,spacing:"md",validationSchema:Cle}),Mle=Te.z.string().min(2,"Der Vorname muss mindestens 2 Zeichen lang sein").max(50,"Der Vorname darf höchstens 50 Zeichen lang sein").trim().regex(/^[A-Za-zÀ-ÖØ-öø-ÿ]+(?:['-][A-Za-zÀ-ÖØ-öø-ÿ]+)?$/,"Der Vorname darf nur Buchstaben (A-Z, a-z), Apostrophen (') oder Bindestriche (-) enthalten und darf keine Leerzeichen beinhalten."),Tle=Te.z.string().min(2,"Der Nachname muss mindestens 2 Zeichen lang sein").max(50,"Der Nachname darf höchstens 50 Zeichen lang sein").trim().regex(/^[A-Za-zÀ-ÖØ-öø-ÿ]+(?:['-][A-Za-zÀ-ÖØ-öø-ÿ]+)?(?: [A-Za-zÀ-ÖØ-öø-ÿ]+(?:['-][A-Za-zÀ-ÖØ-öø-ÿ]+)?)?(?: [A-Za-zÀ-ÖØ-öø-ÿ]+(?:['-][A-Za-zÀ-ÖØ-öø-ÿ]+)?)?$/,"Der Nachname kann bis zu drei Wörter enthalten, wobei jedes Wort nur aus Buchstaben (A-Z, a-z), Apostrophen (') oder Bindestrichen (-) bestehen darf. Die Wörter müssen durch genau ein Leerzeichen getrennt sein."),Fle=Te.z.object({firstname:Mle,lastname:Tle,lastname_abbreviated:Te.z.boolean(),salutation:Te.z.string().optional()}),Ple=()=>({canGoBack:!1,canGoNext:!0,fields:[{fieldConfig:{header:"Dein Name",notice:{bodyText:"Wir benötigen deinen echten Namen zur Verifizierung – so bleibt unsere Gemeinschaft vertrauenswürdig und sicher.",color:"vanilla",context:"info",icon:{name:"privacy_lock_closed",size:"24"},variant:"detailed"}},id:"formHeader",type:"formHeader"},{id:"firstname",label:"Vorname",layout:{gapTop:"xs"},name:"firstname",size:"large",type:"text"},{id:"lastname",label:"Nachname",name:"lastname",size:"large",type:"text"},{id:"lastname_abbreviated",name:"lastname_abbreviated",type:"nameAbbr"},{id:"salutation",name:"salutation",type:"genderSelector"},{fieldConfig:{label:"Weiter"},id:"submitButton",layout:{gapTop:"xl"},type:"button"}],id:"nameStep",spacing:"md",validationSchema:Fle}),id={already_verified:"Dein Account ist bereits verifiziert.",aws_unreachable:"Oh je… es ist ein Fehler aufgetreten.",blank:"Bitte trage hier deine Telefonnummer ein.",code_not_found:"Der Zugangscode lässt sich nicht zuordnen.",invalid:"Bitte gib ein gültiges Format ein.",only_one_verification_code_per_verification_sms_allowed:"Oh je... es ist ein Fehler aufgetreten.",sms_verification_not_available:"Zu viele Versuche. Bitte benutze eine andere Verifizierungsmethode.",taken:"Diese Telefonnummer wird bereits verwendet.",too_many_requests:"Bitte warte einen Augenblick, bevor du es erneut versuchst.",verification_failed:"Oh je... es ist ein Fehler aufgetreten.",verification_sms_not_found:"Oh je... es ist ein Fehler aufgetreten.",wrong_token_provided:"Der angegebene Code ist nicht gültig. Bitte versuche es nochmal."};function T4(e,n){if(typeof e!="object"||e===null)return null;for(const[t,i]of Object.entries(e)){if(Array.isArray(i)&&typeof i[0]=="string")return{field:n||t,key:i[0]};if(i&&typeof i=="object"){const r=T4(i,n);if(r)return r}if(typeof i=="string"&&i in id)return{field:n||"",key:i}}return null}function Ale(e,n){const t=e;if(typeof t=="string")return Hu("aws_unreachable");const i=T4(t,n);if(i!=null&&i.key){const r=Hu(i.key);return{field:i.field||null,message:r}}else return{field:null,message:Hu("aws_unreachable")}}function Hu(e){return id[e]||id.aws_unreachable}const ls=(e,n,t,i)=>{const r=Ale(e,i);return typeof r!="string"?r.field?(t==null||t(r),!1):(n(r.message),!1):(n(r),!1)},Lle=async(e,n,t,i)=>{try{const r=await Me.createUser({...e.data});r.email_confirmation_required?i(e.data.email):i(""),n==null||n(r)}catch(r){return ls(r,t,({field:s,message:l})=>{var o;(o=e.methods)==null||o.setError(s,{message:l,type:"manual"})})}},Rle=({initialStep:e,onSubmit:n})=>{const[t,i]=v.useState(null),r=No("userEmail",!0,"",!1),[a,s]=oo(r),l=[Ple(),yle(),Ele(o=>Lle(o,n,i,s))];return m.jsx(ud,{id:"registration_wizard",steps:l,formError:t,initialStep:e,formFieldMap:{...ple,...E4},formWrapper:o=>m.jsx(C4,{children:o})})},zle="_inputDetails_wq68m_141",$le="_inputDetails__hintText_wq68m_147",Ble="_inputDetails__errorText_wq68m_151",Ile="_inputDetails__counter_wq68m_155",qs={inputDetails:zle,inputDetails__hintText:$le,inputDetails__errorText:Ble,inputDetails__counter:Ile},Nle=({charCount:e,charLimit:n,errorText:t,hintText:i})=>{const r=`${e??0}/${n}`;return m.jsxs("div",{className:qs.inputDetails,children:[m.jsxs("div",{children:[i&&!t&&m.jsx(Fi,{className:qs.inputDetails__hintText,type:"detail-medium",children:i}),t&&m.jsx(Fi,{className:qs.inputDetails__errorText,type:"detail-bold",children:t})]}),!!n&&m.jsx(Fi,{type:"detail-medium",className:qs.inputDetails__counter,children:r})]})},Dle="_react-datepicker__day-names_gycxq_120",Ole="_react-datepicker__week_gycxq_124",jle="_react-datepicker__day--outside-month_gycxq_131",Hle="_react-datepicker_gycxq_120",Vle="_container_gycxq_144",Wle="_inputContainer_gycxq_152",Gle="_inputContainer--disabled_gycxq_164",qle="_inputContainer--filled_gycxq_167",Ule="_inputContainer--outlined_gycxq_173",Zle="_inputContainer--error_gycxq_181",Kle="_character_gycxq_186",Yle="_inputContainer--sms_gycxq_189",Xle="_inputContainer--active_gycxq_192",Jle="_character--selected_gycxq_192",Qle="_blink_gycxq_1",eue="_input_gycxq_152",nue="_character__divider_gycxq_250",tue="_character__divider_gycxq_250",xn={"react-datepicker__day-names":"_react-datepicker__day-names_gycxq_120",reactDatepickerDayNames:Dle,"react-datepicker__week":"_react-datepicker__week_gycxq_124",reactDatepickerWeek:Ole,"react-datepicker__day--outside-month":"_react-datepicker__day--outside-month_gycxq_131",reactDatepickerDayOutsideMonth:jle,"react-datepicker":"_react-datepicker_gycxq_120",reactDatepicker:Hle,container:Vle,inputContainer:Wle,"inputContainer--disabled":"_inputContainer--disabled_gycxq_164",inputContainerDisabled:Gle,"inputContainer--filled":"_inputContainer--filled_gycxq_167",inputContainerFilled:qle,"inputContainer--outlined":"_inputContainer--outlined_gycxq_173",inputContainerOutlined:Ule,"inputContainer--error":"_inputContainer--error_gycxq_181",inputContainerError:Zle,character:Kle,"inputContainer--sms":"_inputContainer--sms_gycxq_189",inputContainerSms:Yle,"inputContainer--active":"_inputContainer--active_gycxq_192",inputContainerActive:Xle,"character--selected":"_character--selected_gycxq_192",characterSelected:Jle,blink:Qle,input:eue,character__divider:nue,characterDivider:tue},iue=({disabled:e=!1,errorText:n,onComplete:t,type:i="invite",length:r=i==="sms"?6:10,variant:a="outlined",value:s=""})=>{const[l,o]=v.useState(s),[u,f]=v.useState(!1),c=v.useRef(null);v.useEffect(()=>{e&&f(!1)},[e]),v.useEffect(()=>{o(s)},[s]);const d=()=>{var M;(M=c.current)==null||M.focus()},h=M=>{["ArrowLeft","ArrowRight","ArrowUp","ArrowDown"].includes(M.key)&&M.preventDefault()},g=M=>{const R=M.target.value.replace(/\s/g,"").slice(0,r);new RegExp("^[A-Za-zÀ-ÖØ-öø-ÿ0-9]*$").test(R)&&(o(R),R.length===r&&(t==null||t(R)))},k=M=>{f(!0),M.target.select()},_=()=>{f(!1),t==null||t(l)},w=()=>l,y=M=>w().length===M&&u,x=M=>i==="invite"&&M===Math.floor((r-1)/2);return m.jsxs("div",{"data-testid":"container",className:xn.container,children:[m.jsxs("div",{tabIndex:1,className:re(xn.inputContainer,xn[`inputContainer--${a}`],xn[`inputContainer--${i}`],{[xn["inputContainer--disabled"]]:e,[xn["inputContainer--error"]]:!!n,[xn["inputContainer--active"]]:u}),onClick:d,children:[m.jsx("input",{"aria-label":"verification input",spellCheck:!1,ref:c,value:w(),className:re(xn.input,{[xn["input--disabled"]]:!0}),onChange:g,onKeyDown:h,onFocus:k,onBlur:_,disabled:e}),Array.from({length:r},(M,C)=>m.jsxs(v.Fragment,{children:[m.jsx(P.Typography,{type:"h3",className:re(xn.character,{[xn["character--selected"]]:y(C)}),children:w()[C]},C),x(C)&&m.jsx(P.Typography,{type:"h3",className:re(xn.character,xn.character__divider)},`${C}-divider`)]},`${C}-fragment`))]}),n&&m.jsx(Nle,{errorText:n})]})},rue=({disabled:e,length:n,name:t,rules:i,type:r,variant:a})=>{var u;const{control:s}=Fe.useFormContext(),{field:l,fieldState:o}=Fe.useController({control:s,name:t,rules:i});return m.jsx(iue,{disabled:e,length:n,type:r,variant:a,errorText:(u=o.error)==null?void 0:u.message,onComplete:l.onChange,value:l.value})},aue={codeField:e=>m.jsx(rue,{...e==null?void 0:e.fieldConfig},e.id),phoneInput:e=>m.jsx(xm,{...e==null?void 0:e.fieldConfig},e.id),tileButton:e=>m.jsx(_m,{...e==null?void 0:e.fieldConfig,id:e.id},e.id)},sue=Te.z.string({required_error:"Der Code muss genau 10 Zeichen lang sein und darf nur Buchstaben und Zahlen enthalten."}).trim().regex(/^[a-zA-Z0-9]{10}$/,{message:"Der Code muss genau 10 Zeichen lang sein und darf nur Buchstaben und Zahlen enthalten."}),oue=Te.z.object({code:sue}),lue=e=>({canGoBack:!1,canGoNext:!1,fields:[{fieldConfig:{description:"Einen Zugangscode erhältst du z.B., wenn du eine Postkarte angefordert hast oder eine Einladung im Briefkasten hattest.",header:"Einladungscode",sticker:{color:"green",icon:"paper_form",size:"small"}},id:"formHeader",type:"formHeader"},{fieldConfig:{name:"code",type:"invite"},id:"code",layout:{gapTop:"md"},type:"codeField"},{fieldConfig:{label:"Senden"},id:"submit-button",layout:{gapTop:"xl"},type:"button"},{fieldConfig:{goTo:"verification-methods",label:"Andere Verifizierungsmethoden",size:"medium",variant:"text"},id:"text-button",type:"button"}],id:"inviteCode",onSubmit:e,spacing:"lg",validationSchema:oue}),uue=0,fue=1,F4="code",P4="postcard",due="gps",A4="sms",cue=[A4,F4,P4],em={[F4]:{fieldConfig:{description:"Einladung erhalten? Gib deinen Code ein.",headline:"Per Einladungscode",sticker:{color:"green",icon:"paper_form",size:"small"}},id:"inviteCode",type:"tileButton"},[due]:{fieldConfig:{description:"Erlaube Standortzugriff.",headline:"GPS",sticker:{color:"green",icon:"pin",size:"small"}},id:"gps",type:"tileButton"},[P4]:{fieldConfig:{description:"Erhalte einen Code in 2-3 Tagen.",headline:"Per Postcode",sticker:{color:"green",icon:"envelope",size:"small"}},id:"postalCode",type:"tileButton"},[A4]:{fieldConfig:{description:"Gib deine Handynummer ein.",headline:"Per SMS",sticker:{color:"green",icon:"phone",size:"small"}},id:"phone_number",type:"tileButton"}},hue=e=>cue.map(t=>{const i=mue({...e,code:{enabled:!0,order_nr:1,status:0}},t);return i!=null&&i.enabled?{...em[t],fieldConfig:{...em[t].fieldConfig,isActive:(i==null?void 0:i.status)===uue,...(i==null?void 0:i.status)===fue&&{isPending:!0}},...(i==null?void 0:i.order_nr)===0&&{layout:{gapTop:"lg"}},order:(i==null?void 0:i.order_nr)??null}:null}).filter(t=>t!==null).sort((t,i)=>((t==null?void 0:t.order)??1/0)-((i==null?void 0:i.order)??1/0)),mue=(e,n)=>(e==null?void 0:e[n])??null,gue=(e,n)=>({canGoBack:!0,fields:[{fieldConfig:{header:"Verifizierungsmethoden"},id:"formHeader",type:"formHeader"},...hue(n),{fieldConfig:{label:"Kontaktiere uns",onClick:e,size:"medium",text:"Hast du Probleme bei der Verifizierung?",variant:"text"},id:"text-button",layout:{gapTop:"xl"},type:"button"}],id:"verification-methods",spacing:"lg"}),pue=e=>({canGoBack:!1,canGoNext:!1,fields:[{fieldConfig:{description:"Fordere eine Postkarte an und gib den darauf angegebenen Zugangscode ein. Fertig!",header:"Postkarte erhalten",sticker:{color:"green",icon:"envelope",size:"small"}},id:"formHeader",type:"formHeader"},{fieldConfig:{label:"Postkarte anfordern"},id:"submit-button",layout:{gapTop:"xl"},type:"button"},{fieldConfig:{goTo:"verification-methods",label:"Andere Verifizierungsmethoden",size:"medium",variant:"text"},id:"text-button",type:"button"}],id:"postalCode",onSubmit:e,spacing:"md"}),vue=()=>({canGoBack:!1,canGoNext:!1,fields:[{fieldConfig:{description:"Es kann 2-3 Werktage dauern bis du deine Postkarte erhältst. Komm anschließend einfach auf nebenan.de zurück und gib deinen Code ein, um die Verifizierung abzuschließen. ",header:"Postkarte erhalten",sticker:{color:"green",icon:"envelope",size:"small"},title:"Deine Postkarte ist auf dem Weg zu dir!"},id:"formHeader",type:"formHeader"},{fieldConfig:{disabled:!0,label:"Die Postkarte ist unterwegs"},id:"submit-button",layout:{gapTop:"xl"},type:"button"},{fieldConfig:{goTo:"verification-methods",label:"Andere Verifizierungsmethoden",size:"medium",variant:"text"},id:"text-button",type:"button"}],id:"postalCodeRequested",spacing:"md"}),bue=Te.z.string().trim().regex(/^\+(3[0-9]|4[0-9]|2[0-9]|5[0-9])[0-9\s|]{8,16}$/,"Die Telefonnummer muss mit einer gültigen EU-Länder-Vorwahl beginnen und darf nur Zahlen und Leerzeichen enthalten.").transform(e=>e.replace(/\s+/g,"")).refine(e=>e.length>=10,{message:"Die Telefonnummer muss mindestens 10 Zeichen lang sein (inklusive Vorwahl)."}).refine(e=>e.length<=20,{message:"Die Telefonnummer darf höchstens 20 Zeichen lang sein (inklusive Vorwahl)."}),wue=Te.z.object({phone:bue}),kue=e=>({canGoBack:!1,canGoNext:!0,fields:[{fieldConfig:{description:"Gib deine Handynummer ein. Wir schicken dir einen 6-stelligen Zugangscode per SMS.",header:"SMS Verifizierung",notice:{bodyText:"Deine Telefonnummer bleibt privat und wird nicht gespeichert oder mit Nachbar:innen geteilt.",color:"vanilla",context:"info",icon:{name:"eye_crossed",size:"24"},variant:"detailed"},sticker:{color:"green",icon:"phone",size:"small"}},id:"formHeader",type:"formHeader"},{fieldConfig:{name:"phone",placeholder:"Telefonnummer"},id:"phone",type:"phoneInput"},{fieldConfig:{label:"SMS code anfordern"},id:"formSubmitButton",layout:{gapTop:"xl"},type:"button"},{fieldConfig:{goTo:"verification-methods",label:"Andere Verifizierungsmethoden",size:"medium",variant:"text"},id:"text-button",type:"button"}],id:"phone_number",onSubmit:e,spacing:"lg",validationMode:"onBlur",validationSchema:wue}),_ue=Te.z.string({required_error:"Der Telefoncode muss genau 6 Ziffern enthalten (z. B. 123456)."}).trim().regex(/^\d{6}$/,"Der Telefoncode muss genau 6 Ziffern enthalten (z. B. 123456)."),yue=Te.z.object({sms_code:_ue}),xue=e=>({canGoBack:!1,canGoNext:!1,fields:[{fieldConfig:{description:"Wir haben dir eine SMS mit einem 6-stelligen Code geschickt. Bitte gib ihn hier ein.",header:"SMS Verifizierung",notice:{bodyText:"Es kann ein paar Minuten dauern, bis die Nachricht kommt.",color:"grey",context:"info",icon:{name:"info",size:"24"},variant:"detailed"},phoneNr:!0,sticker:{color:"green",icon:"phone",size:"small"}},id:"formHeader",type:"formHeader"},{fieldConfig:{name:"sms_code",type:"sms"},id:"sms_code",type:"codeField"},{fieldConfig:{label:"Bestätigen"},id:"formSubmitButton",layout:{gapTop:"xl"},type:"button"},{fieldConfig:{goTo:"phone_number",label:"SMS erneut anfordern",size:"medium",variant:"text"},id:"text-button",type:"button"}],id:"smsCode",onSubmit:e,spacing:"lg",validationMode:"onSubmit",validationSchema:yue}),Sue=async(e,n,t)=>{const i=Oo("data.phone",e).split("|").join("");try{return await Me.requestSmsCode({phone_number:i,token:t}),!0}catch(r){return ls(r,n,({field:s,message:l})=>{var o;(o=e.methods)==null||o.setError(s,{message:l,type:"manual"})},"phone")}},Cue=async(e,n,t,i)=>{const r=Oo("data.smsCode",e);try{await Me.sendSmsCode({smsCode:r,token:i}),n({})}catch(a){return ls(a,t,({field:l,message:o})=>{var u;(u=e.methods)==null||u.setError(l,{message:o,type:"manual"})})}},Eue=async(e,n,t,i)=>{const r=Oo("data.code",e),a=`${r.slice(0,5)}-${r.slice(5)}`;try{await Me.sendInviteCode({inviteCode:a,token:i}),n({})}catch(s){return ls(s,t,({field:o,message:u})=>{var f;(f=e.methods)==null||f.setError(o,{message:u,type:"manual"})},"code")}},Mue=async(e,n,t)=>{try{return await Me.requestPostCard({token:t}),e==null||e(),"postalCodeRequested"}catch(i){return ls(i,n)}},Tue=({fetchProfile:e,initialStep:n="verification-methods",onSubmit:t,status:i,token:r})=>{const[a,s]=v.useState(null),o=gue(()=>{console.log("handleContactUs")},i==null?void 0:i.verification_methods),u=vue(),f=[kue(c=>Sue(c,s,r)),xue(c=>Cue(c,t,s,r)),lue(c=>Eue(c,t,s,r)),pue(()=>Mue(e,s,r)),o,u];return m.jsx(ud,{id:"verification_wizard",steps:f,onStepChange:()=>s(null),excludedSteps:[o.id,u.id],initialStep:n,formError:a,formFieldMap:{...aue,...E4},formWrapper:c=>m.jsx(C4,{progressBar:{currentStep:4,steps:4},children:c})})},Fue={status:{address_valid:!0,business_profile_ids:[],core_block_reason:null,core_block_until:null,details_changed:"undecided",email:"nazim.shala+rebuild22@nebenan.de",has_business:!1,has_organization:!1,hash_id:"cbdf3d61ac041f28dc6491b52e1633b4",hood_active_users_count:"1347",hood_group_ids:[],hood_group_ids_with_pending_membership_request:[],id:143613,is_address_verified:!1,is_allowed_invite:!1,is_banned:!1,is_document_verification_pending:!1,is_email_verified:!1,is_hood_open:!0,is_hood_suggested:!1,is_hood_suggestion_available_from_user:!1,is_postcard_verification_allowed:!0,is_postcard_verification_pending:!1,is_read_only:!1,is_sofort_ident_allowed:!1,is_verification_pending:!1,is_verification_requested:!1,moderator_at_hood_group_ids:[],muted_hood_message_ids:[],muted_user_ids:[],new_messages_count:0,new_notifications_count:0,organization_profile_ids:[],popular_tags:[{context:"potentials_sharing",count:1,name:"Grill"}],require_relogin:!1,strange_fields:[],trust_level:0,verification_methods:{gps:{enabled:!0,order_nr:1,status:0},postcard:{enabled:!0,order_nr:2,status:0},sms:{enabled:!0,order_nr:0,status:0},sofort_ident:{enabled:!1,order_nr:null}}}},Pue="_root_1m2y9_141",Aue="_body_1m2y9_155",Vu={root:Pue,body:Aue},Lue=()=>m.jsx(P.Card,{className:Vu.root,borderRadius:!0,responsive:!0,children:m.jsxs(P.CardBody,{className:Vu.body,children:[m.jsx(P.Sticker,{size:"small",icon:"checkmark",color:"green"}),m.jsx(P.Typography,{className:Vu.title,type:"h3",children:"E-mail wurde gesendet"})]})}),Rue="_root_ws2sm_141",zue="_root__description_ws2sm_153",$ue="_root__body_ws2sm_160",Bue="_root__email_ws2sm_172",Iue="_root__footer_ws2sm_180",Nue="_root__footer__text_ws2sm_188",Due="_root__header_ws2sm_192",Oue="_root__header__headline_ws2sm_201",jue="_root__header__sticker_ws2sm_204",Ft={root:Rue,root__description:zue,root__body:$ue,root__email:Bue,root__footer:Iue,root__footer__text:Nue,root__header:Due,root__header__headline:Oue,root__header__sticker:jue},Hue=e=>vm().get(e),Vue=({showSuccessTimer:e=1e3})=>{const[n,t]=v.useState(!0),i=No("userEmail",!0,""),r=Hue(i);v.useEffect(()=>{if(!n)return;const s=setTimeout(()=>{t(!1)},e);return()=>clearTimeout(s)},[n,e]);const a=()=>{(async()=>(t(!0),await Me.resendConfirmationEmail({email:r})))()};return m.jsx(m.Fragment,{children:n?m.jsx(Lue,{}):m.jsx(P.Card,{className:Ft.root,withoutPadding:!0,borderRadius:!0,responsive:!0,children:m.jsxs(P.CardBody,{className:Ft.root__body,children:[m.jsxs("div",{className:Ft.root__header,children:[m.jsx(P.Sticker,{className:Ft.root__header__sticker,size:"small",icon:"envelope",color:"green"}),m.jsx(P.Typography,{as:"h2",type:"h2",className:Ft.root__header__headline,children:"Überprüfe dein Postfach"})]}),m.jsx(P.Typography,{"aria-live":"polite",as:"p",type:"body-regular",className:Ft.root__description,children:"Öffne dein E-Mail-Postfach und klicke auf den Link, den wir an diese E-Mail-Adresse gesendet haben:"}),m.jsx(P.Typography,{as:"p",type:"body-semibold",className:Ft.root__email,children:r}),m.jsxs("footer",{className:Ft.root__footer,children:[m.jsxs(P.Typography,{as:"p",type:"body-regular",className:Ft.root__footer__text,children:["Die E-Mail ist nicht angekommen? ",m.jsx("br",{})," Spam-Ordner gecheckt?"]}),m.jsx(P.TextButton,{color:"blue",size:"medium",text:"E-Mail erneut senden",onClick:a})]})]})})})},Wue=({fetchProfile:e,initialForm:n=Jt.REGISTRATION_FORM,initialFormStep:t,onRegistrationSubmit:i,onVerificationSubmit:r,registrationToken:a,status:s=Fue.status})=>{const[l,o]=v.useState(n),[u,f]=v.useState(t),c=No("token",!0,"")||a,d=No("email_confirmation_required",!0,!1),[h,g]=oo(c),[k,_]=oo(d);v.useEffect(()=>{if(k)return o(Jt.EMAIL_CONFIRMATION);h&&o(Jt.VERIFICATION_FORM)},[h,k]);const w=({access_token:x,email_confirmation_required:M})=>{M&&o(Jt.EMAIL_CONFIRMATION),x&&g(x),_(M),i==null||i({access_token:x,email_confirmation_required:M}),f("")},y=x=>{r==null||r(x)};return m.jsxs(m.Fragment,{children:[l===Jt.EMAIL_CONFIRMATION&&m.jsx(Vue,{}),l===Jt.REGISTRATION_FORM&&m.jsx(Rle,{onSubmit:w,initialStep:u}),l===Jt.VERIFICATION_FORM&&m.jsx(Tue,{status:s,onSubmit:y,fetchProfile:e,token:h,initialStep:t})]})},Gue="_root_117wk_141",que="_root__title_117wk_150",Uue="_root__moreMenu_117wk_153",Zue="_root__subtitle_117wk_158",Kue="_root__helpersCluster_117wk_162",Yue="_root__heartBubbleContainer_117wk_165",Xue="_messageContainer_117wk_180",Jue="_messageContainer__message_117wk_193",Que="_messageContainer__author_117wk_197",efe="_messageContainer__quotationLeft_117wk_200",nfe="_messageContainer__quotationRight_117wk_205",qn={root:Gue,root__title:que,root__moreMenu:Uue,root__subtitle:Zue,root__helpersCluster:Kue,root__heartBubbleContainer:Yue,messageContainer:Xue,messageContainer__message:Jue,messageContainer__author:Que,messageContainer__quotationLeft:efe,messageContainer__quotationRight:nfe},tfe=6,ife=e=>({0:"Danke für eure Hilfe!",1:"Hilfe von nebenan!",2:"Danke für eure Hilfsbereitschaft!",3:"Eure Hilfsbereitschaft zählt!",4:"Hilfe gefunden!",5:"Wir helfen einander!"})[e],rfe=()=>"Schreibe einen kurzen Text, um deinen Nachbarn für ihre Hilfsbereitschaft zu danken.",afe=({authorFirstName:e,editMenuItems:n,helperUsers:t,message:i,onAvatarClick:r,onMoreClick:a,parentId:s})=>{const l=s%tfe,o=ife(l),[u,f]=v.useState(null),c=!!u,d=h=>{f(u?null:h.currentTarget)};return m.jsx(P.Card,{withoutPadding:!0,borderRadius:!0,className:qn.root,children:m.jsxs(P.CardBody,{withoutPadding:!0,children:[m.jsx("div",{className:qn.root__heartBubbleContainer,children:m.jsx(P.Icon,{size:"32",name:"bubble_heart_coloured"})}),m.jsx("div",{className:qn.root__moreMenu,children:n&&n.length&&m.jsxs(m.Fragment,{children:[m.jsx(P.IconButton,{icon:"more_dots",ariaLabel:"edit-thank-you",onClick:d}),m.jsx(P.Popup,{open:c,anchor:u,handleClickAway:()=>f(null),placement:"bottom-end",offset:{crossAxis:0,mainAxis:-32},children:m.jsx(P.DropdownCard,{onClose:()=>f(null),items:n,hasHeader:!0,headerProps:{text:"Scließen"}})})]})}),m.jsx(P.Typography,{type:"h3",className:qn.root__title,children:o}),m.jsxs(P.Typography,{type:"detail-medium",className:qn.root__subtitle,children:[e," hat Hilfe erhalten von:"]}),m.jsx("div",{className:qn.root__helpersCluster,children:m.jsx(P.UserAvatarCluster,{users:t,size:"medium",onAvatarClick:r,onMoreClick:a})}),m.jsxs("div",{className:qn.messageContainer,children:[m.jsx(P.Typography,{type:"detail-medium",className:qn.messageContainer__message,children:i||rfe()}),m.jsx(P.Typography,{type:"detail-bold",className:qn.messageContainer__author,children:e}),m.jsx("div",{className:qn.messageContainer__quotationLeft,children:m.jsx(P.Icon,{size:"32",name:"quotation_left_filled"})}),m.jsx("div",{className:qn.messageContainer__quotationRight,children:m.jsx(P.Icon,{size:"32",name:"quotation_right_filled"})})]})]})})};exports.AccordionMenu=V4;exports.AuthenticationForm=pw;exports.ChristmasGarland=ww;exports.ComparisonTable=Bw;exports.ComplaintModal=Fg;exports.ConfirmDialog=Q7;exports.ContentCreatorTrigger=tx;exports.DesktopLayout=lx;exports.DesktopNavbarSearchField=ux;exports.DesktopNavigationBar=gx;exports.DynamicForm=Gu;exports.EmojiPicker=bS;exports.EmojiSearch=wS;exports.FeedRouterProvider=YH;exports.Form=ld;exports.FormCheckboxInput=j5;exports.FormContentCreatorTile=_m;exports.FormInputFieldSpecial=H5;exports.FormPhoneInput=xm;exports.FormRadioButton=rw;exports.FormRadioButtonCluster=aw;exports.FormTextAreaInput=sw;exports.FormTextInput=ro;exports.FormToggleInput=ow;exports.Gallery=XV;exports.Grid=hm;exports.GridFeed=pV;exports.GridFeedAggregator=s3;exports.GridItem=dm;exports.HtmlContent=nW;exports.ImageAttachment=l3;exports.ImageCropper=fq;exports.ImageGalleryTrigger=mq;exports.LayoutLoadingSpinner=G3;exports.LinkAttachment=rm;exports.MainLayout=lU;exports.MarkdownRichText=Hre;exports.MarketplaceAggregatorCard=Lp;exports.MarketplaceDetailPage=iP;exports.MarketplaceItemCardless=sc;exports.MarketplaceMoreOptions=zp;exports.MenuLinkList=Gre;exports.MobileHeaderBar=Yre;exports.MobileLayout=U3;exports.ModalGallery=u3;exports.NPEAggregator=Nae;exports.PointOfInterest=Xae;exports.PostAuthor=$p;exports.PostInfo=Rp;exports.Profile=p4;exports.ProfileControls=use;exports.Quote=gse;exports.ReactionPill=x4;exports.ReactionSelection=yoe;exports.ReactionStack=S4;exports.ReactionTabList=zoe;exports.Registration=Wue;exports.ResponsiveModal=Xo;exports.ThankYouCard=afe;exports.Wizard=ud;
884
+ as expected. Check README.md for usage'`)},n.prototype.componentWillUnmount=function(){this.el&&(this.el.removeEventListener("scroll",this.throttledOnScrollListener),this.props.pullDownToRefresh&&(this.el.removeEventListener("touchstart",this.onStart),this.el.removeEventListener("touchmove",this.onMove),this.el.removeEventListener("touchend",this.onEnd),this.el.removeEventListener("mousedown",this.onStart),this.el.removeEventListener("mousemove",this.onMove),this.el.removeEventListener("mouseup",this.onEnd)))},n.prototype.componentDidUpdate=function(t){this.props.dataLength!==t.dataLength&&(this.actionTriggered=!1,this.setState({showLoader:!1}))},n.getDerivedStateFromProps=function(t,i){var r=t.dataLength!==i.prevDataLength;return r?ya(ya({},i),{prevDataLength:t.dataLength}):null},n.prototype.isElementAtTop=function(t,i){i===void 0&&(i=.8);var r=t===document.body||t===document.documentElement?window.screen.availHeight:t.clientHeight,a=Q2(i);return a.unit===br.Pixel?t.scrollTop<=a.value+r-t.scrollHeight+1:t.scrollTop<=a.value/100+r-t.scrollHeight+1},n.prototype.isElementAtBottom=function(t,i){i===void 0&&(i=.8);var r=t===document.body||t===document.documentElement?window.screen.availHeight:t.clientHeight,a=Q2(i);return a.unit===br.Pixel?t.scrollTop+r>=t.scrollHeight-a.value:t.scrollTop+r>=a.value/100*t.scrollHeight},n.prototype.render=function(){var t=this,i=ya({height:this.props.height||"auto",overflow:"auto",WebkitOverflowScrolling:"touch"},this.props.style),r=this.props.hasChildren||!!(this.props.children&&this.props.children instanceof Array&&this.props.children.length),a=this.props.pullDownToRefresh&&this.props.height?{overflow:"auto"}:{};return v.createElement("div",{style:a,className:"infinite-scroll-component__outerdiv"},v.createElement("div",{className:"infinite-scroll-component "+(this.props.className||""),ref:function(s){return t._infScroll=s},style:i},this.props.pullDownToRefresh&&v.createElement("div",{style:{position:"relative"},ref:function(s){return t._pullDown=s}},v.createElement("div",{style:{position:"absolute",left:0,right:0,top:-1*this.maxPullDownDistance}},this.state.pullToRefreshThresholdBreached?this.props.releaseToRefreshContent:this.props.pullDownToRefreshContent)),this.props.children,!this.state.showLoader&&!r&&this.props.hasMore&&this.props.loader,this.state.showLoader&&this.props.hasMore&&this.props.loader,!this.props.hasMore&&this.props.endMessage))},n}(v.Component);const Eoe="_cardHeader_i8pti_141",Moe="_cardBody_i8pti_154",Toe="_tabsList_i8pti_163",Foe="_tab_i8pti_163",Poe="_selectedTab_i8pti_201",Aoe="_tabPanel_i8pti_210",Loe="_profile_i8pti_222",Xt={cardHeader:Eoe,cardBody:Moe,tabsList:Toe,tab:Foe,selectedTab:Poe,tabPanel:Aoe,profile:Loe},Roe=(e,n,t)=>({id:e,object_type:"hood_message",page:n,reaction_type:t==="all"?void 0:t}),zoe=({closeText:e="Schließen",getPicturePlaceholder:n,getReactions:t,headerTitle:i="Reaktionen",open:r,postId:a,setOpen:s,userLink:l=!0})=>{const[o,u]=v.useState(null),[f,c]=v.useState("all"),[d,h]=v.useState(1),[g,k]=v.useState([]),_=!o||!!o.next_page,w=v.useCallback(async()=>{try{const B=Roe(a,d,f),S=await t(B);h(S.next_page||d),u(S),k(T=>[...T,...S.users])}catch(B){console.error("Error fetching reactions:",B)}},[a,d,f,t]);v.useEffect(()=>(r&&w(),()=>{k([])}),[r,f,w]);const y=(B,S)=>{typeof S=="string"&&(c(S),h(1),k([]))},x=()=>{s(),k([]),h(1),c("all")};if(!(o!=null&&o.live_data))return null;const M=o.live_data.counter.hood_message[a],C=m.jsx(P.CardHeader,{headline:i,type:Mn()?"h4":"h3",as:"h2",leftElement:m.jsx(P.IconButton,{icon:"arrow_left",size:"medium",ariaLabelledBy:"back",onClick:x}),rightElement:m.jsx(P.IconButton,{ariaLabel:"close-sheet",onClick:x,icon:"cross_circle"}),className:Xt.cardHeader}),R=[];for(const[B,S]of Object.entries(M))wse(B)&&S>0&&R.push({count:S,reaction:B});const F=_4(R),I=[{count:0,reaction:"all"},...F],D=m.jsx(P.CardBody,{className:Xt.cardBody,children:m.jsxs(jm,{defaultValue:"all",onChange:y,children:[m.jsx(Gm,{className:Xt.tabsList,children:I.map(({count:B,reaction:S})=>m.jsxs(Um,{value:S,"data-testid":`tab-${S}`,children:[m.jsxs("div",{className:Xt.tab,children:[S==="all"?m.jsx(P.Typography,{as:"span",type:"body-semibold",className:Xt.alle,children:"Alle"}):y4(S),m.jsx("div",{className:Xt.selectedTab})]}),B>0&&m.jsx(P.Typography,{as:"span",type:"body-semibold",children:B})]},`${S}_${B}`))}),I.map(({reaction:B})=>m.jsx(Hm,{value:B,className:Xt.tabPanel,id:"reactionTabPanel",children:m.jsx(Coe,{dataLength:g.length,next:w,hasMore:_,loader:m.jsx(P.Loader,{}),scrollableTarget:"reactionTabPanel",scrollThreshold:.7,children:g.map(S=>m.jsx("div",{className:Xt.profile,children:m.jsx(p4,{alt:"profile",link:S.hood_title,name:S.firstname,onClick:l?()=>window.open(`/profile/${S.id}`,"_self"):void 0,src:S.photo_medium_url||n(S)})},S.id))})},B))]})});return m.jsx(P.Sheet,{open:r,onDismiss:x,content:D,header:C,cancelButtonText:e})},No=(e,n=!1,t,i=!1)=>od(e,n,t,i);var Jt=(e=>(e.EMAIL_CONFIRMATION="EMAIL_CONFIRMATION",e.REGISTRATION_FORM="REGISTRATION_FORM",e.VERIFICATION_FORM="VERIFICATION_FORM",e))(Jt||{});const $oe="_root_epq7r_141",Boe="_root__cardHeader_epq7r_152",Ioe="_root__cardHeaderMobile_epq7r_161",Noe="_root__cardBody_epq7r_175",Doe="_root__progressBar_epq7r_183",Ooe="_root__backButton_epq7r_191",ur={root:$oe,root__cardHeader:Boe,root__cardHeaderMobile:Ioe,root__cardBody:Noe,root__progressBar:Doe,root__backButton:Ooe},C4=({children:e,progressBar:n})=>{const{currentStep:t,currentStepData:{canGoBack:i,fields:r=[]},previous:a,totalSteps:s}=Do(),l=()=>{var u,f;return((f=(u=r.find(c=>c.type==="formHeader"))==null?void 0:u.fieldConfig)==null?void 0:f.header)||""},o=()=>m.jsxs("div",{children:[m.jsx(P.CardHeader,{type:"h4",as:"h2",className:ur.root__cardHeaderMobile,headline:l(),leftElement:i&&m.jsx(P.Button,{onClick:a,className:ur.root__backButton,children:m.jsx(P.Icon,{name:"chevron_left",size:"24"})})}),m.jsx(P.ProgressBar,{className:ur.root__progressBar,type:"progress",steps:(n==null?void 0:n.steps)??s+1,progress:(n==null?void 0:n.currentStep)??t+1})]});return m.jsxs(P.Card,{withoutPadding:!0,borderRadius:!0,responsive:!0,className:ur.root,allowedElement:o,children:[Mn()?m.jsx(o,{}):m.jsx(P.CardHeader,{type:"body-semibold",className:ur.root__cardHeader,headline:i?"Zurück":"",leftElement:i&&m.jsx(P.Button,{onClick:a,children:m.jsx(P.Icon,{name:"chevron_left",size:"16"})}),rightElement:m.jsx(P.Typography,{type:"detail-regular",children:`Schritt ${(n==null?void 0:n.currentStep)??t+1} von ${(n==null?void 0:n.steps)??s+1}`})}),m.jsx(P.CardBody,{className:ur.root__cardBody,children:e})]})},joe="_root_gyjyz_141",Hoe="_root__headline_gyjyz_146",Voe="_root__description_gyjyz_155",Woe="_root__phone_gyjyz_162",Goe="_root__sticker_gyjyz_169",la={root:joe,root__headline:Hoe,root__description:Voe,root__phone:Woe,root__sticker:Goe},qoe=({className:e})=>{const{previous:n}=Do(),t=od("verification_wizard",!1,{}),i=km(t),r=Oo("phone_number.phone",i);return r?m.jsxs("div",{className:e,children:[m.jsx(P.Typography,{type:"h5",children:Zu(r)}),m.jsx(P.TextButton,{size:"medium",text:"Ändern",onClick:n,color:"blue"})]}):null},Uoe=({description:e,header:n,notice:t,phoneNr:i=!1,sticker:r,title:a})=>m.jsxs("div",{className:la.root,children:[r&&m.jsx(P.Sticker,{className:la.root__sticker,...r}),m.jsx(P.Typography,{className:la.root__headline,type:"h2",children:n}),e&&m.jsxs("div",{className:la.root__description,children:[a&&m.jsx(P.Typography,{type:"body-large",markdown:!0,children:a}),m.jsx(P.Typography,{type:"body-regular",markdown:!0,children:e})]}),t&&t.bodyText&&m.jsx(P.Notice,{...t,variant:"detailed"}),i&&m.jsx(qoe,{className:la.root__phone})]}),E4={formHeader:e=>m.jsx(Uoe,{...e.fieldConfig},e.id)},Zoe="_root_1jd95_141",Koe={root:Zoe},Oc=0,jc=1,Hc=2,Vc=3,Yoe=[Oc,jc,Vc,Hc],Xoe={[Vc]:"Divers",[Oc]:"Weiblich",[jc]:"Männlich",[Hc]:"Keine Angabe"},M4={[Vc]:"diverse",[Oc]:"female",[jc]:"male",[Hc]:"hidden"},Joe=()=>Yoe.map(Number).map(e=>({id:`gender_${e}`,isSelected:!0,label:Xoe[e],style:"outline",value:M4[e]})),Qoe=(e,n)=>e.filter(t=>t.value===n),ele=({onChange:e,selectedGender:n})=>{const t=Joe(),i=r=>{e(r[0].value)};return m.jsx(P.SelectablePillGroup,{multiselect:!1,className:Koe.root,items:t,selectedItems:Qoe(t,n),onChange:i})},nle=({name:e,rules:n,selectedGender:t=M4[0]})=>{const{control:i}=Fe.useFormContext(),{field:r}=Fe.useController({control:i,defaultValue:t,name:e,rules:n});return m.jsx(ele,{onChange:r.onChange,selectedGender:r.value})},tle="_root_1qncq_141",ile="_root__content_1qncq_151",rle="_root__names_1qncq_156",ale="_root__name_1qncq_156",sle="_root__name__placeholder_1qncq_163",Si={root:tle,root__content:ile,root__names:rle,root__name:ale,root__name__placeholder:sle},ole=({checked:e,firstname:n,label:t="Nachnamen gekürzt anzeigen",lastname:i,onChange:r,placeholder:a={firstname:"Firstname",lastname:"Lastname"}})=>{const s=()=>e?`${(i==null?void 0:i.charAt(0))||a.lastname.charAt(0)}.`:`${i||a.lastname}`,l=()=>n||a.firstname;return m.jsxs("div",{className:Si.root,children:[m.jsxs("div",{className:Si.root__content,children:[m.jsx(P.Typography,{type:"detail-medium",children:t}),m.jsxs("div",{className:Si.root__names,children:[m.jsx(P.Typography,{type:"body-large",className:re(Si.root__name,{[Si.root__name__placeholder]:!n}),children:l()}),m.jsx(P.Typography,{type:"body-large",className:re(Si.root__name,{[Si.root__name__placeholder]:!i}),children:s()})]})]}),m.jsx(P.Toggle,{onChange:r,checked:e})]})},lle=({defaultChecked:e=!0,label:n,name:t,rules:i})=>{const{control:r,watch:a}=Fe.useFormContext(),{field:s}=Fe.useController({control:r,defaultValue:e,name:t,rules:i}),l=a("firstname"),o=a("lastname");return m.jsx(ole,{checked:s.value,firstname:l,label:n,lastname:o,onChange:s.onChange})},ule="_root_srj8a_141",fle="_root__input_srj8a_145",dle="_root__progressBar_srj8a_148",ju={root:ule,root__input:fle,root__progressBar:dle},cle=e=>{let n=0;return e?(/[a-z]/.test(e)&&n++,/[A-Z]/.test(e)&&n++,/\d/.test(e)&&n++,/[^A-Za-z0-9]/.test(e)&&n++,e.length>=8&&n++,Math.min(n,5)):n},hle=({colorScheme:e="outline",errorText:n,id:t="password-field",label:i="Password",name:r,onBlur:a,onChange:s,passwordHint:l="Verwende mindestens 6 Zeichen (bevorzugt 8-16), kombiniere Groß- und Kleinbuchstaben, Zahlen und Sonderzeichen. Vermeide gängige Wörter, Muster und persönliche Informationen.",progressBar:o=!0,size:u="large",value:f=""})=>{const[c,d]=v.useState(!1);return m.jsx("div",{className:ju.root,children:m.jsx(P.TextInput,{wrapperClassName:ju.root__input,size:u,colorScheme:e,id:t,label:i,inputFieldType:c?"text":"password",errorText:n,onChange:s,onBlur:a,value:f,name:r,hintText:o?l:void 0,progressBar:o&&m.jsx(P.ProgressBar,{className:ju.root__progressBar,progress:cle(f),steps:5,type:"password"}),iconButton:{ariaLabelledBy:"toggle-password",icon:c?"eye_crossed":"eye",onClick:()=>d(!c)}})})},mle=({colorScheme:e,id:n,label:t,name:i,passwordHint:r,progressBar:a,rules:s,size:l,value:o})=>{var d;const{control:u}=Fe.useFormContext(),{field:f,fieldState:c}=Fe.useController({control:u,defaultValue:o,name:i,rules:s});return m.jsx(hle,{size:l,progressBar:a,colorScheme:e,passwordHint:r,id:n,label:t,onChange:f.onChange,onBlur:f.onBlur,value:f.value,errorText:(d=c.error)==null?void 0:d.message,name:f.name})},gle=({api:e,className:n,disabled:t,iconButton:i,id:r,label:a,name:s,rules:l,sheetBreakpoint:o="800",size:u,style:f})=>{var M;const{control:c,trigger:d,watch:h}=Fe.useFormContext(),{field:g,fieldState:k}=Fe.useController({control:c,name:s,rules:l}),[_,w]=v.useState([]),y=h(`${e.key}`),x=v.useCallback(async()=>{if(y){const C=await d(e.key);if(y&&C){const R=e.endpoint.replace(":key",y);Me.getDataByZip({endpoint:R}).then(F=>{w(Z5(F[e.dataId])||[])}).catch(()=>{console.warn("Error fetching data")})}}},[e.dataId,e.endpoint,e.key,y,d]);return v.useEffect(()=>{x()},[x]),m.jsx(ym,{defaultValue:g.value,onSelect:g.onChange,options:_,sheetBreakpoint:o,name:s,style:f,errorText:(M=k.error)==null?void 0:M.message,id:r,className:n,disabled:t,iconButton:i,label:a,size:u})},ple={genderSelector:e=>m.jsx(nle,{...e},e.id),nameAbbr:e=>m.jsx(lle,{...e},e.id),password:e=>m.jsx(mle,{...e},e.id),selectInput:e=>m.jsx(gle,{...e.fieldConfig},e.id)},vle=Te.z.string().trim().regex(/^\d{5}$/,"Die Postleitzahl muss genau 5 Ziffern enthalten (z. B. 10115)."),ble=Te.z.string({required_error:"Der Ortsname muss mindestens 2 Zeichen lang sein."}).trim().min(2,"Der Ortsname muss mindestens 2 Zeichen lang sein.").max(100,"Der Ortsname darf maximal 100 Zeichen lang sein.").regex(/^[A-Za-zÄÖÜäöüß\s-]+$/,"Der Ortsname darf nur Buchstaben, Leerzeichen und Bindestriche enthalten."),wle=Te.z.string({required_error:"Der Straßenname muss mindestens 2 Zeichen lang sein."}).trim().min(2,"Der Straßenname muss mindestens 2 Zeichen lang sein.").max(100,"Der Straßenname darf maximal 100 Zeichen lang sein.").regex(/^[A-Za-zÄÖÜäöüß0-9\s,.-]+$/,"Der Straßenname darf nur Buchstaben, Zahlen, Leerzeichen, Kommas, Punkte oder Bindestriche enthalten."),kle=Te.z.string().trim().regex(/^\d+[a-zA-Z]?$/,"Die Hausnummer muss eine Zahl mit optionalem Buchstaben sein (z. B. 12a, 45)."),_le=Te.z.object({city:ble,house_number:kle,street:wle,zip_code:vle}),yle=()=>({canGoBack:!0,canGoNext:!0,fields:[{fieldConfig:{header:"Deine Adresse",notice:{bodyText:"Deine Adresse hilft uns, dich der richtigen Nachbarschaft zuzuordnen. Du kannst sie jederzeit anonymisieren.",color:"vanilla",context:"info",icon:{name:"eye_crossed",size:"24"},variant:"detailed"}},id:"formHeader",type:"formHeader"},{id:"zip_code",label:"Postleitzahl",layout:{gapTop:"xs"},name:"zip_code",size:"large",type:"text"},{fieldConfig:{api:{dataId:"cities",endpoint:"/public/v1/zip_codes/:key/cities.json",key:"zip_code"},id:"city",label:"Ort",name:"city"},id:"place",type:"selectInput"},{fieldConfig:{api:{dataId:"streets",endpoint:"/public/v1/zip_codes/:key/streets.json",key:"zip_code"},id:"street",label:"Deine Straße",name:"street"},id:"street",type:"selectInput"},{hintText:"Deine Hausnummer bleibt anonym.",id:"house_number",label:"Hausnummer",name:"house_number",size:"large",type:"text"},{fieldConfig:{label:"Weiter"},id:"submitButton",layout:{gapTop:"xl"},type:"button"}],id:"addressStep",spacing:"md",validationSchema:_le}),xle=Te.z.string({required_error:"Bitte gib eine gültige E-Mail-Adresse ein."}).email("Bitte gib eine gültige E-Mail-Adresse ein.").trim(),Sle=Te.z.string({required_error:"Das Passwort muss mindestens 6 Zeichen lang sein."}).min(6,"Das Passwort muss mindestens 6 Zeichen lang sein.").max(50,"Das Passwort darf maximal 50 Zeichen lang sein.").trim().regex(/[A-Z]/,"Das Passwort muss mindestens einen Großbuchstaben enthalten.").regex(/[0-9]/,"Das Passwort muss mindestens eine Zahl enthalten.").regex(/[^a-zA-Z0-9]/,"Das Passwort muss mindestens ein Sonderzeichen enthalten."),Cle=Te.z.object({email:xle,password:Sle}),Ele=e=>({canGoBack:!0,canGoNext:!1,fields:[{fieldConfig:{description:"Erstelle dein Konto und entdecke deine Nachbarschaft. Denke daran, deine E-Mail zu bestätigen.",header:"Dein Nutzerkonto"},id:"formHeader",type:"formHeader"},{id:"email",label:"E-Mail-Addresse",layout:{gapTop:"xs"},name:"email",size:"large",type:"text"},{id:"password",label:"Password",name:"password",size:"large",type:"password"},{fieldConfig:{label:"Weiter"},id:"submitButton",layout:{gapTop:"xl"},type:"button"}],id:"emailStep",onSubmit:e,spacing:"md",validationSchema:Cle}),Mle=Te.z.string().min(2,"Der Vorname muss mindestens 2 Zeichen lang sein").max(50,"Der Vorname darf höchstens 50 Zeichen lang sein").trim().regex(/^[A-Za-zÀ-ÖØ-öø-ÿ]+(?:['-][A-Za-zÀ-ÖØ-öø-ÿ]+)?$/,"Der Vorname darf nur Buchstaben (A-Z, a-z), Apostrophen (') oder Bindestriche (-) enthalten und darf keine Leerzeichen beinhalten."),Tle=Te.z.string().min(2,"Der Nachname muss mindestens 2 Zeichen lang sein").max(50,"Der Nachname darf höchstens 50 Zeichen lang sein").trim().regex(/^[A-Za-zÀ-ÖØ-öø-ÿ]+(?:['-][A-Za-zÀ-ÖØ-öø-ÿ]+)?(?: [A-Za-zÀ-ÖØ-öø-ÿ]+(?:['-][A-Za-zÀ-ÖØ-öø-ÿ]+)?)?(?: [A-Za-zÀ-ÖØ-öø-ÿ]+(?:['-][A-Za-zÀ-ÖØ-öø-ÿ]+)?)?$/,"Der Nachname kann bis zu drei Wörter enthalten, wobei jedes Wort nur aus Buchstaben (A-Z, a-z), Apostrophen (') oder Bindestrichen (-) bestehen darf. Die Wörter müssen durch genau ein Leerzeichen getrennt sein."),Fle=Te.z.object({firstname:Mle,lastname:Tle,lastname_abbreviated:Te.z.boolean(),salutation:Te.z.string().optional()}),Ple=()=>({canGoBack:!1,canGoNext:!0,fields:[{fieldConfig:{header:"Dein Name",notice:{bodyText:"Wir benötigen deinen echten Namen zur Verifizierung – so bleibt unsere Gemeinschaft vertrauenswürdig und sicher.",color:"vanilla",context:"info",icon:{name:"privacy_lock_closed",size:"24"},variant:"detailed"}},id:"formHeader",type:"formHeader"},{id:"firstname",label:"Vorname",layout:{gapTop:"xs"},name:"firstname",size:"large",type:"text"},{id:"lastname",label:"Nachname",name:"lastname",size:"large",type:"text"},{id:"lastname_abbreviated",name:"lastname_abbreviated",type:"nameAbbr"},{id:"salutation",name:"salutation",type:"genderSelector"},{fieldConfig:{label:"Weiter"},id:"submitButton",layout:{gapTop:"xl"},type:"button"}],id:"nameStep",spacing:"md",validationSchema:Fle}),id={already_verified:"Dein Account ist bereits verifiziert.",aws_unreachable:"Oh je… es ist ein Fehler aufgetreten.",blank:"Bitte trage hier deine Telefonnummer ein.",code_not_found:"Der Zugangscode lässt sich nicht zuordnen.",invalid:"Bitte gib ein gültiges Format ein.",only_one_verification_code_per_verification_sms_allowed:"Oh je... es ist ein Fehler aufgetreten.",sms_verification_not_available:"Zu viele Versuche. Bitte benutze eine andere Verifizierungsmethode.",taken:"Diese Telefonnummer wird bereits verwendet.",too_many_requests:"Bitte warte einen Augenblick, bevor du es erneut versuchst.",verification_failed:"Oh je... es ist ein Fehler aufgetreten.",verification_sms_not_found:"Oh je... es ist ein Fehler aufgetreten.",wrong_token_provided:"Der angegebene Code ist nicht gültig. Bitte versuche es nochmal."};function T4(e,n){if(typeof e!="object"||e===null)return null;for(const[t,i]of Object.entries(e)){if(Array.isArray(i)&&typeof i[0]=="string")return{field:n||t,key:i[0]};if(i&&typeof i=="object"){const r=T4(i,n);if(r)return r}if(typeof i=="string"&&i in id)return{field:n||"",key:i}}return null}function Ale(e,n){const t=e;if(typeof t=="string")return Hu("aws_unreachable");const i=T4(t,n);if(i!=null&&i.key){const r=Hu(i.key);return{field:i.field||null,message:r}}else return{field:null,message:Hu("aws_unreachable")}}function Hu(e){return id[e]||id.aws_unreachable}const ls=(e,n,t,i)=>{const r=Ale(e,i);return typeof r!="string"?r.field?(t==null||t(r),!1):(n(r.message),!1):(n(r),!1)},Lle=async(e,n,t,i)=>{try{const r=await Me.createUser({...e.data});r.email_confirmation_required?i(e.data.email):i(""),n==null||n(r)}catch(r){return ls(r,t,({field:s,message:l})=>{var o;(o=e.methods)==null||o.setError(s,{message:l,type:"manual"})})}},Rle=({initialStep:e,onSubmit:n})=>{const[t,i]=v.useState(null),r=No("userEmail",!0,"",!1),[a,s]=oo(r),l=[Ple(),yle(),Ele(o=>Lle(o,n,i,s))];return m.jsx(ud,{id:"registration_wizard",steps:l,formError:t,initialStep:e,formFieldMap:{...ple,...E4},formWrapper:o=>m.jsx(C4,{children:o})})},zle="_inputDetails_wq68m_141",$le="_inputDetails__hintText_wq68m_147",Ble="_inputDetails__errorText_wq68m_151",Ile="_inputDetails__counter_wq68m_155",qs={inputDetails:zle,inputDetails__hintText:$le,inputDetails__errorText:Ble,inputDetails__counter:Ile},Nle=({charCount:e,charLimit:n,errorText:t,hintText:i})=>{const r=`${e??0}/${n}`;return m.jsxs("div",{className:qs.inputDetails,children:[m.jsxs("div",{children:[i&&!t&&m.jsx(Fi,{className:qs.inputDetails__hintText,type:"detail-medium",children:i}),t&&m.jsx(Fi,{className:qs.inputDetails__errorText,type:"detail-bold",children:t})]}),!!n&&m.jsx(Fi,{type:"detail-medium",className:qs.inputDetails__counter,children:r})]})},Dle="_react-datepicker__day-names_gycxq_120",Ole="_react-datepicker__week_gycxq_124",jle="_react-datepicker__day--outside-month_gycxq_131",Hle="_react-datepicker_gycxq_120",Vle="_container_gycxq_144",Wle="_inputContainer_gycxq_152",Gle="_inputContainer--disabled_gycxq_164",qle="_inputContainer--filled_gycxq_167",Ule="_inputContainer--outlined_gycxq_173",Zle="_inputContainer--error_gycxq_181",Kle="_character_gycxq_186",Yle="_inputContainer--sms_gycxq_189",Xle="_inputContainer--active_gycxq_192",Jle="_character--selected_gycxq_192",Qle="_blink_gycxq_1",eue="_input_gycxq_152",nue="_character__divider_gycxq_250",tue="_character__divider_gycxq_250",xn={"react-datepicker__day-names":"_react-datepicker__day-names_gycxq_120",reactDatepickerDayNames:Dle,"react-datepicker__week":"_react-datepicker__week_gycxq_124",reactDatepickerWeek:Ole,"react-datepicker__day--outside-month":"_react-datepicker__day--outside-month_gycxq_131",reactDatepickerDayOutsideMonth:jle,"react-datepicker":"_react-datepicker_gycxq_120",reactDatepicker:Hle,container:Vle,inputContainer:Wle,"inputContainer--disabled":"_inputContainer--disabled_gycxq_164",inputContainerDisabled:Gle,"inputContainer--filled":"_inputContainer--filled_gycxq_167",inputContainerFilled:qle,"inputContainer--outlined":"_inputContainer--outlined_gycxq_173",inputContainerOutlined:Ule,"inputContainer--error":"_inputContainer--error_gycxq_181",inputContainerError:Zle,character:Kle,"inputContainer--sms":"_inputContainer--sms_gycxq_189",inputContainerSms:Yle,"inputContainer--active":"_inputContainer--active_gycxq_192",inputContainerActive:Xle,"character--selected":"_character--selected_gycxq_192",characterSelected:Jle,blink:Qle,input:eue,character__divider:nue,characterDivider:tue},iue=({disabled:e=!1,errorText:n,onComplete:t,type:i="invite",length:r=i==="sms"?6:10,variant:a="outlined",value:s=""})=>{const[l,o]=v.useState(s),[u,f]=v.useState(!1),c=v.useRef(null);v.useEffect(()=>{e&&f(!1)},[e]),v.useEffect(()=>{o(s)},[s]);const d=()=>{var M;(M=c.current)==null||M.focus()},h=M=>{["ArrowLeft","ArrowRight","ArrowUp","ArrowDown"].includes(M.key)&&M.preventDefault()},g=M=>{const R=M.target.value.replace(/\s/g,"").slice(0,r);new RegExp("^[A-Za-zÀ-ÖØ-öø-ÿ0-9]*$").test(R)&&(o(R),R.length===r&&(t==null||t(R)))},k=M=>{f(!0),M.target.select()},_=()=>{f(!1),t==null||t(l)},w=()=>l,y=M=>w().length===M&&u,x=M=>i==="invite"&&M===Math.floor((r-1)/2);return m.jsxs("div",{"data-testid":"container",className:xn.container,children:[m.jsxs("div",{tabIndex:1,className:re(xn.inputContainer,xn[`inputContainer--${a}`],xn[`inputContainer--${i}`],{[xn["inputContainer--disabled"]]:e,[xn["inputContainer--error"]]:!!n,[xn["inputContainer--active"]]:u}),onClick:d,children:[m.jsx("input",{"aria-label":"verification input",spellCheck:!1,ref:c,value:w(),className:re(xn.input,{[xn["input--disabled"]]:!0}),onChange:g,onKeyDown:h,onFocus:k,onBlur:_,disabled:e}),Array.from({length:r},(M,C)=>m.jsxs(v.Fragment,{children:[m.jsx(P.Typography,{type:"h3",className:re(xn.character,{[xn["character--selected"]]:y(C)}),children:w()[C]},C),x(C)&&m.jsx(P.Typography,{type:"h3",className:re(xn.character,xn.character__divider)},`${C}-divider`)]},`${C}-fragment`))]}),n&&m.jsx(Nle,{errorText:n})]})},rue=({disabled:e,length:n,name:t,rules:i,type:r,variant:a})=>{var u;const{control:s}=Fe.useFormContext(),{field:l,fieldState:o}=Fe.useController({control:s,name:t,rules:i});return m.jsx(iue,{disabled:e,length:n,type:r,variant:a,errorText:(u=o.error)==null?void 0:u.message,onComplete:l.onChange,value:l.value})},aue={codeField:e=>m.jsx(rue,{...e==null?void 0:e.fieldConfig},e.id),phoneInput:e=>m.jsx(xm,{...e==null?void 0:e.fieldConfig},e.id),tileButton:e=>m.jsx(_m,{...e==null?void 0:e.fieldConfig,id:e.id},e.id)},sue=Te.z.string({required_error:"Der Code muss genau 10 Zeichen lang sein und darf nur Buchstaben und Zahlen enthalten."}).trim().regex(/^[a-zA-Z0-9]{10}$/,{message:"Der Code muss genau 10 Zeichen lang sein und darf nur Buchstaben und Zahlen enthalten."}),oue=Te.z.object({code:sue}),lue=e=>({canGoBack:!1,canGoNext:!1,fields:[{fieldConfig:{description:"Einen Zugangscode erhältst du z.B., wenn du eine Postkarte angefordert hast oder eine Einladung im Briefkasten hattest.",header:"Einladungscode",sticker:{color:"green",icon:"paper_form",size:"small"}},id:"formHeader",type:"formHeader"},{fieldConfig:{name:"code",type:"invite"},id:"code",layout:{gapTop:"md"},type:"codeField"},{fieldConfig:{label:"Senden"},id:"submit-button",layout:{gapTop:"xl"},type:"button"},{fieldConfig:{goTo:"verification-methods",label:"Andere Verifizierungsmethoden",size:"medium",variant:"text"},id:"text-button",type:"button"}],id:"inviteCode",onSubmit:e,spacing:"lg",validationSchema:oue}),uue=0,fue=1,F4="code",P4="postcard",due="gps",A4="sms",cue=[A4,F4,P4],em={[F4]:{fieldConfig:{description:"Einladung erhalten? Gib deinen Code ein.",headline:"Per Einladungscode",sticker:{color:"green",icon:"paper_form",size:"small"}},id:"inviteCode",type:"tileButton"},[due]:{fieldConfig:{description:"Erlaube Standortzugriff.",headline:"GPS",sticker:{color:"green",icon:"pin",size:"small"}},id:"gps",type:"tileButton"},[P4]:{fieldConfig:{description:"Erhalte einen Code in 2-3 Tagen.",headline:"Per Postcode",sticker:{color:"green",icon:"envelope",size:"small"}},id:"postalCode",type:"tileButton"},[A4]:{fieldConfig:{description:"Gib deine Handynummer ein.",headline:"Per SMS",sticker:{color:"green",icon:"phone",size:"small"}},id:"phone_number",type:"tileButton"}},hue=e=>cue.map(t=>{const i=mue({...e,code:{enabled:!0,order_nr:1,status:0}},t);return i!=null&&i.enabled?{...em[t],fieldConfig:{...em[t].fieldConfig,isActive:(i==null?void 0:i.status)===uue,...(i==null?void 0:i.status)===fue&&{isPending:!0}},...(i==null?void 0:i.order_nr)===0&&{layout:{gapTop:"lg"}},order:(i==null?void 0:i.order_nr)??null}:null}).filter(t=>t!==null).sort((t,i)=>((t==null?void 0:t.order)??1/0)-((i==null?void 0:i.order)??1/0)),mue=(e,n)=>(e==null?void 0:e[n])??null,gue=(e,n)=>({canGoBack:!0,fields:[{fieldConfig:{header:"Verifizierungsmethoden"},id:"formHeader",type:"formHeader"},...hue(n),{fieldConfig:{label:"Kontaktiere uns",onClick:e,size:"medium",text:"Hast du Probleme bei der Verifizierung?",variant:"text"},id:"text-button",layout:{gapTop:"xl"},type:"button"}],id:"verification-methods",spacing:"lg"}),pue=e=>({canGoBack:!1,canGoNext:!1,fields:[{fieldConfig:{description:"Fordere eine Postkarte an und gib den darauf angegebenen Zugangscode ein. Fertig!",header:"Postkarte erhalten",sticker:{color:"green",icon:"envelope",size:"small"}},id:"formHeader",type:"formHeader"},{fieldConfig:{label:"Postkarte anfordern"},id:"submit-button",layout:{gapTop:"xl"},type:"button"},{fieldConfig:{goTo:"verification-methods",label:"Andere Verifizierungsmethoden",size:"medium",variant:"text"},id:"text-button",type:"button"}],id:"postalCode",onSubmit:e,spacing:"md"}),vue=()=>({canGoBack:!1,canGoNext:!1,fields:[{fieldConfig:{description:"Es kann 2-3 Werktage dauern bis du deine Postkarte erhältst. Komm anschließend einfach auf nebenan.de zurück und gib deinen Code ein, um die Verifizierung abzuschließen. ",header:"Postkarte erhalten",sticker:{color:"green",icon:"envelope",size:"small"},title:"Deine Postkarte ist auf dem Weg zu dir!"},id:"formHeader",type:"formHeader"},{fieldConfig:{disabled:!0,label:"Die Postkarte ist unterwegs"},id:"submit-button",layout:{gapTop:"xl"},type:"button"},{fieldConfig:{goTo:"verification-methods",label:"Andere Verifizierungsmethoden",size:"medium",variant:"text"},id:"text-button",type:"button"}],id:"postalCodeRequested",spacing:"md"}),bue=Te.z.string().trim().regex(/^\+(3[0-9]|4[0-9]|2[0-9]|5[0-9])[0-9\s|]{8,16}$/,"Die Telefonnummer muss mit einer gültigen EU-Länder-Vorwahl beginnen und darf nur Zahlen und Leerzeichen enthalten.").transform(e=>e.replace(/\s+/g,"")).refine(e=>e.length>=10,{message:"Die Telefonnummer muss mindestens 10 Zeichen lang sein (inklusive Vorwahl)."}).refine(e=>e.length<=20,{message:"Die Telefonnummer darf höchstens 20 Zeichen lang sein (inklusive Vorwahl)."}),wue=Te.z.object({phone:bue}),kue=e=>({canGoBack:!1,canGoNext:!0,fields:[{fieldConfig:{description:"Gib deine Handynummer ein. Wir schicken dir einen 6-stelligen Zugangscode per SMS.",header:"SMS Verifizierung",notice:{bodyText:"Deine Telefonnummer bleibt privat und wird nicht gespeichert oder mit Nachbar:innen geteilt.",color:"vanilla",context:"info",icon:{name:"eye_crossed",size:"24"},variant:"detailed"},sticker:{color:"green",icon:"phone",size:"small"}},id:"formHeader",type:"formHeader"},{fieldConfig:{name:"phone",placeholder:"Telefonnummer"},id:"phone",type:"phoneInput"},{fieldConfig:{label:"SMS code anfordern"},id:"formSubmitButton",layout:{gapTop:"xl"},type:"button"},{fieldConfig:{goTo:"verification-methods",label:"Andere Verifizierungsmethoden",size:"medium",variant:"text"},id:"text-button",type:"button"}],id:"phone_number",onSubmit:e,spacing:"lg",validationMode:"onBlur",validationSchema:wue}),_ue=Te.z.string({required_error:"Der Telefoncode muss genau 6 Ziffern enthalten (z. B. 123456)."}).trim().regex(/^\d{6}$/,"Der Telefoncode muss genau 6 Ziffern enthalten (z. B. 123456)."),yue=Te.z.object({sms_code:_ue}),xue=e=>({canGoBack:!1,canGoNext:!1,fields:[{fieldConfig:{description:"Wir haben dir eine SMS mit einem 6-stelligen Code geschickt. Bitte gib ihn hier ein.",header:"SMS Verifizierung",notice:{bodyText:"Es kann ein paar Minuten dauern, bis die Nachricht kommt.",color:"grey",context:"info",icon:{name:"info",size:"24"},variant:"detailed"},phoneNr:!0,sticker:{color:"green",icon:"phone",size:"small"}},id:"formHeader",type:"formHeader"},{fieldConfig:{name:"sms_code",type:"sms"},id:"sms_code",type:"codeField"},{fieldConfig:{label:"Bestätigen"},id:"formSubmitButton",layout:{gapTop:"xl"},type:"button"},{fieldConfig:{goTo:"phone_number",label:"SMS erneut anfordern",size:"medium",variant:"text"},id:"text-button",type:"button"}],id:"smsCode",onSubmit:e,spacing:"lg",validationMode:"onSubmit",validationSchema:yue}),Sue=async(e,n,t)=>{const i=Oo("data.phone",e).split("|").join("");try{return await Me.requestSmsCode({phone_number:i,token:t}),!0}catch(r){return ls(r,n,({field:s,message:l})=>{var o;(o=e.methods)==null||o.setError(s,{message:l,type:"manual"})},"phone")}},Cue=async(e,n,t,i)=>{const r=Oo("data.smsCode",e);try{await Me.sendSmsCode({smsCode:r,token:i}),n({})}catch(a){return ls(a,t,({field:l,message:o})=>{var u;(u=e.methods)==null||u.setError(l,{message:o,type:"manual"})})}},Eue=async(e,n,t,i)=>{const r=Oo("data.code",e),a=`${r.slice(0,5)}-${r.slice(5)}`;try{await Me.sendInviteCode({inviteCode:a,token:i}),n({})}catch(s){return ls(s,t,({field:o,message:u})=>{var f;(f=e.methods)==null||f.setError(o,{message:u,type:"manual"})},"code")}},Mue=async(e,n,t)=>{try{return await Me.requestPostCard({token:t}),e==null||e(),"postalCodeRequested"}catch(i){return ls(i,n)}},Tue=({fetchProfile:e,initialStep:n="verification-methods",onSubmit:t,status:i,token:r})=>{const[a,s]=v.useState(null),o=gue(()=>{console.log("handleContactUs")},i==null?void 0:i.verification_methods),u=vue(),f=[kue(c=>Sue(c,s,r)),xue(c=>Cue(c,t,s,r)),lue(c=>Eue(c,t,s,r)),pue(()=>Mue(e,s,r)),o,u];return m.jsx(ud,{id:"verification_wizard",steps:f,onStepChange:()=>s(null),excludedSteps:[o.id,u.id],initialStep:n,formError:a,formFieldMap:{...aue,...E4},formWrapper:c=>m.jsx(C4,{progressBar:{currentStep:4,steps:4},children:c})})},Fue={status:{address_valid:!0,business_profile_ids:[],core_block_reason:null,core_block_until:null,details_changed:"undecided",email:"nazim.shala+rebuild22@nebenan.de",has_business:!1,has_organization:!1,hash_id:"cbdf3d61ac041f28dc6491b52e1633b4",hood_active_users_count:"1347",hood_group_ids:[],hood_group_ids_with_pending_membership_request:[],id:143613,is_address_verified:!1,is_allowed_invite:!1,is_banned:!1,is_document_verification_pending:!1,is_email_verified:!1,is_hood_open:!0,is_hood_suggested:!1,is_hood_suggestion_available_from_user:!1,is_postcard_verification_allowed:!0,is_postcard_verification_pending:!1,is_read_only:!1,is_sofort_ident_allowed:!1,is_verification_pending:!1,is_verification_requested:!1,moderator_at_hood_group_ids:[],muted_hood_message_ids:[],muted_user_ids:[],new_messages_count:0,new_notifications_count:0,organization_profile_ids:[],popular_tags:[{context:"potentials_sharing",count:1,name:"Grill"}],require_relogin:!1,strange_fields:[],trust_level:0,verification_methods:{gps:{enabled:!0,order_nr:1,status:0},postcard:{enabled:!0,order_nr:2,status:0},sms:{enabled:!0,order_nr:0,status:0},sofort_ident:{enabled:!1,order_nr:null}}}},Pue="_root_1m2y9_141",Aue="_body_1m2y9_155",Vu={root:Pue,body:Aue},Lue=()=>m.jsx(P.Card,{className:Vu.root,borderRadius:!0,responsive:!0,children:m.jsxs(P.CardBody,{className:Vu.body,children:[m.jsx(P.Sticker,{size:"small",icon:"checkmark",color:"green"}),m.jsx(P.Typography,{className:Vu.title,type:"h3",children:"E-mail wurde gesendet"})]})}),Rue="_root_ws2sm_141",zue="_root__description_ws2sm_153",$ue="_root__body_ws2sm_160",Bue="_root__email_ws2sm_172",Iue="_root__footer_ws2sm_180",Nue="_root__footer__text_ws2sm_188",Due="_root__header_ws2sm_192",Oue="_root__header__headline_ws2sm_201",jue="_root__header__sticker_ws2sm_204",Ft={root:Rue,root__description:zue,root__body:$ue,root__email:Bue,root__footer:Iue,root__footer__text:Nue,root__header:Due,root__header__headline:Oue,root__header__sticker:jue},Hue=e=>vm().get(e),Vue=({showSuccessTimer:e=1e3})=>{const[n,t]=v.useState(!0),i=No("userEmail",!0,""),r=Hue(i);v.useEffect(()=>{if(!n)return;const s=setTimeout(()=>{t(!1)},e);return()=>clearTimeout(s)},[n,e]);const a=()=>{(async()=>(t(!0),await Me.resendConfirmationEmail({email:r})))()};return m.jsx(m.Fragment,{children:n?m.jsx(Lue,{}):m.jsx(P.Card,{className:Ft.root,withoutPadding:!0,borderRadius:!0,responsive:!0,children:m.jsxs(P.CardBody,{className:Ft.root__body,children:[m.jsxs("div",{className:Ft.root__header,children:[m.jsx(P.Sticker,{className:Ft.root__header__sticker,size:"small",icon:"envelope",color:"green"}),m.jsx(P.Typography,{as:"h2",type:"h2",className:Ft.root__header__headline,children:"Überprüfe dein Postfach"})]}),m.jsx(P.Typography,{"aria-live":"polite",as:"p",type:"body-regular",className:Ft.root__description,children:"Öffne dein E-Mail-Postfach und klicke auf den Link, den wir an diese E-Mail-Adresse gesendet haben:"}),m.jsx(P.Typography,{as:"p",type:"body-semibold",className:Ft.root__email,children:r}),m.jsxs("footer",{className:Ft.root__footer,children:[m.jsxs(P.Typography,{as:"p",type:"body-regular",className:Ft.root__footer__text,children:["Die E-Mail ist nicht angekommen? ",m.jsx("br",{})," Spam-Ordner gecheckt?"]}),m.jsx(P.TextButton,{color:"blue",size:"medium",text:"E-Mail erneut senden",onClick:a})]})]})})})},Wue=({fetchProfile:e,initialForm:n=Jt.REGISTRATION_FORM,initialFormStep:t,onRegistrationSubmit:i,onVerificationSubmit:r,registrationToken:a,status:s=Fue.status})=>{const[l,o]=v.useState(n),[u,f]=v.useState(t),c=No("token",!0,"")||a,d=No("email_confirmation_required",!0,!1),[h,g]=oo(c),[k,_]=oo(d);v.useEffect(()=>{if(k)return o(Jt.EMAIL_CONFIRMATION);h&&o(Jt.VERIFICATION_FORM)},[h,k]);const w=({access_token:x,email_confirmation_required:M})=>{M&&o(Jt.EMAIL_CONFIRMATION),x&&g(x),_(M),i==null||i({access_token:x,email_confirmation_required:M}),f("")},y=x=>{r==null||r(x)};return m.jsxs(m.Fragment,{children:[l===Jt.EMAIL_CONFIRMATION&&m.jsx(Vue,{}),l===Jt.REGISTRATION_FORM&&m.jsx(Rle,{onSubmit:w,initialStep:u}),l===Jt.VERIFICATION_FORM&&m.jsx(Tue,{status:s,onSubmit:y,fetchProfile:e,token:h,initialStep:t})]})},Gue="_root_117wk_141",que="_root__title_117wk_150",Uue="_root__moreMenu_117wk_153",Zue="_root__subtitle_117wk_158",Kue="_root__helpersCluster_117wk_162",Yue="_root__heartBubbleContainer_117wk_165",Xue="_messageContainer_117wk_180",Jue="_messageContainer__message_117wk_193",Que="_messageContainer__author_117wk_197",efe="_messageContainer__quotationLeft_117wk_200",nfe="_messageContainer__quotationRight_117wk_205",qn={root:Gue,root__title:que,root__moreMenu:Uue,root__subtitle:Zue,root__helpersCluster:Kue,root__heartBubbleContainer:Yue,messageContainer:Xue,messageContainer__message:Jue,messageContainer__author:Que,messageContainer__quotationLeft:efe,messageContainer__quotationRight:nfe},tfe=6,ife=e=>({0:"Danke für eure Hilfe!",1:"Hilfe von nebenan!",2:"Danke für eure Hilfsbereitschaft!",3:"Eure Hilfsbereitschaft zählt!",4:"Hilfe gefunden!",5:"Wir helfen einander!"})[e],rfe=()=>"Schreibe einen kurzen Text, um deinen Nachbarn für ihre Hilfsbereitschaft zu danken.",afe=({authorFirstName:e,editMenuItems:n,helperUsers:t,message:i,onAvatarClick:r,onMoreClick:a,parentId:s})=>{const l=s%tfe,o=ife(l),[u,f]=v.useState(null),c=!!u,d=h=>{f(u?null:h.currentTarget)};return m.jsx(P.Card,{withoutPadding:!0,borderRadius:!0,className:qn.root,children:m.jsxs(P.CardBody,{withoutPadding:!0,children:[m.jsx("div",{className:qn.root__heartBubbleContainer,children:m.jsx(P.Icon,{size:"32",name:"bubble_heart_coloured"})}),m.jsx("div",{className:qn.root__moreMenu,children:n&&n.length&&m.jsxs(m.Fragment,{children:[m.jsx(P.IconButton,{icon:"more_dots",ariaLabel:"edit-thank-you",onClick:d}),m.jsx(P.Popup,{open:c,anchor:u,handleClickAway:()=>f(null),placement:"bottom-end",offset:{crossAxis:0,mainAxis:-32},children:m.jsx(P.DropdownCard,{onClose:()=>f(null),items:n,hasHeader:!0,headerProps:{text:"Scließen"}})})]})}),m.jsx(P.Typography,{type:"h3",className:qn.root__title,children:o}),m.jsxs(P.Typography,{type:"detail-medium",className:qn.root__subtitle,children:[e," hat Hilfe erhalten von:"]}),m.jsx("div",{className:qn.root__helpersCluster,children:m.jsx(P.UserAvatarCluster,{users:t,size:"medium",onAvatarClick:r,onMoreClick:a})}),m.jsxs("div",{className:qn.messageContainer,children:[m.jsx(P.Typography,{type:"detail-medium",className:qn.messageContainer__message,children:i||rfe()}),m.jsx(P.Typography,{type:"detail-bold",className:qn.messageContainer__author,children:e}),m.jsx("div",{className:qn.messageContainer__quotationLeft,children:m.jsx(P.Icon,{size:"32",name:"quotation_left_filled"})}),m.jsx("div",{className:qn.messageContainer__quotationRight,children:m.jsx(P.Icon,{size:"32",name:"quotation_right_filled"})})]})]})})};exports.AccordionMenu=V4;exports.AuthenticationForm=pw;exports.ChristmasGarland=ww;exports.ComparisonTable=Bw;exports.ComplaintModal=Fg;exports.ConfirmDialog=Q7;exports.ContentCreatorTrigger=tx;exports.DesktopLayout=lx;exports.DesktopNavbarSearchField=ux;exports.DesktopNavigationBar=gx;exports.DynamicForm=Gu;exports.EmojiPicker=bS;exports.EmojiSearch=wS;exports.FeedRouterProvider=YH;exports.Form=ld;exports.FormCheckboxInput=j5;exports.FormContentCreatorTile=_m;exports.FormInputFieldSpecial=H5;exports.FormPhoneInput=xm;exports.FormRadioButton=rw;exports.FormRadioButtonCluster=aw;exports.FormTextAreaInput=sw;exports.FormTextInput=ro;exports.FormToggleInput=ow;exports.Gallery=XV;exports.Grid=hm;exports.GridFeed=pV;exports.GridFeedAggregator=s3;exports.GridItem=dm;exports.HtmlContent=nW;exports.ImageAttachment=l3;exports.ImageCropper=fq;exports.ImageGalleryTrigger=mq;exports.LayoutLoadingSpinner=G3;exports.LinkAttachment=rm;exports.MainLayout=lU;exports.MarkdownRichText=Hre;exports.MarketplaceAggregatorCard=Lp;exports.MarketplaceDetailPage=iP;exports.MarketplaceItemCardless=sc;exports.MarketplaceMoreOptions=zp;exports.MenuLinkList=Gre;exports.MobileHeaderBar=Yre;exports.MobileLayout=U3;exports.ModalGallery=u3;exports.NPEAggregator=Nae;exports.PointOfInterest=Xae;exports.PostAuthor=$p;exports.PostInfo=Rp;exports.Profile=p4;exports.ProfileControls=use;exports.Quote=gse;exports.ReactionPill=x4;exports.ReactionSelection=yoe;exports.ReactionStack=S4;exports.ReactionTabList=zoe;exports.Registration=Wue;exports.ResponsiveModal=Xo;exports.ThankYouCard=afe;exports.Wizard=ud;
package/index.mjs CHANGED
@@ -66474,14 +66474,14 @@ const bU = "_sheetBody_9evqz_141", wU = "_cropperContainer_9evqz_158", kU = "_cr
66474
66474
  }, $U = (e, n) => /* @__PURE__ */ g.createElement("svg", { width: 72, height: 80, viewBox: "0 0 72 80", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: n, ...e }, /* @__PURE__ */ g.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M67.7997 17.7397L39.7431 1.45626C37.3242 0.0510383 34.3374 0.0510383 31.9184 1.45626L3.87632 17.7397C1.48151 19.136 0.00627151 21.6971 0 24.4692V55.5447C0.0040404 58.3136 1.48055 60.8715 3.87632 62.2598L15.5846 69.0614V50.9839L21.4279 54.3414C21.6617 54.4879 21.8054 54.7428 21.8097 55.0187V72.6783L31.8968 78.5576C34.3242 79.9506 37.3085 79.9506 39.7359 78.5576L49.823 72.6783V55.0187C49.8291 54.7396 49.9789 54.4834 50.2193 54.3414L56.0554 50.9839V69.0614L60.7315 66.3451L67.7708 62.2598C70.1649 60.8707 71.6389 58.3126 71.64 55.5447V24.4692C71.6426 21.7041 70.1817 19.144 67.7997 17.7397ZM33.4975 74.07L26.487 69.9991V55.0198C26.4907 53.076 25.4583 51.2775 23.7779 50.3005L15.0237 45.2569C14.1803 44.77 13.1412 44.7705 12.2982 45.2581C11.4552 45.7457 10.9368 46.6464 10.9384 47.6202V60.928L6.21913 58.2333C5.26735 57.6719 4.68151 56.6508 4.67725 55.5458V25.3926L33.4975 42.1227V74.07ZM6.98877 21.3007L33.4962 36.7267V5.93945L6.98877 21.3007ZM38.187 5.93945L64.6872 21.3007L38.187 36.7267V5.93945ZM65.451 58.2333C66.4104 57.6776 67.0029 56.6545 67.0073 55.5458V25.3926L38.187 42.1227V74.07L45.1759 69.9991V55.027C45.1841 53.0789 46.2267 51.2818 47.9138 50.3077L56.6824 45.2641C57.5253 44.7809 58.5619 44.7833 59.4025 45.2705C60.2432 45.7577 60.7606 46.6558 60.7605 47.6274V60.928L65.451 58.2333Z", fill: "#201649" })), BU = I($U), IU = () => /* @__PURE__ */ W("div", { className: ju.container, children: [
66475
66475
  /* @__PURE__ */ b("div", { className: ju.circle }),
66476
66476
  /* @__PURE__ */ b(BU, { className: ju.logo })
66477
- ] }), RU = "_react-datepicker__day-names_akuc2_120", NU = "_react-datepicker__week_akuc2_124", DU = "_react-datepicker__day--outside-month_akuc2_131", OU = "_react-datepicker_akuc2_120", HU = "_wrapper_akuc2_141", VU = "_header_akuc2_148", WU = "_navbar_akuc2_156", jU = "_banner_akuc2_161", GU = "_main_akuc2_169", qU = "_contentContainer_akuc2_173", UU = "_contentContainer__withBanner_akuc2_178", ZU = "_contentContainer__withBanner_akuc2_178", KU = "_content_akuc2_173", YU = "_mainContent_akuc2_188", XU = "_mainContent__isFullWidth_akuc2_192", JU = "_mainContent__isFullWidth_akuc2_192", QU = "_sidebarRight_akuc2_196", eZ = "_adSlot_akuc2_210", nZ = "_adSlot__withBanner_akuc2_218", tZ = "_adSlot__withBanner_akuc2_218", iZ = "_adSlot--left_akuc2_237", rZ = "_adSlot--right_akuc2_242", fn = {
66478
- "react-datepicker__day-names": "_react-datepicker__day-names_akuc2_120",
66477
+ ] }), RU = "_react-datepicker__day-names_4er45_120", NU = "_react-datepicker__week_4er45_124", DU = "_react-datepicker__day--outside-month_4er45_131", OU = "_react-datepicker_4er45_120", HU = "_wrapper_4er45_141", VU = "_header_4er45_148", WU = "_navbar_4er45_156", jU = "_banner_4er45_161", GU = "_main_4er45_169", qU = "_contentContainer_4er45_173", UU = "_contentContainer__withBanner_4er45_179", ZU = "_contentContainer__withBanner_4er45_179", KU = "_content_4er45_173", YU = "_mainContent_4er45_189", XU = "_mainContent__isFullWidth_4er45_193", JU = "_mainContent__isFullWidth_4er45_193", QU = "_sidebarRight_4er45_197", eZ = "_adSlot_4er45_211", nZ = "_adSlot__withBanner_4er45_220", tZ = "_adSlot__withBanner_4er45_220", iZ = "_adSlot--left_4er45_239", rZ = "_adSlot--right_4er45_244", fn = {
66478
+ "react-datepicker__day-names": "_react-datepicker__day-names_4er45_120",
66479
66479
  reactDatepickerDayNames: RU,
66480
- "react-datepicker__week": "_react-datepicker__week_akuc2_124",
66480
+ "react-datepicker__week": "_react-datepicker__week_4er45_124",
66481
66481
  reactDatepickerWeek: NU,
66482
- "react-datepicker__day--outside-month": "_react-datepicker__day--outside-month_akuc2_131",
66482
+ "react-datepicker__day--outside-month": "_react-datepicker__day--outside-month_4er45_131",
66483
66483
  reactDatepickerDayOutsideMonth: DU,
66484
- "react-datepicker": "_react-datepicker_akuc2_120",
66484
+ "react-datepicker": "_react-datepicker_4er45_120",
66485
66485
  reactDatepicker: OU,
66486
66486
  wrapper: HU,
66487
66487
  header: VU,
@@ -66499,9 +66499,9 @@ const bU = "_sheetBody_9evqz_141", wU = "_cropperContainer_9evqz_158", kU = "_cr
66499
66499
  adSlot: eZ,
66500
66500
  adSlot__withBanner: nZ,
66501
66501
  adSlotWithBanner: tZ,
66502
- "adSlot--left": "_adSlot--left_akuc2_237",
66502
+ "adSlot--left": "_adSlot--left_4er45_239",
66503
66503
  adSlotLeft: iZ,
66504
- "adSlot--right": "_adSlot--right_akuc2_242",
66504
+ "adSlot--right": "_adSlot--right_4er45_244",
66505
66505
  adSlotRight: rZ
66506
66506
  }, aZ = ({
66507
66507
  banner: e,
@@ -66517,7 +66517,7 @@ const bU = "_sheetBody_9evqz_141", wU = "_cropperContainer_9evqz_158", kU = "_cr
66517
66517
  "div",
66518
66518
  {
66519
66519
  className: le(fn.adSlot, fn["adSlot--left"], {
66520
- [fn.adSlot__withBanner]: e
66520
+ [fn.adSlot__withBanner]: e.didRender
66521
66521
  }),
66522
66522
  children: i
66523
66523
  }
@@ -66526,7 +66526,7 @@ const bU = "_sheetBody_9evqz_141", wU = "_cropperContainer_9evqz_158", kU = "_cr
66526
66526
  "div",
66527
66527
  {
66528
66528
  className: le(fn.contentContainer, {
66529
- [fn.contentContainer__withBanner]: e
66529
+ [fn.contentContainer__withBanner]: e.didRender
66530
66530
  }),
66531
66531
  children: [
66532
66532
  /* @__PURE__ */ b("header", { className: fn.header, children: /* @__PURE__ */ b("nav", { className: fn.navBar, children: r }) }),
@@ -66549,12 +66549,12 @@ const bU = "_sheetBody_9evqz_141", wU = "_cropperContainer_9evqz_158", kU = "_cr
66549
66549
  "div",
66550
66550
  {
66551
66551
  className: le(fn.adSlot, fn["adSlot--right"], {
66552
- [fn.adSlot__withBanner]: e
66552
+ [fn.adSlot__withBanner]: e.didRender
66553
66553
  }),
66554
66554
  children: s
66555
66555
  }
66556
66556
  ),
66557
- e && /* @__PURE__ */ b("div", { className: fn.banner, children: e })
66557
+ e.adSlot && /* @__PURE__ */ b("div", { className: fn.banner, children: e.adSlot })
66558
66558
  ] });
66559
66559
  var T6 = { exports: {} };
66560
66560
  (() => {
@@ -72682,7 +72682,7 @@ var Rle = (
72682
72682
  }, n;
72683
72683
  }(Ad)
72684
72684
  );
72685
- const Nle = "_cardHeader_1k1p6_141", Dle = "_cardBody_1k1p6_152", Ole = "_tabsList_1k1p6_161", Hle = "_tab_1k1p6_161", Vle = "_selectedTab_1k1p6_199", Wle = "_tabPanel_1k1p6_208", jle = "_profile_1k1p6_220", hi = {
72685
+ const Nle = "_cardHeader_i8pti_141", Dle = "_cardBody_i8pti_154", Ole = "_tabsList_i8pti_163", Hle = "_tab_i8pti_163", Vle = "_selectedTab_i8pti_201", Wle = "_tabPanel_i8pti_210", jle = "_profile_i8pti_222", hi = {
72686
72686
  cardHeader: Nle,
72687
72687
  cardBody: Dle,
72688
72688
  tabsList: Ole,
package/lib/DesktopLayoutTwoColumn/DesktopLayoutTwoColumn.types.d.ts CHANGED
@@ -1,11 +1,14 @@
1
1
  import { ReactElement, ReactNode } from 'react';
2
2
  export interface DesktopLayoutTwoColumnProps {
3
- banner?: ReactElement;
3
+ banner: {
4
+ adSlot?: ReactElement;
5
+ didRender: boolean;
6
+ };
4
7
  children: ReactNode;
5
8
  enableAdSlots?: boolean;
9
+ isMainFullWidth?: boolean;
6
10
  leftAdSlot?: ReactElement;
7
11
  navbar: ReactElement;
8
12
  right?: ReactElement;
9
13
  rightAdSlot?: ReactElement;
10
- isMainFullWidth?: boolean;
11
14
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@goodhood-web/nebenan-base",
3
- "version": "3.4.0-development.50",
3
+ "version": "3.4.0-development.52",
4
4
  "main": "./index.js",
5
5
  "types": "./index.d.ts",
6
6
  "repository": "https://github.com/good-hood-gmbh/goodhood-web",