https://trip-quest.jp/_next/static/chunks/8268-ef9c419de0ceea3c.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8268],{759:e=>{e.exports={favorite_list:"FavoriteDetail_favorite_list__1eVe7",title:"FavoriteDetail_title__R3hYB",favorite_list_edit_btn:"FavoriteDetail_favorite_list_edit_btn__JWnf1"}},97018:(e,s,l)=>{"use strict";l.d(s,{A:()=>y});var a=l(37876),t=l(14232),n=l(48230),i=l.n(n),r=l(89099),c=l(89143),o=l(4301),d=l(54587),u=l.n(d),h=l(96969),m=l(7950),v=l(51403),x=l.n(v),p=l(13522);let j=t.memo(function(e){let{isOpen:s,onClose:l,quests:n,listId:i,listName:r}=e,{updateFavoriteList:d}=(0,p.lA)(),[u,h]=(0,t.useState)([]),[m,v]=(0,t.useState)(!1),[j,N]=(0,t.useState)(null),[y,_]=(0,t.useState)(null),[S,C]=(0,t.useState)(null),[w,k]=(0,t.useState)(null),[E,D]=(0,t.useState)(null);(0,t.useEffect)(()=>{h(n)},[n]);let O=async()=>{let e=u.map(e=>e.id);await d(i,r,e),o.oR.success("並び順を変更しました。"),l()},b=e=>{var s;let l=null==(s=e.target)?void 0:s.closest("#option_modal");if(null===l)return void e.preventDefault();l&&l.clientHeight<l.scrollHeight?e.stopPropagation():e.preventDefault()};return(0,t.useEffect)(()=>{let e=document.documentElement,l=document.querySelector(".".concat(x().inner)),a=e=>{e instanceof TouchEvent&&e.target instanceof Element&&e.target.closest(".".concat(x().inner))&&e.preventDefault()};return s?(e.style.overflow="hidden",document.addEventListener("touchmove",b,{passive:!1}),v(!0),l&&l.addEventListener("touchmove",a,{passive:!1})):(e.style.overflow="",document.removeEventListener("touchmove",b)),()=>{e.style.overflow="",document.removeEventListener("touchmove",b),l&&l.removeEventListener("touchmove",a)}},[s]),(0,c.zh)({transform:s?"translate(-50%, 0%)":"translate(-50%, 100%)",config:{duration:400,easing:c.le.easeOutQuart}}),(0,c.zh)({opacity:+!!s,config:{duration:400,easing:c.le.easeOutQuart},onRest:()=>{s||v(!1)}}),(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(f,{isOpen:s,isShowOverlay:m,onClose:l}),(0,a.jsx)(g,{isOpen:s,onClose:l,quests:u,handleButtonClick:O,handleDragStart:(e,s)=>{N(s)},handleDragOver:e=>{e.preventDefault()},handleDragEnter:(e,s)=>{_(s)},handleDrop:e=>{if(!j||!y)return;let s=[...u],l=s.findIndex(e=>e.id===j.id),a=s.findIndex(e=>e.id===y.id);s.splice(l,1),s.splice(a,0,j),h(s),N(null),_(null)},handleTouchStart:(e,s)=>{C(s),k(e.touches[0].clientY),D(s)},handleTouchMove:(e,s)=>{if(null===S||null===w)return;let l=e.touches[0].clientY,a=w-l;if(Math.abs(a)>30){e.preventDefault();let t=[...u],[n]=t.splice(S,1),i=a>0?Math.max(0,s-1):Math.min(t.length,s+1);t.splice(i,0,n),h(t),C(i),k(l),D(i)}},handleTouchEnd:()=>{C(null),k(null),D(null)},draggedIndex:E,listName:r})]})}),f=e=>{let{isOpen:s,isShowOverlay:l,onClose:t}=e,n=(0,c.zh)({opacity:+!!s,config:{duration:400,easing:c.le.easeOutQuart}});return(0,a.jsx)(c.CS.div,{style:{...n,zIndex:l?11:-1},className:x().overlay,onClick:t})},g=e=>{let{isOpen:s,onClose:l,quests:t,handleButtonClick:n,handleDragStart:i,handleDragOver:r,handleDragEnter:o,handleDrop:d,handleTouchStart:v,handleTouchMove:p,handleTouchEnd:j,draggedIndex:f,listName:g}=e,N=(0,c.zh)({transform:s?"translate(-50%, 0%)":"translate(-50%, 100%)",config:{duration:400,easing:c.le.easeOutQuart}});return(0,a.jsxs)(c.CS.div,{style:{...N},className:x().modal,children:[(0,a.jsx)("div",{className:x().modal_close,children:(0,a.jsx)(m.A,{icon:"close",isSecondary:!0,onClick:()=>l()})}),(0,a.jsxs)("div",{className:x().wrapper,children:[(0,a.jsxs)("h6",{children:[(0,a.jsx)("span",{className:x().icon,children:(0,a.jsx)("span",{className:"material-symbols-outlined",children:"swap_vert"})}),"並び順を編集する"]}),(0,a.jsx)("div",{className:x().inner,style:{minHeight:"200px",overflow:"auto"},children:(0,a.jsxs)("div",{className:x().favoriteListOrderModal,children:[(0,a.jsxs)("div",{className:x().listTitle,children:[(0,a.jsx)("p",{className:x().listName,children:g}),(0,a.jsxs)("p",{className:x().listQuestsNum,children:[t.length,"件"]})]}),t.map((e,s)=>(0,a.jsxs)("div",{draggable:!0,onDragStart:s=>i(s,e),onDragOver:r,onDragEnter:s=>o(s,e),onDrop:d,onTouchStart:e=>v(e,s),onTouchMove:e=>p(e,s),onTouchEnd:j,style:{cursor:"move",opacity:f===s?.5:1,transition:"opacity 0.2s, transform 0.2s"},className:x().quests,children:[(0,a.jsx)(u(),{priority:!0,src:"".concat(e.thumbnailImage.url,"?fit=crop&w=920&h=920"),height:100,width:100,alt:e.name,className:x().questImage}),(0,a.jsx)("p",{className:x().questName,children:e.name}),(0,a.jsx)("div",{className:x().dragIcon,children:(0,a.jsx)("span",{className:"material-symbols-outlined",children:"drag_indicator"})})]},e.id))]})}),(0,a.jsxs)("ul",{className:x().stickybar,children:[(0,a.jsx)("li",{children:(0,a.jsx)(h.A,{isSmall:!0,isSecondary:!0,onClick:l,children:"キャンセル"})}),(0,a.jsx)("li",{children:(0,a.jsx)(h.A,{isSmall:!0,leftIcon:"check_small",onClick:n,children:"変更を保存する"})})]})]})]})},N=e=>{let{isOpen:s,onClose:l,listId:n,listName:i,quests:r}=e,{updateFavoriteList:d}=(0,p.lA)(),[u,v]=t.useState(i);(0,t.useEffect)(()=>{v(i)},[i]);let j=async()=>{try{await d(n,u),o.oR.success("お気に入り名を変更しました。"),v(""),l()}catch(e){console.error("Error updating favorite list:",e)}},f=(0,c.zh)({transform:s?"translate(-50%, 0%)":"translate(-50%, 100%)",config:{duration:400,easing:c.le.easeOutQuart}}),g=(0,c.zh)({opacity:+!!s,config:{duration:400,easing:c.le.easeOutQuart}});return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(c.CS.div,{style:{...g,zIndex:s?12:-1},className:x().overlay,onClick:l}),(0,a.jsxs)(c.CS.div,{style:f,className:x().modal,children:[(0,a.jsx)("div",{className:x().modal_close,children:(0,a.jsx)(m.A,{icon:"close",isSecondary:!0,onClick:l})}),(0,a.jsxs)("div",{className:x().wrapper,children:[(0,a.jsx)("h6",{children:"リスト名を編集"}),(0,a.jsxs)("div",{className:x().inner,children:[(0,a.jsx)("input",{type:"text",value:u,onChange:e=>v(e.target.value),placeholder:"リスト名を入力"}),(0,a.jsx)(h.A,{isSmall:!0,onClick:()=>j(),disabled:!u,children:"変更する"})]})]})]})]})},y=e=>{let{isOpen:s,onClose:l,listId:n,listName:d,quests:u,onRenameClick:h}=e,{deleteFavoriteList:v}=(0,p.lA)(),[f,g]=(0,t.useState)(!1),[y,_]=(0,t.useState)(!1),S=(0,r.useRouter)(),C=(0,c.zh)({transform:s?"translate(-50%, 0%)":"translate(-50%, 100%)",config:{duration:400,easing:c.le.easeOutQuart}}),w=(0,c.zh)({opacity:+!!s,config:{duration:400,easing:c.le.easeOutQuart}}),k=async()=>

