(self.webpackChunkFotoExternalSharedAlbumReactLibrary=self.webpackChunkFotoExternalSharedAlbumReactLibrary||[]).push([["798"],{18575:function(e){var t;t=function(){return function(e,t,n){t=t||"",n=n||512;for(var r=atob(e),i=[],o=0;o<r.length;o+=n){for(var a=r.slice(o,o+n),h=Array(a.length),s=0;s<a.length;s++)h[s]=a.charCodeAt(s);var d=new Uint8Array(h);i.push(d)}return new Blob(i,{type:t})}},"function"==typeof define&&define.amd?define([],t):e.exports?(e.exports=t(),e.exports.default=e.exports):window.b64toBlob=t()},98837:function(e,t,n){"use strict";n.d(t,{J:function(){return o},w:function(){return a}});var r=n(18575),i=n.n(r);function o(e){try{var t=e.split(","),n=t[0].match(/:(.*?);/)[1];return Promise.resolve(i()(t[1],n))}catch(e){return Promise.reject(e)}}function a(e){return new Promise(function(t,n){try{var r=new FileReader;r.onload=function(e){t(e.target.result)},r.readAsDataURL(e)}catch(e){n(e)}})}},869:function(e,t,n){"use strict";let r,i,o,a;n.d(t,{Lj:function(){return g},X3:function(){return u}});let h=(e,t)=>t.some(t=>e instanceof t),s=new WeakMap,d=new WeakMap,l=new WeakMap,c={get(e,t,n){if(e instanceof IDBTransaction){if("done"===t)return s.get(e);if("store"===t)return n.objectStoreNames[1]?void 0:n.objectStore(n.objectStoreNames[0])}return w(e[t])},set:(e,t,n)=>(e[t]=n,!0),has:(e,t)=>e instanceof IDBTransaction&&("done"===t||"store"===t)||t in e};function w(e){var t;if(e instanceof IDBRequest)return function(e){let t=new Promise((t,n)=>{let r=()=>{e.removeEventListener("success",i),e.removeEventListener("error",o)},i=()=>{t(w(e.result)),r()},o=()=>{n(e.error),r()};e.addEventListener("success",i),e.addEventListener("error",o)});return l.set(t,e),t}(e);if(d.has(e))return d.get(e);let n="function"==typeof(t=e)?(i||(i=[IDBCursor.prototype.advance,IDBCursor.prototype.continue,IDBCursor.prototype.continuePrimaryKey])).includes(t)?function(...e){return t.apply(p(this),e),w(this.request)}:function(...e){return w(t.apply(p(this),e))}:(t instanceof IDBTransaction&&function(e){if(s.has(e))return;let t=new Promise((t,n)=>{let r=()=>{e.removeEventListener("complete",i),e.removeEventListener("error",o),e.removeEventListener("abort",o)},i=()=>{t(),r()},o=()=>{n(e.error||new DOMException("AbortError","AbortError")),r()};e.addEventListener("complete",i),e.addEventListener("error",o),e.addEventListener("abort",o)});s.set(e,t)}(t),h(t,r||(r=[IDBDatabase,IDBObjectStore,IDBIndex,IDBCursor,IDBTransaction])))?new Proxy(t,c):t;return n!==e&&(d.set(e,n),l.set(n,e)),n}let p=e=>l.get(e);function u(e,t,{blocked:n,upgrade:r,blocking:i,terminated:o}={}){let a=indexedDB.open(e,t),h=w(a);return r&&a.addEventListener("upgradeneeded",e=>{r(w(a.result),e.oldVersion,e.newVersion,w(a.transaction),e)}),n&&a.addEventListener("blocked",e=>n(e.oldVersion,e.newVersion,e)),h.then(e=>{o&&e.addEventListener("close",()=>o()),i&&e.addEventListener("versionchange",e=>i(e.oldVersion,e.newVersion,e))}).catch(()=>{}),h}function g(e,{blocked:t}={}){let n=indexedDB.deleteDatabase(e);return t&&n.addEventListener("blocked",e=>t(e.oldVersion,e)),w(n).then(()=>void 0)}let m=["get","getKey","getAll","getAllKeys","count"],y=["put","add","delete","clear"],x=new Map;function f(e,t){if(!(e instanceof IDBDatabase&&!(t in e)&&"string"==typeof t))return;if(x.get(t))return x.get(t);let n=t.replace(/FromIndex$/,""),r=t!==n,i=y.includes(n);if(!(n in(r?IDBIndex:IDBObjectStore).prototype)||!(i||m.includes(n)))return;let o=async function(e,...t){let o=this.transaction(e,i?"readwrite":"readonly"),a=o.store;return r&&(a=a.index(t.shift())),(await Promise.all([a[n](...t),i&&o.done]))[0]};return x.set(t,o),o}c={...o=c,get:(e,t,n)=>f(e,t)||o.get(e,t,n),has:(e,t)=>!!f(e,t)||o.has(e,t)};let D=["continue","continuePrimaryKey","advance"],v={},C=new WeakMap,b=new WeakMap,R={get(e,t){if(!D.includes(t))return e[t];let n=v[t];return n||(n=v[t]=function(...e){C.set(this,b.get(this)[t](...e))}),n}};async function*M(...e){let t=this;if(t instanceof IDBCursor||(t=await t.openCursor(...e)),!t)return;let n=new Proxy(t,R);for(b.set(n,t),l.set(n,p(t));t;)yield n,t=await (C.get(n)||t.continue()),C.delete(n)}function E(e,t){return t===Symbol.asyncIterator&&h(e,[IDBIndex,IDBObjectStore,IDBCursor])||"iterate"===t&&h(e,[IDBIndex,IDBObjectStore])}c={...a=c,get:(e,t,n)=>E(e,t)?M:a.get(e,t,n),has:(e,t)=>E(e,t)||a.has(e,t)}},33344:function(e,t,n){"use strict";n.d(t,{YG:function(){return s},ZP:function(){return g},_H:function(){return d}});var r=n(67294);let i={x:0,y:0,width:0,height:0,unit:"px"},o=(e,t,n)=>Math.min(Math.max(e,t),n),a=(...e)=>e.filter(e=>e&&"string"==typeof e).join(" "),h=(e,t)=>e===t||e.width===t.width&&e.height===t.height&&e.x===t.x&&e.y===t.y&&e.unit===t.unit;function s(e,t,n,r){let i=c(e,n,r);return e.width&&(i.height=i.width/t),e.height&&(i.width=i.height*t),i.y+i.height>r&&(i.height=r-i.y,i.width=i.height*t),i.x+i.width>n&&(i.width=n-i.x,i.height=i.width/t),"%"===e.unit?l(i,n,r):i}function d(e,t,n){let r=c(e,t,n);return r.x=(t-r.width)/2,r.y=(n-r.height)/2,"%"===e.unit?l(r,t,n):r}function l(e,t,n){return"%"===e.unit?{...i,...e,unit:"%"}:{unit:"%",x:e.x?e.x/t*100:0,y:e.y?e.y/n*100:0,width:e.width?e.width/t*100:0,height:e.height?e.height/n*100:0}}function c(e,t,n){return e.unit?"px"===e.unit?{...i,...e,unit:"px"}:{unit:"px",x:e.x?e.x*t/100:0,y:e.y?e.y*n/100:0,width:e.width?e.width*t/100:0,height:e.height?e.height*n/100:0}:{...i,...e,unit:"px"}}function w(e,t,n,r,i,o=0,a=0,h=r,s=i){let d={...e},l=Math.min(o,r),c=Math.min(a,i),w=Math.min(h,r),p=Math.min(s,i);t&&(t>1?(c=(l=a?a*t:l)/t,w=h*t):(l=(c=o?o/t:c)*t,p=s/t)),d.y<0&&(d.height=Math.max(d.height+d.y,c),d.y=0),d.x<0&&(d.width=Math.max(d.width+d.x,l),d.x=0);let u=r-(d.x+d.width);u<0&&(d.x=Math.min(d.x,r-l),d.width+=u);let g=i-(d.y+d.height);if(g<0&&(d.y=Math.min(d.y,i-c),d.height+=g),d.width<l&&(("sw"===n||"nw"==n)&&(d.x-=l-d.width),d.width=l),d.height<c&&(("nw"===n||"ne"==n)&&(d.y-=c-d.height),d.height=c),d.width>w&&(("sw"===n||"nw"==n)&&(d.x-=w-d.width),d.width=w),d.height>p&&(("nw"===n||"ne"==n)&&(d.y-=p-d.height),d.height=p),t){let e=d.width/d.height;if(e<t){let e=Math.max(d.width/t,c);("nw"===n||"ne"==n)&&(d.y-=e-d.height),d.height=e}else if(e>t){let e=Math.max(d.height*t,l);("sw"===n||"nw"==n)&&(d.x-=e-d.width),d.width=e}}return d}let p={capture:!0,passive:!1},u=class e extends r.PureComponent{constructor(){super(...arguments),this.docMoveBound=!1,this.mouseDownOnCrop=!1,this.dragStarted=!1,this.evData={startClientX:0,startClientY:0,startCropX:0,startCropY:0,clientX:0,clientY:0,isResize:!0},this.componentRef=(0,r.createRef)(),this.mediaRef=(0,r.createRef)(),this.initChangeCalled=!1,this.state={cropIsActive:!1,newCropIsBeingDrawn:!1},this.onCropPointerDown=e=>{let{crop:t,disabled:n}=this.props,r=this.getBox();if(!t)return;let i=c(t,r.width,r.height);if(n)return;e.cancelable&&e.preventDefault(),this.bindDocMove(),this.componentRef.current.focus({preventScroll:!0});let o=e.target.dataset.ord,a=e.clientX,h=e.clientY,s=i.x,d=i.y;if(o){let t=e.clientX-r.x,n=e.clientY-r.y,l=0,c=0;"ne"===o||"e"==o?(l=t-(i.x+i.width),c=n-i.y,s=i.x,d=i.y+i.height):"se"===o||"s"===o?(l=t-(i.x+i.width),c=n-(i.y+i.height),s=i.x,d=i.y):"sw"===o||"w"==o?(l=t-i.x,c=n-(i.y+i.height),s=i.x+i.width,d=i.y):("nw"===o||"n"==o)&&(l=t-i.x,c=n-i.y,s=i.x+i.width,d=i.y+i.height),a=s+r.x+l,h=d+r.y+c}this.evData={startClientX:a,startClientY:h,startCropX:s,startCropY:d,clientX:e.clientX,clientY:e.clientY,isResize:!!o,ord:o},this.mouseDownOnCrop=!0,this.setState({cropIsActive:!0})},this.onComponentPointerDown=e=>{let{crop:t,disabled:n,locked:r,keepSelection:i,onChange:o}=this.props,a=this.getBox();if(n||r||i&&t)return;e.cancelable&&e.preventDefault(),this.bindDocMove(),this.componentRef.current.focus({preventScroll:!0});let h=e.clientX-a.x,s=e.clientY-a.y,d={unit:"px",x:h,y:s,width:0,height:0};this.evData={startClientX:e.clientX,startClientY:e.clientY,startCropX:h,startCropY:s,clientX:e.clientX,clientY:e.clientY,isResize:!0},this.mouseDownOnCrop=!0,o(c(d,a.width,a.height),l(d,a.width,a.height)),this.setState({cropIsActive:!0,newCropIsBeingDrawn:!0})},this.onDocPointerMove=e=>{let t;let{crop:n,disabled:r,onChange:i,onDragStart:o}=this.props,a=this.getBox();if(r||!n||!this.mouseDownOnCrop)return;e.cancelable&&e.preventDefault(),this.dragStarted||(this.dragStarted=!0,o&&o(e));let{evData:s}=this;s.clientX=e.clientX,s.clientY=e.clientY,h(n,t=s.isResize?this.resizeCrop():this.dragCrop())||i(c(t,a.width,a.height),l(t,a.width,a.height))},this.onComponentKeyDown=t=>{let{crop:n,disabled:r,onChange:i,onComplete:a}=this.props;if(r)return;let h=t.key,s=!1;if(!n)return;let d=this.getBox(),w=this.makePixelCrop(d),p=(navigator.platform.match("Mac")?t.metaKey:t.ctrlKey)?e.nudgeStepLarge:t.shiftKey?e.nudgeStepMedium:e.nudgeStep;if("ArrowLeft"===h?(w.x-=p,s=!0):"ArrowRight"===h?(w.x+=p,s=!0):"ArrowUp"===h?(w.y-=p,s=!0):"ArrowDown"===h&&(w.y+=p,s=!0),s){t.cancelable&&t.preventDefault(),w.x=o(w.x,0,d.width-w.width),w.y=o(w.y,0,d.height-w.height);let e=c(w,d.width,d.height),n=l(w,d.width,d.height);i(e,n),a&&a(e,n)}},this.onHandlerKeyDown=(t,n)=>{let{aspect:r=0,crop:i,disabled:o,minWidth:a=0,minHeight:s=0,maxWidth:d,maxHeight:p,onChange:u,onComplete:g}=this.props,m=this.getBox();if(o||!i||"ArrowUp"!==t.key&&"ArrowDown"!==t.key&&"ArrowLeft"!==t.key&&"ArrowRight"!==t.key)return;t.stopPropagation(),t.preventDefault();let y=(navigator.platform.match("Mac")?t.metaKey:t.ctrlKey)?e.nudgeStepLarge:t.shiftKey?e.nudgeStepMedium:e.nudgeStep,x=w(function(e,t,n,r){let i={...e};return"ArrowLeft"===t?"nw"===r?(i.x-=n,i.y-=n,i.width+=n,i.height+=n):"w"===r?(i.x-=n,i.width+=n):"sw"===r?(i.x-=n,i.width+=n,i.height+=n):"ne"===r?(i.y+=n,i.width-=n,i.height-=n):"e"===r?i.width-=n:"se"===r&&(i.width-=n,i.height-=n):"ArrowRight"===t&&("nw"===r?(i.x+=n,i.y+=n,i.width-=n,i.height-=n):"w"===r?(i.x+=n,i.width-=n):"sw"===r?(i.x+=n,i.width-=n,i.height-=n):"ne"===r?(i.y-=n,i.width+=n,i.height+=n):"e"===r?i.width+=n:"se"===r&&(i.width+=n,i.height+=n)),"ArrowUp"===t?"nw"===r?(i.x-=n,i.y-=n,i.width+=n,i.height+=n):"n"===r?(i.y-=n,i.height+=n):"ne"===r?(i.y-=n,i.width+=n,i.height+=n):"sw"===r?(i.x+=n,i.width-=n,i.height-=n):"s"===r?i.height-=n:"se"===r&&(i.width-=n,i.height-=n):"ArrowDown"===t&&("nw"===r?(i.x+=n,i.y+=n,i.width-=n,i.height-=n):"n"===r?(i.y+=n,i.height-=n):"ne"===r?(i.y+=n,i.width-=n,i.height-=n):"sw"===r?(i.x-=n,i.width+=n,i.height+=n):"s"===r?i.height+=n:"se"===r&&(i.width+=n,i.height+=n)),i}(c(i,m.width,m.height),t.key,y,n),r,n,m.width,m.height,a,s,d,p);if(!h(i,x)){let e=l(x,m.width,m.height);u(x,e),g&&g(x,e)}},this.onDocPointerDone=e=>{let{crop:t,disabled:n,onComplete:r,onDragEnd:i}=this.props,o=this.getBox();this.unbindDocMove(),!(n||!t)&&this.mouseDownOnCrop&&(this.mouseDownOnCrop=!1,this.dragStarted=!1,i&&i(e),r&&r(c(t,o.width,o.height),l(t,o.width,o.height)),this.setState({cropIsActive:!1,newCropIsBeingDrawn:!1}))},this.onDragFocus=e=>{var t;null==(t=this.componentRef.current)||t.scrollTo(0,0)}}get document(){return document}getBox(){let e=this.mediaRef.current;if(!e)return{x:0,y:0,width:0,height:0};let{x:t,y:n,width:r,height:i}=e.getBoundingClientRect();return{x:t,y:n,width:r,height:i}}componentDidUpdate(e){let{crop:t,onComplete:n}=this.props;if(n&&!e.crop&&t){let{width:e,height:r}=this.getBox();e&&r&&n(c(t,e,r),l(t,e,r))}}componentWillUnmount(){this.resizeObserver&&this.resizeObserver.disconnect()}bindDocMove(){this.docMoveBound||(this.document.addEventListener("pointermove",this.onDocPointerMove,p),this.document.addEventListener("pointerup",this.onDocPointerDone,p),this.document.addEventListener("pointercancel",this.onDocPointerDone,p),this.docMoveBound=!0)}unbindDocMove(){this.docMoveBound&&(this.document.removeEventListener("pointermove",this.onDocPointerMove,p),this.document.removeEventListener("pointerup",this.onDocPointerDone,p),this.document.removeEventListener("pointercancel",this.onDocPointerDone,p),this.docMoveBound=!1)}getCropStyle(){let{crop:e}=this.props;if(e)return{top:`${e.y}${e.unit}`,left:`${e.x}${e.unit}`,width:`${e.width}${e.unit}`,height:`${e.height}${e.unit}`}}dragCrop(){let{evData:e}=this,t=this.getBox(),n=this.makePixelCrop(t),r=e.clientX-e.startClientX,i=e.clientY-e.startClientY;return n.x=o(e.startCropX+r,0,t.width-n.width),n.y=o(e.startCropY+i,0,t.height-n.height),n}getPointRegion(e,t,n,r){let i;let{evData:o}=this,a=o.clientX-e.x,h=o.clientY-e.y;return i=r&&t?"nw"===t||"n"===t||"ne"===t:h<o.startCropY,(n&&t?"nw"===t||"w"===t||"sw"===t:a<o.startCropX)?i?"nw":"sw":i?"ne":"se"}resolveMinDimensions(e,t,n=0,r=0){let i=Math.min(n,e.width),o=Math.min(r,e.height);return t&&(i||o)?t>1?i?[i,i/t]:[o*t,o]:o?[o*t,o]:[i,i/t]:[i,o]}resizeCrop(){let{evData:t}=this,{aspect:n=0,maxWidth:r,maxHeight:i}=this.props,a=this.getBox(),[h,s]=this.resolveMinDimensions(a,n,this.props.minWidth,this.props.minHeight),d=this.makePixelCrop(a),l=this.getPointRegion(a,t.ord,h,s),c=t.ord||l,p=t.clientX-t.startClientX,u=t.clientY-t.startClientY;(h&&"nw"===c||"w"===c||"sw"===c)&&(p=Math.min(p,-h)),(s&&"nw"===c||"n"===c||"ne"===c)&&(u=Math.min(u,-s));let g={unit:"px",x:0,y:0,width:0,height:0};"ne"===l?(g.x=t.startCropX,g.width=p,n?g.height=g.width/n:g.height=Math.abs(u),g.y=t.startCropY-g.height):"se"===l?(g.x=t.startCropX,g.y=t.startCropY,g.width=p,n?g.height=g.width/n:g.height=u):"sw"===l?(g.x=t.startCropX+p,g.y=t.startCropY,g.width=Math.abs(p),n?g.height=g.width/n:g.height=u):"nw"===l&&(g.x=t.startCropX+p,g.width=Math.abs(p),n?(g.height=g.width/n,g.y=t.startCropY-g.height):(g.height=Math.abs(u),g.y=t.startCropY+u));let m=w(g,n,l,a.width,a.height,h,s,r,i);return n||e.xyOrds.indexOf(c)>-1?d=m:e.xOrds.indexOf(c)>-1?(d.x=m.x,d.width=m.width):e.yOrds.indexOf(c)>-1&&(d.y=m.y,d.height=m.height),d.x=o(d.x,0,a.width-d.width),d.y=o(d.y,0,a.height-d.height),d}createCropSelection(){let{ariaLabels:t=e.defaultProps.ariaLabels,disabled:n,locked:i,renderSelectionAddon:o,ruleOfThirds:a,crop:h}=this.props,s=this.getCropStyle();if(h)return r.createElement("div",{style:s,className:"ReactCrop__crop-selection",onPointerDown:this.onCropPointerDown,"aria-label":t.cropArea,tabIndex:0,onKeyDown:this.onComponentKeyDown,role:"group"},!n&&!i&&r.createElement("div",{className:"ReactCrop__drag-elements",onFocus:this.onDragFocus},r.createElement("div",{className:"ReactCrop__drag-bar ord-n","data-ord":"n"}),r.createElement("div",{className:"ReactCrop__drag-bar ord-e","data-ord":"e"}),r.createElement("div",{className:"ReactCrop__drag-bar ord-s","data-ord":"s"}),r.createElement("div",{className:"ReactCrop__drag-bar ord-w","data-ord":"w"}),r.createElement("div",{className:"ReactCrop__drag-handle ord-nw","data-ord":"nw",tabIndex:0,"aria-label":t.nwDragHandle,onKeyDown:e=>this.onHandlerKeyDown(e,"nw"),role:"button"}),r.createElement("div",{className:"ReactCrop__drag-handle ord-n","data-ord":"n",tabIndex:0,"aria-label":t.nDragHandle,onKeyDown:e=>this.onHandlerKeyDown(e,"n"),role:"button"}),r.createElement("div",{className:"ReactCrop__drag-handle ord-ne","data-ord":"ne",tabIndex:0,"aria-label":t.neDragHandle,onKeyDown:e=>this.onHandlerKeyDown(e,"ne"),role:"button"}),r.createElement("div",{className:"ReactCrop__drag-handle ord-e","data-ord":"e",tabIndex:0,"aria-label":t.eDragHandle,onKeyDown:e=>this.onHandlerKeyDown(e,"e"),role:"button"}),r.createElement("div",{className:"ReactCrop__drag-handle ord-se","data-ord":"se",tabIndex:0,"aria-label":t.seDragHandle,onKeyDown:e=>this.onHandlerKeyDown(e,"se"),role:"button"}),r.createElement("div",{className:"ReactCrop__drag-handle ord-s","data-ord":"s",tabIndex:0,"aria-label":t.sDragHandle,onKeyDown:e=>this.onHandlerKeyDown(e,"s"),role:"button"}),r.createElement("div",{className:"ReactCrop__drag-handle ord-sw","data-ord":"sw",tabIndex:0,"aria-label":t.swDragHandle,onKeyDown:e=>this.onHandlerKeyDown(e,"sw"),role:"button"}),r.createElement("div",{className:"ReactCrop__drag-handle ord-w","data-ord":"w",tabIndex:0,"aria-label":t.wDragHandle,onKeyDown:e=>this.onHandlerKeyDown(e,"w"),role:"button"})),o&&r.createElement("div",{className:"ReactCrop__selection-addon",onMouseDown:e=>e.stopPropagation()},o(this.state)),a&&r.createElement(r.Fragment,null,r.createElement("div",{className:"ReactCrop__rule-of-thirds-hz"}),r.createElement("div",{className:"ReactCrop__rule-of-thirds-vt"})))}makePixelCrop(e){return c({...i,...this.props.crop||{}},e.width,e.height)}render(){let{aspect:e,children:t,circularCrop:n,className:i,crop:o,disabled:h,locked:s,style:d,ruleOfThirds:l}=this.props,{cropIsActive:c,newCropIsBeingDrawn:w}=this.state,p=o?this.createCropSelection():null,u=a("ReactCrop",i,c&&"ReactCrop--active",h&&"ReactCrop--disabled",s&&"ReactCrop--locked",w&&"ReactCrop--new-crop",o&&e&&"ReactCrop--fixed-aspect",o&&n&&"ReactCrop--circular-crop",o&&l&&"ReactCrop--rule-of-thirds",!this.dragStarted&&o&&!o.width&&!o.height&&"ReactCrop--invisible-crop",n&&"ReactCrop--no-animate");return r.createElement("div",{ref:this.componentRef,className:u,style:d},r.createElement("div",{ref:this.mediaRef,className:"ReactCrop__child-wrapper",onPointerDown:this.onComponentPointerDown},t),p)}};u.xOrds=["e","w"],u.yOrds=["n","s"],u.xyOrds=["nw","ne","se","sw"],u.nudgeStep=1,u.nudgeStepMedium=10,u.nudgeStepLarge=100,u.defaultProps={ariaLabels:{cropArea:"Use the arrow keys to move the crop selection area",nwDragHandle:"Use the arrow keys to move the north west drag handle to change the crop selection area",nDragHandle:"Use the up and down arrow keys to move the north drag handle to change the crop selection area",neDragHandle:"Use the arrow keys to move the north east drag handle to change the crop selection area",eDragHandle:"Use the up and down arrow keys to move the east drag handle to change the crop selection area",seDragHandle:"Use the arrow keys to move the south east drag handle to change the crop selection area",sDragHandle:"Use the up and down arrow keys to move the south drag handle to change the crop selection area",swDragHandle:"Use the arrow keys to move the south west drag handle to change the crop selection area",wDragHandle:"Use the up and down arrow keys to move the west drag handle to change the crop selection area"}};let g=u}}]);