2 lines
9.7 KiB
JavaScript
2 lines
9.7 KiB
JavaScript
const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/billing-detail-LmaqQJwg.js","assets/vue.runtime.esm-bundler-DQjudA8G.js","assets/iconify-B5QdRg7l.js","assets/dist-t_U6YImb.js","assets/Teleport-CLYBkdRb.js","assets/useForwardProps-B-1JXcFn.js","assets/createContext-BefgL9WT.js","assets/Presence-C1RtYpyR.js","assets/Primitive-jhoGcsVx.js","assets/useForwardPropsEmits-ixfQllIc.js","assets/useForwardExpose-OKJAPp5E.js","assets/utils-BB02OBq2.js","assets/data-BslsFGOd.js","assets/createLucideIcon-BpvmDsEE.js","assets/VisuallyHidden-CP6GE8eS.js","assets/modal-DVNHdNcC.js","assets/DialogContent-BgxXKbvY.js","assets/index-CcML0o3b.js","assets/_plugin-vue_export-helper-B2no-pU9.js","assets/Spinner-BbvbfTgK.js","assets/lib-Cz3jviUu.js","assets/index-DpZJdDs6.css","assets/DialogTitle-C0_ATj0B.js","assets/useId-C1k6kJxi.js","assets/DialogDescription-BubwK6c2.js","assets/DialogTrigger-B1p_n6lc.js","assets/DialogFooter-k3s4IxA-.js"])))=>i.map(i=>d[i]);
|
|
import{Ct as e,D as t,Ot as n,S as r,V as i,W as a,_ as o,_t as s,b as c,d as l,g as u,l as d,lt as f,mt as p,nt as m,v as h,w as g,x as _,y as v,z as y}from"./vue.runtime.esm-bundler-DQjudA8G.js";import{t as b}from"./badge-check-BijlgjzK.js";import{_ as x,c as ee,d as S,f as C,h as w,l as T,m as E,o as te,p as ne,s as D,u as re}from"./data-table-CPfS6m9C.js";import{t as O}from"./data-BslsFGOd.js";import"./PopoverTrigger-BfM2baJk.js";import{n as k}from"./utils-BB02OBq2.js";import{t as A}from"./_plugin-vue_export-helper-B2no-pU9.js";import{B as j,d as M,f as N,h as P,p as F,s as I}from"./index-CcML0o3b.js";import"./Teleport-CLYBkdRb.js";import{i as L,n as R,r as z,t as B}from"./DropdownMenuTrigger-DwFmoisn.js";import{t as V}from"./DropdownMenuGroup-DBb9420y.js";import{t as H}from"./Button-2mdP_ygs.js";import{c as U,o as W}from"./modal-DVNHdNcC.js";import"./empty-BqwW8_CX.js";import{r as G}from"./global-layout-BuXj6D-T.js";import{t as K}from"./Card-Cv6HQPiQ.js";import{t as q}from"./CardContent-cvoMlP3H.js";import{n as J,r as Y,t as X}from"./CardHeader-JyQWjCMQ.js";import{t as ie}from"./CardFooter-BXCq_TYq.js";import{t as ae}from"./Badge-Df1MwAP1.js";import{a as oe,i as Z,n as se,o as ce,r as Q,t as le}from"./TableHeader-Ma-zEBcz.js";var ue=N({id:M(),date:P(),amount:M(),plan:I([`Free`,`Small Business`,`Enterprise`]),status:I([`paid`,`unpaid`,`overdue`,`cancelled`]),file:F().optional(),description:F().optional(),orderId:F().optional()}),de=g({__name:`data-table-row-actions`,props:{row:{}},setup(t){let n=t,i=u(()=>ue.parse(n.row.original)),c=s(null),l=p(!1),g={detail:()=>j(()=>import(`./billing-detail-LmaqQJwg.js`),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26]))};async function _(e){try{let{default:t}=await g[e]();c.value=t,l.value=!0}catch(t){console.error(`Failed to load component for "${e}"`,t)}}return(t,n)=>{let s=H,u=B,p=R,g=V,v=z,b=L;return y(),h(e(U),{open:e(l),"onUpdate:open":n[1]||=e=>f(l)?l.value=e:null},{default:m(()=>[r(b,{modal:!1},{default:m(()=>[r(u,{"as-child":``},{default:m(()=>[r(s,{variant:`ghost`,class:`flex h-8 w-8 p-0 data-[state=open]:bg-muted`},{default:m(()=>[r(e(x),{class:`size-4`}),n[2]||=o(`span`,{class:`sr-only`},`Open menu`,-1)]),_:1})]),_:1}),r(v,null,{default:m(()=>[r(g,null,{default:m(()=>[r(p,{onSelect:n[0]||=d(e=>_(`detail`),[`stop`])},{default:m(()=>[...n[3]||=[o(`span`,null,`Detail`,-1)]]),_:1})]),_:1})]),_:1})]),_:1}),r(e(W),null,{default:m(()=>[(y(),h(a(e(c)),{billing:e(i)},null,8,[`billing`]))]),_:1})]),_:1},8,[`open`])}}}),fe=[{accessorKey:`id`,header:({column:e})=>t(w,{column:e,title:`ID`}),cell:({row:e})=>t(`div`,{},e.getValue(`id`)),enableSorting:!1,enableHiding:!1},{accessorKey:`amount`,header:({column:e})=>t(w,{column:e,title:`amount`}),cell:({row:e})=>t(`div`,{},e.getValue(`amount`)),enableSorting:!1,enableHiding:!1},{accessorKey:`date`,header:({column:e})=>t(w,{column:e,title:`billing date`}),cell:({row:e})=>t(`div`,{},e.getValue(`date`)),enableSorting:!1,enableHiding:!1},{accessorKey:`plan`,header:({column:e})=>t(w,{column:e,title:`billing plan`}),cell:({row:e})=>t(`div`,{},e.getValue(`plan`)),enableSorting:!1,enableHiding:!1},{accessorKey:`status`,header:({column:e})=>t(w,{column:e,title:`status`}),cell:({row:e})=>{let n=O.find(t=>t.value===e.getValue(`status`));if(!n)return t(`div`,{},e.getValue(`status`));let r={color:n.color};return t(ae,{class:`flex max-w-[100px] items-center`,style:r,variant:`secondary`},()=>[n.icon&&t(n.icon,{class:`mr-2 h-4 w-4 text-muted-foreground`,style:r}),t(`span`,n.label)])},enableSorting:!1,enableHiding:!1},{accessorKey:`orderId`,header:({column:e})=>t(w,{column:e,title:`Order ID`}),cell:({row:e})=>t(`div`,{},e.getValue(`orderId`)||`N/A`),enableSorting:!1,enableHiding:!1},{id:`actions`,cell:({row:e})=>t(de,{row:e})}],pe={},me={class:`flex items-center justify-between`};function he(e,t){return y(),c(`div`,me,[...t[0]||=[o(`h2`,{class:`my-2 mb-4 text-lg font-bold`},` Billing History `,-1)]])}var ge=A(pe,[[`render`,he]]),_e={class:`space-y-4`},ve={class:`border rounded-md`},ye=g({__name:`data-table`,props:{columns:{},data:{}},setup(t){let n=t,a=p([]),s=p([]),u=p({}),d=p({}),f=ee({get data(){return n.data},get columns(){return n.columns},state:{get sorting(){return a.value},get columnFilters(){return s.value},get columnVisibility(){return u.value},get rowSelection(){return d.value}},enableRowSelection:!0,onSortingChange:e=>k(e,a),onColumnFiltersChange:e=>k(e,s),onColumnVisibilityChange:e=>k(e,u),onRowSelectionChange:e=>k(e,d),getCoreRowModel:T(),getFilteredRowModel:C(),getPaginationRowModel:ne(),getSortedRowModel:E(),getFacetedRowModel:re(),getFacetedUniqueValues:S()});return(n,a)=>(y(),c(`div`,_e,[r(ge,{table:e(f),class:`w-full overflow-x-auto`},null,8,[`table`]),o(`div`,ve,[r(e(ce),null,{default:m(()=>[r(e(le),null,{default:m(()=>[(y(!0),c(l,null,i(e(f).getHeaderGroups(),t=>(y(),h(e(Q),{key:t.id},{default:m(()=>[(y(!0),c(l,null,i(t.headers,t=>(y(),h(e(se),{key:t.id},{default:m(()=>[t.isPlaceholder?v(``,!0):(y(),h(e(D),{key:0,render:t.column.columnDef.header,props:t.getContext()},null,8,[`render`,`props`]))]),_:2},1024))),128))]),_:2},1024))),128))]),_:1}),r(e(oe),null,{default:m(()=>[e(f).getRowModel().rows?.length?(y(!0),c(l,{key:0},i(e(f).getRowModel().rows,t=>(y(),h(e(Q),{key:t.id,"data-state":t.getIsSelected()&&`selected`},{default:m(()=>[(y(!0),c(l,null,i(t.getVisibleCells(),t=>(y(),h(e(Z),{key:t.id},{default:m(()=>[r(e(D),{render:t.column.columnDef.cell,props:t.getContext()},null,8,[`render`,`props`])]),_:2},1024))),128))]),_:2},1032,[`data-state`]))),128)):(y(),h(e(Q),{key:1},{default:m(()=>[r(e(Z),{colspan:t.columns.length,class:`h-24 text-center`},{default:m(()=>[...a[0]||=[_(` No results. `,-1)]]),_:1},8,[`colspan`])]),_:1}))]),_:1})]),_:1})]),r(e(te),{table:e(f)},null,8,[`table`])]))}}),be=[{id:1,date:`2024-01-01`,amount:199.99,plan:`Enterprise`,status:`unpaid`},{id:2,date:`2024-01-01`,amount:199.99,plan:`Enterprise`,status:`overdue`},{id:3,date:`2023-12-01`,amount:19.99,plan:`Small Business`,status:`paid`,file:`invoice2.pdf`,description:`Invoice for December 2023, small business plan`,orderId:`SAP0000000001`},{id:4,date:`2023-11-01`,amount:0,plan:`Free`,status:`cancelled`,description:`Invoice for November 2023, free plan`}],$=g({__name:`index`,setup(t){return(t,n)=>(y(),h(ye,{data:e(be),columns:e(fe)},null,8,[`data`,`columns`]))}}),xe={class:`flex items-center gap-1 mb-2 text-xs`},Se={key:0,class:`text-xl line-through text-muted-foreground`},Ce={class:`text-3xl font-bold text-primary`},we={class:`text-muted-foreground`},Te=g({__name:`plan-card`,props:{title:{},description:{},billingCycle:{},billingPeriod:{},price:{},discount:{},features:{},buttonLabel:{},active:{type:Boolean}},setup(t){return(a,s)=>(y(),h(e(K),null,{default:m(()=>[r(e(X),null,{default:m(()=>[r(e(J),null,{default:m(()=>[o(`h2`,null,n(t.title),1)]),_:1}),r(e(Y),null,{default:m(()=>[_(n(t.description),1)]),_:1})]),_:1}),r(e(q),null,{default:m(()=>[o(`div`,xe,[t.discount?(y(),c(`span`,Se,`$`+n(t.discount),1)):v(``,!0),o(`span`,Ce,`$`+n(t.price),1),o(`div`,we,[s[0]||=o(`span`,null,`/`,-1),o(`span`,null,n(t.billingCycle),1)])]),(y(!0),c(l,null,i(t.features,(t,i)=>(y(),c(`div`,{key:t+i,class:`flex items-center gap-3 mb-2 text-muted-foreground`},[r(e(b),{class:`size-5 text-primary`}),_(` `+n(t),1)]))),128))]),_:1}),r(e(ie),null,{default:m(()=>[r(e(H),{class:`w-full`,variant:t.active?`secondary`:`default`},{default:m(()=>[_(n(t.buttonLabel),1)]),_:1},8,[`variant`])]),_:1})]),_:1}))}}),Ee={class:`p-2 rounded-md bg-secondary`},De={class:`grid grid-cols-1 gap-2 md:grid-cols-1 lg:grid-cols-3`},Oe=g({__name:`index`,setup(e){let t=[{title:`Free`,price:0,billingCycle:`month`,description:`Get started with the free plan and explore all the features.`,features:[`Feature 1`,`Feature 2`,`Feature 3`],buttonLabel:`Current Plan`,active:!0},{title:`Small Business`,price:19.99,discount:49.99,billingCycle:`month`,description:`Start growing your business with our small business plan.`,features:[`Every free plan feature`,`10 users`,`10G storage`],buttonLabel:`Switch to this plan`},{title:`Enterprise`,price:199.99,discount:499.99,billingCycle:`month`,description:`Get the best of everything with our enterprise plan.`,features:[`Every small business plan feature`,`Unlimited users`,`Unlimited storage`],buttonLabel:`Switch to this plan`}];return(e,n)=>(y(),c(`div`,Ee,[o(`div`,De,[(y(),c(l,null,i(t,(e,t)=>r(Te,{key:t,title:e.title,price:e.price,discount:e.discount,"billing-cycle":e.billingCycle,description:e.description,features:e.features,"button-label":e.buttonLabel,active:e.active},null,8,[`title`,`price`,`discount`,`billing-cycle`,`description`,`features`,`button-label`,`active`])),64))])]))}}),ke=g({__name:`index`,setup(t){return(t,n)=>(y(),h(e(G),{title:`Plans & Billing`,description:`Manage your plan and billing history here.`},{default:m(()=>[r(Oe),r($,{class:`mt-2`})]),_:1}))}});export{ke as default}; |