1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7607],{72784:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/old-pricing",function(){return t(23547)}])},42988:function(e,n,t){"use strict";var i=t(82729),a=t(19521);function _templateObject(){let e=(0,i._)(["\n grid-column: 1 / -1;\n"]);return _templateObject=function(){return e},e}let r=a.default.div.withConfig({componentId:"sc-fd46796a-0"})(_templateObject());n.Z=r},27936:function(e,n,t){"use strict";var i=t(82729),a=t(85893),r=t(19521);function _templateObject(){let e=(0,i._)(["\n position: absolute;\n width: 30vw;\n height: 0px;\n z-index: 10;\n overflow: hidden;\n\n h1,\n p {\n height: 10rem;\n }\n"]);return _templateObject=function(){return e},e}let o=r.default.main.withConfig({componentId:"sc-e8309d9d-0"})(_templateObject());n.Z=function(e){let{h1:n,description:t="",canonical:i=""}=e;return n?(0,a.jsxs)(o,{children:[(0,a.jsx)("h1",{children:n}),t?(0,a.jsx)("p",{className:"description",children:t}):null,i?(0,a.jsx)("link",{rel:"canonical",href:i}):null]}):null}},80546:function(e,n,t){"use strict";var i=t(82729),a=t(85893),r=t(19521),o=t(86664),s=t(5434),l=t(11163),c=t(67294),d=t(87066),m=t(47010),p=t(62961),u=t(9473),g=t(609),h=t(17593),f=t(50037);function _templateObject(){let e=(0,i._)(["\n &::backdrop {\n cursor:\n url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAzElEQVRYR+2X0Q6AIAhF5f8/2jYXZkwEjNSVvVUjDpcrGgT7FUkI2D9xRfQETwNIiWO85wfINfQUEyxBG2ArsLwC0jioGt5zFcwF4OYDPi/mBYKm4t0U8ATgRm3ThFoAqkhNgWkA0jJLvaOVSs7j3qMnSgXWBMiWPXe94QqMBMBc1VZIvaTu5u5pQewq0EqNZvIEMCmxAawK0DNkay9QmfFNAJUXfgGgUkLaE7j/h8fnASkxHTz0DGIBMCnBeeM7AArpUd3mz2x3C7wADglA8BcWMZhZAAAAAElFTkSuQmCC)\n 14 0,\n pointer;\n\n backdrop-filter: blur(5px);\n -webkit-filter: blur(5px);\n -moz-filter: blur(5px);\n -o-filter: blur(5px);\n -ms-filter: blur(5px);\n filter: blur(5px);\n }\n\n div.paywall-popup {\n text-align: center;\n }\n\n "," {\n max-width: 90%;\n //width: 90%;\n position: relative;\n padding: 0;\n\n .close-btn {\n all: unset;\n position: absolute;\n right: 20px;\n top: 10px;\n font-size: 30px;\n line-height: 0.8;\n transition-duration: 0.2s;\n padding: 0.2rem;\n border-radius: 50%;\n\n :hover {\n background-color: rgba(0, 0, 0, 0.15);\n border-radius: 50%;\n cursor:\n url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAzElEQVRYR+2X0Q6AIAhF5f8/2jYXZkwEjNSVvVUjDpcrGgT7FUkI2D9xRfQETwNIiWO85wfINfQUEyxBG2ArsLwC0jioGt5zFcwF4OYDPi/mBYKm4t0U8ATgRm3ThFoAqkhNgWkA0jJLvaOVSs7j3qMnSgXWBMiWPXe94QqMBMBc1VZIvaTu5u5pQewq0EqNZvIEMCmxAawK0DNkay9QmfFNAJUXfgGgUkLaE7j/h8fnASkxHTz0DGIBMCnBeeM7AArpUd3mz2x3C7wADglA8BcWMZhZAAAAAElFTkSuQmCC)\n 14 0,\n pointer;\n }\n }\n .heading {\n width: 100%;\n font-size: 1.2rem;\n padding: 0 1.5rem;\n padding-top: 1.75rem;\n color: rgba(255, 255, 255, 0.8);\n }\n .image-header {\n background-size: cover !important;\n height: 180px;\n width: 100%;\n }\n }\n\n "," {\n max-width: 80%;\n .image-header {\n height: 130px;\n width: 100%;\n }\n .heading {\n padding-top: 1.3rem;\n }\n }\n\n "," {\n max-width: 75%;\n .image-header {\n height: 140px;\n width: 100%;\n }\n }\n\n ",' {\n max-width: 53%;\n\n .image-header {\n height: 180px;\n width: 100%;\n }\n }\n\n img {\n margin: 0 auto;\n }\n\n p.back-message {\n font-family: "Work Sans", sans-serif;\n font-size: 12px;\n margin-top: 0.5rem;\n margin-bottom: 1.2rem;\n font-style: italic;\n text-align: center;\n }\n']);return _templateObject=function(){return e},e}function _templateObject1(){let e=(0,i._)(["\n ",' {\n .images-flex {\n display: flex;\n gap: 0.25rem;\n\n img {\n width: 27px;\n height: 19px;\n }\n }\n\n h1.upgrade-heading {\n font-size: 1.3rem;\n text-align: center;\n margin-bottom: 1.5rem;\n }\n\n .content-container {\n display: flex;\n flex-flow: column wrap;\n font-family: "Work Sans", sans-serif;\n gap: 1.5rem;\n justify-content: center;\n align-items: center;\n\n .payment-container,\n .order-container {\n max-width: 80%;\n }\n\n .payment-method-container {\n margin-top: 1.2rem;\n\n label {\n color: #808080;\n font-size: 14px;\n font-weight: 500;\n margin-bottom: 0.2rem;\n }\n\n h3 {\n font-weight: 600;\n font-size: 18px;\n }\n }\n }\n }\n\n ',' {\n padding: 1.5rem;\n\n div.content-container {\n flex-flow: row wrap;\n justify-content: center;\n align-items: start;\n gap: 2.5rem;\n }\n\n .content-container {\n .payment-container,\n .order-container {\n max-width: 45%;\n }\n }\n }\n\n .pay-by-section {\n display: flex;
1\n align-items: center;\n gap: 1rem;\n\n .line {\n border-bottom: 1px solid #dadada;\n flex: 1;\n }\n }\n\n .card-number-element,\n .card-expiry-element,\n .card-cvv-element,\n input {\n border: 1px solid #dadada;\n border-radius: 4px;\n font-size: 14px;\n font-weight: 500;\n padding: 10px 12px;\n width: 100%;\n }\n\n .payment-method-container {\n margin-bottom: 1.2rem;\n }\n\n .inline-flex-2-inputs {\n display: flex;\n flex-flow: row;\n gap: 1.5rem;\n margin-bottom: 1.2rem;\n\n div {\n width: 100%;\n }\n }\n\n .paypal-googlepay {\n flex: 1;\n overflow: hidden;\n\n .paypal-buttons {\n min-width: 50px !important;\n height: 100% !important;\n\n .paypal-button-row {\n height: 100% !important;\n }\n }\n .gpay {\n }\n }\n\n .order-summary-container {\n margin-top: 12px;\n border: 2px solid #212529;\n border-radius: 8px;\n\n h3 {\n background-color: #212529;\n color: #fff;\n font-size: 18px;\n font-weight: 600;\n padding: 1rem 0;\n padding-left: 1rem;\n }\n\n .order-summary,\n .discount,\n .total {\n padding: 0 1rem;\n margin-bottom: 1rem;\n }\n\n .order-summary-row {\n display: flex;\n justify-content: space-between;\n\n p {\n margin-bottom: 0;\n }\n span {\n font-size: 14px;\n font-style: italic;\n color: #616161;\n margin-top: -1rem;\n }\n }\n\n .discount {\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: 1rem;\n\n div.apply-btn {\n span {\n background-color: #212529;\n color: #fff;\n padding: 0.55rem 1rem;\n border-radius: 4px;\n -webkit-user-select: none; /* Safari */\n -ms-user-select: none; /* IE 10 and IE 11 */\n user-select: none; /* Standard syntax */\n }\n }\n }\n\n .line {\n border-bottom: 1px solid #dadada;\n margin: 1rem;\n }\n\n .total {\n .total-row {\n display: flex;\n justify-content: space-between;\n font-size: 16px;\n font-weight: 600;\n }\n }\n }\n\n .submit-btn-container {\n display: flex;\n margin-top: 2rem;\n\n button {\n width: 100%;\n font-family: "Press Start 2P", cursive;\n }\n }\n\n .row-container {\n margin-bottom: 0.6rem;\n\n div.btn {\n all: unset;\n }\n }\n\n .tooltip {\n position: relative;\n display: inline-block;\n color: gray;\n }\n\n .tooltip .tooltiptext {\n visibility: hidden;\n width: 120px;\n color: black;\n text-align: center;\n padding: 5px 0;\n\n position: absolute;\n z-index: 1;\n bottom: 90%;\n left: 35%;\n }\n\n .tooltip:hover .tooltiptext {\n visibility: visible;\n }\n']);return _templateObject1=function(){return e},e}let x=r.default.dialog.withConfig({componentId:"sc-33ab4a2f-0"})(_templateObject(),e=>{let{theme:n}=e;return n.breakpoints.xs},e=>{let{theme:n}=e;return n.breakpoints.sm},e=>{let{theme:n}=e;return n.breakpoints.md},e=>{let{theme:n}=e;return n.breakpoints.lg}),b=r.default.div.withConfig({componentId:"sc-33ab4a2f-1"})(_templateObject1(),e=>{let{theme:n}=e;return n.breakpoints.xs},e=>{let{theme:n}=e;return n.breakpoints.sm}),j=["incomplete_number","incomplete_expiry","incomplete_cvc"];n.Z=function(e){let{isOpen:n}=e,t=(0,l.useRouter)(),[i,r]=(0,c.useState)("python"),w=(0,o.useElements)(),y=(0,o.useStripe)(),[v,k]=(0,c.useState)(""),[N,C]=(0,c.useState)(""),[_,T]=(0,c.useState)(""),O=(0,c.useRef)(null),M=(0,u.v9)(g.IC),[A,S]=(0,c.useState)(""),[z,E]=(0,c.useState)("none"),[F,I]=(0,c.useState)(null),[P,D]=(0,c.useState)(299),[q,L]=(0,c.useState)(null),[W,U]=(0,c.useState)(""),[Q,Z]=(0,c.useState)(!1),[B,V]=(0,c.useState)(!1),[Y,H]=(0,c.useState)(!1);(0,c.useEffect)(()=>{let e=t.asPath;"string"==typeof e&&r(e=e.split("/")[1])},[t.asPath]),(0,c.useEffect)(()=>{if(q){let e=setTimeout(()=>{L(null)},1e4);return()=>clearTimeout(e)}},[q]),(0,c.useEffect)(()=>{let e=document.querySelector("dialog.is-checkout-4lifer");null==e||e.removeAttribute("open")},[]),(0,c.useEffect)(()=>{let e=document.querySelector("dialog.is-checkout-4lifer");return e&&n?e.showModal():null==e||e.close(),()=>{null==e||e.close()}},[n]),(0,c.useEffect)(()=>
1{if("failed"===W){let e=document.querySelector("dialog.is-checkout-4lifer");e&&(null==e||e.showModal())}},[W]);let R=(0,c.useCallback)(async e=>{if(e.preventDefault(),!y||!w)return;try{O.current.disabled=!0}catch(e){}let n=w.getElement(o.CardNumberElement);if(null==n||Q)return;Z(!0);try{await w.submit()}catch(e){console.error(e),Z(!1);try{O.current.disabled=!1}catch(e){}return}let{paymentMethod:t,error:i}=await y.createPaymentMethod({type:"card",card:n,billing_details:{name:"".concat(v," ").concat(N),address:{postal_code:_}}});if(i){console.error(i),L({code:i.code,message:i.message,type:i.type}),Z(!1);try{O.current.disabled=!1}catch(e){}return}let a=t.id;try{let e=await d.Z.post("/api/club/stripe/lifer",{payment_method:a,discount_code:A}),n=e.data;if("fail"===n.status){var r,s,l,c;if((null===(r=e.data)||void 0===r?void 0:r.data)==="already-subscribed")return L({message:"You are already subscribed to Cod\xe9dex Club. Please contact [email protected] for help.",code:"already_subscribed",type:"top"});if((null===(s=e.data)||void 0===s?void 0:s.data)==="help")return L({message:"Please contact [email protected] for help.",code:"help",type:"top"});if((null===(l=e.data)||void 0===l?void 0:l.data)==="invalid-promo-code")return L({message:"Invalid promo code. Please try again.",code:"help",type:"top"});(null===(c=n.data)||void 0===c?void 0:c.code)==="card_declined"?L({message:"Your card was declined. Please try using another card.",code:"card_declined",type:"top"}):L({message:"Unable to confirm card. Please try using another card.",code:"card_confirmation_error",type:"top"}),Z(!1);return}let t=n.data;if("requires_payment_method"===t.status){L({message:"Please enter a valid card number",code:"incomplete_number",type:"top"}),Z(!1);return}if("requires_action"===t.status){U("required");let e=document.querySelector("dialog.is-checkout-4lifer");e.close();let n=await y.handleCardAction(t.client_secret);if(n.error){console.error(n.error),L({message:"Unable to confirm card. Please try using another card.",code:"card_confirmation_error",type:"top"}),U("failed");return}}V(!0);try{if(M){let e=Intl.DateTimeFormat().resolvedOptions().locale,n=(0,h.Ji)();await d.Z.post("/api/email/checked-out",{email:null==M?void 0:M.email}),await d.Z.post("/api/club/success",{email:null==M?void 0:M.email,currencyType:"USD",annual:!1,paid:"".concat(299),finalPrice:"".concat(P.toFixed(2)),discountCode:A,locale:e,country:n})}try{(0,f.BH)("Purchase",{currency:"USD",value:299});let e=(0,f.DV)();d.Z.post("/api/club/purchase-log",{currency:"USD",value:299,source:"lifetime",utmCampaign:e.utm_campaign||null,utmSource:e.utm_source||null,fbclid:e.fbclid||null}).catch(e=>console.error("purchase log failed:",e))}catch(e){console.error(e,"tracking fbq")}}catch(e){console.error(e)}setTimeout(()=>{var e;null===(e=document.querySelector(".nes-dialog.is-checkout-4lifer"))||void 0===e||e.removeAttribute("open"),H(!0)},2e3)}catch(e){console.error(e),L({message:"Please reach out to [email protected] for help.",code:"card_confirmation_error",type:"top"})}finally{Z(!1),O.current.disabled=!1}},[A,w,P,v,N,Q,_,y,M]),G=(0,c.useCallback)(e=>{"Enter"===e.key&&e.preventDefault()},[]),J=(0,c.useCallback)(async()=>{try{if(A){let e=await d.Z.post("/api/club/stripe/discount",{discountCode:A}),n=e.data;if("success"===n.status){let e=n.data;I(e);let{type:t,discount:i,discountPercentage:a}=e;return D(Math.round((299-299*i)*100)/100),E("success")}E("failed")}}catch(e){console.log(e)}},[A]);return((0,c.useEffect)(()=>{Y&&setTimeout(()=>{let e=document.querySelector("dialog.is-success");e&&((null==e?void 0:e.open)&&e.close(),e.showModal())},0)},[Y]),n)?Y?(0,a.jsx)(a.Fragment,{}):(0,a.jsx)(a.Fragment,{children:(0,a.jsx)(x,{role:"dialog",className:"nes-dialog is-checkout-4lifer is-rounded",children:(0,a.jsxs)("form",{method:"dialog",onSubmit:R,onKeyDown:G,children:[(0,a.jsx)("div",{onClick:()=>{window.history.length<=2?t.push("/pricing"):t.push("/".concat(i));let e=document.querySelector("dialog.is-checkout-4lifer");null==e||e.close()},className:"close-btn nes-pointer",children:(0,a.jsx)(s.lTq,{})}),(0,a.jsxs)(b,{children:[(0,a.jsx)("h1",{className:"upgrade-heading",children:"Upgrade to Cod\xe9dex Club 4 Life"}),q&&!j.includes(null==q?void 0:q.code)&&(0,a.jsx)(p.Z,{message:null==q?void 0:q.message,type:"top"}),(0,a.jsxs)("div",{className:"content-container",children:[(0,a.jsxs)("div",{className:"payment-container",children:[(0,a.jsx)("div",{className:"subscription-toggle-container"}),(0,a.jsxs)("div",{className:"payment-method-container",children:[(0,a.jsx)("h3",{children:"Payment Method"}),(0,a.jsxs)("div",{className:"row-container",children:[(0,a.jsxs)("div",{style:{display:"flex",justifyContent:"space-between"},children:[(0,a.jsx)("label",{htmlFor:"card-element",children:"Credit/Debit"}),(0,a.jsxs)("div",{className:"images-flex",style:{display:"flex"},children:[(0,a.jsx)("img",{src:"/images/payments/visa.png",alt:"visa card"}),(0,a.jsx)("img",{src:"/images/payments/mastercard.png",alt:"mastercard"}),(0,a.jsx)("img",{src:"/images/payments/amex.png",alt:"amex"}),(0,a.jsx)("img",{src:"/images/payments/discover.png",alt:"discover"})]})]}),(0,a.jsx)(o.CardNumberElement,{options:{showIcon:!0,classes:{base:"card-number-element"}
1,style:{base:{"::placeholder":{color:"#CCC"}}}},id:"card-element"}),(null==q?void 0:q.code)==="incomplete_number"&&(0,a.jsx)(p.Z,{message:"Please enter a valid card number"})]}),(0,a.jsxs)("div",{className:"inline-flex-2-inputs row-container",children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("label",{htmlFor:"expiration-date",children:"Expiration Date"}),(0,a.jsx)(o.CardExpiryElement,{options:{classes:{base:"card-expiry-element"},style:{base:{"::placeholder":{color:"#CCC"}}}},id:"expiration-date"}),(null==q?void 0:q.code)==="incomplete_expiry"&&(0,a.jsx)(p.Z,{message:"Please enter a valid expiration date"})]}),(0,a.jsxs)("div",{children:[(0,a.jsx)("label",{htmlFor:"cvv",children:"CVC/CVV"}),(0,a.jsx)(o.CardCvcElement,{options:{classes:{base:"card-cvv-element"},style:{base:{"::placeholder":{color:"#CCC"}}}},id:"cvv"}),(null==q?void 0:q.code)==="incomplete_cvc"&&(0,a.jsx)(p.Z,{message:"Please enter a valid CVC"})]})]}),(0,a.jsxs)("div",{className:"inline-flex-2-inputs row-container",children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("label",{htmlFor:"first-name",children:"First Name"}),(0,a.jsx)("input",{id:"first-name",type:"text",value:v,onChange:e=>{k(e.currentTarget.value)},required:!0})]}),(0,a.jsxs)("div",{children:[(0,a.jsx)("label",{htmlFor:"last-name",children:"Last Name"}),(0,a.jsx)("input",{id:"last-name",value:N,onChange:e=>{C(e.currentTarget.value)},type:"text",required:!0})]})]}),(0,a.jsxs)("div",{className:"row-container",children:[(0,a.jsx)("label",{htmlFor:"pin-code",children:"Billing Zip/Postal Code"}),(0,a.jsx)("input",{id:"pin-code",value:_,onChange:e=>{T(e.currentTarget.value)},required:!0})]}),(0,a.jsx)("div",{className:"row-container pay-by-section",style:{display:"flex"},children:(0,a.jsx)("div",{className:"line"})}),(0,a.jsx)("div",{className:"paypal-googlepay row-container nes-pointer inline-flex-2-inputs"})]})]}),(0,a.jsxs)("div",{className:"order-container",children:[(0,a.jsxs)("div",{className:"order-summary-container",children:[(0,a.jsx)("h3",{children:"Order Summary"}),(0,a.jsx)("div",{className:"order-summary",children:(0,a.jsxs)("div",{className:"order-summary-row",children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("p",{children:"Cod\xe9dex Club"}),(0,a.jsx)("span",{children:"Forever"})]}),(0,a.jsxs)("p",{children:["$",299]})]})}),(0,a.jsxs)("div",{className:"discount",children:[(0,a.jsx)("input",{type:"text",placeholder:"Enter discount code",value:A,onChange:e=>S(e.currentTarget.value)}),(0,a.jsx)("div",{className:"apply-btn",onClick:()=>{J()},children:(0,a.jsx)("span",{className:"nes-pointer",children:"Apply"})})]}),"success"===z&&(0,a.jsx)("div",{className:"order-summary",children:(0,a.jsxs)("div",{className:"order-summary-row",children:[(0,a.jsx)("p",{children:"Discount Code"}),(0,a.jsxs)("p",{children:["-$",(299-P).toFixed(2)]})]})}),(0,a.jsx)("div",{className:"line"}),(0,a.jsx)("div",{className:"total",children:(0,a.jsxs)("div",{className:"total-row",children:[(0,a.jsx)("p",{children:"Total Amount"}),(0,a.jsxs)("p",{children:["$",P.toFixed(2)]})]})})]}),(0,a.jsx)("div",{className:"submit-btn-container",children:(0,a.jsx)("button",{disabled:Q,className:"nes-btn is-primary ".concat(B?"is-success":""),type:"submit",ref:O,children:Q?(0,a.jsx)(m.Z,{color:"white",size:13}):B?"Success!":"Make Payment"})}),(0,a.jsxs)("p",{className:"back-message",children:["7 day money-back guarantee",(0,a.jsx)("br",{}),"Cancel anytime",(0,a.jsx)("br",{}),"Prices in USD"]})]})]})]})]})})}):null}},23547:function(e,n,t){"use strict";t.r(n),t.d(n,{__N_SSG:function(){return J},default:function(){return old_pricing}});var i=t(82729),a=t(85893),r=t(19521),o=t(76649),s=t(62069),l=t(42988),c=t(99428),d=t(86961),m=t(67294),p=t(11163),u=t(9473),g=t(92369),h=t(54465),f=t(86664),x=t(99999),b=t(57774),j=t(2711),w=t.n(j);function _templateObject(){let e=(0,i._)(["\n "," {\n min-height: 590px;\n min-height: 350px;\n margin: 0px 20rem;\n\n padding: 2px;\n border-radius: 10px;\n position: relative;\n\n &.free {\n background-color: ",";\n }\n\n &.club {\n background-color: #ffd522;\n\n .top-tab {\n background-color: #f7d51d;\n border: 2px solid transparent;\n p {\n color: black;\n }\n }\n\n .price {\n .animate {\n animation: fadein 0.5s ease-in-out;\n animation-fill-mode: forwards;\n }\n }\n }\n\n &.classroom {\n background: linear-gradient(\n 30deg,\n #f7d51d,\n #36af46,\n #3672eb,\n #6949e3,\n #fe2049,\n #ff5e33\n );\n\n .top-tab {\n background: linear-gradient(30deg, #fe3840, #fe5835);\n border: 2px solid transparent;\n\n background:\n linear-gradient(\n ",",\n ","\n )\n padding-box,\n linear-gradient(30deg, #fe3840, #fe5835) border-box;\n border: 2px solid transparent;\n p {\n color: ",";\n }\n }\n\n .price {\n .animate {\n animation: fadein 0.5s ease-in-out;\n animation-fill-mode: forwards;\n }\n }\n }\n\n @keyframes fadein {\n 0% {\n opacity: 0;\n }\n\n 100% {\n opacity: 1;\n }\n }\n\n .top-tab {\n position: absolute;\n top: -15px;\n left: 50%;\n transform: translateX(-50%);\n border: 2px solid #ffffff;\n background-color: #1d2331;\n\n border-radius: 60px;\n padding: 5px 17px;\n animation: fadein 0.3s ease-in-out;\n animation-fill-mode: forwards;\n\n p {\n margin: 0px;\n font-size: 12px;\n }\n }\n\n .inner-container {\n background-color: #1d2331;\n background-color: ",";\n\n height: 100%;\n border-radius: 8px;\n padding: 0rem 2rem;\n display: flex;\n flex-direction: column;
1\n\n .tier-title {\n display: flex;\n align-items: center;\n justify-content: start;\n padding-top: 3rem;\n padding-bottom: 1rem;\n gap: 0.75rem;\n\n border-bottom: 2px solid #303b5b;\n\n p {\n margin: 0px;\n font-size: 15px;\n color: ",";\n }\n }\n\n .price {\n margin: 1.5rem 0rem;\n .number {\n margin: 0px;\n font-size: 22px;\n display: flex;\n align-items: center;\n gap: 0.5rem;\n color: ",';\n\n span {\n color: #545d74;\n font-family: "Work Sans", sans-serif;\n font-weight: 500;\n font-size: 16px;\n }\n }\n\n .price-copy {\n margin: 0px;\n margin-top: 5px;\n font-family: "Work Sans", sans-serif;\n color: #1f9ced;\n font-weight: 500;\n }\n }\n\n .checklist-container {\n flex: 1;\n font-family: "Work Sans", sans-serif;\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n }\n\n .btn-container {\n border-top: 2px solid #303b5b;\n padding-top: 0.75rem;\n margin-bottom: 2rem;\n\n button {\n width: 100%;\n font-size: 15px;\n }\n }\n }\n }\n\n '," {\n .inner-container {\n .tier-title {\n p {\n font-size: 12px;\n }\n }\n\n .btn-container {\n button {\n font-size: 10px;\n }\n }\n }\n }\n\n "," {\n .inner-container {\n .tier-title {\n p {\n font-size: 12px;\n }\n }\n .btn-container {\n button {\n font-size: 10px;\n }\n }\n }\n }\n\n "," {\n .inner-container {\n .tier-title {\n p {\n font-size: 15px;\n }\n }\n\n .btn-container {\n button {\n font-size: 16px;\n }\n }\n }\n }\n"]);return _templateObject=function(){return e},e}t(20927);let y=r.default.div.withConfig({componentId:"sc-2f1075dd-0"})(_templateObject(),e=>{let{theme:n}=e;return n.breakpoints.xs},e=>"dark"===e.theme.mode?"#ffffff":"black",e=>"dark"===e.theme.mode?"#1D2331":"#FDFDFD",e=>"dark"===e.theme.mode?"#1D2331":"#FDFDFD",e=>"dark"===e.theme.mode?"#ffffff":"black",e=>"dark"===e.theme.mode?"#1d2331":"white",e=>"dark"===e.theme.mode?"white":"black",e=>"dark"===e.theme.mode?"white":"black",e=>{let{theme:n}=e;return n.breakpoints.sm},e=>{let{theme:n}=e;return n.breakpoints.md},e=>{let{theme:n}=e;return n.breakpoints.lg});var pricing_Tier=function(e){let{title:n,titleImg:t,price:i,priceCopy:r,tabCopy:o,tierBenefits:s,annual:l,className:c,btnCopy:d="fallback copy",isUserClubSub:u,isUserClubPaused:g=!1,isUserSignedIn:h=!1,isUserLoading:f=!1,executeFunction:x}=e,b=(0,p.useRouter)();return(0,m.useEffect)(()=>{w().init({mirror:!1,disable:"mobile",once:!0})},[]),(0,a.jsxs)(y,{className:c,"data-aos":"fade-up","data-aos-duration":"800","data-aos-anchor-placement":"top-bottom","data-aos-delay":"free"==c?"300":"club"==c?"400":"500",children:[(l||"free"==c)&&"classroom"!==c&&(0,a.jsx)("div",{className:"top-tab",children:(0,a.jsx)("p",{children:o})}),"classroom"==c&&(0,a.jsx)("div",{className:"top-tab",children:(0,a.jsx)("p",{children:o})}),(0,a.jsxs)("div",{className:"inner-container",children:[(0,a.jsxs)("div",{className:"tier-title",children:[(0,a.jsx)("img",{src:t,alt:"title image"}),(0,a.jsx)("p",{children:n})]}),(0,a.jsxs)("div",{className:"price",children:["classroom"===c?(0,a.jsxs)("p",{className:"number",children:[i," ",(0,a.jsx)("span",{children:"one-time"})]},l):(0,a.jsxs)("p",{className:"number animate",children:[i," ",(0,a.jsx)("span",{children:"/ month"})]},l),(0,a.jsx)("p",{className:"price-copy",children:r})]}),(0,a.jsx)("div",{className:"checklist-container",children:"classroom"===c&&(0,a.jsx)("p",{style:{marginBottom:"0"},children:(0,a.jsx)("strong",{children:"Everything In Club +"})})}),"club"==c&&(0,a.jsxs)("div",{className:"btn-container",children:[!u&&!g&&h&&(0,a.jsx)("button",{className:"nes-btn is-warning",onClick:()=>x(),children:d}),!u&&!g&&!h&&(0,a.jsx)("button",{className:"nes-btn is-warning",onClick:()=>{h||b.push("/login")},children:d}),!u&&g&&h&&(0,a.jsx)("button",{className:"nes-btn ".concat(f?"is-disabled":"is-primary"),id:"club-button",onClick:()=>{b.push("/account?tabIndex=1")},disabled:!h&&f,children:"Resume Club"}),u&&(0,a.jsx)("button",{className:"nes-btn ".concat(f?"is-disabled":"is-warning"),onClick:()=>{f||window.open("https://discord.gg/vSKEhP9fY2","_blank","noopener,noreferrer")},children:"Join Discord"})]}),"classroom"==c&&(0,a.jsxs)("div",{className:"btn-container",children:[!u&&(0,a.jsx)("button",{className:"nes-btn is-primary",onClick:()=>x(),children:d}),u&&(0,a.jsx)("button",{className:"nes-btn ".concat(f?"is-disabled":"is-warning"),onClick:()=>{f||window.open("https://discord.gg/vSKEhP9fY2","_blank","noopener,noreferrer")},children:"Join Discord"})]})]})]})},v=t(65519),k=t(85673),N=t(42696),C=t(609),_=t(48645),T=t(64988),O=t(43910),M=t(39828),A=t(91296),S=t.n(A),z=t(68551);let E=null;async function getStripe(){return E||(E=await (0,h.J)(z.Tj)),E}let F=S()(async e=>{var n;let{annual:t=!1}=e,{firestore:i,auth:a}
1=(0,g.UM)(),r=null;if(null==a||!a.currentUser)return{status:"not-signed-in"};r=null===(n=a.currentUser)||void 0===n?void 0:n.uid;try{let e=await (0,O.ag)(a.currentUser,!0);if("paideducator"===e.claims.stripeRole)return{status:"already-paid"}}catch(e){return console.error(e),{status:"fail"}}if(r)try{let e=(0,M.hJ)(i,"users",r,"checkout_sessions"),n="price_1OKlz5LPLaa9XJOqpzC7nJWu";t&&(n="price_1OKlzSLPLaa9XJOqfsAJJAcB");let a=await (0,M.ET)(e,{allow_promotion_codes:!0,price:n,success_url:window.location.origin+"/educators/payment-success-form",cancel_url:window.location.origin+"/pricing"});(0,M.cf)(a,async e=>{let{sessionId:n}=e.data();try{if(n){let e=await getStripe();if(e)return e.redirectToCheckout({sessionId:n}),{status:"success"}}}catch(e){return console.error("error while checking out"),{status:"fail"}}})}catch(e){console.error("error while creating the checkout session!"),console.error(e)}return{status:"fail"}},3e3,{leading:!0,maxWait:5e3});var I=t(80546);function PricingTierLists_templateObject(){let e=(0,i._)(["\n "," {\n padding-top: 9rem;\n color: whitesmoke;\n display: flex;\n flex-direction: column;\n align-items: center;\n\n .top-titles {\n display: flex;\n align-items: center;\n flex-direction: column;\n gap: 0.5rem;\n\n h2 {\n font-size: 24px;\n letter-spacing: 2px;\n color: ",';\n }\n\n p {\n font-family: "Work Sans", sans-serif;\n width: 475px;\n max-width: 80%;\n text-align: center;\n font-size: 14px;\n\n color: ',";\n }\n }\n\n .tierlist-grid {\n width: 100%;\n display: grid;\n grid-template-columns: 1fr;\n gap: 2rem;\n margin: 3rem 0rem 4rem 0rem;\n padding: 0rem 2.5rem;\n }\n }\n\n "," {\n .tierlist-grid {\n grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));\n }\n\n .top-titles {\n p {\n font-size: 16px;\n max-width: 100%;\n }\n }\n }\n\n "," {\n .tierlist-grid {\n grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));\n }\n }\n"]);return PricingTierLists_templateObject=function(){return e},e}let P=r.default.div.withConfig({componentId:"sc-99adbfdf-0"})(PricingTierLists_templateObject(),e=>{let{theme:n}=e;return n.breakpoints.xs},e=>"dark"===e.theme.mode?"whitesmoke":"black",e=>"dark"===e.theme.mode?"#919EC0":"black",e=>{let{theme:n}=e;return n.breakpoints.sm},e=>{let{theme:n}=e;return n.breakpoints.md});var pricing_PricingTierLists=function(){let e=(0,p.useRouter)(),[n,t]=(0,m.useState)(!1),[i,r]=(0,m.useState)(!1),[o,s]=(0,m.useState)(!1),[l,c]=(0,m.useState)(!1),[d,j]=(0,m.useState)(null),[w,y]=(0,m.useState)(!1),[O,M]=(0,m.useState)(!1),[A,S]=(0,m.useState)({club:{monthly:"$19.99",annual:"$9.99",annualTotal:"$119.88",monthlyNumber:19.99,annualNumber:9.99,annualTotalNumber:119.88},workshop:{monthly:"$24.99",annual:"$19.99"},type:"USD",sign:"$"}),[E,D]=(0,m.useState)(!1),[q,L]=(0,m.useState)(!0);(0,u.v9)((0,k.aB)({index:0})),(0,u.v9)((0,k.aB)({index:1}));let W=(0,u.v9)((0,k.aB)({index:2})),U=(0,u.v9)(C.ot),Q=(0,u.v9)(C.Ao),Z=(0,u.v9)(C.zL),{auth:B}
1=(0,g.UM)();(0,m.useEffect)(()=>{j((0,h.J)(z.Tj))},[]),(0,m.useEffect)(()=>{"USD"===A.type?D(!0):D(!1)},[A.type]),(0,m.useEffect)(()=>{U&&checkForLife();async function checkForLife(){let e=await (0,_.Fw)(!0);y(e)}},[U]),(0,m.useEffect)(()=>((async function(){try{let e=await (0,N.F)();r(e)}catch(e){}})(),()=>{}),[U]);let V=(0,m.useCallback)(async()=>{U||e.push("/login");try{let e=await (0,N.F)(),n=await (0,_.Rb)();if(n)return;if(e)t(!1);else try{t(!0),s(!0),await (0,T.M)({annual:q});let e=document.querySelector("dialog.is-checkout");e?e.showModal():null==e||e.close(),setTimeout(()=>{t(!1)},1e4)}catch(e){t(!1)}}catch(e){}},[q,U,e]);(0,m.useEffect)(()=>{let n=e.query;n&&"true"===n.checkout&&setTimeout(()=>{V()},1500)},[V,e.query]),(0,m.useCallback)(async()=>{U||e.push("/login");try{let n=await (0,_.$)(!0),i=B.currentUser;if(!i)return e.push("/login");if(n)t(!1);else try{t(!0),M(!0),setTimeout(()=>{t(!1),M(!1)},1e4),await F({annual:q})}catch(e){t(!1)}}catch(e){}},[q,B.currentUser,U,e]);let Y=(0,m.useCallback)(async()=>{U||e.push("/login");try{await (0,N.F)();try{t(!0),c(!0),await (0,T.M)({annual:q});let e=document.querySelector("dialog.is-checkout-4lifer");e?e.showModal():null==e||e.close(),setTimeout(()=>{t(!1)},1e4)}catch(e){t(!1)}}catch(e){}},[q,U,e]);return(0,m.useEffect)(()=>{let n=e.query;n&&"true"===n.checkout4life&&setTimeout(()=>{Y()},1500)},[Y,e.query]),(0,m.useEffect)(function(){(async function(){let e=await (0,v.G)();S(e)})()},[]),(0,a.jsxs)(a.Fragment,{children:[" ",(0,a.jsxs)(P,{children:[(0,a.jsxs)("div",{className:"top-titles",children:[(0,a.jsx)("h2",{children:"JOIN THE CLUB!"}),(0,a.jsx)("p",{children:"Unlock your full potential with our tailored plans designed for every stage of your coding journey"})]}),(0,a.jsx)(b.Z,{annual:q,setAnnual:L}),(0,a.jsx)("div",{className:"tierlist-grid",children:(0,a.jsx)(pricing_Tier,{title:"Club 4 Life",titleImg:"/images/pricing/classroom.svg",price:"$299",priceCopy:"Access to Club Forever",tabCopy:"Limited",tierBenefits:W.benefits,annual:q,className:"classroom",btnCopy:"Join 4 Life",isUserClubSub:w,isUserClubPaused:Z,isUserSignedIn:U,isUserLoading:Q,executeFunction:Y})})]}),(0,a.jsx)(f.Elements,{stripe:d,children:(0,a.jsx)(x.Z,{enablePaypal:E,isOpen:o,annual:q,setAnnual:L,currency:A})}),(0,a.jsx)(f.Elements,{stripe:d,children:(0,a.jsx)(I.Z,{isOpen:l})})]})},D=t(17249),q=t(30719),L=t(71911);function OneTreePlantedCarousal_templateObject(){let e=(0,i._)(["\n "," {\n width: 300px !important;\n margin-left: -1rem;\n\n .one-tree-image-card {\n margin-bottom: 3rem;\n }\n\n .swiper-pagination-bullet {\n background-color: ",";\n }\n }\n "," {\n width: 300px !important;\n margin-left: 0rem;\n }\n "," {\n width: 440px !important;\n }\n"]);return OneTreePlantedCarousal_templateObject=function(){return e},e}let W=r.default.div.withConfig({componentId:"sc-d465259-0"})(OneTreePlantedCarousal_templateObject(),e=>{let{theme:n}=e;return n.breakpoints.xs},e=>"dark"===e.theme.mode?"#d9dce9":"black",e=>{let{theme:n}=e;return n.breakpoints.sm},e=>{let{theme:n}=e;return n.breakpoints.md});var pricing_OneTreePlantedCarousal=function(){return(0,a.jsx)(W,{children:(0,a.jsx)(q.tq,{pagination:{clickable:!0},breakpoints:{320:{slidesPerView:1,spaceBetween:0,autoplay:{delay:5e3,disableOnInteraction:!1,pauseOnMouseEnter:!0},navigation:!0,modules:[L.tl,L.W_,L.pt]},768:{slidesPerView:1,spaceBetween:0,autoplay:{delay:5e3,disableOnInteraction:!1,pauseOnMouseEnter:!0},navigation:!0,modules:[L.tl,L.W_,L.pt]},1024:{slidesPerView:1,slidesPerGroup:1,navigation:!0,modules:[L.tl,L.W_,L.pt]},1440:{slidesPerView:1,slidesPerGroup:1,navigation:!0,modules:[L.tl,L.W_,L.pt]}},autoplay:{delay:5e3,disableOnInteraction:!1,pauseOnMouseEnter:!0},modules:[L.tl,L.W_,L.pt],className:"mySwiper",children:[{image:"https://cdn.shopify.com/s/files/1/0326/7189/files/understanding-tree-planting-costs.jpg?v=1689969338"},{image:"https://firebasestorage.googleapis.com/v0/b/codedex-io.appspot.com/o/assets%2Findex%2FDSC00325.jpg?alt=media&token=edf43ee9-a7af-49c8-86e8-fa38b89542f0&_gl=1*wwitlx*_ga*MzU0MTI5MTg3LjE2OTQxMDAwOTQ.*_ga_CW55HF8NVT*MTY5NzM5NjI4NC41NS4xLjE2OTczOTY0NDAuNjAuMC4w"},{image:"https://firebasestorage.googleapis.com/v0/b/codedex-io.appspot.com/o/assets%2Findex%2FGX3A0041.jpg?alt=media&token=ce5ad454-31fb-4b34-8ea9-e042dc008c22&_gl=1*g1lb9x*_ga*MzU0MTI5MTg3LjE2OTQxMDAwOTQ.*_ga_CW55HF8NVT*MTY5NzM5NjI4NC41NS4xLjE2OTczOTgwNzQuMTYuMC4w"},{image:"https://firebasestorage.googleapis.com/v0/b/codedex-io.appspot.com/o/assets%2Findex%2FDSC00358.jpg?alt=media&token=ac6c5d25-d092-4776-9adc-c1d0c0791009&_gl=1*ahrq6h*_ga*MzU0MTI5MTg3LjE2OTQxMDAwOTQ.*_ga_CW55HF8NVT*MTY5NzM5NjI4NC41NS4xLjE2OTczOTY0NzkuMjEuMC4w"},{image:"https://firebasestorage.googleapis.com/v0/b/codedex-io.appspot.com/o/assets%2Findex%2FDSC00949.jpg?alt=media&token=7d17a2f3-8688-4fa0-afa0-6a492be9fb28&_gl=1*1g5rikv*_ga*MzU0MTI5MTg3LjE2OTQxMDAwOTQ.*_ga_CW55HF8NVT*MTY5NzM5NjI4NC41NS4xLjE2OTczOTc5MzguMzIuMC4w"},{image:"https://firebasestorage.googleapis.com/v0/b/codedex-io.appspot.com/o/assets%2Findex%2FDSC00360.jpg?alt=media&token=1e7819b5-8ccd-4120-8882-412cad1f5f87&_gl=1*nzk6cw*_ga*MzU0MTI5MTg3LjE2OTQxMDAwOTQ.*_ga_CW55HF8NVT*MTY5NzM5NjI4NC41NS4xLjE2OTczOTgzMzYuNDQuMC4w"}].map((e,n)=>(0,a.jsx)(q.o5,{className:"one-tree-image-card",children:(0,a.jsx)("img",{src:e.image,alt:"one tree planted",className:"nes-pointer"})},n))})})};
1function OneTreePlanted_templateObject(){let e=(0,i._)(["\n margin: 3rem 0rem 1rem 0rem;\n width: 100%;\n "," {\n display: none;\n }\n\n ",' {\n display: inline-block;\n\n .top-header {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 1rem;\n\n p {\n margin: 0px;\n }\n\n .img-container {\n position: relative;\n filter: drop-shadow(0 -20px 30px rgba(29, 247, 195, 0.25));\n margin-bottom: 10px;\n }\n\n .middle-text {\n p {\n width: 500px;\n max-width: 100%;\n text-align: center;\n line-height: 2;\n span {\n background-image: repeating-linear-gradient(\n 90deg,\n #d0e700,\n #167a36,\n #6466fa,\n #a726fe\n );\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n -webkit-text-fill-color: transparent;\n }\n }\n }\n\n .bottom-text {\n font-family: "Work Sans", sans-serif;\n\n p {\n width: 375px;\n max-width: 100%;\n text-align: center;\n color: #546087;\n font-size: 16px;\n }\n\n a {\n color: #1f9ced;\n text-decoration: underline;\n }\n }\n }\n\n .image-container {\n margin-top: 1rem;\n display: grid;\n grid-template-columns: 0.5fr 1fr;\n height: 325px;\n\n width: 100%;\n gap: 1rem;\n\n .inner-container {\n flex: 1;\n }\n\n .single-image-container {\n .single-image {\n height: 375px;\n /* imgHeight={525} */\n }\n }\n\n .right-grid {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n\n .left-image-flex {\n display: flex;\n gap: 1rem;\n height: 100%;\n height: 175px;\n }\n }\n }\n }\n\n '," {\n .image-container {\n height: 500px;\n\n .single-image-container {\n .single-image {\n height: 480px;\n }\n }\n .right-grid {\n .left-image-flex {\n height: 232px;\n }\n }\n }\n }\n\n "," {\n .image-container {\n .single-image-container {\n .single-image {\n height: 525px;\n }\n }\n\n .right-grid {\n .left-image-flex {\n height: 254.5px;\n }\n }\n }\n }\n"]);return OneTreePlanted_templateObject=function(){return e},e}function _templateObject1(){let e=(0,i._)(["\n width: 100%;\n border: 2px solid ",';\n border-radius: 20px;\n overflow: hidden;\n position: relative;\n\n .bottom-gradient {\n position: absolute;\n width: 100%;\n bottom: 0px;\n height: 80%;\n background: linear-gradient(rgba(13, 18, 30, 0), rgba(13, 18, 30, 1));\n }\n\n .text {\n position: absolute;\n font-family: "Work Sans", sans-serif;\n text-align: center;\n color: #e0e0e0;\n\n a {\n color: #51a5ff;\n }\n\n '," {\n bottom: 20px;\n font-size: 13px;\n margin: 0rem 1rem;\n }\n\n "," {\n bottom: 40px;\n font-size: 16px;\n margin: 0rem 2rem;\n }\n }\n"]);return _templateObject1=function(){return e},e}let U=r.default.div.withConfig({componentId:"sc-410b3916-0"})(OneTreePlanted_templateObject(),e=>{let{theme:n}=e;return n.breakpoints.xs},e=>{let{theme:n}=e;return n.breakpoints.sm},e=>{let{theme:n}=e;return n.breakpoints.md},e=>{let{theme:n}=e;return n.breakpoints.lg}),Q=[{image:"https://cdn.shopify.com/s/files/1/0326/7189/files/understanding-tree-planting-costs.jpg?v=1689969338"},{image:"https://firebasestorage.googleapis.com/v0/b/codedex-io.appspot.com/o/assets%2Findex%2FDSC00325.jpg?alt=media&token=edf43ee9-a7af-49c8-86e8-fa38b89542f0&_gl=1*wwitlx*_ga*MzU0MTI5MTg3LjE2OTQxMDAwOTQ.*_ga_CW55HF8NVT*MTY5NzM5NjI4NC41NS4xLjE2OTczOTY0NDAuNjAuMC4w"},{image:"https://firebasestorage.googleapis.com/v0/b/codedex-io.appspot.com/o/assets%2Findex%2FGX3A0041.jpg?alt=media&token=ce5ad454-31fb-4b34-8ea9-e042dc008c22&_gl=1*g1lb9x*_ga*MzU0MTI5MTg3LjE2OTQxMDAwOTQ.*_ga_CW55HF8NVT*MTY5NzM5NjI4NC41NS4xLjE2OTczOTgwNzQuMTYuMC4w"},{image:"https://firebasestorage.googleapis.com/v0/b/codedex-io.appspot.com/o/assets%2Findex%2FDSC00358.jpg?alt=media&token=ac6c5d25-d092-4776-9adc-c1d0c0791009&_gl=1*ahrq6h*_ga*MzU0MTI5MTg3LjE2OTQxMDAwOTQ.*_ga_CW55HF8NVT*MTY5NzM5NjI4NC41NS4xLjE2OTczOTY0NzkuMjEuMC4w"},{image:"https://firebasestorage.googleapis.com/v0/b/codedex-io.appspot.com/o/assets%2Findex%2FDSC00949.jpg?alt=media&token=7d17a2f3-8688-4fa0-afa0-6a492be9fb28&_gl=1*1g5rikv*_ga*MzU0MTI5MTg3LjE2OTQxMDAwOTQ.*_ga_CW55HF8NVT*MTY5NzM5NjI4NC41NS4xLjE2OTczOTc5MzguMzIuMC4w"},{image:"https://firebasestorage.googleapis.com/v0/b/codedex-io.appspot.com/o/assets%2Findex%2FDSC00360.jpg?alt=media&token=1e7819b5-8ccd-4120-8882-412cad1f5f87&_gl=1*nzk6cw*_ga*MzU0MTI5MTg3LjE2OTQxMDAwOTQ.*_ga_CW55HF8NVT*MTY5NzM5NjI4NC41NS4xLjE2OTczOTgzMzYuNDQuMC4w"}];var pricing_OneTreePlanted=function(){return(0,a.jsxs)(U,{children:[(0,a.jsxs)("div",{className:"top-header",children:[(0,a.jsx)("div",{className:"img-container",children:(0,a.jsx)("img",{src:"/images/pricing/8-bit-tree.svg",alt:"8bit tree"})}),(0,a.jsx)("div",{className:"middle-text",children:(0,a.jsxs)("p",{children:["We plant a tree for each ",(0,a.jsx)("span",{children:"Cod\xe9dex Club"})," membership"]})}),(0,a.jsx)("div",{className:"bottom-text",children:(0,a.jsxs)("p",{children:["We've partnered with"," ",(0,a.jsx)("span",{style:{fontWeight:"500"},children:"One Tree Planted"})," (OTP) this year."," ",(0,a.jsx)("a",{href:"https://www.codedex.io/blog/earth-day-2024",target:"_blank",rel:"noreferrer",children:"Read more here"}),"."]})}),(0,a.jsx)("div",{})]}),(0,a.jsx)(s.Z,{children:(0,a.jsxs)("div",{className:"image-container",children:[(0,a.jsx)("div",{className:"inner
1-container single-image-container",children:(0,a.jsx)(ImageCard,{imgSrc:Q[0].image,text:"As an environmental charity,\xa0OTP is dedicated\xa0to making it easier for individuals and businesses\xa0to give back to the environment, create a healthier climate, protect biodiversity, and help reforestation efforts around the world. All by planting trees!"},Q[0].image)}),(0,a.jsxs)("div",{className:"inner-container right-grid",children:[(0,a.jsxs)("div",{className:"left-image-flex",children:[(0,a.jsx)(ImageCard,{imgSrc:Q[1].image,marginTop:-10,text:"Started in 2014, OTP has worked with awesome reforestation partners across 82+ countries. "},Q[0].image),(0,a.jsx)(ImageCard,{imgSrc:Q[3].image,marginTop:-8,text:"These OTP projects restore forests after fires and floods, create jobs, and protect habitat for wildlife."},Q[0].image)]}),(0,a.jsxs)("div",{className:"left-image-flex",children:[(0,a.jsx)(ImageCard,{imgSrc:Q[5].image,marginTop:-3,text:"In 2023, OTP planted over 51 million trees."},Q[0].image),(0,a.jsx)(ImageCard,{imgSrc:Q[2].image,marginTop:-3,text:"Cod\xe9dex has planted 1,807 trees to date."},Q[0].image),(0,a.jsx)(ImageCard,{imgSrc:Q[4].image,marginTop:-3.4,text:"Let's take care of our planet together."},Q[0].image)]})]})]})})]})};let Z=r.default.div.withConfig({componentId:"sc-410b3916-1"})(_templateObject1(),e=>e.theme.colors.profileBorder,e=>{let{theme:n}=e;return n.breakpoints.sm},e=>{let{theme:n}=e;return n.breakpoints.md});function ImageCard(e){let{imgSrc:n,text:t="",marginTop:i=0,textIsLink:r=!1}=e;return(0,a.jsxs)(Z,{className:"single-image",children:[(0,a.jsx)("img",{src:n,alt:t,style:{marginTop:"".concat(i,"rem")}}),(0,a.jsx)("div",{className:"bottom-gradient"}),t&&!r?(0,a.jsx)("p",{className:"text",children:t}):(0,a.jsx)("p",{className:"text",style:{width:"175px"},children:(0,a.jsx)("a",{href:"https://www.codedex.io/blog",target:"_blank",rel:"noreferrer",children:t})})]})}function Faq_templateObject(){let e=(0,i._)(["\n margin-top: 1rem;\n margin-bottom: 2rem;\n padding: 3rem 0;\n padding-bottom: 4rem;\n width: 100%;\n\n display: flex;\n justify-content: center;\n align-items: center;\n flex-flow: column nowrap;\n gap: 2rem;\n\n background-color: rgb(250 245 255 / 1);\n\n h3 {\n scroll-margin-top: 7.5rem;\n }\n\n &.dark {\n color: ",";\n background-color: #1d2332;\n }\n"]);return Faq_templateObject=function(){return e},e}function Faq_templateObject1(){let e=(0,i._)(["\n width: 75%;\n background-color: white;\n\n display: flex;\n justify-content: center;\n align-items: center;\n flex-flow: column nowrap;\n\n border-radius: 15.641px;\n\n ",' {\n width: 90%;\n margin: 0 1rem;\n padding: 1.7rem;\n\n &.otp {\n display: flex;\n }\n\n & :not(h3) {\n font-family: "Work Sans", sans-serif;\n }\n\n div.faqs {\n margin-top: 2rem;\n display: flex;\n gap: 1.5rem;\n flex-flow: column nowrap;\n font-size: 14px;\n }\n\n div.question {\n display: flex;\n align-items: baseline;\n justify-content: space-between;\n font-weight: 700;\n user-select: none;\n\n .arrow {\n transform: rotateZ(0deg);\n transition: transform 0.5s;\n }\n\n .arrow.show {\n transform: rotateZ(180deg);\n transition: transform 0.5s;\n }\n }\n\n div.answer {\n visibility: hidden;\n max-height: 0;\n opacity: 0;\n transition: all 0.5s ease-in-out;\n margin-top: 1rem;\n }\n\n div.answer.show {\n visibility: visible;\n opacity: 1;\n max-height: 1000px;\n }\n\n div.line {\n height: 2px;\n background-color: #d9d9d9;\n margin-top: 0.5rem;\n }\n\n div.call {\n display: flex;\n flex-flow: column nowrap;\n font-size: 12px;\n gap: 1rem;\n align-items: center;\n\n a {\n font-family: "Press Start 2P";\n width: fit-content;\n }\n }\n }\n\n '," {\n width: 80%;\n margin: 0;\n font-size: 14px;\n padding: 2rem;\n\n div.faqs {\n font-size: 18px;\n }\n\n div.call {\n font-size: 14px;\n }\n\n &.otp {\n display: none;\n }\n }\n\n "," {\n max-width: 1152px;\n padding: 3rem;\n\n div.faqs {\n font-size: 20px;\n }\n }\n\n "," {\n }\n\n &.otp {\n padding-bottom: 0rem;\n h2 {\n text-align: center;\n }\n div.flex-container {\n display: flex;\n gap: 1rem;\n\n .one-tree-images {\n flex: 1;\n max-width: 475px;\n }\n\n .one-tree-info {\n }\n\n "," {\n flex-direction: column;\n }\n\n "," {\n flex-direction: row;\n }\n }\n div {\n width: 90%;\n }\n p {\n font-size: 18px;\n }\n }\n\n &.dark {\n background-color: #0f1524;\n color: ",";\n\n div.line {\n background-color: #244c73;\n }\n }\n"]);
1return Faq_templateObject1=function(){return e},e}let B=(0,r.default)(l.Z).withConfig({componentId:"sc-1c196a67-0"})(Faq_templateObject(),e=>{let{theme:n}=e;return n.colors.text4}),V=r.default.section.withConfig({componentId:"sc-1c196a67-1"})(Faq_templateObject1(),e=>{let{theme:n}=e;return n.breakpoints.xs},e=>{let{theme:n}=e;return n.breakpoints.sm},e=>{let{theme:n}=e;return n.breakpoints.md},e=>{let{theme:n}=e;return n.breakpoints.lg},e=>{let{theme:n}=e;return n.breakpoints.xs},e=>{let{theme:n}=e;return n.breakpoints.sm},e=>{let{theme:n}=e;return n.colors.text4}),Y=[{question:"What is the Cod\xe9dex Club?",answer:(0,a.jsxs)("p",{children:["Cod\xe9dex Club is a monthly membership with a full catalog unlock, 24/7 help from code mentors, exclusive events such as Monthly Challenges, Watch Parties, Office Hours, Interview Prep, and more!",(0,a.jsx)("br",{}),(0,a.jsx)("br",{}),"Our north star is to build the most inclusive and beginner-friendly learn to code community on the web."]}),visible:!1},{question:"How can I contribute to Cod\xe9dex?",answer:(0,a.jsxs)("p",{children:['There are many ways to contribute to our platform! We are always on the lookout for people to find bugs and typos in "The Legend of Python" course on the home page.',(0,a.jsx)("br",{}),(0,a.jsx)("br",{}),"We are also looking for project tutorial authors!",(0,a.jsx)("br",{}),(0,a.jsx)("br",{}),"Email us at ",(0,a.jsx)("a",{href:"mailto:[email protected]",children:"[email protected]"}),"."]}),visible:!1},{question:"Can I request a course, project, or product feature?",answer:(0,a.jsxs)("p",{children:["Thanks for your interest in making Cod\xe9dex great! If you have a course, project tutorial, or product feature that youâd like to see on Cod\xe9dex, please share it with us.",(0,a.jsx)("br",{}),(0,a.jsx)("br",{}),"Please"," ",(0,a.jsx)("a",{href:"https://docs.google.com/forms/d/e/1FAIpQLSc5tR_QWbDVheiBBrojTpTHlsfmedKJPhe0PS9IdyD8QJhjmQ/viewform",target:"_blank",rel:"noopener noreferrer",children:"fill out this form"})," ","to share your feedback."]}),visible:!1},{question:"Do I have to be good at math to learn programming?",answer:(0,a.jsx)("p",{children:"That's a myth! Programming doesn't require nearly as much math as you might think. If you have a computer, a love for problem solving, and some patience, then that's all you need to get started!"}),visible:!1},{question:"Am I too young/old to use Cod\xe9dex?",answer:(0,a.jsxs)("p",{children:["Cod\xe9dex is perfect for anyone age 10 and up! We have a wide range of learners in our Cod\xe9dex Club community and live workshops, from middle schoolers to college grads.",(0,a.jsx)("br",{}),(0,a.jsx)("br",{}),"It's perfect for code newbies who just started and intermediate learners in their year 1 to year 3 of the coding journey."]}),visible:!1}];var molecules_Faq=function(){let[e,n]=(0,m.useState)(Y),t=(0,u.v9)(C.o4)||"dark";return(0,a.jsxs)(B,{className:"".concat("dark"===t?"dark":"light"),children:[(0,a.jsxs)("h3",{id:"faq",children:[(0,a.jsx)("a",{href:"#faq",children:"#"})," FAQ"]}),(0,a.jsxs)(V,{className:"".concat("dark"===t?"dark":"light"),children:[(0,a.jsxs)("div",{className:"faqs",children:[e.map(function(i,r){return(0,a.jsxs)("div",{className:"faq nes-pointer",onClick:()=>(function(t){let{index:i}=t,a=[...e];a.forEach((e,n)=>{n===i&&(e.visible=!e.visible)}),n(a)})({index:r}),children:[(0,a.jsxs)("div",{className:"question",children:[(0,a.jsx)("span",{children:i.question}),(0,a.jsx)("span",{className:"arrow ".concat(i.visible?"show":""),children:(0,a.jsx)("svg",{width:"14",height:"9",viewBox:"0 0 14 9",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,a.jsx)("path",{d:"M1.46289 1.74316L7.15566 7.43593L12.8484 1.74316",stroke:"".concat("dark"===t?"white":"black"),strokeWidth:"1.51807",strokeLinecap:"round",strokeLinejoin:"round"})})})]}),(0,a.jsx)("div",{className:"answer ".concat(i.visible?"show":""),children:i.answer}),(0,a.jsx)("div",{className:"line"})]},i.question)}),(0,a.jsx)("br",{})]}),(0,a.jsxs)("div",{className:"call",children:[(0,a.jsx)("h2",{children:"Still have more questions?"}),(0,a.jsx)("a",{href:"https://codedex.notion.site/Welcome-to-the-Cod-dex-Help-Center-c8afe2966ea9490d9377bce826d22eb7",className:"nes-btn is-primary",target:"_blank",rel:"noreferrer",onClick:()=>{},children:"Help Center"})]})]}),(0,a.jsxs)(V,{className:"otp ".concat("dark"===t?"dark":"light"),children:[(0,a.jsx)("h2",{style:{marginBottom:"3rem"},children:"We plant a tree for each month of your Cod\xe9dex Club membership. \uD83C\uDF31"}),(0,a.jsxs)("div",{className:"flex-container",children:[(0,a.jsx)("div",{className:"one-tree-images",children:(0,a.jsx)(pricing_OneTreePlantedCarousal,{})}),(0,a.jsx)("div",{className:"one-tree-info",children:(0,a.jsxs)("ul",{children:[(0,a.jsx)("li",{children:(0,a.jsx)("p",{children:(0,a.jsx)("strong",{children:"One Tree Planted is a 501c3 non-profit w/ focu
1s on Global Reforestation."})})}),(0,a.jsx)("li",{children:(0,a.jsxs)("p",{children:["Weâve partnered with"," ",(0,a.jsx)("a",{href:"https://onetreeplanted.org/pages/about-us",target:"_blank",rel:"noopener noreferrer",children:"One Tree Planted"})," ","(OTP) to"," ",(0,a.jsx)("strong",{children:"plant 1 tree for each month of your Cod\xe9dex Club membership"}),"."]})}),(0,a.jsx)("li",{children:(0,a.jsxs)("p",{children:["As an environmental charity, ",(0,a.jsx)("strong",{children:"OTP is dedicated"})," to making it easier for individuals and businesses"," ",(0,a.jsx)("strong",{children:"to give back to the environment"}),", create a healthier climate, protect biodiversity, and help reforestation efforts around the world. All by planting trees!"]})}),(0,a.jsx)("li",{children:(0,a.jsx)("p",{children:"Started in 2014, OTP has worked with awesome reforestation partners across 43 countries. These OTP projects restore forests after fires and floods, create jobs, build communities, and protect habitat for wildlife."})}),(0,a.jsx)("li",{children:(0,a.jsx)("p",{children:"In 2020, OTP planted over 10 million trees."})})]})})]})]}),(0,a.jsx)(pricing_OneTreePlanted,{})]})},H=t(27936);function old_pricing_templateObject(){let e=(0,i._)(["\n overflow: hidden;\n\n .tier-list-container {\n /* background-color: ",";\n background: linear-gradient(0deg, #0f1524, #1d2331); */\n background-image: ",";\n\n .inner {\n background: ",";\n }\n }\n"]);return old_pricing_templateObject=function(){return e},e}function old_pricing_templateObject1(){let e=(0,i._)(["\n "," {\n display: flex;\n flex-flow: column nowrap;\n gap: 1rem;\n text-align: center;\n\n margin: 0 1rem;\n padding: 1.7rem;\n margin: 0 auto;\n\n color: ",';\n\n h3 {\n scroll-margin-top: 7.5rem;\n }\n\n h4 {\n font-family: "Work Sans";\n margin-bottom: 1rem;\n }\n }\n\n '," {\n padding: 2rem;\n }\n\n "," {\n padding: 1rem;\n max-width: 1000px;\n }\n\n "," {\n padding: 2rem;\n max-width: 1350px;\n }\n\n "," {\n padding: 1rem;\n }\n"]);return old_pricing_templateObject1=function(){return e},e}let R=r.default.div.withConfig({componentId:"sc-c6718a91-0"})(old_pricing_templateObject(),e=>"light"===e.theme.mode?"":"#1D2331",e=>"dark"===e.theme.mode&&'url("/images/pricing/bg-office.png")',e=>"dark"===e.theme.mode?"linear-gradient(0deg, rgba(15, 21, 36, 0.98), rgba(29, 35, 49, 0.98))":""),G=(0,r.default)(l.Z).withConfig({componentId:"sc-c6718a91-1"})(old_pricing_templateObject1(),e=>{let{theme:n}=e;return n.breakpoints.xs},e=>e.theme.colors.text1,e=>{let{theme:n}=e;return n.breakpoints.sm},e=>{let{theme:n}=e;return n.breakpoints.md},e=>{let{theme:n}=e;return n.breakpoints.lg},e=>{let{theme:n}=e;return n.breakpoints.xl});var J=!0,old_pricing=function(){return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(c.Z,{}),(0,a.jsx)(H.Z,{h1:"Pricing"}),(0,a.jsxs)(R,{children:[(0,a.jsx)("div",{className:"tier-list-container",style:{marginBottom:"3rem"},children:(0,a.jsx)("div",{className:"inner",children:(0,a.jsx)(s.Z,{children:(0,a.jsx)(pricing_PricingTierLists,{})})})}),(0,a.jsx)(D.Z,{}),(0,a.jsx)(molecules_Faq,{}),(0,a.jsxs)(G,{children:[(0,a.jsxs)("h3",{id:"wall-of-love",children:[(0,a.jsx)("a",{href:"#wall-of-love",children:"#"})," Wall of Love"]}),(0,a.jsx)("h4",{children:"Here's what people are saying:"}),(0,a.jsx)(o.Z,{src:"https://embed.testimonial.to/w/codedex?theme=light&card=base",style:{minWidth:"100%",border:"none"}})]})]}),(0,a.jsx)(d.Z,{})]})}}},function(e){e.O(0,[1272,8700,4153,1622,9280,719,6649,9428,6961,9774,2888,179],function(){return e(e.s=72784)}),_N_E=e.O()}]);
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.