https://www.sugi-net.jp/_next/static/chunks/7803-b7efcf1aed16572b.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7803],{8261:(e,t,r)=>{"use strict";r.d(t,{E:()=>a});var s=r(37876);let a=({shareUrl:e})=>{let t=`https://www.sugi-net.jp/${e.startsWith("/")?e.slice(1):e}`;return(0,s.jsx)(s.Fragment,{children:(0,s.jsx)("a",{href:`https://social-plugins.line.me/lineit/share?url=${t}`,target:"_blank",rel:"noopener noreferrer",children:(0,s.jsx)("img",{src:"/icons/line.svg",height:44,width:44,alt:"LINE（別ウィンドウで開く）"})})})}},12399:(e,t,r)=>{"use strict";r.d(t,{$I:()=>o,C3:()=>l,Er:()=>m,QE:()=>i,SY:()=>s,_4:()=>p,aU:()=>d,nX:()=>c,s1:()=>a,zi:()=>n});let s=["new","popular","publishEndDate"],a="記事お気に入り解除",n="記事お気に入り登録",i="新着順",o="人気順",l="掲載期限順",c="REGISTERED",d={recommend:"1",specialInformation:"2",favorite:"3"},p={develop:"58",staging:"24",production:"13"},m={develop:"73",staging:"17",production:"11"}},13343:(e,t,r)=>{"use strict";r.d(t,{u:()=>n});var s=r(37876),a=r(14232);let n=({shareUrl:e})=>{let[t,r]=(0,a.useState)(!1);(0,a.useEffect)(()=>{r(!0)},[]);let n=`https://www.sugi-net.jp/${e.startsWith("/")?e.slice(1):e}`,i=encodeURIComponent(n);return(0,s.jsx)(s.Fragment,{children:t&&(0,s.jsxs)("div",{children:[(0,s.jsx)("script",{async:!0,defer:!0,crossOrigin:"anonymous",src:"https://connect.facebook.net/ja_JP/sdk.js#xfbml=1&version=v13.0",nonce:"cQbnNMD8"}),(0,s.jsx)("div",{className:"fb-share-button","data-href":n,"data-layout":"button","data-size":"small",children:(0,s.jsx)("a",{target:"_blank",rel:"noreferrer",href:`https://www.facebook.com/sharer/sharer.php?u=${i}&src=sdkpreparse`,className:"fb-xfbml-parse-ignore",children:(0,s.jsx)("img",{src:"/icons/facebook.svg",height:44,width:44,alt:"facebook（別ウィンドウで開く）"})})})]})})}},13680:(e,t,r)=>{"use strict";r.d(t,{A:()=>p});var s=r(37876),a=r(15039),n=r.n(a),i=r(48230),o=r.n(i),l=r(14232),c=r(95239),d=r(23342);let p=({className:e})=>{let{type:t}=(0,l.useContext)(d.z),r=[{imageUrl:"/banner/app.jpg",path:"/service/digital/sugi-app",isOpenNewWindow:!1,isNoref:!1,altText:"スギ薬局公式アプリ　おトクで便利なパートナー"},{imageUrl:"/banner/beauty-store.jpg",path:"https://sugi-drug.com/",isOpenNewWindow:!0,isNoref:!0,altText:"昨日よりきれいに　プロ厳選美容アイテム　スギ薬局BeautyStore"},{imageUrl:"/banner/digital-service.jpg",path:"/service/digital",isOpenNewWindow:!1,isNoref:!1,altText:"あなたの健康をトータルサポート　Instagram X スギサポdeli BeautyStore YouTube LINE スギスマホ　スギデジタルサービス"},{imageUrl:"/banner/payment.jpg",path:"/service/service/payment",isOpenNewWindow:!1,isNoref:!1,altText:"店舗でご利用いただける、各種お支払い方法"},{imageUrl:"/banner/sselect.jpg",path:c.y.pm.otoku.sselect_210901.index_html.$url().pathname,isOpenNewWindow:!1,isNoref:!1,altText:"エスセレクト　エスセレクト商品へのご意見ご要望をお寄せください"},{imageUrl:"/banner/sugi-stock.jpg",path:"/sugi-stock",isOpenNewWindow:!1,isNoref:!1,altText:"スギストック　防災お役立ち情報"},{imageUrl:"/banner/dcp.jpg",path:"https://dcp-sol.com/?utm_source=sugi-net&utm_medium=referral&utm_campaign=sugi-other",isOpenNewWindow:!0,isNoref:!1,altText:"DCPソリューション　スギ薬局グループの医院・クリニック開業支援　開業支援実績グループ累計500件以上　開業から盛業まで、トータルサポート。　詳しく見る"}];return"site"!==t?null:(0,s.jsx)("ul",{className:n()("grid auto-cols-min grid-cols-2 gap-2 pc:grid-cols-banner_pc pc:grid-rows-banner_pc",e),children:r.map(e=>{let t=e.path.startsWith("http://")||e.path.startsWith("https://"),r=(0,s.jsx)("img",{src:e.imageUrl,width:343,height:242,alt:e.altText+(e.isOpenNewWindow?"（別ウィンドウで開く）":"")});return(0,s.jsx)("li",{children:t?(0,s.jsx)("a",{href:e.path,target:e.isOpenNewWindow?"_blank":void 0,rel:e.isOpenNewWindow?`noopener${e.isNoref?" noreferrer":""}`:void 0,children:r}):(0,s.jsx)(o(),{href:e.path,children:r})},e.path)})})}},34176:(e,t,r)=>{"use strict";r.d(t,{v:()=>a});var s=r(37876);let a=({text:e,textColor:t,backGroundColor:r,disabled:a=!1,small:n=!1,height:i="auto",bold:o=!1,outlined:l=!1,outlinedColor:c="border-main-primary",classCustom:d,onClick:p=()=>{},ariaPressed:m=!1,style:u})=>{let x=[t,r,n?"py-1 px-1.5 rounded leading-3":"px-3 py-1.5 rounded-lg",i,o?"font-bold":"",l?`border ${c}`:"",d].join(" ");return(0,s.jsx)("button",{className:` ${x} text-sm tracking-wide`,disabled:a,onClick:e=>p(e),"aria-pressed":m,style:u,children:e})}},34670:e=>{e.exports={icons:"FavoriteIcon_icons__nKus7",spinIcon:"FavoriteIcon_spinIcon__D1yzc",hidden:"FavoriteIcon_hidden__4_SJI",show:"FavoriteIcon_show__Mwz4I"}},44040:(e,t,r)=>{"use strict";r.d(t,{r:()=>a});var s=r(37876);let a=({shareText:e="",shareUrl:t})=>{let r=`https://www.sugi-net.jp/${t.startsWith("/")?t.slice(1):t}`;return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("a",{href:`https://twitter.com/intent/tweet?url=${encodeURIComponent(r)}&text=${encodeURIComponent(e)}`,"data-lang":"ja",target:"_blank",rel:"noopener noreferrer",children:(0,s.jsx)("img",{src:"/icons/twitter.svg",height:44,width:44,alt:"X（別ウィンドウで開く）"})}),(0,s.jsx)("script",{async:!0,src:"https://platform.twitter.com/widgets.js",charSet:"utf-8"})]})}},45869:(e,t,r)=>{"use strict";r.d(t,{N:()=>a});var s=r(37876);let a=()=>(0,s.jsxs)("svg",{className:"text-white h-5 w-5 animate-spin",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",children:[(0,s.jsx)("circle",{className:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"none",strokeWidth:"3"}),(0,s.jsx)("path",{className:"opacity-75",fill:"#E94960",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"})]})},51160:(e,t,r)=>{"use strict";r.d(t,{b:()=>a});var s=r(37876);let a=({onClick:e})=>(0,s.jsx)("button",{className:"h-11 w-11 rounded-3xl bg-main-primary_pale px-1.5 py-1.5",onClick:()=>e(),children:(0,s.jsx)("img",{src:"/icons/link.svg",height:44,width:44,alt:"コピー"})})},57732:(e,t,r)=>{"use strict";r.d(t,{n:()=>C});

