https://clearsmile.jp/_next/static/chunks/9566-930a70343472a5fc.js

1!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="7f255776-d7f7-4fef-99d6-b77ff2fc5808",e._sentryDebugIdIdentifier="sentry-dbid-7f255776-d7f7-4fef-99d6-b77ff2fc5808")}catch(e){}}(),(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9566],{13566:function(e){e.exports=function(e,t){t.prototype.isSameOrBefore=function(e,t){return this.isSame(e,t)||this.isBefore(e,t)}}},15039:(e,t)=>{var n;!function(){"use strict";var r={}.hasOwnProperty;function o(){for(var e="",t=0;t<arguments.length;t++){var n=arguments[t];n&&(e=l(e,function(e){if("string"==typeof e||"number"==typeof e)return e;if("object"!=typeof e)return"";if(Array.isArray(e))return o.apply(null,e);if(e.toString!==Object.prototype.toString&&!e.toString.toString().includes("[native code]"))return e.toString();var t="";for(var n in e)r.call(e,n)&&e[n]&&(t=l(t,n));return t}(n)))}return e}function l(e,t){return t?e?e+" "+t:e+t:e}e.exports?(o.default=o,e.exports=o):void 0===(n=(function(){return o}).apply(t,[]))||(e.exports=n)}()},34824:(e,t,n)=>{e.exports=n(59784)},38909:(e,t,n)=>{"use strict";n.d(t,{E:()=>y});var r=n(37876),o=n(15039),l=n.n(o),i=n(54587),a=n.n(i),s=n(14232),c=n(5540),d=n(51990),u=n(22231),m=n(44832),f=n(45512),h=n.n(f),p=n(62209);let y=e=>{let{clinic:t,isCardClickable:n,isHighlighted:o,onModalOpen:i,onSelectDate:f,onSelectTime:y,onClickSubmit:b,disableSoldOutClick:v=!1,reserveButtonClassNames:g}=e,[j,x]=(0,s.useState)(null),[w,O]=(0,s.useState)(null),[N,S]=(0,s.useState)(null),[C,k]=(0,s.useState)(null),[P,E]=(0,s.useState)(!1),[D,_]=(0,s.useState)(!0),A=()=>{E(!0),null==i||i(),setTimeout(()=>{null==j||j.scrollIntoView({behavior:"smooth",block:"start"})},500)},B=Object.entries(null!=N?N:{}).flatMap(e=>{let[t,{times:n}]=e;return n.some(e=>"available"===e.bookingStatus)?m.A.tz(t):[]}),T=(()=>{if(!N)return null;if(!w)return{text:"予約枠満席",isHighlight:!1};let e=w.isSame(m.A.tz(),"day"),t=w.isSame(m.A.tz().add(1,"day"),"day");if(e)return{text:"本日 ".concat(w.format("HH:mm"),"〜"),isHighlight:!0};if(t)return{text:"明日",isHighlight:!0};let n=["日","月","火","水","木","金","土"][w.day()],r=w.isBefore(m.A.tz().add(7,"day"),"day");return{text:"".concat(w.format("M月D日"),"(").concat(n,")"),isHighlight:r}})(),I=T&&!T.isHighlight&&"予約枠満席"===T.text,H=(0,s.useCallback)(async()=>{let e=await (0,d.p)(t.id),n=(0,d.a)(e);return S(n),O((0,c.m)(n)),k(e.description),_(!1),e},[t.id]),{ref:R}=(0,u.y)(H,{interval:6e5}),z=(0,s.useCallback)(e=>{x(e),R(e)},[R]);return(0,r.jsxs)("li",{className:l()(h().card,{[h().highlighted]:o,[h().soldOutDisabled]:v&&I}),"data-clinic-id":"clinic_".concat(t.id),ref:z,onClick:n&&!(v&&I)?e=>{e.stopPropagation(),A()}:void 0,children:[(0,r.jsxs)("div",{className:h().top,children:[(0,r.jsx)("div",{className:h().imageWrapper,children:(0,r.jsx)(a(),{src:t.image_url,alt:"".concat(t.name,"の受付の外観"),width:150,height:140,style:{width:"100%",height:"100%",objectFit:"cover"}})}),(0,r.jsxs)("div",{className:h().info,children:[(0,r.jsx)("div",{className:h().areaBadge,children:t.area}),(0,r.jsxs)("div",{className:h().names,children:[(0,r.jsx)("p",{className:h().corporation,children:t.corporation}),(0,r.jsx)("p",{className:h().clinicName,children:t.namePulldown})]}),(0,r.jsxs)("div",{className:h().access,children:[(0,r.jsx)("span",{className:h().pinIcon,children:(0,r.jsx)(a(),{src:"/images/icon-pin.jpg",alt:"",width:16,height:16,style:{width:"12px",height:"15px",objectFit:"contain"}})}),(0,r.jsx)("span",{className:h().accessText,children:t.access})]}),(0,r.jsxs)("div",{className:h().bottom,children:[T&&(0,r.jsxs)("div",{className:h().availableDate,children:[(0,r.jsx)("span",{className:h().availableLabel,children:"最短予約可能日"}),(0,r.jsx)("span",{className:T.isHighlight?h().dateHighlight:I?h().dateSoldOut:h().dateNormal,children:T.text})]}),(0,r.jsx)("button",{className:l()(I?h().reserveBtnDisabled:h().reserveBtn,g),disabled:!!I,onClick:e=>{e.stopPropagation(),A()},children:"予約する"})]})]})]}),P&&(0,r.jsx)(p.A,{clinic:t,availableDays:B,availableDate:w,description:C,schedule:N,isLoading:D,onClose:()=>E(!1),onSelectDate:f,onSelectTime:y,onClickSubmit:b})]},"clinic_".concat(t.id))}},59784:(e,t,n)=>{"use strict";

1Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"useRouter",{enumerable:!0,get:function(){return l}});let r=n(14232),o=n(54387);function l(){return(0,r.useContext)(o.RouterContext)}("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)},62209:(e,t,n)=>{"use strict";n.d(t,{A:()=>h});var r=n(37876),o=n(15039),l=n.n(o),i=n(14232),a=n(98477),s=n(38920),c=n(36266),d=n(44832),u=n(25701),m=n.n(u),f=n(52398);let h=e=>{let{clinic:t,onClose:n,availableDays:o,availableDate:u,description:h,schedule:p,isLoading:y,onSelectDate:b,onSelectTime:v,onClickSubmit:g}=e,j=(0,i.useRef)(null),x=(0,i.useRef)(null),w=(0,i.useRef)(null),O=(0,i.useRef)(null),N=(0,i.useRef)(null),[S,C]=(0,i.useState)(!1),[k,P]=(0,i.useState)({year:null,month:null,day:null,time:null}),E=(0,i.useRef)(n);(0,i.useEffect)(()=>{E.current=n},[n]),(0,i.useEffect)(()=>{let e=()=>{E.current()};return window.addEventListener("popstate",e),window.history.pushState(null,"",window.location.href),()=>{window.removeEventListener("popstate",e)}},[]),(0,i.useEffect)(()=>{let e=window.scrollY,t={overflow:document.body.style.overflow,position:document.body.style.position,top:document.body.style.top,width:document.body.style.width},n=document.documentElement.style.scrollBehavior;return document.body.style.overflow="hidden",document.body.style.position="fixed",document.body.style.top="-".concat(e,"px"),document.body.style.width="100%",()=>{document.documentElement.style.scrollBehavior="auto",document.body.style.overflow=t.overflow,document.body.style.position=t.position,document.body.style.top=t.top,document.body.style.width=t.width,window.scrollTo(0,e),document.documentElement.style.scrollBehavior=n}},[]);let D=(0,i.useCallback)(e=>{if(e&&O.current){let t=O.current,n=e.getBoundingClientRect(),r=t.getBoundingClientRect(),o=t.scrollTop,l=n.top-r.top+o-10;t.scrollTo({top:l,behavior:"smooth"})}},[]);(0,i.useEffect)(()=>{"date"===N.current&&x.current&&(N.current=null,requestAnimationFrame(()=>{D(x.current)}))},[k.year,k.month,k.day,D]),(0,i.useEffect)(()=>{"time"===N.current&&w.current&&(N.current=null,requestAnimationFrame(()=>{D(w.current)}))},[k.time,D]);let _=((e,t,n)=>{var r,o,l;return e&&t&&n&&p&&null!=(l=null==(o=p[d.A.tz("".concat(e,"-").concat(t,"-").concat(n)).format("YYYY-MM-DD")])||null==(r=o.times)?void 0:r.filter(e=>"available"===e.bookingStatus))?l:[]})(k.year,k.month,k.day),A=!!(k.year&&k.month&&k.day),B=document.getElementById("modal-root");return B?a.createPortal((0,r.jsx)("div",{className:m().modalOverlay,onClick:e=>{e.stopPropagation(),n()},"data-botchan-target":"modal-overlay",children:(0,r.jsxs)("div",{className:m().modalContent,onClick:e=>e.stopPropagation(),ref:O,children:[(0,r.jsx)("div",{className:m().modalHeader,children:(0,r.jsx)("button",{className:m().modalClose,onClick:n,"data-botchan-target":"modal-close",children:"✕"})}),(0,r.jsx)("div",{className:m().modalBody,children:y?(0,r.jsx)("div",{className:m().modalLoading,children:"予約枠確認中..."}):(0,r.jsxs)(r.Fragment,{children:[h&&(0,r.jsx)(c.a,{content:h}),(0,r.jsxs)("div",{className:m().datetimeForm,ref:x,children:[(0,r.jsx)("div",{className:m().formTitle,children:"ご希望の予約日を教えてください"}),(0,r.jsx)("div",{className:m().form,children:(0,r.jsx)(s.A,{selectedTime:k,onClickDay:(e,t,n)=>{o.some(r=>r.isSame(d.A.tz("".concat(e,"-").concat(t,"-").concat(n)),"day"))&&(P({year:e,month:t,day:n,time:null}),null==b||b(),N.current="date")},availableDays:o})})]}),A&&(0,r.jsxs)("div",{className:l()(m().timeForm,{[m().timeFormWithMinHeight]:!k.time}),ref:j,children:[(0,r.jsx)("div",{className:m().formTitle,children:"ご希望の時間を教えてください"}),(0,r.jsx)("div",{className:l()(m().timeList,m().fadeIn),children:_.map(e=>(0,r.jsx)("button",{className:l()(m().timeItem,{[m().active]:k.time===e.time}),onClick:()=>{var t;return t=e.time,void(P(e=>({...e,time:t})),null==v||v(),C(!0),N.current="time")},children:(0,r.jsx)("p",{children:e.time})},"".concat(k.year,"-").concat(k.month,"-").concat(k.day,"-").concat(e.time)))},"".concat(k.year,"-").concat(k.month,"-").concat(k.day)),(0,r.jsx)("div",{ref:w,children:(0,r.jsx)(f.A,{selectedTime:k,selectedClinic:t,isSkipIcon:!0,onClickSubmit:g,showOnlySchedule:!S||!k.time})})]})]})})]})}),B):null}},91418:(e,t,n)=>{"use strict";n.d(t,{k5:()=>d});var r=n(14232),o={color:void 0,size:void 0,className:void 0,style:void 0,attr:void 0},l=r.createContext&&r.createContext(o),i=["attr","size","title"];function a(){return(a=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function s(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function c(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};

1t%2?s(Object(n),!0).forEach(function(t){var r,o,l;r=e,o=t,l=n[t],(o=function(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!=typeof r)return r;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:t+""}(o))in r?Object.defineProperty(r,o,{value:l,enumerable:!0,configurable:!0,writable:!0}):r[o]=l}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):s(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function d(e){return t=>r.createElement(u,a({attr:c({},e.attr)},t),function e(t){return t&&t.map((t,n)=>r.createElement(t.tag,c({key:n},t.attr),e(t.child)))}(e.child))}function u(e){var t=t=>{var n,{attr:o,size:l,title:s}=e,d=function(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n={};for(var r in e)if(Object.prototype.hasOwnProperty.call(e,r)){if(t.indexOf(r)>=0)continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r<l.length;r++)n=l[r],!(t.indexOf(n)>=0)&&Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(e,i),u=l||t.size||"1em";return t.className&&(n=t.className),e.className&&(n=(n?n+" ":"")+e.className),r.createElement("svg",a({stroke:"currentColor",fill:"currentColor",strokeWidth:"0"},t.attr,o,d,{className:n,style:c(c({color:e.color||t.color},t.style),e.style),height:u,width:u,xmlns:"http://www.w3.org/2000/svg"}),s&&r.createElement("title",null,s),e.children)};return void 0!==l?r.createElement(l.Consumer,null,e=>t(e)):t(o)}}}]);