https://velaflow.com/_next/static/chunks/pages/jobs/payment-history-0346d6cbbcfa497d.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7284],{6974:(e,s,t)=>{"use strict";t.d(s,{A:()=>l});var r=t(51935);let a={name:"badge-check",size:24,node:[["path",{d:"M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z",key:"3c2336"}],["path",{d:"m16 9-5.5 5.5L8 12",key:"xofnsj"}]],aliases:["verified"]};a.node;let l=(0,r.A)(a)},7123:(e,s,t)=>{"use strict";t.d(s,{A:()=>l});var r=t(51935);let a={name:"shopping-bag",size:24,node:[["path",{d:"M16 10a4 4 0 0 1-8 0",key:"1ltviw"}],["path",{d:"M3.103 6.034h17.794",key:"awc11p"}],["path",{d:"M3.4 5.467a2 2 0 0 0-.4 1.2V20a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6.667a2 2 0 0 0-.4-1.2l-2-2.667A2 2 0 0 0 17 2H7a2 2 0 0 0-1.6.8z",key:"o988cm"}]]};a.node;let l=(0,r.A)(a)},15380:(e,s,t)=>{"use strict";t.d(s,{A:()=>l});var r=t(51935);let a={name:"chevron-right",size:24,node:[["path",{d:"m9 18 6-6-6-6",key:"mthhwq"}]]};a.node;let l=(0,r.A)(a)},18940:(e,s,t)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/jobs/payment-history",function(){return t(44864)}])},44864:(e,s,t)=>{"use strict";t.r(s),t.d(s,{default:()=>_});var r=t(37876),a=t(59073),l=t(16353),i=t(14232),d=t(51935);let n={name:"calendar-clock",size:24,node:[["path",{d:"M16 14v2.2l1.6 1",key:"fo4ql5"}],["path",{d:"M16 2v3",key:"otl347"}],["path",{d:"M21 7.338V5a2 2 0 00-2-2H5a2 2 0 00-2 2v14a2 2 0 002 2h2.338",key:"7hb8p4"}],["path",{d:"M3 9h5.859",key:"numkqi"}],["path",{d:"M8 2v3",key:"1ioesn"}],["circle",{cx:"16",cy:"16",r:"6",key:"qoo3c4"}]]};n.node;let c=(0,d.A)(n);var o=t(1164),x=t(7123),m=t(64310),h=t(18820),p=t(57619),b=t(15380),y=t(35776),u=t(73270),g=t(50859),j=t(6974),v=t(48230),f=t.n(v),N=t(43588),w=t(81220);function k(e){let{status:s}=e;return(0,r.jsx)("span",{className:"inline-block px-3 py-1 rounded-full text-xs font-semibold ".concat({paid:"bg-green/10 text-green",failed:"bg-red-50 text-red-500",pending:"bg-amber-50 text-amber-500",refunded:"bg-amber-50 text-amber-500"}[s]),children:s?s.charAt(0).toUpperCase()+s.slice(1):""})}function A(e){let{icon:s,iconBg:t,iconColor:a,label:l,value:i,sub:d}=e;return(0,r.jsxs)("div",{className:"bg-white border border-dividerGrey rounded-2xl p-5 flex items-center gap-4",children:[(0,r.jsx)("div",{className:(0,N.cn)("w-12 h-12 rounded-xl flex items-center justify-center flex-shrink-0",t),children:(0,r.jsx)(s,{size:22,className:a})}),(0,r.jsxs)("div",{children:[(0,r.jsx)("p",{className:"text-xs text-grey",children:l}),(0,r.jsx)("p",{className:"text-xl font-bold text-secondary",children:i}),(0,r.jsx)("p",{className:"text-xs text-grey mt-0.5",children:d})]})]})}function S(){let[e,s]=(0,i.useState)("all"),[t,a]=(0,i.useState)(!1),[l,d]=(0,i.useState)(0),[n,v]=(0,i.useState)(1),[S,_]=(0,i.useState)(0),[z,C]=(0,i.useState)(0),[G,D]=(0,i.useState)(0),[M,P]=(0,i.useState)(0),[T,L]=(0,i.useState)(null),[E,q]=(0,i.useState)([]),V=[{label:"All Transactions",value:"all"},{label:"Completed",value:"completed"},{label:"Failed",value:"failed"},{label:"Pending",value:"pending"}],B=V.find(s=>s.value===e);(0,i.useEffect)(()=>{O(),F()},[]),(0,i.useEffect)(()=>{F()},[n]);let O=async()=>{L((await (0,w.qY)()).content.plan),console.log(T)},F=async()=>{let e=await (0,w.E5)(n);q(e.content.txs.data),d(e.content.total_paid),P(e.content.active_jobs),C(e.content.total_orders),_(e.content.txs.last_page),D(e.content.jobs_purchased)};return(0,r.jsxs)("div",{className:"flex gap-6 items-start",children:[(0,r.jsxs)("div",{className:"flex-1 min-w-0 space-y-5",children:[(0,r.jsxs)("div",{className:"flex items-start justify-between gap-4",children:[(0,r.jsxs)("div",{children:[(0,r.jsx)("h1",{className:"text-2xl font-bold text-secondary",children:"Payment History"}),(0,r.jsx)("p",{className:"text-sm text-grey mt-1",children:"View your job package purchases and payment details."})]}),(0,r.jsxs)("div",{className:"relative flex-shrink-0",children:[(0,r.jsxs)("button",{onClick:()=>a(e=>!e),className:"flex items-center gap-2 border border-dividerGrey rounded-xl px-4 py-2.5 bg-white text-sm font-medium text-greyDark hover:border-primary/40 transition-colors",children:[(0,r.jsx)(c,{size:15,className:"text-grey"}),null==B?void 0:B.label,(0,r.jsx)(o.A,{size:14,className:"text-grey"})]}),t&&(0,r.jsx)("div",{className:"absolute right-0 top-[calc(100%+4px)] w-[200px] bg-white border border-dividerGrey rounded-xl shadow-lg overflow-hidden z-20",children:V.map(t=>(0,r.jsx)("button",{onClick:()=>{s(t.value),a(!1)},className:(0,N.cn)("w-full text-left px-4 py-2.5 text-sm transition-colors hover:bg-greyLight",t.value===e?"text-primary font-semibold":"text-greyDark"),children:t.label},t.value))})]})]}),(0,r.jsxs)("div",{className:"grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-4 gap-4",children:[(0,r.jsx)(A,{icon:x.A,iconBg:"bg-purple-50",iconColor:"text-purple-500",label:"Total Spent",value:"".concat(l),sub:"All time"}),(0,r.jsx)(A,{icon:m.A,iconBg:"bg-green/10",iconColor:"text-green",label:"Total Orders",value:String(z),sub:"All time"}),(0,r.jsx)(A,{icon:h.A,iconBg:"bg-primary/10",iconColor:"text-primary",label:"Active Jobs",value:String(M),sub:"From purchased packages"})]}),(0,r.jsxs)("div",{className:"bg-white border border-dividerGrey rounded-2xl overflow-hidden",children:[(0,r.jsx)("div",{className:"px-5 py-4 border-b border-dividerGrey",children:(0,r.jsx)("h3",{className:"text-base font-bold text-secondary",children:"Transactions"})}),(0,r.jsx)("div",{className:"overflow-x-auto",children:(0,r.jsxs)("table",{className:"w-full min-w-[700px]",children:[(0,r.jsx)("thead",{children:(0,r.jsx)("tr",{className:"border-b border-dividerGrey bg-greyLight/60",children:["Order ID","Package","Jobs","Amount","Date","Status"].map(e=>(0,r.jsx)("th",{className:"text-left py-3 px-4 text-xs font-semibold text-grey",children:e},e))})}),(0,r.jsx)("tbody",{children:E.map((e,s)=>{var t;return(0,r.jsxs)("tr",{className:(0,N.cn)("border-b border-dividerGrey last:border-0 hover:bg-greyLight/40 transition-colors",s%2==0?"bg-white":"bg-greyLight/20"),children:[(0,r.jsx)("td",{className:"py-4 px-4",children:(0,r.jsx)("span",{className:"text-sm font-semibold text-primary hover:underline cursor-pointer",children:e.stripe_payment_intent_id})}),(0,r.jsx)("td",{className:"py-4 px-4",children:(0,r.jsx)("p",{className:"text-sm font-semibold text-secondary",children:null==e||null==(t=e.job_plan)?void 0:t.name})}),(0,r.jsx)("td",{className:"py-4 px-4 text-sm text-greyDark",children:null==e?void 0:e.quantity}),(0,r.jsxs)("td",{className:"py-4 px-4 text-sm font-semibold text-secondary",children:["$",e.amount]}),(0,r.jsx)("td",{className:"py-4 px-4",children:(0,r.jsx)("p",{className:"text-sm text-greyDark",children:(null==e?void 0:e.paid_at)?new Date(new Date(null==e?void 0:e.paid_at).getTime()+864e5).toLocaleDateString("en-US",{month:"long",day:"numeric",year:"numeric"}):""})}),(0,r.jsx)("td",{className:"py-4 px-4",children:(0,r.jsx)(k,{status:null==e?void 0:e.status})}),(0,r.jsx)("td",{className:"py-4 px-4"})]},e.id)})})]})}),(0,r.jsxs)("div",{className:"px-5 py-4 md:border-t border-dividerGrey flex items-center justify-between",children:[(0,r.jsxs)("p",{className:"text-sm text-grey",children:["Page ",n," of ",S]}),(0,r.jsxs)("div",{className:"flex items-center gap-1",children:[(0,r.jsx)("button",{onClick:()=>v(e=>Math.max(1,e-1)),disabled:1===n,className:"w-8 h-8 rounded-lg border border-dividerGrey flex items-center justify-center hover:border-primary hover:text-primary disabled:opacity-30 disabled:cursor-not-allowed transition-colors",children:(0,r.jsx)(p.A,{size:15})}),Array.from({length:S},(e,s)=>s+1).map(e=>(0,r.jsx)("button",{onClick:()=>v(e),className:"w-8 h-8 rounded-lg text-sm font-semibold transition-colors ".concat(n===e?"bg-primary text-white":"border border-dividerGrey text-greyDark hover:border-primary hover:text-primary"),children:e},e)),(0,r.jsx)("button",{onClick:()=>v(e=>Math.min(S,e+1)),disabled:n===S,className:"w-8 h-8 rounded-lg border border-dividerGrey flex items-center justify-center hover:border-primary hover:text-primary disabled:opacity-30 disabled:cursor-not-allowed transition-colors",children:(0,r.jsx)(b.A,{size:15})})]})]})]}),(0,r.jsxs)("div",{className:"flex flex-col sm:flex-row items-start sm:items-center justify-between gap-4 bg-white border border-dividerGrey rounded-2xl px-5 py-4",children:[(0,r.jsxs)("div",{className:"flex items-start gap-3",children:[(0,r.jsx)("div",{className:"w-10 h-10 rounded-xl bg-purple-50 flex items-center justify-center flex-shrink-0",children:(0,r.jsx)(y.A,{size:18,className:"text-purple-500"})}),(0,r.jsxs)("div",{children:[(0,r.jsx)("p",{className:"text-sm font-semibold text-secondary",children:"Need more job posting credits?"}),(0,r.jsx)("p",{className:"text-xs text-grey mt-0.5",children:"Choose a package that fits your hiring needs and post more jobs instantly."})]})]}),(0,r.jsx)(f(),{href:"/jobs/plan",className:"flex-shrink-0 px-5 py-2.5 rounded-xl bg-primary text-white text-sm font-semibold hover:bg-primary/90 transition-colors whitespace-nowrap",children:"View Packages"})]}),(0,r.jsxs)("div",{className:"flex flex-col sm:flex-row items-start sm:items-center justify-between gap-4 bg-white border border-dividerGrey rounded-2xl px-5 py-4",children:[(0,r.jsxs)("div",{className:"flex items-start gap-3",children:[(0,r.jsx)("div",{className:"flex items-center justify-center w-9 h-9 rounded-full bg-primary/10 flex-shrink-0",children:(0,r.jsx)(u.A,{size:18,className:"text-primary"})}),(0,r.jsxs)("div",{children:[(0,r.jsx)("p",{className:"text-sm font-semibold text-secondary",children:"Secure Payments"}),(0,r.jsx)("p",{className:"text-xs text-greyDark mt-0.5",children:"Your payments are securely processed by Stripe. We do not store your card details."})]})]}),(0,r.jsxs)("div",{className:"flex items-center gap-4 flex-shrink-0 flex-wrap",children:[(0,r.jsxs)("div",{className:"flex items-center gap-2",children:[(0,r.jsx)("span",{className:"text-xs font-medium text-greyDark",children:"Powered by"}),(0,r.jsx)("span",{className:"text-lg font-bold italic text-[#635BFF]",children:"stripe"})]}),(0,r.jsx)("div",{className:"hidden sm:block w-px h-6 bg-dividerGrey"}),(0,r.jsxs)("div",{className:"flex items-center gap-1.5 bg-greyLight px-2.5 py-1.5 rounded-lg",children:[(0,r.jsx)(g.A,{size:13,className:"text-secondary"}),(0,r.jsx)("span",{className:"text-xs font-medium text-secondary",children:"SSL Secured"})]}),(0,r.jsxs)("div",{className:"flex items-center gap-1.5 bg-greyLight px-2.5 py-1.5 rounded-lg",children:[(0,r.jsx)(j.A,{size:13,className:"text-secondary"}),(0,r.jsx)("span",{className:"text-xs font-medium text-secondary",children:"PCI DSS Compliant"})]})]})]})]}),(0,r.jsx)("div",{className:"hidden xl:flex flex-col gap-5 w-[260px] flex-shrink-0",children:(0,r.jsxs)("div",{className:"bg-white border border-dividerGrey rounded-2xl p-5",children:[(0,r.jsx)("h4",{className:"text-sm font-bold text-secondary mb-4",children:"Billing Summary"}),(0,r.jsx)("div",{className:"space-y-3 pb-4 border-b border-dividerGrey",children:[{label:"Total Spent",value:"$"+l},{label:"Total Orders",value:z},{label:"Total Jobs Purchased",value:G},{label:"Active Jobs",value:"".concat(M," / ").concat(G)}].map(e=>{let{label:s,value:t}=e;return(0,r.jsxs)("div",{className:"flex items-center justify-between",children:[(0,r.jsx)("span",{className:"text-xs text-grey",children:s}),(0,r.jsx)("span",{className:"text-xs font-semibold text-secondary",children:t})]},s)})})]})})]})}function _(){return(0,r.jsx)(a.A,{sidebar:(0,r.jsx)(l.A,{}),children:(0,r.jsx)(S,{})})}},57619:(e,s,t)=>{"use strict";t.d(s,{A:()=>l});var r=t(51935);let a={name:"chevron-left",size:24,node:[["path",{d:"m15 18-6-6 6-6",key:"1wnfg3"}]]};a.node;let l=(0,r.A)(a)},73270:(e,s,t)=>{"use strict";t.d(s,{A:()=>l});var r=t(51935);let a={name:"shield-check",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",ke

1y:"oel41y"}],["path",{d:"m9 12 2 2 4-4",key:"dzmm74"}]]};a.node;let l=(0,r.A)(a)}},e=>{e.O(0,[377,1847,636,6593,8792],()=>e(e.s=18940)),_N_E=e.O()}]);