https://assets2.gyazo.com/dist/fbb0790e70175c89fda8.chunk.js

1try{!function(){var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},r=(new e.Error).stack;r&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[r]="92382406-1975-48cf-84b8-c294bb2a5a63",e._sentryDebugIdIdentifier="sentry-dbid-92382406-1975-48cf-84b8-c294bb2a5a63")}()}catch(e){}(globalThis.webpackChunkgyazo=globalThis.webpackChunkgyazo||[]).push([[6301],{81162(e,r,n){var o=n(71354),t=n.n(o),s=n(76314),i=n.n(s)()(t());i.push([e.id,".nZ0NBykrsJnXGYQCtoEE{border-radius:8px;border:3px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.3);overflow:hidden;cursor:pointer;background-color:#fff;display:flex;align-items:center;justify-content:center;position:relative}.Soxs318Fp9x9kAXVWlvw{border-radius:4px;object-fit:cover}.BLmJABOLnsU4sQUsW9PD{border-radius:50%;border:1px solid #fff;box-shadow:0 1px 3px rgba(0,0,0,.3);object-fit:cover;z-index:1}.X7sF29EfmhOcjwfZQ5rK{position:absolute;bottom:0;right:0}.oTHVA9Q7NK44aZ7YyFjq{background-color:#ff6b6b;border:3px solid #fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.3);cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;position:relative}.CToEOyGbe5P2JtdmrV_w{background:#ff6b6b;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px}.TsV13nCr5dG2nFnz745k{max-width:300px}.G8dm6HElSYmVHB_Eb6tN{margin-bottom:10px}.G8dm6HElSYmVHB_Eb6tN img{width:100%;height:auto;border-radius:4px}.C5FQW6LmXDfZzkBkINEa{margin-bottom:8px}.C5FQW6LmXDfZzkBkINEa strong{font-weight:bold}.wXMloIfgQyJzydEvmr0T{color:#1976d2;text-decoration:none}.wXMloIfgQyJzydEvmr0T:hover{text-decoration:underline}","",{version:3,sources:["webpack://./client/js/app/components/maps/MapWithGeoJsonMarkers/MyPhotoMarker/styles.module.scss"],names:[],mappings:"AAAA,sBACE,iBAAA,CACA,qBAAA,CACA,mCAAA,CACA,eAAA,CACA,cAAA,CACA,qBAAA,CACA,YAAA,CACA,kBAAA,CACA,sBAAA,CACA,iBAAA,CAGF,sBACE,iBAAA,CACA,gBAAA,CAGF,sBACE,iBAAA,CACA,qBAAA,CACA,mCAAA,CACA,gBAAA,CACA,SAAA,CAGF,sBACE,iBAAA,CACA,QAAA,CACA,OAAA,CAGF,sBACE,wBAAA,CACA,qBAAA,CACA,iBAAA,CACA,mCAAA,CACA,cAAA,CACA,YAAA,CACA,kBAAA,CACA,sBAAA,CACA,UAAA,CACA,cAAA,CACA,iBAAA,CAGF,sBACE,kBAAA,CACA,iBAAA,CACA,YAAA,CACA,kBAAA,CACA,sBAAA,CACA,UAAA,CACA,cAAA,CAGF,sBACE,eAAA,CAGF,sBACE,kBAAA,CAEA,0BACE,UAAA,CACA,WAAA,CACA,iBAAA,CAIJ,sBACE,iBAAA,CAEA,6BACE,gBAAA,CAIJ,sBACE,aAAA,CACA,oBAAA,CAEA,4BACE,yBAAA",sourcesContent:[".thumbnailMarker {\n  border-radius: 8px;\n  border: 3px solid white;\n  box-shadow: 0 2px 8px rgb(0, 0, 0, 0.3);\n  overflow: hidden;\n  cursor: pointer;\n  background-color: white;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n}\n\n.thumbnailImage {\n  border-radius: 4px;\n  object-fit: cover;\n}\n\n.userIcon {\n  border-radius: 50%;\n  border: 1px solid white;\n  box-shadow: 0 1px 3px rgb(0, 0, 0, 0.3);\n  object-fit: cover;\n  z-index: 1;\n}\n\n.userIconBottomRight {\n  position: absolute;\n  bottom: 0;\n  right: 0;\n}\n\n.defaultMarker {\n  background-color: #ff6b6b;\n  border: 3px solid white;\n  border-radius: 8px;\n  box-shadow: 0 2px 8px rgb(0, 0, 0, 0.3);\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: white;\n  font-size: 16px;\n  position: relative;\n}\n\n.fallbackMarker {\n  background: #ff6b6b;\n  border-radius: 4px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: white;\n  font-size: 12px;\n}\n\n.infoWindow {\n  max-width: 300px;\n}\n\n.infoWindowImage {\n  margin-bottom: 10px;\n\n  img {\n    width: 100%;\n    height: auto;\n    border-radius: 4px;\n  }\n}\n\n.infoWindowDetail {\n  margin-bottom: 8px;\n\n  strong {\n    font-weight: bold;\n  }\n}\n\n.infoWindowLink {\n  color: #1976d2;\n  text-decoration: none;\n\n  &:hover {\n    text-decoration: underline;\n  }\n}\n"],sourceRoot:""}]),i.locals={thumbnailMarker:"nZ0NBykrsJnXGYQCtoEE",thumbnailImage:"Soxs318Fp9x9kAXVWlvw",userIcon:"BLmJABOLnsU4sQUsW9PD",userIconBottomRight:"X7sF29EfmhOcjwfZQ5rK",defaultMarker:"oTHVA9Q7NK44aZ7YyFjq",fallbackMarker:"CToEOyGbe5P2JtdmrV_w",infoWindow:"TsV13nCr5dG2nFnz745k",infoWindowImage:"G8dm6HElSYmVHB_Eb6tN",infoWindowDetail:"C5FQW6LmXDfZzkBkINEa",infoWindowLink:"wXMloIfgQyJzydEvmr0T"};const a=i;

1n.d(r,["A",0,a])},7601(e,r,n){var o=n(71354),t=n.n(o),s=n(76314),i=n.n(s)()(t());i.push([e.id,".gWr5Xg6ce9hKKXDJOwz2{width:calc(100% - 10px);height:calc(100vh - 205px)}.wD8LZ4il_nHzOvMTxQq0{display:flex;align-items:center;justify-content:center;height:100%;color:#666}","",{version:3,sources:["webpack://./client/js/app/components/maps/MapWithGeoJsonMarkers/styles.module.scss"],names:[],mappings:"AAAA,sBACE,uBAAA,CACA,0BAAA,CAGF,sBACE,YAAA,CACA,kBAAA,CACA,sBAAA,CACA,WAAA,CACA,UAAA",sourcesContent:[".mapContainer {\n  width: calc(100% - 10px);\n  height: calc(100vh - 205px);\n}\n\n.loadingContainer {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n  color: #666;\n}\n"],sourceRoot:""}]),i.locals={mapContainer:"gWr5Xg6ce9hKKXDJOwz2",loadingContainer:"wD8LZ4il_nHzOvMTxQq0"};const a=i;n.d(r,["A",0,a])},36301(e,r,n){n.r(r),n.d(r,{BoardMapPage:()=>O});var o=n(74848),t=n(16522),s=n(33047),i=n(54550),a=n(96540),A=n(85072),l=n.n(A),c=n(97825),d=n.n(c),p=n(77659),m=n.n(p),u=n(55056),f=n.n(u),h=n(10540),C=n.n(h),g=n(41113),b=n.n(g),x=n(7601),y={};y.styleTagTransform=b(),y.setAttributes=f(),y.insert=m().bind(null,"head"),y.domAPI=d(),y.insertStyleElement=C();l()(x.A,y);const w=x.A&&x.A.locals?x.A.locals:void 0;var B=n(81162),k={};k.styleTagTransform=b(),k.setAttributes=f(),k.insert=m().bind(null,"head"),k.domAPI=d(),k.insertStyleElement=C();l()(B.A,k);const j=B.A&&B.A.locals?B.A.locals:void 0;var I=n(56756);const v=e=>{const r=(0,t.c)(38),{feature:n,markerOptions:s,isSelected:a,onMarkerClick:A,onInfoWindowClose:l}=e,{longDate:c}=(0,I.iF)(),{showThumbnails:d,markerSize:p,thumbnailSize:m,userIconSize:u}=s,[f,h]=(0,i.vH)(),C=n.geometry.coordinates;let g;r[0]!==C[0]||r[1]!==C[1]?(g={lat:C[1],lng:C[0]},r[0]=C[0],r[1]=C[1],r[2]=g):g=r[2];const b=g;let x,y,w,B,k,v;return r[3]!==n.properties.description||r[4]!==n.properties.userName?(x=n.properties.description?`${n.properties.description.split("\n")[0]} by ${n.properties.userName}`:"Photo by "+n.properties.userName,r[3]=n.properties.description,r[4]=n.properties.userName,r[5]=x):x=r[5],r[6]!==n.properties.id||r[7]!==A?(y=()=>A(n.properties.id),r[6]=n.properties.id,r[7]=A,r[8]=y):y=r[8],r[9]!==n.properties.imageSmallThumbUrl||r[10]!==n.properties.userIconUrl||r[11]!==n.properties.userName||r[12]!==p||r[13]!==d||r[14]!==m||r[15]!==u?(w=d?(0,o.jsxs)("div",{className:j.thumbnailMarker,style:{width:p,height:p},children:[(0,o.jsx)("img",{className:j.thumbnailImage,src:n.properties.imageSmallThumbUrl,alt:`Photo by ${n.properties.userName}`,style:{width:m,height:m}}),(0,o.jsx)("img",{className:`${j.userIcon} ${j.userIconBottomRight}`,src:n.properties.userIconUrl,alt:`${n.properties.userName} icon`,style:{width:u,height:u,background:"#f5f5f5"}})]}):(0,o.jsxs)("div",{className:j.defaultMarker,style:{width:p,height:p},children:["📷",(0,o.jsx)("img",{className:`${j.userIcon} ${j.userIconBottomRight}`,src:n.properties.userIconUrl,alt:`${n.properties.userName} icon`,style:{width:u,height:u},onError:E})]}),r[9]=n.properties.imageSmallThumbUrl,r[10]=n.properties.userIconUrl,r[11]=n.properties.userName,r[12]=p,r[13]=d,r[14]=m,r[15]=u,r[16]=w):w=r[16],r[17]!==b||r[18]!==f||r[19]!==x||r[20]!==y||r[21]!==w?(B=(0,o.jsx)(i.J8,{ref:f,position:b,title:x,onClick:y,children:w}),r[17]=b,r[18]=f,r[19]=x,r[20]=y,r[21]=w,r[22]=B):B=r[22],r[23]!==n.properties.capturedAt||r[24]!==n.properties.description||r[25]!==n.properties.id||r[26]!==n.properties.imageMediumThumbUrl||r[27]!==n.properties.userIconUrl||r[28]!==n.properties.userName||r[29]!==a||r[30]!==c||r[31]!==h||r[32]!==l||r[33]!==u?(k=a&&h&&(0,o.jsx)(i.Fu,{anchor:h,onCloseClick:l,children:(0,o.jsxs)("div",{className:j.infoWindow,children:[(0,o.jsx)("div",{className:j.infoWindowImage,children:(0,o.jsx)("img",{src:n.properties.imageMediumThumbUrl,alt:"Gyazo screenshot"})}),(0,o.jsxs)("div",{className:j.infoWindowDetail,children:[(0,o.jsx)("strong",{children:"撮影者:"})," ",(0,o.jsx)("img",{className:j.userIcon,src:n.properties.userIconUrl,alt:`${n.properties.userName} icon`,style:{width:u,height:u}})," ",n.properties.userName]}),(0,o.jsxs)("div",{className:j.infoWindowDetail,children:[(0,o.jsx)("strong",{children:"撮影日時:"})," ",c(new Date(n.properties.capturedAt))]}),n.properties.description&&(0,o.jsxs)("div",{className:j.infoWindowDetail,children:[(0,o.jsx)("strong",{children:"説明:"})," ",n.properties.description.split("\n").map(N)]}),(0,o.jsx)("div",{children:(0,o.jsx)("a",{href:`/${n.properties.id}`,target:"_blank",rel:"noopener noreferrer",className:j.infoWindowLink,children:"元画像を見る"})})]})}),r[23]=n.properties.capturedAt,r[24]=n.properties.description,r[25]=n.properties.id,r[26]=n.properties.imageMediumThumbUrl,r[27]=n.properties.userIconUrl,r[28]=n.properties.userName,r[29]=a,r[30]=c,r[31]=h,r[32]=l,r[33]=u,r[34]=k):k=r[34],r[35]!==B||r[36]!==k?(v=(0,o.jsxs)(o.Fragment,{children:[B,k]}),r[35]=B,r[36]=k,r[37]=v):v=r[37],v};function E(e){e.target.style.display="none"}function N(e,r){return(0,o.jsxs)("span",{children:[e,(0,o.jsx)("br",{})]},r)}const z=e=>{const r=(0,t.c)(10),{geoJson:n}=e,[s,i]=(0,a.useState)(null);if(!n||!n.features||0===n.features.length){let e;return r[0]===Symbol.for("react.memo_cache_sentinel")?(e=(0,o.jsx)("div",{children:"No GeoJSON data available"}),r[0]=e):e=r[0],e}let A;r[1]===Symbol.for("react.memo_cache_sentinel")?(A=e=>{i(e)},r[1]=A):A=r[1];const l=A;let c;r[2]===Symbol.for("react.memo_cache_sentinel")?(c=()=>{i(null)},r[2]=c):c=r[2];const d=c;let p,m;if(r[3]!==n.features||r[4]!==s){let e;r[6]!==s?(e=(e,r)=>(0,o.jsx)(v,{feature:e,markerOptions:{showThumbnails:!0,markerSize:60,thumbnailSize:55,userIconSize:24},isSelected:s===e.properties.id,onMarkerClick:l,onInfoWindowClose:d}

1,e.properties.id||r),r[6]=s,r[7]=e):e=r[7],p=n.features.map(e),r[3]=n.features,r[4]=s,r[5]=p}else p=r[5];return r[8]!==p?(m=(0,o.jsx)(o.Fragment,{children:p}),r[8]=p,r[9]=m):m=r[9],m},M=e=>{const r=(0,t.c)(5),{center:n,zoom:o}=e,s=(0,i.ko)();let A,l;return r[0]!==n||r[1]!==s||r[2]!==o?(A=()=>{s&&n&&o&&(s.setCenter(n),s.setZoom(o))},l=[s,n,o],r[0]=n,r[1]=s,r[2]=o,r[3]=A,r[4]=l):(A=r[3],l=r[4]),(0,a.useEffect)(A,l),null},S=e=>{const r=(0,t.c)(15),{geoJson:n}=e,[s,A]=(0,a.useState)(!1),[l,c]=(0,a.useState)("loading"),[d,p]=(0,a.useState)(12);let m,u,f,h,C;if(r[0]!==n?(m=()=>{A(!1),c("loading");const e=((e,r=12)=>{if(!e)return{center:"loading",zoom:r,hasFeatures:void 0};if(!e.features)return{center:"empty",zoom:r,hasFeatures:!1};const n=e.features.filter(e=>Boolean(e&&e.geometry&&e.geometry.coordinates));if(0===n.length)return{center:"empty",zoom:r,hasFeatures:!1};if(1===n.length){const e=n[0];if(e){const n=e.geometry.coordinates;return{center:{lat:n[1],lng:n[0]},zoom:r,hasFeatures:!0}}}const o=n[0];if(!o)return{center:"empty",zoom:r,hasFeatures:!1};let t=o.geometry.coordinates[1],s=o.geometry.coordinates[1],i=o.geometry.coordinates[0],a=o.geometry.coordinates[0];n.forEach(e=>{const[r,n]=e.geometry.coordinates;t=Math.min(t,n),s=Math.max(s,n),i=Math.min(i,r),a=Math.max(a,r)});const A={lat:(t+s)/2,lng:(i+a)/2},l=s-t,c=a-i,d=Math.max(l,c);let p;return p=d>10?3:d>5?5:d>2?7:d>1?9:d>.5?11:d>.1?13:d>.01?15:17,{center:A,zoom:p,hasFeatures:!0}})(n,12);if(!1===e.hasFeatures)return A(!0),void c("empty");A(!1),c(e.center),p(e.zoom)},u=[n],r[0]=n,r[1]=m,r[2]=u):(m=r[1],u=r[2]),(0,a.useEffect)(m,u),"loading"===l){let e;return r[3]===Symbol.for("react.memo_cache_sentinel")?(e=(0,o.jsx)("div",{id:"collection-map-loading",className:`exif-map ${w.mapContainer}`,children:(0,o.jsx)("div",{className:w.loadingContainer,children:"地図データを読み込み中..."})}),r[3]=e):e=r[3],e}if(s||"empty"===l){let e;return r[4]===Symbol.for("react.memo_cache_sentinel")?(e=(0,o.jsx)("div",{id:"collection-map-empty",className:`exif-map ${w.mapContainer}`,children:(0,o.jsx)("div",{className:w.loadingContainer,children:"地図に表示する情報がありません"})}),r[4]=e):e=r[4],e}return r[5]!==l||r[6]!==d?(f=(0,o.jsx)(M,{center:l,zoom:d}),r[5]=l,r[6]=d,r[7]=f):f=r[7],r[8]!==n?(h=(0,o.jsx)(z,{geoJson:n}),r[8]=n,r[9]=h):h=r[9],r[10]!==l||r[11]!==f||r[12]!==h||r[13]!==d?(C=(0,o.jsx)("div",{id:"collection-map",className:`exif-map ${w.mapContainer}`,children:(0,o.jsx)(i.c4,{apiKey:"AIzaSyBimtZ6fpnGu6y_llIvpHE915dM3sxulG8",children:(0,o.jsxs)(i.T5,{disableDefaultUI:!0,defaultZoom:d,defaultCenter:l,gestureHandling:"greedy",mapId:"COLLECTION_MAP_ID",children:[f,h]})})}),r[10]=l,r[11]=f,r[12]=h,r[13]=d,r[14]=C):C=r[14],C};var T=n(35855),F=n(4596),W=n(86345),U=n(8883),_=n(2873),G=n(6300),D=n(97769);const J=(0,W.DH)("getBoardGeoJson",T.uW,{useParamsAsCondition:["boardId"]}),O=()=>{const e=(0,t.c)(29),r=(0,G.i)(),{collection:n,selectedUserId:i,setSelectedUserId:a}=(0,U.jj)(),A=n?.id;let l;e[0]!==A?(l={boardId:A},e[0]=A,e[1]=l):l=e[1];const[c]=J(l);let d;e:if(!c||i){if(c&&i){let r;if(e[2]!==c.features||e[3]!==i){let n;e[5]!==i?(n=e=>e.properties.userId===i,e[5]=i,e[6]=n):n=e[6],r=c.features.filter(n),e[2]=c.features,e[3]=i,e[4]=r}else r=e[4];const n=r;let o;e[7]!==c||e[8]!==n?(o={...c,features:n},e[7]=c,e[8]=n,e[9]=o):o=e[9],d=o;break e}d=null}else d=c;const p=d;if(!n||!p)return null;let m;e[10]!==r?(m=r&&!(0,D.T)().mobile,e[10]=r,e[11]=m):m=e[11];const u=m;let f,h,C,g,b,x;return e[12]!==u?(f=u&&(0,o.jsx)(s.A.SideBlock,{}),e[12]=u,e[13]=f):f=e[13],e[14]!==n?(h=(0,o.jsx)(F.A,{board:n,finishPrepareToOpenCaptures:!0}),e[14]=n,e[15]=h):h=e[15],e[16]!==n||e[17]!==i||e[18]!==a?(C=(0,o.jsx)(_.M,{board:n,onUserIdSelect:a,selectedUserId:i}),e[16]=n,e[17]=i,e[18]=a,e[19]=C):C=e[19],e[20]!==p?(g=(0,o.jsx)(S,{geoJson:p}),e[20]=p,e[21]=g):g=e[21],e[22]!==h||e[23]!==C||e[24]!==g?(b=(0,o.jsxs)(s.A.MainBlock,{children:[h,C,g]}),e[22]=h,e[23]=C,e[24]=g,e[25]=b):b=e[25],e[26]!==f||e[27]!==b?(x=(0,o.jsxs)(s.A,{className:"board-map",children:[f,b]}),e[26]=f,e[27]=b,e[28]=x):x=e[28],x}}}]);