https://app.heroonamission.com/_next/static/chunks/pages/choose-plan-a1be800fddeacf85.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[976],{2256:function(a,b,c){(window.__NEXT_P=window.__NEXT_P||[]).push(["/choose-plan",function(){return c(181)}])},5475:function(a,b,c){"use strict";c.d(b,{X:function(){return g}});var d=c(5893),e=c(5697),f=c.n(e);function g(a){var b="inline-block rounded-full border-4 border-t-4 animate-spin h-6 w-6 ".concat(a.light?"border-victim":"border-hero");return a.show?(0,d.jsx)("span",{className:b+" "+a.className,style:{borderTopColor:"transparent"}}):(0,d.jsx)("span",{})}g.propTypes={show:f().bool.isRequired,className:f().string,light:f().bool}},181:function(a,b,c){"use strict";c.r(b),c.d(b,{"__N_SSP":function(){return F},"default":function(){return G}});var d=c(8520),e=c.n(d),f=c(5893),g=c(7294),h=c(6628),i=c(1163),j=c(4465),k=c(6664),l=c(7609),m=c(1882),n=c(5455),o=c(3000),p=c(343),q=c(307),r=c(1664),s=c(5697),t=c.n(s),u=c(6195),v=c(2707),w=c(1107);function x(a){var b,c,d,e,h=a.getStripePaymentMethod,i=a.paymentMethod,j=a.done;return(0,g.useEffect)(function(){h()},[]),(0,f.jsx)(v.Z,{additionalWrapperClasses:"Card--large Stripe-form--wrapper mx-auto w-full max-w-lg",children:(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)("p",{className:"block mb-4 font-medium text-center",children:"The following payment method will be use for future charges once your credit balance has been used."}),(0,f.jsxs)("p",{className:"block mb-4 font-medium text-center",children:["You can update your payment method in your ",(0,f.jsx)(r.default,{href:"/account/settings",children:"Account Settings"})," "]}),(0,f.jsx)("div",{className:"bg-victim rounded-2xl flex justify-between items-center p-4 text-hero font-semibold",children:(0,f.jsxs)("div",{className:"flex",children:[(0,f.jsx)("p",{className:"mr-2",children:null==i?void 0:null===(b=i.card)|| void 0===b?void 0:b.brand.toUpperCase()}),(0,f.jsx)("p",{className:"mr-2",children:"**** **** **** "}),(0,f.jsx)("p",{className:"mr-2",children:null==i?void 0:null===(c=i.card)|| void 0===c?void 0:c.last4}),(0,f.jsxs)("p",{className:"mr-2",children:[null==i?void 0:null===(d=i.card)|| void 0===d?void 0:d.exp_month," /"]}),(0,f.jsx)("p",{children:null==i?void 0:null===(e=i.card)|| void 0===e?void 0:e.exp_year})]})}),(0,f.jsx)("div",{className:"flex flex-col justify-between gap-3 my-8",children:(0,f.jsx)(w.KM,{onClick:j,className:"Button Button--primary flex-1 mb-1",children:"Ok"})})]})})}x.propTypes={props:t().object,paymentMethod:t().object,done:t().func.isRequired,getStripePaymentMethod:t().func.isRequired};var y=(0,h.$j)(function(a){return{paymentMethod:a.customer.paymentMethod}},{register:l.z2,getStripePaymentMethod:u.$})(x),z=c(5475),A=c(3481),B=c(9008);function C(a,b,c,d,e,f,g){try{var h=a[f](g),i=h.value}catch(j){c(j);return}h.done?b(i):Promise.resolve(i).then(d,e)}function D(a){return function(){var b=this,c=arguments;return new Promise(function(d,e){var f=a.apply(b,c);function g(a){C(f,d,e,g,h,"next",a)}function h(a){C(f,d,e,g,h,"throw",a)}g(void 0)})}}function E(a){var b=(0,i.useRouter)(),c=a.subscription,d=a.loadingSubscription,h=a.plans,l=(0,g.useState)(1),m=l[0],n=l[1],r=(0,g.useState)(null),s=r[0],t=r[1],u=(0,g.useState)(!1),v=u[0],w=u[1],x=(0,g.useState)(!1),A=x[0],C=x[1],E=(0,g.useState)(""),F=E[0],G=E[1],H=(0,g.useMemo)(function(){return(0,j.J)("pk_live_gsOD5k3WMNnOUCYg15TTIEXV")},[]);(0,g.useEffect)(function(){b.push("/account")},[]),(0,g.useEffect)(function(){s&&(c&&"active"===c.status?(h&&h.plans.filter(function(a){return a.stripe_price_id===c.plan.id}))[0].stripe_price_id===s?G("You are already on this plan"):a.changeSubscriptionPlan(s):I())},[s]);var I=function(){w(!0),a.handleSubscribeToPlan(s).then(function(b){if(b&&"incomplete"===b.status&&n(2),b&&"active"===b.status){C(!0),a.updateStripePaymentMethodForSubscription().then(function(a){a&&a.id,C(!1),n(3)});return}})},J=D(e().mark(function b(c,d){var f,g,h,i,j,k;return e().wrap(function(b){for(;;)switch(b.prev=b.next){case 0:f=void 0===c?5000:c,g=void 0===d?10e3:d,h=!1,i=setTimeout(function(){G("This is taking longer than expected."),i=setTimeout(function(){return h=!0},g)},f),j=!1;case 4:if(!(!j&&!h)){b.next=17;break}return b.next=7,a.loadUser();case 7:if(j="active"===(k=b.sent).user_account.subscription_status){b.next=14;break}return b.next=12,K(500);case 12:b.next=15;break;case 14:clearTimeout(i),G(""),n(4);case 15:b.next=4;break;case 17:clearTimeout(i),!j&&h&&(G("Opps! An error has occurred setting up your account."),console.log("fail"));case 19:case"end":return b.stop()}},b)})),K=D(e().mark(function a(b){return e().wrap(function(a){for(;;)switch(a.prev=a.next){case 0:return a.abrupt("return",new Promise(function(a){return setTimeout(a,b)}));case 1:case"end":return a.stop()}},a)}));return d||A?(0,f.jsx)("div",{className:"flex items-center justify-center w-full h-full",children:(0,f.jsx)(z.X,{show:!0})}):c&&"active"===c.status&&!v?(b.push("/account","/account/plan",{shallow:!0}),null):(0,f.jsxs)(f.Fragment,{children:[(0,f.jsxs)(B.default,{children:[(0,f.jsx)("title",{children:"Hero on a Mission — Choose Plan"}),(0,f.jsx)("meta",{name:"description",content:"Hero on a Mission choose plan page"})]}),(0,f.jsxs)("div",{className:"flex flex-col items-center justify-center pt-16 m-4",children:[(0,f.jsxs)("h4",{className:"mb-4",children:[" Step ",function(){switch(m){case 1:return 1;case 2:return 2;case 3:return 2;case 4:return 3;default:return 1}}()," of 3"]}),(0,f.jsxs)("div",{className:"w-full",children:[1===m&&(0,f.jsx)(o.J,{plans:a.plans,handleChoosePlan:function(a){G(""),t(a),n(2)}}),2===m&&(0,f.jsx)(k.Elements,{stripe:H,children:(0,f.jsx)(p.d,{plan:s,handleSubscribed:function(){J()}})}),3===m&&(0,f.jsx)(k.Elements,{stripe:H,children:(0,f.jsx)(y,{done:function(){return n(4)}})}),4===m&&(0,f.jsx)(q.f,{next:function(){return b.push("/")}}),F&&(0,f.jsx)("p",{className:"mt-2 text-center text-red-500",children:F})]})]})]})}E.getLayout=function(a){return(0,f.jsx)(A.g1,{children:a})};var F=!0,G=(0,h.$j)(function(a){return{isAuthenticated:a.auth.isAuthenticated,ready:a.auth.ready,plans:a.plans,subscription:a.subscriptions.subscription,loadingSubscription:a.subscriptions.loading}},{logout:l.kS,loadUser:l.II,loadPlans:m.Z,handleSubscribeToPlan:n.OF,getStripeSubscription:n.ax,changeSubscriptionPlan:n.m,updateStripePaymentMethodForSubscription:n.AJ})(E)},6195:function(a,b,c){"use strict";c.d(b,{v:function(){return k},"$":function(){return l}});var d=c(8520),e=c.n(d),f=c(9669),g=c.n(f),h=c(8430);function i(a,b,c,d,e,f,g){try{var h=a[f](g),i=h.value}catch(j){c(j);return}h.done?b(i):Promise.resolve(i).then(d,e)}function j(a){return function(){var b=this,c=arguments;return new Promise(function(d,e){var f=a.apply(b,c);

