https://www.ipsa.co.jp/mobify/bundle/118/pages-micro-cms-ipsa-room-ipsa-room-tagTop.js

1"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[6266],{87509:(e,t,a)=>{a.d(t,{A:()=>u});var i=a(64180),n=a(77810),r=a(33764),l=a(74929),o=a(86400),s=a(40133),m=a(36287),d=a(87916),c=a(75826),p=a.n(c),g=a(94615);const h=({article:e,sizeVariant:t="default",layoutVariant:a="horizontal",isContentTop:c=!1,bottom:p={base:"0",md:"0"},primaryTagId:h=null})=>{const{eyecatch:u,title:x,id:f,tag:w}=e,[y,b]=(0,n.useState)(!1),E=(0,r.A)({base:!0,md:!1}),v=g.sU?(0,g.sU)("static/img/blog_notImage.png"):"/static/img/blog_notImage.png",S=null!=u&&u.url?u.url:v,A=(null==u?void 0:u.alt)||"blog_Image",B="large"===t?{width:{base:"100%",md:"100%"},maxWidth:{base:"320px",md:"320px"},height:{base:"100%",md:"100%"},maxHeight:{base:"320px",md:"320px"},fontSize:{base:"2.8986vw",md:"12px"},titleFontSize:{base:"4.8302vw",md:"20px"},spacingBetweenImageAndCategory:{base:"5.7971vw",md:"24px"}}:c?{width:{base:"160px",md:"160px"},height:{base:"160px",md:"160px"},fontSize:{base:"12px",md:"12px"},titleFontSize:{base:"18px",md:"18px"},spacingBetweenImageAndCategory:"16px"}:{width:{base:"100%",md:"100%"},maxWidth:{base:"44.4444vw",md:"184px"},height:{base:"100%",md:"100%"},maxHeight:{base:"44.4444vw",md:"184px"},fontSize:{base:"2.8986vw",md:"12px"},titleFontSize:{base:"3.8648vw",md:"16px"},spacingBetweenImageAndCategory:{base:"3.8648vw",md:"16px"}},W="vertical"===a?{direction:"row",alignItems:"flex-start",width:B.width,height:B.height}:{direction:"column",alignItems:"center",width:"100%",height:"auto"},z=(0,n.useRef)(null),_=w?[...w].sort(((e,t)=>{if(null!=h){if(e.id===h)return-1;if(t.id===h)return 1}return null==e.priority&&null==t.priority?0:null==e.priority?1:null==t.priority?-1:e.priority-t.priority})):[],F=()=>n.createElement(l.B,{spacing:"large"!==t&&"vertical"!==a?{base:"0.9662vw",md:"4px"}:{base:"1.4493vw",md:"6px"},justify:"flex-start"},_.map((e=>n.createElement(l.Q,{key:e.id},n.createElement(d.A,{to:`/ipsa-room/tag/${e.id}`,_hover:{textDecoration:"none"}},n.createElement(o.B,{height:{base:"7.2464vw",md:"30px"},paddingX:{base:"1.6908vw",md:"7px"},justifyContent:"center",borderRadius:{base:"7.7295vw",md:"32px"},border:"1px solid #777777"},n.createElement(s.E,{fontFamily:'"MFW-HiraKakuProN-W3", sans-serif',fontSize:{base:"2.8986vw",md:"12px"},lineHeight:"1",color:"#777777"},e.title))))))),I="vertical"===a&&E;return n.createElement(o.B,{spacing:"12px",alignSelf:"flex-start"},n.createElement(o.B,(0,i.A)({as:"dl",direction:W.direction,alignSelf:"stretch",spacing:B.spacingBetweenImageAndCategory,marginBottom:p},!c&&{width:W.width,height:W.height}),n.createElement(o.B,{as:"dt",width:B.width,height:B.height},n.createElement(d.A,{to:`/ipsa-room/article/${f}`},n.createElement(m.az,{width:"100%",height:"100%",onMouseOver:()=>b(!0),onMouseLeave:()=>b(!1),style:{transform:`scale(${y?.95:1})`,transformOrigin:"center center",transition:"transform 0.5s"},overflow:"hidden"},n.createElement("img",{src:S,alt:A,style:{width:"100%",height:"100%",objectFit:"cover",transform:`scale(${y?1.1:1})`,transformOrigin:"center center",transition:"transform 0.5s"}})))),n.createElement(o.B,{as:"dd",justify:"center",align:"flex-start",flex:"1",spacing:"large"!==t&&"vertical"!==a?{base:"2.8986vw",md:"12px"}:{base:"3.6231vw",md:"16px"}},n.createElement(s.E,{as:"h3",margin:0,width:"100%"},n.createElement(d.A,{to:`/ipsa-room/article/${f}`,_hover:{textDecoration:"none"},style:{display:"block",width:"100%",height:"100%",color:"#323232"},ref:z,onMouseOver:()=>b(!0),onMouseLeave:()=>b(!1)},n.createElement(s.E,{fontFamily:'"MFW-HiraKakuProN-W3", sans-serif',lineHeight:"1.5",fontSize:B.titleFontSize,alignSelf:"stretch",display:"-webkit-box",sx:{WebkitLineClamp:3,WebkitBoxOrient:"vertical",overflow:"hidden"}},x))),_.length>0&&!I&&n.createElement(F,null))),_.length>0&&I&&n.createElement(F,null))};h.propTypes={article:p().shape({eyecatch:p().shape({url:p().string,alt:p().string}),categoryId:p().shape({id:p().any}),title:p().string,id:p().any,tag:p().arrayOf(p().shape({id:p().any,title:p().string,priority:p().number}))}).isRequired,sizeVariant:p().oneOf(["default","large"]),layoutVariant:p().oneOf(["horizontal","vertical"]),isContentTop:p().bool,bottom:p().shape({base

