%PDF-
%PDF-
Mini Shell
Mini Shell
(this["webpackJsonpfuse-react-app"]=this["webpackJsonpfuse-react-app"]||[]).push([[102],{1135:function(e,t,a){"use strict";var c=a(0),i=c.createContext();t.a=i},1145:function(e,t,a){"use strict";var c=a(0),i=c.createContext();t.a=i},1199:function(e,t,a){"use strict";var c=a(7),i=a(2),r=a(0),s=a(8),n=a(11),l=a(15),o=a(31),d=a(1145),j=a(1135),b=r.forwardRef((function(e,t){var a,n,o=e.align,b=void 0===o?"inherit":o,x=e.classes,h=e.className,m=e.component,p=e.padding,O=e.scope,u=e.size,g=e.sortDirection,f=e.variant,v=Object(c.a)(e,["align","classes","className","component","padding","scope","size","sortDirection","variant"]),y=r.useContext(d.a),N=r.useContext(j.a),w=N&&"head"===N.variant;m?(n=m,a=w?"columnheader":"cell"):n=w?"th":"td";var S=O;!S&&w&&(S="col");var T=p||(y&&y.padding?y.padding:"normal"),k=u||(y&&y.size?y.size:"medium"),C=f||N&&N.variant,E=null;return g&&(E="asc"===g?"ascending":"descending"),r.createElement(n,Object(i.a)({ref:t,className:Object(s.a)(x.root,x[C],h,"inherit"!==b&&x["align".concat(Object(l.a)(b))],"normal"!==T&&x["padding".concat(Object(l.a)(T))],"medium"!==k&&x["size".concat(Object(l.a)(k))],"head"===C&&y&&y.stickyHeader&&x.stickyHeader),"aria-sort":E,role:a,scope:S},v))}));t.a=Object(n.a)((function(e){return{root:Object(i.a)({},e.typography.body2,{display:"table-cell",verticalAlign:"inherit",borderBottom:"1px solid\n ".concat("light"===e.palette.type?Object(o.j)(Object(o.a)(e.palette.divider,1),.88):Object(o.b)(Object(o.a)(e.palette.divider,1),.68)),textAlign:"left",padding:16}),head:{color:e.palette.text.primary,lineHeight:e.typography.pxToRem(24),fontWeight:e.typography.fontWeightMedium},body:{color:e.palette.text.primary},footer:{color:e.palette.text.secondary,lineHeight:e.typography.pxToRem(21),fontSize:e.typography.pxToRem(12)},sizeSmall:{padding:"6px 24px 6px 16px","&:last-child":{paddingRight:16},"&$paddingCheckbox":{width:24,padding:"0 12px 0 16px","&:last-child":{paddingLeft:12,paddingRight:16},"& > *":{padding:0}}},paddingCheckbox:{width:48,padding:"0 0 0 4px","&:last-child":{paddingLeft:0,paddingRight:4}},paddingNone:{padding:0,"&:last-child":{padding:0}},alignLeft:{textAlign:"left"},alignCenter:{textAlign:"center"},alignRight:{textAlign:"right",flexDirection:"row-reverse"},alignJustify:{textAlign:"justify"},stickyHeader:{position:"sticky",top:0,left:0,zIndex:2,backgroundColor:e.palette.background.default}}}),{name:"MuiTableCell"})(b)},1220:function(e,t,a){"use strict";var c=a(7),i=a(2),r=a(0),s=a(8),n=a(11),l=a(1145),o="table",d=r.forwardRef((function(e,t){var a=e.classes,n=e.className,d=e.component,j=void 0===d?o:d,b=e.padding,x=void 0===b?"normal":b,h=e.size,m=void 0===h?"medium":h,p=e.stickyHeader,O=void 0!==p&&p,u=Object(c.a)(e,["classes","className","component","padding","size","stickyHeader"]),g=r.useMemo((function(){return{padding:x,size:m,stickyHeader:O}}),[x,m,O]);return r.createElement(l.a.Provider,{value:g},r.createElement(j,Object(i.a)({role:j===o?null:"table",ref:t,className:Object(s.a)(a.root,n,O&&a.stickyHeader)},u)))}));t.a=Object(n.a)((function(e){return{root:{display:"table",width:"100%",borderCollapse:"collapse",borderSpacing:0,"& caption":Object(i.a)({},e.typography.body2,{padding:e.spacing(2),color:e.palette.text.secondary,textAlign:"left",captionSide:"bottom"})},stickyHeader:{borderCollapse:"separate"}}}),{name:"MuiTable"})(d)},1221:function(e,t,a){"use strict";var c=a(2),i=a(7),r=a(0),s=a(8),n=a(11),l=a(1135),o={variant:"head"},d="thead",j=r.forwardRef((function(e,t){var a=e.classes,n=e.className,j=e.component,b=void 0===j?d:j,x=Object(i.a)(e,["classes","className","component"]);return r.createElement(l.a.Provider,{value:o},r.createElement(b,Object(c.a)({className:Object(s.a)(a.root,n),ref:t,role:b===d?null:"rowgroup"},x)))}));t.a=Object(n.a)({root:{display:"table-header-group"}},{name:"MuiTableHead"})(j)},1222:function(e,t,a){"use strict";var c=a(2),i=a(7),r=a(0),s=a(8),n=a(11),l=a(1135),o=a(31),d=r.forwardRef((function(e,t){var a=e.classes,n=e.className,o=e.component,d=void 0===o?"tr":o,j=e.hover,b=void 0!==j&&j,x=e.selected,h=void 0!==x&&x,m=Object(i.a)(e,["classes","className","component","hover","selected"]),p=r.useContext(l.a);return r.createElement(d,Object(c.a)({ref:t,className:Object(s.a)(a.root,n,p&&{head:a.head,footer:a.footer}[p.variant],b&&a.hover,h&&a.selected),role:"tr"===d?null:"row"},m))}));t.a=Object(n.a)((function(e){return{root:{color:"inherit",display:"table-row",verticalAlign:"middle",outline:0,"&$hover:hover":{backgroundColor:e.palette.action.hover},"&$selected, &$selected:hover":{backgroundColor:Object(o.a)(e.palette.secondary.main,e.palette.action.selectedOpacity)}},selected:{},hover:{},head:{},footer:{}}}),{name:"MuiTableRow"})(d)},1223:function(e,t,a){"use strict";var c=a(2),i=a(7),r=a(0),s=a(8),n=a(11),l=a(1135),o={variant:"body"},d="tbody",j=r.forwardRef((function(e,t){var a=e.classes,n=e.className,j=e.component,b=void 0===j?d:j,x=Object(i.a)(e,["classes","className","component"]);return r.createElement(l.a.Provider,{value:o},r.createElement(b,Object(c.a)({className:Object(s.a)(a.root,n),ref:t,role:b===d?null:"rowgroup"},x)))}));t.a=Object(n.a)({root:{display:"table-row-group"}},{name:"MuiTableBody"})(j)},2662:function(e,t,a){"use strict";a.r(t);var c=a(1109),i=a(1116),r=a(1072),s=a(65),n=a(1220),l=a(1223),o=a(1199),d=a(1221),j=a(1222),b=a(194),x=a(50),h=a.n(x),m=a(5),p=a(1118),O=a(0),u=a(1);const g=Object(r.a)((e=>({root:{background:"radial-gradient(".concat(Object(s.darken)(e.palette.primary.dark,.5)," 0%, ").concat(e.palette.primary.dark," 80%)")},divider:{backgroundColor:e.palette.divider}})));t.default=function(){const e=g(),[t,a]=Object(O.useState)(null),r=new Intl.NumberFormat("en-US",{style:"currency",currency:"USD",minimumFractionDigits:2});return Object(O.useEffect)((()=>{h.a.get("/api/invoices/get-invoice",{params:{id:"5725a6802d"}}).then((e=>{a(e.data)}))}),[]),Object(u.jsx)("div",{className:Object(m.a)(e.root,"flex-grow flex-shrink-0 p-0 sm:p-64 print:p-0 overflow-auto"),children:t&&Object(u.jsx)(p.a.div,{initial:{opacity:0,y:200},animate:{opacity:1,y:0},transition:{bounceDamping:0},children:Object(u.jsx)(c.a,{className:"mx-auto w-xl print:w-full print:shadow-none rounded-none sm:rounded-20",children:Object(u.jsxs)(i.a,{className:"p-88 print:p-0",children:[Object(u.jsxs)("div",{className:"flex flex-row justify-between items-start",children:[Object(u.jsxs)("div",{className:"flex flex-col",children:[Object(u.jsxs)("div",{className:"flex items-center mb-80 print:mb-0",children:[Object(u.jsx)("img",{className:"w-160 print:w-60",src:"assets/images/logos/fuse.svg",alt:"logo"}),Object(u.jsx)("div",{className:Object(m.a)(e.divider,"mx-48 w-px h-128 print:mx-16")}),Object(u.jsxs)("div",{className:"max-w-160",children:[Object(u.jsx)(b.a,{color:"textSecondary",children:t.from.title}),t.from.address&&Object(u.jsx)(b.a,{color:"textSecondary",children:t.from.address}),t.from.phone&&Object(u.jsxs)(b.a,{color:"textSecondary",children:[Object(u.jsx)("span",{children:"Phone:"}),t.from.phone]}),t.from.email&&Object(u.jsxs)(b.a,{color:"textSecondary",children:[Object(u.jsx)("span",{children:"Email:"}),t.from.email]}),t.from.website&&Object(u.jsxs)(b.a,{color:"textSecondary",children:[Object(u.jsx)("span",{children:"Web:"}),t.from.website]})]})]}),Object(u.jsxs)("div",{className:"flex items-center",children:[Object(u.jsx)("div",{className:"flex justify-end items-center w-160 print:w-60",children:Object(u.jsx)(b.a,{variant:"h5",className:"font-light print:text-16",color:"textSecondary",children:"CLIENT"})}),Object(u.jsx)("div",{className:Object(m.a)(e.divider,"mx-48 w-px h-128 print:mx-16")}),Object(u.jsxs)("div",{className:"max-w-160",children:[Object(u.jsx)(b.a,{color:"textSecondary",children:t.client.title}),t.client.address&&Object(u.jsx)(b.a,{color:"textSecondary",children:t.client.address}),t.client.phone&&Object(u.jsxs)(b.a,{color:"textSecondary",children:[Object(u.jsx)("span",{children:"Phone:"}),t.client.phone]}),t.client.email&&Object(u.jsxs)(b.a,{color:"textSecondary",children:[Object(u.jsx)("span",{children:"Email:"}),t.client.email]}),t.client.website&&Object(u.jsxs)(b.a,{color:"textSecondary",children:[Object(u.jsx)("span",{children:"Web:"}),t.client.website]})]})]})]}),Object(u.jsx)("table",{children:Object(u.jsxs)("tbody",{children:[Object(u.jsxs)("tr",{children:[Object(u.jsx)("td",{className:"pb-32",children:Object(u.jsx)(b.a,{className:"font-light",variant:"h4",color:"textSecondary",children:"INVOICE"})}),Object(u.jsx)("td",{className:"pb-32 px-16",children:Object(u.jsx)(b.a,{className:"font-light",variant:"h4",children:t.number})})]}),Object(u.jsxs)("tr",{children:[Object(u.jsx)("td",{className:"text-right",children:Object(u.jsx)(b.a,{color:"textSecondary",children:"INVOICE DATE"})}),Object(u.jsx)("td",{className:"px-16",children:Object(u.jsx)(b.a,{children:t.date})})]}),Object(u.jsxs)("tr",{children:[Object(u.jsx)("td",{className:"text-right",children:Object(u.jsx)(b.a,{color:"textSecondary",children:"DUE DATE"})}),Object(u.jsx)("td",{className:"px-16",children:Object(u.jsx)(b.a,{children:t.dueDate})})]}),Object(u.jsxs)("tr",{children:[Object(u.jsx)("td",{className:"text-right",children:Object(u.jsx)(b.a,{color:"textSecondary",children:"TOTAL DUE"})}),Object(u.jsx)("td",{className:"px-16",children:Object(u.jsx)(b.a,{children:r.format(t.total)})})]})]})})]}),Object(u.jsxs)("div",{className:"mt-96 print:mt-0",children:[Object(u.jsxs)(n.a,{className:"simple",children:[Object(u.jsx)(d.a,{children:Object(u.jsxs)(j.a,{children:[Object(u.jsx)(o.a,{children:"SERVICE"}),Object(u.jsx)(o.a,{children:"UNIT"}),Object(u.jsx)(o.a,{align:"right",children:"UNIT PRICE"}),Object(u.jsx)(o.a,{align:"right",children:"QUANTITY"}),Object(u.jsx)(o.a,{align:"right",children:"TOTAL"})]})}),Object(u.jsx)(l.a,{children:t.services.map((e=>Object(u.jsxs)(j.a,{children:[Object(u.jsxs)(o.a,{children:[Object(u.jsx)(b.a,{className:"mb-8",variant:"subtitle1",children:e.title}),Object(u.jsx)(b.a,{variant:"caption",color:"textSecondary",children:e.detail})]}),Object(u.jsx)(o.a,{children:e.unit}),Object(u.jsx)(o.a,{align:"right",children:r.format(e.unitPrice)}),Object(u.jsx)(o.a,{align:"right",children:e.quantity}),Object(u.jsx)(o.a,{align:"right",children:r.format(e.total)})]},e.id)))})]}),Object(u.jsx)(n.a,{className:"simple",children:Object(u.jsxs)(l.a,{children:[Object(u.jsxs)(j.a,{children:[Object(u.jsx)(o.a,{children:Object(u.jsx)(b.a,{className:"font-normal",variant:"subtitle1",color:"textSecondary",children:"SUBTOTAL"})}),Object(u.jsx)(o.a,{align:"right",children:Object(u.jsx)(b.a,{className:"font-normal",variant:"subtitle1",color:"textSecondary",children:r.format(t.subtotal)})})]}),Object(u.jsxs)(j.a,{children:[Object(u.jsx)(o.a,{children:Object(u.jsx)(b.a,{className:"font-normal",variant:"subtitle1",color:"textSecondary",children:"TAX"})}),Object(u.jsx)(o.a,{align:"right",children:Object(u.jsx)(b.a,{className:"font-normal",variant:"subtitle1",color:"textSecondary",children:r.format(t.tax)})})]}),Object(u.jsxs)(j.a,{children:[Object(u.jsx)(o.a,{children:Object(u.jsx)(b.a,{className:"font-normal",variant:"subtitle1",color:"textSecondary",children:"DISCOUNT"})}),Object(u.jsx)(o.a,{align:"right",children:Object(u.jsx)(b.a,{className:"font-normal",variant:"subtitle1",color:"textSecondary",children:r.format(t.discount)})})]}),Object(u.jsxs)(j.a,{children:[Object(u.jsx)(o.a,{children:Object(u.jsx)(b.a,{className:"font-light",variant:"h4",color:"textSecondary",children:"TOTAL"})}),Object(u.jsx)(o.a,{align:"right",children:Object(u.jsx)(b.a,{className:"font-light",variant:"h4",color:"textSecondary",children:r.format(t.total)})})]})]})})]}),Object(u.jsxs)("div",{className:"mt-96 print:mt-0 print:px-16",children:[Object(u.jsx)(b.a,{className:"mb-24 print:mb-12",variant:"body1",children:"Please pay within 15 days. Thank you for your business."}),Object(u.jsxs)("div",{className:"flex",children:[Object(u.jsx)("div",{className:"flex-shrink-0",children:Object(u.jsx)("img",{className:"w-32",src:"assets/images/logos/fuse.svg",alt:"logo"})}),Object(u.jsx)(b.a,{className:"font-normal mb-64 px-24",variant:"caption",color:"textSecondary",children:"In condimentum malesuada efficitur. Mauris volutpat placerat auctor. Ut ac congue dolor. Quisque scelerisque lacus sed feugiat fermentum. Cras aliquet facilisis pellentesque. Nunc hendrerit quam at leo commodo, a suscipit tellus dapibus. Etiam at felis volutpat est mollis lacinia. Mauris placerat sem sit amet velit mollis, in porttitor ex finibus. Proin eu nibh id libero tincidunt lacinia et eget eros."})]})]})]})})})})}}}]);
Zerion Mini Shell 1.0