https://www.s5-style.com/_next/static/chunks/203-094c8a28d8c7ce75.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[203],{80154:function(e,t,s){"use strict";s.d(t,{K:function(){return u}});var r=s(61082),i=s(67294),n=s(2575),a=s(93374),o=s(6196),c=s(85893),l={container:(0,r.cx)(n.$.button1,"cn6p5zc"),button:"brntqgn",labelSeparator:"l17z098h",numFollowers:"n1nwdd0t"},u=(0,i.memo)((0,i.forwardRef)(function(e,t){var s=e.className,i=e.isFollowedByYou,n=e.numFollowers,u=e.onClick,f=i?"フォローを解除する (フォロワー数 ".concat(n,")"):"フォローする (フォロワー数 ".concat(n,")");return(0,c.jsx)("div",{className:(0,r.cx)(l.container,void 0===s?"":s),"data-is-followed-by-you":i,ref:t,children:(0,c.jsxs)("button",{type:"button",className:l.button,onClick:u,"aria-label":f,children:[(0,c.jsx)("span",{children:i?"フォロー解除":"フォロー"}),(0,c.jsx)("span",{"aria-hidden":"true",className:l.labelSeparator,children:"|"}),(0,c.jsx)("span",{className:a.NL,children:n}),(0,c.jsx)("span",{className:l.numFollowers,"aria-hidden":"true",children:(0,o.bj)(n)})]})})}));s(99313)},57465:function(e,t,s){"use strict";s.d(t,{A:function(){return a}});var r=s(61082),i=s(67294),n=s(85893),a=(0,i.memo)(function(e){var t=e.className;return(0,n.jsx)("div",{className:(0,r.cx)("cbbzf77",void 0===t?"":t),children:(0,n.jsxs)("svg",{className:"iq34ugz",children:[(0,n.jsx)("use",{href:"#iconCurator"}),(0,n.jsx)("title",{children:"Official curator"})]})})});s(48439)},63058:function(e,t,s){"use strict";s.d(t,{Y:function(){return m}});var r=s(61082),i=s(41664),n=s.n(i),a=s(67294),o=s(92623),c=s(91254),l=s(57465),u=s(85893),f={container:"c1tju2lg",inner:"isezuo5",userIcon:"udumhb2",userIconImage:"ufffo52",userName:"u1g0pkst",officialMark:"oyifxo5"},d=(0,a.memo)(function(e){var t=e.userData,s=e.isActiveOfficialCuratorIcon,r=t.icon,i=t.displayName;return(0,u.jsxs)(u.Fragment,{children:[(0,u.jsxs)("span",{className:f.userIcon,children:[(0,u.jsx)("svg",{"aria-hidden":"true",children:(0,u.jsx)("use",{href:"#iconUser"})}),r&&(0,u.jsx)(c.i,{className:f.userIconImage,src:r,alt:"$".concat(i,"のアイコン"),width:o.LF.Width,height:o.LF.Height})]}),(0,u.jsx)("span",{className:f.userName,children:i}),void 0!==s&&s&&t.isOfficialCurator&&(0,u.jsx)(l.A,{className:f.officialMark})]})}),m=(0,a.memo)(function(e){var t=e.className,s=e.userData,i=e.hasLink,a=e.isActiveOfficialCuratorIcon,o=void 0!==a&&a,c="/set/".concat(s.publicId,"/");return(0,u.jsx)("div",{className:(0,r.cx)(f.container,void 0===t?"":t),children:void 0===i||i?(0,u.jsx)(n(),{className:f.inner,scroll:!1,passHref:!0,href:c,title:s.displayName,children:(0,u.jsx)(d,{userData:s,isActiveOfficialCuratorIcon:o})}):(0,u.jsx)("div",{className:f.inner,children:(0,u.jsx)(d,{userData:s,isActiveOfficialCuratorIcon:o})})})});s(92087)},63037:function(e,t,s){"use strict";s.d(t,{D:function(){return O}});var r=s(59499),i=s(50029),n=s(64687),a=s.n(n),o=s(67294),c=s(4480),l=s(37628),u=s(84362),f=s(6196),d=s(80903),m=s(74242),h=s(77879),p=s(94286),g=s(77286),b=s(80154),j=s(63058),v=s(85893);function x(e,t){var s=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),s.push.apply(s,r)}return s}function w(e){for(var t=1;t<arguments.length;t++){var s=null!=arguments[t]?arguments[t]:{};t%2?x(Object(s),!0).forEach(function(t){(0,r.Z)(e,t,s[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(s)):x(Object(s)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(s,t))})}return e}var y={info:"i1kwlfkv",info2:"i2lylbu",followButton:"f18g78cz"},O=(0,o.memo)(function(e){var t,s,r=e.className,n=e.itemData,x=e.hasFollowButton,O=e.isUserInfoVisible,N=void 0===O||O,k=e.target,D=e.itemUserData,z=e.forceFollowedByYou,I=void 0!==z&&z,q=(0,o.useState)(I||n.isFollowedByYou),F=q[0],S=q[1],P=(0,o.useState)(null!==(s=n.numFollowers)&&void 0!==s?s:0),C=P[0],L=P[1];(0,o.useEffect)(function(){S(I||n.isFollowedByYou)},[n.isFollowedByYou,I]),(0,o.useEffect)(function(){var e;L(null!==(e=n.numFollowers)&&void 0!==e?e:0)},[n.numFollowers]);var U=(0,c.sJ)(m.K.user),B=(0,c.sJ)(d.P.token),M=(0,u.z)().pushMessage,E=(0,l.Y)().onCatchErrorOnAPIRequestCommon,Y=null!=D?D:n.user,A=(t=(0,i.Z)(a().mark(function e(){var t;return a().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(U.isLoggedIn){e.next=3;break}return M(p.n.RequiredLogin),e.abrupt("return");case 3:if(!F){e.next=9;break}return e.next=6,(0,f.iK)(w(w({},h.Mz.UnfollowSet),{},{replaceUrlId:{from:h.mZ.SetId,to:n.id.toString()},token:B})).catch(function(e){return E(e,{displayMessage:!0})});case 6:t=e.sent,e.next=12;break;case 9:return e.next=11,(0,f.iK)(w(w({},h.Mz.FollowSet),{},{replaceUrlId:{from:h.mZ.SetId,to:n.id.toString()},token:B})).catch(function(e){return E(e,{displayMessage:!0})});case 11:t=e.sent;case 12:(0,f.gj)(t)&&(F?(S(!1),L(C-1)):(S(!0),L(C+1)));case 13:case"end":return e.stop()}},e)})),function(){return t.apply(this,arguments)});return(0,v.jsx)(g.h,{className:void 0===r?"":r,itemData:n,target:k,itemUserData:D,children:(0,v.jsxs)("div",{className:N?y.info:y.info2,children:[N&&(0,v.jsx)(j.Y,{userData:Y,isActiveOfficialCuratorIcon:!0}),(void 0===x||x)&&(0,v.jsx)(b.K,{className:y.followButton,onClick:A,isFollowedByYou:F&&U.isLoggedIn,numFollowers:C})]})})});s(8481)},77286:function(e,t,s){"use strict";s.d(t,{h:function(){return h}});var r=s(59499),i=s(61082),n=s(41664),a=s.n(n),o=s(67294),c=s(92623),l=s(31665),u=s(85893);function f(e,t){var s=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),s.push.apply(s,r)}return s}function d(e){for(var t=1;t<arguments.length;t++){var s=null!=arguments[t]?arguments[t]:{};

