https://friday.gold/_next/static/chunks/pages/mypage/album/[albumId]/asset/[assetId]-d31d059e28140d83.js

1try{let t="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},e=(new t.Error).stack;e&&(t._sentryDebugIds=t._sentryDebugIds||{},t._sentryDebugIds[e]="2d37df30-af84-4d7a-a3db-0cfb4aa4b4c2",t._sentryDebugIdIdentifier="sentry-dbid-2d37df30-af84-4d7a-a3db-0cfb4aa4b4c2")}catch(t){}(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2241],{5989:(t,e,n)=>{"use strict";n.d(e,{A:()=>i});let i={src:"/_next/static/media/friday_logo.4ad61550.svg",height:398,width:376,blurWidth:0,blurHeight:0}},8063:(t,e,n)=>{"use strict";n.d(e,{U:()=>p});var i=n(28888),r=n(18153),a=n(38993),d=n(7282),s=n(5989);function c(){let t=(0,i._)(["\n    position: relative;\n    width: 100%;\n    overflow: hidden;\n    z-index: ","; // iOSでborder-radiusの表示が遅れるため https://github.com/kodansha/friday-backlog/issues/923\n\n    ","\n\n    ","\n    ","\n  "]);return c=function(){return t},t}function o(){let t=(0,i._)(["\n    width: 100%;\n    min-width: ","px;\n    padding-bottom: ","%;\n    background-image: url(",");\n    background-position: center;\n    background-repeat: no-repeat;\n    background-color: ",";\n    background-size: 33.3% 33.3%;\n\n    ","\n\n    ","\n  "]);return o=function(){return t},t}function l(){let t=(0,i._)(["\n    width: 100%;\n    height: auto;\n    vertical-align: bottom;\n    aspect-ratio: "," "," /\n      ",";\n\n    ","\n\n    ","\n  "]);return l=function(){return t},t}function h(){let t=(0,i._)(["\n    display: flex;\n    justify-content: center;

1\n    align-items: center;\n    width: 100%;\n    padding-bottom: ","%;\n    background-color: ",";\n\n    ","\n\n    ","\n  "]);return h=function(){return t},t}function u(){let t=(0,i._)(["\n    position: absolute;\n    top: 50%;\n    margin-top: -0.7rem;\n    font-size: 1.4rem;\n    font-weight: bold;\n    color: ",";\n  "]);return u=function(){return t},t}let p=t=>{let{thumbnail:e,tabletThumbnail:n,desktopThumbnail:i,alt:a="",width:s=null,aspect:c="square",isExpired:o=!1,isRounded:l=!0,isCircle:h=!1,lazyLoad:u=!0}=t,p=t=>{let[e,n]=t.replace(/"/g,"").split("x"),i=Number(e),r=n?Number(n):"portrait"===c?1.3*i:i;return{width:i,height:r,autoHeight:!n}},m=p(e.size),w=n?p(n.size):void 0,f=i?p(i.size):void 0;return o?(0,r.Y)("div",{css:g.wrapper(s,l,h),children:(0,r.Y)("div",{css:g.expired(m,w,f),children:(0,r.Y)("span",{css:g.expiredText,children:"配信終了"})})}):e.url?(0,r.Y)("div",{css:g.wrapper(s,l,h),"data-testid":"wrapper",children:(0,r.FD)("picture",{children:[!!i&&f&&(0,r.Y)("source",{srcSet:i.url,media:"(min-width: ".concat(d.nm.desktop,")"),width:f.width,height:f.height}),!!n&&w&&(0,r.Y)("source",{srcSet:n.url,media:"(min-width: ".concat(d.nm.tablet,")"),width:w.width,height:w.height}),(0,r.Y)("img",{src:e.url,alt:a,css:g.img(m,w,f),loading:u?"lazy":"eager",width:m.width,height:m.height})]})}):(0,r.Y)("div",{css:g.wrapper(s,l,h),children:(0,r.Y)("div",{className:"thumbnail-skeleton",css:g.skeleton(m,w,f),"data-testid":"noimage"})})},g={wrapper:(t,e,n)=>(0,a.AH)(c(),d.fE.ThumbnailImage,!!t&&"\n      max-width: ".concat(t,"px;\n    "),e&&"\n      border-radius: 5px;\n    ",n&&"\n      border-radius: 50%;\n    "),skeleton:(t,e,n)=>(0,a.AH)(o(),t.width,t.height/t.width*100,s.A.src,d.Tj.skeleton,!!e&&"\n      @media screen and (min-width: ".concat(d.nm.tablet,") {\n        min-width: ").concat(e.width,"px;\n        padding-bottom: ").concat(e.height/e.width*100,"%;\n      }\n    "),!!n&&"\n      @media screen and (min-width: ".concat(d.nm.desktop,") {\n        min-width: ").concat(n.width,"px;\n        padding-bottom: ").concat(n.height/n.width*100,"%;\n      }\n    ")),img:(t,e,n)=>(0,a.AH)(l(),t.autoHeight?"auto":"",t.width,t.height,!!e&&"\n      @media screen and (min-width: ".concat(d.nm.tablet,") {\n        aspect-ratio: ").concat(e.autoHeight?"auto":""," ").concat(e.width," / ").concat(e.height,";\n      }\n    "),!!n&&"\n      @media screen and (min-width: ".concat(d.nm.desktop,") {\n        aspect-ratio: ").concat(n.autoHeight?"auto":""," ").concat(n.width," / ").concat(n.height,";\n      }\n    ")),expired:(t,e,n)=>(0,a.AH)(h(),t.height/t.width*100,d.Tj.grayThin,!!e&&"\n      @media screen and (min-width: ".concat(d.nm.tablet,") {\n        min-width: ").concat(e.width,"px;\n        padding-bottom: ").concat(e.height/e.width*100,"%;\n      }\n    "),!!n&&"\n      @media screen and (min-width: ".concat(d.nm.desktop,") {\n        min-width: ").concat(n.width,"px;\n        padding-bottom: ").concat(n.height/n.width*100,"%;\n      }\n    ")),expiredText:(0,a.AH)(u(),d.Tj.secondary)}},16889:(t,e,n)=>{"use strict";n.d(e,{n:()=>a});var i=n(18153),r=n(7282);let a=t=>{let{title:e}=t;return(0,i.Y)("svg",{height:"16",viewBox:"0 0 20 16",width:"20",xmlns:"http://www.w3.org/2000/svg",fill:r.Tj.red,children:(0,i.FD)("g",{transform:"translate(-845 -546.081)",children:[e&&(0,i.Y)("title",{children:e}),(0,i.Y)("path",{d:"m845 546.081h20v16h-20z"}),(0,i.FD)("g",{fill:r.Tj.white,children:[(0,i.Y)("rect",{height:"2",rx:".3",width:"3",x:"846",y:"547.081"}),(0,i.Y)("rect",{height:"2",rx:".3",width:"3",x:"846",y:"550.081"}),(0,i.Y)("rect",{height:"2",rx:".3",width:"3",x:"846",y:"553.081"}),(0,i.Y)("rect",{height:"2",rx:".3",width:"3",x:"846",y:"556.081"}),(0,i.Y)("rect",{height:"2",rx:".3",width:"3",x:"846",y:"559.081"}),(0,i.Y)("rect",{height:"2",rx:".3",width:"3",x:"861",y:"547.081"}),(0,i.Y)("rect",{height:"2",rx:".3",width:"3",x:"861",y:"550.081"}),(0,i.Y)("rect",{height:"2",rx:".3",width:"3",x:"861",y:"553.081"}),(0,i.Y)("rect",{height:"2",rx:".3",width:"3",x:"861",y:"556.081"}),(0,i.Y)("rect",{height:"2",rx:".3",width:"3",x:"861",y:"559.081"}),(0,i.Y)("path",{d:"m853 556.756 5-2.675-5-2.675z"})]})]})})}},32448:(t,e,n)=>{"use strict";n.r(e),n.d(e,{__N_SSP:()=>v,default:()=>Y});var i=n(28888),r=n(18153),a=n(14232),d=n(89099),s=n(38993),c=n(16573),o=n(7282),l=n(11963),h=n(80636),u=n(7042),p=n(29188),g=n(21439),m=n(89770),w=n(35169);function f(){let t=(0,i._)(["\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    display: flex;

1\n    align-items: center;\n    justify-content: center;\n    background-color: ",";\n  "]);return f=function(){return t},t}let b={albumAssets:(t,e)=>"".concat(c.fi).concat(c.Ck.albumAssets(t,e))},x={albumAssets:(t,e,n)=>(0,l.f)({url:b.albumAssets(t,e),token:n})};var v=!0;let Y=t=>{let{err:e}=t,{isLoggedIn:n,user:i}=(0,a.useContext)(u.Rs),s=(0,d.useRouter)(),o=Number(s.query.albumId),f=Number(s.query.assetId),[b,v]=(0,a.useState)(""),[Y,k]=(0,a.useState)([]),[_,A]=(0,a.useState)({first:!1,last:!1}),[I,P]=(0,a.useState)(!1),[T,C]=(0,a.useState)(e||null),z=(0,a.useCallback)(async t=>{let e=await x.albumAssets(o,t,null==i?void 0:i.token);if(e.isFailure())return void C(await (0,l.u)(e.value));let{items:n}=await e.value.json(),{around:r,after:a,before:d,limit:s}=t;if(r){k(n);let t=n.findIndex(t=>t.id===f),e=t<Math.floor((s-1)/2),i=n.length-t<Math.floor(s/2)+1;(e||i)&&A({first:e,last:i})}else d?(k(t=>[...n,...t]),n.length<s&&A({first:!0,last:_.last})):a&&(k(t=>[...t,...n]),n.length<s&&A({first:_.first,last:!0}))},[o,f,_.first,_.last,null==i?void 0:i.token]);(0,a.useEffect)(()=>{(0,m.X3)({})},[]),(0,a.useEffect)(()=>{n&&!I&&(async()=>{T||(await z({around:f,limit:c.P7.perPage}),P(!0))})()},[n,f,T,z,I]),(0,a.useEffect)(()=>{if(!n||!I)return;let t=Y.findIndex(t=>t.id===f),e=0===t,i=t===Y.length-1;!e&&!i||e&&_.first||i&&_.last||z({...e&&{before:f},...i&&{after:f},limit:c.P7.perPage})},[Y,f,z,_.first,_.last,n,I]);let E=(0,a.useMemo)(()=>{let t=Y.find(t=>{let{id:e}=t;return e===f});return!!t&&!t.filtered&&!t.expired},[Y,f]);return T?(0,r.Y)(w.default,{statusCode:T.statusCode}):I?(0,r.Y)(h.Y,{title:"".concat(b," ギャラリー"),pagePath:"/mypage/album/".concat(o,"/asset/").concat(f),pageClass:"frontpage",noIndex:!0,children:(0,r.Y)(g.B,{assets:Y,currentAssetId:f,albumId:o,canLike:E,isLoaded:_,isLastPage:!1,isCheckedAccess:!!n,replaceRoute:t=>{if(!t)return;let e="/mypage/album/".concat(o,"/asset/").concat(t.id);s.asPath!==e&&s.replace(e,e,{shallow:!0})},handleGetAlbumItems:z,setAlbumName:v})}):(0,r.Y)("div",{css:y.loading,children:(0,r.Y)(p.m,{})})},y={loading:(0,s.AH)(f(),o.Tj.black)}},35169:(t,e,n)=>{"use strict";n.r(e),n.d(e,{default:()=>Y});var i=n(28888),r=n(18153),a=n(80636),d=n(69512),s=n(76037),c=n(89099),o=n(88481),l=n(80118),h=n(7282);let u=t=>{let{active:e=!1}=t;return e?(0,r.Y)("svg",{height:"18",width:"20",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 18",children:(0,r.Y)("path",{d:"M19.81 9.05L10.38.15a.56.56 0 00-.76 0L.19 9.05a.62.62 0 000 .84.55.55 0 00.79 0l1.85-1.73v9.25a.58.58 0 00.57.59h4.24a.59.59 0 00.57-.59V12a1.79 1.79 0 113.58 0v5.44a.59.59 0 00.57.59h4.24a.58.58 0 00.57-.59V8.16l1.89 1.78a.53.53 0 00.37.15.55.55 0 00.42-.2.62.62 0 00-.04-.84z"})}):(0,r.Y)("svg",{height:"18",viewBox:"0 0 20 18",width:"20",xmlns:"http://www.w3.org/2000/svg",fill:h.Tj.white,children:(0,r.Y)("path",{d:"m19.8433 9.12796-9.5241-9c-.0858-.0822652-.2-.12820414-.3189-.12820414-.11892 0-.23317.04593894-.319.12820414l-9.524047 9c-.0941594.09137-.15012009.21506-.15661646.3461s.03692146.25966.12158246.35989c.040458.04858.090504.08832.146972.11675s.118156.04493.181275.04849c.063118.00361.12636-.0059.185669-.02778.059309-.02189.113509-.05575.159179-.09946l2.062016-1.94899v9.57704c-.00296.1295.04557.2549.13501.3486.08943.0938.21239.1482.34191.1514h4.28504c.06409-.0016.12718-.0158.18579-.0417.05861-.026.11156-.0633.15576-.1097.04421-.0465.07887-.1011.10193-.161.02306-.0598.03407-.1236.03247-.1876v-5.5c-.0118-.2576.02873-.5148.11914-.7562s.2288-.462.40686-.6484.39214-.3348.62915-.4361c.23702-.1014.4921-.1537.74991-.1537.2578 0 .5128.0523.7498.1537.2371.1013.4511.2497.6292.4361s.3164.407.4069.6484c.0904.2414.1309.4986.1191.7562v5.5c-.0016.064.0094.1278.0325.1876.023.0599.0577.1145.1019.161.0442.0464.0971.0837.1558.1097.0586.0259.1217.0401.1858.0417h4.285c.1295-.0032.2525-.0576.3419-.1514.0894-.0937.138-.2191.135-.3486v-9.57704l2.062 1.94899c.0457.04371.0999.07757.1592.09946.0593.02188.1226.03139.1857.02778.0631-.00356.1248-.02006.1812-.04849.0565-.02843.1066-.06817.147-.11675.0847-.10023.1281-.22885.1216-.35989s-.0625-.25473-.1566-.3461zm-3.6531 7.87204h-3.3329v-5c.0177-.3862-.0431-.772-.1787-1.1341-.1356-.362-.3432-.6928-.6102-.97239-.2671-.27956-.588-.50207-.9435-.6541s-.738-.23042-1.1246-.23042c-.38664 0-.7692.07839-1.12466.23042s-.67645.37454-.94348.6541c-.26705.27959-.47464.61039-.61023.97239-.1356.3621-.19642.7479-.17872 1.1341v5h-3.33288v-9.97705l6.18997-5.84999 6.1899 5.84999z"})})};var p=n(38993),g=n(18334),m=n(87156),w=n.n(m);function f(){let t=(0,i._)(["\n    padding: 20px calc(16px + env(safe-area-inset-right, 0)) 24px\n      calc(16px + env(safe-area-inset-left, 0));\n    @media screen and (min-width: ",") {\n      padding: 32px 48px;\n      text-align: center;\n    }\n\n    p {\n      font-size: 1.5rem;\n      line-height: 1.8;\n      text-align: left;\n      white-space: pre-line;\n      @media screen and (min-width: ",") {\n        font-size: 1.6rem;\n      }\n    }\n  "]);return f=function(){return t},t}function b(){let t=(0,i._)(["\n    margin-top: 24px;\n    @media screen and (min-width: ",") {\n      display: inline-block;\n      margin-top: 32px;\n      width: 355px;\n      height: 48px;\n    }\n  "]);return b=function(){return t},t}let x=t=>{let{hasGetInitialPropsRun:e,err:n,statusCode:i,title:h,errorText:p}=t,m=(0,c.useRouter)(),w=null!=h?h:404===i?"お探しのページは見つかりませんでした":"エラーによりページを表示できませんでした";return e||g.Cp(n||"Error page rendered.".concat(i?" Status code is ".concat(i):"",".")),(0,r.Y)(a.Y,{title:w,description:"".concat(w,"。").concat(d.b2),pagePath:m.asPath,pageClass:"frontpage",children:(0,r.FD)(s.n,{children:[(0,r.Y)(o.A,{title:w}),(0,r.FD)("div",{css:v.pageBody,children:[p?(0,r.Y)(r.FK,{children:(0,r.Y)("p",{children:p})}):(0,r.FD)(r.FK,{children:[(0,r.Y)("p",{children:"申し訳ございません。"}),(0,r.Y)("p",{children:404===i?"アクセスされたページは削除ãƒ

1»ç§»å‹•ã•ã‚ŒãŸã‹ã€ç¾åœ¨åˆ©ç”¨ã§ããªã„可能性があります。":"不正な操作が行われたか、サーバ内部での問題により現在利用できない可能性があります。"})]}),(0,r.Y)("div",{css:v.button,children:(0,r.Y)(l.J,{href:"/","data-testid":"button",text:"ホームへ戻る",icon:(0,r.Y)(u,{})})})]})]})})};x.getInitialProps=async t=>{var e,n;let i=await w().getInitialProps(t);return i.hasGetInitialPropsRun=!0,t.err?g.Cp(t.err):(null==(e=t.res)?void 0:e.statusCode)!==404&&g.Cp(Error("Error: _error.js getInitialProps missing data at path ".concat(t.asPath,"; status code: ").concat(null==(n=t.res)?void 0:n.statusCode))),i};let v={pageBody:(0,p.AH)(f(),h.nm.desktop,h.nm.desktop),button:(0,p.AH)(b(),h.nm.desktop)},Y=x},38174:(t,e,n)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/mypage/album/[albumId]/asset/[assetId]",function(){return n(32448)}])},70370:(t,e,n)=>{"use strict";n.d(e,{$:()=>r});let i=new Intl.NumberFormat("ja-JP"),r=t=>i.format(t)},76037:(t,e,n)=>{"use strict";n.d(e,{n:()=>c});var i=n(18153),r=n(14232),a=n(80636),d=n(64276),s=n(47975);let c=t=>{let{children:e,containerWidth:n="816px",isShownSubscriptionBar:c,modelsNavigationCurrentItem:o}=t,{SEOProps:l}=(0,r.useContext)(a.T);return(0,i.Y)(d.Y,{containerWidth:n,isShownSubscriptionBar:c,modelsNavigationCurrentItem:o,children:(0,i.FD)(i.FK,{children:[(0,i.Y)(s.p,{SEOProps:l}),e]})})}},88481:(t,e,n)=>{"use strict";n.d(e,{A:()=>c});var i=n(28888),r=n(18153),a=n(38993),d=n(7282);function s(){let t=(0,i._)(["\n    font-size: 2rem;\n    line-height: 1.4;\n    font-weight: bold;\n    box-sizing: border-box;\n    padding: 30px 16px 22px;\n    border-bottom: 1px solid ",";\n    white-space: pre-wrap;\n    text-align: center;\n\n    @media screen and (min-width: ",") {\n      white-space: normal;\n      padding-top: 76px;\n    }\n  "]);return s=function(){return t},t}let c=t=>{let{title:e}=t;return(0,r.Y)("h1",{css:o.container,children:e})},o={container:(0,a.AH)(s(),d.Tj.borderThin,d.nm.desktop)}}},t=>{t.O(0,[9923,8763,4882,5078,4568,3091,7590,2770,1439,636,6593,8792],()=>t(t.s=38174)),_N_E=t.O()}]);