https://app.legitsubdata.com/static/js/42.6be91a2c.chunk.js

1(this.webpackJsonpadexdeveloper=this.webpackJsonpadexdeveloper||[]).push([[42],{1323:function(e,t,i){"use strict";i.d(t,"a",(function(){return O}));var n=i(2),a=i(24),l=i(121),r=i.n(l),c=i(119),o=i(314),s=i(1214),d=i(29),b=i(1343),j=i(0),h=["links","activeLast"];function x(e){var t=e.links,i=e.activeLast,l=void 0!==i&&i,r=Object(a.a)(e,h),s=t[t.length-1].name,d=t.map((function(e){return Object(j.jsx)(u,{link:e},e.name)})),x=t.map((function(e){return Object(j.jsx)("div",{children:e.name!==s?Object(j.jsx)(u,{link:e}):Object(j.jsx)(o.a,{variant:"body2",sx:{maxWidth:260,overflow:"hidden",whiteSpace:"nowrap",color:"text.disabled",textOverflow:"ellipsis"},children:s})},e.name)}));return Object(j.jsx)(b.a,Object(n.a)(Object(n.a)({separator:Object(j.jsx)(c.a,{component:"span",sx:{width:4,height:4,borderRadius:"50%",bgcolor:"text.disabled"}})},r),{},{children:l?d:x}))}function u(e){var t=e.link,i=t.href,n=t.name,a=t.icon;return Object(j.jsxs)(s.a,{variant:"body2",component:d.b,to:i||"#",sx:{lineHeight:2,display:"flex",alignItems:"center",color:"text.primary","& > div":{display:"inherit"}},children:[a&&Object(j.jsx)(c.a,{sx:{mr:1,"& svg":{width:20,height:20}},children:a}),n]},n)}var p=["links","action","heading","moreLink","sx"];function O(e){var t=e.links,i=e.action,l=e.heading,d=e.moreLink,b=void 0===d?[]:d,h=e.sx,u=Object(a.a)(e,p);return Object(j.jsxs)(c.a,{sx:Object(n.a)({mb:5},h),children:[Object(j.jsxs)(c.a,{sx:{display:"flex",alignItems:"center"},children:[Object(j.jsxs)(c.a,{sx:{flexGrow:1},children:[Object(j.jsx)(o.a,{variant:"h4",gutterBottom:!0,children:l}),Object(j.jsx)(x,Object(n.a)({links:t},u))]}),i&&Object(j.jsx)(c.a,{sx:{flexShrink:0},children:i})]}),Object(j.jsx)(c.a,{sx:{mt:2},children:r()(b)?Object(j.jsx)(s.a,{href:b,target:"_blank",rel:"noopener",variant:"body2",children:b}):b.map((function(e){return Object(j.jsx)(s.a,{noWrap:!0,href:e,variant:"body2",target:"_blank",rel:"noopener",sx:{display:"table"},children:e},e)}))})]})}},1325:function(e,t,i){"use strict";i.d(t,"a",(function(){return d}));var n=i(24),a=i(2),l=i(5),r=i(62),c=i(0),o=["color","variant","children"],s=Object(l.a)("span")((function(e){var t=e.theme,i=e.ownerState,n="light"===t.palette.mode,l=i.color,c=i.variant;return Object(a.a)({height:22,minWidth:22,lineHeight:0,borderRadius:8,cursor:"default",alignItems:"center",whiteSpace:"nowrap",display:"inline-flex",justifyContent:"center",padding:t.spacing(0,1),color:t.palette.grey[800],fontSize:t.typography.pxToRem(12),fontFamily:t.typography.fontFamily,backgroundColor:t.palette.grey[300],fontWeight:t.typography.fontWeightBold},"default"!==l?Object(a.a)(Object(a.a)(Object(a.a)({},"filled"===c&&Object(a.a)({},function(e){return{color:t.palette[e].contrastText,backgroundColor:t.palette[e].main}}(l))),"outlined"===c&&Object(a.a)({},function(e){return{color:t.palette[e].main,backgroundColor:"transparent",border:"1px solid ".concat(t.palette[e].main)}}(l))),"ghost"===c&&Object(a.a)({},function(e){return{color:t.palette[e][n?"dark":"light"],backgroundColor:Object(r.a)(t.palette[e].main,.16)}}(l))):Object(a.a)(Object(a.a)({},"outlined"===c&&{backgroundColor:"transparent",color:t.palette.text.primary,border:"1px solid ".concat(t.palette.grey[50032])}),"ghost"===c&&{color:n?t.palette.text.secondary:t.palette.common.white,backgroundColor:t.palette.grey[50016]}))}));function d(e){var t=e.color,i=void 0===t?"default":t,l=e.variant,r=void 0===l?"ghost":l,d=e.children,b=Object(n.a)(e,o);return Object(c.jsx)(s,Object(a.a)(Object(a.a)({ownerState:{color:i,variant:r}},b),{},{children:d}))}},1337:function(e,t,i){"use strict";i.d(t,"a",(function(){return S}));var n=i(17),a=i(28),l=i(14),r=i(1),c=i.n(r),o=i(53),s=i(311),d=i(1321),b=i(119),j=i(314),h=i(1336),x=i(1295),u=i(1210),p=i(1215),O=i(1273),m=i(1326),g=i.n(m),f=i(1335),y=i.n(f),v=i(2),w=i(0);function C(e){var t=e.value,i=e.maxWidth,c=void 0===i?"200px":i,s=e.typographyProps,d=void 0===s?{}:s,h=Object(r.useState)(!1),x=Object(l.a)(h,2),O=x[0],m=x[1],f=(Object(o.a)(),function(){var e=Object(a.a)(Object(n.a)().mark((function e(){return Object(n.a)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,navigator.clipboard.writeText(t);case 3:m(!0),setTimeout((function(){return m(!1)}),2e3),e.next=10;break;case 7:e.prev=7,e.t0=e.catch(0),console.error("Failed to copy text: ",e.t0);case 10:case"end":return e.stop()}}),e,null,[[0,7]])})));return function(){return e.apply(this,arguments)}}());return Object(w.jsxs)(b.a,{sx:{display:"flex",alignItems:"center",gap:1,width:"100%"},children:[Object(w.jsx)(u.a,{title:t,arrow:!0,children:Object(w.jsx)(j.a,Object(v.a)(Object(v.a)({variant:"body2",sx:Object(v.a)({overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:c},d.sx||{})},d),{},{children:t}))}),Object(w.jsx)(u.a,{title:O?"Copied!":"Copy to clipboard",children:Object(w.jsx)(p.a,{onClick:f,size:"small",sx:{p:.5,color:O?"success.main":"text.secondary","&:hover":{color:"primary.main",backgroundColor:"transparent"}},children:O?Object(w.jsx)(y.a,{fontSize:"small"}):Object(w.jsx)(g.a,{fontSize:"small"})})})]})}function S(e){var t=e.logo,i=void 0===t?"/upload/welcome.png":t,n=e.status,a=void 0===n?"Processing":n,m=e.statusColor,f=void 0===m?"warning":m,v=e.transactionId,S=void 0===v?"":v,k=e.details,_=void 0===k?[]:k,W=e.notes,I=void 0===W?"We appreciate your continuous patronage. Your satisfaction is our top priority!":W,R=e.supportContact,z

1=void 0===R?"":R,B=Object(o.a)(),D=Object(s.a)(B.breakpoints.down("sm")),T=Object(r.useState)(!1),N=Object(l.a)(T,2),F=N[0],P=N[1],E={success:B.palette.success.main,error:B.palette.error.main,warning:B.palette.warning.main,info:B.palette.info.main};return Object(w.jsxs)(d.a,{sx:{p:{xs:2,sm:4},borderRadius:4,boxShadow:8,background:B.palette.background.paper,maxWidth:800,mx:"auto",mt:4},children:[Object(w.jsxs)(b.a,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center",background:"light"===B.palette.mode?"#f5f7fa":B.palette.grey[800],borderRadius:2,p:2,mb:3},children:[Object(w.jsxs)(b.a,{sx:{display:"flex",alignItems:"center"},children:[Object(w.jsx)(b.a,{component:"img",src:i,alt:"logo",sx:{width:56,height:56,borderRadius:2,mr:2}}),Object(w.jsx)(j.a,{variant:"h5",fontWeight:900,color:"primary.main",children:"Invoice"})]}),Object(w.jsxs)(b.a,{sx:{textAlign:"right"},children:[Object(w.jsx)(h.a,{label:a,sx:{bgcolor:E[f]||B.palette.grey[400],color:B.palette.getContrastText(E[f]||B.palette.grey[400]),fontWeight:700,fontSize:14,mb:1,textTransform:"uppercase"}}),Object(w.jsx)(b.a,{sx:{display:"flex",alignItems:"center",justifyContent:"flex-end",gap:1,width:"100%"},children:Object(w.jsx)(C,{value:S,maxWidth:D?"120px":"none",typographyProps:{variant:"subtitle2",fontWeight:700,color:"text.primary",sx:{maxWidth:{xs:"120px",sm:"none"},whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",display:"inline-block",verticalAlign:"middle"}}})})]})]}),Object(w.jsx)(b.a,{sx:{background:"light"===B.palette.mode?"#f9fafb":B.palette.grey[900],borderRadius:2,p:{xs:2,sm:3},mb:3,border:"1px solid ".concat(B.palette.divider)},children:Object(w.jsx)(x.a,{container:!0,spacing:2,children:_.map((function(e,t){return Object(w.jsxs)(c.a.Fragment,{children:[Object(w.jsx)(x.a,{item:!0,xs:6,sm:4,md:4,children:Object(w.jsx)(j.a,{variant:"subtitle2",color:"text.secondary",sx:{fontWeight:700},children:e.label})}),Object(w.jsx)(x.a,{item:!0,xs:6,sm:8,md:8,children:(i=e.label,i.toLowerCase().includes("reference")||i.toLowerCase().includes("transid")||i.toLowerCase().includes("transaction id")?Object(w.jsxs)(b.a,{sx:{display:"flex",alignItems:"center",gap:1,maxWidth:"100%"},children:[Object(w.jsx)(j.a,{variant:e.highlight?"h6":"body1",color:e.highlight?"primary.main":"text.primary",sx:{fontWeight:e.highlight?900:600,whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",maxWidth:D?"150px":"none",display:"inline-block"},children:String(e.value)}),Object(w.jsx)(u.a,{title:F?"Copied!":"Copy to clipboard",children:Object(w.jsx)(p.a,{size:"small",onClick:function(){navigator.clipboard.writeText(String(e.value)),P(!0),setTimeout((function(){return P(!1)}),2e3)},sx:{p:.5,color:F?"success.main":"text.secondary","&:hover":{color:"primary.main",backgroundColor:"transparent"}},children:F?Object(w.jsx)(y.a,{fontSize:"small"}):Object(w.jsx)(g.a,{fontSize:"small"})})})]}):Object(w.jsx)(j.a,{variant:e.highlight?"h6":"body1",color:e.highlight?"primary.main":"text.primary",sx:{fontWeight:e.highlight?900:600},children:e.value}))})]},e.label+t);var i}))})}),Object(w.jsx)(O.a,{sx:{my:3}}),Object(w.jsxs)(x.a,{container:!0,spacing:2,children:[Object(w.jsxs)(x.a,{item:!0,xs:12,md:8,children:[Object(w.jsx)(j.a,{variant:"subtitle2",color:"text.secondary",fontWeight:700,gutterBottom:!0,children:"NOTES"}),Object(w.jsx)(j.a,{variant:"body2",color:"text.secondary",children:I})]}),Object(w.jsxs)(x.a,{item:!0,xs:12,md:4,sx:{textAlign:{xs:"left",md:"right"}},children:[Object(w.jsx)(j.a,{variant:"subtitle2",color:"text.secondary",fontWeight:700,gutterBottom:!0,children:"For support:"}),Object(w.jsx)(j.a,{variant:"body2",color:"text.secondary",children:z})]})]})]})}},1345:function(e,t){},1346:function(e,t){},1347:function(e,t){},1695:function(e,t,i){"use strict";i.r(t),i.d(t,"default",(function(){return T}));var n=i(14),a=i(1),l=i(36),r=i(1312),c=i(1351),o=(i(162),i(20)),s=i(224),d=i(97),b=i(420),j=(i(1325),i(98),i(1323)),h=i(1327);h.b.register({family:"Roboto",fonts:[{src:"/fonts/Roboto-Regular.ttf"},{src:"/fonts/Roboto-Bold.ttf"}]});var x=h.g.create({col4:{width:"25%"},col8:{width:"75%"},col6:{width:"50%"},mb8:{marginBottom:8},mb40:{marginBottom:40},overline:{fontSize:8,marginBottom:8,fontWeight:700,letterSpacing:1.2,textTransform:"uppercase"},h3:{fontSize:16,fontWeight:700},h4:{fontSize:13,fontWeight:700},body1:{fontSize:10},subtitle2:{fontSize:9,fontWeight:700},alignRight:{textAlign:"right"},page:{padding:"40px 24px 0 24px",fontSize:9,lineHeight:1.6,fontFamily:"Roboto",backgroundColor:"#fff",textTransform:"capitalize"},footer:{left:0,right:0,bottom:0,padding:24,margin:"auto",borderTopWidth:1,borderStyle:"solid",position:"absolute",borderColor:"#DFE3E8"},gridContainer:{flexDirection:"row",justifyContent:"space-between"},table:{display:"flex",width:"auto"},tableHeader:{},tableBody:{},tableRow:{padding:"8px 0",flexDirection:"row",borderBottomWidth:1,borderStyle:"solid",borderColor:"#DFE3E8"},noBorder:{paddingTop:8,paddingBottom:0,borderBottomWidth:0},tableCell_1:{width:"5%"},tableCell_2:{width:"50%",paddingRight:16},tableCell_3:{width:"15%"}}),u=i(0);function p(e){var t=e.invoice,i=t.plan_status,n=t.cable_plan,a=t.iuc,l=t.customer_name,r=t.cable_name,c=t.transid,o=t.my_trans_id,d=t.system,b=t.charges,j=t.plan_date,p=t.amount,O=t.oldbal,m=t.newbal;return Object(u.jsx)(h.a,{children:Object(u.jsxs)(h.f,{size:"A4",style:x.page,children:[Object(u.jsxs)(h.i,{style:[x.gridContainer,x.mb40],children:[Object(u.jsx)(h.c,{source:"/upload/welcome.png",style:{height:32}}),Object(u.jsxs)(h.i,{style:{alignItems:"flex-end",flexDirection:"column"},children:[Object(u.jsx)(h.h,{style:x.h3,children:(1===i?"successful":0===i&&"proccessing")||2===i&&"failed"}),Object(u.jsx)(h.h,{children:o})]})]}),Object(u.jsx)(h.h,{style:[x.overline,x.mb8],children:" Cable Subscription Invoice Details"}

1),Object(u.jsxs)(h.i,{style:x.table,children:[Object(u.jsxs)(h.i,{style:x.tableRow,children:[Object(u.jsx)(h.i,{style:x.tableCell_2,children:Object(u.jsx)(h.h,{style:x.subtitle2,children:"Cable Name"})}),Object(u.jsx)(h.h,{children:r})]}),Object(u.jsxs)(h.i,{style:x.tableRow,children:[Object(u.jsx)(h.i,{style:x.tableCell_2,children:Object(u.jsx)(h.h,{style:x.subtitle2,children:"Cable Plan"})}),Object(u.jsx)(h.h,{children:n})]}),Object(u.jsxs)(h.i,{style:x.tableRow,children:[Object(u.jsx)(h.i,{style:x.tableCell_2,children:Object(u.jsx)(h.h,{style:x.subtitle2,children:"Iuc Number"})}),Object(u.jsx)(h.h,{children:a})]}),Object(u.jsxs)(h.i,{style:x.tableRow,children:[Object(u.jsx)(h.i,{style:x.tableCell_2,children:Object(u.jsx)(h.h,{style:x.subtitle2,children:"Customer Name"})}),Object(u.jsx)(h.h,{children:l})]}),Object(u.jsxs)(h.i,{style:x.tableRow,children:[Object(u.jsx)(h.i,{style:x.tableCell_2,children:Object(u.jsx)(h.h,{style:x.subtitle2,children:"Amount"})}),Object(u.jsxs)(h.h,{children:["\u20a6",Object(s.a)(p)]})]}),Object(u.jsxs)(h.i,{style:x.tableRow,children:[Object(u.jsx)(h.i,{style:x.tableCell_2,children:Object(u.jsx)(h.h,{style:x.subtitle2,children:"Charges"})}),Object(u.jsxs)(h.h,{children:["\u20a6",Object(s.a)(b)]})]}),Object(u.jsxs)(h.i,{style:x.tableRow,children:[Object(u.jsx)(h.i,{style:x.tableCell_2,children:Object(u.jsx)(h.h,{style:x.subtitle2,children:"Old Balance"})}),Object(u.jsxs)(h.h,{children:["\u20a6",Object(s.a)(O)]})]}),Object(u.jsxs)(h.i,{style:x.tableRow,children:[Object(u.jsx)(h.i,{style:x.tableCell_2,children:Object(u.jsx)(h.h,{style:x.subtitle2,children:"New Balance"})}),Object(u.jsxs)(h.h,{children:["\u20a6",Object(s.a)(m)]})]}),Object(u.jsxs)(h.i,{style:x.tableRow,children:[Object(u.jsx)(h.i,{style:x.tableCell_2,children:Object(u.jsx)(h.h,{style:x.subtitle2,children:"Client Reference ID"})}),Object(u.jsx)(h.h,{children:c})]}),Object(u.jsxs)(h.i,{style:x.tableRow,children:[Object(u.jsx)(h.i,{style:x.tableCell_2,children:Object(u.jsx)(h.h,{style:x.subtitle2,children:"System"})}),Object(u.jsx)(h.h,{children:d})]}),Object(u.jsxs)(h.i,{style:x.tableRow,children:[Object(u.jsx)(h.i,{style:x.tableCell_2,children:Object(u.jsx)(h.h,{style:x.subtitle2,children:"Date"})}),Object(u.jsx)(h.h,{children:j})]})]}),Object(u.jsx)(h.i,{style:[x.gridContainer,x.footer],children:Object(u.jsxs)(h.i,{style:x.col8,children:[Object(u.jsx)(h.h,{style:x.subtitle2,children:"NOTES"}),Object(u.jsx)(h.h,{children:" We appreciate your continuous patronage. Your satisfaction is our top priority!"})]})})]})})}var O=i(2),m=i(24),g=i(5),f=i(1212),y=i(119),v=i(1461),w=i(1210),C=i(1215),S=i(1322),k=i(32),_=i(46),W=["invoice"],I=Object(g.a)("div")((function(e){return{display:"flex",alignItems:"center",justifyContent:"flex-end",marginBottom:e.theme.spacing(5)}}));function R(e){var t=e.invoice,i=Object(m.a)(e,W),l=Object(a.useState)(!1),r=Object(n.a)(l,2),c=r[0],o=r[1];return Object(u.jsxs)(I,Object(O.a)(Object(O.a)({},i),{},{children:[Object(u.jsx)(f.a,{color:"info",size:"small",variant:"contained",onClick:function(){o(!0)},endIcon:Object(u.jsx)(k.a,{icon:"eva:eye-fill"}),sx:{mx:1},children:"Preview"}),Object(u.jsx)(h.d,{document:Object(u.jsx)(p,{invoice:t}),fileName:"INVOICE-".concat(t.id),style:{textDecoration:"none"},children:function(e){var t=e.loading;return Object(u.jsx)(S.a,{size:"small",color:"error",loading:t,variant:"contained",loadingPosition:"end",endIcon:Object(u.jsx)(k.a,{icon:"eva:download-fill"}),children:"Download"})}}),Object(u.jsx)(_.a,{fullScreen:!0,open:c,children:Object(u.jsxs)(y.a,{sx:{height:"100%",display:"flex",flexDirection:"column"},children:[Object(u.jsx)(v.a,{sx:{zIndex:9,padding:"12px !important",boxShadow:function(e){return e.customShadows.z8}},children:Object(u.jsx)(w.a,{title:"Close",children:Object(u.jsx)(C.a,{color:"inherit",onClick:function(){o(!1)},children:Object(u.jsx)(k.a,{icon:"eva:close-fill"})})})}),Object(u.jsx)(y.a,{sx:{flexGrow:1,height:"100%",overflow:"hidden"},children:Object(u.jsx)(h.e,{width:"100%",height:"100%",style:{border:"none"},children:Object(u.jsx)(p,{invoice:t})})})]})})]}))}var z=i(38),B=i(49),D=i(1337);function T(){var e=Object(d.a)().themeStretch,t=Object(l.h)().name,i=void 0===t?"":t,h=Object(a.useState)(""),x=Object(n.a)(h,2),p=x[0],O=x[1],m=Object(B.a)().setting,g=Object(a.useState)(!0),f=Object(n.a)(g,2),y=f[0],v=f[1];return Object(a.useEffect)((function(){z.a.get("/api/cable/trans/".concat(i,"/secure")).then((function(e){var t;O(null===(t=e.data)||void 0===t?void 0:t.trans),v(!1)})).catch((function(){return v(!1)}))}),[i,O]),Object(u.jsx)(b.a,{title:"Cable Sub: Invoice",children:Object(u.jsxs)(r.a,{maxWidth:!e&&"lg",children:[Object(u.jsx)(j.a,{heading:"Cable Subscription Invoice",links:[{name:"Dashboard",href:o.c.root},{name:"cable sub - Invoice"}]}),p&&Object(u.jsx)(R,{invoice:p}),p&&function(){var e,t="Processing",i="warning";return 1===p.plan_status?(t="Successful",i="success"):2===p.plan_status&&(t="Failed",i="error"),Object(u.jsx)(D.a,{logo:"/upload/welcome.png",status:t,statusColor:i,transactionId:p.my_trans_id,details:[{label:"Cable Provider",value:p.cable_name},{label:"Plan Name",value:p.plan_name},{label:"IUC Number",value:p.iuc},{label:"Customer Name",value:p.customer_name},{label:"Amount",value:"\u20a6".concat(Object(s.a)(p.amount)),highlight:!0},{label:"Old Balance",value:"\u20a6".concat(Object(s.a)(p.oldbal))},{label:"New Balance",value:"\u20a6".concat(Object(s.a)(p.newbal))},{label:"Client Reference ID",value:p.transid},{label:"System",value:p.system},{label:"Date",value:p.plan_date}],notes:"We appreciate your continuous patronage. Your satisfaction is our top priority!",supp

1ortContact:null===m||void 0===m||null===(e=m.general)||void 0===e?void 0:e.app_email})}(),y&&Object(u.jsx)(c.a,{sx:{position:"fixed",top:0,left:0,right:0,zIndex:function(e){return e.zIndex.drawer+1}}})]})})}}}]);
2//# sourceMappingURL=42.6be91a2c.chunk.js.map