https://maeda-design-room.net/_next/static/chunks/201.e4a4d81972b04e94.js

1!function(){try{var e="u">typeof window?window:"u">typeof global?global:"u">typeof globalThis?globalThis:"u">typeof self?self:{};e._sentryModuleMetadata=e._sentryModuleMetadata||{},e._sentryModuleMetadata[(new e.Error).stack]=function(e){for(var s=1;s<arguments.length;s++){var t=arguments[s];if(null!=t)for(var a in t)t.hasOwnProperty(a)&&(e[a]=t[a])}return e}({},e._sentryModuleMetadata[(new e.Error).stack],{"_sentryBundlerPluginAppKey:note-front-custom-domain":!0});var s=(new e.Error).stack;s&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[s]="3c2c330a-a1d8-4c9b-98f9-52cec5932eb3",e._sentryDebugIdIdentifier="sentry-dbid-3c2c330a-a1d8-4c9b-98f9-52cec5932eb3")}catch(e){}}();"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[201],{70201:(e,s,t)=>{t.d(s,{MagazineArrangeDialog:()=>es});var a=t(97360),n=t(59995),r=t(34797),l=t(1471),i=t(19324),o=t(50387),c=t(42795),d=t(65887),m=t(34560),u=t(60587),x=t(20341),h=t(3459),b=t(97616),g=t(14100),f=t(43602),p=t(12201),v=t(66286),j=t(2893),y=t(76854),N=(0,j.Y)(e=>`/v1/our/magazines/${encodeURIComponent(e)}/notes`,async(e,s,t,a)=>(await e.get(s,(0,v.y)((0,v.y)({},a),{},{params:void 0===t?void 0:(0,y.fy)(t)}))).data.data.map(e=>(0,y.bn)(e,{callerName:"fetchOurMagazineNotesV1"}))),k=t(67577),A=t(58541),w=t(32684),z=t(92877),L=t(96633),C=t(62263),S=(0,j.Y)(e=>`/v2/magazines/${encodeURIComponent(e)}/arrangement`,async(e,s,t,a)=>{if(void 0===t)throw Error("requestParams is required");await e.put(s,(0,y.fy)(t),a)}),I=t(61246),_=t(79041),P=t(90018),M=t(59673),R=t(61219),E=t(88651),D={"ja-JP":{reservedIconLabel:"予約",published:"公開中",reserved:"予約",draft:"下書き",frozen:"公開停止中",private:"非公開"}},T=t(92778),O=t(16239),V={published:"bg-surface-success",draft:"bg-surface-disabled",frozen:"bg-surface-danger",private:"bg-surface-disabled"};function F({status:e,lang:s,unsafeClassName:t}){let r=(0,n.Ru)({lang:s,dict:D});return(0,a.jsxs)("span",{className:(0,O.QP)("inline-flex items-center font-bold text-text-secondary text-xs leading-[1.125rem]",t),children:["reserved"===e?(0,a.jsx)(T.gXL,{size:"xs",unsafeClassName:"mr-1 shrink-0 text-text-success","aria-label":r("reservedIconLabel")}):(0,a.jsx)("span",{className:(0,O.QP)("mr-1 size-[10px] shrink-0 rounded-full",V[e]??V.draft),"aria-hidden":"true"}),r(e)]})}var U=({level:e,children:s,className:t})=>(0,a.jsx)(`h${e}`,{className:t,children:s}),$=({status:e,lang:s,metaLabel:t,cautionLabel:n,date:r,price:l,infoLabels:o,slotTranslationLabel:c})=>(0,a.jsxs)("div",{className:"flex flex-wrap items-center text-text-secondary text-xs leading-[1.125rem]",children:[e&&(0,a.jsx)(F,{status:e,lang:s}),n&&(0,a.jsx)("span",{className:"text-text-caution before:mx-1 before:content-['・']",children:n}),t&&(0,a.jsx)("span",{className:e||n?'before:mx-1 before:content-["・"]':"",children:t}),r&&(0,a.jsx)("span",{className:e||n||t?'before:mx-1 before:content-["・"]':"",children:r}),null!=l&&l>0&&(0,a.jsx)("span",{className:"before:mx-1 before:content-['・']",children:(0,a.jsx)(E.g,{price:l,size:"xs",color:"muted",isUniformSize:!0})}),o?.map((e,s)=>(0,a.jsx)("span",{className:"before:mx-1 before:content-['・']",children:e},`${e}-${s}`)),(0,i.isValidElement)(c)&&(0,a.jsx)("span",{className:"ml-1 inline-flex items-center",children:c})]});function B({title:e,lang:s,headingLevel:t=3,date:n,price:r,unsafeClassName:l,slotThumbnail:o,slotCheckbox:c,slotAnchor:d,slotAction:m,status:u,subtext:x,metaLabel:h,cautionLabel:b,infoLabels:g,slotTranslationLabel:f,footnote:p,notice:v}){return(0,a.jsxs)("div",{className:(0,O.QP)("relative flex min-w-0 bg-surface-normal p-4",l),children:[(0,i.isValidElement)(d)&&(0,i.cloneElement)(d,{unSafeClassName:"absolute inset-0 h-full w-full [&_[data-name=reaction-overlay]]:rounded-none"}),(0,i.isValidElement)(c)&&(0,a.jsx)("div",{className:"relative z-10 flex shrink-0 items-center pr-4",children:c}),(0,a.jsxs)("div",{className:"min-w-0 flex-1 overflow-hidden",children:[v&&(0,a.jsx)("div",{className:"flex items-center gap-1 font-bold text-text-secondary text-xs",children:v}),(0,a.jsx)(U,{level:t,className:"mb-[0.1875rem] min-w-0 truncate font-bold text-base text-text-primary leading-6",children:e}),x&&(0,a.jsx)("p",{className:"mb-1 min-w-0 truncate text-text-secondary text-xs leading-[1.125rem]",children:x}),(u||n||r||h||b||g&&g.length>0||(0,i.isValidElement)(f))&&(0,a.jsx)($,{status:u,lang:s,metaLabel:h,cautionLabel:b,date:n,price:r,infoLabels:g,slotTranslationLabel:f}),p&&(0,a.jsx)("small",{className:"mt-1 block text-text-secondary text-xs leading-[1.125rem]",children:p})]}),(0,i.isValidElement)(o)&&(0,a.jsx)("div",{className:"shrink-0 self-center pl-3",children:o}),(0,i.isValidElement)(m)&&(0,a.jsx)("div",{className:"relative z-10 flex shrink-0 items-center pl-3",children:m})]})}var K=t(34447),q=t(22411);let J={"ja-JP":{pinnedNote:"固定された記事",pinLabel:"ピン留め",removeLabel:"削除",restore:"戻す"}},Q=({eyecatch:e})=>(0,a.jsx)(K.default,{src:new R.fv(e).width(48).dpr(2).toString(),alt:"",width:48,height:48,className:"block h-12 w-12 rounded object-cover"}),H=({onRemove:e,ariaLabel:s})=>(0,a.jsx)(q.A,{onPress:e,children:(0,a.jsx)(l.bm,{size:"s","aria-label":s})}