1t%2?f(Object(s),!0).forEach(function(t){(0,r.Z)(e,t,s[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(s)):f(Object(s)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(s,t))})}return e}var m="t1mmsuqh",h=(0,o.memo)(function(e){var t=e.className,s=e.itemData,r=e.children,n=e.editUrl,f=e.target,h=e.isImageCoverVisible,p=e.itemUserData,g=(0,o.useRef)(null),b={};void 0!==h&&h&&(b["data-is-image-cover-visible"]=!0),f&&(b.target=f);var j={Default:{default:"s","@2x":"s"},Large:{default:"s","@2x":"s"}},v=p?"/set/".concat(p.publicId,"/").concat(s.id):s.url;return(0,u.jsxs)("div",{className:(0,i.cx)("c16fr1qm",void 0===t?"":t),children:[(0,u.jsxs)(a(),d(d({href:n||v,passHref:!0,scroll:!1,className:"ihii85r"},b),{},{ref:g,title:s.title,children:[(0,u.jsx)("p",{className:"t1c8zsb0",children:(0,u.jsx)("b",{className:"txy1t7w",children:s.title})}),(0,u.jsxs)("div",{className:"t8ssesk",children:[(0,u.jsx)(l.Q,{className:"t1sh60ci",imageListData:s.thumbs[0],responsiveImageMapping:{Default:{default:"s","@2x":"m"},Large:{default:"s","@2x":"m"}},alt:"Design Set「".concat(s.title,"」に含まれるサイトのキャプチャ画像 1枚目"),width:c.sk.Width,height:c.sk.Height}),(0,u.jsx)(l.Q,{className:m,imageListData:s.thumbs[1],responsiveImageMapping:j,alt:"Design Set「".concat(s.title,"」に含まれるサイトのキャプチャ画像 2枚目"),width:c.sk.Width,height:c.sk.Height}),(0,u.jsx)(l.Q,{className:m,imageListData:s.thumbs[2],responsiveImageMapping:j,alt:"Design Set「".concat(s.title,"」に含まれるサイトのキャプチャ画像 3枚目"),width:c.sk.Width,height:c.sk.Height})]})]})),r]})});s(56431)},1203:function(e,t,s){"use strict";s.d(t,{a:function(){return f}});var r=s(61082),i=s(67294),n=s(4480),a=s(48929),o=s(63037),c=s(55467),l=s(85893),u={XSmall:1,Small:1,Default:1,Medium:2,Large:4,XLarge:4,XXLarge:4},f=(0,i.memo)(function(e){var t=e.designSetItemsData,s=e.header,i=e.footer,f=e.className,d=e.isUserInfoVisible,m=void 0===d||d,h=e.hasFollowButton,p=void 0===h||h,g=e.itemUserData,b=(0,n.sJ)(c.c.layoutMode);return(0,l.jsxs)("div",{className:(0,r.cx)("commqzo",f),"data-color-type":"medium",children:[s,(0,l.jsx)("div",{className:"l14eg4pt",children:(0,l.jsx)(a.tq,{spaceBetween:20,slidesPerView:u[b],className:"ss0qzjh",children:t.map(function(e){return(0,l.jsx)(a.o5,{children:(0,l.jsx)(o.D,{target:"_blank",itemData:e,itemUserData:g,isUserInfoVisible:m,hasFollowButton:p})},e.id)})})}),i]})});s(64034)},99313:function(e){e.exports={cn6p5zc:"cn6p5zc",brntqgn:"brntqgn",l17z098h:"l17z098h",n1nwdd0t:"n1nwdd0t"}},48439:function(e){e.exports={cbbzf77:"cbbzf77",iq34ugz:"iq34ugz"}},92087:function(e){e.exports={c1tju2lg:"c1tju2lg",isezuo5:"isezuo5",udumhb2:"udumhb2",ufffo52:"ufffo52",u1g0pkst:"u1g0pkst",oyifxo5:"oyifxo5"}},8481:function(e){e.exports={i1kwlfkv:"i1kwlfkv",i2lylbu:"i2lylbu",f18g78cz:"f18g78cz"}},56431:function(e){e.exports={c16fr1qm:"c16fr1qm",ihii85r:"ihii85r",t1c8zsb0:"t1c8zsb0",txy1t7w:"txy1t7w",t8ssesk:"t8ssesk",t1sh60ci:"t1sh60ci",t1mmsuqh:"t1mmsuqh"}},64034:function(e){e.exports={commqzo:"commqzo",l14eg4pt:"l14eg4pt",ss0qzjh:"ss0qzjh"}}}]);