1import{a as e,r as t}from"./react-vendor-690ef4bc.js";import{o as a,p as n,i as l,C as r}from"./icons-142e3e49.js";import{E as s}from"./editicon-8a697f27.js";import{a as i}from"./index-d3072779.js";import"./utils-b81ec68d.js";import"./mui-core-0fc19580.js";const c=({className:t,...a})=>e.createElement("svg",{className:"shrink-0 w-5 h-5 relative overflow-visible "+t,width:"20",height:"21",viewBox:"0 0 20 21",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6.03751 2.1665H13.9625C14.9282 2.1665 15.4111 2.1665 15.8005 2.30201C16.539 2.55897 17.1188 3.15583 17.3684 3.91606C17.5 4.31696 17.5 4.81405 17.5 5.80822V17.4783C17.5 18.1935 16.6792 18.573 16.1599 18.0978C15.8549 17.8187 15.3951 17.8187 15.0901 18.0978L14.6875 18.4662C14.1528 18.9555 13.3472 18.9555 12.8125 18.4662C12.2778 17.977 11.4722 17.977 10.9375 18.4662C10.4028 18.9555 9.59716 18.9555 9.0625 18.4662C8.52784 17.977 7.72216 17.977 7.1875 18.4662C6.65284 18.9555 5.84716 18.9555 5.3125 18.4662L4.90992 18.0978C4.60486 17.8187 4.14514 17.8187 3.84008 18.0978C3.32083 18.573 2.5 18.1935 2.5 17.4783V5.80822C2.5 4.81405 2.5 4.31696 2.63163 3.91606C2.88123 3.15583 3.46102 2.55897 4.19949 2.30201C4.58892 2.1665 5.07179 2.1665 6.03751 2.1665ZM5.83333 6.12484C5.48816 6.12484 5.20833 6.40466 5.20833 6.74984C5.20833 7.09502 5.48816 7.37484 5.83333 7.37484H6.25C6.59518 7.37484 6.875 7.09502 6.875 6.74984C6.875 6.40466 6.59518 6.12484 6.25 6.12484H5.83333ZM8.75 6.12484C8.40482 6.12484 8.125 6.40466 8.125 6.74984C8.125 7.09502 8.40482 7.37484 8.75 7.37484H14.1667C14.5118 7.37484 14.7917 7.09502 14.7917 6.74984C14.7917 6.40466 14.5118 6.12484 14.1667 6.12484H8.75ZM5.83333 9.0415C5.48816 9.0415 5.20833 9.32133 5.20833 9.6665C5.20833 10.0117 5.48816 10.2915 5.83333 10.2915H6.25C6.59518 10.2915 6.875 10.0117 6.875 9.6665C6.875 9.32133 6.59518 9.0415 6.25 9.0415H5.83333ZM8.75 9.0415C8.40482 9.0415 8.125 9.32133 8.125 9.6665C8.125 10.0117 8.40482 10.2915 8.75 10.2915H14.1667C14.5118 10.2915 14.7917 10.0117 14.7917 9.6665C14.7917 9.32133 14.5118 9.0415 14.1667 9.0415H8.75ZM5.83333 11.9582C5.48816 11.9582 5.20833 12.238 5.20833 12.5832C5.20833 12.9283 5.48816 13.2082 5.83333 13.2082H6.25C6.59518 13.2082 6.875 12.9283 6.875 12.5832C6.875 12.238 6.59518 11.9582 6.25 11.9582H5.83333ZM8.75 11.9582C8.40482 11.9582 8.125 12.238 8.125 12.5832C8.125 12.9283 8.40482 13.2082 8.75 13.2082H14.1667C14.5118 13.2082 14.7917 12.9283 14.7917 12.5832C14.7917 12.238 14.5118 11.9582 14.1667 11.9582H8.75Z",fill:"#30B87A"})),o=({className:t,width:a=20,height:n=20})=>e.createElement("svg",{className:t,width:a,height:n,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M17.5 2.5L9.16667 10.8333",stroke:"#111315",strokeWidth:"1.25",strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M17.5 2.5L11.6667 17.5L9.16667 10.8333L2.5 8.33333L17.5 2.5Z",stroke:"#111315",strokeWidth:"1.25",strokeLinecap:"round",strokeLinejoin:"round"})),d=({className:t,width:a=20,height:n=20})=>e.createElement("svg",{className:t,width:a,height:n,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M14.1673 6.6665V4.99984C14.1673 3.42849 14.1673 2.64281 13.6792 2.15466C13.191 1.6665 12.4053 1.6665 10.834 1.6665H9.16732C7.59597 1.6665 6.81029 1.6665 6.32214 2.15466C5.83398 2.64281 5.83398 3.42849 5.83398 4.99984V6.6665",stroke:"#111315",strokeWidth:"1.25",strokeLinejoin:"round"}),e.createElement("path",{d:"M6.12765 14.9998C4.35838 14.9998 3.47375 14.9998 2.84393 14.6222C2.43229 14.3753 2.10067 14.0224 1.88664 13.6033C1.55918 12.9621 1.6472 12.1143 1.82325 10.4186C1.97021 9.00309 2.04369 8.2953 2.40505 7.77551C2.64229 7.43425 2.96318 7.15454 3.33933 6.96111C3.91225 6.6665 4.65072 6.6665 6.12765 6.6665H13.871C15.348 6.6665 16.0864 6.6665 16.6594 6.96111C17.0355 7.15454 17.3564 7.43425 17.5937 7.77551C17.955 8.2953 18.0285 9.00309 18.1754 10.4186C18.3515 12.1143 18.4395 12.9621 18.112 13.6033C17.898 14.0224 17.5664 14.3753 17.1548 14.6222C16.5249 14.9998 15.6404 14.9998 13.871 14.9998",stroke:"#111315",strokeWidth:"1.25"}
1),e.createElement("path",{d:"M11.6579 13.3335H8.3434C7.77234 13.3335 7.48679 13.3335 7.24384 13.4242C6.91991 13.5452 6.64254 13.7802 6.45582 14.0917C6.31578 14.3255 6.24653 14.6261 6.10802 15.2272C5.89159 16.1664 5.78339 16.636 5.85698 17.0126C5.95511 17.5147 6.26096 17.9397 6.68609 18.1647C7.00493 18.3335 7.45109 18.3335 8.3434 18.3335H11.6579C12.5502 18.3335 12.9964 18.3335 13.3152 18.1647C13.7403 17.9397 14.0462 17.5147 14.1443 17.0126C14.2179 16.636 14.1097 16.1664 13.8933 15.2272C13.7548 14.6261 13.6855 14.3255 13.5455 14.0917C13.3587 13.7802 13.0814 13.5452 12.7575 13.4242C12.5145 13.3335 12.229 13.3335 11.6579 13.3335Z",stroke:"#111315",strokeWidth:"1.25",strokeLinejoin:"round"}),e.createElement("path",{d:"M15 10H15.0075",stroke:"#111315",strokeWidth:"1.25",strokeLinecap:"round",strokeLinejoin:"round"})),m=({className:t,width:a=40,height:n=40})=>e.createElement("svg",{className:t,width:a,height:n,viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("rect",{width:"40",height:"40",rx:"20",fill:"#30B87A"}),e.createElement("path",{d:"M19.9999 9.63818L25.6304 16.5206H19.9999V13.0794V9.63818Z",fill:"white"}),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M19.9999 16.5206V13.0794H14.3694C11.4541 13.0794 9.09082 15.3904 9.09082 18.2412C9.09082 21.0919 11.4541 23.4029 14.3694 23.4029L19.9999 30.2853L19.9999 26.8441H25.6304C28.5457 26.8441 30.909 24.5331 30.909 21.6824C30.909 18.8316 28.5457 16.5206 25.6304 16.5206H19.9999ZM19.9999 19.9618H14.3694C13.3977 19.9618 12.6099 19.1914 12.6099 18.2412C12.6099 17.2909 13.3977 16.5206 14.3694 16.5206H19.9999V19.9618ZM19.9999 19.9618V23.4029H25.6304C26.6022 23.4029 27.3899 22.6326 27.3899 21.6824C27.3899 20.7321 26.6022 19.9618 25.6304 19.9618L19.9999 19.9618Z",fill:"white"})),v=({children:t,isActive:a=!1})=>e.createElement("div",{className:"bg-grey-colors-grey-100 rounded-lg px-2 py-1 flex items-center justify-center "+(a?"text-basic-colors-black":"text-grey-colors-grey-500")},e.createElement("div",{className:"text-xs font-medium relative"},t)),x=({icon:t,onClick:a})=>e.createElement("button",{className:"bg-grey-colors-grey-100 rounded-[50px] p-2.5 flex items-center justify-center cursor-pointer hover:bg-grey-colors-grey-200 transition-colors",onClick:a},e.createElement(t,{className:"w-4 h-4"})),f=({status:t="Paid",variant:a="paid"})=>e.createElement("div",{className:`rounded-[50px] border px-2 py-1 flex items-center justify-center ${{paid:"bg-green-colors-green-8 border-green-colors-green-16 text-green-colors-green",pending:"bg-yellow-100 border-yellow-200 text-yellow-600",overdue:"bg-red-100 border-red-200 text-red-600",draft:"bg-gray-100 border-gray-200 text-gray-600"}[a]}`},e.createElement("div",{className:"text-xs font-medium"},t)),u=({index:t,service:a,amount:n,isNegative:l=!1})=>e.createElement("div",{className:"bg-basic-colors-white border-dashed border-grey-colors-grey-200 border-b flex items-center justify-start self-stretch"},e.createElement("div",{className:"p-4 flex items-center justify-center w-12"},e.createElement("div",{className:"text-basic-colors-black text-sm font-medium"},t)),e.createElement("div",{className:"flex items-center justify-start flex-1"},e.createElement("div",{className:"py-2 flex items-center justify-start"},e.createElement("div",{className:"px-2 flex flex-col items-start justify-center"},e.createElement("div",{className:"text-basic-colors-black text-sm font-medium"},a)))),e.createElement("div",{className:"px-4 flex items-center justify-end w-40"},e.createElement("div",{className:"text-sm font-medium "+(l?"text-red-colors-red":"text-basic-colors-black")},n))),g=({label:t,value:a,isTotal:n=!1})=>e.createElement("div",{className:"flex justify-between items-center w-full"},e.createElement("div",{className:"text-grey-colors-grey-500 text-sm "+(n?"font-semibold":"font-normal")},t),e.createElement("div",{className:"text-right w-40 "+(n?"text-md font-semibold":"text-sm font-medium")},a)),p=({currentStatus:a,onStatusChange:n})=>{const[s,i]=t.useState(!1),c=[{value:"pending",label:"Pending",variant:"pending"},{value:"paid",label:"Paid",variant:"paid"},{value:"overdue",label:"Overdue",variant:"overdue"},{value:"draft",label:"Draft",variant:"draft"}],o=c.find(e=>e.value===a)||c[0];return e.createElement("div",{className:"relative"},e.createElement("button",{className:"rounded-[50px] border border-green-colors-green py-2.5 px-3 flex items-center justify-between w-40 cursor-pointer hover:bg-gray-50 transition-colors",onClick:()=>i(!s)},e.createElement("div",{className:"flex items-center gap-2"},e.createElement("div",{className:"text-grey-500 text-sm font-medium"},"Status:"),e.createElement(f,{status:o.label,variant:o.variant})),s?e.createElement(l,{className:"text-gray-400 w-4 h-4"}):e.createElement(r,{className:"text-gray-400 w-4 h-4"})),s&&e.createElement("div",{className:"absolute top-full right-0 mt-1 bg-white rounded-2xl border border-grey-200 p-2 flex flex-col gap-1 items-start w-40 z-50 shadow-lg"},c.map(t=>e.createElement("button",{key:t.value,className:"w-full text-left rounded-[50px] px-2 py-1 flex items-center justify-start "+(a===t.value?"bg-green-colors-green-8 text-green-colors-green":"text-black hover:bg-gray-100"),onClick:()=>{n(t.value),i(!1)}},e.createElement("div",{className:"text-sm font-medium"},t.label)))))},b=({className:l,...r})=>{const[b,h]=t.useState("paid"),E=t.useRef(null),y=[{label:"Orders",active:!1},{label:"Order details",active:!1},{label:"...",active:!1},{label:"Invoice details",active:!0}];return e.createElement("div",{className:`bg-white rounded-2xl border border-grey-200 pb-6 flex flex-col gap-2.5 items-start relative overflow-hidden ${l}`},e.createElement("div",{className:"bg-white pt-6 px-6 flex flex-col gap-6 items-start self-stretch"},e.createElement("div",{className:"flex items-center gap-2"},y.map((t,a)=>e.createElement("div",{key:a,className:"flex items-center gap-2"},e.createElement(v,{isActive:t.active},t.label),a<y.length-1&&e.createElement("div",{className:"text-black text-xs font-medium"},"/")))),e.createElement("div",{className:"flex items-center justify-between self-stretch h-10"},e.createElement("div",{className:"flex items-center gap-4"},e.createElement("div",{className:"flex items-center gap-3"},e.createElement(c,{className:"w-6 h-6 shrink-0"}),e.createElement("div",{className:"text-black text-2xl font-bold"},"INV-12345"),e.createElement("button",{className:"bg-white rounded-lg border border-grey-200 p-1.5 shadow-sm hover:bg-gray-50 transition-colors",onClick:()=>{navigator.clipboard.writeText("INV-12345").then(()=>{}).catch(e=>{})}},e.createElement(a,{className:"w-4 h-4"}))),e.createElement(f,{status:"Paid",variant:"paid"})),e.createElement("div",{className:"flex items-center gap-2"},e.createElement(x,{icon:s}),e.createElement(x,{icon:n,onClick:()=>{const e=new Blob(["\n Invoice: INV-12345\n Status: Paid\n Date: April 25, 2025\n Due Date: May 30, 2025\n \n Services:\n - Main transportation service: $2,500.00\n - Additional weight charge: $100.00\n - Deduction (Late fee): -$200.00\n \n Subtotal: $2,400.00\n Discount: -$10.00\n Taxes (10%): $240.00\n Total: $2,630.00\n "],{type:"text/plain"}),t=URL.createObjectURL(e),a=document.createElement("a");a.href=t,a.download="invoice-INV-12345.txt",document.body.appendChild(a),a.click(),document.body.removeChild(a),URL.revokeObjectURL(t)}}),e.createElement(x,{icon:i}),e.createElement(x,{icon:d,onClick:()=>{const e=E.current?.innerHTML;if(!e)return;const t=window.open("","_blank");t&&(t.document.write('\n <!DOCTYPE html>\n <html>\n <head>\n <title>Print Invoice</title>\n <style>\n body { font-family: Arial, sans-serif; padding: 20px; }\n .invoice-container { max-width: 800px; margin: 0 auto; }\n .invoice-header { display: flex; justify-content: space-between; margin-bottom: 20px; }\n .invoice-details { margin: 20px 0; }\n .invoice-table { width: 100%; border-collapse: collapse; margin: 20px 0; }\n .invoice-table th, .invoice-table td { border: 1px solid #ddd; padding: 8px; text-align: left; }\n .invoice-table th { background-color: #f2f2f2; }\n .invoice-summary { margin-top: 20px; text-align: right; }\n .negative-amount { color: red; }\n @media print {\n body { padding: 0; }\n .no-print { display: none; }\n }\n </style>\n </head>\n <body>\n <div class="invoice-container">\n <div class="invoice-header">\n <h1>Invoice: INV-12345</h1>\n <div class="status">Status: Paid</div>\n </div>\n \n <div class="invoice-details">\n <div style="display: flex; justify-content: space-between;">\n <div>\n <h3>Invoice From:</h3>\n <p>Ommo.ai<br/>959 Emerson Road Winnfield, LA<br/>Phone: +1 888-555-0000</p>\n </div>\n <div>\n <h3>Invoice To:</h3>\n <p>Daniel J. Batiste<br/>3700 George Avenue, LA<br/>Phone: +1 888-555-0000</p>\n </div>\n </div>\n \n <div style="display: flex; justify-content: space-between; margin-top: 20px;">\n <div>\n <strong>Date Created:</strong> April 25, 2025\n </div>\n <div>\n <strong>Due Date:</strong> May 30, 2025\n </div>\n </div>\n </div>\n \n <table class="invoice-table">\n <thead>\n <tr>\n <th>#</th>\n <th>Services</th>\n <th>
1Amount</th>\n </tr>\n </thead>\n <tbody>\n <tr>\n <td>1</td>\n <td>Main transportation service</td>\n <td>$2,500.00</td>\n </tr>\n <tr>\n <td>2</td>\n <td>Additional weight charge</td>\n <td>$100.00</td>\n </tr>\n <tr>\n <td>3</td>\n <td>Deduction (Late fee)</td>\n <td class="negative-amount">â$200.00</td>\n </tr>\n </tbody>\n </table>\n \n <div class="invoice-summary">\n <p><strong>Subtotal:</strong> $2,400.00</p>\n <p><strong>Discount:</strong> -$10.00</p>\n <p><strong>Taxes (10%):</strong> $240.00</p>\n <p><strong>Total:</strong> $2,630.00</p>\n </div>\n \n <div style="margin-top: 30px;">\n <h3>Notes:</h3>\n <p>Should you need us to add VAT or extra notes let us know!</p>\n </div>\n </div>\n \n <script>\n window.onload = function() {\n window.print();\n setTimeout(function() {\n window.close();\n }, 500);\n }\n <\/script>\n </body>\n </html>\n '),t.document.close())}}),e.createElement(x,{icon:o}),e.createElement(p,{currentStatus:b,onStatusChange:h}))),e.createElement("div",{ref:E,className:"bg-white rounded-card-radius border border-grey-200 p-5 flex flex-col gap-8 items-start w-full relative overflow-hidden shadow-lg"},e.createElement("div",{className:"flex items-start justify-between self-stretch"},e.createElement(m,null),e.createElement("div",{className:"flex flex-col gap-1 items-end"},e.createElement(f,{status:"Paid",variant:"paid"}),e.createElement("div",{className:"text-black text-xl font-bold text-right"},"INV-12345"))),e.createElement("div",{className:"border-dashed border-grey-200 border-t w-full"}),e.createElement("div",{className:"flex items-start justify-start self-stretch gap-0"},e.createElement("div",{className:"flex flex-col gap-1 items-start flex-1"},e.createElement("div",{className:"text-black text-sm font-semibold"},"Invoice from"),e.createElement("div",{className:"text-sm"},"Ommo.ai",e.createElement("br",null),"959 Emerson Road Winnfield, LA",e.createElement("br",null),"Phone: +1 888-555-0000")),e.createElement("div",{className:"flex flex-col gap-1 items-start flex-1"},e.createElement("div",{className:"text-black text-sm font-semibold"},"Invoice to"),e.createElement("div",{className:"text-sm"},"Daniel J. Batiste",e.createElement("br",null),"3700 George Avenue, LA",e.createElement("br",null),"Phone: +1 888-555-0000"))),e.createElement("div",{className:"flex items-start justify-start self-stretch gap-0"},e.createElement("div",{className:"flex flex-col gap-1 items-start flex-1"},e.createElement("div",{className:"text-black text-sm font-semibold"},"Date create"),e.createElement("div",{className:"text-black text-sm"},"April 25, 2025")),e.createElement("div",{className:"flex flex-col gap-1 items-start flex-1"},e.createElement("div",{className:"text-black text-sm font-semibold"},"Due date"),e.createElement("div",{className:"text-black text-sm"},"May 30, 2025"))),e.createElement("div",{className:"flex flex-col items-end self-stretch overflow-hidden"},e.createElement("div",{className:"rounded-xl border-b border-grey-100 flex items-center justify-start self-stretch overflow-hidden"},e.createElement("div",{className:"bg-grey-100 flex items-center justify-center w-12 p-2"},e.createElement("div",{className:"text-grey-500 text-sm font-medium text-center"},"#")),e.createElement("div",{className:"bg-grey-100 flex items-center justify-start flex-1 p-2"},e.createElement("div",{className:"text-grey-500 text-sm font-medium"},"Services")),e.createElement("div",{className:"bg-grey-100 flex items-center justify-end w-40 p-2"},e.createElement("div",{className:"text-grey-500 text-sm font-medium text-right"},"Amount"))),[{service:"Main transportation service",amount:"$2,500.00"},{service:"Additional weight charge",amount:"$100.00"},{service:"Deduction (Late fee)",amount:"â$200.00",isNegative:!0}].map((t,a)=>e.createElement(u,{key:a,index:a+1,service:t.service,amount:t.amount,isNegative:t.isNegative})),e.createElement("div",{className:"pt-4 pr-4 flex flex-col gap-3 items-end w-full"},[{label:"Subtotal",value:"$2,400.00"},{label:"Discount",value:"-$10.00"},{label:"Taxes (10%)",value:"$240.00"},{label:"Total",value:"$2,630.00",isTotal:!0}].map((t,a)=>e.createElement(g,{key:a,label:t.label,value:t.value,isTotal:t.isTotal})))),e.createElement("div",{className:"border-t border-dashed border-grey-200 pt-3 pb-10 flex items-start justify-between self-stretch"},e.createElement("div",{className:"flex flex-col gap-0.5 items-start w-[563px]"},e.createElement("div",{className:"text-black text-sm font-semibold"},"Notes"),e.createElement("div",{className:"text-black text-sm"},"Should you need us to add VAT or extra notes let us know!"))))))};export{b as PaymentView};
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.