https://assets.minne.com/_next/static/chunks/pages/account/conversations-ae5fd45fb8d586cd.js

1!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},n=(new e.Error).stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="e830eb2b-c8ef-4a64-9ea2-bad35f514f06",e._sentryDebugIdIdentifier="sentry-dbid-e830eb2b-c8ef-4a64-9ea2-bad35f514f06")}catch(e){}}(),(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2740],{6639:e=>{e.exports={pagination:"MyPagination_pagination__JosCp",pageNumberLinkButton:"MyPagination_pageNumberLinkButton__hrSEG",pageNumberButton:"MyPagination_pageNumberButton__vS63N",NavButtonWrapper:"MyPagination_NavButtonWrapper__nHAnE",active:"MyPagination_active__e512h",ellipsis:"MyPagination_ellipsis___90oi",pageNumber:"MyPagination_pageNumber__Sjs6T",mobileDisplayNone:"MyPagination_mobileDisplayNone__muXYU",desktopDisplayNone:"MyPagination_desktopDisplayNone__Yd4x1"}},27292:(e,n,a)=>{"use strict";a.r(n),a.d(n,{__N_SSP:()=>B,default:()=>U});var t=a(37876),i=a(57536),s=a(62917),o=a(18334),r=a(14232),c=a(37754),l=a(59437),p=a(3378),d=a(21198),u=a(68520),m=a.n(u);let h=e=>{let{isPinned:n,pinConversation:a,unpinConversation:i}=e,s=n?i:a;return(0,t.jsx)("button",{type:"button",className:m().pinIcon,onClick:e=>s(e),children:n?(0,t.jsx)(p.A,{src:"/minne/icon/icon-message-pin.svg",alt:"pinned",height:32,width:32}):(0,t.jsx)(p.A,{src:"/minne/icon/icon-message-pin-outline.svg",alt:"not pinned",height:32,width:32})})};var v=a(69241),_=a(56557),g=a.n(_),x=a(64301),j=a.n(x),b=a(71576),f=a.n(b),N=a(89099),C=a(62227),y=a.n(C);g().extend(f()),g().extend(j());let k=e=>{let{conversationId:n,peerUserNickname:a,isOfficialAccount:i,peerUserShopPath:s,peerUserAvatarSrc:o,peerUserDeleted:r,talkedAt:c,isPinned:l,unreadCount:d,lastMessage:u,pinMutate:m,unpinMutate:_}=e,x=(0,N.useRouter)(),j=()=>{x.push("/account/conversations/".concat(n))};return(0,t.jsx)("div",{className:y().outerContainer,children:(0,t.jsxs)("div",{className:y().innerContainer,onClick:j,role:"button",tabIndex:0,onKeyPress:e=>{"Enter"===e.key&&j()},children:[" ",(0,t.jsxs)("div",{className:y().profileBar,children:[(0,t.jsxs)("div",{className:(0,v.A)(y().userGroup,{[y().deleted]:r}),children:[o&&(0,t.jsxs)("div",{className:y().avatarBox,children:[(0,t.jsx)("a",{href:"".concat(s,"/profile"),onClick:e=>e.stopPropagation(),children:(0,t.jsx)("img",{src:o,alt:"".concat(a,"'s thumbnail"),className:y().thumbnailImg})}),d>0&&(0,t.jsx)("span",{className:y().unreadRed})]}),(0,t.jsxs)("div",{className:y().nickname,children:[i&&(0,t.jsx)(p.A,{src:"minne/icon/icon-check-on-shield-blue.svg",alt:"Official Batch",height:22,width:22}),(0,t.jsxs)("a",{href:"".concat(s,"/profile"),className:(0,v.A)(y().nicknameLink,{[y()["friend-deleted"]]:r}),onClick:e=>e.stopPropagation(),children:[" ",a]})]})]}),(0,t.jsx)("div",{className:y().conversationPin,children:(0,t.jsx)(h,{isPinned:l,pinConversation:e=>{e&&e.stopPropagation(),m(n)},unpinConversation:e=>{e&&e.stopPropagation(),_(n)}})})]}),(0,t.jsxs)("div",{className:y().textBox,children:[(0,t.jsx)("div",{className:y().updatedDate,children:g()(c).tz("Asia/Tokyo").format("YYYY/MM/DD HH:mm")}),(0,t.jsx)("div",{className:y().lastMessage,children:u})]})]})})};var A=a(32311),M=a(85268),P=a.n(M);let I=e=>{var n;let{viewer:a,conversations:i,paginationInfo:s,pinMutate:o,unpinMutate:r,beltBannerInfo:u,beltBannerFlagVariantValue:m,isShopStatusScheduleEnabled:h}=e,v={name:a.name,nickName:a.nickName,enumUserType:a.enumUserType,followeesCount:a.followeesCount,followersCount:a.followersCount,profile:a.profile,userPrivacy:{notificationCount:{totalUnreadMessage:a.userPrivacy.notificationCount.totalUnreadMessage,totalUnshippedOrder:a.userPrivacy.notificationCount.totalUnshippedOrder,totalUndepositedPurchase:a.userPrivacy.notificationCount.totalUndepositedPurchase}},shopDesign:{businessState:null==(n=a.shopDesign)?void 0:n.businessState}},{currentPage:_,pageLength:g}=s;return(0,t.jsx)(t.Fragment,{children:(0,t.jsxs)(d.A,{viewer:a,activeNav:"friends",beltBannerInfo:u,isShopStatusScheduleEnabled:h,children:[(0,t.jsxs)("main",{className:P().main,children:[" ",(0,t.jsxs)("section",{className:P().container,children:[(0,t.jsxs)("div",{className:P().pageTitleArea,children:[" ",(0,t.jsx)(l.A,{title:"メッセージ"}),v.userPrivacy.notificationCount.totalUnreadMessage>0&&(0,t.jsxs)("span",{className:P().unreadCounter,children:["未読：",v.userPrivacy.notificationCount.totalUnreadMessage,"件"]})]}),(0,t.jsxs)("div",{className:P().conversationsContainer,children:[(0,t.jsx)("hr",{className:P().upperLine}),i&&i.length>0?(0,t.jsx)("ul",{className:P().conversationsList,children:i.map((e,n)=>e?(0,t.jsx)("li",{className:P().conversationItem,children:(0,t.jsx)(k,{conversationId:e.id,peerUserNickname:e.peerUser.nickName,isOfficialAccount:e.peerUser.isOfficialAccount,peerUserShopPath:e.peerUser.shopPath,peerUserAvatarSrc:e.peerUser.profile.thumbUrl||"//static.minne.com/profiles/155/medium/5e8271702c77c84d44696bffe0bd8258243fca1b.jpg",peerUserDeleted:e.peerUser.isDeleted,talkedAt:e.talkedAt,isPinned:!!e.pinnedAt,unreadCount:e.unreadCount,lastMessage:e.lastMessage,pinMutate:o,unpinMutate:r})},n):null)}):(0,t.jsxs)("div",{className:P().NoMessagesContainer,children:[(0,t.jsx)("p",{className:P().NoMessages,children:"メッセージはありません"}),(0,t.jsx)(p.A,{src:"/minne/page/account/emptystate/empty.svg",alt:"empty_img",height:150,width:195})]})]}),g>=2&&(0,t.jsx)("div",{className:P().pagination,children:(0,t.jsx)(A.A,{currentPage:_,pageLength:g,hrefBuilder:e=>({pathname:"/account/conversations",query:{page:e}})})})]})]}),m&&(0,t.jsx)(c.A,{url:m.url,largeImagePath:m.largeImagePath,smallImagePath:m.smallImagePath,backgroundColor:m.backgroundColor,alt:m.alt,isExternalLink:m.isExternalLink})]})})},w=e=>{let{viewer:n,paginationInfo:a,refetchData:c,beltBannerInfo:l,beltBannerFlagVariantValue:p,isShopStatusScheduleEnabled:d}=e,u=n.userPrivacy.conversations.nodes,[m,h]=(0,r.useState)(u);(0,r.useEffect)(()=>{h(n.userPrivacy.conversations.nodes)},[n.userPrivacy.conversations]);let[v]=(0,i.P4k)(),[_]=(0,i.ChK)();return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(s.A,{title:"メッセージ | minne 会員ページ",description:"",canonicalHref:"",ogTitle:"",ogDescription:"",ogSiteName:"",ogType:"",ogImage:""}),(0,t.jsx)(I,{viewer:n,conversations:m,paginationInfo:a,pinMutate:e=>{v({variables:{conversationId:e}}).then(e=>{c()}).catch(e=>{o.Cp(e)})},unpinMutate:e=>{_({variables:{conversationId:e}}).then(e=>{c()}).catch(e=>{o.Cp(e)})},beltBannerInfo:l,beltBannerFlagVariantValue:p,isShopStatusScheduleEnabled:d})]})};var B=!0;let U=e=>{let{paginationInfo:n,beltBannerInfo:a,beltBannerFlagVariantValue:s,isS

1hopStatusScheduleEnabled:o}=e,{data:r,refetch:c}=(0,i.G1E)({variables:{page:n.currentPage,limit:10},errorPolicy:"all"});return r&&r.viewer?(0,t.jsx)(w,{viewer:r.viewer,paginationInfo:n,refetchData:c,beltBannerInfo:a,beltBannerFlagVariantValue:s,isShopStatusScheduleEnabled:o}):null}},32311:(e,n,a)=>{"use strict";a.d(n,{A:()=>t.A});var t=a(53155)},39804:(e,n,a)=>{"use strict";a.d(n,{A:()=>o});var t=a(37876),i=a(77328),s=a.n(i);let o=(0,a(14232).memo)(e=>{let{title:n,description:a,canonicalHref:i,keywords:o,ogTitle:r,ogDescription:c,ogSiteName:l,ogType:p,ogImage:d,favicon:u,appUrl:m,children:h,noindex:v=!1,twitterMetaAttributes:_={card:"summary_large_image",site:"@minnecom"}}=e;return(0,t.jsxs)(s(),{children:[(0,t.jsx)("meta",{charSet:"utf-8"}),(0,t.jsx)("meta",{name:"viewport",content:"width=device-width"}),(0,t.jsx)("title",{children:n}),(0,t.jsx)("meta",{name:"description",content:a}),(0,t.jsx)("link",{rel:"icon",href:null!=u?u:"/favicon.ico"}),i&&(0,t.jsx)("link",{rel:"canonical",href:i}),o&&(0,t.jsx)("meta",{name:"keywords",content:o}),(0,t.jsx)("meta",{property:"og:site_name",content:l}),(0,t.jsx)("meta",{property:"og:title",content:r}),(0,t.jsx)("meta",{property:"og:description",content:c}),(0,t.jsx)("meta",{property:"og:type",content:p}),(0,t.jsx)("meta",{property:"og:image",content:d}),_&&Object.entries(_).map(e=>{let[n,a]=e;return(0,t.jsx)("meta",{property:"twitter:".concat(n),content:a},n)}),m&&(0,t.jsx)("meta",{property:"al:ios:url",content:m}),(0,t.jsx)("meta",{property:"al:ios:app_store_id",content:"563764220"}),(0,t.jsx)("meta",{property:"al:ios:app_name",content:"minne byGMOペパボ"}),(0,t.jsx)("meta",{property:"al:android:url",content:m}),(0,t.jsx)("meta",{property:"al:android:package",content:"jp.co.paperboy.minne.app"}),(0,t.jsx)("meta",{property:"al:android:app_name",content:"minne byGMOペパボ"}),v&&(0,t.jsx)("meta",{name:"robots",content:"noindex"}),h]})})},42201:(e,n,a)=>{"use strict";a.d(n,{A:()=>u});var t=a(37876),i=a(14232),s=a(48230),o=a.n(s),r=a(74433),c=a.n(r),l=a(3378),p=a(98369),d=a.n(p);let u=(0,i.memo)(e=>{let{message:n="ブロック中",linkUrl:a,linkText:i}=e;return(0,t.jsxs)("div",{className:c().wrapper,children:[(0,t.jsx)("div",{className:c().icon,children:(0,t.jsx)(l.A,{alt:"ブロック中",src:"/minne/icon/icon-block-white.svg",width:20,height:20})}),(0,t.jsx)("span",{className:c().message,children:n}),a&&(0,t.jsx)(o(),{href:(e=>{try{let n=new URL(e);return"https:"===n.protocol}catch(e){return!1}})(a)?d()(a):"#",className:c().link,children:i})]})})},53155:(e,n,a)=>{"use strict";a.d(n,{A:()=>d});var t=a(37876),i=a(12008),s=a(69241),o=a(48230),r=a.n(o),c=a(14232),l=a(6639),p=a.n(l);let d=(0,c.memo)(e=>{let{type:n="link",currentPage:a,pageLength:o,...c}=e,l="link"===n,d=1===a,u=a===o,m=e=>{let n=e===a;if(l){let{hrefBuilder:a}=c;return(0,t.jsx)("li",{children:(0,t.jsx)(r(),{className:(0,s.A)(p().pageNumberLinkButton,n&&p().active),href:a(e),"aria-label":"".concat(e,"ページ目"),"aria-current":n?"page":"false",children:e})},e)}{let{onClick:a}=c;return(0,t.jsx)("li",{children:(0,t.jsx)("button",{type:"button",className:(0,s.A)(p().pageNumberButton,n&&p().active),onClick:()=>a(e),"aria-label":"".concat(e,"ページ目"),"aria-current":n?"page":"false",children:e})},e)}},h=(e,n,a,s)=>{let o="prev"===e,r="mobile"===a,p=o?"前へ":"次へ";if(l){let{hrefBuilder:e}=c;return(0,t.jsx)(t.Fragment,{children:s?(0,t.jsx)(i.J,{type:"button",appearance:r?"outline":"text",size:r?"m":"s",isFullWidth:r,labelText:p,leadingIconUrl:o?"/minne/icon/icon-chevron-left-black.svg":void 0,trailingIconUrl:o?void 0:"/minne/icon/icon-chevron-right-black.svg",disabled:s}):(0,t.jsx)(i.v,{href:e(n),appearance:r?"outline":"text",size:r?"m":"s",isFullWidth:r,labelText:p,leadingIconUrl:o?"/minne/icon/icon-chevron-left-black.svg":void 0,trailingIconUrl:o?void 0:"/minne/icon/icon-chevron-right-black.svg"})})}{let{onClick:e}=c;return(0,t.jsx)(i.J,{type:"button",appearance:r?"outline":"text",size:r?"m":"s",isFullWidth:r,labelText:p,leadingIconUrl:o?"/minne/icon/icon-chevron-left-black.svg":void 0,trailingIconUrl:o?void 0:"/minne/icon/icon-chevron-right-black.svg",onClick:()=>e(n),disabled:s})}},v=[];v.push(m(1)),a>4&&v.push((0,t.jsx)("li",{children:(0,t.jsx)("span",{className:p().ellipsis,children:"..."})},"start-ellipsis"));for(let e=Math.max(2,a-2);e<=Math.min(o-1,a+2);e++)v.push(m(e));return a<o-3&&v.push((0,t.jsx)("li",{children:(0,t.jsx)("span",{className:p().ellipsis,children:"..."})},"end-ellipsis")),o>1&&v.push(m(o)),(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("nav",{"aria-label":"ページネーション",className:p().mobileDisplayNone,children:(0,t.jsxs)("ul",{className:p().pagination,children:[(0,t.jsx)("li",{children:h("prev",a-1,"desktop",d)},"prev"),v,(0,t.jsx)("li",{children:h("next",a+1,"desktop",u)},"next")]})}),(0,t.jsx)("nav",{"aria-label":"ページネーション",className:p().desktopDisplayNone,children:(0,t.jsxs)("ul",{className:p().pagination,children:[(0,t.jsx)("li",{className:p().NavButtonWrapper,children:h("prev",a-1,"mobile",d)},"prev"),(0,t.jsx)("li",{children:(0,t.jsxs)("span",{className:p().pageNumber,children:[a,"/",o]})},"pageNumber"),(0,t.jsx)("li",{className:p().NavButtonWrapper,children:h("next",a+1,"mobile",u)},"next")]})})]})})},62227:e=>{e.exports={outerContainer:"MinneAccountConversationItem_outerContainer__DXcpY",innerContainer:"MinneAccountConversationItem_innerContainer__CNzrO",profileBar:"MinneAccountConversationItem_profileBar__cUacH",userGroup:"MinneAccountConversationItem_userGroup__BcA_H",deleted:"MinneAccountConversationItem_deleted__jC5af",nicknameLink:"MinneAccountConversationItem_nicknameLink__nTOva",avatarBox:"MinneAccountConversationItem_avatarBox__OiIij",thumbnailImg:"MinneAccountConversationItem_thumbnailImg__GEwBj",unreadRed:"MinneAccountConversationItem_unreadRed__0uGCd",nickname:"MinneAccountConversationItem_nickname__IoIw4","friend-deleted":"MinneAccountConversationItem_friend-deleted__cqkh1",conversationPin:"MinneAccountConversationItem_conversationPin___vvGm",textBox:"MinneAccountConversationItem_textBox__KGmy6",updatedDate:"MinneAccountConversationItem_updatedDate__s5vJZ",lastMessage:"MinneAccountConversationItem_lastMessage__a33r4"}},62917:(e,n,a)=>{"use strict";a.d(n,{A:()=>t.A});var t=a(39804)},68520:e=>{e.exports={pinIcon:"MinneConversationPin_pinIcon__Ba6qN"}},68785:(e,n,a)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/account/conversations",function(){return a(27292)}])},74433:e=>{e.exports={wrapper:"MinneBlockBar_wrapper___ncFH",icon:"MinneBlockBar_icon__53lAe",message:"MinneBlockBar_message__ES3Uf",link:"MinneBlockBar_link__OtOBe"}},85268:e=>{e.exports={container:"AccountConversationsPage_container__AE0XH",pageTitleArea:"AccountConversationsPage_pageTitleArea__CjCFk",unreadCounter:"AccountConversationsPage_unreadCounter__Kc_8a",conversationContainer:"AccountConversationsPage_conversationContainer__gGIvL",upperLine:"AccountConversationsPage_upperLine__RvyZp",conversationsList:"AccountConversationsPage_conversationsList__64Qs1",NoMessagesContainer:"AccountConversationsPage_NoMessagesContainer__wCuUg",NoMessages:"AccountConversationsPage_NoMessages__GZtXG",pagination:"AccountConversationsPage_pagination__PfXlr"}}},e=>{e.O(0,[8513,8827,8230,3019,1126,8369,4301,9543,119,636,6593,8792],()=>e(e.s=68785)),_N_E=e.O()}]);