https://clearsmile.jp/_next/static/chunks/1073-7d11e464c17f28ec.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]="275c8bdb-9236-4e81-be3a-6a80a47e2aa1",e._sentryDebugIdIdentifier="sentry-dbid-275c8bdb-9236-4e81-be3a-6a80a47e2aa1")}catch(e){}}(),(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1073,3117],{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 a(){for(var e="",t=0;t<arguments.length;t++){var n=arguments[t];n&&(e=i(e,function(e){if("string"==typeof e||"number"==typeof e)return e;if("object"!=typeof e)return"";if(Array.isArray(e))return a.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=i(t,n));return t}(n)))}return e}function i(e,t){return t?e?e+" "+t:e+t:e}e.exports?(a.default=a,e.exports=a):void 0===(n=(function(){return a}).apply(t,[]))||(e.exports=n)}()},38909:(e,t,n)=>{"use strict";n.d(t,{E:()=>p});var r=n(37876),a=n(15039),i=n.n(a),o=n(54587),l=n.n(o),s=n(14232),c=n(5540),d=n(51990),u=n(22231),m=n(44832),f=n(45512),h=n.n(f),y=n(62209);let p=e=>{let{clinic:t,isCardClickable:n,isHighlighted:a,onModalOpen:o,onSelectDate:f,onSelectTime:p,onClickSubmit:b,disableSoldOutClick:v=!1,reserveButtonClassNames:g}=e,[j,x]=(0,s.useState)(null),[w,N]=(0,s.useState)(null),[O,S]=(0,s.useState)(null),[k,C]=(0,s.useState)(null),[E,P]=(0,s.useState)(!1),[D,A]=(0,s.useState)(!0),B=()=>{P(!0),null==o||o(),setTimeout(()=>{null==j||j.scrollIntoView({behavior:"smooth",block:"start"})},500)},T=Object.entries(null!=O?O:{}).flatMap(e=>{let[t,{times:n}]=e;return n.some(e=>"available"===e.bookingStatus)?m.A.tz(t):[]}),I=(()=>{if(!O)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}})(),H=I&&!I.isHighlight&&"予約枠満席"===I.text,_=(0,s.useCallback)(async()=>{let e=await (0,d.p)(t.id),n=(0,d.a)(e);return S(n),N((0,c.m)(n)),C(e.description),A(!1),e},[t.id]),{ref:z}=(0,u.y)(_,{interval:6e5}),F=(0,s.useCallback)(e=>{x(e),z(e)},[z]);return(0,r.jsxs)("li",{className:i()(h().card,{[h().highlighted]:a,[h().soldOutDisabled]:v&&H}),"data-clinic-id":"clinic_".concat(t.id),ref:F,onClick:n&&!(v&&H)?e=>{e.stopPropagation(),B()}:void 0,children:[(0,r.jsxs)("div",{className:h().top,children:[(0,r.jsx)("div",{className:h().imageWrapper,children:(0,r.jsx)(l(),{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)(l(),{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:[I&&(0,r.jsxs)("div",{className:h().availableDate,children:[(0,r.jsx)("span",{className:h().availableLabel,children:"最短予約可能日"}),(0,r.jsx)("span",{className:I.isHighlight?h().dateHighlight:H?h().dateSoldOut:h().dateNormal,children:I.text})]}),(0,r.jsx)("button",{className:i()(H?h().reserveBtnDisabled:h().reserveBtn,g),disabled:!!H,onClick:e=>{e.stopPropagation(),B()},children:"予約する"})]})]})]}),E&&(0,r.jsx)(y.A,{clinic:t,availableDays:T,availableDate:w,description:k,schedule:O,isLoading:D,onClose:()=>P(!1),onSelectDate:f,onSelectTime:p,onClickSubmit:b})]},"clinic_".concat(t.id))}},62209:(e,t,n)=>{"use strict";n.d(t,{A:()=>h});var r=n(37876),a=n(15039),i=n.n(a),o=n(14232),l=n(98477),s=n(78796),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:a,availableDate:u,description:h,schedule:y,isLoading:p,onSelectDate:b,onSelectTime:v,onClickSubmit:g}=e,j=(0,o.useRef)(null),x=(0,o.useRef)(null),w=(0,o.useRef)(null),N=(0,o.useRef)(null),O=(0,o.useRef)(null),[S,k]=(0,o.useState)(!1),[C,E]=(0,o.useState)({year:null,month:null,day:null,time:null}),P=(0,o.useRef)(n);(0,o.useEffect)(()=>{P.current=n},[n]),(0,o.useEffect)(()=>{let e=()=>{P.current()};return window.addEventListener("popstate",e),window.history.pushState(null,"",window.location.href),()=>{window.removeEventListener("popstate",e)}},[]),(0,o.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,o.useCallback)(e=>{if(e&&N.current){let t=N.current,n=e.getBoundingClientRect(),r=t.getBoundingClientRect(),a=t.scrollTop,i=n.top-r.top+a-10;t.scrollTo({top:i,behavior:"smooth"})}},[]);(0,o.useEffect)(()=>{"date"===O.current&&x.current&&(O.current=null,requestAnimationFrame(()=>{D(x.current)}))},[C.year,C.month,C.day,D]),(0,o.useEffect)(()=>{"time"===O.current&&w.current&&(O.current=null,requestAnimationFrame(()=>{D(w.current)}))},[C.time,D]);let A=((e,t,n)=>{var r,a,i;return e&&t&&n&&y&&null!=(i=null==(a=y[d.A.tz("".concat(e,"-").concat(t,"-").concat(n)).format("YYYY-MM-DD")])||null==(r=a.times)?void 0:r.filter(e=>"available"===e.bookingStatus))?i:[]})(C.year,C.month,C.day),B=!!(C.year&&C.month&&C.day),T=document.getElementById("modal-root");return T?l.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:N,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:p?(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:C,onClickDay:(e,t,n)=>{a.some(r=>r.isSame(d.A.tz("".concat(e,"-").concat(t,"-").concat(n)),"day"))&&(E({year:e,month:t,day:n,time:null}),null==b||b(),O.current="date")},availableDays:a})})]}),B&&(0,r.jsxs)("div",{className:i()(m().timeForm,{[m().timeFormWithMinHeight]:!C.time}),ref:j,children:[(0,r.jsx)("div",{className:m().formTitle,children:"ご希望の時間を教えてください"}),(0,r.jsx)("div",{className:i()(m().timeList,m().fadeIn),children:A.map(e=>(0,r.jsx)("button",{className:i()(m().timeItem,{[m().active]:C.time===e.time}),onClick:()=>{var t;return t=e.time,void(E(e=>({...e,time:t})),null==v||v(),k(!0),O.current="time")},children:(0,r.jsx)("p",{children:e.time})},"".concat(C.year,"-").concat(C.month,"-").concat(C.day,"-").concat(e.time)))},"".concat(C.year,"-").concat(C.month,"-").concat(C.day)),(0,r.jsx)("div",{ref:w,children:(0,r.jsx)(f.A,{selectedTime:C,selectedClinic:t,isSkipIcon:!0,onClickSubmit:g,showOnlySchedule:!S||!C.time})})]})]})})]})}),T):null}},91418:(e,t,n)=>{"use strict";n.d(t,{k5:()=>d});var r=n(14232),a={color:void 0,size:void 0,className:void 0,style:void 0,attr:void 0},i=r.createContext&&r.createContext(a),o=["attr","size","title"];function l(){return(l=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,a,i;r=e,a=t,i=n[t],(a=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+""}(a))in r?Object.defineProperty(r,a,{value:i,enumerable:!0,configurable:!0,writable:!0}):r[a]=i}):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,l({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:a,size:i,title:s}=e,d=function(e,t){if(null==e)return{};var n,r,a=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 i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)n=i[r],!(t.indexOf(n)>=0)&&Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}(e,o),u=i||t.size||"1em";return t.className&&(n=t.className),e.className&&(n=(n?n+" ":"")+e.className),r.createElement("svg",l({stroke:"currentColor",fill:"currentColor",strokeWidth:"0"},t.attr,a,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!==i?r.createElement(i.Consumer,null,e=>t(e)):t(a)}}}]);