https://www.so-net.ne.jp/assets/scripts/top.js

1/*! For license information please see LICENSE.txt */(()=>{"use strict";var t={631:()=>{class t{root;usageStatus;optionItems=null;visibleContents;constructor(t){this.root=t,this.usageStatus=[],this.optionItems=this.root.querySelectorAll(".js-option__item"),this.visibleContents=[]}async init(){await this.fetchAndConvertToObject(),this.hiddenOptionContent(),this.optionItems&&(this.visibleContents=[...this.optionItems].filter((t=>!t.hidden)).map((t=>t)),this.visibleContents&&(this.controlLoading(this.visibleContents),this.shuffleItems(this.visibleContents)))}async fetchAndConvertToObject(){const t=await fetch("/mp/api/option/usage",{cache:"no-store"});t.ok&&(this.usageStatus=await t.json())}hiddenOptionContent(){const t=Array.isArray(this.usageStatus);if(!this.optionItems||!t)return;const e=["申込中","サービス利用中","キャンセル済み","解約済み"],s=this.usageStatus.filter((t=>e.includes(t.stsName))).map((t=>String(t.srvcNo)));for(const t of this.optionItems){if(!t.dataset.optionId)return;s.includes(t.dataset.optionId)&&(t.hidden=!0)}}controlLoading(t){t?.forEach((t=>{const e=document.createElement("div");e.classList.add("is-loading"),t.appendChild(e)})),setTimeout((()=>{this.root.classList.add("is-shown")}),2e3)}shuffleItems(t){if(!t)return;const e=parseInt(this.root.getAttribute("data-random-display")||"0",10),s=Array.from(t).sort((()=>Math.random()-.5));s?.forEach(((t,s)=>{this.root.appendChild(t),s<e?t.removeAttribute("hidden"):t.setAttribute("hidden","true")}))}}(()=>{const e=document.querySelectorAll(".js-option");for(const s of e){new t(s).init()}})()},949:()=>{class t{root;targetItems=null;visibleContents;constructor(t){this.root=t,this.targetItems=this.root.querySelectorAll(".js-shuffles__item"),this.visibleContents=[]}init(){this.targetItems&&(this.visibleContents=[...this.targetItems].filter((t=>!t.hidden)).map((t=>t)),this.visibleContents&&(this.controlLoading(this.visibleContents),this.shuffleItems(this.visibleContents)))}controlLoading(t){t?.forEach((t=>{const e=document.createElement("div");e.classList.add("is-loading"),t.appendChild(e)})),setTimeout((()=>{this.root.classList.add("is-shown")}),2e3)}shuffleItems(t){if(!t)return;const e=parseInt(this.root.getAttribute("data-random-display")||"0",10),s=Array.from(t).sort((()=>Math.random()-.5));s?.forEach(((t,s)=>{this.root.appendChild(t),s<e?t.removeAttribute("hidden"):t.setAttribute("hidden","true")}))}}(()=>{const e=document.querySelectorAll(".js-shuffles");for(const s of e){new t(s).init()}})()}},e={};function s(i){var r=e[i];if(void 0!==r)return r.exports;var n=e[i]={exports:{}};return t[i](n,n.exports,s),n.exports}(()=>{const t=window.matchMedia("(min-width: 769px)"),e=(window.matchMedia("(min-width: 1000px)"),()=>{const t=location.href,{host:e}=new URL(t),s=document.cookie.split(";");if("www.so-net.ne.jp"===e||"support.so-net.ne.jp"===e){return s.some((t=>"sonet-sid-L1"===t.trim().split("=")[0]))}return s.some((t=>"sonet-sid-L1ip"===t.trim().split("=")[0]))}),i={duration:300,easing:"ease-out"},r={height:0,opacity:0},n=t=>({height:`${t.scrollHeight}px`,opacity:1}),a=t=>[n(t),r],o=t=>[r,n(t)];class c{root;triggerSp=null;triggerPc=null;content=null;isOpen=!1;isRunning="is-running";clickEventHandler;constructor(t){this.root=t,this.triggerSp=this.root.querySelector(".js-accordion-multiple-trigger-sp"),this.triggerPc=this.root.querySelector(".js-accordion-multiple-trigger-pc"),this.content=this.root.querySelector(".js-accordion-multiple-content"),this.clickEventHandler=this.switchOpenAndClose.bind(this)}init(){this.setAttributes(),this.setClickEvent(),this.setKeyDownEvent(),this.setBreakPointChangeEvent()}setAttributes(){this.triggerSp&&this.triggerPc&&this.content&&(t.matches?(this.triggerPc.setAttribute("aria-controls",this.content.id),this.triggerPc.setAttribute("aria-expanded","true"),this.triggerPc.setAttribute("role","button"),this.triggerPc.tabIndex=0):(this.triggerSp.setAttribute("aria-controls",this.content.id),this.triggerSp.setAttribute("aria-expanded","true"),this.triggerSp.setAttribute("role","button"),this.triggerSp.tabIndex=0),this.content.hidden=!1,this.isOpen=!0)}removeAttributes(){this.triggerSp&&this.triggerPc&&this.content&&(t.matches?(this.triggerSp.removeAttribute("aria-controls"),this.triggerSp.removeAttribute("aria-expanded"),this.triggerSp.removeAttribute("role"),this.triggerSp.removeAttribute("tabIndex")):(this.triggerPc.removeAttribute("aria-controls"),this.triggerPc.removeAttribute("aria-expanded"),this.triggerPc.removeAttribute("role"),this.triggerPc.removeAttribute("tabIndex")),this.content.removeAttribute("hidden"))}setClickEvent(){this.triggerSp&&this.triggerPc&&(t.matches?(this.triggerPc.addEventListener("click",this.clickEventHandler),this.triggerSp.removeEventListener("click",this.clickEventHandler)):(this.triggerSp.addEventListener("click",this.clickEventHandler),this.triggerPc.removeEventListener("click",this.clickEventHandler)))}switchOpenAndClose(t){t.preventDefault(),this.isOpen?this.close():this.open()}open(){if(this.triggerSp&&this.triggerPc&&this.content&&this.root.dataset.animationStatus!==this.isRunning)if(t.matches){this.root.dataset.animationStatus=this.isRunning,this.isOpen=!0,this.triggerPc.setAttribute("aria-expanded","true"),this.content.hidden=!1;this.content.animate(o(this.content),i).onfinish=()=>{this.root.dataset.animationStatus=""}}else{this.root.dataset.animationStatus=this.isRunning,this.isOpen=!0,this.triggerSp.setAttribute("aria-expanded","true"),this.content.hidden=!1;this.content.animate(o(this.content),i).onfinish=()=>{this.root.dataset.animationStatus=""}}}close(){if(this.triggerSp&&this.triggerPc&&this.content&&this.root.dataset.animationStatus!==this.isRunning)if(t.matches){this.root.dataset.animationStatus=this.isRunning,this.isOpen=!1,this.triggerPc.setAttribute("aria-expanded","fal

1se");this.content.animate(a(this.content),i).onfinish=()=>{this.content&&(this.content.hidden=!0),this.root.dataset.animationStatus=""}}else{this.root.dataset.animationStatus=this.isRunning,this.isOpen=!1,this.triggerSp.setAttribute("aria-expanded","false");this.content.animate(a(this.content),i).onfinish=()=>{this.content&&(this.content.hidden=!0),this.root.dataset.animationStatus=""}}}setBreakPointChangeEvent(){t.addEventListener("change",(()=>{this.removeAttributes(),this.setAttributes(),this.setClickEvent()}))}setKeyDownEvent(){t.matches?this.triggerPc?.addEventListener("keydown",(t=>{"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.triggerPc?.dispatchEvent(new CustomEvent("click")))})):this.triggerSp?.addEventListener("keydown",(t=>{"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.triggerSp?.dispatchEvent(new CustomEvent("click")))}))}}(()=>{const t=document.querySelectorAll(".js-accordion-multiple");for(const e of t){new c(e).init()}})();s(631),s(949);class h{root;membershipStatus={};memberShipItems=null;constructor(t){this.root=t,this.membershipStatus={},this.memberShipItems=this.root.querySelectorAll(".js-membership__item")}

1async init(){e()&&(await this.fetchAndConvertToObject(),this.setAppliedLabel())}async fetchAndConvertToObject(){const t=await fetch("/portal/api/portal_api/memberpremiuminfo.json",{cache:"no-store"}),e=await t.json();this.membershipStatus=e}setAppliedLabel(){if(!this.memberShipItems||!this.membershipStatus.result?.measures)return;const t=this.membershipStatus.result.measures.filter((t=>"1"===t.applied));for(const e of t)for(const t of this.memberShipItems)e.id===t.dataset.membershipId&&t.classList.add("mod-card--applied")}}(()=>{const t=document.querySelectorAll(".js-membership");for(const e of t){new h(e).init()}})(),(()=>{const{body:t}=document;e()?t.classList.add("is-login"):t.classList.add("is-logout")})();class u{root;list=null;triggers;contents;eventHandler;constructor(t){this.root=t,this.list=this.root.querySelector(".js-tab-only-sp-list"),this.triggers=this.root.querySelectorAll(".js-tab-only-sp-trigger"),this.contents=this.root.querySelectorAll(".js-tab-only-sp-content"),this.eventHandler=this.keydown.bind(this)}init(){if(this.addAttribute(),this.setClickEvent(),this.setMqlChangeEvent(),this.triggers&&!t.matches)for(const t of this.triggers)t.addEventListener("keydown",this.eventHandler)}addAttribute(){this.list&&this.triggers&&this.contents&&!t.matches&&(this.list.setAttribute("role","tablist"),this.triggers.forEach(((t,e)=>{const s=t.getAttribute("href");s&&(t.setAttribute("aria-controls",s.replace("#","")),t.setAttribute("role","tab"),t.setAttribute("aria-selected","false"),0!==e?t.tabIndex=-1:t.setAttribute("aria-selected","true"))})),this.contents.forEach(((t,e)=>{t.setAttribute("role","tabpanel"),0!==e&&(t.hidden=!0)})))}removeAttribute(){this.list&&this.triggers&&this.contents&&t.matches&&(this.list.removeAttribute("role"),this.triggers.forEach(((t,e)=>{t.removeAttribute("aria-controls"),t.removeAttribute("role"),0!==e?t.tabIndex=-1:t.removeAttribute("aria-selected")})),this.contents.forEach((t=>{t.removeAttribute("role"),t.hidden=!1})))}changeTabList(t){if(this.triggers)for(const e of this.triggers)t===e?(t.setAttribute("aria-selected","true"),t.removeAttribute("tabindex")):(e.setAttribute("aria-selected","false"),e.tabIndex=-1)}changeContent(t){if(this.contents)for(const e of this.contents)t.getAttribute("aria-controls")===e.id?e.hidden=!1:e.hidden=!0}setClickEvent(){if(this.triggers&&!t.matches)for(const t of this.triggers)t.addEventListener("click",(e=>{e.preventDefault(),this.changeTabList(t),e.currentTarget instanceof HTMLElement&&this.changeContent(e.currentTarget)}))}keydown(e){if(!this.triggers||t.matches)return;const s=this.triggers[this.triggers.length-1];switch(e.key){case"ArrowLeft":this.triggers.forEach(((t,i)=>{if(e.currentTarget===t)if(0===i)this.changeTabList(s),this.changeContent(s),s.focus();else{if(!this.triggers)return;this.changeTabList(this.triggers[i-1]),this.changeContent(this.triggers[i-1]),this.triggers[i-1].focus()}}));break;case"ArrowRight":this.triggers.forEach(((t,s)=>{if(e.currentTarget===t){if(!this.triggers)return;s===this.triggers.length-1?(this.changeTabList(this.triggers[0]),this.changeContent(this.triggers[0]),this.triggers[0].focus()):(this.changeTabList(this.triggers[s+1]),this.changeContent(this.triggers[s+1]),this.triggers[s+1].focus())}}));break;case"Home":e.preventDefault(),this.changeTabList(this.triggers[0]),this.changeContent(this.triggers[0]),this.triggers[0].focus();break;case"End":e.preventDefault(),this.changeTabList(s),this.changeContent(s),s.focus()}}setMqlChangeEvent(){t.addEventListener("change",(()=>{if(t.matches){this.removeAttribute();for(const t of this.triggers)t.removeEventListener("keydown",this.eventHandler)}else{this.addAttribute(),this.setClickEvent();for(const t of this.triggers)t.addEventListener("keydown",this.eventHandler)}}))}}(()=>{const t=document.querySelectorAll(".js-tab-only-sp");for(const e of t){new u(e).init()}})();class l{roots;summaryText;summaryStatus={};className;constructor(){this.roots=document.querySelectorAll(".js-user-status"),this.className={unread:".js-user-status__unread",unreadLink:".js-user-status__unread-link",nickName:".js-user-status__name",statusText:".js-user-status__status",statusLogoText:".js-user-status__status-icon",remainPointText:".js-user-status__remain-point",expire:".js-user-status__expire",expirePointText:".js-user-status__expire-point",courseName:".js-user-status__course-name",usageYear:".js-user-status__usage-year",usageMonth:".js-user-status__usage-month",expenseError:".js-user-status__expenses-error",sumOfExpense:".js-user-status__sum-of-expenses",notification:".js-user-status__notification",mailList:".js-user-status__mail-list",mailTemplate:".js-user-status__mail-template",mailItem:".js-user-status__mail-item",noMail:".

1js-user-status__no-mail",unregistered:".js-user-status__unregistered",mailStatusMessage:".js-user-status__mail-message",pointStatusMessage:".js-user-status__point-message",mypageList:".js-user-status__mypage-list"},this.summaryText="",this.summaryStatus={}}async init(){if(e()){for(const t of this.roots)t.hidden=!1;await this.fetchTextConvertToObject(),this.renderCurrentYearAndMonth(),this.renderDataFromSummaryStatus()}}async fetchTextConvertToObject(){const[t,e,s,i,r,n]=await Promise.all([fetch("/portal/api/portal_api/summary.txt",{cache:"no-store"}).then((t=>t.text())),fetch("/mp/api/billing/current-month",{cache:"no-store"}).then((t=>t.json())),fetch("/mp/api/course/current-month",{cache:"no-store"}).then((t=>t.json())),fetch("/mp/api/notification?max=0&unread_only=true",{cache:"no-store"}).then((t=>t.json())),fetch("/mp/api/contact-email-address",{cache:"no-store"}).then((t=>t.json())),fetch("/mp/config/so-net-top.json",{cache:"no-store"}).then((t=>t.json()))]);this.summaryText=t,this.summaryStatus={bill:e,course:s,notification:i,email:r,mypage:n}}renderTxtData(t){const e=t.exec(this.summaryText);let s;return e&&([,s]=e),s}static renderErrorMessageIfNotLogin(t){for(const e of t)e.href="",e.inert=!0,e.textContent="データを取得できませんでした"}returnArrayFromSummaryText(t,e){const s=document.createDocumentFragment(),i=document.querySelector(this.className.mailList),r=document.querySelector(this.className.noMail);if(!i)return;const n=e.map((t=>t.exec(this.summaryText)?.[1])).filter((t=>!/^[\s\r]/u.test(t??" ")));n.length||!r?(n.forEach((e=>{const i=t.content.cloneNode(!0),r=i.querySelector(this.className.mailItem),n=document.createElement("img");n.src="/assets/images/icon/blank.svg",n.alt="新しいウィンドウで表示されます",n.width=8,n.height=8,r&&e&&(r.textContent=l.escapeHtml(e)),r&&r.getAttribute("target")&&r.appendChild(n),s.appendChild(i)})),i.appendChild(s)):r.hidden=!1}static escapeHtml(t){return t.replace(/&/u,"&amp;").replace(/</u,"&lt;").replace(/>/u,"&gt;").replace(/"/u,"&quot;").replace(/'/u,"&#039;")}renderTxtByRegexp(t){const e=t.exec(this.summaryText);let s;return e&&([,s]=e),s}renderCurrentYearAndMonth(){const t=new Date,e=String(t.getFullYear()),s=String(t.getMonth()+1);for(const t of this.roots){const i=t.querySelector(this.className.usageYear),r=t.querySelector(this.className.usageMonth);i&&(i.textContent=e),r&&(r.textContent=s)}}setPathOfStatusIcon(){let t;const e="/assets/images/point/member-status/icon-";switch(this.renderTxtByRegexp(/sonet\.summary\.user\.memberStatus\.name=(?<statusText>\S+)\s+sonet/u)){case"ベーシック":t=`${e}basic.png`;break;case"ダイヤモンド":t=`${e}diamond.png`;break;case"ゴールド":t=`${e}gold.png`;break;case"プラチナ":t=`${e}platinum.png`;break;case"ルビー":t=`${e}ruby.png`;break;case"スター":t=`${e}star.png`;break;case"スーパースター":t=`${e}superstar.png`;break;default:t=""}return l.fetchTargetBlobImage(t)}async renderDataFromSummaryStatus(){const t=await this.setPathOfStatusIcon();for(const e of this.roots){const s=e.querySelectorAll(this.className.unread),i=e.querySelector(this.className.nickName),r=e.querySelector(this.className.statusText),n=e.querySelector(this.className.remainPointText),a=e.querySelector(this.className.expire),o=e.querySelector(this.className.expirePointText),c=e.querySelector(this.className.courseName),h=e.querySelector(this.className.sumOfExpense),u=e.querySelector(this.className.expenseError),m=e.querySelector(this.className.notification),g=e.querySelector(this.className.mailTemplate),d=e.querySelector(this.className.mailList),p=e.querySelector(this.className.unregistered),f=e.querySelector(this.className.mailStatusMessage),b=e.querySelector(this.className.noMail),y=e.querySelector(this.className.pointStatusMessage),S=e.querySelector(this.className.mypageList),v=e.querySelector(this.className.statusLogoText);if("1"===this.renderTxtData(/sonet\.summary\.user\.login\.status=(?<loginstatus>\d+)\s+sonet/u)){for(const t of s)if(t){const e=this.renderTxtData(/sonet\.summary\.mail\.count=(?<count>[^]+?)\ssonet/u);

1t.textContent=e?(Number(e)||0).toLocaleString():"0"}if(i){const t=this.renderTxtData(/sonet\.summary\.user\.id=(?<nickName>\S+)\s+sonet/u);i.textContent=t||""}if(r){const e=this.renderTxtData(/sonet\.summary\.user\.memberStatus\.name=(?<statusText>\S+)\s+sonet/u);e?(r.textContent=e,v&&(v.src=t)):r.textContent=""}if(n){const t=this.renderTxtData(/sonet\.summary\.spoint\.remainpoint=(?<point>\d+)\s+sonet/u);n.textContent=t?Number(t).toLocaleString():""}if(o){const t=this.renderTxtData(/sonet\.summary\.spoint\.expirationpoint=(?<expirationpoint>\d+)\s+sonet/u);o.textContent=t?Number(t).toLocaleString():""}if(c&&this.summaryStatus.course&&(c.textContent=this.summaryStatus.course.srvcName),h&&u&&c&&S){const t=this.summaryStatus.mypage?.available;t?this.renderMypageIfActive(h,u):l.renderMypageIfMaintenance(u,c,S)}if(m&&Array.isArray(this.summaryStatus.notification)){const t=this.summaryStatus.notification.map((t=>t.read)).some((t=>!1===t));m.hidden=!t}if(g&&this.returnArrayFromSummaryText(g,[/sonet\.summary\.mail\.get0\.title=(?<title0>[^]+?)\ssonet/u,/sonet\.summary\.mail\.get1\.title=(?<title1>[^]+?)\ssonet/u,/sonet\.summary\.mail\.get2\.title=(?<title2>[^]+?)\ssonet/u]),p&&this.summaryStatus.email){const t=Object.prototype.hasOwnProperty.call(this.summaryStatus.email,"customerKind"),e=!this.summaryStatus.email.email;t&&e&&(p.hidden=!1)}if(f&&d){const t=this.renderTxtData(/sonet\.summary\.mail\.status=(?<mailStatus>[SNME]+)\s+sonet/u)??"",e=l.returnTextFromErrorMessage(t);"success"!==e&&b&&(f.textContent=e,f.removeAttribute("href"),d.hidden=!0,b.hidden=!0)}if(y&&a){const t=this.renderTxtData(/sonet\.summary\.spoint\.status=(?<pointStatus>[SNME]+)\s+sonet/u)??"",e=l.returnTextFromErrorMessage(t);"success"!==e&&(y.textContent=e,y.removeAttribute("href"),a.hidden=!0)}}else f&&y&&u&&l.renderErrorMessageIfNotLogin([f,y,u])}}static returnTextFromErrorMessage(t){if("S"===t)return"success";let e;switch(t){case"N":e="ご契約情報なし";break;case"M":e="メンテナンス中";break;default:e="データ取得できませんでした"}return e}static renderMypageIfMaintenance(t,e,s){const i="メンテナンス中";t.textContent=i,e.textContent=i,s.hidden=!0,t.removeAttribute("href")}renderMypageIfActive(t,e){const s=this.summaryStatus.bill?.billingProcessedFlg,i=this.summaryStatus.bill?.billGrsAmt,r=String(Math.floor(Number(i)).toLocaleString());if(!s)return"NaN"===r?(e.textContent="データ取得エラー",void e.removeAttribute("href")):void(t.textContent=r);e.textContent="計算中"}static fetchTargetBlobImage(t){return fetch(t).then((t=>t.blob())).then((t=>URL.createObjectURL(t)))}}(()=>{const t="/"===location.pathname,e="/test_top.html"===location.pathname,s="/index2.html"===location.pathname,i=window.location.hostname;if(/^support(?:.{2})?/u.exec(i)||(t||e||s)&&!i.endsWith("so-net.ne.jp")&&!i.startsWith("resonet2024"))return;(new l).init()})()})()})();