https://demo.safsims.com/static/js/8502.97e06f36.chunk.js

1"use strict";(self.webpackChunksafsims=self.webpackChunksafsims||[]).push([[8502],{32375(e,t,o){o.d(t,{A:()=>S});var r=o(88094),l=o(2667),c=o.n(l),s=o(73026),i=o(408),n=o(13190);const a=function(e){const[t,o]=(0,r.useState)(!1),l=(0,r.useMemo)(()=>new IntersectionObserver(e=>{let[t]=e;return o(t.isIntersecting)}),[e]);return(0,r.useEffect)(()=>(e.current&&l.observe(e.current),()=>l.disconnect()),[e.current]),t};var d=o(95069),u=o(54737),x=o(15678);const p=e=>{let{question:t,onClose:o,onSubmit:l}=e;const[c,i]=(0,r.useState)(null);return(0,x.jsxs)(s.ModalBody,{width:"500px",align:"center",children:[(0,x.jsx)(s.ModalClose,{onClick:o,children:"\xd7"}),(0,x.jsx)(s.Box,{pad:"20px 30px 10px",children:(0,x.jsx)(s.Text,{block:!0,size:"18px",style:{fontWeight:"500"},children:t})}),(0,x.jsx)(s.Box,{pad:"20px",children:(0,x.jsxs)("div",{style:{width:"100%"},children:[(0,x.jsx)("div",{style:{display:"flex",justifyContent:"space-between",gap:"8px",marginBottom:"16px"},children:Array.from({length:11},(e,t)=>(0,x.jsx)(d.A,{onClick:()=>i(t),style:{width:"40px",height:"40px",borderRadius:"4px",justifyContent:"center",border:"2px solid ".concat(c===t?"#0066F5":"#E5E7EB"),backgroundColor:c===t?"#0066F5":"white",color:c===t?"#fff":u.S.PrimaryGrey,fontSize:"16px"},onMouseEnter:e=>{c!==t&&(e.currentTarget.style.borderColor="#0066F5",e.currentTarget.style.backgroundColor="#F0F7FF")},onMouseLeave:e=>{c!==t&&(e.currentTarget.style.borderColor="#E5E7EB",e.currentTarget.style.backgroundColor="white")},children:t},t))}),(0,x.jsxs)("div",{style:{display:"flex",justifyContent:"space-between",width:"100%"},children:[(0,x.jsx)("span",{style:{color:u.S.PrimaryGrey,fontSize:"12px"},children:"Not at all likely"}),(0,x.jsx)("span",{style:{color:u.S.PrimaryGrey,fontSize:"12px"},children:"Extremely likely"})]})]})}),(0,x.jsx)(s.ModalFooter,{children:(0,x.jsxs)(s.Box,{pad:"20px",align:"right",children:[(0,x.jsx)(d.A,{spaceLeft:!0,spaceRight:!0,disabled:null===c,onClick:()=>l(c),children:"Submit"}),(0,x.jsx)(d.A,{pale:!0,onClick:e=>{e.stopPropagation(),o()},color:u.S.PrimaryGrey,fontColor:u.S.PrimaryGrey,spaceRight:!0,children:"Close"})]})})]})},y=e=>{let{question:t,onClose:o,onSubmit:l}=e;const[c,i]=(0,r.useState)(null);return(0,x.jsxs)(s.ModalBody,{width:"350px",align:"center",children:[(0,x.jsx)(s.ModalClose,{onClick:o,children:"\xd7"}),(0,x.jsx)(s.Box,{pad:"20px 30px 10px",children:(0,x.jsx)(s.Text,{block:!0,size:"18px",style:{fontWeight:"500"},children:t})}),(0,x.jsx)(s.Box,{pad:"20px",children:(0,x.jsxs)("div",{style:{width:"100%"},children:[(0,x.jsx)("div",{style:{display:"flex",justifyContent:"center",gap:"12px",marginBottom:"8px"},children:[{value:1,emoji:"\ud83d\ude1e"},{value:2,emoji:"\ud83d\ude41"},{value:3,emoji:"\ud83d\ude10"},{value:4,emoji:"\ud83d\ude42"},{value:5,emoji:"\ud83d\ude04"}].map(e=>{let{value:t,emoji:o}=e;return(0,x.jsx)(d.A,{onClick:()=>(e=>{i(e)})(t),style:{width:"48px",height:"48px",borderRadius:"50%",border:"2px solid ".concat(c===t?"#0066F5":"#E5E7EB"),backgroundColor:c===t?"#0066F5":"white",color:c===t?"#fff":u.S.PrimaryGrey,transition:"all 0.2s ease",fontSize:"20px",display:"flex",alignItems:"center",justifyContent:"center",cursor:"pointer",flexShrink:0},onMouseEnter:e=>{c!==t&&(e.currentTarget.style.borderColor="#0066F5",e.currentTarget.style.backgroundColor="#F0F7FF")},onMouseLeave:e=>{c!==t&&(e.currentTarget.style.borderColor="#E5E7EB",e.currentTarget.style.backgroundColor="white")},children:o},t)})}),(0,x.jsxs)("div",{style:{display:"flex",justifyContent:"space-between",width:"100%",paddingLeft:"20px",paddingRight:"20px"},children:[(0,x.jsx)("span",{style:{color:u.S.PrimaryGrey,fontSize:"12px",textAlign:"left",maxWidth:"120px",marginLeft:"-12px"},children:"Very Dissatisfied"}),(0,x.jsx)("span",{style:{color:u.S.PrimaryGrey,fontSize:"12px",textAlign:"right",maxWidth:"120px",marginRight:"-12px"},children:"Very Satisfied"})]})]})}),(0,x.jsx)(s.ModalFooter,{children:(0,x.jsxs)(s.Box,{pad:"20px",align:"right",children:[(0,x.jsx)(d.A,{spaceLeft:!0,spaceRight:!0,disabled:null===c,onClick:()=>{null!==c&&l(c)},children:"Submit"}),(0,x.jsx)(d.A,{pale:!0,onClick:e=>{e.stopPropagation(),o()},color:u.S.PrimaryGrey,fontColor:u.S.PrimaryGrey,spaceRight:!0,children:"Close"})]})})]})};var m=o(23536);let h;const S=e=>{let{id:t,type:o,time_ms:l,stopAutoTimer:d,question:u}=e;const[S,f]=(0,r.useState)(!1),g=(0,i.sf)(),v=(0,r.useCallback)(e=>{const o=localStorage.getItem(n.aI),r=o?JSON.parse(o):{},l=c()().utc().format("YYYY-MM"),s=Object.values(r).some(t=>t.type===e&&c()(t.date).format("YYYY-MM")===l),i="true"===localStorage.getItem("survey_".concat(t,"_shown_").concat(l));return!s&&!i},[t]),j=()=>{f(!1),null===g||void 0===g||g.capture("survey dismissed",{$survey_id:t,$survey_type:o})},C=e=>{f(!1),null===g||void 0===g||g.capture("survey sent",{$survey_id:t,$survey_type:o,$survey_response:e});const r=localStorage.getItem(n.aI),l=r?JSON.parse(r):{};l[t]={id:t,type:o,date:c()().utc().format()},(0,m.lk)(n.aI,l);const s=c()().utc().format("YYYY-MM");localStorage.setItem("survey_".concat(t,"_shown_").concat(s),"true")},b=(0,r.useCallback)(()=>

1{if(!v(o))return;f(!0),null===g||void 0===g||g.capture("survey shown",{$survey_id:t});const e=c()().utc().format("YYYY-MM");localStorage.setItem("survey_".concat(t,"_shown_").concat(e),"true")},[t,o,g,v]);(0,r.useEffect)(()=>(l&&!d&&(h=setTimeout(()=>b(),l)),()=>{h&&clearTimeout(h)}),[l,b,d]),(0,r.useEffect)(()=>{const e=c()().utc().format("YYYY-MM"),t=localStorage.getItem("lastSeenMonth");t!==e&&(Object.keys(localStorage).forEach(e=>{e.startsWith("survey_")&&e.endsWith("_shown_".concat(t))&&localStorage.removeItem(e)}),localStorage.setItem("lastSeenMonth",e))},[]);const k=()=>(0,x.jsx)(r.Fragment,{children:(0,x.jsx)(s.Modal,{onClose:j,open:S,children:"NPS"===o?(0,x.jsx)(p,{question:u,onClose:j,onSubmit:C}):(0,x.jsx)(y,{question:u,onClose:j,onSubmit:C})})});return{onOpenFeedback:b,onCloseFeedback:j,FeedbackModal:k,VisibleFeedbackModal:()=>{const e=(0,r.useRef)(null),[t,o]=(0,r.useState)(!1),c=a(e);return(0,r.useEffect)(()=>{!t&&c&&(o(!0),h=setTimeout(()=>b(),l))},[c,t]),(0,x.jsx)("div",{ref:e,children:(0,x.jsx)(k,{})})}}}},38502(e,t,o){o.r(t),o.d(t,{default:()=>C});var r=o(73026),l=o(95069),c=o(77554),s=o(54737),i=o(88094),n=o(70369),a=o(22358),d=o(23373),u=o(96540),x=o(57519),p=o(85970),y=o(23536),m=o(92467),h=o(47545),S=o(32375),f=o(13190),g=o(12868),v=o(15678);const j=(0,p.createStructuredSelector)({paymentStatus:u.LY,loading:u.Di,activeChildPayment:x.Zj}),C=(0,a.connect)(j)(e=>{let{paymentStatus:t,loading:o,activeChildPayment:a}=e;const u=(0,d.Zp)(),{isDirectPay:x}=(0,h.A)(),{FeedbackModal:p}=(0,S.A)({id:f.Kv,type:"CSAT",time_ms:5e3,question:"How satisfied are you with using SAFSIMS?"}),j=()=>{u(x?-3:"/school-fees")};return(0,i.useEffect)(()=>{if(t&&"successful"===t){u(x?"/direct-payment-success":"/payment-success")}},[t,u]),(0,v.jsxs)(r.Box,{pad:"32px",children:[(0,v.jsx)(n.A,{query:"(max-width: 480px)",children:e=>e?(0,v.jsx)(r.Box,{width:"85%",align:"center",margin:"8% auto",children:o?(0,v.jsx)(r.Box,{pad:"150px 0",children:(0,v.jsx)(r.Loader,{color:s.S.PrimaryColor,section:!0})}):(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)("img",{src:m.A,height:"140px"}),(0,v.jsx)(r.Spacer,{space:"40px"}),(0,v.jsxs)(r.Text,{block:!0,size:"20px",color:"#373737",style:{fontWeight:"bolder"},children:[" ","Payment","failed"===(null===t||void 0===t?void 0:t.toLowerCase())?" Failed":" Unverified"," "]}),(0,v.jsx)(r.Spacer,{space:"30px"}),(0,v.jsxs)(r.Text,{size:"16px",color:"#373737",style:{lineHeight:"25px"},children:[" ","Your payment of",(0,v.jsxs)(r.Text,{bold:!0,color:s.S.PrimaryRed,children:[" ",(0,v.jsx)(c.A,{amount:null===a||void 0===a?void 0:a.paymentAmount})]})," ","for",a.isBulk?(0,v.jsx)(r.Text,{children:" your children "}):(0,v.jsxs)(r.Text,{bold:!0,children:[" ",(0,y.wo)({data:a})," "]}),"failed"===(null===t||void 0===t?void 0:t.toLowerCase())?" was unsuccessful":" is pending verification","."]}),(0,v.jsx)(r.Spacer,{space:"60px"}),(0,v.jsx)(l.A,{pale:!0,color:s.S.PrimaryFontColor,fontColor:s.S.PrimaryFontColor,onClick:()=>j(),iconLeft:(0,v.jsx)(g.A,{name:"saf-arrow-left-2",size:16}),children:"Go back"})]})}):(0,v.jsx)(r.Box,{width:"40%",align:"center",margin:"8% auto",children:o?(0,v.jsx)(r.Box,{pad:"150px 0",children:(0,v.jsx)(r.Loader,{color:s.S.PrimaryColor,section:!0})}):(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)("img",{src:m.A,height:"140px",alt:"Payment failed"}),(0,v.jsx)(r.Spacer,{space:"40px"}),(0,v.jsxs)(r.Text,{block:!0,size:"30px",color:"#373737",style:{fontWeight:"bolder"},children:[" ","Payment","failed"===(null===t||void 0===t?void 0:t.toLowerCase())?" Failed":" Unverified"," "]}),(0,v.jsx)(r.Spacer,{space:"30px"}),(0,v.jsxs)(r.Text,{size:"16px",color:"#373737",style:{lineHeight:"25px"},children:[" ","Your payment of",(0,v.jsxs)(r.Text,{bold:!0,color:s.S.PrimaryRed,children:[" ",(0,v.jsx)(c.A,{amount:null===a||void 0===a?void 0:a.paymentAmount})]})," ","for",a.isBulk?(0,v.jsx)(r.Text,{bold:!0,children:" your children "}):(0,v.jsxs)(r.Text,{bold:!0,children:[" ",(0,y.wo)({data:a})," "]}),"failed"===(null===t||void 0===t?void 0:t.toLowerCase())?" was unsuccessful":" is pending verification","."]}),(0,v.jsx)(r.Spacer,{space:"60px"}),(0,v.jsx)(l.A,{color:"#FFF",fontColor:s.S.PrimaryColor,onClick:()=>j(),children:"Go back"})]})})}),(0,v.jsx)(p,{})]})})},47545(e,t,o){o.d(t,{A:()=>l});var r=o(23373);const l=()=>{var e;const t=(0,r.zy)();return{isDirectPay:"/direct"===t.pathname.split("").slice(0,7).join("")||"/make-direct"===(null===(e=t.pathname.split("").slice(0,12))||void 0===e?void 0:e.join(""))}}},77554(e,t,o){o.d(t,{A:()=>d});var r=o(76819),l=o.n(r),c=o(78270),s=o(49345),i=o(23536),n=o(15678);const a=new s.ToWords({localeCode:"en-NG",converterOptions:{currency:!0,ignoreDecimal

1:!1,ignoreZeroCurrency:!1,doNotAddOnly:!1}}),d=e=>{var t,o,r,s;let{amount:d,showRoundedOnMobile:u,showInWords:x}=e;const p=(0,c.G)(e=>e.config.schoolInfo),y=null!==(t=null===p||void 0===p||null===(o=p.basic_school_information_dto)||void 0===o?void 0:o.currency)&&void 0!==t?t:"NGN",m=null!==(r=null===(s=i.zA[y])||void 0===s?void 0:s.symbol)&&void 0!==r?r:"\u20a6",h=void 0===d||null===d||isNaN(Number(d))?"":null===a||void 0===a?void 0:a.convert(Number(d)),S=y+new Intl.NumberFormat("en-GB",{notation:"compact",compactDisplay:"short"}).format(parseFloat("".concat(d)));return(0,n.jsx)(n.Fragment,{children:x&&h?(0,n.jsx)("span",{children:h}):u?S:(0,n.jsx)(l(),{value:d,displayType:"text",thousandSeparator:!0,prefix:"".concat(m," ")})})}},78270(e,t,o){o.d(t,{G:()=>r});const r=o(22358).useSelector},96540(e,t,o){o.d(t,{BD:()=>j,DX:()=>d,Di:()=>c,EH:()=>P,Ey:()=>w,FI:()=>L,F_:()=>u,Im:()=>i,JV:()=>y,Kw:()=>B,LT:()=>N,LY:()=>_,Mm:()=>E,R9:()=>T,TN:()=>M,VB:()=>s,Ww:()=>n,XL:()=>F,Yn:()=>A,cH:()=>g,cQ:()=>h,dr:()=>C,dy:()=>R,hs:()=>S,nq:()=>p,o9:()=>b,oy:()=>a,ps:()=>v,t1:()=>G,tq:()=>I,v$:()=>m,v6:()=>f,yN:()=>z,yU:()=>x,zL:()=>Y,zx:()=>k});var r=o(85970);const l=e=>e.invoice,c=(0,r.createSelector)([l],e=>e.isLoading),s=(0,r.createSelector)([l],e=>e.buttonLoading),i=(0,r.createSelector)([l],e=>e.deleteButtonLoading),n=(0,r.createSelector)([l],e=>e.listOfInvoices),a=(0,r.createSelector)([l],e=>e.listOfClassLevel),d=(0,r.createSelector)([l],e=>e.listOfSessions),u=((0,r.createSelector)([l],e=>e.listOfItems),(0,r.createSelector)([l],e=>e.invoiceModal)),x=(0,r.createSelector)([l],e=>e.isFetchingTerms),p=(0,r.createSelector)([l],e=>e.listOfTerms),y=(0,r.createSelector)([l],e=>e.allTerms),m=(0,r.createSelector)([l],e=>e.total),h=(0,r.createSelector)([l],e=>e.editModal),S=(0,r.createSelector)([l],e=>e.currentInvoice),f=(0,r.createSelector)([l],e=>e.deleteModal),g=(0,r.createSelector)([l],e=>e.studentInvoices),v=(0,r.createSelector)([l],e=>e.addInvoiceItemModal),j=(0,r.createSelector)([l],e=>e.editDiscountModal),C=(0,r.createSelector)([l],e=>e.invoiceDiscount),b=(0,r.createSelector)([l],e=>e.invoiceDiscountModal),k=(0,r.createSelector)([l],e=>e.editDiscountItem),w=(0,r.createSelector)([l],e=>e.deleteItemModal),M=(0,r.createSelector)([l],e=>e.paymentRegistrationModal),F=(0,r.createSelector)([l],e=>e.makePaymentModal),P=(0,r.createSelector)([l],e=>e.receiptModal),T=(0,r.createSelector)([l],e=>e.outstandingBillModal),I=(0,r.createSelector)([l],e=>e.checkout),A=(0,r.createSelector)([l],e=>e.invoiceSummary),B=(0,r.createSelector)([l],e=>e.receipts),L=(0,r.createSelector)([l],e=>e.activeReceipt),Y=(0,r.createSelector)([l],e=>e.paymentLink),_=(0,r.createSelector)([l],e=>e.paymentStatus),E=(0,r.createSelector)([l],e=>e.transactionLogDetails),z=(0,r.createSelector)([l],e=>e.logLoader),G=(0,r.createSelector)([l],e=>e.editItemQuantities),N=((0,r.createSelector)([l],e=>e.revenueSummary),(0,r.createSelector)([l],e=>e.revenueStatistics),(0,r.createSelector)([l],e=>e.total_logs)),R=((0,r.createSelector)([l],e=>e.singlePageCheckout),(0,r.createSelector)([l],e=>e.directPayLink),(0,r.createSelector)([l],e=>e.directPayModal),(0,r.createSelector)([l],e=>e.bulkCheckoutInfo));(0,r.createSelector)([l],e=>e.makeBulkPaymentModal)}}]);