1function g(a){i(f,d,e,g,h,"next",a)}function h(a){i(f,d,e,g,h,"throw",a)}g(void 0)})}}var k=function(){return j(e().mark(function a(b){var c,d,f;return e().wrap(function(a){for(;;)switch(a.prev=a.next){case 0:return b({type:h.XOj}),a.prev=1,a.next=4,g().get("/api/customer");case 4:if(200!==(c=a.sent).status){a.next=8;break}return b({type:h.F0R,payload:c.data}),a.abrupt("return",c.data);case 8:a.next=21;break;case 10:if(a.prev=10,a.t0=a.catch(1),(null===a.t0|| void 0===a.t0?void 0:null===(d=a.t0.response)|| void 0===d?void 0:d.status)!==422){a.next=15;break}return a.abrupt("return",b({type:h.Ifr,payload:"Something Went Wrong"}));case 15:if((null===a.t0|| void 0===a.t0?void 0:null===(f=a.t0.response)|| void 0===f?void 0:f.status)!==419){a.next=19;break}return a.abrupt("return",b({type:h.Ifr,payload:{errorMsg:"There is a problem with your Account."}}));case 19:return console.log("error,",a.t0),a.abrupt("return",b({type:h.Ifr,payload:"Sorry, something went wrong."}));case 21:case"end":return a.stop()}},a,null,[[1,10]])}))},l=function(){return j(e().mark(function a(b){var c,d,f;return e().wrap(function(a){for(;;)switch(a.prev=a.next){case 0:return b({type:h.Pbo}),a.prev=1,a.next=4,g().get("/api/customer/payment-method");case 4:if(200!==(c=a.sent).status){a.next=8;break}return b({type:h.bC3,payload:c.data}),a.abrupt("return",c.data);case 8:a.next=21;break;case 10:if(a.prev=10,a.t0=a.catch(1),(null===a.t0|| void 0===a.t0?void 0:null===(d=a.t0.response)|| void 0===d?void 0:d.status)!==422){a.next=15;break}return a.abrupt("return",b({type:h.ctm,payload:"Something Went Wrong"}));case 15:if((null===a.t0|| void 0===a.t0?void 0:null===(f=a.t0.response)|| void 0===f?void 0:f.status)!==419){a.next=19;break}return a.abrupt("return",b({type:h.ctm,payload:{errorMsg:"There is a problem with your Account."}}));case 19:return console.log("error,",a.t0),a.abrupt("return",b({type:h.ctm,payload:"Sorry, something went wrong."}));case 21:case"end":return a.stop()}},a,null,[[1,10]])}))}}},function(a){a.O(0,[672,101,481,650,33,774,888,179],function(){return a(a.s=2256)}),_N_E=a.O()}])