https://velaflow.com/_next/static/chunks/pages/jobs/plan-512d452167eea132.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7246],{17958:(e,s,t)=>{"use strict";t.d(s,{A:()=>l});var r=t(51935);let a={name:"info",size:24,node:[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"M12 16v-4",key:"1dtifu"}],["path",{d:"M12 8h.01",key:"e9boi3"}]]};a.node;let l=(0,r.A)(a)},34459:(e,s,t)=>{"use strict";t.r(s),t.d(s,{default:()=>k});var r=t(37876),a=t(59073),l=t(16353),i=t(14232),n=t(77489),d=t(35776),o=t(17958),c=t(71957),x=t(48230),m=t.n(x),p=t(18820),h=t(1164),b=t(86904),u=t(43588);let y=[10,15,20,25,30,35,40,45,50];function j(e){var s,t;let{pkg:a,selected:l,customJobCount:i,onSelect:n,onCustomChange:d}=e,o=a.is_quantity_based?(s=Number(null==a?void 0:a.price_per_job)*i,s.toFixed(2)):(t=Number(null==a?void 0:a.price_per_job)*a.job_count,t.toFixed(2)),c=a.features.map(e=>{var s;return null==e||null==(s=e.feature_name)?void 0:s.replace("{n}",String(i))});return(0,r.jsxs)("div",{className:(0,u.cn)("relative flex flex-col rounded-2xl border p-5 bg-white transition-all duration-200 cursor-pointer",l?"border-2 border-primary shadow-lg shadow-primary/10":"border-dividerGrey hover:border-primary/40 hover:shadow-md"),onClick:n,children:[a.isPopular&&(0,r.jsx)("div",{className:"absolute -top-3 left-1/2 -translate-x-1/2 bg-primary text-white text-xs font-bold px-4 py-1 rounded-full whitespace-nowrap",children:"Most Popular"}),(0,r.jsx)("div",{className:"w-11 h-11 rounded-xl bg-primary/10 flex items-center justify-center mb-4",children:(0,r.jsx)(p.A,{size:20,className:"text-primary"})}),(0,r.jsxs)("p",{className:"text-lg font-bold text-secondary mb-1",children:[a.name," Package"]}),(0,r.jsx)("div",{className:"flex items-baseline gap-1 mb-1",children:(0,r.jsxs)("span",{className:"text-2xl font-bold text-secondary",children:["$",o," ",(0,r.jsx)("span",{className:"text-grey text-sm",children:"One-Time"})]})}),(0,r.jsxs)("div",{className:"flex items-baseline gap-1 mb-3",children:[(0,r.jsxs)("span",{className:"text-xl font-bold text-primary",children:["$",a.price_per_job]}),(0,r.jsx)("span",{className:"text-grey text-sm",children:"per job"})]}),1===Number(a.is_quantity_based)&&(0,r.jsxs)("div",{className:"relative mb-4",children:[(0,r.jsx)("select",{value:i,onChange:e=>{e.stopPropagation(),d(Number(e.target.value))},onClick:e=>e.stopPropagation(),className:(0,u.cn)("w-full border border-dividerGrey rounded-xl bg-white px-4 py-2.5 text-14 text-secondary focus:outline-none focus:ring-2 focus:ring-primary focus:border-primary placeholder:text-grey transition-all","appearance-none cursor-pointer pr-8"),children:y.map(e=>(0,r.jsxs)("option",{value:e,children:[e," Jobs"]},e))}),(0,r.jsx)(h.A,{className:"absolute right-3 top-1/2 -translate-y-1/2 w-4 h-4 text-grey pointer-events-none"})]}),1===Number(a.is_quantity_based)&&(0,r.jsxs)("div",{className:"flex items-center justify-between bg-greyLight rounded-xl px-4 py-2.5 mb-4",children:[(0,r.jsx)("span",{className:"text-sm font-semibold text-secondary",children:"Total"}),(0,r.jsxs)("span",{className:"text-sm font-bold text-primary",children:["$",o]})]}),(0,r.jsx)("ul",{className:"space-y-2.5 flex-1 mb-5",children:c.map((e,s)=>(0,r.jsxs)("li",{className:"flex items-start gap-2",children:[(0,r.jsx)(b.A,{size:15,className:"text-primary flex-shrink-0 mt-0.5",strokeWidth:3}),(0,r.jsx)("span",{className:"text-14 text-greyDark",children:e})]},s))}),(0,r.jsx)("button",{onClick:e=>{e.stopPropagation(),n()},className:(0,u.cn)("w-full py-2.5 rounded-xl text-sm font-semibold transition-all duration-200",l?"bg-primary text-white hover:bg-primary/90":"border-2 border-primary text-primary hover:bg-primary hover:text-white"),children:"Select Package"})]})}var f=t(50859),g=t(48948);function N(e){let{pkg:s,customJobCount:t,onSelect:a}=e,l=s?s.is_quantity_based?(Number(s.price_per_job)*t).toFixed(2):(Number(s.price_per_job)*s.job_count).toFixed(2):"0.00",i=s?s.name:"—",n=s?"$".concat(Number(s.price_per_job).toFixed(2)):"—";return(0,r.jsxs)("div",{className:"bg-white border border-dividerGrey rounded-2xl p-5 sticky top-6",children:[(0,r.jsxs)("div",{className:"flex items-center gap-3 mb-5 pb-4 border-b border-dividerGrey",children:[(0,r.jsx)("div",{className:"w-9 h-9 rounded-xl bg-primary/10 flex items-center justify-center flex-shrink-0",children:(0,r.jsx)(p.A,{size:18,className:"text-primary"})}),(0,r.jsx)("h3",{className:"text-base font-bold text-secondary",children:"Your Order Summary"})]}),(0,r.jsxs)("div",{className:"space-y-3 mb-5 pb-5 border-b border-dividerGrey",children:[(0,r.jsxs)("div",{className:"flex items-center justify-between",children:[(0,r.jsx)("span",{className:"text-sm text-grey",children:"Package"}),(0,r.jsx)("span",{className:"text-sm font-semibold text-secondary",children:i})]}),(0,r.jsxs)("div",{className:"flex items-center justify-between",children:[(0,r.jsx)("span",{className:"text-sm text-grey",children:"Price per job"}),(0,r.jsx)("span",{className:"text-sm font-semibold text-secondary",children:n})]}),(0,r.jsxs)("div",{className:"flex items-center justify-between pt-1",children:[(0,r.jsx)("span",{className:"text-base font-bold text-secondary",children:"Total"}),(0,r.jsxs)("div",{className:"text-right",children:[(0,r.jsxs)("span",{className:"text-xl font-bold text-secondary",children:["$",l]}),(0,r.jsx)("span",{className:"text-sm text-grey ml-1"})]})]})]}),(0,r.jsx)("div",{className:"mb-4"}),(0,r.jsxs)("button",{disabled:!s,onClick:e=>{e.stopPropagation(),a()},className:"w-full flex items-center justify-center gap-2 py-3 rounded-xl bg-primary text-white text-sm font-bold hover:bg-primary/90 transition-all disabled:opacity-50 disabled:cursor-not-allowed mb-3",children:[(0,r.jsx)(f.A,{size:15}),"Pay $",l," Securely"]}),(0,r.jsxs)("p",{className:"text-center text-xs text-grey mb-4",children:["Secured by"," ",(0,r.jsx)("span",{className:"text-[#635BFF] font-bold italic",children:"stripe"})]}),(0,r.jsx)("div",{className:"flex items-center justify-center gap-4 flex-wrap",children:[{icon:c.A,label:"SSL Secured"},{icon:b.A,label:"Secure Checkout"},{icon:g.A,label:"14-Day Money Back"}].map(e=>{let{icon:s,label:t}=e;return(0,r.jsxs)("div",{className:"flex items-center gap-1 text-grey",children:[(0,r.jsx)(s,{size:12}),(0,r.jsx)("span",{className:"text-[11px]",children:t})]},t)})})]})}var v=t(81220);function w(){let[e,s]=(0,i.useState)("10_jobs"),[t,a]=(0,i.useState)(null),[l,x]=(0,i.useState)(15),[p]=(0,i.useState)(!1),[h,b]=(0,i.useState)([]);(0,i.useEffect)(()=>{u()},[]),(0,i.useEffect)(()=>{var s;let t=null!=(s=h.find(s=>(null==s?void 0:s.slug)===e))?s:null;console.log(t,"slctpgslctpg"),a(t)},[e]);let u=async()=>{var s,t;let r=await (0,v.w4)(),l=null==r||null==(s=r.content)?void 0:s.plans;console.log(l),b(l),a(null!=(t=l.find(s=>

