https://masachiro.com/_next/static/chunks/pages/news-1a2ef694bf65dea2.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6134],{3040:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/news",function(){return n(5496)}])},4839:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),function(e,t){for(var n in t)Object.defineProperty(e,n,{enumerable:!0,get:t[n]})}(t,{noSSR:function(){return noSSR},default:function(){return dynamic}});let r=n(3885),i=(n(1661),r._(n(4100)));function convertModule(e){return{default:(null==e?void 0:e.default)||e}}function noSSR(e,t){return delete t.webpack,delete t.modules,e(t)}function dynamic(e,t){let n=i.default,r={loading:e=>{let{error:t,isLoading:n,pastDelay:r}=e;return null}};e instanceof Promise?r.loader=()=>e:"function"==typeof e?r.loader=e:"object"==typeof e&&(r={...r,...e}),r={...r,...t};let a=r.loader;return(r.loadableGenerated&&(r={...r,...r.loadableGenerated},delete r.loadableGenerated),"boolean"!=typeof r.ssr||r.ssr)?n({...r,loader:()=>null!=a?a().then(convertModule):Promise.resolve(convertModule(()=>null))}):(delete r.webpack,delete r.modules,noSSR(n,r))}("function"==typeof t.default||"object"==typeof t.default&&null!==t.default)&&void 0===t.default.__esModule&&(Object.defineProperty(t.default,"__esModule",{value:!0}),Object.assign(t.default,t),e.exports=t.default)},8437:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"LoadableContext",{enumerable:!0,get:function(){return a}});let r=n(3885),i=r._(n(1661)),a=i.default.createContext(null)},4100:function(e,t,n){"use strict";/**
2@copyright (c) 2017-present James Kyle <[email protected]>
3 MIT License
4 Permission is hereby granted, free of charge, to any person obtaining
5a copy of this software and associated documentation files (the
6"Software"), to deal in the Software without restriction, including
7without limitation the rights to use, copy, modify, merge, publish,
8distribute, sublicense, and/or sell copies of the Software, and to
9permit persons to whom the Software is furnished to do so, subject to
10the following conditions:
11 The above copyright notice and this permission notice shall be
12included in all copies or substantial portions of the Software.
13 THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
14EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
15MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
16NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
17LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
18OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
19WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE
20*/Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"default",{enumerable:!0,get:function(){return u}});let r=n(3885),i=r._(n(1661)),a=n(8437),l=[],s=[],o=!1;function load(e){let t=e(),n={loading:!0,loaded:null,error:null};return n.promise=t.then(e=>(n.loading=!1,n.loaded=e,e)).catch(e=>{throw n.loading=!1,n.error=e,e}),n}let LoadableSubscription=class LoadableSubscription{promise(){return this._res.promise}retry(){this._clearTimeouts(),this._res=this._loadFn(this._opts.loader),this._state={pastDelay:!1,timedOut:!1};let{_res:e,_opts:t}=this;e.loading&&("number"==typeof t.delay&&(0===t.delay?this._state.pastDelay=!0:this._delay=setTimeout(()=>{this._update({pastDelay:!0})},t.delay)),"number"==typeof t.timeout&&(this._timeout=setTimeout(()=>{this._update({timedOut:!0})},t.timeout))),this._res.promise.then(()=>{this._update({}),this._clearTimeouts()}).catch(e=>{this._update({}),this._clearTimeouts()}),this._update({})}_update(e){this._state={...this._state,error:this._res.error,loaded:this._res.loaded,loading:this._res.loading,...e},this._callbacks.forEach(e=>e())}_clearTimeouts(){clearTimeout(this._delay),clearTimeout(this._timeout)}getCurrentValue(){return this._state}subscribe(e){return this._callbacks.add(e),()=>{this._callbacks.delete(e)}}constructor(e,t){this._loadFn=e,this._opts=t,this._callbacks=new Set,this._delay=null,this._timeout=null,this.retry()}};function Loadable(e){return function(e,t){let n=Object.assign({loader:null,loading:null,delay:200,timeout:null,webpack:null,modules:null},t),r=null;

20function init(){if(!r){let t=new LoadableSubscription(e,n);r={getCurrentValue:t.getCurrentValue.bind(t),subscribe:t.subscribe.bind(t),retry:t.retry.bind(t),promise:t.promise.bind(t)}}return r.promise()}if(!o){let e=n.webpack?n.webpack():n.modules;e&&s.push(t=>{for(let n of e)if(t.includes(n))return init()})}function LoadableComponent(e,t){!function(){init();let e=i.default.useContext(a.LoadableContext);e&&Array.isArray(n.modules)&&n.modules.forEach(t=>{e(t)})}();let l=i.default.useSyncExternalStore(r.subscribe,r.getCurrentValue,r.getCurrentValue);return i.default.useImperativeHandle(t,()=>({retry:r.retry}),[]),i.default.useMemo(()=>{var t;return l.loading||l.error?i.default.createElement(n.loading,{isLoading:l.loading,pastDelay:l.pastDelay,timedOut:l.timedOut,error:l.error,retry:r.retry}):l.loaded?i.default.createElement((t=l.loaded)&&t.default?t.default:t,e):null},[e,l])}return LoadableComponent.preload=()=>init(),LoadableComponent.displayName="LoadableComponent",i.default.forwardRef(LoadableComponent)}(load,e)}function flushInitializers(e,t){let n=[];for(;e.length;){let r=e.pop();n.push(r(t))}return Promise.all(n).then(()=>{if(e.length)return flushInitializers(e,t)})}Loadable.preloadAll=()=>new Promise((e,t)=>{flushInitializers(l).then(e,t)}),Loadable.preloadReady=e=>(void 0===e&&(e=[]),new Promise(t=>{let res=()=>(o=!0,t());flushInitializers(s,e).then(res,res)})),window.__NEXT_PRELOADREADY=Loadable.preloadReady;let u=Loadable},5496:function(e,t,n){"use strict";n.r(t),n.d(t,{__N_SSP:function(){return A},default:function(){return news}});var r=n(2196),i=n(8578),a=n(8828),l=n(3754),s=n(125),o=n(5197),u=n(9690),c=n.n(u),d=n(1247),p=n.n(d),h=n(1264);let formatDate=(e,t)=>{if(!e)return"";let n=new Date(e).getFullYear(),r=String(new Date(e).getMonth()+1).padStart(2,"0"),i=String(new Date(e).getDate()).padStart(2,"0");return t.replace("YYYY",String(n)).replace("MM",r).replace("DD",i)},CardNewsArticle=e=>{var t;let{newsArticle:n,device:i}=e;return(0,r.jsx)("li",{className:(0,l.cn)("relative flex flex-col","transition-opacity duration-200 hover:cursor-pointer hover:opacity-70"),children:(0,r.jsxs)(p(),{href:(0,h.ET)("NEWS_DETAIL",n.id),children:[n.isPinned&&(0,r.jsx)("div",{className:"z-10 absolute right-[6px] top-[6px]",children:(0,r.jsx)(o.q,{width:16,height:16,color:s.I.UI_DARK})}),n.thumbnailUrl&&(0,r.jsx)("div",{className:"mb-8 aspect-video w-full overflow-hidden",children:(0,r.jsx)(c(),{width:300,height:300,src:n.thumbnailUrl,alt:n.title,className:"h-full w-full object-cover"})}),!n.thumbnailUrl&&"pc"===i&&(0,r.jsx)("div",{className:"mb-8 aspect-video w-full"}),(0,r.jsx)("h3",{className:"line-clamp-3 text-l",children:n.title}),(0,r.jsx)("p",{className:"mt-4 text-m text-text-dark",children:formatDate(null!==(t=n.publishedAt)&&void 0!==t?t:n.createdAt,"YYYY年MM月DD日")})]})})},ListNewsArticle=e=>{var t;let{newsArticle:n}=e;return(0,r.jsx)("li",{className:"relative border-t border-ui-border last:border-b hover:cursor-pointer",children:(0,r.jsx)(p(),{href:(0,h.ET)("NEWS_DETAIL",n.id),children:(0,r.jsxs)("div",{className:(0,l.cn)("grid h-full grid-cols-[1fr_60px] gap-x-12 px-20 py-16"),children:[n.isPinned&&(0,r.jsx)("div",{className:"z-10 absolute right-8 top-4",children:(0,r.jsx)(o.q,{width:18,height:18})}),(0,r.jsxs)("div",{className:"flex h-full flex-col justify-center",children:[(0,r.jsx)("h3",{className:"line-clamp-2 text-l",children:n.title}),(0,r.jsx)("p",{className:"mt-[4px] text-m text-text-dark",children:formatDate(null!==(t=n.publishedAt)&&void 0!==t?t:n.createdAt,"YYYY年MM月DD日")})]}),n.thumbnailUrl&&(0,r.jsx)("div",{className:"h-[60px] w-[60px] overflow-hidden",children:(0,r.jsx)(c(),{width:60,height:60,src:n.thumbnailUrl,alt:n.title,className:"h-full w-full object-cover"})})]})})})};var f=n(2433),m=n(4760);let NewsArticleListMainLayout=e=>{let{device:t,title:n,designType:i,newsArticles:a,pagination:s,onPageChange:o}=e;return(0,r.jsxs)("div",{className:(0,l.cn)("mx-16 my-20 max-w-[960px] bg-white px-20 py-[20px] md:mx-auto md:px-[38px] md:py-[40px]","sp"!==t&&"rounded-m"),children:[(0,r.jsx)("h1",{className:"mb-20 bg-white  text-[16px] font-semibold md:mb-24 md:text-xl",children:n}),a.length>0&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("div",{className:"mb-20 md:mb-40",children:[i===f.VDR.List&&(0,r.jsx)("ul",{children:a.map(e=>(0,r.jsx)(ListNewsArticle,{newsArticle:e},e.id))}),i===f.VDR.Card&&(0,r.jsx)("ul",{className:(0,l.cn)("grid gap-y-32","sp"!==t?"grid-cols-3 gap-x-24":"grid-cols-1"),children:a.map(e=>(0,r.jsx)(CardNewsArticle,{newsArticle:e,device:t},e.id))})]}),(0,r.jsx)(m.t,{device:"tablet"===t?"pc":t,max:s.lastPage,current:s.currentPage,onChange:e=>o(e.page)})]})]})};var g=n(6411),b=n(6266),_=n(4049),y=n(1289);

