%PDF-
%PDF-
Mini Shell
Mini Shell
(this["webpackJsonpfuse-react-app"]=this["webpackJsonpfuse-react-app"]||[]).push([[101],{1135:function(e,t,a){"use strict";var c=a(0),r=c.createContext();t.a=r},1145:function(e,t,a){"use strict";var c=a(0),r=c.createContext();t.a=r},1199:function(e,t,a){"use strict";var c=a(7),r=a(2),i=a(0),n=a(8),s=a(11),l=a(15),o=a(31),d=a(1145),j=a(1135),b=i.forwardRef((function(e,t){var a,s,o=e.align,b=void 0===o?"inherit":o,h=e.classes,m=e.className,p=e.component,x=e.padding,u=e.scope,O=e.size,g=e.sortDirection,f=e.variant,v=Object(c.a)(e,["align","classes","className","component","padding","scope","size","sortDirection","variant"]),y=i.useContext(d.a),N=i.useContext(j.a),w=N&&"head"===N.variant;p?(s=p,a=w?"columnheader":"cell"):s=w?"th":"td";var k=u;!k&&w&&(k="col");var S=x||(y&&y.padding?y.padding:"normal"),T=O||(y&&y.size?y.size:"medium"),C=f||N&&N.variant,E=null;return g&&(E="asc"===g?"ascending":"descending"),i.createElement(s,Object(r.a)({ref:t,className:Object(n.a)(h.root,h[C],m,"inherit"!==b&&h["align".concat(Object(l.a)(b))],"normal"!==S&&h["padding".concat(Object(l.a)(S))],"medium"!==T&&h["size".concat(Object(l.a)(T))],"head"===C&&y&&y.stickyHeader&&h.stickyHeader),"aria-sort":E,role:a,scope:k},v))}));t.a=Object(s.a)((function(e){return{root:Object(r.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),r=a(2),i=a(0),n=a(8),s=a(11),l=a(1145),o="table",d=i.forwardRef((function(e,t){var a=e.classes,s=e.className,d=e.component,j=void 0===d?o:d,b=e.padding,h=void 0===b?"normal":b,m=e.size,p=void 0===m?"medium":m,x=e.stickyHeader,u=void 0!==x&&x,O=Object(c.a)(e,["classes","className","component","padding","size","stickyHeader"]),g=i.useMemo((function(){return{padding:h,size:p,stickyHeader:u}}),[h,p,u]);return i.createElement(l.a.Provider,{value:g},i.createElement(j,Object(r.a)({role:j===o?null:"table",ref:t,className:Object(n.a)(a.root,s,u&&a.stickyHeader)},O)))}));t.a=Object(s.a)((function(e){return{root:{display:"table",width:"100%",borderCollapse:"collapse",borderSpacing:0,"& caption":Object(r.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),r=a(7),i=a(0),n=a(8),s=a(11),l=a(1135),o={variant:"head"},d="thead",j=i.forwardRef((function(e,t){var a=e.classes,s=e.className,j=e.component,b=void 0===j?d:j,h=Object(r.a)(e,["classes","className","component"]);return i.createElement(l.a.Provider,{value:o},i.createElement(b,Object(c.a)({className:Object(n.a)(a.root,s),ref:t,role:b===d?null:"rowgroup"},h)))}));t.a=Object(s.a)({root:{display:"table-header-group"}},{name:"MuiTableHead"})(j)},1222:function(e,t,a){"use strict";var c=a(2),r=a(7),i=a(0),n=a(8),s=a(11),l=a(1135),o=a(31),d=i.forwardRef((function(e,t){var a=e.classes,s=e.className,o=e.component,d=void 0===o?"tr":o,j=e.hover,b=void 0!==j&&j,h=e.selected,m=void 0!==h&&h,p=Object(r.a)(e,["classes","className","component","hover","selected"]),x=i.useContext(l.a);return i.createElement(d,Object(c.a)({ref:t,className:Object(n.a)(a.root,s,x&&{head:a.head,footer:a.footer}[x.variant],b&&a.hover,m&&a.selected),role:"tr"===d?null:"row"},p))}));t.a=Object(s.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),r=a(7),i=a(0),n=a(8),s=a(11),l=a(1135),o={variant:"body"},d="tbody",j=i.forwardRef((function(e,t){var a=e.classes,s=e.className,j=e.component,b=void 0===j?d:j,h=Object(r.a)(e,["classes","className","component"]);return i.createElement(l.a.Provider,{value:o},i.createElement(b,Object(c.a)({className:Object(n.a)(a.root,s),ref:t,role:b===d?null:"rowgroup"},h)))}));t.a=Object(s.a)({root:{display:"table-row-group"}},{name:"MuiTableBody"})(j)},2661:function(e,t,a){"use strict";a.r(t);var c=a(1109),r=a(1116),i=a(1072),n=a(65),s=a(1220),l=a(1223),o=a(1199),d=a(1221),j=a(1222),b=a(194),h=a(50),m=a.n(h),p=a(5),x=a(1118),u=a(0),O=a(1);const g=Object(i.a)((e=>({root:{background:"radial-gradient(".concat(Object(n.darken)(e.palette.primary.dark,.5)," 0%, ").concat(e.palette.primary.dark," 80%)")},divider:{backgroundColor:e.palette.getContrastText(e.palette.primary.dark)},seller:{backgroundColor:e.palette.primary.dark,color:e.palette.getContrastText(e.palette.primary.dark),marginRight:-88,paddingRight:66,width:480}})));t.default=function(){const e=g(),[t,a]=Object(u.useState)(null),i=new Intl.NumberFormat("en-US",{style:"currency",currency:"USD",minimumFractionDigits:2});return Object(u.useEffect)((()=>{m.a.get("/api/invoices/get-invoice",{params:{id:"5725a6802d"}}).then((e=>{a(e.data)}))}),[]),Object(O.jsx)("div",{className:Object(p.a)(e.root,"flex-grow flex-shrink-0 p-0 sm:p-64 print:p-0 overflow-auto"),children:t&&Object(O.jsx)(x.a.div,{initial:{opacity:0,y:200},animate:{opacity:1,y:0},transition:{bounceDamping:0},children:Object(O.jsx)(c.a,{className:"mx-auto w-xl print:w-full print:p-8 print:shadow-none rounded-none sm:rounded-20",children:Object(O.jsxs)(r.a,{className:"p-88 print:p-0",children:[Object(O.jsx)(b.a,{color:"textSecondary",className:"mb-32",children:t.date}),Object(O.jsxs)("div",{className:"flex justify-between",children:[Object(O.jsxs)("div",{children:[Object(O.jsx)("table",{className:"mb-16",children:Object(O.jsxs)("tbody",{children:[Object(O.jsxs)("tr",{children:[Object(O.jsx)("td",{className:"pb-4",children:Object(O.jsx)(b.a,{className:"font-light",variant:"h6",color:"textSecondary",children:"INVOICE"})}),Object(O.jsx)("td",{className:"pb-4 px-16",children:Object(O.jsx)(b.a,{className:"font-light",variant:"h6",children:t.number})})]}),Object(O.jsxs)("tr",{children:[Object(O.jsx)("td",{children:Object(O.jsx)(b.a,{color:"textSecondary",children:"INVOICE DATE"})}),Object(O.jsx)("td",{className:"px-16",children:Object(O.jsx)(b.a,{children:t.date})})]}),Object(O.jsxs)("tr",{children:[Object(O.jsx)("td",{children:Object(O.jsx)(b.a,{color:"textSecondary",children:"DUE DATE"})}),Object(O.jsx)("td",{className:"px-16",children:Object(O.jsx)(b.a,{children:t.dueDate})})]})]})}),Object(O.jsx)(b.a,{color:"textSecondary",children:t.client.title}),t.client.address&&Object(O.jsx)(b.a,{color:"textSecondary",children:t.client.address}),t.client.phone&&Object(O.jsx)(b.a,{color:"textSecondary",children:t.client.phone}),t.client.email&&Object(O.jsx)(b.a,{color:"textSecondary",children:t.client.email}),t.client.website&&Object(O.jsx)(b.a,{color:"textSecondary",children:t.client.website})]}),Object(O.jsxs)("div",{className:Object(p.a)(e.seller,"flex items-center p-16"),children:[Object(O.jsx)("img",{className:"w-80",src:"assets/images/logos/fuse.svg",alt:"logo"}),Object(O.jsx)("div",{className:Object(p.a)(e.divider,"w-px mx-8 h-96 opacity-50")}),Object(O.jsxs)("div",{className:"px-8",children:[Object(O.jsx)(b.a,{color:"inherit",children:t.from.title}),t.from.address&&Object(O.jsx)(b.a,{color:"inherit",children:t.from.address}),t.from.phone&&Object(O.jsx)(b.a,{color:"inherit",children:t.from.phone}),t.from.email&&Object(O.jsx)(b.a,{color:"inherit",children:t.from.email}),t.from.website&&Object(O.jsx)(b.a,{color:"inherit",children:t.from.website})]})]})]}),Object(O.jsxs)("div",{className:"mt-64",children:[Object(O.jsxs)(s.a,{className:"simple",children:[Object(O.jsx)(d.a,{children:Object(O.jsxs)(j.a,{children:[Object(O.jsx)(o.a,{children:"SERVICE"}),Object(O.jsx)(o.a,{children:"UNIT"}),Object(O.jsx)(o.a,{align:"right",children:"UNIT PRICE"}),Object(O.jsx)(o.a,{align:"right",children:"QUANTITY"}),Object(O.jsx)(o.a,{align:"right",children:"TOTAL"})]})}),Object(O.jsx)(l.a,{children:t.services.map((e=>Object(O.jsxs)(j.a,{children:[Object(O.jsx)(o.a,{children:Object(O.jsx)(b.a,{variant:"subtitle1",children:e.title})}),Object(O.jsx)(o.a,{children:e.unit}),Object(O.jsx)(o.a,{align:"right",children:i.format(e.unitPrice)}),Object(O.jsx)(o.a,{align:"right",children:e.quantity}),Object(O.jsx)(o.a,{align:"right",children:i.format(e.total)})]},e.id)))})]}),Object(O.jsx)(s.a,{className:"simple mt-32",children:Object(O.jsxs)(l.a,{children:[Object(O.jsxs)(j.a,{children:[Object(O.jsx)(o.a,{children:Object(O.jsx)(b.a,{className:"font-normal",variant:"subtitle1",color:"textSecondary",children:"SUBTOTAL"})}),Object(O.jsx)(o.a,{align:"right",children:Object(O.jsx)(b.a,{className:"font-normal",variant:"subtitle1",color:"textSecondary",children:i.format(t.subtotal)})})]}),Object(O.jsxs)(j.a,{children:[Object(O.jsx)(o.a,{children:Object(O.jsx)(b.a,{className:"font-normal",variant:"subtitle1",color:"textSecondary",children:"TAX"})}),Object(O.jsx)(o.a,{align:"right",children:Object(O.jsx)(b.a,{className:"font-normal",variant:"subtitle1",color:"textSecondary",children:i.format(t.tax)})})]}),Object(O.jsxs)(j.a,{children:[Object(O.jsx)(o.a,{children:Object(O.jsx)(b.a,{className:"font-normal",variant:"subtitle1",color:"textSecondary",children:"DISCOUNT"})}),Object(O.jsx)(o.a,{align:"right",children:Object(O.jsx)(b.a,{className:"font-normal",variant:"subtitle1",color:"textSecondary",children:i.format(t.discount)})})]}),Object(O.jsxs)(j.a,{children:[Object(O.jsx)(o.a,{children:Object(O.jsx)(b.a,{className:"font-light",variant:"h4",color:"textSecondary",children:"TOTAL"})}),Object(O.jsx)(o.a,{align:"right",children:Object(O.jsx)(b.a,{className:"font-light",variant:"h4",color:"textSecondary",children:i.format(t.total)})})]})]})})]}),Object(O.jsxs)("div",{className:"mt-96",children:[Object(O.jsx)(b.a,{className:"mb-24 print:mb-12",variant:"body1",children:"Please pay within 15 days. Thank you for your business."}),Object(O.jsxs)("div",{className:"flex",children:[Object(O.jsx)("div",{className:"flex-shrink-0",children:Object(O.jsx)("img",{className:"w-32",src:"assets/images/logos/fuse.svg",alt:"logo"})}),Object(O.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