https://next.skipper.io/_next/static/chunks/pages/account/billing-9dca52a9e6aae883.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2617],{73252:function(e,i,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/account/billing",function(){return n(91007)}])},59618:function(e,i,n){"use strict";n.d(i,{x:function(){return c}});var s=n(47842),t=n(52322);n(2784);var l=n(72779),r=n.n(l),a=n(2902);function c(e){var i,n=e.children,l=e.className,c=e.ignorePadding,o=e.ignoreVertical,d=e.borderSizing,u=(0,a.Z)(),$=r()("bg-white border-gray-200 border mb-3 text-passport ".concat(u?"min-w-[280px]":""," "),void 0===d?"rounded-[12px]":d,l,(i={},(0,s.Z)(i,"px-3 sm:px-4 md:px-10",!(void 0!==c&&c)),(0,s.Z)(i,"py-8",!(void 0!==o&&o)),i));return(0,t.jsx)("div",{className:$,children:n})}c.Title=function(e){var i=e.children,n=e.className,s=e.defaultMargin,l=e.textClassName,a=r()(void 0===s?"mb-2":s,n),c=r()(void 0===l?"text-lg text-passport":l);return(0,t.jsx)("div",{className:a,children:(0,t.jsx)("h2",{className:c,children:i})})},c.Subtitle=function(e){var i=e.children,n=e.className,l=void 0===n?"text-sm":n,a=r()((0,s.Z)({},l,l));return(0,t.jsx)("div",{className:"mb-6 text-sm text-passport",children:(0,t.jsx)("p",{className:a,children:i})})},c.Content=function(e){var i=e.children,n=e.className,s=r()("w-full flex flex-grow text-passport",n);return(0,t.jsx)("div",{className:s,children:i})},c.HeadDivider=function(e){var i=e.children,n=e.className,s=r()("flex justify-between pb-5 border-b border-gray-200 text-passport",n);return(0,t.jsx)("div",{className:s,children:i})}},3023:function(e,i,n){"use strict";n.d(i,{N:function(){return u}});var s=n(52322);n(2784);var t=n(45364),l=n(38734),r=n(55123),a=n(23357),c=n(39097),o=n.n(c),d=[{name:"Profile",route:"/users/edit",permissionCheck:l.Pl.manage_profile},{name:"Manage Family",route:"/account/seats",roleCheck:l.G7.Adult},{name:"My Enrollments",route:"/account/enrollments"},{name:"Manage Courses",route:"/account/manage-active",roleCheck:l.G7.Adult},{name:"Manage Members",route:"/account/manage-members",roleCheck:l.G7.Adult},{name:"Notifications",route:"/users/notifications",permissionCheck:l.Pl.notification_settings},{name:"Account Settings",route:"/account/settings",roleCheck:l.G7.Adult},{name:"Billing and Plans",route:"/account/billing",roleCheck:l.G7.Adult},{name:"Permission Levels",route:"/account/permission-levels",roleCheck:l.G7.Adult},];function u(e){var i=e.children,n=e.bgColor,c=void 0===n?"bg-white":n,u=(e.subHeaderContent,e.breadCrumb),$=e.breadCrumbUrl,m=e.breadCrumSub,x=e.breadCrumSubUrl,v=(0,l.Qe)(),p=v.hasPermission,h=v.hasRole;return(0,s.jsx)("div",{className:"h-full w-full",children:(0,s.jsxs)("div",{className:"relative h-full w-full ".concat(c," pr-14"),children:[(0,s.jsx)(r.E.div,{initial:!1,animate:{width:"".concat(240,"px"),minWidth:"".concat(240,"px")},className:"border-r border-gray-300 whitespace-nowrap h-full block overflow-auto bg-white px-2",children:d.filter(function(e){return e.permissionCheck?p(e.permissionCheck):!e.roleCheck||h(e.roleCheck)}).map(function(e){return(0,s.jsx)(t.O,{href:e.route,children:(0,s.jsx)("div",{className:"focus-within text-passport items-center flex justify-between pl-6 py-4 hover:bg-teal-100 rounded-md mt-1",children:e.name},e.name)},e.name)})}),(0,s.jsx)(r.E.div,{initial:!1,animate:{left:"".concat(240,"px")},className:"absolute top-0 right-0 bottom-0 ".concat(c," overflow-auto"),children:(0,s.jsx)(r.E.div,{className:"max-w-5xl mx-auto w-full h-full px-8",children:(0,s.jsxs)(s.Fragment,{children:[!!$&&!!u&&(0,s.jsxs)("div",{className:"flex items-center text-gray-300 gap-x-1 mt-4",children:[(0,s.jsx)(o(),{href:"/users/edit",passHref:!0,children:(0,s.jsx)(a.xv,{as:"a",type:"link",css:{display:"flex",alignItems:"center"},children:"Account"})}),(0,s.jsx)("p",{children:"/"}),(0,s.jsx)(o(),{href:$,passHref:!0,children:(0,s.jsx)(a.xv,{as:"a",type:"link",children:u})}),!!m&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("p",{children:"/"}),(0,s.jsx)(o(),{href:x,passHref:!0,children:(0,s.jsx)(a.xv,{as:"a",type:"link",children:m})})]})]}),i]})})})]})})}},91007:function(e,i,n){"use strict";n.r(i),n.d(i,{default:function(){return _}});var s=n(98788),t=n(70865),l=n(96670),r=n(87394),a=n(22970),c=n(52322),o=n(2784),d=n(3023),u=n(38734),$=n(97729),m=n.n($),x=n(47614),v=n(59618),p=n(78616),h=n(

