1try{!function(){var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},r=(new e.Error).stack;r&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[r]="60c8e500-9c94-449d-a388-39ca4dd76023",e._sentryDebugIdIdentifier="sentry-dbid-60c8e500-9c94-449d-a388-39ca4dd76023")}()}catch(e){}(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[259],{19881:(e,r,o)=>{"use strict";o.r(r),o.d(r,{default:()=>k});var t=o(37876),a=o(58553),s=o(80031),n=o(64494),i=o(24325),m=o(16987),l=o(96847),c=o(21671),d=o.n(c),p=o(1562);let{theme:u}=o.n(p)()(d());var x=o(97235),h=o(61902),b=o(14232),f=o(32083),g=o(85200);let y=()=>{let e=(0,m.sq)(),r=(0,h.useStripe)(),o=(0,h.useElements)(),[s,l]=(0,b.useState)(""),[c,d]=(0,b.useState)(!1),p=async t=>{if(t.preventDefault(),!r||!o)return;d(!0),await o.submit();let{error:a}=await r.confirmPayment({elements:o,clientSecret:e.secret,confirmParams:{return_url:e.accountPortal?"".concat(location.origin,"/subscriptions"):"".concat(location.origin,"/credits-checkout-return").concat((0,i.WS)(e.protocol)?"?protocol=".concat(encodeURIComponent(e.protocol)):"")}});a&&("card_error"===a.type||"validation_error"===a.type)?l(a.message?a.message:""):(console.log(a),l("An unexpected error occurred.")),d(!1)};return(0,t.jsxs)(n.UO,{children:[(0,t.jsx)(a.kW,{title:"Checkout | Narrative"}),(0,t.jsxs)("header",{className:"flex items-center flex-col mb-10",children:[(0,t.jsx)("h1",{className:"text-h2 font-semibold leading-tight text-center mb-5 md:text-h1 md:mb-9",children:"Checkout"}),(0,t.jsx)("div",{className:"mb-8 md:mb-145 justify-center",children:(0,t.jsx)("div",{className:"h-1 w-10 bg-stealth-bomber"})}),(0,t.jsxs)("p",{className:"max-w-[760px] text-center",children:[e.accountPortal?"There was an issue with your card. Please update your payment details to continue. ":"There was an issue with your card and we were unable to complete this transaction in-app.",(0,t.jsx)("span",{className:"hidden sm:inline",children:(0,t.jsx)("br",{})}),e.accountPortal?"You will be redirected back to the subscriptions page.":"Please checkout here and on completion you will be redirected back to the app."]})]}),(0,t.jsx)("form",{id:"payment-form",onSubmit:p,children:(0,t.jsxs)("div",{className:"grid grid-cols-1 gap-x-5 items-start md:grid-cols-2",children:[(0,t.jsx)("div",{className:"p-6 bg-off-white lg:p-15",children:(0,t.jsxs)("div",{children:[(0,t.jsx)("h2",{className:"text-h4 lg:text-h3 mb-9",children:"Payment details"}),(0,t.jsx)("div",{"data-adora-block":!0,children:(0,t.jsx)(h.PaymentElement,{onFocus:()=>l(""),options:{terms:{card:"never"}}})}),s&&(0,t.jsx)("div",{className:"text-error py-4 -mx-4 px-4 rounded bg-red-100 mt-6 -mb-4",id:"payment-message",children:s})]})}),(0,t.jsxs)("div",{className:"p-6 pt-4 bg-off-white md:pt-6 lg:p-15",children:[(0,t.jsx)("h2",{className:"text-h4 lg:text-h3 mb-10",children:"Summary"}),(0,t.jsx)("p",{className:"text-right text-gumboot text-11 mb-1",children:"(USD)"}),(0,t.jsxs)("p",{className:"text-18 font-semibold flex justify-between",children:[(0,t.jsxs)("span",{children:["Edit - ",e.packName]}),(0,t.jsxs)("span",{className:"flex items-center space-x-2",children:[(0,t.jsx)("span",{children:e.unitAmount<1?"".concat(100*e.unitAmount,"c"):"$".concat(e.unitAmount)}),(0,t.jsx)("svg",{width:"7",height:"7",viewBox:"0 0 7 7",fill:"none",children:(0,t.jsx)("path",{d:"M7 0.705L6.295 0L3.5 2.795L0.705 0L0 0.705L2.795 3.5L0 6.295L0.705 7L3.5 4.205L6.295 7L7 6.295L4.205 3.5L7 0.705Z",fill:u.colors["stealth-bomber"]})}),(0,t.jsx)("span",{children:e.unitCount})]})]}),(0,t.jsxs)("p",{className:"pb-8 pt-11","data-adora-mask":!0,children:["You will be charged"," ",(0,t.jsx)(f.Gr,{style:"currency",currency:"USD",trailingZeroDisplay:"stripIfInteger",value:e.unitAmount*e.unitCount})," ","USD today."]}),(0,t.jsx)(x.$,{type:"submit",colour:"black",isLoading:c,showLoader:!0,disabled:!r||!o,children:"Complete Purchase"})]})]})})]})},w=e=>{let{children:r}=e,o=(0,m.sq)();return(0,t.jsx)(g.A,{locale:"en-US",messages:{},children:(0,t.jsx)(l.$5,{children:(0,t.jsx)(l.OJ,{children:(0,t.jsx)(l.iD,{children:o.secret?(0,t.jsx)(h.Elements,{stripe:s.t,options:{clientSecret:o.secret,appearance:{theme:"stripe",variables:{colorPrimary:u.colors["stealth-bomber"]},rules:{".Label":{color:u.colors["off-white"]},".Input":{fontFamily:"Graphik",borderLeft:"none",borderRadius:"none",borderRight:"none",borderTop:"none",backgroundColor:u.colors["off-white"],boxShadow:"none",paddingLeft:"4px",borderColor:u.colors.shadyLady},".Input::placeholder":{color:u.colors.shadyLady},".Input:focus":{backgroundColor:u.colors["off-white"],boxShadow:"none"}}}},children:r}):null})})})})};y.getLayout=function(e){return(0,t.jsx)(w,{children:e})};let k=y},21671:(e,r,o)=>{"use strict";
1Object.defineProperty(r,"__esModule",{value:!0});let t=o(46045),a=o(16690);e.exports={mode:"jit",content:["./src/**/*.js","./src/**/*.jsx","./src/**/*.ts","./src/**/*.tsx","./public/index.html","./node_modules/@narrative-software/narrative-web-ui/**/*.js","./node_modules/@narrative-software/narrative-web-ui/**/*.ts"],theme:{screens:{xs:"320px",sm:"640px",md:"768px",lg:"1024px",xl:"1280px"},extend:{colors:{current:"currentColor",jolteon:"#EDD314",gengar:"#4f429c",starmie:"#31256f",venonat:"#2e286b",ekans:"#b44893",magmar:"#eb5757",magmarHover:"#e73636",slowpoke:"#f16370",charizard:"#f77b58",charmeleon:"#cc3a47",pikachu:"#fcb76f",mankey:"#f5f5f3",caspar:"#fbfbfb",shadyLady:"#828282",cinderBlock:"#e0e0e0",black:"#000000",white:"#ffffff","off-white":"#fafafa","coupon-green":"#6fcf97","ball-bearing":"#f2f2f2","cinder-block":"#e0e0e0","robot-friend":"#bdbdbd","shady-lady":"#828282",gumboot:"#4f4f4f","stealth-bomber":"#1c1c1c","satans-heart":"#000000",body:"#e5e5e5",error:"#f44336",gray:{50:"#f9fafb",100:"#f7fafc",200:"#e5e5e5",300:"#dfdfdf",400:"#cfcfcf",500:"#bdbdbd",600:"#828282",700:"#4f4f4f",800:"#2a2a2a",900:"#1c1c1c"},puweto:"#F4EFFD",wani:"#1C1C1C",popokotea:"#FEFEFE",takahe:"#4716A3",pukeko:"#8C5AE9",piwakakwaka:"#C0A5F3",mohua:"#EDFF48",titipounamu:"$#F1FF70",tieke:"#E03EAE",tauhou:"#828282",matuku:"#E0E0E0",puweto:"#F4EFFD","puweto-light":"#F6F2FD",hihi:"#FBFFD1",kuaka:"#FFF1FB",riroriro:"#F2F2F2",popokotea:"#FEFEFE"},spacing:{"1px":"1px","2px":"2px","3px":"3px","40px":"40px","9%":"9%","10%":"10%","1/2":"50%","2/3":"66.666667%","4/5":"80%","8/10":"80%","8.5/10":"85%","9/10":"90%","9/20":"45%","19/40":"47.5%","525/1000":"52.5%",.5:"0.125rem",1.5:"0.375rem",2.5:"0.625rem",3.5:"0.875rem",4.5:"1.125rem",5.5:"1.375rem",6.5:"1.625rem",7.5:"1.875rem",8.5:"2.125rem",9.5:"2.375rem",11.5:"2.875rem",13:"3.25rem",13.75:"3.4375rem",15:"3.75rem",17:"4.25rem",18:"4.5rem",19:"4.75rem",22:"5.5rem",22.5:"5.625rem",23:"5.75rem",25:"6.25rem",26:"6.5rem",27:"6.75rem",30:"7.5rem",35:"8.75rem",35.25:"8.8125rem",37.5:"9.375rem",38:"9.5rem",45:"11.25rem",50:"12.5rem",53:"13.25rem",55:"13.75rem",65:"16.25rem",70:"17.5rem",75:"18.75rem",85:"21.25rem",90:"22.5rem",95:"23.75rem",100:"25rem",101:"25.3125rem",110:"27.5rem",125:"31.25rem",130:"32.5rem",150:"37.5rem",160:"40rem",168:"42rem",185:"46.25rem",186:"46.5rem",197:"49.25rem",200:"50rem",208:"52rem",215:"53.75rem",224:"56rem",250:"62.5rem",260:"65rem"},borderWidth:{1:"1px",3:"3px"},boxShadow:{reverse:"0 -1px 3px 0 rgba(0, 0, 0, 0.1), 0 -1px 2px 0 rgba(0, 0, 0, 0.06)",button:"0 4px 2px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.24)","button-inverted":"0 2px 2px rgba(0, 0, 0, 0.12) inset, 0 2px 2px rgba(0, 0, 0, 0.24) inset",modal:"0 15px 12px rgba(0, 0, 0, 0.22), 0 19px 38px rgba(0, 0, 0, 0.3)",tooltip:"0 0 2px 0 rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.24)"},fontFamily:{display:['"PPAgrandir"','"Graphik"',"system-ui","-apple-system","BlinkMacSystemFont",'"Segoe UI"',"Roboto",'"Helvetica Neue"',"Arial",'"Noto Sans"',"sans-serif",'"Apple Color Emoji"','"Segoe UI Emoji"','"Segoe UI Symbol"','"Noto Color Emoji"'],sans:['"Graphik"',"system-ui","-apple-system","BlinkMacSystemFont",'"Segoe UI"',"Roboto",'"Helvetica Neue"',"Arial",'"Noto Sans"',"sans-serif",'"Apple Color Emoji"','"Segoe UI Emoji"','"Segoe UI Symbol"','"Noto Color Emoji"'],base:['"Graphik"',"system-ui","-apple-system","BlinkMacSystemFont",'"Segoe UI"',"Roboto",'"Helvetica Neue"',"Arial",'"Noto Sans"',"sans-serif",'"Apple Color Emoji"','"Segoe UI Emoji"','"Segoe UI Symbol"','"Noto Color Emoji"']},fontSize:{xxxs:"0.6875rem",xxs:"0.75rem",xs:"0.875rem",sm:"0.9375rem",base:"1rem",lg:"1.125rem",xl:"1.25rem","2xl":"1.375rem","3xl":"1.875rem","4xl":"2.25rem","5xl":"3rem","6xl":"4.25rem",8:"0.5rem",9:"0.5625rem",10:"0.625rem",11:"0.6875rem",12:"0.75rem",13:"0.8125rem",14:"0.875rem",15:"0.9375rem",16:"1rem",17:"1.0625rem",18:"1.125rem",19:"1.1875rem",20:"1.25rem",22:"1.375rem",24:"1.5rem",26:"1.625rem",32:"2rem",34:"2.125rem",36:"2.25rem",38:"2.375rem",40:"2.5rem",48:"3rem",58:"3.625rem",68:"4.25rem",70:"4.375rem",90:"5.625rem",h1:"3rem",h2:"2.125rem",h3:"1.5rem",h4:"1.25rem",h5:"1.125rem"},gridTemplateColumns:{18:"repeat(18, minmax(0, 1fr))"},inset:{"1px":"1px","81px":"-81px",1:"1rem",28:"7rem","1/2":"50%",full:"100%",reverse:"-130%"},letterSpacing:{medium:"0.0125em",loose:"0.075em"},lineHeight:{compact:"1.1",tighter:"1.1",freedom:"1.75",looser:"2.25"},maxHeight:e=>a._(t._({},e("spacing")),{none:"none","4/5":"80%","30vh":"30vh","70vh":"70vh"}),maxWidth:(e,r)=>{let{breakpoints:o}=r;return t._(a._(t._({},e("spacing")),{xxs:"14.375rem",lg:"30rem","7xl":"80rem","4/5":"80%",modal:"40.625rem","modal
1-lg":"75rem"}),o(e("screens")))},minHeight:{75:"18.75rem",128:"32rem",160:"40rem"},minWidth:{45:"11.25rem",125:"31.25rem",250:"62.5rem",275:"68.75rem"},opacity:{10:"0.1",20:"0.2",40:"0.4","100-important":"1 !important"},backgroundSize:{"1/2":"50%",290:"290px"},scale:{92:"0.92",102:"1.02",103:"1.03",108:"1.08",112:"1.12",115:"1.15"},keyframes:{rotateClockwise:{"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}},rotateAntiClockwise:{"0%":{transform:"rotate(360deg)"},"100%":{transform:"rotate(0deg)"}}},animation:{"rotate-clockwise":"rotateClockwise 0.8s linear infinite","rotate-anticlockwise":"rotateAntiClockwise 0.8s linear infinite"},typography:e=>({DEFAULT:{css:{maxWidth:"none",color:"currentColor","--tw-prose-links":"currentColor","--tw-prose-bullets":"currentColor",video:{margin:"0"},strong:{color:"currentColor"},"a.px-6":{color:"".concat(e("colors.white")),textDecoration:"none"},"ol > li":{"&::before":{color:"currentColor"}},"ul > li":{"&::before":{backgroundColor:"".concat(e("colors.stealth-bomber"))}},"li > p":{margin:"0"},"tbody td":{"border-left-width":"1px","border-left-color":"#e2e8f0"},"tbody td:first-child":{border:"0"}}}})}},corePlugins:{aspectRatio:!1},plugins:[o(67380),o(37783)]}},35145:(e,r,o)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/credits-checkout",function(){return o(19881)}])}},e=>{e.O(0,[579,636,593,792],()=>e(e.s=35145)),_N_E=e.O()}]); 2//# sourceMappingURL=credits-checkout-efd37cdbf20d4cdc.js.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.