https://tipstar.com/_next/static/chunks/pages/mypage/campaign-code-7f3af2cf0f7506f4.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2650],{11281:(e,i,a)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/mypage/campaign-code",function(){return a(67227)}])},17591:(e,i,a)=>{"use strict";a.d(i,{k:()=>d}),a(55729);var n=a(76105),t=a(34158),r=a(64048);let d=n.Ay.input.withConfig({componentId:"sc-9d376a61-0"})([""," padding-block:",";padding-inline:",";width:100%;min-height:",";border-width:0;outline:"," solid ",";border-radius:",";background-color:",";color:",";&::placeholder{color:",";}"," &:disabled{cursor:not-allowed;background-color:",";&::placeholder{color:",";}}"],t.NW,({theme:e})=>e.pedal.spacing.spacing12,({theme:e})=>e.pedal.spacing.spacing12,r._4,r.dN,({theme:e})=>e.pedal.borderColors.brandTertiaryTransparentBorder,({theme:e})=>e.pedal.borderRadius.radius4,({theme:e})=>e.pedal.objectColors.secondaryObject,({theme:e})=>e.pedal.textIconColors.blackText,({theme:e})=>e.pedal.textIconColors.brandTertiaryText,({theme:e,hasError:i})=>i&&(0,n.AH)(["outline:"," solid ",";"],r.Wv,e.pedal.borderColors.cautionBorder),({theme:e})=>e.pedal.surfaceColors.tertiaryTransparentSurface,({theme:e})=>e.pedal.textIconColors.brandTertiaryTransparentText)},49821:(e,i,a)=>{"use strict";a.d(i,{B:()=>p});var n=a(6029),t=a(55729),r=a(76105),d=a(85235),s=a(11865),o=a(25502),c=a(56212),l=a(95800);let p=({breadcrumbs:e})=>{let{links:i,last:a}=(0,t.useMemo)(()=>({links:[{text:"HOME",href:d.H.home()},...e.slice(0,-1)],last:e.at(-1)}),[e]),r="sp"===(0,s.rP)(),p=()=>(0,n.jsx)(x,{children:(0,n.jsx)(m,{children:(0,n.jsx)(c.J,{icon:"arrowRight",alt:"",iconSize:12})})});return(0,n.jsx)(g,{"aria-label":"Breadcrumb",children:(0,n.jsxs)(h,{children:[i.map((e,i)=>(0,n.jsxs)(t.Fragment,{children:[i>0&&p(),(e=>(0,n.jsx)(x,{children:(0,n.jsx)(l.M,{href:e.href,kind:"link",size:r?"xsmall":"small",children:e.text})}))(e)]},`crumb-${i}`)),a&&(0,n.jsxs)(t.Fragment,{children:[i.length>0&&p(),(0,n.jsx)(x,{children:(0,n.jsx)(o.o,{variant:r?"label":"bodySmall",color:"brandTertiaryTransparentText",children:a.text})})]},"crumb-last")]})})},g=r.Ay.nav.withConfig({componentId:"sc-d6d7529-0"})(['position:relative;width:100%;&::after{content:"";position:absolute;top:0;right:0;width:48px;height:100%;pointer-events:none;background:',";}@media screen and (min-width:","px){&::after{content:none;}}"],({theme:e})=>e.pedal.brandGradationColors.brandTranslucentGradationTertiary.angle("90deg"),s.Sc.pc),h=r.Ay.ol.withConfig({componentId:"sc-d6d7529-1"})(["display:flex;align-items:center;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:",";padding:",";scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{width:0;height:0;}@media screen and (min-width:","px){flex-wrap:wrap;}"],({theme:e})=>e.pedal.spacing.spacing0,({theme:e})=>e.pedal.spacing.spacing0,s.Sc.pc),x=r.Ay.li.withConfig({componentId:"sc-d6d7529-2"})(["display:flex;align-items:center;flex:0 0 auto;white-space:nowrap;&:last-child{padding-right:",";}@media screen and (min-width:","px){&:last-child{padding-right:",";}}"],({theme:e})=>e.pedal.spacing.spacing48,s.Sc.pc,({theme:e})=>e.pedal.spacing.spacing0),m=r.Ay.span.withConfig({componentId:"sc-d6d7529-3"})(["padding:"," ",";@media screen and (min-width:","px){padding:"," ",";}"],({theme:e})=>e.pedal.spacing.spacing0,({theme:e})=>e.pedal.spacing.spacing4,s.Sc.pc,({theme:e})=>e.pedal.spacing.spacing0,({theme:e})=>e.pedal.spacing.spacing8)},64048:(e,i,a)=>{"use strict";a.d(i,{Wv:()=>d,YR:()=>t,_4:()=>n,dN:()=>r});let n="48px",t="154px",r="1px",d="2px"},67227:(e,i,a)=>{"use strict";a.r(i),a.d(i,{default:()=>B});var n=a(6029),t=a(30174),r=a(55729),d=a(76105),s=a(85235),o=a(11865),c=a(49821),l=a(25935),p=a(84810),g=a(29564),h=a(44862),x=a(14213),m=a(44737),u=a(25502),b=a(17591);let w=({code:e,isSubmitDisabled:i,onChangeCode:a,onSubmit:t})=>(0,n.jsxs)(f,{children:[(0,n.jsx)(u.o,{variant:"bodyBase",children:"キャンペーンコードを入力してください"}),(0,n.jsx)(y,{"aria-label":"キャンペーンコード",type:"text",value:e,onChange:e=>a(e.target.value)}),(0,n.jsx)(C,{priority:"primary",size:"large",disabled:i,onClick:t,children:"送信する"})]}),f=d.Ay.div.withConfig({componentId:"sc-35375c76-0"})(["display:flex;flex-direction:column;align-items:center;justify-content:center;row-gap:",";width:100%;padding:"," ",";background-color:",";border-radius:",";@media (min-width:","px){width:800px;row-gap:",";padding:"," ",";}"],({theme:e})=>e.pedal.spacing.spacing24,({theme:e})=>e.pedal.spacing.spacing24,({theme:e})=>e.pedal.spacing.spacing16,({theme:e})=>e.pedal.surfaceColors.secondarySurface,({theme:e})=>e.pedal.borderRadius.radius8,o.Sc.pc,({theme:e})=>e.pedal.spacing.spacing32,({theme:e})=>e.pedal.spacing.spacing32,({theme:e})=>e.pedal.spacing.spacing24),y=(0,d.Ay)(b.k).withConfig({componentId:"sc-35375c76-1"}