152789),f=n(34867),b=n(5632),j=n(28879),g=n.n(j),y=n(18235),N={src:"/_next/static/media/skipper-octopus.39567ba0.svg",height:87,width:88},w=n(96577),C=n.n(w);function _(){var e,i,n,u,$,j,w,_,P,k,S,I,M,A,U,T,D=(0,b.useRouter)(),E=(0,x.Xt)().dispatchNotification,F=(0,x.Xt)().toggle,G=(0,p.Y$I)((0,h.s3)("users")),Y=G.data,B=G.refetch,Z=(0,p.CSW)((0,h.s3)("users")).data,z=(0,r.Z)(o.useState(!0),2),H=z[0],L=z[1],X=(0,p.qGW)((0,h.s3)("users")),q=X.data,O=X.refetch,R=(0,p.hoF)((0,h.s3)("users"),{onSuccess:function(e,i){var n;(null==e?void 0:null===(n=e.createSubscription)||void 0===n?void 0:n.success)&&(B(),O(),e.createSubscription.redirectUrl?D.push(e.createSubscription.redirectUrl,void 0,{shallow:!1}):e.createSubscription.invoicePreview?F(!0,(0,c.jsx)(y.Y,{body:(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)("div",{className:"mt-8",children:(0,c.jsx)(C(),{src:N,width:84,height:84,layout:"fixed",className:"pointer-events-none"})}),(0,c.jsx)("div",{className:"text-xl font-medium my-4",children:"Update your subscription"}),(0,c.jsxs)("div",{className:"px-8",children:[(0,c.jsxs)("div",{className:"",children:["You are about to switch to the ",e.createSubscription.subscriptionPlan.title," plan!"]}),(0,c.jsxs)("div",{className:"mt-2 font-medium",children:["Due today: ",(0,c.jsxs)("span",{className:"font-medium",children:["$",e.createSubscription.invoicePreview.amount_due/100]})]}),(0,c.jsx)("div",{className:"text-xs max-w-sm mx-auto mt-4 text-gray-700",children:'By clicking "Confirm Update", you agree to the new rate and our Terms of Service. This change will take effect immediately.'})]})]}),confirmLabel:"Confirm Update",onConfirm:function(){R.mutate((0,l.Z)((0,t.Z)({},i),{forceUpdate:!0}))}})):i.forceUpdate&&(E({title:"Subscription updated successfully",text:"",type:"success"}),[1,3,5,10].map(function(e){return setTimeout(B,1e3*e)}),[1,3,5,10].map(function(e){return setTimeout(O,1e3*e)})))}}),V=(T=(0,s.Z)(function(e,i){var n,s,t,l,r,c;return(0,a.__generator)(this,function(a){return e?(r={},e.maxCourses&&e.maxCourses<(null==Y?void 0:null===(n=Y.account)||void 0===n?void 0:n.subscriptionTotalCourses)||e.maxActivities&&e.maxActivities<(null==Y?void 0:null===(s=Y.account)||void 0===s?void 0:s.subscriptionTotalActivities)||e.maxStudents&&e.maxStudents<(null==Y?void 0:null===(t=Y.account)||void 0===t?void 0:t.subscriptionTotalStudents)||e.maxInstructors&&e.maxInstructors<(null==Y?void 0:null===(l=Y.account)||void 0===l?void 0:l.subscriptionTotalInstructors))?(E((r.title="Please adjust your account usage to fit within the new plan limits",r.text="",r.type="danger",r)),[2]):(c={},R.mutate((c.priceId=i,c.subscriptionPlanId=e.id,c)),[2]):[2]})}),function(e,i){return T.apply(this,arguments)}),W=(0,p.XV_)((0,h.s3)("users"),{onSuccess:function(e){var i;(null==e?void 0:null===(i=e.createStripeDeepLink)||void 0===i?void 0:i.url)&&D.push(e.createStripeDeepLink.url)}});(0,o.useEffect)(function(){var e=D.query,i=e.success,n=e.error;e.emailConfirmed,i?(E({title:i,text:"",type:"success"}),D.replace(D.pathname,void 0,{shallow:!0})):n&&(E({title:n,text:"",type:"danger"}),D.replace(D.pathname,void 0,{shallow:!0}))},[D.query]);var Q=(null==Y?void 0:null===(e=Y.account)||void 0===e?void 0:null===(i=e.subscriptionPlan)||void 0===i?void 0:i.productId)=="custom"&&(null==Y?void 0:null===(n=Y.account)||void 0===n?void 0:n.subscriptionCustomPrice)==0,J=(0,o.useMemo)(function(){var e;return null==Z?void 0:null===(e=Z.subscriptionPlans)||void 0===e?void 0:e.find(function(e){return"basic"==e.productId})},[Z]);return(0,c.jsxs)(d.N,{bgColor:"bg-gray-50",breadCrumb:"Billing and Plans",breadCrumbUrl:"/account/billing",children:[(0,c.jsx)(m(),{children:(0,c.jsx)("title",{children:"Billing and Plans | Skipper"})}),(0,c.jsx)("div",{className:"flex flex-col w-full pt-4 pb-20",children:(0,c.jsxs)(v.x,{children:[(0,c.jsx)("div",{children:(0,c.jsx)("h1",{className:"text-xl mb-1",children:"Billing and Plans"})}),(0,c.jsxs)("div",{className:"my-6",children:[(0,c.jsxs)("div",{className:"w-full min-w-full font-medium text-base my-1",children:["Your Current Plan:",(0,c.jsx)("span",{className:"mx-1 font-medium",children:(null==Y?void 0:null===(u=Y.account)||void 0===u?void 0:null===($=u.subscriptionPlan)||void 0===$?void 0:$.t

1itle)||"none"})]}),(null==Y?void 0:null===(j=Y.account)||void 0===j?void 0:j.subscriptionEndDate)?(0,c.jsxs)("div",{className:"w-full min-w-full text-sm",children:["Next payment due on",(null==q?void 0:q.stripeUpcomingInvoice)&&(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)("span",{className:"mx-1",children:g()(1e3*q.stripeUpcomingInvoice.created).format("MMMM DD, YYYY")}),(0,c.jsxs)("span",{className:"font-bold",children:["$",((q.stripeUpcomingInvoice.amount_due||0)/100).toFixed(2)]})]})]}):(0,c.jsxs)("div",{className:"w-full min-w-full text-sm",children:["No payment due:",(0,c.jsx)("span",{className:"mx-1 font-bold",children:"$0.00"})]}),(null==Y?void 0:null===(w=Y.account)||void 0===w?void 0:null===(_=w.subscriptionPlan)||void 0===_?void 0:_.productId)!="custom"&&(0,c.jsx)(c.Fragment,{children:(0,c.jsxs)("div",{className:"flex gap-4 mt-2",children:[0!=((null==Y?void 0:null===(P=Y.account)||void 0===P?void 0:P.subscriptionCustomPrice)||0)&&(0,c.jsx)("a",{href:"#",className:"text-sm text-teal-600 hover:underline hover:text-teal-500",onClick:function(){return W.mutate({type:"manage-payment"})},children:"Manage Payment Method"}),(0,c.jsx)("a",{href:"#",className:"text-sm text-teal-600 hover:underline hover:text-teal-500",onClick:function(){return W.mutate({type:"payment-history"})},children:"View Payment History"})]})})]}),(0,c.jsxs)("div",{className:"my-6",children:[(0,c.jsx)("div",{className:"w-full min-w-full font-medium text-base my-1",children:"Current Usage"}),(0,c.jsxs)("ul",{className:"text-sm list-disc ml-4",children:[(0,c.jsxs)("li",{children:[null==Y?void 0:null===(k=Y.account)||void 0===k?void 0:k.subscriptionTotalCourses," active courses"]}),(0,c.jsxs)("li",{children:[null==Y?void 0:null===(S=Y.account)||void 0===S?void 0:S.subscriptionTotalActivities," activities"]}),(0,c.jsxs)("li",{children:[null==Y?void 0:null===(I=Y.account)||void 0===I?void 0:I.subscriptionTotalStudents," students"]}),(0,c.jsxs)("li",{children:[null==Y?void 0:null===(M=Y.account)||void 0===M?void 0:M.subscriptionTotalInstructors," course leaders"]})]})]}),(0,c.jsxs)("div",{className:"flex gap-2 text-sm",children:[(0,c.jsx)("div",{children:"Monthly Plans"}),(0,c.jsx)(f.ZD,{enabled:H,type:"button",bidirectional:!0,setEnabled:function(){return L(!H)}}),(0,c.jsx)("div",{children:"Annual Plans"})]}),(0,c.jsx)("div",{className:"w-full my-4 flex justify-center gap-4 flex-wrap",children:null==Z?void 0:null===(A=Z.subscriptionPlans)||void 0===A?void 0:A.filter(function(e){return"custom"!=e.productId&&"business"!=e.productId}).map(function(e){var i,n,s,t,l,r,a,o,d,u,$=(null==Y?void 0:null===(i=Y.account)||void 0===i?void 0:null===(n=i.subscriptionPlan)||void 0===n?void 0:n.productId)===e.productId,m=(null==Y?void 0:null===(s=Y.account)||void 0===s?void 0:null===(t=s.subscriptionCustomInterval)||void 0===t?void 0:t.toLowerCase())==="month";return(0,c.jsxs)("div",{className:"text-sm min-w-40 text-center border border-gray-150 shadow shadow-xs rounded-lg p-3 ".concat((null==Y?void 0:null===(l=Y.account)||void 0===l?void 0:null===(r=l.subscriptionPlan)||void 0===r?void 0:r.productId)===e.productId?"bg-teal-050":""),children:[(0,c.jsx)("div",{className:"text-base font-medium",children:e.title}),(0,c.jsxs)("div",{className:"my-3 flex flex-col gap-2 h-12",children:[(0,c.jsxs)("div",{className:"text-xl font-medium",children:["$",H?e.priceAnnual/12:e.priceMonthly,(0,c.jsx)("span",{className:"text-base",children:"/mo"})]}),e.priceMonthly>0&&(0,c.jsx)("div",{className:"text-xs",children:H?"Billed annually":"Billed monthly"})]}),(0,c.jsx)(f.zx,{variant:$?"subtle":e.priceMonthly>=(null==Y?void 0:null===(a=Y.account)||void 0===a?void 0:null===(o=a.subscriptionPlan)||void 0===o?void 0:o.priceMonthly)?"primary":"white",size:"small",className:"w-32 px-0 my-4 justify-center",onClick:function(){return(!$||H&&m||!H&&!m)&&V(e,H?e.annualPriceId:e.monthlyPriceId)},children:$?H&&m?"Go Yearly":H||m?"Current Plan":"Go Monthly":Q?"Select":e.priceMonthly>=(null==Y?void 0:null===(d=Y.account)||void 0===d?void 0:null===(u=d.subscriptionPlan)||void 0===u?void 0:u.priceMonthly)?"Upgrade":"Downgrade"}),(0,c.jsx)("ul",{className:"text-xs list-disc mx-4 text-left leading-5 text-gray-700",children:e.features.map(function(e,i){return(0,c.jsx)("li",{children:e},i)})})]},e.id)})}),(0,c.jsxs)("div",{className:"w-full border border-gray-150 shadow shadow-xs rounded-lg flex p-4 my-8",children:[(0,c.jsxs)("div",{className:"w-48 flex flex-col gap-1",children:[(0,c.jsx)("div",{className:"text-base font-medium",children:"Business"}),(0,c.jsx)("div",{className:"my-3 flex flex-col gap-2",children:(0,c.jsx)("div",{className:"text-xl font-medium",children:"Custom pricing"})}),(0,c.jsx)("div",{children:(0,c.jsx)(f.zx,{variant:"primary",className:"px-2",size:"small",onClick:function(){return D.push("mailto:[email protected]")},type:"submit",children:"Talk to Sales"})})]}),(0,c.jsxs)("div",{className:"flex-1 flex flex-col gap-4 justify-center",children:[(0,c.jsx)("div",{className:"text-sm",children:"Are you an organization, non-profit, co-op, or school? Contact us for special pricing."}),(0,c.jsx)("div",{className:"text-sm",children:"Including white-glove onboarding, private training, priority customer support, and special pricing for academic add-on’s (e.g., Turnitin, Career Discovery Platform)"})]})]}),(null==Y?void 0:null===(U=Y.account)||void 0===U?void 0:U.subscriptionPlan)&&"basic"!==Y.account.subscriptionPlan.productId&&"custom"!==Y.account.subscriptionPlan.productId&&(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)("hr",{className:"my-8"}),(0,c.jsx)("p",{className:"text-lg font-medium",children:"Cancel Subscription"}),(0,c.jsx)("p",{className:"text-xs leading-5 mt-1",children:"Upon cancelling your subscription, you will be downgraded to our Free plan. You can always join another account's course as a course leader, parent observer, or student, free of charge."}),(0,c.jsxs)("div",{className:"my-4",children:[(0,c.jsx)("p",{className:"text-xs leading-5",children:"Please adjust your account if it currently exceeds these limits before proceeding with cancellation:"}),(0,c.jsxs)("ul",{className:"list-disc mx-4 text-xs text-left leading-5",children:[(0,c.jsx)("li",{children:"1 active course"}),(0,c.jsx)("li",{children:"100 activities"}),(0,c.jsx)("li",{children:"10 students"}),(0,c.jsx)("li",{children:"2 instructors/course leaders"})]})]}),(0,c.jsx)(f.zx,{variant:"red",size:"small",className:"",onClick:function(){return V(J,null==J?void 0:J.annualPriceId)},children:"Cancel Subscription"})]})]})})]})}_.displayName="Billing and Plans",_.useDefault=!0,_.requiredRole=u.G7.Adult}},function(e){e.O(0,[9774,2888,179],function(){return e(e.s=73252)}),_N_E=e.O()}]);
2//# sourceMappingURL=billing-9dca52a9e6aae883.js.map