20function _templateObject(){let e=(0,_._)(["\n  fragment PaginationFields on PaginatorInfo {\n    currentPage\n    lastPage\n    total\n  }\n"]);return _templateObject=function(){return e},e}function _templateObject1(){let e=(0,_._)(["\n  fragment NewsArticlesField on NewsArticle {\n    id\n    isPinned\n    thumbnailUrl\n    title\n    publishedAt\n    createdAt\n  }\n"]);return _templateObject1=function(){return e},e}function _templateObject2(){let e=(0,_._)(["\n  fragment NewsArticleDetailFields on NewsArticle {\n    id\n    shop {\n      id\n      name\n    }\n    thumbnailUrl\n    isPinned\n    title\n    body\n    isDraft\n    publishedAt\n    createdAt\n    updatedAt\n  }\n"]);return _templateObject2=function(){return e},e}function _templateObject3(){let e=(0,_._)(["\n  query GetNewsArticleList($input: NewsArticlesInput!) {\n    newsArticles(input: $input) {\n      data {\n        ...NewsArticlesField\n      }\n      paginatorInfo {\n        ...PaginationFields\n      }\n    }\n  }\n  ","\n  ","\n"]);return _templateObject3=function(){return e},e}function _templateObject4(){let e=(0,_._)(["\n  query GetNewsArticleDetail($input: NewsArticleInput!) {\n    newsArticle(input: $input) {\n      ...NewsArticleDetailFields\n    }\n  }\n  ","\n"]);return _templateObject4=function(){return e},e}let v=(0,y.Ps)(_templateObject()),x=(0,y.Ps)(_templateObject1()),w=(0,y.Ps)(_templateObject2()),E=(0,y.Ps)(_templateObject3(),x,v);(0,y.Ps)(_templateObject4(),w);var N=n(792);let useNewsArticleList=e=>(0,g.a)(E,{variables:{input:{isPinningEnabled:!0,publicationStatus:b.p1.Public,pagination:{perPage:12,targetPage:e.page}}},onError:N.hI});var P=n(866),j=n(4255),T=n(302);let NewsListPageLayout=e=>{var t,n;let{common:l,page:s,base:o,area:u}=e,{device:c}=(0,P.F)(o.device),d=(0,a.useRouter)(),p=d.query.page&&"string"==typeof d.query.page?parseInt(d.query.page,10):1,m=useNewsArticleList({page:p}),g=l.shopDesign.menus.find(e=>e.type===f.m3q.News),b=null===(t=u.shopDesign.area.mainArea.find(e=>"DesignPartNewsArticle"===e.contents.__typename))||void 0===t?void 0:t.contents;return(0,r.jsxs)(T.S8,{...(0,T.TT)(),children:[(0,r.jsx)(j.h,{common:l,base:o,page:s}),(0,r.jsx)(i.By,{...(0,N.xv)(l,s,c,d),children:g&&(null===(n=m.data)||void 0===n?void 0:n.newsArticles)&&(0,r.jsx)(NewsArticleListMainLayout,{device:c,title:g.displayName,designType:b?b.designType:f.VDR.List,newsArticles:m.data.newsArticles.data,pagination:m.data.newsArticles.paginatorInfo,onPageChange:e=>{d.push({pathname:(0,h.ET)("NEWS"),query:{page:e}},void 0,{scroll:!0,shallow:!0})}})})]})};var A=!0,news=e=>{let{common:t,page:n,base:i,area:a}=e;return(0,r.jsx)(NewsListPageLayout,{common:t,page:n,base:i,area:a})}},4760:function(e,t,n){"use strict";n.d(t,{t:function(){return Pagination}});var r=n(2196);let buttonType=(e,t)=>({type:e===t?"current":"button",page:t}),getNext=e=>e[e.length-1].page+1;var i=n(3754),a=n(1661);let PaginationButton=e=>{let{device:t,className:n,children:a,isCurrent:l=!1,...s}=e;return(0,r.jsx)("button",{className:(0,i.cn)("flex items-center justify-center bg-white text-text-black","hover:opacity-80 disabled:cursor-not-allowed hover:disabled:opacity-100","pc"===t&&"h-[50px] w-[48px]","sp"===t&&"h-[34px] w-[34px]",l&&"bg-disabled",n),...s,children:a})},Pagination=e=>{var t;let{device:n,max:i,current:l,range:s=7,onChange:o}=e,u=(0,a.useMemo)(()=>(function(e,t,n){let r=[],i=n||7,a=i<e;if(a){let a=i%2==0?i/2:(i-1)/2+1,l=a-1,s=i-a,o=t<=a,u=e-t<=s;if(o)[...Array(a)].forEach((e,n)=>r.push(buttonType(t,n+1)));else if(u)r.push({type:"button",page:1}),r.push({type:"omit",page:0});else{r.push({type:"button",page:1}),r.push({type:"omit",page:0});for(let e=l-2;e>0;e--)r.push(buttonType(t,t-e));r.push(buttonType(t,getNext(r)))}if(u)for(let i=e-(n-2);i<e;i++)r.push(buttonType(t,i+1));else{for(let e=1;e<=s-2;e++)r.push({type:"button",page:getNext(r)});r.push({type:"omit",page:0}),r.push({type:"button",page:e})}}else r=r.concat([...Array(e)].map((e,n)=>buttonType(t,n+1)));return{items:r,next:{type:"next",page:t<e?t+1:0,disabled:t===e},prev:{type:"prev",page:t>1?t-1:0,disabled:1===t}}})(i,l,s),[i,l,s]),c=s<i,d=(0,r.jsx)(PaginationButton,{device:n,disabled:u.prev.disabled,onClick:()=>o({type:"prev",page:u.prev.page}),children:"<"}),p=(0,r.jsx)(PaginationButton,{device:n,disabled:null!==(t=u.next.disabled)&&void 0!==t&&t,onClick:()=>o({type:"next",page:u.next.page}),children:">"}),h=u.items.map((e,t)=>{var i;return(0,r.jsx)(PaginationButton,{device:n,disabled:null!==(i=e.disabled)&&void 0!==i&&i,isCurrent:"current"===e.type,onClick:()=>o(e),children:"omit"===e.type?"…":e.page},"pagination-".concat(t))});return(0,r.jsxs)("div",{className:"mx-16 flex h-60 items-center justify-center gap-x-1 text-l font-bold md:mx-0 md:h-auto",children:[c&&d,h,c&&p]})}},8739:function(e,t,n){"use strict";

20n.d(t,{U:function(){return MenuLink}});var r=n(2196),i=n(1247),a=n.n(i),l=n(1661),s=n(1264);let MenuLink=e=>{let{type:t,customHref:n,className:i,children:o,onClick:u}=e,c=(0,l.useMemo)(()=>n||("CART"===t?(0,s.ET)("ORDER_CART"):"CUSTOM"===t||"CATEGORY"===t||"SEARCH_BOX"===t||"FREE"===t?"#":(0,s.ET)(t)),[t,n]),d="CUSTOM"===t&&n;return(0,r.jsx)(a(),{href:c,target:d?"_blank":void 0,rel:d?"noreferrer":void 0,className:i,onClick:u,children:o})}},792:function(e,t,n){"use strict";async function tryTo(e){try{let t=await e;return[t,null]}catch(e){if(!(e instanceof Error))throw e;return[null,e]}}n.d(t,{xv:function(){return createLayoutParams},wp:function(){return createPageNavigationCsr},T3:function(){return formatBasicValue},l8:function(){return formatCategoryForTag},O4:function(){return getGraphqlErrorCategories},hI:function(){return handleGraphqlError},sD:function(){return isGmcVerificationHost},EY:function(){return saveImages},t3:function(){return c.t},JA:function(){return tryTo}});let isGmcVerificationHost=e=>!!e&&"takahashim.atorica.com"===e.split(":")[0];function formatCategoryForTag(e){let t=e.length>0?e[0]:void 0,n=(null==t?void 0:t.childCategories)&&t.childCategories.length>0?t.childCategories[0]:void 0,r=(null==n?void 0:n.childCategories)&&n.childCategories.length>0?n.childCategories[0]:void 0,i=null!=e.find(e=>e.id===(null==n?void 0:n.id)),a=null!=e.find(e=>e.id===(null==r?void 0:r.id));return{level1:t,level2:i?n:void 0,level3:a?r:void 0}}n(46);var r=n(1264);function getGraphqlErrorCategories(e){return e.reduce((e,t)=>{let n=t.extensions.category;return n&&"string"==typeof n?[...e,n]:e},[])}function handleGraphqlError(e){let{graphQLErrors:t}=e;if(!t)throw e;let n=getGraphqlErrorCategories(t);if(n.includes("not_found")){window.location.href=(0,r.ET)("404");return}if(n.includes("close")){window.location.href=(0,r.ET)("CLOSE");return}throw e}var i=n(9132),a=n(6557),l=n(3754),s=n(8739);let createLayoutParams=(e,t,n,i)=>{let a=formatBasicValue(e,t,"VIEW");a.device=n;let l=e.currentShop.shop;if(!l)throw Error("ショップ情報が存在しない");let o={design:{basic:e.shopDesign.basic,menus:e.shopDesign.menus,banner:e.shopDesign.banner,id:""},currentShop:{...e.currentShop,shop:l},categories:e.shopItemCategories,isActive:!1,base:a,MenuLink:s.U,onGlobal:createOnGlobalHandler(i),onSearch:e=>{i.push({pathname:(0,r.ET)("ITEM"),query:{keywords:e}})}};return o},createOnGlobalHandler=e=>t=>{let{type:n,category:i,link:a,isOpenNewTab:s}=t,transition=(t,n)=>{n?window.open((0,r.ET)(t)):e.push((0,r.ET)(t))};if(e)switch(n){case"LAYER":i&&function(e,t){let n=(0,r.ET)("CATEGORY",e.id);t.push(n)}(i,e);break;case"LINK":if(a)switch(a){case"LEGAL_TRADING":transition("LEGAL_TRADING",s);break;case"PRIVACY_POLICY":transition("PRIVACY_POLICY",s);break;case"TERMS":transition("TERMS",s);break;case"CART":transition("ORDER_CART");break;case"PREV_ITEM_LIST":(0,l.HD)(e.query.c)?e.push((0,r.ET)("CATEGORY",e.query.c||"")):e.push((0,r.ET)("ITEM"))}}return!0};function formatBasicValue(e,t){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"VIEW",r={...(0,a.oW)(e.shopDesign.basic.styles.style),setting:(0,i.sQ)(e.shopDesign.basic.layoutType,t.device.name)};return{mode:n,device:t.device.name,style:r,menuType:t.menuType,cartTotalQty:e.cart.totalQty}}function createPageNavigationCsr(){return{url:{resolve:window.location.pathname+window.location.search,host:window.location.host,prev:document.referrer,query:Object.fromEntries(new URLSearchParams(window.location.search).entries()),params:{}},device:function(e){let t="pc",n=/iP(hone|od)/.test(e),r=/Android/.test(e),i=/iPad/.test(e),a=/Mobile/.test(e),l=!1,s=!1;return n||r&&a?(t="sp",l=!0):(i||r)&&(t="tablet",s=!0),{userAgent:e,name:t,isSp:l,isTablet:s}}(window.navigator.userAgent),menuType:null}}var o=n(1071),u=n.n(o);let saveImages=(e,t)=>new Promise(n=>{let r=0,i=[];e.forEach(e=>{"file"===e.type&&(i.push({uploadUrl:t[r].uploads.uploadUrl,img:e}),r++)}),Promise.all(i.map(async e=>{let t=u().create(),n=e.uploadUrl,r=e.img.file,i=r?r.type:"image/jpeg";await t.put(n,r,{headers:{"Content-Type":i}})})).then(()=>{n(!0)}).catch(()=>{n(!1)})});var c=n(9293)},46:function(e,t,n){"use strict";n.d(t,{O:function(){return a}});var r=n(56);let i=r.z.object({NEXT_PUBLIC_MOCK_SERVER_ENABLED:r.z.enum(["true","false"]),NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY:r.z.string().min(1),NEXT_PUBLIC_GRAPHQL_ENDPOINT:r.z.string().min(1)}),a=i.parse({NEXT_PUBLIC_MOCK_SERVER_ENABLED:"false",NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY:"pk_live_51ODJPCHht5NptaoUSAg7gxf3yBU7e0d3BgxXJiRoCKf7HlWpbCCr6lV1rBU5w0pLON1KC8OSOF7p0EehivDlp4HB00mj0cjXUu",NEXT_PUBLIC_GRAPHQL_ENDPOINT:"https://api.shop-inframe.jp/graphql"})},9293:function(e,t,n){"use strict";n.d(t,{t:function(){return a}});var r=n(1913),i=n(46);let a=(0,r.J)(i.O.NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY)},268:function(e,t,n){e.exports=n(4839)}}

20,function(e){e.O(0,[2242,1247,778,1490,3475,4336,8936,8578,9774,2888,179],function(){return e(e.s=3040)}),_N_E=e.O()}]);