1)(["height:48px;width:100%;@media (min-width:","px){width:400px;}"],o.Sc.pc),C=(0,d.Ay)(m.$n).withConfig({componentId:"sc-35375c76-2"})(["height:48px;width:100%;@media (min-width:","px){width:240px;}"],o.Sc.pc);var j=a(72401);let k=({isOpen:e,onRequestClose:i})=>(0,n.jsx)(j.l,{isOpen:e,title:"入力成功",onRequestClose:i,footerButtons:[{key:"close",children:"閉じる",priority:"secondary",buttonStyle:"outlined",onClick:i},{key:"present",children:"お知らせへ",priority:"primary",href:`${s.H.informationList()}?tab=present`}],children:(0,n.jsxs)(v,{children:[(0,n.jsx)(u.o,{variant:"bodyBase",children:"キャンペーンコードが正しく入力されました！"}),(0,n.jsx)(u.o,{variant:"bodyBase",children:"「お知らせ」＞「あなた宛」からプレゼントを受取ってください"})]})}),v=d.Ay.div.withConfig({componentId:"sc-52ab675c-0"})(["display:flex;flex-direction:column;"]),S=[{text:"プロフィール",href:s.H.mypage()},{text:"キャンペーンコード",href:""}],T=()=>(0,n.jsxs)(x.U,{auth:!0,children:[(0,n.jsxs)(A,{children:[(0,n.jsx)(c.B,{breadcrumbs:S}),(0,n.jsx)(p.q,{as:"h1",title:"キャンペーンコード"})]}),(0,n.jsx)(_,{children:(0,n.jsx)(I,{})})]}),I=()=>{let[e,i]=(0,r.useState)(""),[a,d]=(0,r.useState)(!1),{trigger:s,error:o,reset:c,isMutating:l}=(0,t.usePostSerialCodeReceive)(),p=l||0===e.trim().length,x=(0,r.useCallback)(async()=>{let a=e.trim();if(0!==a.length)try{await s({code:a}),d(!0),i("")}catch{}},[e,s]),m=(0,r.useCallback)(()=>{d(!1)},[]),u=(0,r.useCallback)(()=>{c()},[c]);return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(w,{code:e,isSubmitDisabled:p,onChangeCode:i,onSubmit:x}),(0,n.jsx)(k,{isOpen:a,onRequestClose:m}),o&&(0,n.jsx)(g.g,{error:o,onAfterClose:u}),l&&(0,n.jsx)(h.p,{})]})},A=(0,d.Ay)(l.ZW).withConfig({componentId:"sc-736fbeff-0"})(["padding-top:",";padding-bottom:",";> .inner{gap:",";}@media (min-width:","px){padding-bottom:",";> .inner{gap:",";}}"],({theme:e})=>e.pedal.spacing.spacing16,({theme:e})=>e.pedal.spacing.spacing32,({theme:e})=>e.pedal.spacing.spacing32,o.Sc.pc,({theme:e})=>e.pedal.spacing.spacing40,({theme:e})=>e.pedal.spacing.spacing40),_=(0,d.Ay)(l.ZW).withConfig({componentId:"sc-736fbeff-1"})(["> .inner{max-width:800px;}"]),B=()=>(0,n.jsx)(T,{})},84810:(e,i,a)=>{"use strict";a.d(i,{q:()=>s});var n=a(6029),t=a(76105),r=a(11865),d=a(34158);let s=({title:e,hideBorder:i,as:a})=>(0,n.jsx)(o,{"data-hide-border":!!i,borderColor:"coolGradationPrimary",as:a,children:(0,n.jsx)(c,{textColor:"primaryText",children:e})}),o=t.Ay.div.withConfig({componentId:"sc-7779db92-0"})(["display:inline-flex;flex-direction:column;justify-content:center;align-items:center;gap:",";padding:",";margin:",';text-align:center;&[data-hide-border="false"]{&::after{content:" ";width:80px;height:4px;border-radius:',";background:",";}}"],e=>e.theme.pedal.spacing.spacing8,e=>e.theme.pedal.spacing.spacing0,e=>e.theme.pedal.spacing.spacing0,e=>e.theme.pedal.borderRadius.radius8,e=>e.theme.pedal.brandGradationColors[e.borderColor].angle("90deg")),c=t.Ay.span.withConfig({componentId:"sc-7779db92-1"})([""," color:",";@media screen and (min-width:","px){","}"],d.cT,e=>e.theme.pedal.textIconColors[e.textColor],r.Sc.pc,d.xv)}},e=>{e.O(0,[4213,636,6593,8792],()=>e(e.s=11281)),_N_E=e.O()}]);