1var s=r(37876),a=r(14232),n=r(54852),i=r(98488),o=r(45869),l=r(51160),c=r(13343),d=r(8261),p=r(44040),m=r(12399),u=r(95239),x=r(30502);let h=(e,t)=>((e,t,r)=>{if(e)return e.replace(/<a\s+(?:[^>]*?\s+)?href="([^"]*?\.((mp4)|youtube\.com\/embed|instagram)[^"]*?)"(?:[^>]*?)>(.*?)<\/a>/gi,function(e,t,r){return"mp4"===r?`<video width="100%" height="240"  controls muted><source src="${t}" type="video/mp4"></video>`:"youtube.com/embed"===r?`<iframe width="100%" height="315" src="${t}" frameborder="0" allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>`:"instagram"===r?`<div class="instagramDiv"><blockquote  class="instagram-media" data-instgrm-permalink="${t}" data-instgrm-version="14"></blockquote></div>`:e}).replace(RegExp(`{${t}}`,"g"),r??"").replace(RegExp(`%7B${t}%7D`,"g"),r??"");return e})(e,"UserID",t);var g=r(69275),f=r(23342),b=r(35340);class w extends b.V{async fetchAccessToken(){return(await this.get("/campaign-access-token",{withCredentials:!0})).data}constructor(...e){super(...e),this.baseUri=""}}var v=r(95939),y=r(45585),j=r(34176),N=r(89099),k=r(14088),_=r(67248),$=r(58762);let C=({type:e,id:t,title:r,content:b,user:C,isLoadingFavorite:E,handleClickFavoriteArticle:I,article:T})=>{let{isMobile:S,isLogin:U,setErrorViewData:z,setConditionFilter:A,conditionFilter:W}=(0,a.useContext)(f.z),D=h(b,C?.userId),[F,L]=(0,a.useState)(D),[B,O]=(0,a.useState)(""),[R,H]=(0,a.useState)(!1),P=(0,N.useRouter)(),G=T?.userFavoriteStatus===m.nX,J=(0,k.Pv)(),q=(0,y.z)(e).on(e=>"article"===e,e=>(0,g.L)(u.y.sugi_channel._articleId(t).$url())).on(e=>"news"===e,e=>(0,g.L)(u.y.news._newsId(t).$url())).otherwise(e=>null)??"",M=()=>{H(!0),setTimeout(()=>{H(!1)},1e3)},X=async()=>{try{let e=window.location.href;await navigator.clipboard.writeText(`${e}`),M()}catch(e){if(e instanceof Error&&"NotAllowedError"===e.name&&window.flutter_inappwebview)M(),window.flutter_inappwebview.callHandler("flutter_copy_to_clipboard",window.location.href);else throw Error(`Clipboard API is not supported. ${e}`)}},Q=e=>{A({...W,categoryId:void 0,tagIds:void 0}),sessionStorage.setItem("numberScreenArticle",e),sessionStorage.removeItem("scrollToArticle")},V=e=>e===m._4.production,Y=e=>e===m.Er.production;(0,a.useEffect)(()=>{L(h(b,C?.userId))},[b,C,L]),(0,a.useEffect)(()=>{F?O((0,$.Jg)(F)):O("")},[F]),(0,a.useEffect)(()=>{if(!B)return;let e=document.createElement("script");e.async=!0,e.src="/js/embed.js",document.body.appendChild(e)},[B]),(0,a.useEffect)(()=>{let e=document.getElementById("htmlContent"),t=e?.getElementsByTagName("a");if(!t)return;let r=Array.prototype.slice.call(t).filter(e=>e.href.includes("accessToken")).map(e=>{let t=t=>{var r;return r=e.href,void(t.preventDefault(),new w().fetchAccessToken().then(e=>{let t=r.replace(/{AccessToken}/g,e.accessToken);location.href=t.replace(RegExp("%7BAccessToken%7D","g"),e.accessToken)}).catch(e=>z((0,x.G2)(e,"dialog"))))};return e.addEventListener("click",t),{target:e,handleClick:t}});return()=>{r.forEach(({target:e,handleClick:t})=>{e.removeEventListener("click",t)})}},[B]),(0,a.useEffect)(()=>{let e=document.getElementById("htmlContent"),t=e?.getElementsByTagName("img");if(t){let e=e=>{e.preventDefault()};return Array.from(t).forEach(t=>{t.style.setProperty("-webkit-touch-callout","none"),t.style.setProperty("-webkit-user-select","none"),t.style.userSelect="none",t.style.setProperty("-webkit-user-drag","none"),t.addEventListener("contextmenu",e),t.addEventListener("dragstart",e)}),()=>{Array.from(t).forEach(t=>{t.removeEventListener("contextmenu",e),t.removeEventListener("dragstart",e)})}}},[B]);let K=(0,_.r)();return(0,s.jsxs)("div",{className:"parts bg-base-white",children:[F?(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("div",{id:"htmlContent",className:`py-8 pc:py-10 ${S?"px-[5%]":"px-10"} box-border max-w-full whitespace-normal break-words`,style:{fontSize:`calc(1rem * ${K})`},dangerouslySetInnerHTML:{__html:B}}),(0,s.jsxs)("div",{className:"flex flex-col gap-5 px-4 pc:px-10",children:[T&&null!==T.category&&(0,s.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,s.jsx)("div",{className:"text-main-secondary",style:{fontSize:`calc(14px * ${K})`},children:"カテゴリ"}),(0,s.jsx)("div",{className:"flex flex-nowrap items-center",children:(0,s.jsx)("div",{className:"inline",children:(0,s.jsx)(j.v,{textColor:"text-text-tertiary",backGroundColor:"bg-background-white",text:T.category.name,small:!0,outlined:!0,outlinedColor:"border-separate-primary",classCustom:"py-[5px] !px-3 !rounded !rounded-lg !leading-5 !tracking-[0.1px]",style:{fontSize:S?`calc(14px * ${K})`:"14px"},onClick:()=>

1{if(null!==T.category){var e;e=T.category,window.flutter_inappwebview?J&&(V(e.id)?window.flutter_inappwebview.callHandler("transitionToCampaignTab","cat"):window.flutter_inappwebview.callHandler("filterArticlesByCategory",e.id,e.name)):(Q(V(e.id)?m.aU.specialInformation:m.aU.recommend),!1===V(e.id)&&A({...W,categoryId:e.id}),P.push({pathname:u.y.sugi_channel.$url().pathname,query:{categoryId:e.id}}))}}})})})]}),T&&T.tags.length>0&&(0,s.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,s.jsx)("div",{className:"text-main-secondary",style:{fontSize:`calc(14px * ${K})`},children:"タグ"}),(0,s.jsx)("ul",{className:"flex flex-wrap gap-2",children:T.tags.map(e=>(0,s.jsx)("li",{className:"!ml-0 !mt-0 h-8 before:!mr-0 before:!h-0 before:!w-0",children:(0,s.jsx)(j.v,{textColor:"text-text-tertiary",backGroundColor:"bg-background-white",text:"#"+e.name,small:!0,outlined:!0,outlinedColor:"border-separate-primary",classCustom:"py-[5px] !px-3 !rounded !rounded-lg !leading-5 !tracking-[0.1px]",style:{fontSize:S?`calc(14px * ${K})`:"14px"},onClick:()=>{window.flutter_inappwebview?J&&(Y(e.id)?window.flutter_inappwebview.callHandler("transitionToCampaignTab","tag"):window.flutter_inappwebview.callHandler("filterArticlesByTag",e.id,e.name)):(Q(Y(e.id)?m.aU.specialInformation:m.aU.recommend),!1===Y(e.id)&&A({...W,tagIds:e.id}),P.push({pathname:u.y.sugi_channel.$url().pathname,query:{tagIds:e.id}}))}})},e.id))})]})]}),T&&(0,s.jsx)(s.Fragment,{children:U?(0,s.jsxs)("button",{className:"mx-auto mb-2 mt-[42px] flex h-11 w-[calc(100%-24px)] max-w-[313px] cursor-pointer items-center justify-center gap-1 rounded-[30px] border border-main-primary_pale_1 text-base-gray pc:mb-0 pc:mt-14 pc:h-12 pc:w-[343px] pc:max-w-none",onClick:I,"aria-pressed":G,children:[G?(0,s.jsx)(i.C,{rounded:!1,isLoadingFavorite:E,isFavorite:G}):(0,s.jsx)(s.Fragment,{children:E?(0,s.jsx)(o.N,{}):(0,s.jsx)("img",{alt:"favorite-off",src:"/icons/favorite-off.svg"})}),(0,s.jsx)("span",{className:"font-bold text-main-primary_pale_1",style:{fontSize:S?`calc(16px * ${K})`:"18px"},children:!E&&`お気に入り${G?"から削除":"に追加"}`})]}):(0,s.jsxs)("div",{className:"flex flex-col items-center justify-center gap-2 px-3 pb-2 pt-[42px] pc:px-0 pc:pb-0 pc:pt-14",children:[(0,s.jsxs)("button",{className:"pointer-events-none flex h-11 w-full max-w-[313px] items-center justify-center gap-1 rounded-[30px] bg-main-secondary_pale text-base-gray pc:h-12 pc:w-[343px] pc:max-w-none","aria-pressed":!1,children:[(0,s.jsx)("img",{src:"/icons/heart.svg",alt:""}),(0,s.jsx)("p",{className:"font-bold",style:{fontSize:`calc(16px * ${K})`},children:"お気に入りに追加"})]}),(0,s.jsxs)("p",{className:"mt-2 text-center font-bold text-main-tertiary",style:{fontSize:`calc(14px * ${K})`},children:[(0,s.jsx)("button",{onClick:v.J,className:"cursor-pointer text-text-link_dark_2 underline",children:"ログイン"}),"すると使用可能です"]})]})})]}):(0,s.jsxs)("div",{className:"flex flex-col items-center py-8 pc:pb-[73px] pc:pt-[83px]",children:[(0,s.jsxs)("div",{className:"mb-6 flex flex-col items-center justify-center gap-6 pc:mb-[26px]",children:[(0,s.jsx)("img",{src:"/images/pages/sugi-channel/article-not-found.png",alt:"article-not-found",width:S?126:204,className:"h-[72px] pc:h-[118px]"}),(0,s.jsxs)("p",{className:"text-center font-bold",style:{fontSize:`calc(16px * ${K})`},children:["ログインすると",S&&(0,s.jsx)("br",{}),"記事をお読みいただけます"]})]}),(0,s.jsx)(n.$,{text:"ログイン / 新規登録",textColor:"text-base-white",backgroundColor:"bg-main-primary",fontStyle:"font-bold",roundedType:"round",className:["h-12 w-[250px] text-base font-bold"],onClick:v.J,filled:!0})]}),"article"===e&&(0,s.jsxs)("ul",{className:"flex justify-center gap-6 py-4 pc:justify-end pc:gap-9 pc:pb-10 pc:pr-10 pc:pt-9",children:[(0,s.jsx)("li",{className:"contents",children:(0,s.jsxs)("div",{className:"relative",children:[(0,s.jsx)(l.b,{onClick:X}),R&&(0,s.jsx)("span",{className:"before:border-x-transparent absolute -top-0 left-1/2 -translate-x-1/2 translate-y-[calc(-100%-13px)] whitespace-nowrap rounded-[3px] bg-backGround-secondary px-2 py-1.5 text-xs text-text-secondary before:absolute before:-bottom-2 before:left-1/2 before:h-0 before:w-0 before:-translate-x-1/2 before:transform before:border-x-[7px] before:border-b-0 before:border-t-[12px] before:border-solid before:border-t-backGround-secondary before:text-base-transparent",children:"コピーしました"})]})}),(0,s.jsx)("li",{className:"contents",children:(0,s.jsx)(c.u,{shareUrl:q})}),(0,s.jsx)("li",{className:"contents",children:(0,s.jsx)(p.r,{shareText:r,shareUrl:q})}),(0,s.jsx)("li",{className:"contents",children:(0,s.jsx)(d.E,{shareUrl:q})})]})]})}},67248:(e,t,r)=>{"use strict";r.d(t,{r:()=>n});var s=r(14232),a=r(23342);let n=()=>{let{textScaleFactor:e}=(0,s.useContext)(a.z),t=Number(e);return t>0?t:1}},98488:(e,t,r)=>{"use strict";r.d(t,{C:()=>o});var s=r(37876),a=r(34670),n=r.n(a),i=r(45869);let o=({isFavorite:e,rounded:t,isLoadingFavorite:r=!1,grey:a=!1,red:o=!1})=>(0,s.jsxs)("div",{className:`${n().icons} relative`,children:[(0,s.jsx)("div",{className:`${n().spinIcon} ${n().hidden} ${r&&n().show}`,children:(0,s.jsx)(i.N,{})}),(0,s.jsx)("img",{className:`${n().hidden} ${!r&&a&&n().show} cursor-pointer p-[6px] ${t&&"rounded-full border border-solid border-[#A5998DCC] bg-[rgba(255,255,255,0.80)]"}`,alt:"",src:"/icons/favorite-on-grey.svg"}),(0,s.jsx)("img",{className:`${n().hidden} ${!r&&e&&!a&&n().show} cursor-pointer p-[6px] ${t&&"rounded-full border border-solid border-[#A5998DCC] bg-[rgba(255,255,255,0.80)]"}`,alt:"",src:"/icons/favorite-on.svg"}),(0,s.jsx)("img",{className:`${n().hidden} ${!r&&!e&&!a&&!o&&n().show} cursor-pointer p-[6px] ${t&&"rounded-full border border-solid border-[#C5C3C1] bg-[rgba(255,255,255,0.80)]"}`,alt:"",src:"/icons/favorite-off.svg"}),(0,s.jsx)("img",{className:`${n().hidden} ${!r&&!e&&o&&n().show} cursor-pointer p-[6px] ${t&&"rounded-full border border-solid border-[#C5C3C1] bg-[rgba(255,255,255,0.80)]"}`,alt:"",src:"/icons/favorite-off-red.svg"})]})}}]);