1:p().string,md:p().string}),primaryTagId:p().any};const u=h},77878:(e,t,a)=>{a.r(t),a.d(t,{default:()=>A});var i=a(77810),n=a(49498),r=a(54019),l=a(36287),o=a(86400),s=a(40133),m=a(51147),d=a(5979),c=a(87916),p=a(64965),g=a(94615),h=a(87509),u=a(50054),x=a(4026),f=a(34692),w=a(41863),y=a(2219),b=(a(50642),a(63325)),E=a(90150),v=(a(1583),a(43535),a(26709),a(29188)),S=a(17015);const A=()=>{const{tagId:e}=(0,p.g)(),[t,a]=(0,i.useState)(10),{formatMessage:A}=(0,f.A)(),{canonical_url:B}=(0,x.getConfig)(),W=(0,p.zy)(),z=new URLSearchParams(W.search).get("draftKey"),_=`/api/v1/ipsa_room_tag/${e}`+(z?`?draftKey=${z}`:""),{data:F,isLoading:I,error:H}=(0,v.I)({queryKey:["microcms-tag",e,z],queryFn:()=>(0,n.W)(_),enabled:(S.S$||"undefined"!=typeof window)&&!!e});if(H)throw new y.HTTPError(500,"tag not found");const M=`/api/v1/ipsa_room_article?filters=tag[contains]${e}&orders=-publishedAt&limit=${t}${z?`&draftKey=${z}`:""}`,{data:k,isLoading:N,error:P}=(0,v.I)({queryKey:["microcms-articles",e,t,z],queryFn:()=>(0,n.W)(M),enabled:(S.S$||"undefined"!=typeof window)&&!!e,keepPreviousData:!0});if(P)throw new y.HTTPNotFound("articles not found");const K=(null==k?void 0:k.contents)||[],C=(null==k?void 0:k.totalCount)||0,O=!!k&&Array.isArray(k.contents),T=!!e&&O&&0===K.length,{data:$,isLoading:L}=(0,v.I)({queryKey:["microcms-recommend-articles",e],queryFn:()=>(0,n.W)("/api/v1/ipsa_room_article?filters=recommendFlag[equals]true&orders=-publishedAt&limit=8"),enabled:T}),D=(null==$?void 0:$.contents)||[];if(I||N)return i.createElement(r.E,{height:"75vh",width:"100%"});if(T&&L)return i.createElement(r.E,{height:"75vh",width:"100%"});const j={title:A({id:"ipsa-room.tag.title",defaultMessage:[{type:1,value:"tagName"},{type:0,value:"に関する記事一覧"}]},{tagName:(null==F?void 0:F.title)||""}),description:A({id:"ipsa-room.tag.description",defaultMessage:[{type:0,value:"IPSA ROOM「"},{type:1,value:"tagName"},{type:0,value:"」に関する記事一覧です。"}]},{tagName:(null==F?void 0:F.title)||""}),canonical:`${B.top}${W.pathname}`};return i.createElement(i.Fragment,null,i.createElement(u.A,{title:j.title,description:j.description,canonical:j.canonical}),i.createElement(l.az,{width:"100%",px:"17px"},i.createElement(l.az,{pt:"24px",ml:{base:"0px",md:"clamp(0px, calc((100% - 1082px) / 2), 125px)"},mr:"auto",maxWidth:"1082px",width:"100%"},i.createElement(o.B,{as:"ol",direction:"row",align:"center",spacing:"4px",alignSelf:"stretch",listStyleType:"none",m:0,p:0},i.createElement(l.az,{as:"li",display:"flex",alignItems:"center"},i.createElement(c.A,{to:"/",style:{display:"flex",alignItems:"center",textDecoration:"none"}},i.createElement(s.E,{className:"breadcrumb-link",fontFamily:'"MFW-HiraKakuProN-W3", sans-serif',lineHeight:"1.5",fontSize:"12px",color:"#5B5B5B"},i.createElement(w.A,{defaultMessage:[{type:0,value:"IPSA"}],id:"ipsa-room.home"})))),i.createElement(l.az,{as:"li",display:"flex",alignItems:"center"},i.createElement(m._,{src:(0,g.sU)("static/img/arrow_breadcrumb.svg"),alt:"arrow_breadcrumb",w:"8px",h:"8px"})),i.createElement(l.az,{as:"li",display:"flex",alignItems:"center"},i.createElement(c.A,{to:"/ipsa-room",style:{display:"flex",alignItems:"center",textDecoration:"none"}},i.createElement(s.E,{className:"breadcrumb-link",fontFamily:'"MFW-HiraKakuProN-W3", sans-serif',lineHeight:"1.5",fontSize:"12px",color:"#5B5B5B"},i.createElement(w.A,{defaultMessage:[{type:0,value:"IPSA ROOM"}],id:"ipsa-room.top.title"})))),i.createElement(l.az,{as:"li",display:"flex",alignItems:"center"},i.createElement(m._,{src:(0,g.sU)("static/img/arrow_breadcrumb.svg"),alt:"arrow_breadcrumb",w:"8px",h:"8px"})),i.createElement(l.az,{as:"li",display:"flex",alignItems:"center"},i.createElement(s.E,{fontFamily:'"MFW-HiraKakuProN-W3", sans-serif',lineHeight:"1.5",fontSize:"12px",color:"#5B5B5B"},(null==F?void 0:F.title)||"")))),i.createElement(o.B,{paddingTop:{base:"9.6615vw",md:"64px"},justify:"flex-start",align:"center",spacing:{base:"9.6618vw",md:"40px"},alignSelf:"stretch",mx:"auto",maxWidth:"1082px",width:"100%"},i.createElement(o.B,{width:"100%",maxWidth:"1082px",mx:"auto"},i.createElement(o.B,{justify:"flex-start",align:"flex-start",spacing:0,alignSelf:"stretch",width:"100%",maxWidth:"1082px",mx:"auto"},i.createElement(o.B,{direction:"row",justify:"flex-start",align:"center",spacing:"12px",alignSelf:"stretch"},i.createElement(s.E,{as:"h1",fontFamily:'"MFW-HiraKakuProN-W4", sans-serif',lineHeight:"1.5",fontSize:"24px",color:"#323232",flex:"1"},(null==F?void 0:F.title)||"")))))),0===K.length?i.createElement(i.Fragment,null,i.createElement(o.B,{paddingTop:{base:"9.6618vw",md:"64px"},paddingBottom:{base:"19.3236vw",md:"64px"},justify:"flex-start",align:"center",spacing:{base:"9.6618vw",md:"40px"},alignSelf:"stretch",mx:"auto",maxWidth:"1082px",width:"100%",overflow:"hidden"},i.createElement(s.E,{fontFamily:'"MFW-HiraKakuProN-W5", sans-serif',lineHeight:"1.7",fontSize:"15px",color:"#323232",textAlign:"center"},i.createElement(w.A,{defaultMessage:[{type:0,value:"こちらの記事はただいま準備中です。"}],id:"ipsa-room.top.preparation"}),i.createElement("br",null),i.createElement(w.A,{defaultMessage:[{type:0,value:"公開までもうしばらくお待ちください。"}],id:"ipsa-room.wait.release"}))),i.createElement(l.az,{width:"100%",px:"17px"},i.createElement(o.B,{className:"recommend-column",paddingBottom:{base:"15.4589vw",md:"80px"},mx:"auto",maxWidth:"1082px",width:"100%",spacing:"40px",overflow:"hidden",alignSelf:"stretch"},i.createElement(l.az,{width:"100%",maxWidth:"1082px"},i.createElement(o.B,{spacing:"4px",mb:{base:"9.6618vw",md:"40px"}},i.createElement(s.E,{fontFamily:'"MFW-HiraKakuProN-W3", sans-serif',lineHeight:"1.5",fontSize:"24px",color:"#323232"},i.createElement(w.A,{defaultMessage:[{type:0,value:"おすすめ記事"}],id:"recommend.ipsa-room"})),i.createElement(s.E,{fontFamily:'"MFW-HiraKakuProN-W3", sans-serif',lineHeight:"1.33",fontSize:"12px",color:"#777777"},i.createElement(w.A,{defaultMessage:[{type:0,value:"Recommend"}],id:"recommend.ipsa-room.Eng"}))),i.createElement(b.RC,{navigation:!1,modules:[E.AV,E.Ze],className:"swiper-pointer-events swiper-backface-hidden",centeredSlides:!1,centerInsufficientSlides:!1,scrollbar:{draggable:!0},slidesPerView:"auto",spaceBetween:24,watchSlidesProgress:!0,style:{maxWidth:"1082px"}},D.map((e=>i.createElement(b.qr,{key:e.id,style:{minWidth:0,boxSizing:"border-box",width:"100%",maxWidth:"320px",flex:"0 0 auto"}},i.createElement(h.A,{article:e,sizeVariant:"large",isContentTop:!0,bottom:{base:"9.6618vw",md:"44px"}}))))))))):i.createElement(o.B,{paddingTop:{base:"9.6618vw",md:"40px"},paddingBottom:{base:"15.4589vw",md:"64px"},justify:"flex-start",align:"center",alignSelf:"stretch",mx:"auto",maxWidth:"1082px",width:"100%"},i.createElement(l.az,{display:"grid",gridTemplateColumns:{base:"repeat(2, 1fr)",md:"repeat(5, 1fr)"},columnGap:{base:"2.8985vw",md:"32px"},rowGap:{base:"9.6618vw",md:"40px"},width:"100%",px:"17px"},K.map((t=>i.createElement(h.A,{key:t.id,article:t,primaryTagId:e}))))),K.length<C&&i.createElement(o.B,{width:"100%",align:"center",paddingBottom:{base:"15.4589vw",md:"80px"}},i.createElement(d.$,{onClick:()=>a((e=>e+10)),bg:"transparent",color:"#323232",width:"100%",paddingY:"12px",transition:"opacity 0.3s",_focus:{boxShadow:"none",outline:"none",background:"transparent"},_active:{boxShadow:"none",outline:"none",background:"transparent"},_hover:{boxShadow:"none",outline:"none",background:"transparent",opacity:.5}},i.createElement(s.E,{fontFamily:'"MFW-HiraKakuProN-W5", sans-serif',lineHeight:"1.5",fontSize:{base:"3.6232vw",md:"15px"},color:"#323232",textAlign:"center"},i.createElement("strong",null,i.createElement(w.A,{defaultMessage:[{type:0,value:"もっと見る +"}],id:"ipsa-room.more.button"}))))))}}}]);