1{if(window.confirm("本当にこのリストを削除しますか？"))try{await v(n),o.oR.success("リストを削除しました。"),l(),S.push("/mypage/favorites-list")}catch(e){console.error("Error deleting favorite list:",e),o.oR.error(e.message)}};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(c.CS.div,{style:{...w,zIndex:s?12:-1},className:x().overlay,onClick:l}),(0,a.jsxs)(c.CS.div,{style:C,className:x().modal,children:[(0,a.jsx)("div",{className:x().modal_close,children:(0,a.jsx)(m.A,{icon:"close",isSecondary:!0,onClick:l})}),(0,a.jsxs)("div",{className:x().wrapper,children:[(0,a.jsx)("h6",{children:"お気に入りリストの編集"}),(0,a.jsxs)("div",{className:x().inner,children:[(0,a.jsx)("div",{className:x().box,children:(0,a.jsxs)("ul",{children:[(0,a.jsx)("li",{children:(0,a.jsxs)(i(),{href:"#",onClick:()=>{g(!0),h()},children:["リスト名を編集",(0,a.jsx)("span",{className:x().arrow,children:(0,a.jsx)("span",{className:"material-symbols-outlined",children:"chevron_right"})})]})}),(0,a.jsx)("li",{children:(0,a.jsxs)(i(),{href:"#",onClick:k,children:["リストを削除",(0,a.jsx)("span",{className:x().arrow,children:(0,a.jsx)("span",{className:"material-symbols-outlined",children:"chevron_right"})})]})}),(0,a.jsx)("li",{children:(0,a.jsxs)(i(),{href:"#",onClick:()=>{_(!0),h()},children:["並び順を編集",(0,a.jsx)("span",{className:x().arrow,children:(0,a.jsx)("span",{className:"material-symbols-outlined",children:"chevron_right"})})]})})]})}),(0,a.jsxs)("small",{className:x().copy,children:["Copyright \xa9 ",new Date().getFullYear()," Hone Ltd."]})]})]})]}),(0,a.jsx)(N,{isOpen:f,onClose:()=>g(!1),listId:n,listName:d,quests:u}),(0,a.jsx)(j,{isOpen:y,onClose:()=>_(!1),quests:u,listId:n,listName:d})]})}}}]);