1),Y="mt-2 rounded-lg border border-border-default",W=(e,s)=>({title:e.name||e.body||"",lang:s,metaLabel:e.user.nickname||e.user.urlname,date:e.publishAt?(0,R.KW)(e.publishAt):void 0,slotThumbnail:e.eyecatch?(0,a.jsx)(Q,{eyecatch:e.eyecatch}):void 0}),X=({note:e,onRemove:s})=>{let t=(0,o.u)(),r=(0,n.Ru)({lang:t,dict:J});return(0,a.jsx)(B,{...W(e,t),unsafeClassName:Y,notice:(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(l.yUp,{size:"s","aria-label":r("pinLabel")}),r("pinnedNote")]}),slotAction:(0,a.jsx)(H,{onRemove:s,ariaLabel:r("removeLabel")})})},G=({note:e,onRemove:s})=>{let t=(0,o.u)(),r=(0,n.Ru)({lang:t,dict:J});return(0,a.jsx)(B,{...W(e,t),unsafeClassName:"!bg-transparent !p-0",slotAction:(0,a.jsx)(H,{onRemove:s,ariaLabel:r("removeLabel")})})},Z=({note:e,onRestore:s})=>{let t=(0,o.u)(),r=(0,n.Ru)({lang:t,dict:J});return(0,a.jsx)(B,{...W(e,t),unsafeClassName:Y,slotAction:(0,a.jsx)(u.A,{variant:"none",size:"s",onPress:s,children:r("restore")})})},ee={"ja-JP":{title:"並び替え・削除",pinCheckbox:"先頭の記事をマガジンに固定表示する",empty:"記事がありません",cancel:"キャンセル",save:"保存"}},es=({magazineKey:e,onClose:s})=>(0,a.jsx)(i.Suspense,{fallback:(0,a.jsx)(ea,{}),children:(0,a.jsx)(et,{magazineKey:e,onClose:s})}),et=({magazineKey:e,onClose:s})=>{let t,p=(0,o.u)(),v=(0,n.Ru)({lang:p,dict:ee}),j=(0,r.Bi)(),{data:y}=(t=(0,w.L)(),(0,A.Ay)(N.path(e),()=>N.process(k.A,N.path(e),{limit:1e3},t),{suspense:!0,revalidateOnFocus:!1})),R=y??[],E=R[0]?.isPinned===!0,D=(0,i.useMemo)(()=>E?R.slice(1):R,[E,R]),{listViewData:T,visibleItems:O,canLoadMore:V,handleLoadMore:F,dragAndDropHooks:U,sortLabel:$,handleSortByPublishDate:B}=(e=>{let s=(0,o.u)(),t=(0,n.Ru)({lang:s,dict:C.Ky}),[a,r]=(0,i.useState)("asc"),[l,c]=(0,i.useState)(!1),[d,m]=(0,i.useState)(50),u=(0,L.u)({initialItems:e,getKey:e=>String(e.id)}),x=(0,i.useMemo)(()=>u.items.slice(0,d),[u.items,d]),h=d<u.items.length,b=(0,i.useCallback)(()=>{m(e=>e+50)},[]),{dragAndDropHooks:g}=(0,z.g)({getItems:e=>[...e].map(e=>{let s=u.getItem(e);return{"text/plain":String(s?.id??"")}}),onReorder:e=>{let{keys:s,target:t}=e;"before"===t.dropPosition?u.moveBefore(t.key,[...s]):"after"===t.dropPosition&&u.moveAfter(t.key,[...s])},getAllowedDropOperations:()=>["move"]}),f=t(l?"asc"===a?"sortDesc":"sortAsc":"sortByAddedDate"),p=(0,i.useCallback)(()=>{let e=[...u.items],s=e.sort((e,s)=>{let t=e.publishAt?new Date(e.publishAt).getTime():0,n=s.publishAt?new Date(s.publishAt).getTime():0;return"asc"===a?t-n:n-t}),t=e.map(e=>String(e.id));u.remove(...t),u.append(...s),m(50),r(e=>"asc"===e?"desc":"asc"),c(!0)},[u,a]);return{listViewData:u,visibleItems:x,canLoadMore:h,handleLoadMore:b,dragAndDropHooks:g,sortLabel:f,handleSortByPublishDate:p}})(D),{triggerRef:K}=(({onLoadMore:e,canLoadMore:s,rootMargin:t=2e3,enabled:a=!0})=>{let n=(0,i.useRef)(null),r=(0,i.useCallback)(t=>{let[a]=t;a.isIntersecting&&s&&e()},[s,e]);return(0,i.useEffect)(()=>{if(!a||"u"<typeof IntersectionObserver)return;let e=new IntersectionObserver(r,{root:null,rootMargin:`${t}px`,threshold:0}),s=n.current;return s&&e.observe(s),()=>{s&&e.unobserve(s),e.disconnect()}},[r,t,a]),{triggerRef:n}})({onLoadMore:F,canLoadMore:V}),{pinnedNote:q,isFirstNotePinned:J,deletedNotes:Q,areNotesExisting:H,isPinningCheckboxDisabled:Y,handleRemove:W,handleRestore:es,handlePinToggle:et}=((e,s)=>{let t=e[0]?.isPinned===!0,[a,n]=(0,i.useState)(t?e[0]:null),[r,l]=(0,i.useState)(t),[o,c]=(0,i.useState)([]),d=s.items.length>0||null!==a||o.length>0,m=!a&&o.length>0&&0===s.items.length,u=(0,i.useCallback)((e,t)=>{if(t?.pinnedNote&&a){c(e=>[...e,{...a,prevIndex:0}]),n(null),l(!1);return}let r=String(e),i=s.getItem(r);if(!i)return;let o=s.items.indexOf(i);s.remove(r),c(e=>[...e,{...i,prevIndex:o}])},[a,s]),x=(0,i.useCallback)((e,t)=>{let a=o[t];if(!a)return;c(e=>[...e.slice(0,t),...e.slice(t+1)]);let n=Math.min(e,s.items.length);0===n&&0===s.items.length||n>=s.items.length?s.append(a):s.insert(n,a)},[o,s]),h=(0,i.useCallback)(e=>{if(e&&s.items.length>0){let e=s.items[0];n(e),s.remove(String(e.id))}else!e&&a&&(s.prepend(a),n(null));l(e)},[a,s]);return{pinnedNote:a,isFirstNotePinned:r,hasPinnedFirstNote:t,deletedNotes:o,areNotesExisting:d,isPinningCheckboxDisabled:m,handleRemove:u,handleRestore:x,handlePinToggle:h}})(R,T),{sending:ea,handleSubmit:en}=(({magazineKey:e,activeNotes:s,items:t,pinnedNote:a,deletedNotes:r,isFirstNotePinned:l,hasPinnedFirstNote:c,onClose:d})=>{let m=(0,o.u)(),u=(0,n.Ru)({lang:m,dict:C.ou}),{revalidate:x}=(0,P.U)(),h=(0,w.L)(),{trackActionLogs:b}=(0,I.sr)(),g=(0,M._l)(),f=(0,i.useMemo)(()=>s.map(e=>e.id),[s]),{trigger:p,isMutating:v}=(0,_.A)(S.path(e),async(e,{arg:s})=>{await S.process(k.A,e,s,h)},{onSuccess:()=>{b({kind:"magazine-arrangement-submit",event:"click",target:"magazine",section:"magazine-arrange-modal",contents:{magazine_key:e,action:"submit",note_count:t.length+r.length}}),d(),x()},onError:()=>{b({kind:"magazine-arrangement-failure",event:"click",target:"magazine",section:"magazine-arrange-modal",contents:{magazine_key:e,action:"failure",note_count:t.length+r.length}}),g?.danger?.(u("saveFailed"))},throwOnError:!1});return{sending:v,handleSubmit:async()=>{let e=(e=>{if(r.length>0||l!==c)return e;let s=-1;for(let t=0;t<e.length;t++)e[t].id!==f[t]&&(s=t);return -1===s?[]:e.slice(0,s+1)})([...t.map(e=>({id:e.id,deleted:!1})),...r.map(e=>({id:e.id,deleted:!0}

1))]);await p({orderedNotes:e,pinnedMagazineNote:{id:a?.id??null,deleted:!a}})}}})({magazineKey:e,activeNotes:D,items:T.items,pinnedNote:q,deletedNotes:Q,isFirstNotePinned:J,hasPinnedFirstNote:E,onClose:s});return(0,a.jsxs)(d.A,{unsafeClassName:"bg-background-secondary",children:[(0,a.jsx)(m.A,{children:(0,a.jsxs)("div",{className:"relative",children:[v("title"),(0,a.jsx)("div",{className:"absolute top-[-4px] right-0",children:(0,a.jsxs)(u.A,{variant:"none",size:"s",onPress:B,children:[(0,a.jsx)(l.FUI,{size:"s","aria-label":$,unsafeClassName:"mr-1"}),$]})})]})}),(0,a.jsx)(x.A,{unsafeClassName:"bg-background-secondary p-4 overscroll-contain",children:(0,a.jsx)(a.Fragment,{children:H?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("div",{className:"py-2",children:(0,a.jsx)(h.A,{isSelected:J,isDisabled:Y,onChange:e=>et(e??!1),children:v("pinCheckbox")})}),q&&(0,a.jsx)(X,{note:q,onRemove:()=>W(q.id,{pinnedNote:!0})}),T.items.length>0&&(0,a.jsxs)("div",{className:"mt-2 bg-surface-normal",children:[(0,a.jsx)(b.hB,{"aria-labelledby":j,alwaysShowHandle:!0,items:O,dragAndDropHooks:U,children:e=>(0,a.jsx)(g.q,{textValue:e.name??String(e.id),children:(0,a.jsx)(G,{note:e,onRemove:()=>W(e.id)})},e.id)}),(0,a.jsx)("div",{ref:K,children:(0,a.jsx)(c.i,{isLoading:!1})})]}),Q.length>0&&(0,a.jsx)("div",{className:"mt-2",children:Q.map((e,s)=>(0,a.jsx)(Z,{note:e,onRestore:()=>es(e.prevIndex,s)},e.id))})]}):(0,a.jsx)("div",{className:"flex items-center justify-center py-5",children:(0,a.jsx)("div",{className:"text-sm text-text-secondary",children:v("empty")})})})}),(0,a.jsxs)(f.A,{placement:"right",children:[(0,a.jsx)(u.A,{variant:"basic",isDisabled:ea,size:"s",onPress:s,children:v("cancel")}),(0,a.jsx)(u.A,{variant:"primary",isDisabled:ea||!H,size:"s",onPress:en,children:v("save")})]})]})},ea=()=>{let e=(0,o.u)(),s=(0,n.Ru)({lang:e,dict:ee});return(0,a.jsxs)(d.A,{unsafeClassName:"bg-background-secondary",children:[(0,a.jsx)(m.A,{children:s("title")}),(0,a.jsx)(x.A,{children:(0,a.jsx)("div",{className:"flex items-center justify-center py-5",children:(0,a.jsx)(p.A,{})})})]})}}}]);