https://oshinoko-community.com/_next/static/chunks/pages/check-in-450797a42436f9e4.js

1!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},s=(new e.Error).stack;s&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[s]="7cd8ce38-8752-42c0-986f-7ead7dca5660",e._sentryDebugIdIdentifier="sentry-dbid-7cd8ce38-8752-42c0-986f-7ead7dca5660")}catch(e){}}(),(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3420,12363,41267],{8303:(e,s,l)=>{"use strict";l.d(s,{sv:()=>o,RC:()=>i,qr:()=>r.qr,Mn:()=>r.Mn});var n=l(79532),a=l(69387),r=l(16717);let i=({children:e,className:s,...l})=>(0,n.jsx)(r.RC,{className:(0,a.A)(s,"z-auto"),role:"tabpanel",...l,onSwiper:e=>{e.el&&e.el.setAttribute("tabindex","0"),l.onSwiper?.(e)},children:e});var t=l(29425),c=l(97504);let o=({children:e,autoplay:s,autoplayDelay:l=8e3,...a})=>(0,n.jsx)(i,{modules:[t.Ij],autoplay:!(0,c.L)()&&(s??{delay:l,disableOnInteraction:!1}),...a,children:e})},9110:(e,s,l)=>{"use strict";l.d(s,{v:()=>t});var n=l(79532),a=l(89855),r=l(96415);let i=e=>(0,n.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 24 24",...e,children:(0,n.jsx)("path",{stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",d:"M12 6v16m0-16H8.464c-.52 0-1.02-.21-1.389-.586A2.02 2.02 0 0 1 6.5 4c0-.53.207-1.04.575-1.414A1.95 1.95 0 0 1 8.465 2C11.214 2 12 6 12 6m0 0h3.536c.52 0 1.02-.21 1.389-.586.368-.375.575-.884.575-1.414s-.207-1.04-.575-1.414A1.95 1.95 0 0 0 15.535 2C12.786 2 12 6 12 6m8 5v7.8c0 1.12 0 1.68-.218 2.108a2 2 0 0 1-.874.874C18.48 22 17.92 22 16.8 22H7.2c-1.12 0-1.68 0-2.108-.218a2 2 0 0 1-.874-.874C4 20.48 4 19.92 4 18.8V11M2 7.6v1.8c0 .56 0 .84.109 1.054a1 1 0 0 0 .437.437C2.76 11 3.04 11 3.6 11h16.8c.56 0 .84 0 1.054-.109a1 1 0 0 0 .437-.437C22 10.24 22 9.96 22 9.4V7.6c0-.56 0-.84-.109-1.054a1 1 0 0 0-.437-.437C21.24 6 20.96 6 20.4 6H3.6c-.56 0-.84 0-1.054.109a1 1 0 0 0-.437.437C2 6.76 2 7.04 2 7.6"})}),t=({size:e="medium",className:s,...l})=>(0,n.jsx)(i,{focusable:"false",className:(0,a.cx)((0,r.U)(e),s),...l})},9591:(e,s,l)=>{"use strict";l.d(s,{u:()=>t});var n=l(79532),a=l(89855),r=l(96415);let i=e=>(0,n.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 24 24",...e,children:(0,n.jsx)("path",{stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",d:"M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3m.08 4h.01M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10"})}),t=({size:e="medium",className:s,...l})=>(0,n.jsx)(i,{focusable:"false",className:(0,a.cx)((0,r.U)(e),s),...l})},18575:(e,s,l)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/check-in",function(){return l(79310)}])},30477:(e,s,l)=>{"use strict";l.d(s,{i:()=>n});let n=(e,s)=>{if(!function(e){return e>=0&&Number.isInteger(e)}(s))throw Error("perN must be natural number");let l=[];for(let n=0;n<e.length;n+=s)l.push(e.slice(n,n+s));return l}},68510:(e,s,l)=>{"use strict";l.d(s,{V:()=>t});var n=l(79532),a=l(89855),r=l(96415);let i=e=>(0,n.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 24 24",...e,children:(0,n.jsx)("path",{stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",d:"M12 16v-4m0-4h.01M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10"})}),t=({size:e="medium",className:s,...l})=>(0,n.jsx)(i,{focusable:"false",className:(0,a.cx)((0,r.U)(e),s),...l})},71629:(e,s,l)=>{"use strict";l.d(s,{y:()=>n});let n=e=>Array.from({length:e}).map((e,s)=>s)},79310:(e,s,l)=>{"use strict";l.r(s),l.d(s,{__N_SSG:()=>Z,default:()=>ee});var n=l(79532),a=l(70532),r=l(53265),i=l(65696),t=l(47098),c=l(9591),o=l(88990),d=l(93570),u=l(45615),x=l(66419),h=l(10670),m=l(70361),j=l(70151),f=l.n(j),p=l(63875),g=l(85832),v=l(75276),b=l(48796),y=l(22059),k=l(69387),N=l(9110),I=l(93290),w=l(68918),C=l(83636),S=l(71629),A=l(67843),_=l(30477),z=l(49866),M=l(38504),$=l(79817);let E=(0,y.UG)(`
2  fragment CheckInProgressFragment on CheckInStamp {
3    checkInHistoryId
4    hasPresent
5  }
6`),L=({loading:e,data:s,totalCheckInCount:l})=>{let{t:r}=(0,a.A)("features/checkIn"),{push:t}=(0,x.useRouter)(),c=(0,_.i)(s,5),[o,h]=(0,i.useState)(0);(0,i.useEffect)(()=>{0!==l&&h(Math.min(Math.floor((l-1)/5),c.length-1))},[l,c.length]);let m=(0,$.DB)(),j=(0,M.up)(),f=(0,i.useCallback)(async()=>

6{if(!m)return void j({loginStep:"login"});await t(A.y.check_in.histories.$url())},[m,j,t]);return(0,n.jsxs)("div",{className:"flex w-full flex-col gap-12 rounded-md bg-surface-plain px-16 pb-12 pt-16",children:[(0,n.jsxs)("div",{className:"flex justify-between",children:[(0,n.jsx)("div",{className:"flex items-baseline gap-4",children:(0,n.jsx)(w.x,{ns:"features/checkIn",i18nKey:"<0>{{checkedInCount}}</0><1>回</1>",values:{checkedInCount:l},components:[(0,n.jsx)(d.o,{component:"span",variant:"heading4xl",color:"primary"},"number"),(0,n.jsx)(d.o,{component:"span",variant:"headingXl",color:"secondary"},"unit")]})}),(0,n.jsx)(u.$,{variant:"outlined",size:"xsmall",onClick:f,children:r("履歴")})]}),e?(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)("div",{className:"grid grid-cols-5 justify-items-center",children:[(0,n.jsx)(I.A,{circle:!0,className:"size-48"}),(0,n.jsx)(I.A,{circle:!0,className:"size-48"}),(0,n.jsx)(I.A,{circle:!0,className:"size-48"}),(0,n.jsx)(I.A,{circle:!0,className:"size-48"}),(0,n.jsx)(I.A,{circle:!0,className:"size-48"})]}),(0,n.jsx)(D,{length:3,index:o,onClickDot:()=>{}})]}):(0,n.jsxs)(n.Fragment,{children:[c.length>0&&(0,n.jsx)(C.$,{index:o,onSlideChange:e=>h(e.activeIndex),spaceBetween:0,slidesPerView:1,children:c.map(e=>(0,n.jsx)("div",{children:(0,n.jsx)("div",{className:"grid grid-cols-5 justify-items-center",children:e.map(e=>(0,n.jsx)(B,{data:e},window.crypto.randomUUID()))})},window.crypto.randomUUID()))}),c.length>1&&(0,n.jsx)(D,{length:c.length,index:o,onClickDot:e=>{h(e)}})]})]})},B=({data:e})=>{let{checkInHistoryId:s,hasPresent:l}=(0,y.Bk)(E,e),{t:r}=(0,a.A)("features/checkIn"),t=(0,i.useMemo)(()=>s?(0,n.jsx)(z.h,{width:32,height:32,"aria-label":r("特典受取済み")}):l?(0,n.jsx)(N.v,{className:"text-object-disable","aria-label":r("特典あり")}):null,[s,l,r]);return(0,n.jsx)("div",{className:(0,k.A)("flex size-48 items-center justify-center rounded-full",s?"bg-object-accent-subtle":"bg-object-neutral"),children:t})},D=({length:e,index:s,onClickDot:l,className:a})=>(0,n.jsx)("div",{className:(0,k.A)("flex justify-center",a),children:(0,S.y)(e).map(e=>(0,n.jsx)("button",{type:"button",onClick:()=>l(e),className:"size-16 cursor-pointer border-0 bg-transparent p-4","aria-label":`dot-${e}`,children:(0,n.jsx)("div",{className:(0,k.A)("size-8 rounded-lg",e===s?"bg-object-accent":"bg-object-neutral")})},`result-dots/${e}`))});var F=l(68510),P=l(78181),T=l(28294),U=l(76331),K=l(66704),H=l(49215);let q=({loading:e,refresh:s,geolocationLoading:l,checkInableClosestStore:r,nearbyClosestStore:t,geolocationError:c,permissionStatus:x})=>{let{t:h}=(0,a.A)("features/checkIn"),{onClose:m,open:j,onOpen:f}=(0,T.s)(),{checkIn:v}=(0,K.kT)(),{loading:b,checkedInToday:y}=(0,K.QY)(),N=(0,$.DB)(),I=(0,M.up)(),C=(0,i.useCallback)(async()=>{if(r){if(!N)return void I({loginStep:"login"});await v(r.id)}},[N,I,v,r]),S=(0,i.useMemo)(()=>{if(e)return(0,n.jsx)("div",{className:"flex items-center justify-center",children:(0,n.jsx)(P.k,{})});if("denied"===x)return(0,n.jsxs)("div",{className:"flex w-full flex-col gap-4",children:[(0,n.jsx)(d.o,{variant:"subtitleLg",color:"primary",children:h("端末の設定から位置情報の取得を許可してください")}),(0,n.jsx)(d.o,{variant:"bodyMd",color:"primary",children:(0,n.jsx)(w.x,{ns:"features/checkIn",i18nKey:"チェックインを利用するには、位置情報の利用を許可する必要があります。お困りの際は<0>FAQ</0>をご確認ください。",components:[(0,n.jsx)(H.N,{href:A.y.v._page_name("faq").$url(),className:"text-interactive !underline decoration-solid"},"link")]})})]});if("unsupported"===x)return(0,n.jsxs)("div",{className:"flex w-full flex-col gap-4",children:[(0,n.jsx)(d.o,{variant:"subtitleLg",color:"primary",children:h("お使いのブラウザでは位置情報機能がサポートされていません")}),(0,n.jsx)(d.o,{variant:"bodyMd",color:"primary",children:(0,n.jsx)(w.x,{ns:"features/checkIn",i18nKey:"最新のブラウザをご利用いただくか、お困りの際は<0>FAQ</0>をご確認ください。",components:[(0,n.jsx)(H.N,{href:A.y.v._page_name("faq").$url(),className:"text-interactive !underline decoration-solid"},"link")]})})]});

6if(c){let e=c.code===p.n.POSITION_UNAVAILABLE,a=c.code===p.n.TIMEOUT,r="";return e?r=h("端末の位置情報サービスが一時的に利用できません。しばらく待ってから再度お試しください。"):a&&(r=h("位置情報の取得に時間がかかっています。通信環境の良い場所で再度お試しください。")),(0,n.jsxs)("div",{className:"flex w-full flex-col gap-12",children:[(0,n.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,n.jsx)(d.o,{variant:"subtitleLg",color:"primary",children:h("位置情報を取得できませんでした")}),r&&(0,n.jsx)(d.o,{variant:"bodySm",color:"secondary",children:r})]}),(0,n.jsx)(u.$,{loading:l,fullWidth:!0,variant:"outlined",size:"small",onClick:s,children:h("位置情報を更新")}),(0,n.jsx)(d.o,{variant:"bodySm",color:"secondary",children:(0,n.jsx)(w.x,{ns:"features/checkIn",i18nKey:"チェックインでお困りの際は<0>FAQ</0>をご確認ください",components:[(0,n.jsx)(H.N,{href:A.y.v._page_name("faq").$url(),className:"text-interactive !underline decoration-solid"},"link")]})})]})}return r||t?!r&&t?.distance?(0,n.jsxs)("div",{className:"flex w-full flex-col gap-12",children:[(0,n.jsxs)("div",{className:"flex justify-between",children:[(0,n.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,n.jsx)(d.o,{variant:"bodySm",color:"secondary",children:h("あと{{distance}}",{distance:(0,g.B)(t.distance)})}),(0,n.jsx)(d.o,{variant:"subtitleLg",color:"primary",children:t.name})]}),(0,n.jsx)(o.K,{className:"size-32",size:"xsmall","aria-label":h("店舗情報"),variant:"basic",onClick:f,children:(0,n.jsx)(F.V,{})})]}),"ENABLED"!==t.status&&(0,n.jsx)(d.o,{variant:"bodySm",color:"secondary",children:h("現在、この店舗でチェックインはご利用いただけません。")}),(0,n.jsx)(u.$,{loading:l,fullWidth:!0,variant:"outlined",size:"small",onClick:s,children:h("位置情報を更新")}),j&&t&&(0,n.jsx)(U.b,{open:j,onClose:m,storeId:t.id})]}):r?(0,n.jsxs)("div",{className:"flex w-full flex-col gap-12",children:[(0,n.jsxs)("div",{className:"flex justify-between",children:[(0,n.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,n.jsx)(d.o,{variant:"bodySm",color:"secondary",children:h("チェックイン可能な店舗")}),(0,n.jsx)(d.o,{variant:"subtitleLg",color:"primary",children:r.name})]}),(0,n.jsx)(o.K,{className:"size-32",size:"xsmall","aria-label":h("店舗情報"),variant:"basic",onClick:f,children:(0,n.jsx)(F.V,{})})]}),"ENABLED"!==r.status&&(0,n.jsx)(d.o,{variant:"bodySm",color:"secondary",children:h("現在、この店舗でチェックインはご利用いただけません。")}),(0,n.jsx)(u.$,{fullWidth:!0,variant:"primary",size:"small",onClick:C,loading:b,disabled:N&&y||"ENABLED"!==r.status,children:N&&y?h("チェックイン済み"):h("チェックイン")}),j&&r&&(0,n.jsx)(U.b,{open:j,onClose:m,storeId:r.id})]}):null:(0,n.jsxs)("div",{className:"flex w-full flex-col gap-12",children:[(0,n.jsx)(d.o,{variant:"subtitleLg",color:"primary",children:h("近くに店舗がありません")}),(0,n.jsx)(u.$,{loading:l,fullWidth:!0,variant:"outlined",size:"small",onClick:s,children:h("位置情報を更新")}),(0,n.jsx)(d.o,{variant:"bodySm",color:"secondary",children:(0,n.jsx)(w.x,{ns:"features/checkIn",i18nKey:"チェックインでお困りの際は<0>FAQ</0>をご確認ください",components:[(0,n.jsx)(H.N,{href:A.y.v._page_name("faq").$url(),className:"text-interactive !underline decoration-solid"},"link")]})})]})},[r,t,l,s,h,e,m,f,j,y,b,C,x,c,N]);return(0,n.jsx)("div",{className:(0,k.A)("w-full rounded-md p-16",r?"bg-object-accent-subtle":"bg-surface-plain"),children:S})};var O=l(34003),R=l(82241);let V=f()(async()=>(await Promise.all([l.e(75887),l.e(29429)]).then(l.bind(l,29429))).AboutCheckInModal,{loadableGenerated:{webpack:()=>[29429]}}),Q=(0,y.UG)(`
7    query CheckInStoreQuery($userId: String) {
8      checkInStores {
9        id
10        name
11        latitude
12        longitude
13        imageUrl
14        openingHours
15        precautions
16        addressLineOne
17        addressLineTwo
18        status
19      }
20      checkInStamps(userId: $userId) {
21        totalCheckInCount
22        checkInStamps {
23          ...CheckInProgressFragment
24        }
25      }
26      checkInPresents(userId: $userId) {
27        ...RewardCardFragment
28      }
29    }
30  `,[R.ie,E]),W=()=>{let{t:e}=(0,a.A)("features/checkIn"),{t:s}=(0,a.A)("shared"),{push:l,back:r}=(0,x.useRouter)(),j=(0,b.c)(),f=(0,$.wS)(),y=(0,$.SP)(),{data:k,loading:N}=(0,h.IT)(Q,{variables:{userId:f},skip:!y}),{position:I,loading:C,error:S,refresh:_}=(0,p.m)({enableHighAccuracy:!0,timeout:1e4,maximumAge:6e4}),z=(0,i.useMemo)(()=>I?(k?.checkInStores||[]).map(e=>{let s=(0,g.g)(I.latitude,I.longitude,e.latitude,e.longitude);return{...e,distance:s}}).sort((e,s)=>(e.distance??0)-(s.distance??0)):k?.checkInStores||[],[I,k]),{permissionStatus:M}=(0,O.I)(),{checkInableClosestStore:E,nearbyClosestStore:B}=(0,i.useMemo)(()=>{let e=[],s=[],l=[];for(let n of z)n.distance&&n.distance<100?e.push(n):n.distance&&n.distance<1e3?s.push(n):l.push(n);return{checkInableClosestStore:e.sort((e,s)=>(e.distance??0)-(s.distance??0))[0],nearbyClosestStore:s.sort((e,s)=>(e.distance??0)-(s.distance??0))[0],otherStores:l}},[z]),{open:D,openConstant:F,onOpen:P,onClose:U}=(0,T.s)();return(0,n.jsx)(K.Mg,{children:(0,n.jsxs)("div",{className:"flex h-full flex-col pb-safe",children:[(0,n.jsxs)(v.Y9,{className:"sticky top-0 z-10 lg:hidden",children:[(0,n.jsx)(v.FK,{children:j&&(0,n.jsx)(o.K,{"aria-label":s("戻る"),size:"small",onClick:()=>r(),children:(0,n.jsx)(t.p,{})})}),(0,n.jsx)(d.o,{variant:"subtitleMd",className:"mx-auto truncate",children:e("チェックイン（β版）")}),(0,n.jsx)(v.WW,{children:(0,n.jsx)(o.K,{"aria-label":e("チェックインについて"),size:"small",onClick:P,children:(0,n.jsx)(c.u,{})})}),F&&(0,n.jsx)(V,{open:D,onClose:U})]}),(0,n.jsx)("div",{className:"relative h-full overflow-y-auto overflow-x-hidden bg-plain lg:rounded-lg",children:(0,n.jsxs)("div",{className:"flex h-full flex-col",children:[(0,n.jsxs)("div",{className:"flex flex-col items-center gap-16 p-16 pb-8",children:[(0,n.jsx)(L,{loading:N,data:k?.checkInStamps?.checkInStamps??[],totalCheckInCount:k?.checkInStamps?.totalCheckInCount??0}),(0,n.jsx)(q,{loading:N,geolocationLoading:C,checkInableClosestStore:E,nearbyClosestStore:B,refresh:_,geolocationError:S,permissionStatus:M}),(0,n.jsx)(u.$,{variant:"plain",size:"small",onClick:()=>l(A.y.check_in.stores.$url()),children:e("すべての店舗を見る")})]}),(0,n.jsxs)("div",{children:[(0,n.jsx)(d.o,{variant:"headingXl",className:"px-16 pb-8 pt-16",children:e("チェックイン特典")}),(0,n.jsxs)("div",{className:"flex flex-col items-center gap-16 px-16 pb-16 pt-4",children:[N?(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(R.zA,{}),(0,n.jsx)(R.zA,{}),(0,n.jsx)(R.zA,{})]}):k?.checkInPresents?.slice(0,3).map(e=>(0,n.jsx)(R.mE,{data:e,currentCheckInCount:k?.checkInStamps?.totalCheckInCount||0},e.id)),(0,n.jsx)(u.$,{variant:"plain",size:"small",onClick:()=>l(A.y.check_in.presents.$url()),children:e("すべての特典を見る")})]})]}),(0,n.jsxs)("div",{className:"bg-surface-plain",children:[(0,n.jsx)(m.l,{title:e("注意事項"),variant:"standard",layout:"simple"}),(0,n.jsxs)("ul",{className:"p-16 pt-0",children:[(0,n.jsx)("li",{children:(0,n.jsx)(d.o,{variant:"bodyMd",color:"secondary",children:e("※

30店舗へのチェックインは、1アカウントにつき、1日1回限りとなります。いずれかの店舗でチェックインすると、当日は他店舗ではチェックインできません。")})}),(0,n.jsx)("li",{children:(0,n.jsx)(d.o,{variant:"bodyMd",color:"secondary",children:e("※チェックイン（β版）は期間限定の機能です。予告なく企画内容や特典内容が変更となる可能性がございます。あらかじめご了承ください。")})}),(0,n.jsx)("li",{children:(0,n.jsx)(d.o,{variant:"bodyMd",color:"secondary",children:(0,n.jsx)(w.x,{ns:"features/checkIn",i18nKey:"※チェックインに関するお困りごとや不明点は<0>FAQ</0>をご確認ください。",components:[(0,n.jsx)(H.N,{href:A.y.v._page_name("faq").$url(),className:"text-interactive !underline decoration-solid"},"link")]})})})]})]})]})})]})})};var G=l(20073),X=l(56511),Y=l(24668);let J=()=>{let{t:e}=(0,a.A)("features/checkIn"),{checkInReleaseFlag:s}=(0,r.D)();return s?(0,n.jsx)(G.a,{defaultHref:A.y.$url(),fullHeight:!0,title:e("チェックイン（β版）"),hasNoBottomTab:!0,children:(0,n.jsx)(W,{})}):(0,n.jsx)(Y.M,{})};J.getLayout=e=>(0,n.jsx)(X.i,{disableMobileHeader:!0,disableBottomTab:!0,children:e});var Z=!0;let ee=J},83636:(e,s,l)=>{"use strict";l.d(s,{$:()=>c,k:()=>t});var n=l(79532),a=l(65696),r=l(8303);let i=(0,a.createContext)({setIsSwiping:()=>{}}),t=()=>(0,a.useContext)(i),c=({index:e,children:s,disabled:l,...t})=>{let[c,o]=(0,a.useState)(!1),d=(0,a.useMemo)(()=>({setIsSwiping:o}),[o]),u=(0,a.useRef)(void 0);return(0,a.useEffect)(()=>{u.current&&u.current.slideTo(e,300,!1)},[e]),(0,a.useEffect)(()=>{c?u.current?.disable():u.current?.enable()},[c]),(0,n.jsx)(i.Provider,{value:d,children:(0,n.jsx)(r.RC,{onSwiper:e=>{u.current=e},initialSlide:e,enabled:!l,...t,children:a.Children.map(s,(e,s)=>{let l=((0,a.isValidElement)(e)?e.key:null)??`swiper-slide-${s}`;return(0,n.jsx)(r.qr,{children:e},l)})})})}},97504:(e,s,l)=>{"use strict";l.d(s,{L:()=>a});var n=l(8568);let a=()=>!!n.env.IS_SCREENSHOT}},e=>{e.O(0,[30985,10670,91188,33886,22469,87007,16090,45964,14077,27230,86370,61712,56511,75266,83557,90636,46593,38792],()=>e(e.s=18575)),_N_E=e.O()}]);