1(null==s?void 0:s.slug)===e))?t:null)},y=async()=>{var e;console.log("hereeee");let s=p?0:null==t||null==(e=t.monthly_price)?void 0:e.stripe_price_id,r=await (0,v.ii)({plan_id:null==t?void 0:t.id,price_id:s,customJobCount:l});console.log(r),window.location.href=r.content.checkout_url};return(0,r.jsx)("div",{className:"min-h-screen bg-offWHite",children:(0,r.jsxs)("div",{className:"max-w-[1375px] mx-auto",children:[(0,r.jsxs)(m(),{href:"/jobs/post",className:"inline-flex items-center gap-1.5 text-sm text-grey hover:text-primary transition-colors mb-6",children:[(0,r.jsx)(n.A,{size:15}),"Back to Add Job"]}),(0,r.jsxs)("div",{className:"flex flex-col lg:flex-row gap-6 items-start",children:[(0,r.jsxs)("div",{className:"flex-1 min-w-0",children:[(0,r.jsx)("h1",{className:"text-2xl font-bold text-secondary mb-1",children:"Buy Job Credits"}),(0,r.jsx)("p",{className:"text-sm text-grey mb-5",children:"Buy job credits to post job vacancies. Pay once, use anytime."}),(0,r.jsxs)("div",{className:"flex items-start gap-3 bg-green/10 border border-green/25 rounded-xl px-5 py-4 mb-7",children:[(0,r.jsx)(d.A,{size:20,className:"text-green flex-shrink-0 mt-0.5"}),(0,r.jsxs)("div",{children:[(0,r.jsx)("p",{className:"text-sm font-semibold text-secondary",children:"1 Free job credit every month"}),(0,r.jsx)("p",{className:"text-xs text-grey mt-0.5",children:"You get one free job credit every month."}),(0,r.jsx)("p",{className:"text-xs text-grey mt-0.5",children:"Use it to post 1 job. Need to post more jobs? Choose a package below."})]})]}),(0,r.jsxs)("div",{className:"flex items-start gap-3 bg-green/10 border border-green/25 rounded-xl px-5 py-4 mb-7",children:[(0,r.jsx)(o.A,{size:20,className:"text-green flex-shrink-0 mt-0.5"}),(0,r.jsxs)("div",{children:[(0,r.jsx)("p",{className:"text-sm font-semibold text-secondary",children:"One-Time Payment"}),(0,r.jsx)("p",{className:"text-xs text-grey mt-0.5",children:"This is one time payment.  You will receive job credit instantly. There are no recurring changes or monthly fees."})]})]}),(0,r.jsx)("h2",{className:"text-base font-bold text-secondary mb-1",children:"Choose a Package"}),(0,r.jsx)("p",{className:"text-sm text-grey mb-5",children:"Select a package that fits your hiring needs. All packages are one-time purchase."}),(0,r.jsx)("div",{className:"grid grid-cols-1 sm:grid-cols-3 gap-4 mb-6",children:null==h?void 0:h.map(t=>(0,r.jsx)(j,{pkg:t,selected:e===(null==t?void 0:t.slug),customJobCount:l,onSelect:()=>s(null==t?void 0:t.slug),onCustomChange:e=>{x(e),s(null==t?void 0:t.slug)}},null==t?void 0:t.id))}),(0,r.jsxs)("div",{className:"flex flex-col sm:flex-row items-start sm:items-center justify-between gap-4 border border-dividerGrey rounded-2xl px-5 py-4 bg-white",children:[(0,r.jsxs)("div",{className:"flex items-start gap-3",children:[(0,r.jsx)(d.A,{size:20,className:"text-primary flex-shrink-0 mt-0.5"}),(0,r.jsxs)("div",{children:[(0,r.jsx)("p",{className:"text-sm font-semibold text-secondary",children:"Need more than 50 jobs?"}),(0,r.jsx)("p",{className:"text-xs text-grey mt-0.5",children:"Contact our sales team for custom plans and discounts."})]})]}),(0,r.jsx)("button",{className:"flex-shrink-0 px-4 py-2.5 rounded-xl border-2 border-primary text-primary text-sm font-semibold hover:bg-primary hover:text-white transition-all whitespace-nowrap",children:(0,r.jsx)(m(),{href:"/settings/help/",children:"Contact Sales"})})]})]}),(0,r.jsx)("div",{className:"w-full lg:w-[320px] flex-shrink-0",children:(0,r.jsx)(N,{pkg:t,customJobCount:l,onSelect:()=>y()})})]}),(0,r.jsxs)("div",{className:"flex flex-col sm:flex-row items-start sm:items-center justify-between gap-4 border border-primary bg-primary/5 rounded-2xl px-5 py-4 mt-6",children:[(0,r.jsxs)("div",{className:"flex items-start gap-3",children:[(0,r.jsx)(c.A,{size:20,className:"text-primary flex-shrink-0 mt-0.5"}),(0,r.jsxs)("div",{children:[(0,r.jsx)("p",{className:"text-sm font-semibold text-secondary",children:"Safe & Secure Payments"}),(0,r.jsx)("p",{className:"text-xs text-grey mt-0.5 max-w-[360px]",children:"Your payment information is encrypted and processed securely by Stripe. We do not store your card details."})]})]}),(0,r.jsxs)("div",{className:"flex items-center gap-2 flex-shrink-0",children:[(0,r.jsx)("span",{className:"text-lg font-bold italic text-[#635BFF]",children:"stripe"}),(0,r.jsx)("div",{className:"h-7 px-2 border border-dividerGrey rounded-lg flex items-center justify-center bg-white",children:(0,r.jsx)("span",{className:"text-xs font-bold text-[#1A1F71]",children:"VISA"})}),(0,r.jsx)("div",{className:"h-7 px-1.5 border border-dividerGrey rounded-lg flex items-center justify-center bg-white",children:(0,r.jsxs)("div",{className:"flex -sp

1ace-x-1.5",children:[(0,r.jsx)("div",{className:"w-4 h-4 rounded-full bg-[#EB001B]"}),(0,r.jsx)("div",{className:"w-4 h-4 rounded-full bg-[#F79E1B]"})]})}),(0,r.jsx)("div",{className:"h-7 px-2 border border-dividerGrey rounded-lg flex items-center justify-center bg-[#007BC1]",children:(0,r.jsx)("span",{className:"text-[10px] font-bold text-white",children:"AMEX"})})]})]})]})})}function k(){return(0,r.jsx)(a.A,{sidebar:(0,r.jsx)(l.A,{}),children:(0,r.jsx)(w,{})})}},48948:(e,s,t)=>{"use strict";t.d(s,{A:()=>l});var r=t(51935);let a={name:"phone",size:24,node:[["path",{d:"M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384",key:"9njp5v"}]]};a.node;let l=(0,r.A)(a)},64508:(e,s,t)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/jobs/plan",function(){return t(34459)}])},71957:(e,s,t)=>{"use strict";t.d(s,{A:()=>l});var r=t(51935);let a={name:"shield",size:24,node:[["path",{d:"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z",key:"oel41y"}]]};a.node;let l=(0,r.A)(a)},77489:(e,s,t)=>{"use strict";t.d(s,{A:()=>l});var r=t(51935);let a={name:"arrow-left",size:24,node:[["path",{d:"m12 19-7-7 7-7",key:"1l729n"}],["path",{d:"M19 12H5",key:"x3x0zl"}]]};a.node;let l=(0,r.A)(a)},86904:(e,s,t)=>{"use strict";t.d(s,{A:()=>l});var r=t(51935);let a={name:"check",size:24,node:[["path",{d:"M20 6 9 17l-5-5",key:"1gmf2c"}]]};a.node;let l=(0,r.A)(a)}},e=>{e.O(0,[377,1847,636,6593,8792],()=>e(e.s=64508)),_N_E=e.O()}]);