https://assets.minne.com/_next/static/chunks/pages/account/letters/[id]/edit-6e6a6b73c193e6c2.js

1!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="5f27b348-c4b5-492d-8a71-1d6fb6e99c41",e._sentryDebugIdIdentifier="sentry-dbid-5f27b348-c4b5-492d-8a71-1d6fb6e99c41")}catch(e){}}(),(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2306],{1032:e=>{e.exports={shareX:"MyXShareButton_shareX__00Juu"}},6933:(e,t,a)=>{"use strict";a.d(t,{A:()=>s});var n=a(39324);let{publicRuntimeConfig:r}=a.n(n)()(),s=()=>"https://".concat(r.host)},11548:(e,t,a)=>{"use strict";a.d(t,{A:()=>m});var n=a(37876),r=a(69241),s=a(54587),l=a.n(s),i=a(48230),c=a.n(i),o=a(14232),d=a(23211),u=a.n(d),h=a(59437);let m=(0,o.memo)(e=>{let{letter:t,letterPath:a,handleImageChange:s,handleChangeFormValue:i,handleClickRegisterButton:d,handleClickDeleteButton:m,handleRemoveImage:_,isDisabledSubmitButton:p=!1,isEdit:g=!1,isFollowerOnlyLettersCreatable:b,isFollowerOnlyLetterReleased:x}=e,{id:v,title:L,content:w,prevImageUrl:f,status:A}=t,N=(0,o.useMemo)(()=>L.length>0&&L.length<=100,[L]),[F,j]=(0,o.useState)(f||null),E=(0,o.useCallback)(e=>{var t;let a=null==(t=e.target.files)?void 0:t[0];if(a){j(URL.createObjectURL(a));let t=new FileReader;t.onloadend=()=>{s(e)},t.readAsDataURL(a)}},[s]),k=(0,o.useCallback)(()=>{_(),j(null)},[_]);return(0,n.jsxs)("section",{className:u().container,children:[(0,n.jsxs)("div",{className:u().pageTitleArea,children:[(0,n.jsx)(h.A,{title:g?"レターの編集":"レターを書く"}),"hidden"!==A&&v&&a&&(0,n.jsx)("a",{href:a,target:"_blank",rel:"noreferrer",className:u().previewButton,id:"gtm-MinneAccountSeriesForm-previewButton",children:"ショップで確認"})]}),(0,n.jsxs)("div",{className:u().content,children:[(0,n.jsxs)("label",{htmlFor:"title",className:u().label,children:["タイトル",(0,n.jsx)("span",{className:u().validate,children:" (100文字まで)"})]}),(0,n.jsx)("input",{type:"text",id:"title",placeholder:"",maxLength:100,className:u().titleInput,value:L,onChange:e=>i("title",e.target.value)})]}),(0,n.jsxs)("div",{className:u().content,children:[(0,n.jsx)("label",{htmlFor:"content",className:u().label,children:"本文"}),(0,n.jsx)("textarea",{id:"content",placeholder:"お知らせしたいことを記入しましょう。\n\n【利用例】\n・イベント出展のお知らせ\n・新作販売のお知らせ\n・購入前に知ってほしい注意点",maxLength:1e4,className:u().contentInput,value:w,onChange:e=>i("content",e.target.value)}),(0,n.jsxs)("p",{className:u().contentInputNote,children:["作品のURLを入力すると作品情報がまとまったカード形式で表示されます。詳しくはこちら：",(0,n.jsx)("a",{href:"https://help.minne.com/hc/ja/articles/4406260041491#h_01JD6YC6RKPE8FRMFP1N4WMQZZ",target:"_blank",rel:"noreferrer",className:u().textLink,children:"レターで作品を紹介する"})]})]}),(0,n.jsxs)("div",{className:u().content,children:[(0,n.jsx)("label",{htmlFor:"image",className:u().label,children:"アイキャッチ画像"}),(0,n.jsxs)("div",{className:u().imageNote,children:["画像を設定すると、SNSでシェアしたときにも表示されて、より読んでもらいやすくなります。",(0,n.jsx)("br",{}),"8MB以内のJPEG・PNG・GIF形式で、サイズは1200\xd7630pxだときれいに見えます。"]}),F&&(0,n.jsx)("div",{className:u().imagePreviewWrapper,children:(0,n.jsx)(l(),{layout:"intrinsic",alt:"",src:F,className:u().imagePreview,width:340,height:180.5,unoptimized:!0})}),(0,n.jsxs)("div",{className:u().imageDisplay,children:[(0,n.jsxs)("div",{className:u().uploadImageButton,children:["画像をアップロード",(0,n.jsx)("input",{type:"file",id:"image",className:u().imageInput,accept:"image/jpeg, image/png, image/gif",onChange:E})]}),F&&(0,n.jsx)("button",{className:u().deleteImageButton,onClick:k,children:"画像を削除"})]})]}),(0,n.jsx)("div",{className:u().content,children:(0,n.jsxs)("fieldset",{className:u().fieldset,children:[(0,n.jsx)("legend",{className:u().label,children:"公開設定"}),(0,n.jsxs)("div",{className:u().checkboxes,children:[(0,n.jsxs)("div",{className:u().checkbox,children:[(0,n.jsx)("input",{type:"radio",name:"status",id:"displayed",checked:"displayed"===A,onChange:()=>i("status","displayed"),className:u().radio}),(0,n.jsx)("label",{htmlFor:"displayed",className:u().statusLabel,children:"公開"})]}),x&&(0,n.jsxs)("div",{className:(0,r.A)(u().checkbox,!b&&u().disabled),children:[(0,n.jsx)("input",{type:"radio",name:"status",id:"follower_only",checked:"follower_only"===A,onChange:()=>i("status","follower_only"),className:u().radio,disabled:!b}),(0,n.jsxs)("div",{children:[(0,n.jsx)("label",{htmlFor:"follower_only",className:(0,r.A)(u().statusLabel,!b&&u().disabled,u().followerOnlyLabel),children:"フォロワー限定公開"}),!b&&(0,n.jsxs)("div",{className:u().followerOnlyNote,children:["minne PLUS限定の機能です。詳細は",(0,n.jsx)(c(),{href:"/lp/minne-plus",target:"_blank",rel:"noreferrer",className:u().textLink,children:"minne PLUSについて"}),"をご覧ください。"]})]})]}),(0,n.jsxs)("div",{className:u().checkbox,children:[(0,n.jsx)("input",{type:"radio",name:"status",id:"hidden",checked:"hidden"===A,onChange:()=>i("status","hidden"),className:u().radio}),(0,n.jsx)("label",{htmlFor:"hidden",className:u().statusLabel,children:"非公開"})]})]})]})}),(0,n.jsx)("button",{onClick:d,className:u().registerButton,disabled:!N||p,children:"この内容で登録・更新"}),g&&(0,n.jsx)("button",{onClick:m,className:u().deleteButton,disabled:p,children:"このレã

1‚¿ãƒ¼ã‚’削除"})]})})},23211:e=>{e.exports={container:"MinneAccountLetterForm_container__xN1C5",pageTitleArea:"MinneAccountLetterForm_pageTitleArea__A3hlw",previewButton:"MinneAccountLetterForm_previewButton__E_Nks",content:"MinneAccountLetterForm_content__V6OwK",label:"MinneAccountLetterForm_label__0fyI2",validate:"MinneAccountLetterForm_validate__vM3_v",required:"MinneAccountLetterForm_required__06yjw",titleInput:"MinneAccountLetterForm_titleInput__u4GuC",contentInput:"MinneAccountLetterForm_contentInput__erkvg",contentInputNote:"MinneAccountLetterForm_contentInputNote__LCcFw",imageNote:"MinneAccountLetterForm_imageNote__zGQJL",imageDisplay:"MinneAccountLetterForm_imageDisplay__Khf_y",uploadImageButton:"MinneAccountLetterForm_uploadImageButton__6nF7R",imageInput:"MinneAccountLetterForm_imageInput__UVFIt",deleteImageButton:"MinneAccountLetterForm_deleteImageButton__1dtli",imagePreviewWrapper:"MinneAccountLetterForm_imagePreviewWrapper__y_t5f",imagePreview:"MinneAccountLetterForm_imagePreview__Mr_Qr",fieldset:"MinneAccountLetterForm_fieldset__Y1V_a",checkboxes:"MinneAccountLetterForm_checkboxes__Cd06I",checkbox:"MinneAccountLetterForm_checkbox__HyfN2",radio:"MinneAccountLetterForm_radio__MPKOv",statusLabel:"MinneAccountLetterForm_statusLabel__Pl8ts",disabled:"MinneAccountLetterForm_disabled__M7f_g",followerOnlyLabel:"MinneAccountLetterForm_followerOnlyLabel__e1A0_",followerOnlyNote:"MinneAccountLetterForm_followerOnlyNote___rnBk",textLink:"MinneAccountLetterForm_textLink__NWgcp",registerButton:"MinneAccountLetterForm_registerButton__DNCH3",deleteButton:"MinneAccountLetterForm_deleteButton__YCxzE",backButton:"MinneAccountLetterForm_backButton__VeRqr",notice:"MinneAccountLetterForm_notice__7Zq7M"}},31516:(e,t,a)=>{"use strict";a.d(t,{A:()=>p});var n=a(37876),r=a(3378),s=a(14232),l=a(73420),i=a.n(l);let c=(0,s.memo)(e=>{let{shareUrl:t}=e,a=encodeURI(t);return(0,n.jsxs)("a",{className:i().shareFacebook,id:"gtm-MyFacebookShareButton-shareFacebook",href:"https://www.facebook.com/sharer/sharer.php?u=".concat(a),"aria-label":"Facebookでシェアする",target:"_blank",rel:"noreferrer",children:[(0,n.jsx)(r.A,{alt:"",src:"/minne/shared/icon-brand-facebook-secondary.svg",width:20,height:20}),"シェアする"]})});var o=a(1032),d=a.n(o);let u=(0,s.memo)(e=>{let{shareUrl:t,shareText:a,shareHashtag:s=[]}=e,l=encodeURI(t),i=s&&s.join(",");return(0,n.jsxs)("a",{className:d().shareX,id:"gtm-MyXShareButton-shareX",href:"https://x.com/intent/tweet?text=".concat(encodeURI(a),"&url=").concat(l,"&hashtags=").concat(i),"aria-label":"Xでポストする",target:"_blank",rel:"noreferrer",children:[(0,n.jsx)(r.A,{alt:"",src:"/minne/shared/icon-brand-x-fill.svg",width:12,height:12}),"ポスト"]})});var h=a(64305),m=a(96403),_=a.n(m);let p=(0,s.memo)(e=>{let{description:t,shareText:a,shareUrl:s,shareHashtag:l}=e,i=(0,h.d)();return(0,n.jsxs)("div",{className:_().wrapper,children:[(0,n.jsx)("p",{className:_().description,children:t}),(0,n.jsxs)("ul",{className:_().shareList,children:[(0,n.jsx)("li",{className:_().shareItem,children:(0,n.jsxs)("button",{className:_().shareUrl,id:"gtm-MinneAccountShareSection-shareUrl",onClick:()=>{navigator.clipboard.writeText(s).then(()=>{i.showMessage("クリップボードにコピーしました")}).catch(()=>{i.showMessage("クリップボードにコピーできませんでした")})},children:[(0,n.jsx)(r.A,{alt:"",src:"/minne/icon/icon-link-gray.svg",width:20,height:20}),"URLをコピー"]})}),(0,n.jsx)("li",{className:_().shareItem,children:(0,n.jsx)(u,{shareText:a,shareUrl:s,shareHashtag:l})}),(0,n.jsx)("li",{className:_().shareItem,children:(0,n.jsx)(c,{shareUrl:s})})]})]})})},51506:(e,t,a)=>{"use strict";a.d(t,{H:()=>u,q:()=>d});var n=a(56508),r=a.n(n),s=a(39324);let{serverRuntimeConfig:l,publicRuntimeConfig:i}=a.n(s)()(),c=l.publicApiEndpoint||i.publicApiEndpoint,o={"X-Client-ID":"6f07d84178fefdc33b6c9c28c6126715c042af2c9e14a40e05d5257f2dbc6e3d","X-Client-Secret":"51abc5b95ea74f05dfcc272087602db6d0aa4f1dc85e44648393961774d73767"},d=async(e,t,a)=>{let n=new FormData;return n.append("image",a),await r()("".concat(c,"/v4/user/letters/").concat(e,"/image"),{headers:{...o,"X-CSRF-TOKEN":t},method:"POST",body:n}).then(e=>{if(e.status/100>=3)throw Error("画像を登録できませんでした");return e}).catch(e=>{throw Error(e)})},u=async(e,t)=>await r()("".concat(c,"/v4/user/letters/").concat(e,"/image"),{headers:{...o,"X-CSRF-TOKEN":t},method:"DELETE"}).then(e=>{if(e.status/100>=3)throw Error("画像を削除できませんでした");return e}).catch(e=>{throw Error(e)})},59437:(e,t,a)=>{"use strict";a.d(t,{A:()=>n.A});var n=a(66028)},73420:e=>{e.exports={shareFacebook:"MyFacebookShareButton_shareFacebook__EtvGP"}},85106:e=>{e.exports={wrapper:"AccountLetterEditPage_wrapper__n6Mrn",main:"AccountLetterEditPage_main__acx_F",backButton:"AccountLetterEditPage_backButton__2oTKX",link:"AccountLetterEditPage_link__QrZkq","failure-wrapper":"AccountLetterEditPage_failure-wrapper__fZgPo","failure-message":"AccountLetterEditPage_failure-message__n_9T2","success-wrapper":"AccountLetterEditPage_success-wrapper__r0lO7","success-message":"AccountLetterEditPage_success-message__phE59"}},90108:(e,t,a)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/account/letters/[id]/edit",function(){return a(95461)}])},95461:(e,t,a)=>{"use strict";a.r(t),a.d(t,{__N_SSP:()=>w,default:()=>f});var n=a(37876),r=a(62917),s=a(98766),l=a(57536),i=a(51506),c=a(89099),o=a(14232),d=a(11548),u=a(31516),h=a(6933),m=a(48230),_=a.n(m),p=a(85106),g=a.n(p),b=a(21198);let x=e=>{let{viewer:t,beltBannerInfo:a,letter:r,letterPath:s,isFollowerOnlyLetterReleased:l,isLoading:i,letterValue:c,successMessage:o,failedMessage:m,handleImageChange:p,handleChangeFormValue:x,handleClickRegisterButton:v,handleRemoveImage:L,handleClickDeleteButton:w,isShopStatusScheduleEnabled:f}=e;return(0,n.jsxs)(b.A,{viewer:t,activeNav:"letters",beltBannerInfo:a,isShopStatusScheduleEnabled:f,children:[o&&(0,n.jsx)("div",{className:g()["success-wrapper"],children:(0,n.jsx)("p",{className:g()["success-message"],children:o})}),m&&(0,n.jsx)("div",{className:g()["failure-wrapper"],children:(0,n.jsx)("p",{className:g()["failure-message"],children:m})}

1),"hidden"!==r.status&&(0,n.jsx)(u.A,{description:"このレターをシェア",shareText:"".concat(r.title," | ").concat(t.nickName),shareUrl:"".concat((0,h.A)()).concat(s),shareHashtag:["minneでレター公開","minne"]}),(0,n.jsx)(d.A,{letter:c,letterPath:s,handleImageChange:p,handleChangeFormValue:x,handleClickRegisterButton:v,handleClickDeleteButton:w,isEdit:!0,isDisabledSubmitButton:i,isFollowerOnlyLettersCreatable:t.userPrivacy.subscriptionBenefitsAvailability.isFollowerOnlyLettersCreatable,isFollowerOnlyLetterReleased:l,handleRemoveImage:L}),(0,n.jsx)("a",{href:"https://help.minne.com/hc/ja/articles/4406260041491-レターの利用について",className:g().link,children:"レターの利用について"}),(0,n.jsx)(_(),{href:"/account/letters",className:g().backButton,children:"戻る"})]})},v={DEFAULT:"レターを編集できませんでした。時間をおいてお試しください。",DELETE_IMAGE_FAILED:"画像を削除できませんでした。時間をおいてお試しください。",UPDATE_IMAGE_FAILED:"画像を登録・更新できませんでした。時間をおいてお試しください。",DELETE_LETTER_FAILED:"レターを削除できませんでした。時間をおいてお試しください。"},L=e=>{var t;let{viewer:a,csrfToken:d,beltBannerInfo:u,letter:h,letterPath:m,isFollowerOnlyLetterReleased:_,created:p,failedCreateImage:g,lettersCount:b,isShopStatusScheduleEnabled:L}=e,w=(0,c.useRouter)(),[f]=(0,l.oao)(),[A]=(0,l.eMM)(),{showPromotion:N,renderPlusPromotionSnackbar:F}=(0,s.b9)(),j=a.userPrivacy.subscriptionBenefitsAvailability.isLetterPushNotificationSendable;(0,o.useEffect)(()=>{p&&1===b&&!j&&N("first_letter")},[p,b,j,N]);let[E,k]=(0,o.useState)({id:h.id,title:h.title,content:h.content||"",status:h.status,prevImageUrl:null==(t=h.image)?void 0:t.baseUrl}),[y,I]=(0,o.useState)(!1),[M,C]=(0,o.useState)(!1),[S,P]=(0,o.useState)(g?"画像を登録できませんでした。時間をおいてお試しください。":""),T=(0,o.useCallback)((e,t)=>{k(a=>({...a,[e]:t}))},[]),B=(0,o.useCallback)(e=>{k(t=>{var a;return{...t,currentImageFile:null==(a=e.target.files)?void 0:a[0]}})},[]),D=(0,o.useCallback)(()=>{k(e=>({...e,currentImageFile:void 0,prevImageUrl:void 0}))},[]),U=(0,o.useCallback)(async()=>{let e="/account/letters/".concat(h.id,"/edit");await w.push(e),P(""),C(!0),I(!1),window.scrollTo({top:0})},[h.id,w]),R=(0,o.useCallback)(()=>{I(!0),f({variables:{input:{id:h.id,title:E.title,content:E.content,status:E.status}},onCompleted:async e=>{var t,a;(null==(t=e.updateLetter)?void 0:t.letter.id)&&E.currentImageFile?await (0,i.q)(e.updateLetter.letter.id,d,E.currentImageFile).then(()=>{U()}).catch(()=>{C(!1),P(v.UPDATE_IMAGE_FAILED),I(!1),window.scrollTo({top:0})}):(null==(a=e.updateLetter)?void 0:a.letter.id)&&h.image&&!E.prevImageUrl?await (0,i.H)(e.updateLetter.letter.id,d).then(()=>{U()}).catch(()=>{C(!1),P(v.DELETE_IMAGE_FAILED),I(!1),window.scrollTo({top:0})}):U()},onError:e=>{if(I(!1),C(!1),P(v.DEFAULT),e&&e.graphQLErrors&&e.graphQLErrors.length){var t;P((null==(t=e.graphQLErrors[0].extensions)?void 0:t.user_message)||v.DEFAULT)}window.scrollTo({top:0})}})},[d,h.id,E,h.image,f,U]),O=(0,o.useCallback)(()=>{confirm("削除してもよろしいですか？")&&(I(!0),A({variables:{input:{id:h.id}},onCompleted:()=>{w.push("/account/letters?deleted=true")},onError:()=>{I(!1),C(!1),P(v.DELETE_LETTER_FAILED),window.scrollTo({top:0})}}))},[h.id,A,w]),X=(0,o.useMemo)(()=>S?null:p?"レターを作成しました":M?"レターを編集しました":null,[p,M,S]);return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(r.A,{title:"レターの編集 | minne 会員ページ",description:"",canonicalHref:"",ogTitle:"",ogDescription:"",ogSiteName:"",ogType:"",ogImage:""}),(0,n.jsx)(x,{viewer:a,beltBannerInfo:u,letter:h,letterPath:m,isFollowerOnlyLetterReleased:_,isLoading:y,letterValue:E,successMessage:X,failedMessage:S,handleImageChange:B,handleChangeFormValue:T,handleClickRegisterButton:R,handleRemoveImage:D,handleClickDeleteButton:O,isShopStatusScheduleEnabled:L}),F()]})};var w=!0;let f=e=>{let{letterId:t,beltBannerInfo:a,isFollowerOnlyLetterReleased:r,created:s,failedCreateImage:i,isShopStatusScheduleEnabled:c}=e,{data:o}=(0,l.OI7)({variables:{id:t},errorPolicy:"all"});if(!o||!o.viewer||!o.viewer.userPrivacy.letter||!o.csrfToken)return null;let d="".concat(o.viewer.shopPath,"/letters/").concat(o.viewer.userPrivacy.letter.id);

1return o?(0,n.jsx)(L,{viewer:o.viewer,csrfToken:o.csrfToken,beltBannerInfo:a,letter:o.viewer.userPrivacy.letter,letterPath:d,isFollowerOnlyLetterReleased:r,created:s,failedCreateImage:i,lettersCount:o.viewer.userPrivacy.letters.totalCount,isShopStatusScheduleEnabled:c}):null}},96403:e=>{e.exports={wrapper:"MinneAccountShareSection_wrapper__5VCXy",description:"MinneAccountShareSection_description__cj5PX",shareList:"MinneAccountShareSection_shareList__WuJyr",shareItem:"MinneAccountShareSection_shareItem__VESz2",shareUrl:"MinneAccountShareSection_shareUrl__nTmvS"}}},e=>{e.O(0,[8513,8827,8230,3019,1126,8369,6782,4301,9543,5660,2345,636,6593,8792],()=>e(e.s=90108)),_N_E=e.O()}]);