1(self.webpackChunk_bankup_web_retail=self.webpackChunk_bankup_web_retail||[]).push([[1047],{18230(e,n,t){"use strict";t.r(n),t.d(n,{default:()=>la});var a=t(43207),l=t(18188),i=t(61249),r=t(72176),o=t(2438),c=t(18906),s=t(49388),d=t(82194),m=t(27882),u=t(99339),p=t(9534),f=t(85211),x=t.n(f),g=t(48155),h=t(47864),v=t(62108);const b=e=>{let n=e.service,t=e.adapter,a=e.assets,l=e.isPushNotif,o=e.phoneNumber,c=e.actionButtonProps,s=e.currentUser;console.log("currentUser",s);const d=(0,r.useState)(!1),m=(0,i.A)(d,2),u=m[0],p=m[1];n.events.on("SHOW_FACTURE_MODAL",()=>{p(!0)});const f=()=>{p(!1)},x=(0,r.useState)(!1),h=(0,i.A)(x,2),v=h[0],b=h[1];return(0,r.useEffect)(()=>{b(!0)},[s]),r.createElement(r.Fragment,null,r.createElement(g.g,{skeleton:()=>r.createElement(t.skeletonView,null),loader:()=>n.loadByAccount(s),error:()=>r.createElement(t.errorView,{onReload:()=>n.loadByAccount(s)}),render:(e,i)=>r.createElement(t.mainView,{reloadOperations:v,reload:()=>{i(),b(!1)},service:n,operations:e,actionButtonProps:c,assets:a,closeModal:f,showModal:u,adapter:t,isPushNotif:l,phoneNumber:o})}))},y=e=>{let n=e.service,t=e.adapter,a=e.assets,l=e.phoneNumber,i=e.isPushNotif,o=e.actionButtonProps,c=e.tenant,s=e.design,d=e.icons,m=e.currentUser;const u={is1280View:(0,v.A)("(max-width:1280px)"),is1024View:(0,v.A)("(max-width:1024px)"),is768View:(0,v.A)("(max-width:768px)"),is414View:(0,v.A)("(max-width:414px)"),is320View:(0,v.A)("(max-width:320px)")};return r.createElement(h.Ci,{featureConfigs:{tenant:c,design:s,views:u,icons:d}},r.createElement(r.Fragment,null,r.createElement(b,{assets:a,service:n,adapter:t,phoneNumber:l,isPushNotif:i,actionButtonProps:o,design:s,currentUser:m})))};var E,A=t(30018),w=t(82982),N=t(14420),k=t(49444),C=t(2282),S=t(63681),T=t(21486),_=t(57683),R=t(86896),I=t(63037);const O=e=>{let n=e.onClick,t=e.label,a=e.style;return r.createElement(M,{onClick:n,style:a},t)},M=R.A.button(E||(E=(0,a.A)(["\n outline: unset;\n border: none;\n padding: 13px 29px;\n border-radius: 12px;\n background-color: ",";\n font-size: 12px;\n margin-right: 10px;\n margin-bottom: 5px;\n"])),I.z.palette.secondary[500]);var B;const z=e=>{let n=e.image,t=e.label,a=e.onClick,l=e.className;return r.createElement(P,{className:null!==l&&void 0!==l?l:"",onClick:a},r.createElement("img",{className:"image",src:n}),r.createElement("div",{className:"label"},t.toUpperCase()))},P=R.A.div(B||(B=(0,a.A)(["\n width: 185px;\n min-height: 145px;\n border-radius: 10px;\n border: solid 1px #d4d4dd;\n text-align:center;\n padding: 15px;\n cursor: pointer;\n &.design-R2{\n border: none;\n background-color: white;\n }\n\n .label {\n font-family: Montserrat;\n font-size: 13px;\n font-weight: 500;\n font-stretch: normal;\n font-style: normal;\n line-height: 2.15;\n letter-spacing: normal;\n text-align: center;\n color: #333333;\n @media (max-width: 475px) {\n text-align: left;\n\n }\n }\n\n .image {\n width: 60px;\n height: 47px;\n margin-bottom: 16px;\n @media (max-width: 475px) {\n margin-bottom: 0px;\n margin-right:10px;\n }\n }\n\n\n @media (max-width: 475px) {\n width:100%;\n display:flex;\n align-items:center;\n min-height: 0px;\n }\n\n"])));var F,L,$,j=t(30914),U=t.n(j),Y=t(26467),D=t(36390);const V=e=>{let n=e.facturiers,t=e.handleSelectFacturier;e.assets;const a=r.useState(window.innerWidth),l=(0,i.A)(a,2),o=l[0],c=l[1],s=(0,h.VS)().design;r.useEffect(()=>{console.log("width : "+o),window.addEventListener("resize",()=>c(window.innerWidth))},[]);const d=[];U()(n,"category").map(e=>{d.push(e.category)});const m=(0,r.useState)("all"),u=(0,i.A)(m,2),p=u[0],f=u[1],x=(0,r.useState)(n),g=(0,i.A)(x,2),v=g[0],b=g[1],y=e=>{f(e),b("all"===e?n:n.filter(n=>n.category===e))},E=(e,n)=>n===D.pT.R2?{backgroundColor:p===e?"#090941":"transparent",border:p===e?"none":"solid 1px #b8b8ca",color:p===e?"white":"#51516c",fontFamily:"Source Sans Pro",fontSize:"13px",textTransform:"upperCase",borderRadius:100}:{backgroundColor:p===e?"#ecfaef":"#f4f4fa"};return r.createElement(r.Fragment,null,r.createElement(W,null),r.createElement("div",{style:{maxWidth:"100%"}},r.createElement(Y.W,{length:d.length<3?d.length:3},d.length>1&&r.createElement("div",{key:-1,style:{paddingRight:5}},r.createElement(O,{onClick:()=>y("all"),style:E("all",s),label:_$translate("bills.selectBiller.showAll")})),d.map((e,n)=>r.createElement("div",{key:n,style:{paddingRight:5}},r.createElement(O,{onClick:()=>y(e),style:E(e,s),label:e.toUpperCase()}))))),r.createElement(W,null),r.createElement(q,{className:"d-flex flex-wrap"},v.map((e,n)=>r.createElement(H,{key:n},r.createElement(z,{className:"design-".concat(s),image:e.logoPath,label:e.name,onClick:()=>t(e)})))))},H=R.A.div(F||(F=(0,a.A)(["\n margin-right: 10px;\n margin-top: 5px;\n margin-bottom: 5px;\n"]))),W=R.A.div(L||(L=(0,a.A)(["\n margin-top: 20px;\n"]))),q=R.A.div($||($=(0,a.A)(["\n @media (max-width: 475px) {\n display: flex;\n flex-direction: column;\n }\n"])));var G,Z=t(28012),X=t(23889),K=t(8702);let J={};const Q=e=>{let n=e.onSubmit,t=e.onCancel,a=e.form,i=e.reloadBillerForm,c=e.reload,s=e.FormCheck,d=e.favoriteBillerId,m=null;const u="required.field",p=(0,h.VS)().design;(0,r.useEffect)(()=>{i&&c()},[i]);const f=[];console.log("favoriteBillerId ",d);const x=a.fields.length;a.fields.map((e,n)=>{const t="billref"===e.id;var a,l;(t&&(m=d),n+1==x)?f.push({name:e.id,type:e.type,label:e.label?e.label:"-",defaultValue:t&&d,values:null===(a=e.values)||void 0===a?void 0:a.map(e=>({name:e.label,value:e.id})),help:r.createElement(r.Fragment,null,s.checkError&&r.createElement("div",{style:{display:"flex",flexDirection:"column",textAlign:"left"}},r.createElement("div",{style:{marginBottom:"25px",marginTop:"15p
1x"}},r.createElement("span",{style:{textAlign:"left",color:"#f44336",marginTop:5}},r.createElement(K.$4v,{size:14,style:{marginRight:6}})," ",_$translate(s.errorMsg)))))}):f.push({name:e.id,type:e.type,label:e.label?e.label:"-",defaultValue:t&&d,values:null===(l=e.values)||void 0===l?void 0:l.map(e=>({name:e.label,value:e.id}))})});const g=(0,o.A)();m?J.billref=m:J={};const v={onSubmit:n,onCancel:t,fields:f,initialValues:J,validation:Z.Ik().shape(a.fields.reduce((e,n)=>{const t=n.format&&n.format.length>0&&"TEXT"===n.type;return"billref"===n.id&&d||(n.required&&t?(console.log("regex ",n.format.slice(1,-1)),e[n.id]=Z.Yj().required(_$translate(u)).matches(new RegExp(n.format.slice(1,-1)),n.label+" renseign\xe9 n'est pas conforme. Veuillez r\xe9essayer")):(n.required,e[n.id]=Z.Yj().required(_$translate(u)))),e},{})),submitText:g.formatMessage({id:"action.title.continue"}),cancelText:g.formatMessage({id:"action.title.cancel"}),setError:()=>{s.checkError=!1}};return r.createElement(ee,{className:"design-".concat(p)},r.createElement(X.l,(0,l.A)({},v)))},ee=R.A.div(G||(G=(0,a.A)(["\n display: flex;\n flex-direction: column;\n font-size: 12px;\n text-align: center;\n font-weight: 400;\n width: 100%;\n &.design-R2 {\n margin-top: 20px;\n }\n .actions {\n display: flex;\n flex-direction: column;\n padding: 0 20px;\n }\n"])));var ne,te,ae,le,ie,re,oe,ce,se,de,me,ue,pe,fe,xe,ge,he=t(356);const ve=R.A.div(ne||(ne=(0,a.A)(["\n @media (max-width: ","px) {\n width: 97%;\n }\n width: 49%;\n &.design-r2 {\n @media (max-width: ","px) {\n width: 100%;\n }\n width: 49%;\n }\n"])),I.z.breakpoints.values.sm,I.z.breakpoints.values.md),be=R.A.div(te||(te=(0,a.A)(["\n width: 100%;\n .primary-text {\n color: #333333;\n }\n .secondary-text {\n font-weight: 600;\n color: #000000;\n }\n"]))),ye=R.A.div(ae||(ae=(0,a.A)(["\n font-size: 11px;\n padding: 5px 15px;\n margin: 11px 0;\n background-color: #f8f8ff;\n border-radius: 10px;\n :hover {\n background-color: #fffded;\n }\n"]))),Ee=(R.A.span(le||(le=(0,a.A)(["\n font-weight: 600;\n"]))),R.A.div(ie||(ie=(0,a.A)(["\n .primary-text {\n font-weight: 500;\n color: #333333;\n }\n .secondary-text {\n color: #000000;\n font-weight: 500;\n }\n .schema {\n font-weight: 600;\n }\n"]))),R.A.button(re||(re=(0,a.A)(["\n border: none;\n padding: 16px 35px;\n margin: 5px 0;\n position: relative;\n border-radius: 15px;\n font-size: 11px;\n font-weight: 500;\n background-color: #ffdddd;\n color: #333333;\n :focus {\n outline: none;\n }\n"]))),R.A.span(oe||(oe=(0,a.A)(["\n font-size: 13px;\n font-weight: 500;\n color: #484848;\n"]))),R.A.div(ce||(ce=(0,a.A)(["\n border-radius: 50%;\n border: solid 1px #000000;\n width: 24px;\n height: 24px;\n font-size: 12px;\n font-weight: normal;\n display: flex;\n justify-content: center;\n align-items: center; ;\n"])))),Ae=R.A.span(se||(se=(0,a.A)(["\n margin-left: 8px;\n font-size: 14px;\n font-weight: 600; ;\n"])));R.A.div(de||(de=(0,a.A)(["\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: 30px 50px;\n width: 400px;\n margin: auto;\n .title {\n font-size: 17px;\n font-weight: 600;\n margin-top: 24px;\n margin-bottom: 17px;\n }\n"]))),R.A.div(me||(me=(0,a.A)(["\n font-size: 11px;\n font-weight: 500;\n"]))),R.A.hr(ue||(ue=(0,a.A)(["\n display: block;\n height: 1px;\n border: 0;\n border-top: 1px solid #f4f4f4;\n margin: 20px -20px;\n padding: 0;\n"]))),R.A.div(pe||(pe=(0,a.A)(["\n @media (max-width: ","px) {\n display: inline;\n }\n display: flex;\n justify-content: space-between;\n .actions {\n display: flex;\n flex-direction: column;\n width: 300px;\n margin: auto;\n }\n .form {\n display: flex;\n justify-content: space-between;\n @media (max-width: ","px) {\n flex-direction: column;\n }\n }\n .input-container {\n width: 48%;\n @media (max-width: ","px) {\n width: 100%;\n }\n }\n"])),I.z.breakpoints.values.xs,I.z.breakpoints.values.sm,I.z.breakpoints.values.sm),R.A.div(fe||(fe=(0,a.A)(["\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: 0px 15px;\n width: 400px;\n margin: auto;\n .title {\n font-size: 17px;\n font-weight: 600;\n margin-top: 24px;\n margin-bottom: 17px;\n }\n"]))),R.A.div(xe||(xe=(0,a.A)(["\n display: flex;\n span {\n font-size: 10px;\n font-weight: 500;\n color: var(--brownish-grey);\n margin-left: 7px;\n }\n @media (max-width: ","px) {\n span {\n font-size: 9px;\n }\n }\n"])),I.z.breakpoints.values.xs),R.A.div(ge||(ge=(0,a.A)(["\n font-weight: 600;\n font-size: 17px;\n margin: 15px 0;\n"])));var we,Ne;const ke=e=>{let n=e.step,t=e.title,a=e.children,i=e.renderAction,o=e.design,c=e.views,s=e.style,d=e.isEdit;const m=null===c||void 0===c?void 0:c.is768View;return o==D.pT.R2?r.createElement(Se,null,r.createElement(Ce,{style:s},r.createElement("div",{className:"d-flex align-items-center"},n&&r.createElement("span",{style:(0,l.A)((0,l.A)({},s),{},{fontSize:14,fontWeight:"600"})},n," -"," "),r.createElement(Ae,{style:(0,l.A)({},s)},t)),(!m||d)&&i),a,m&&!d&&r.createElement("div",{className:"action-container"},i)):r.createElement(r.Fragment,null,r.createElement("div",{className:"d-flex justify-content-between mt-2"},r.createElement("div",{className:"d-flex align-items-center"},n&&r.createElement(Ee,null,n),r.createElement(Ae,null,t)),i),a)},Ce=he.Ay.div(we||(we=(0,a.A)(["\n display: flex;\n justify-content: space-between;\n margin-top: 0px;\n margin-bottom: 10px;\n color: #010135;\n"]))),Se=he.Ay.div(Ne||(Ne=(0,a.A)(["\n @media screen and (max-width: 768px) {\n .action-container {\n margin-top: 30px;\n display: flex;\n justify-content: center;\n & > div > div {\n width: auto;\n }\n }\n }\n"])));var Te,_e,Re;const Ie=e=>{let n=e.onCancel,t=e.assets;return r.createElement(Oe,null,r.createElement(Me,null,r.createElement("div",{className:"circle"},r.createElement("img",{className:"fit-picture",src:t.EMPTY,alt:""})),r.createElement("h4",null,_$translate("bill.title.available")),r.createElement("span",null,_$translate("bills.title.paid")),r.createElement(Be,{onClick:n},_$translate("action.title.finish"))))},Oe=R.A.div(Te||(Te=(0,a.A)(["\n display: flex;\n flex-direction: column;\n font-size: 12px;\n text-align: center;\n font-weight: 400;\n width: 100%;\n .actions {\n display: flex;\n flex-direction: column;\n padding: 0 20px;\n }\n"]))),Me=R.A.span(_e||(_e=(0,a.A)(["\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n height: 280px;\n .circle {\n display: flex;\n justify-content: center;
1\n align-items: center;\n width: 60px;\n height: 60px;\n margin-bottom: 30px;\n }\n .span {\n font-weight: 500;\n font-size: 0.9375rem;\n font-stretch: normal;\n font-style: normal;\n line-height: normal;\n letter-spacing: normal;\n text-align: center;\n color: #818181 !important;\n }\n"]))),Be=R.A.button(Re||(Re=(0,a.A)(["\n width: 80%;\n margin-top: 40px;\n border: none;\n padding: 16px 35px;\n position: relative;\n border-radius: 15px;\n font-size: 11px;\n font-weight: 500;\n background-color: #fff0f0;\n color: #333333;\n :focus {\n outline: none;\n }\n"])));var ze,Pe,Fe=t(32852),Le=t(27787),$e=t(44437),je=t(15521),Ue=t.n(je);const Ye=e=>{let n=e.amount,t=e.currency,a=e.description,l=e.value,i=e.icon,o=e.className,c=e.date,s=e.isNew,d=e.style;const m=e=>e&&e.includes("\n")?e.split("\n").map((e,n)=>r.createElement(r.Fragment,{key:"".concat(e,"-").concat(n)},e,r.createElement("br",null))):e;return r.createElement(De,{className:o,style:d},s?r.createElement(r.Fragment,null,l?r.createElement(Fe.A,{value:l,control:r.createElement(Le.A,{style:{color:"#ed5a68"}}),label:r.createElement("div",{className:"leftSide"},r.createElement("div",{className:"name"},m(a)),r.createElement("div",{className:"date"},Ue()(c).format("MM/yyyy")))}):r.createElement("div",{style:{display:"flex",alignItems:"center"}},r.createElement("div",{style:{marginRight:15}},i),r.createElement("div",{className:"leftSide"},r.createElement("div",{className:"name"},m(a)),r.createElement("div",{className:"date"},Ue()(c).format("MM/yyyy")))),r.createElement("div",{className:"rightSide"},n," ",t)):r.createElement(Ve,null,l?r.createElement(Fe.A,{value:l,control:r.createElement(Le.A,{style:{color:"rgba(1, 1, 53, 0.5)"}}),label:m(a)}):r.createElement("div",{className:"leftSide d-flex align-items-center"},r.createElement("img",{src:i,width:16}),r.createElement("div",{className:"d-flex flex-column justify-content-between p-2"},r.createElement("span",null,m(a)))),r.createElement("div",{className:"rightSide"},r.createElement($e.A,{id:"title.amount"}),r.createElement("br",null),r.createElement("b",null,n," ",t))))},De=R.A.div(ze||(ze=(0,a.A)(["\n display: flex;\n flex-direction: column;\n padding: 5px 20px;\n border-radius: 10px;\n background-color: #f8f8ff;\n margin: 11px 0px;\n\n &.design-R2 {\n padding: 15px 20px;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n background-color: white;\n label {\n margin-bottom: 0;\n }\n .leftSide {\n font-family: 'Source Sans Pro';\n display: flex;\n flex-flow: column nowrap;\n .name {\n font-size: 15px;\n font-weight: 600;\n color: #010135;\n }\n .date {\n font-size: 13px;\n font-weight: 500;\n color: #51516c;\n }\n }\n .rightSide {\n display: flex;\n align-items: center;\n font-family: 'Source Sans Pro';\n font-size: 14px;\n font-weight: 600;\n color: #010135;\n }\n }\n"]))),Ve=R.A.div(Pe||(Pe=(0,a.A)(["\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n -webkit-text-stroke: 1px rgba(0, 0, 0, 0);\n font-family: Montserrat;\n font-size: 12px;\n font-weight: 400;\n font-stretch: normal;\n font-style: normal;\n line-height: 2.33;\n letter-spacing: normal;\n text-align: left;\n color: #333333;\n\n .MuiFormControlLabel-label {\n font-size: 12px;\n }\n\n .leftSide {\n line-height: 1.5;\n text-align: left;\n }\n\n .rightSide {\n text-align: right;\n line-height: 1.5;\n }\n"])));var He,We,qe,Ge,Ze,Xe,Ke,Je,Qe,en,nn=t(62254),tn=t(76246);const an=e=>{let n=e.onCancel,t=e.onSubmit,a=(e.assets,e.bill);const l=r.useState("bill1"),o=(0,i.A)(l,2),c=o[0],s=o[1],d=(0,h.VS)().design;return r.createElement(ln,null,r.createElement(on,null),r.createElement(tn.A,{"aria-label":"bill",name:"bill",value:c,onChange:e=>{s(e.target.value)}},r.createElement(Ye,{isNew:d===D.pT.R2,className:"design-".concat(d),value:"bill1",description:a.description,amount:a.amount.amount,currency:a.amount.currency,date:a.billingDate})),r.createElement(on,null),r.createElement(rn,null,r.createElement(on,null),r.createElement(cn,{className:"design-".concat(d)},r.createElement(dn,{className:"design-".concat(d)},r.createElement("div",null,_$translate("action.title.payBill.amount")),r.createElement("div",null,a.clientFees," ",a.amount.currency)),r.createElement(dn,null,r.createElement("div",null,_$translate("action.title.paid.amount")),r.createElement("div",null,a.billPenality," ",a.amount.currency))),r.createElement(sn,{className:"design-".concat(d)},r.createElement(mn,{className:"design-".concat(d)},r.createElement("div",null,_$translate("action.title.total.amount")),r.createElement("div",null,a.amount.amount," ",a.amount.currency))),d===D.pT.R2?r.createElement("div",{className:"actions"},r.createElement(nn.$,{onClick:()=>t(a)},_$translate("action.title.continue")),r.createElement(nn.$,{variant:"cancel",onClick:()=>t(a)},_$translate("action.title.cancel"))):r.createElement("div",{className:"actions"},r.createElement(pn,{onClick:()=>t(a)},_$translate("action.title.continue")),r.createElement(fn,{type:"button",onClick:n},_$translate("action.title.cancel")))))},ln=R.A.div(He||(He=(0,a.A)(["\n font-size: 12px;\n font-weight: 400;\n width: 100%;\n @media (max-device-width: ","px) {\n width: 100%;\n }\n"])),I.z.breakpoints.values.md),rn=R.A.div(We||(We=(0,a.A)(["\n display: flex;\n flex-direction: column;\n font-size: 12px;\n text-align: center;\n font-weight: 400;\n\n .actions {\n display: flex;\n flex-direction: column;\n padding: 0 100px;\n margin-top: 25px;\n @media (max-device-width: ","px) {\n padding: 0 20px;\n }\n }\n"])),I.z.breakpoints.values.md),on=R.A.div(qe||(qe=(0,a.A)(["\n margin-top: 20px;\n"]))),cn=R.A.div(Ge||(Ge=(0,a.A)(["\n display: flex;\n flex-direction: column;\n padding: 20px;\n border-radius: 10px;\n box-shadow: 0 2px 10px 0 rgba(158, 162, 168, 0.16);\n background-color: var(--white-two);\n &.design-R2 {\n background-color: white;\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n box-shadow: none;\n border-bottom: solid 1px #eceef3;\n }\n"]))),sn=R.A.div(Ze||(Ze=(0,a.A)(["\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n padding: 17px 20px;\n box-shadow: 0 5px 10px 0 rgba(158, 162, 168, 0.16);\n background-color: var(--white-two);\n &.design-R2 {\n background-color: white;\n border-bottom-left-radius: 10px;\n border-bottom-right-radius: 10px;\n box-shadow: none;\n }\n"]))),dn=R.A.div(Xe||(Xe=(0,a.A)(["\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n -webkit-text-stroke: 1px rgba(0, 0, 0, 0);\n font-family: Montserrat;\n font-size: 12px;\n font-weight: 400;\n font-stretch: normal;\n font-style: normal;\n line-height: 2.33;\n letter-spacing: normal;\n text-align: left;
1\n color: #333333;\n &.design-R2 {\n font-family: 'Source Sans Pro';\n font-size: 14px;\n font-weight: 400;\n color: #58587c;\n }\n\n .MuiFormControlLabel-label {\n font-size: 12px;\n }\n"]))),mn=R.A.div(Ke||(Ke=(0,a.A)(["\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n -webkit-text-stroke: 1px rgba(0, 0, 0, 0);\n font-family: Montserrat;\n font-size: 13px;\n font-weight: 500;\n font-stretch: normal;\n font-style: normal;\n line-height: 2.15;\n letter-spacing: normal;\n text-align: left;\n color: var(--midnight);\n &.design-R2 {\n font-family: 'Source Sans Pro';\n font-size: 14px;\n font-weight: 600;\n color: #010135;\n }\n"]))),un=R.A.button(Je||(Je=(0,a.A)(["\n border: none;\n padding: 16px 35px;\n margin: 5px 0;\n position: relative;\n border-radius: 15px;\n font-size: 11px;\n font-weight: 500;\n background-color: #ffdddd;\n color: #333333;\n :focus {\n outline: none;\n }\n"]))),pn=(0,R.A)(un)(Qe||(Qe=(0,a.A)(["\n background-color: #fff0f0;\n @media (max-width: ","px) {\n font-size: 10px;\n }\n &:disabled {\n background-color: #f4f4f4;\n color: #c9c9c9;\n }\n &:hover:enabled {\n background-image: linear-gradient(to top, #f8e1e1 2%, #ffebeb 98%);\n }\n"])),I.z.breakpoints.values.xs),fn=(0,R.A)(un)(en||(en=(0,a.A)(["\n background-color: #f8f8ff;\n color: rgba(51, 51, 51, 0.5);\n @media (max-width: ","px) {\n font-size: 10px;\n }\n &:hover {\n background-color: #f4f4fa;\n }\n"])),I.z.breakpoints.values.xs);var xn,gn=t(19179),hn=t(60549),vn=t(52665),bn=t.n(vn),yn=t(28223);const En=e=>{let n=e.accounts,t=e.handleSelectAccount,a=e.assets;const l=(0,h.VS)(),i=(l.design,l.tenant);return r.createElement(An,null,r.createElement("div",{className:"d-flex justify-content-between flex-wrap"},n.map((e,n)=>r.createElement(ve,{key:n},r.createElement(yn.U,{className:"stepper-form-account-card",key:e.accountNumber,isActive:!1,account:e,clicked:()=>{t(e)},icon:a.BAG,tenant:i})))))},An=R.A.div(xn||(xn=(0,a.A)(["\n width: 100%;\n"])));var wn=t(23312),Nn=t.n(wn),kn=t(63958),Cn=t(49839);const Sn=["children"],Tn=e=>{let n=e.children,t=(0,Cn.A)(e,Sn);return r.createElement(ye,(0,l.A)((0,l.A)({},t),{},{className:"d-flex justify-content-between align-items-center"}),n)};var _n,Rn=t(23140);function In(e){let n=e.accountNumber,t=e.balance,a=e.currency,l=e.accountName,i=e.onClick,o=e.assets;return r.createElement(be,null,r.createElement(Tn,{onClick:i,style:{cursor:i?"pointer":""}},r.createElement(Rn.w,{type:l,accountNumber:n,assets:o}),r.createElement("div",{className:"d-flex flex-column p-2"},r.createElement("span",{className:"primary-text"},_$translate("accounts.account.card.solde")),r.createElement("span",{className:"secondary-text"},t," ",a))))}const On=["children"],Mn=(0,r.forwardRef)((e,n)=>{let t=e.children,a=(0,Cn.A)(e,On);return r.createElement(Bn,(0,l.A)((0,l.A)({},a),{},{ref:n}),t)}),Bn=R.A.div(_n||(_n=(0,a.A)(["\n ","\n"])),()=>window.__IS_VERSION__R1?"\n font-size: 11px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 5px 15px;\n margin: 11px 0;\n background-color: #f8f8ff;\n border-radius: 10px;\n :hover {\n background-color: #fffded;\n }\n ":"\n font-size: 11px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 19px 10px;\n margin: 11px 0;\n background-color: #fff;\n border-radius: 5px;\n box-shadow: 0 2px 3px 0 rgb(184 184 203 / 25%);\n ");var zn;const Pn=e=>{let n=e.handleCancel,t=e.selectedAccount,a=e.selectedBill,i=e.goToBillSelectionStep,c=e.goToAccountStep,s=e.submitTransfer,d=e.assets,m=e.FavorisCheck;const u=(0,o.A)(),p=(0,h.VS)(),f=p.design,x=p.views,g=p.icons,v=p.tenant,b="flex-start",y={onSubmit:s,onCancel:n,fields:[{name:"add_to_favoris",type:"checkbox",label:u.formatMessage({id:"bill.form.checkbox"}),help:r.createElement(r.Fragment,null,m.checkError&&r.createElement("div",{style:{display:"flex",flexDirection:"row",textAlign:"left"}},r.createElement("div",null,r.createElement("span",{style:{textAlign:"left",color:"#f44336",marginTop:5}},r.createElement(K.$4v,{size:14,style:{marginRight:6}})," ",_$translate(m.errorMsg)))))}],initialValues:{add_to_favoris:!1},submitText:u.formatMessage({id:"action.pay.bill"}),cancelText:u.formatMessage({id:"action.title.cancel"}),setError:()=>{m.checkError=!1}};return r.createElement(r.Fragment,null,r.createElement("div",{className:"d-flex justify-content-between flex-wrap"},r.createElement(ve,{className:f===D.pT.R2?"design-r2":""},r.createElement(ke,{title:_$translate("yourBill"),renderAction:f===D.pT.R2?r.createElement(hn.dJk,{style:{cursor:"pointer"},size:18,onClick:i}):r.createElement(nn.$,{className:"button-tag",onClick:i},_$translate("action.title.update")),style:f===D.pT.R2?{color:"#51516c",fontSize:12,marginRight:10,marginBottom:"5.5px",justifyContent:b}:null,isEdit:f===D.pT.R2,design:f,views:x},r.createElement(Ye,{className:"design-".concat(f),style:{boxShadow:"0px 1px 3px 0px #ccc",minHeight:"102px",marginTop:0,borderRadius:5},isNew:f===D.pT.R2,date:a.billingDate,description:a.description,amount:a.amount.amount,currency:a.amount.currency,icon:f===D.pT.R2?g[0]:d.BOOK_OPEN_ICON}))),r.createElement(ve,{className:f===D.pT.R2?"design-r2":""},r.createElement(ke,{isEdit:f===D.pT.R2,design:f,views:x,style:f===D.pT.R2?{color:"#51516c",fontSize:12,marginRight:10,marginBottom:"5.5px",justifyContent:b}:null,title:_$translate("debit.account"),renderAction:f===D.pT.R2?r.createElement(hn.dJk,{style:{cursor:"pointer"},size:18,onClick:c}):r.createElement(nn.$,{className:"button-tag",onClick:c},_$translate("action.title.update"))},f===D.pT.R2?r.createElement(yn.U,{className:"stepper-form-account-card",key:t.accountNumber,isActive:!1,clicked:()=>{},icon:d.BAG,account:t,tenant:v}):r.createElement(In,{type:t.type,accountNumber:t.accountNumber,balance:t.balance,currency:t.currency,accountName:t.accountName,assets:d}))),r.createElement(ve,{className:f===D.pT.R2?"design-r2":""},r.createElement(ke,{title:_$translate("action.title.total.amount2"),style:f===D.pT.R2?{color:"#51516c",fontSize:12,marginRight:10,justifyContent:b,marginTop:10}:null,design:f,views:x},f===D.pT.R2?r.createElement(Mn,null,r.createElement("div",null,r.createElement("img",{src:d.COINS}),r.createElement("span",{style:{fontSize:12,fontWeight:600,marginLeft:18}},r.createElement(kn.A,{value:a.amount.amount,displayType:"text",thousandSeparator:" "})))):r.createElement(Tn,null,r.createElement("div",{style:{padding:"17px 0"}},r.createElement("img",{src:d.COINS}),r.createElement("span",{style:{fontSize:12,fontWeight:600,marginLeft:18}},r.createElement(kn.A,{value:a.amount.amount,displayType:"text",thousandSeparator:" "}))),r.createElement("div",null,a.amount.currency))))),r.createElement(Fn,null,r.createElement(X.l,(0,l.A)((0,l.A)({isNew:f===D.pT.R2},y),{},{onSubmit:s,onCancel:n}))))},Fn=R.A.div(zn||(zn=(0,a.A)(["\n display: flex;\n flex-direction: column;
1\n .MuiInput-input {\n font-size: 15px !important;\n }\n .input-container {\n display: flex !important;\n align-items: center !important;\n width: 47%;\n @media (max-width: ","px) {\n width: 95%;\n }\n }\n text-align: center;\n font-weight: 400;\n margin: auto;\n .actions {\n display: flex;\n flex-direction: column;\n padding: 0 20px;\n width: 100%;\n margin: auto;\n }\n"])),I.z.breakpoints.values.sm),Ln=e=>{let n=e.assets,t=e.errorMsg;return r.createElement("div",{style:{display:"flex",flexDirection:"row",alignItems:"center"}},r.createElement("img",{src:n.ERROR,width:32}),r.createElement("span",{style:{margin:"0 32px",fontSize:14,color:"#231f20",fontWeight:500}},t||_$translate("error.screen.title")))};var $n,jn,Un,Yn=t(66802),Dn=t(51681),Vn=t(57023);const Hn=(0,t(44346).Ay)(e=>{let n=e.billOperations,t=e.reloadBillsOperations,a=e.reload,l=e.intl;(0,r.useEffect)(()=>{t&&a()},[t]);const i=(0,h.VS)(),o=(i.design,i.views,(0,v.A)("(max-width:540px)")),c=e=>{switch(e){case u.SF.SUCCESS:return"#2fb26a";case u.SF.FAILED:return"#c80519";case u.SF.PENDING:return"#e68b0f";default:return"#2fb26a"}},s=e=>{switch(e){case u.SF.SUCCESS:return l.formatMessage({id:"status.executed"});case u.SF.FAILED:return l.formatMessage({id:"status.cancel"});case u.SF.PENDING:return l.formatMessage({id:"status.inprogress"});default:return"#2fb26a"}};let d=null,m=null;return o?(m=[{id:"data",label:""}],d=n.map((e,n)=>{var t,a;return{ref:n,data:r.createElement(Yn.p,{style:{fontSize:"11px"},className:"dispositions",date:e.creditTransferAckTimestamp&&Ue()(e.creditTransferAckTimestamp),body:r.createElement(r.Fragment,null,r.createElement("span",{style:{fontWeight:"bold",color:"#010135"}},r.createElement("p",null,e.description),r.createElement("p",null,e.billerName," "),r.createElement("div",{style:{fontWeight:"normal",marginTop:6}},e.payBillAck," "))),end:r.createElement(r.Fragment,null,r.createElement("span",{style:{fontSize:"11px"}},null===(t=e.amount)||void 0===t?void 0:t.amount," ",null===(a=e.amount)||void 0===a?void 0:a.currency),r.createElement(Wn,{color:c(e.status)},s(e.status)))})}})):(m=[{id:"date",label:r.createElement($e.A,{id:"bill.operations.history.date"})},{id:"reference",label:r.createElement($e.A,{id:"bill.operations.history.reference"})},{id:"description",label:r.createElement($e.A,{id:"bill.operations.history.description"}),width:30},{id:"amount",label:r.createElement($e.A,{id:"title.amount"})},{id:"status",label:r.createElement($e.A,{id:"tables.wallet.transfer.history.nature"})}],d=n.map((e,n)=>{var t,a;return{ref:n,date:e.creditTransferAckTimestamp&&Ue()(e.creditTransferAckTimestamp).format(),reference:e.payBillAck,description:r.createElement("div",{style:{flexDirection:"column"}},r.createElement("div",null,e.description," "),r.createElement("div",{style:{fontWeight:"normal"}},e.billerName," ")),amount:(null===(t=e.amount)||void 0===t?void 0:t.amount)+" "+(null===(a=e.amount)||void 0===a?void 0:a.currency),status:r.createElement(Wn,{color:c(e.status)},s(e.status))}})),r.createElement(qn,null,r.createElement(Dn.o,{style:{root:{},container:{},row:{cursor:"pointer",backgroundColor:o&&"transparent!important"},header:{fontFamily:"inherit",fontWeight:"500",color:"#51516c",fontSize:"13px"},cell:{fontFamily:"inherit",fontSize:"13px",color:"#010135",padding:o&&"0px!important"},sgDesign:!0},rows:d,columns:m,contentType:"",pagination:{rowsPerPage:10,rowsPerPageOptions:[10,25,50]},navigationMessage:(e,n,t)=>l.formatMessage({id:"table.pagination.message"},{rowsPerPage:e,contentType:n,length:t})}))}),Wn=R.A.span($n||($n=(0,a.A)(["\n font-family: 'Source Sans Pro';\n font-size: 16px;\n line-height: 1.38;\n color: ",";\n"])),e=>e.color),qn=(0,R.A)(Vn.p)(jn||(jn=(0,a.A)(["\n margin-top: 10px;\n @media (max-width: ","px) {\n .MuiTablePagination-spacer,\n .MuiTablePagination-caption,\n .MuiTablePagination-selectRoot {\n display: none;\n }\n div:last-of-type {\n position: relative;\n margin: auto;\n }\n }\n }\n\n tbody tr {\n background-color: #fff;\n td {\n padding: 20px !important;\n font-weight: 500;\n font-size: 16px;\n font-family: 'Source Sans Pro';\n @media (max-width: ","px) {\n padding: 0px !important;\n }\n :nth-of-type(2) {\n font-weight: 600;\n }\n :nth-of-type(3) {\n font-weight: 600;\n }\n }\n }\n"])),I.z.breakpoints.values.xs,I.z.breakpoints.values.xs);R.A.button(Un||(Un=(0,a.A)(["\n outline: unset;\n border: none;\n padding: 6px 16px;\n border-radius: 13px;\n background-color: #fff0f0;\n @media (max-device-width: 480px) {\n padding: 6px 6px;\n }\n"])));var Gn,Zn,Xn=t(3968);const Kn=e=>{e.billId,e.billerId;let n=e.billerName,t=e.category,a=(e.customerId,e.logoPath,e.unpaidAvailable,e.unpaidCount,e.urn,e.assets,e.icon),l=e.design;return r.createElement(Qn,null,r.createElement(Jn,null,r.createElement("div",{className:"md_icon design-".concat(l)},l===D.pT.R2?a:r.createElement(K.IGe,{size:16}))),r.createElement("div",{className:"flex-column margin"},r.createElement("div",{className:"name-container"},r.createElement("span",{className:"primary-text design-".concat(l)},n)),r.createElement("span",{className:"secondary-text design-".concat(l)},t)))},Jn=R.A.div(Gn||(Gn=(0,a.A)(["\n @media (max-device-width: 400px) {\n .md_icon {\n display: none;\n }\n }\n .md_icon {\n display: flex;\n }\n .design-R2 {\n margin: 0 33px 0 18px;\n }\n"]))),Qn=R.A.div(Zn||(Zn=(0,a.A)(["\n display: flex;\n align-items: center;\n .flex-column {\n display: flex;\n flex-direction: 'column';\n }\n .margin {\n margin: 10px;\n }\n .name-container {\n display: flex;\n justify-content: space-between;\n }\n .primary-text {\n font-weight: 500;\n color: #333333;\n @media (max-width: ","px) {\n font-size: 10px;\n }\n &.design-R2 {\n color: #010135;\n font-family: 'Source Sans Pro';\n font-size: 16px;\n font-weight: 600;\n }\n }\n .secondary-text {\n color: #868686;\n @media (max-width: ","px) {\n font-size: 10px;\n }\n }\n"])),I.z.breakpoints.values.xs,I.z.breakpoints.values.xs);var et,nt=t(11926);const tt=["children"],at=(0,r.forwardRef)((e,n)=>{let t=e.children,a=(0,Cn.A)(e,tt);return r.createElement(lt,(0,l.A)((0,l.A)({},a),{},{ref:n}),t)}
1),lt=R.A.div(et||(et=(0,a.A)(["\n font-size: 11px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 5px 15px;\n margin: 11px 0;\n border-radius: 10px;\n &.design-R1 {\n background-color: #f8f8ff;\n :hover {\n background-color: #fffded;\n }\n }\n &.design-R2 {\n background-color: #ffffff;\n min-height: 86px;\n width: 99%;\n :hover {\n background-color: #e5ebf7;\n }\n }\n"])));var it,rt,ot,ct,st;function dt(e){let n=e.billId,t=e.billerId,a=e.billerName,l=e.category,i=e.customerId,o=e.logoPath,c=e.unpaidAvailable,s=e.unpaidCount,d=e.urn,m=e.assets,u=e.handleRemoveFavoriteClick,p=e.handleFavoriteBillerClick;const f=(0,nt.M)(),x=f.ref,g=f.isHover,v=(0,h.VS)(),b=v.design,y=v.icons;return r.createElement(mt,null,r.createElement(at,{className:"design-".concat(b),ref:x},r.createElement(Kn,{design:b,icon:y[0],billId:n,billerId:t,billerName:a,category:l,customerId:i,logoPath:o,unpaidAvailable:c,unpaidCount:s,urn:d,assets:m}),r.createElement(ut,null,r.createElement("div",{className:"md"},r.createElement(ft,{className:"design-".concat(b),onClick:p,isHover:g},_$translate("action.title.pay")),r.createElement(xt,{className:"design-".concat(b),onClick:u,isHover:g},_$translate("action.title.remove"))))))}const mt=R.A.div(it||(it=(0,a.A)(["\n @media screen and (min-width: 768px) and (max-width: 780px) {\n width: 49%;\n }\n width: 99%;\n"]))),ut=R.A.div(rt||(rt=(0,a.A)(["\n .md {\n display: flex;\n flex-wrap: nowrap;\n justify-content: flex-end;\n @media (max-device-width: 880px) {\n display: flex;\n flex-direction: column;\n }\n }\n .sm {\n display: flex;\n flex-wrap: wrap;\n justify-content: flex-end;\n }\n\n display: flex;\n flex-wrap: wrap;\n justify-content: flex-end;\n"]))),pt=R.A.button(ot||(ot=(0,a.A)(["\n outline: unset;\n border: none;\n padding: 6px 16px;\n border-radius: 50px;\n background-color: white;\n font-size: 10px;\n @media (max-device-width: 480px) {\n padding: 6px 6px;\n background-color: #f8f8ff;\n }\n"]))),ft=(0,R.A)(pt)(ct||(ct=(0,a.A)(["\n font-weight: 500;\n margin: 5px;\n &.design-R1 {\n background-color: ",";\n color: ",";\n }\n &.design-R2 {\n background-color: #ee3c45;\n color: #ffffff;\n font-size: 12px;\n font-weight: 600;\n font-family: 'Source Sans Pro';\n }\n"])),e=>e.isHover?"#eb3a58":"white",e=>e.isHover?"white;":"#eb3a58"),xt=(0,R.A)(pt)(st||(st=(0,a.A)(["\n margin: 5px;\n &.design-R1 {\n color: ",";\n opacity: ",";\n }\n\n &.design-R2 {\n background-color: transparent;\n font-size: 12px;\n font-weight: 600;\n font-family: 'Source Sans Pro';\n color: #51516c;\n text-decoration-line: underline;\n &:hover {\n background-color: transparent;\n }\n }\n"])),e=>e.isHover?"var(--midnight)":"#333333",e=>e.isHover?1:.25);var gt;const ht=e=>{let n=e.favoritesBiller,t=e.assets,a=e.handleRemoveFavoriteClick,l=e.handleFavoriteBillerClick;const i=(0,h.VS)().design;return r.createElement(vt,null,r.createElement("div",{style:{display:"flex",alignItems:"center"}},r.createElement("span",{className:"title design-".concat(i)},_$translate("bill.title.payement"))),r.createElement("div",{className:"favorisList"},n.map((e,n)=>r.createElement(r.Fragment,{key:n},r.createElement(dt,{billId:e.billId,billerId:e.billerId,billerName:e.billerName,paymentMethod:e.paymentMethod,category:e.category,customerId:e.customerId,logoPath:e.logoPath,unpaidAvailable:e.unpaidAvailable,unpaidCount:e.unpaidCount,urn:e.urn,assets:t,handleRemoveFavoriteClick:()=>{a(e)},handleFavoriteBillerClick:()=>{l(e)}})))))};t.dn(ht);const vt=R.A.div(gt||(gt=(0,a.A)(["\n font-size: 11px;\n margin: 18px 0px;\n display: flex !important;\n flex-direction: column !important;\n @media screen and (min-width: 768px) and (max-width: 1280px) {\n display: flex;\n flex-wrap: wrap;\n flex-direction: row;\n justify-content: space-between;\n text-transform: uppercase;\n }\n @media (max-device-width: 480px) {\n margin-bottom: 40px;\n }\n .flex-spaced {\n display: flex;\n justify-content: space-between;\n }\n .flex-center {\n display: flex;
1\n align-items: center;\n }\n .title {\n &.design-R1 {\n text-transform: uppercase;\n font-size: 14px;\n font-family: 'Montserrat';\n color: #555555;\n }\n &.design-R2 {\n color: #51516c;\n font-size: 15px;\n font-family: 'Source Sans Pro';\n margin-bottom: 5px;\n }\n }\n\n .favorisList {\n @media screen and (min-width: 768px) and (max-width: 1280px) {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n }\n }\n"])));var bt,yt=t(63725);const Et=e=>{let n=e.FavoritesBiller,t=e.reloadFavoriteBiller,a=e.reload,l=e.assets,i=e.handleRemoveFavoriteClick,o=e.handleFavoriteBillerClick;const c=(0,h.VS)().design;return(0,r.useEffect)(()=>{t&&a()},[t]),r.createElement("div",{style:c===D.pT.R2&&{marginTop:10}},n.length>0?r.createElement(ht,{favoritesBiller:n,assets:l,handleRemoveFavoriteClick:i,handleFavoriteBillerClick:o}):r.createElement(r.Fragment,null,r.createElement(yt.p,{title:"Aucun favoris disponible"})))};R.A.button(bt||(bt=(0,a.A)(["\n outline: unset;\n border: none;\n padding: 6px 16px;\n border-radius: 13px;\n background-color: #fff0f0;\n @media (max-device-width: 480px) {\n padding: 6px 6px;\n }\n"])));var At,wt=t(37155),Nt=t(46863);const kt={add:"bill.added.successfully",remove:"bill.deleted.successfully",error:"bill.error"},Ct=e=>{let n=e.operation;return r.createElement(St,null,"error"===n?r.createElement(Nt.ItP,{size:32,color:"red",className:"image"}):r.createElement(wt.yjt,{size:32,color:"#28a745",className:"image"}),r.createElement("span",null,_$translate(kt[n])))},St=R.A.div(At||(At=(0,a.A)(["\n span {\n margin: 0 32px;\n font-size: 14px;\n color: #231f20;\n font-weight: 500;\n }\n .image {\n width: 32px;\n }\n @media (max-width: ","px) {\n span {\n font-size: 12px;\n }\n .image {\n width: 25px;\n }\n }\n"])),I.z.breakpoints.values.xs);var Tt,_t;const Rt=e=>{let n=e.onSubmit,t=e.onCancel,a=e.isPushNotif,c=e.phoneNumber,s=e.TransferCheck,d=e.TransferSendBackOtp;const m=(0,r.useState)(60),u=(0,i.A)(m,2),p=u[0],f=u[1],x=(0,r.useState)(!1),g=(0,i.A)(x,2),v=g[0],b=g[1],y=(0,r.useState)(""),E=(0,i.A)(y,2),A=E[0],w=E[1],N=(0,h.VS)().design;(0,r.useEffect)(()=>{let e;return"working"===A&&(e=setTimeout(()=>f(p-1),1e3)),()=>{clearTimeout(e)}},[p,A]);const k=(0,o.A)(),C={onSubmit:n,onCancel:t,fields:[{name:"otp",type:"numeric",label:k.formatMessage({id:"beneficiary.enter.verification.code"}),help:r.createElement("div",{style:{display:"flex",flexDirection:"column",textAlign:"left"}},s.checkError&&r.createElement("div",{style:{marginBottom:"15px"}},r.createElement("span",{style:{textAlign:"left",color:"#f44336",marginTop:5}},r.createElement(K.$4v,{size:14,style:{marginRight:6}})," ",_$translate(s.errorMsg))))}],initialValues:{otp:""},validation:Z.Ik().shape({otp:Z.Yj().required(_$translate("required.field"))}),submitText:k.formatMessage({id:"action.title.continue"}),setError:()=>{s.checkError=!1}};return(0,r.useEffect)(()=>{v&&(w("working"),setTimeout(()=>{w(""),b(!1),f(60)},6e4))},[v]),r.createElement(It,null,r.createElement("div",{className:"info"},a?r.createElement(r.Fragment,null,r.createElement("span",null,_$translate("beneficiary.get.notification")),r.createElement("span",null,_$translate("beneficiary.with.code.validation")," ")):r.createElement(r.Fragment,null,r.createElement("span",null,_$translate("beneficiary.verification.code")),r.createElement("strong",{style:{color:"#010135"}},"xxxxxx"+c.substring(c.length-4,c.length)))),r.createElement(X.l,(0,l.A)({},C)),v?r.createElement(r.Fragment,null,r.createElement("div",{className:"action_renvoyer_otp_v2"},r.createElement(nn.$,{disabled:!0,className:"no-padding",variant:"cancel"},p," ",_$translate("beneficiary.resend.code")))):r.createElement(r.Fragment,null,r.createElement("div",{className:"renvoyer_otp"},r.createElement("span",null,_$translate("beneficiary.receive.code"))),r.createElement("div",{className:"action_renvoyer_otp"},N!==D.pT.R2?r.createElement(Ot,{onClick:()=>{d(),b(!0)}},_$translate("title.resend")):r.createElement(nn.$,{className:"no-padding",variant:"cancel",onClick:()=>{d(),b(!0)}},_$translate("title.resend")))))},It=R.A.div(Tt||(Tt=(0,a.A)(["\n display: flex;\n flex-direction: column;\n font-size: 12px;\n text-align: center;\n font-weight: 400;\n\n @media (max-width: ","px) {\n span {\n width: 100%;\n }\n }\n\n .form {\n display: flex;\n flex-direction: column;\n margin: auto;\n }\n\n .actions {\n display: flex;\n flex-direction: column;\n margin: auto;\n }\n .action_renvoyer_otp {\n display: flex;\n flex-direction: column;\n margin: 10px auto;\n }\n .action_renvoyer_otp_v2 {\n display: flex;\n flex-direction: column;\n\n margin: 10px auto;\n }\n .info {\n display: flex;\n flex-direction: column;\n font-family: Montserrat;\n font-size: 14px;\n font-weight: 500;\n font-stretch: normal;\n font-style: normal;\n line-height: 1.71;\n letter-spacing: normal;\n text-align: center;\n color: #000000;\n margin: 10px 0 3.5px 0;\n }\n\n .renvoyer_otp {\n display: flex;\n flex-direction: column;\n font-size: 12px;\n font-weight: 500;\n font-stretch: normal;\n font-style: normal;\n line-height: 2;\n letter-spacing: normal;\n text-align: center;\n color: #242021;\n margin: 10px 0 3.5px 0;\n }\n"])),I.z.breakpoints.values.xs),Ot=R.A.button(_t||(_t=(0,a.A)(["\n color: #010135;\n border: none;\n position: relative;\n font-size: 12px;\n font-weight: 500;\n font-stretch: normal;\n font-style: normal;\n line-height: 1.67;\n letter-spacing: normal;\n text-align: center;\n text-decoration: underline blink;\n background-color: white;\n"])));var Mt,Bt,zt,Pt,Ft=t(16472);const Lt=e=>{let n=e.handlePayBillClick,t=e.assets;return r.createElement(Yt,{onClick:()=>n(),style:{marginBottom:10,padding:10}},r.createElement("div",{style:{display:"flex",alignItems:"center"}},r.createElement("img",{src:t.BOOK_OPEN_ICON,width:14}),r.createElement("div",{style:{marginTop:-10,marginLeft:2}},"+")))},$t=e=>{let n=e.handlePayBillClick,t=e.assets;return r.createElement(Yt,{style:{padding:"10px 24px",backgroundColor:"#fff0f0",marginBottom:10},onClick:()=>n()},r.createElement("div",{style:{display:"flex",alignItems:"center"}},r.createElement("img",{src:t.BOOK_OPEN_ICON,width:14}),r.createElement("span",{style:{marginLeft:8,fontSize:11}},r.createElement($e.A,{id:"action.title.payBill"}))))},jt=R.A.div(Mt||(Mt=(0,a.A)(["\n display: flex;\n flex-direction: column;\n &.design-R1 {\n width: 60%;\n @media (max-device-width: 780px) {\n width: 100%;\n }\n }\n\n &.design-R2 {\n flex: 1;\n @media (max-width: ","px) {\n // margin-top: -60px !important;\n .history-title {\n font-size: 15px;\n font-weight: bold;\n font-stretch: normal;\n font-style: normal;\n line-height: 1.07;\n align-self: flex-end;\n }\n }\n }\n"])),I.z.breakpoints.values.lg),Ut=R.A.div(Bt||(Bt=(0,a.A)(["\n font-size: 11px;\n width: 36%;\n padding-left: 4%;\n flex-direction: column;\n display: flex;\n &.design-R2 {\n margin-left: 10px;\n }\n @media (max-width: ","px) {\n padding-left: 0;\n }\n @media (max-device-width: 780px) {\n width: 100%;\n margin: 12px 0px;\n }\n @media screen and (min-width: 700px) and (max-width: 780px) {\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n }\n @media (max-device-width: 480px) {\n margin-bottom: 40px;\n }\n"])),I.z.breakpoints.values.lg),Yt=(R.A.div(zt||(zt=(0,a.A)(["\n width: 80% !important;\n margin: auto !important;\n"]))),R.A.button(Pt||(Pt=(0,a.A)(["\n outline: unset;\n border: none;\n padding: 6px 16px;\n border-radius: 13px;\n background-color: #fff0f0;\n @media (max-device-width: 480px) {\n padding: 6px 6px;\n }\n"])))),Dt={errorView:_.S,skeletonView:()=>{const e=r.useState(window.innerWidth),n=(0,i.A)(e,2),t=(n[0],n[1]);return r.useEffect(()=>{window.addEventListener("resize",()=>t(window.innerWidth))},[]),r.createElement(w.D,{contentList:[{contentType:w.L.TABLE}]})},mainView:e=>{let n=e.showModal,t=e.closeModal,a=e.assets,c=e.service,s=e.adapter,d=e.isPushNotif,p=e.phoneNumber,f=e.actionButtonProps,x=e.reload,b=e.operations,y=e.reloadOperations;const E=(0,h.VS)(),R=E.design,I=E.views,O=(0,r.useState)("TYPE"),M=(0,i.A)(O,2),B=M[0],z=M[1],P=(0,r.useState)("TYPE"),F=(0,i.A)(P,2),L=F[0],$=F[1],j=(0,o.A)(),U=(0,r.useState)(!1),Y=(0,i.A)(U,2),H=Y[0],W=Y[1],q=(0,r.useState)(),G=(0,i.A)(q,2),Z=G[0],X=G[1],K=(0,r.useState)(!1),J=(0,i.A)(K,2),ee=J[0],ne=J[1],te=[{id:"",type:"",value:""}],ae=(0,r.useState)(te),le=(0,i.A)(ae,2),ie=(le[0],le[1]);(0,r.useEffect)(()=>{y&&x()},[y]);const re=(0,r.useState)(),oe=(0,i.A)(re,2),ce=oe[0],se=oe[1],de=(0,r.useState)(""),me=(0,i.A)(de,2),ue=me[0],pe=me[1],fe=(0,r.useState)(),xe=(0,i.A)(fe,2),ge=xe[0],he=xe[1],ve=(0,r.useState)(!1),be=(0,i.A)(ve,2),ye=(be[0],be[1]),Ee=(0,r.useState)(),Ae=(0,i.A)(Ee,2),we=Ae[0],Ne=Ae[1],Ce=(0,r.useState)(!1),Se=(0,i.A)(Ce,2),Te=Se[0],_e=Se[1],Re=(0,r.useState)(!1),Oe=(0,i.A)(Re,2),Me=Oe[0],Be=Oe[1],ze=(0,r.useState)(!1),Pe=(0,i.A)(ze,2),Fe=Pe[0],Le=Pe[1],$e=(0,r.useState)(null),je=(0,i.A)($e,2),Ue=je[0],Ye=je[1],De=(0,r.useState)(!1),Ve=(0,i.A)(De,2),He=Ve[0],We=Ve[1],qe={checkError:!1,errorMsg:""},Ge=(0,r.useState)(qe),Ze=(0,i.A)(Ge,2),Xe=Ze[0],Ke=Ze[1],Je=(0,r.useState)(""),Qe=(0,i.A)(Je,2),en=Qe[0],nn=Qe[1],tn={checkError:!1,errorMsg:""},ln=(0,r.useState)(tn),rn=(0,i.A)(ln,2),on=rn[0],cn=rn[1],sn=(0,r.useState)(""),dn=(0,i.A)(sn,2),mn=dn[0],un=(dn[1],(0,r.useState)(!1)),pn=(0,i.A)(un,2),fn=pn[0],xn=pn[1],vn=(0,r.useState)(!1),yn=(0,i.A)(vn,2),An=yn[0],wn=yn[1],kn=e=>{W(!0),X(e),z("FORM")},Cn=()=>{ne(!0),z("BILL_SELECTION")}
1,Sn=(0,r.useState)(null),Tn=(0,i.A)(Sn,2),_n=Tn[0],Rn=Tn[1],In=(0,r.useState)(!1),On=(0,i.A)(In,2),Mn=On[0],Bn=On[1],zn=(0,r.useState)(!1),Fn=(0,i.A)(zn,2),$n=Fn[0],jn=Fn[1],Un={checkError:!1,errorMsg:""},Yn=(0,r.useState)(Un),Dn=(0,i.A)(Yn,2),Vn=Dn[0],Wn=Dn[1],qn=e=>{Rn(e)},Gn=e=>{xn(!0),wn(!0),he(e);const n=te;let t;e.billId&&(t={id:"",type:"",value:""},t.id="billref",t.type=null,t.value=e.billId,n.push(t)),n.shift(),z("BILL_SELECTION"),c.bill(e.billerId,n,null===Ue||void 0===Ue?void 0:Ue.sessionId,"BOTH"!==e.paymentMethod&&e.paymentMethod?e.paymentMethod:u.g5.ACCOUNT,null===Ue||void 0===Ue?void 0:Ue.paymentRequestId).then(n=>{pe(n.reference),Ye(n),We(!1),(0,A.y_)(n.amount.amount,()=>Cn(),()=>{X({id:e.billerId,paymentMethod:e.paymentMethod,name:e.billerName,category:null,logoPath:null}),W(!0),z("FORM"),Le(!0)}),Ke(qe),c.events.emit("SHOW_FACTURE_MODAL")}).catch(e=>{(0,A.y_)(e&&400===(null===e||void 0===e?void 0:e.status),()=>{cn({checkError:!0,errorMsg:null===e||void 0===e?void 0:e.message})},()=>{We(!0)}),z("PAYMENT_ERROR"),c.events.emit("SHOW_FACTURE_MODAL")}).finally(()=>xn(!1))},Zn=r.useState(window.innerWidth),Kn=(0,i.A)(Zn,2),Jn=(Kn[0],Kn[1]);r.useEffect(()=>{window.addEventListener("resize",()=>Jn(window.innerWidth))},[]);const Qn=()=>{console.log("favoriteBillerId closed1 "),t(),z("TYPE"),W(!1),ie(te),Ye(null),We(!1),ne(!1),X(null),he(null),ye(!1),Ne(null),se(null),pe(""),wn(!1)},et=()=>{console.log("favoriteBillerId closed2 "),Ke(qe),Wn(Un),cn(tn),he(null),(0,A.y_)("TYPE"===B||"PAYMENT_SUCCESS"===B||"PAYMENT_ERROR"===B,()=>Qn(),()=>(0,A.y_)("QUIT_CONFIRMATION"!==B,()=>{$(B),z("QUIT_CONFIRMATION")},()=>Qn()))},nt=e=>{let n=!0;return e&&Object.keys(e).map(t=>{e[t]&&(n=!1)}),n},tt=e=>{Nn()(e,"balance",0);Ne(e),z("BILL_PAYMENT_CONFIRMATION")},at=I.is414View,lt=(0,v.A)("(min-width: 481px) and (max-width: 780px)"),it=(0,A.y_)(lt,()=>$t,()=>(0,A.y_)(at,()=>Lt,()=>it));return console.log(" current steep",B),r.createElement(r.Fragment,null,r.createElement(Ft.D,{show:fn}),r.createElement(jt,{className:"design-".concat(R," ")},r.createElement(N.b,{title:"payement.title.history",actionButtonProps:f}),r.createElement(Hn,{reloadBillsOperations:Te,reload:()=>{_e(!1)},billOperations:b,NewBillPayButton:it,assets:a})),r.createElement(Ut,{className:"design-".concat(R," ")},r.createElement(N.b,{title:"favorites.mylist"}),r.createElement(g.g,{loader:c.getFavoriteBillers,skeleton:()=>r.createElement(s.skeletonView,null),error:()=>r.createElement(s.errorView,{onReload:c.getFavoriteBillers}),render:(e,n)=>r.createElement(Et,{FavoritesBiller:e,reloadFavoriteBiller:Me,reload:()=>{n(),Be(!1)},assets:a,handleRemoveFavoriteClick:qn,handleFavoriteBillerClick:Gn})})),r.createElement(k.A,{message:"bill.delete.favoris.message",messageProps:_n&&{favori:_n.billerName},close:()=>{Rn(null)},isOpen:Boolean(_n),confirmHandler:()=>c.deleteFavoriteBiller(_n.urn).then(e=>{(0,m.vJ)(m.Ue),Rn(null),Bn(!0),Be(!0)}).catch(e=>{Rn(null),jn(!0)}),buttons:{confirm:"action.title.remove",cancel:"action.title.cancel"}}),r.createElement(C.X,{open:Mn,onClose:()=>Bn(!1)},r.createElement(Ct,{operation:"remove"})),r.createElement(C.X,{open:$n,onClose:()=>jn(!1)},r.createElement(Ct,{operation:"error"})),r.createElement(C.X,(0,l.A)((0,l.A)({withStepper:R===D.pT.R2,open:n,onClose:()=>{et()},closeIcon:r.createElement(gn.yGN,{size:18,color:"#51516c"}),headerStartButton:r.createElement(Xn.A,{style:{display:("TYPE"===B||"OTP"===B||"BILL_SELECTION"===B)&&"none",paddingLeft:0},onClick:()=>{switch(B){case"FORM":W(!1),X(null),z("TYPE");break;case"BILL_SELECTION":An?et():z("FORM");break;case"CHOOSE_ACCOUNT":z("BILL_SELECTION");break;case"BILL_PAYMENT_CONFIRMATION":z("CHOOSE_ACCOUNT");break;case"OTP":z("BILL_PAYMENT_CONFIRMATION");break;default:return}}},r.createElement(hn.Y5o,{stroke:"1",size:11,color:"#51516c"}))},"INFORMATION"!==B&&"QUIT_CONFIRMATION"!==B&&"PAYMENT_SUCCESS"!==B&&"PAYMENT_ERROR"!==B&&{title:j.formatMessage({id:"bills.modal.title"})+" "+(Z?Z.name:""),closable:!0}),{},{modalHeaderStyle:{borderTopRightRadius:"5px",borderTopLeftRadius:"5px",background:"#fff",padding:"25px"},modalRootStyle:(0,l.A)({display:("QUIT_CONFIRMATION"===B||"PAYMENT_SUCCESS"===B)&&"none",backgroundColor:"#f5f7fa",padding:"0px",position:"relative",maxWidth:"100vw"},(()=>{switch(B){case"TYPE":return{maxWidth:956,width:"100%"};case"FORM":case"OTP":return{maxWidth:544,width:"100%"};case"BILL_SELECTION":return{maxWidth:556,width:"100%"};case"CHOOSE_ACCOUNT":return{maxWidth:1036,width:"100%"};case"BILL_PAYMENT_CONFIRMATION":return{maxWidth:930,width:"100%"}}})())}),r.createElement("div",{style:{padding:25,position:"relative"}}
1,r.createElement(S.x,{steps:7,currentStep:(0,A.y_)("TYPE"===B,()=>1,()=>(0,A.y_)("FORM"===B,()=>2,()=>(0,A.y_)("BILL_SELECTION"===B,()=>3,()=>(0,A.y_)("CHOOSE_ACCOUNT"===B,()=>4,()=>(0,A.y_)("BILL_PAYMENT_CONFIRMATION"===B,()=>5,()=>6))))),style:{display:"TYPE"!==B&&"FORM"!==B&&"OTP"!==B&&"BILL_SELECTION"!==B&&"CHOOSE_ACCOUNT"!==B&&"BILL_PAYMENT_CONFIRMATION"!==B&&"none",position:"absolute"}}),r.createElement(T.b,{hidden:"TYPE"!==B},r.createElement(ke,{step:1,design:R,views:I,title:_$translate("bills.modal.step1.title")},r.createElement(g.g,{loader:c.loadBillers,skeleton:r.createElement(()=>r.createElement(w.D,{contentList:new Array(2).fill({contentType:w.L.LINE}).concat({contentType:w.L.CARD,height:150})}),null),error:()=>r.createElement(_.S,{onReload:c.loadBillers}),render:e=>r.createElement(V,{facturiers:e,handleSelectFacturier:kn,assets:a})}))),r.createElement(T.b,{hidden:"FORM"!==B},H&&r.createElement(ke,{step:2,design:R,views:I,title:_$translate("bills.modal.step2.title")},r.createElement(g.g,{loader:()=>(0,A.y_)(Fe&&(null===Ue||void 0===Ue?void 0:Ue.fields),()=>Promise.resolve({billerId:Ue.billerId,fields:Ue.fields,sessionId:Ue.sessionId}),()=>c.form(Z.id)),skeleton:r.createElement(()=>r.createElement(w.D,{contentList:new Array(4).fill({contentType:w.L.LINE})}),null),error:()=>r.createElement(_.S,{onReload:()=>c.form(Z.id)}),render:(e,n)=>He||null===(null===Ue||void 0===Ue?void 0:Ue.fields)&&!ge?r.createElement(_.S,{onReload:()=>{We(!1),n()}}):r.createElement(Q,{favoriteBillerId:null===ge||void 0===ge?void 0:ge.billId,form:e,reloadBillerForm:Fe,reload:()=>{n(),Le(!1)},onSubmit:async n=>{const t=((e,n)=>(0,A.y_)(nt(e),()=>ie(te),()=>{const t=te;return Object.keys(e).forEach(a=>{const l={id:"",type:"",value:""},i=bn()(n.fields,{id:a});l.id=i.id,l.type=i.type,l.value=e[a],t.push(l)}),t.shift(),ie(t),t}))(n,e);c.bill(Z.id,t,null===Ue||void 0===Ue?void 0:Ue.sessionId,"BOTH"!==Z.paymentMethod&&Z.paymentMethod?Z.paymentMethod:u.g5.ACCOUNT,null===Ue||void 0===Ue?void 0:Ue.paymentRequestId).then(e=>{""===ue&&pe(e.reference),Ye(e),We(!1),(0,A.y_)(e.amount.amount,()=>Cn(),()=>Le(!0)),Ke(qe)}).catch(e=>{(0,A.y_)(e&&400===(null===e||void 0===e?void 0:e.status),()=>Ke({checkError:!0,errorMsg:null===e||void 0===e?void 0:e.message}),()=>We(!0))})},onCancel:et,FormCheck:Xe})}))),r.createElement(T.b,{hidden:"BILL_SELECTION"!==B},Xe.checkError?r.createElement(_.S,{onReload:()=>console.log("")}):ee&&r.createElement(ke,{design:R,views:I,step:3,title:_$translate("bills.modal.step3.title")},nt(Ue)?r.createElement(Ie,{onCancel:Qn,assets:a}):r.createElement(an,{bill:Ue,onCancel:et,onSubmit:async e=>{se(e),(0,A.y_)(we,()=>z("BILL_PAYMENT_CONFIRMATION"),()=>{ye(!0),z("CHOOSE_ACCOUNT")})},assets:a}))),r.createElement(T.b,{hidden:"CHOOSE_ACCOUNT"!==B},r.createElement(ke,{design:R,views:I,step:4,title:j.formatMessage({id:"title.select.account"})},r.createElement(g.g,{loader:()=>c.loadAccounts(),skeleton:r.createElement(()=>r.createElement(w.D,{contentList:[{contentType:w.L.CARD,height:80}]}),null),error:()=>r.createElement(_.S,{onReload:()=>c.loadAccounts()}),render:e=>r.createElement(En,{accounts:e,handleSelectAccount:tt,assets:a})}))),r.createElement(T.b,{hidden:"BILL_PAYMENT_CONFIRMATION"!==B},ce&&we&&r.createElement(Pn,{selectedAccount:we,goToAccountStep:()=>{z("CHOOSE_ACCOUNT")},selectedBill:ce,goToBillSelectionStep:()=>{z("BILL_SELECTION")},submitTransfer:e=>!0===e.add_to_favoris?c.addFavoriteBiller({billId:ue,billerId:ge?ge.billerId:Z.id,paymentMethod:ge?ge.paymentMethod:Z.paymentMethod,amount:ce.amount.amount,accountDebitor:null!==we&&void 0!==we&&we.addZero?we.branchCode+"."+we.accountNumber.substring(1)+"."+we.currency:we.branchCode+"."+we.accountNumber+"."+we.currency}).then(e=>{(0,m.vJ)(m.Ue),Be(!0),c.confirmPayBill({debitAccountNumber:(0,A.y_)(null===we||void 0===we?void 0:we.addZero,()=>we.branchCode+"."+we.accountNumber.substring(1)+"."+we.currency,()=>we.branchCode+"."+we.accountNumber+"."+we.currency),transferAmount:ce.amount.amount,billRef:ue,billerId:(0,A.y_)(ge,()=>ge.billerId,()=>Z.id),otp:en}),z("OTP")}).catch(e=>{(0,A.y_)(e&&400===(null===e||void 0===e?void 0:e.status),()=>{cn({checkError:!0,errorMsg:null===e||void 0===e?void 0:e.message})},()=>{Wn({checkError:!0,errorMsg:"wire.transfer.modal.errors.other"})}),Be(!0)}):c.confirmPayBill({debitAccountNumber:(0,A.y_)(null===we||void 0===we?void 0:we.addZero,()=>we.branchCode+"."+we.accountNumber.substring(1)+"."+we.currency,()=>we.branchCode+"."+we.accountNumber+"."+we.currency),transferAmount:ce.amount.amount,billRef:ue,billerId:(0,A.y_)(ge,()=>ge.billerId,()=>Z.id),otp:en}).then(()=>z("OTP")).catch(e=>{(0,A.y_)(e&&400===(null===e||void 0===e?void 0:e.status),()=>{cn({checkError:!0,errorMsg:null===e||void 0===e?void 0:e.message})},()=>{})}),handleCancel:et,assets:a,FavorisCheck:Vn})),r.createElement(T.b,{hidden:"OTP"!==B},r.createElement(Rt,{isPushNotif:d,phoneNumber:p,onSubmit:e=>new Promise(function(n,t){nn(e.otp),console.log("pay bill call"),c.executePayBill({accountDebitor:(0,A.y_)(null===we||void 0===we?void 0:we.addZero,()=>we.branchCode+"."+we.accountNumber.substring(1)+"."+we.currency,()=>we.branchCode+"."+we.accountNumber+"."+we.currency),amount:ce.amount.amount,billRef:ue,billerId:(0,A.y_)(ge,()=>ge.billerId,()=>Z.id),paymentMethod:ge?"BOTH"!==ge.paymentMethod&&ge.paymentMethod?ge.paymentMethod:u.g5.ACCOUNT:"BOTH"!==Z.paymentMethod&&Z.paymentMethod?Z.paymentMethod:u.g5.ACCOUNT,sessionId:ce.sessionId,paymentRequestId:ce.paymentRequestId},e.otp).then(()=>{(0,m.Fs)(),z("PAYMENT_SUCCESS"),_e(!0)}).catch(e=>{(0,A.y_)(e&&400===(null===e||void 0===e?void 0:e.status),()=>cn({checkError:!0,errorMsg:null===e||void 0===e?void 0:e.message}),()=>cn({checkError:!0,errorMsg:"wire.transfer.modal.errors.other"}))}),Be(!0)}),onCancel:et,TransferCheck:on,TransferSendBackOtp:()=>{c.confirmPayBill({debitAccountNumber:null!==we&&void 0!==we&&we.addZero?we.branchCode+"."+we.accountNumber.substring(1)+"."+we.currency:we.branchCode+"."+we.accountNumber+"."+we.currency,transferAmount:ce.amount.amount,billRef:ue,billerId:ge?ge.billerId:Z.id,otp:en}),z("OTP")}})),r.createElement(T.b,{hidden:"QUIT_CONFIRMATION"!==B},r.createElement(k.A,{message:"modal.title.cancel.description",title:"modal.title.attention",confirmHandler:Qn,isOpen:"QUIT_CONFIRMATION"===B,close:()=>{z(L)},buttons:{confirm:"action.title.confirm",cancel:"action.title.back"}})),r.createElement(T.b,{hidden:"PAYMENT_SUCCESS"!==B},r.createElement(k.A,{is_success:!0,message:"payement.title.succes",title:"congrats",confirmHandler:Qn,isOpen:"PAYMENT_SUCCESS"===B})),r.createElement(T.b,{hidden:"PAYMENT_ERROR"!==B},r.createElement(Ln,{errorMsg:mn,assets:a})))))}};
1var Vt,Ht=t(682),Wt=t(47471),qt=t(59183),Gt=t(81677),Zt=t(75332),Xt=t(82418),Kt=t(87033),Jt=t(68512),Qt=t(81761),ea=t(34260),na=t(38653),ta=t(80812);const aa=t(74649),la=e=>{var n,t,a,f,g;let h=e.context;const v=(0,s.b)(),b=(0,r.useState)(new(x())),E=(0,i.A)(b,1)[0],A=(0,r.useState)(!1),w=(0,i.A)(A,2),N=w[0],k=w[1],C=(0,o.A)(),S="true"===h.config.storageProvider.get("offline.enabled"),T={COINS:Zt.default,BOOK_OPEN_ICON:Xt,EMPTY:Kt.default,BAG:Jt.default,TICK:Qt.default,ERROR:ea,DISABLED_DEVICE:na.default},_=[(0,ta.jsx)(Wt.ReactComponent,{style:{width:18,height:18,fill:"#51516c"}})],R=(0,d.ny)(),I={loadAccounts:()=>v.UseAccountsHook(),loadAccountDetail:e=>h.client.account({input:{accountNumber:e}}).then(Ht.FE),saveGauge:e=>v.SaveGauge(e),createAccountAlias:e=>v.CreateAccountAlias(e),editAccountAlias:e=>v.EditAccountAlias(e),deleteAccountAlias:e=>v.DeleteAccountAlias(e)},O={context:h,title:"bill.title.payement",section:{title:C.formatMessage({id:"bill.title.payement"})},secondaryMenu:p.yE.filter(e=>R(e.name)),actions:!(null!==(n=h.user)&&void 0!==n&&n.contractStatus)&&[{icon:"ic_facture",text:C.formatMessage({id:"bills.modal.title"}),onClick:()=>{E.emit("SHOW_FACTURE_MODAL")},buttonType:"filled",buttonIcon:(0,ta.jsx)(Wt.ReactComponent,{style:{width:16,height:16,fill:"#ffffff"}})}],hiddenForMobile:!1,isBillSubMenu:!0,isR2:!0,locked:null===(t=h.user)||void 0===t?void 0:t.contractStatus},M={events:E,load:()=>h.client.payBillOperations().then(Ht.YA),loadByAccount:e=>(0,m.tv)(m.yK+e).then(n=>n&&!S?n:h.client.payBillOperationsByAccount({input:{accountNumber:e}}).then(Ht.YA).then(n=>((0,m.lx)(m.yK+e,n),n))),loadBillers:()=>h.client.billers().then(Ht.mq),form:e=>h.client.getBillerForm({input:{billerId:e}}).then(Ht.n2),bill:(e,n,t,a,l)=>h.client.getBill({input:{billerId:e,billerParams:n,sessionId:t,paymentMethod:a,paymentRequestId:l}}).then(Ht.wd),loadAccounts:()=>(0,m.tv)(m.YF).then(e=>{var n;return e&&!S?null!==(n=h.tenantConfig)&&void 0!==n&&n.addZeroToAccountNumber?(0,Ht.Fn)(e):e:h.client.accounts().then(Ht.VA).then(e=>{var n;return(0,m.lx)(m.YF,e),null!==(n=h.tenantConfig)&&void 0!==n&&n.addZeroToAccountNumber?(0,Ht.Fn)(e):e})}),payBill:e=>h.client.payBill({input:e}).then(Ht.zf),addFavoriteBiller:e=>h.client.addFavoriteBiller({input:e}).then(Ht.af),getFavoriteBillers:()=>(0,m.tv)(m.Ue).then(e=>e&&!S?e:h.client.getFavoriteBillers({}).then(Ht.xc).then(e=>((0,m.lx)(m.Ue,e),e))),deleteFavoriteBiller:e=>h.client.deleteFavoriteBiller({input:{urn:e}}),confirmPayBill(e){const n={amount:e.transferAmount.toString(),accountDebitor:e.debitAccountNumber},t={type:u.ks.AUTHORIZE,operation:"CREATE_TRANSFER",claims:n};return h.client.createUserToken({input:t}).then(e=>{"SENT_BY_PUSH"===e.value&&k(!0)})},executePayBill(e,n){const t={amount:e.amount.toString(),accountDebitor:e.accountDebitor},a=aa.createHash("sha256").update(JSON.stringify(t)+"|"+h.config.storageProvider.get("unb-secret"),"utf-8").digest("hex"),l={type:u.ks.TRANSACTION,operation:"CREATE_TRANSFER",hash:a,claims:t};return h.client.createUserToken({input:l,headers:{"X-UNB-Transaction-Token":n}}).then(n=>h.client.payBill({input:e,headers:{"X-UNB-Transaction-Token":n.value}}).then(Ht.zf))}};console.log("icons ",_);const B=(0,r.useState)(null),z=(0,i.A)(B,2),P=z[0],F=z[1];return(0,ta.jsxs)(c.A,(0,l.A)((0,l.A)({},O),{},{children:[(0,ta.jsx)(qt.b,{service:I,adapter:Gt.A,design:null===(a=h.tenantConfig)||void 0===a?void 0:a.seo.design,onlyAccounts:!0,onAccountSelect:e=>{F(e.accountId)}}),(0,ta.jsx)(ia,{children:O.actions&&P&&(0,ta.jsx)(y,{service:M,phoneNumber:h&&h.user&&h.user.mobile||"xxxxxxxxxxx",isPushNotif:N,adapter:Dt,assets:T,tenant:h.tenant,design:null===(f=h.tenantConfig)||void 0===f?void 0:f.seo.design,actionButtonProps:O.actions[0],icons:_,currentUser:"R2"===(null===(g=h.tenantConfig)||void 0===g?void 0:g.seo.design)&&P})})]}))};t.dn(la);const ia=he.Ay.div(Vt||(Vt=(0,a.A)(["\n margin-top: 74px;\n display: flex;\n justify-content: space-around;\n flex-wrap: wrap;\n @media screen and (max-width: ","px) {\n flex-direction: column;\n & > div:nth-child(1) {\n margin-bottom: 41px;\n }\n & >
1 div:nth-child(2) {\n width: auto;\n & > div {\n float: left;\n width: 100%;\n .block > div {\n width: 100%;\n }\n }\n }\n }\n"])),I.z.breakpoints.values.lg)},23140(e,n,t){"use strict";var a,l,i=t(43207),r=t(72176),o=t(68512),c=t(86896);const s=c.A.span(a||(a=(0,i.A)(["\n font-weight: 600;\n"]))),d=c.A.div(l||(l=(0,i.A)(["\n .primary-text {\n font-weight: 500;\n color: #333333;\n }\n .secondary-text {\n color: #000000;\n font-weight: 500;\n }\n .schema {\n font-weight: 600;\n }\n"])));t.d(n,["w",0,e=>{let n=e.type,t=e.accountNumber;const a={BAG:o.default};return r.createElement(d,{className:"d-flex align-items-center"},r.createElement("img",{src:a.BAG,width:16}),r.createElement("div",{className:"d-flex flex-column justify-content-between p-2"},r.createElement("span",{className:"primary-text"},n),r.createElement("span",{className:"secondary-text"},r.createElement(s,null,"RIB")," ",t)))}])},14420(e,n,t){"use strict";t.d(n,{b:()=>m});var a=t(43207),l=t(72176),i=t(86896),r=t(62254),o=t(44437);var c,s,d=t(83482);const m=e=>{let n=e.title,t=e.actionButtonProps;return l.createElement(u,null,l.createElement("div",{className:"history-title"},n&&l.createElement(d.d,{variant:"h3",children:n}),l.createElement(p,null)),t&&((a=t)&&a.text?l.createElement(r.$,{className:"sub-menu-button",onClick:a.onClick,variant:null===a||void 0===a?void 0:a.buttonType,disabled:null===a||void 0===a?void 0:a.disabled,iconBefore:null===a||void 0===a?void 0:a.icon},a.text&&l.createElement(o.A,{id:a.text})):null));var a},u=i.A.div(c||(c=(0,a.A)(["\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n // .history-title {\n // font-family: 'Montserrat';\n // font-size: 18px;\n // font-weight: 600;\n // line-height: 0.89;\n // text-align: left;\n // color: '#010135';\n // }\n\n @media (max-width: 1024px) {\n margin-bottom: 10px;\n .history-title{\n font-size: 15px;\n font-weight: bold;\n font-stretch: normal;\n font-style: normal;\n line-height: 1.07;\n align-self: flex-end;\n }\n }\n\n"]))),p=i.A.div(s||(s=(0,a.A)(["\n width: 47px;\n height: 3px;\n background-color: #231f20;\n margin: 9px 0px 0px 0px;\n @media (max-device-width: 480px) {\n margin: 2px 0px;\n }\n"])))},63681(e,n,t){"use strict";t.d(n,{x:()=>o});var a=t(72176),l=t(22964),i=t(73292);const r=(0,l.A)({root:{width:"100%",top:0,left:0,padding:0,position:"absolute",background:"transparent","& .MuiMobileStepper-progress":{backgroundColor:"#e5ebf7",width:"100%"},"& .MuiLinearProgress-barColorPrimary":{backgroundColor:"#ed5a68"}}});function o(e){let n=e.steps,t=e.currentStep,l=e.style;const o=r();return a.createElement(i.A,{variant:"progress",steps:n,position:"static",activeStep:t||1,className:o.root,style:l,nextButton:null,backButton:null})}},16472(e,n,t){"use strict";var a,l,i=t(43207),r=t(72176),o=t(43989),c=t(21486),s=t(356);const d=(0,s.Ay)(c.b)(a||(a=(0,i.A)(["\n background-color: #01011c;\n position: fixed;\n top: 0;\n bottom: 0;\n width: 100vw;\n height: 100vh;\n left: 0;\n right: 0;\n z-index: 9999;\n opacity: 0.6;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n"]))),m=s.Ay.div(l||(l=(0,i.A)(["\n display: inline-block;\n position: relative;\n width: 80px;\n height: 80px;\n\n div {\n position: absolute;\n width: 6px;\n height: 6px;\n background: #fff;\n border-radius: 50%;\n animation: lds-default 3s linear infinite;\n }\n div:nth-child(1) {\n animation-delay: 0s;\n top: 37px;\n left: 66px;\n }\n div:nth-child(2) {\n animation-delay: -0.1s;\n top: 22px;\n left: 62px;\n }\n div:nth-child(3) {\n animation-delay: -0.2s;\n top: 11px;\n left: 52px;\n }\n div:nth-child(4) {\n animation-delay: -0.3s;\n top: 7px;\n left: 37px;\n }\n div:nth-child(5) {\n animation-delay: -0.4s;\n top: 11px;\n left: 22px;\n }\n div:nth-child(6) {\n animation-delay: -0.5s;\n top: 22px;\n left: 11px;\n }\n div:nth-child(7) {\n animation-delay: -0.6s;\n top: 37px;\n left: 7px;\n }\n div:nth-child(8) {\n animation-delay: -0.7s;\n top: 52px;\n left: 11px;\n }\n div:nth-child(9) {\n animation-delay: -0.8s;\n top: 62px;\n left: 22px;\n }\n div:nth-child(10) {\n animation-delay: -0.9s;\n top: 66px;\n left: 37px;\n }\n div:nth-child(11) {\n animation-delay: -1s;\n top: 62px;\n left: 52px;\n }\n div:nth-child(12) {\n animation-delay: -1.1s;\n top: 52px;\n left: 62px;\n }\n @keyframes lds-default {\n 0%, 20%, 80%, 100% {\n transform: scale(1);\n }\n 50% {\n transform: scale(1.5);\n }\n }\n"])));t.d(n,["D",0,e=>{let n=e.show;return o.createPortal(r.createElement(d,{hidden:!n},r.createElement(m,{className:"lds-default"},r.createElement("div",null),r.createElement("div",null),r.createElement("div",null),r.createElement("div",null),r.createElement("div",null),r.createElement("div",null),r.createElement("div",null),r.createElement("div",null),r.createElement("div",null),r.createElement("div",null),r.createElement("div",null),r.createElement("div",null))),document.body)}])},66802(e,n,t){"use strict";var a,l=t(43207),i=t(18188),r=t(86896),o=t(15521),c=t.n(o),s=t(72176),d=t(8702);const m=r.A.div(a||(a=(0,l.A)(['\n display: flex;\n align-items: center;\n height: 160px;\n border-radius: 7px;\n box-shadow: 1px 2px 3px 0px rgb(184 184 203 / 40%);\n margin-bottom: 0.5em;\n padding: 15px 5px 15px 0px;\n font-size: 0.8em;\n .operation_details {\n display: flex;
1\n align-content: center;\n justify-content: center;\n align-items: center;\n width:5%;\n }\n b {\n color: #090941;\n }\n p {\n margin-bottom: 0.3em;\n }\n .date {\n border-right: solid 2px #e5ebf7;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n align-content: center;\n b,\n span {\n text-align: center;\n }\n }\n\n div {\n width: 15%;\n height: 100%;\n &.details {\n margin-left:10px;\n width: 70%;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n }\n &.statut {\n display: flex;\n align-items: center;\n text-transform: initial;\n }\n \n }\n &.dispositions {\n height: 67.5px;\n div.date {\n width:20%;\n }\n div.details {\n width:50%;\n justify-content: center!important;\n }\n div.statut {\n width:25%;\n flex-flow: column nowrap!important;\n justify-content: center!important;\n span:nth-child(1){\n font-family: "Source Sans Pro";\n font-weight: 600;\n font-size: 12px;\n }\n span:nth-child(2){\n font-family: "Source Sans Pro";\n font-size: 11px;\n }\n }\n }\n \n \n\n // IMPORTANT !!\n // the following style if the one that should be added to the table\n // @media (max-width: 768px){\n // thead{\n // display: none;\n // }\n // tbody tr {\n // :hover {\n // background-color: inherit !important;\n // }\n // background-color: transparent;\n // padding: 5px!important;\n // td{\n // border-bottom: unset !important;\n // padding: 5px !important;\n // }\n // }\n // }\n'])));t.d(n,["p",0,e=>{let n=e.date,t=e.body,a=e.end,l=e.style,r=e.className,o=e.withDetails,u=e.handleClick;return s.createElement(m,{className:r,style:(0,i.A)({color:"#51516c",fontFamily:"inherit",textTransform:"uppercase",backgroundColor:"white"},l),onClick:u},s.createElement("div",{className:"date"},s.createElement("b",null,c()(n).format("D")," ",c().monthsShort("",Number(c()(n).format("M"))-1).replace(".","")),s.createElement("span",null,c()(n).format("YYYY"))),s.createElement("div",{className:"details"},t),s.createElement("div",{className:"statut"},a),o&&s.createElement("div",{className:"operation_details"},s.createElement(d.BJp,{size:16})))}])},11926(e,n,t){"use strict";t.d(n,{M:()=>i});var a=t(61249),l=t(72176);function i(){const e=(0,l.useState)(!1),n=(0,a.A)(e,2),t=n[0],i=n[1],r=(0,l.useRef)(null),o=()=>i(!0),c=()=>i(!1);return(0,l.useEffect)(()=>{const e=r.current;if(e)return e.addEventListener("mouseover",o),e.addEventListener("mouseout",c),()=>{e.removeEventListener("mouseover",o),e.removeEventListener("mouseout",c)}},[r.current]),{ref:r,isHover:t}}},4460(e,n,t){"use strict";var a=t(55513),l=t(34157),i=t(72176),r=t(72049),o=t(95514),c=i.forwardRef(function(e,n){var t=e.classes,o=e.className,c=e.row,s=void 0!==c&&c,d=(0,l.A)(e,["classes","className","row"]);return i.createElement("div",(0,a.A)({className:(0,r.A)(t.root,o,s&&t.row),ref:n},d))});const s=(0,o.A)({root:{display:"flex",flexDirection:"column",flexWrap:"wrap"},row:{flexDirection:"row"}},{name:"MuiFormGroup"})(c);t.d(n,["A",0,s])},27787(e,n,t){"use strict";t.d(n,{A:()=>y});var a=t(55513),l=t(34157),i=t(72176),r=t(72049),o=t(97284),c=t(32970);const s=(0,c.A)(i.createElement("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"}),"RadioButtonUnchecked"),d=(0,c.A)(i.createElement("path",{d:"M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"}),"RadioButtonChecked");var m=t(95514);const u=(0,m.A)(function(e){return{root:{position:"relative",display:"flex","&$checked $layer":{transform:"scale(1)",transition:e.transitions.create("transform",{easing:e.transitions.easing.easeOut,duration:e.transitions.duration.shortest})}},layer:{left:0,position:"absolute",transform:"scale(0)",transition:e.transitions.create("transform",{easing:e.transitions.easing.easeIn,duration:e.transitions.duration.shortest})},checked:{}}},{name:"PrivateRadioButtonIcon"})(function(e){var n=e.checked,t=e.classes,a=e.fontSize;return i.createElement("div",{className:(0,r.A)(t.root,n&&t.checked)},i.createElement(s,{fontSize:a}),i.createElement(d,{fontSize:a,className:t.layer}))});var p=t(11345),f=t(85303),x=t(70981),g=t(47027);var h=i.createElement(u,{checked:!0}),v=i.createElement(u,null),b=i.forwardRef(function(e,n){var t=e.checked,c=e.classes,s=e.color,d=void 0===s?"
1secondary":s,m=e.name,u=e.onChange,p=e.size,b=void 0===p?"medium":p,y=(0,l.A)(e,["checked","classes","color","name","onChange","size"]),E=i.useContext(g.A),A=t,w=(0,x.A)(u,E&&E.onChange),N=m;return E&&("undefined"===typeof A&&(A=E.value===e.value),"undefined"===typeof N&&(N=E.name)),i.createElement(o.A,(0,a.A)({color:d,type:"radio",icon:i.cloneElement(v,{fontSize:"small"===b?"small":"medium"}),checkedIcon:i.cloneElement(h,{fontSize:"small"===b?"small":"medium"}),classes:{root:(0,r.A)(c.root,c["color".concat((0,f.A)(d))]),checked:c.checked,disabled:c.disabled},name:N,checked:A,onChange:w,ref:n},y))});const y=(0,m.A)(function(e){return{root:{color:e.palette.text.secondary},checked:{},disabled:{},colorPrimary:{"&$checked":{color:e.palette.primary.main,"&:hover":{backgroundColor:(0,p.X4)(e.palette.primary.main,e.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}}},"&$disabled":{color:e.palette.action.disabled}},colorSecondary:{"&$checked":{color:e.palette.secondary.main,"&:hover":{backgroundColor:(0,p.X4)(e.palette.secondary.main,e.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}}},"&$disabled":{color:e.palette.action.disabled}}}},{name:"MuiRadio"})(b)},76246(e,n,t){"use strict";var a=t(55513),l=t(41099),i=t(34157),r=t(72176),o=t(4460),c=t(49829),s=t(86984),d=t(47027),m=t(71444);const u=r.forwardRef(function(e,n){var t=e.actions,u=e.children,p=e.name,f=e.value,x=e.onChange,g=(0,i.A)(e,["actions","children","name","value","onChange"]),h=r.useRef(null),v=(0,s.A)({controlled:f,default:e.defaultValue,name:"RadioGroup"}),b=(0,l.A)(v,2),y=b[0],E=b[1];r.useImperativeHandle(t,function(){return{focus:function(){var e=h.current.querySelector("input:not(:disabled):checked");e||(e=h.current.querySelector("input:not(:disabled)")),e&&e.focus()}}},[]);var A=(0,c.A)(n,h),w=(0,m.A)(p);return r.createElement(d.A.Provider,{value:{name:w,onChange:function(e){E(e.target.value),x&&x(e,e.target.value)},value:y}},r.createElement(o.A,(0,a.A)({role:"radiogroup",ref:A},g),u))});t.d(n,["A",0,u])},47027(e,n,t){"use strict";const a=t(72176).createContext();t.d(n,["A",0,a])},17674(e,n,t){var a=t(80945),l=t(10330),i=t(83690);e.exports=function(e){return function(n,t,r){var o=Object(n);if(!l(n)){var c=a(t,3);n=i(n),t=function(e){return c(o[e],e,o)}}var s=e(n,t,r);return s>-1?o[c?n[s]:s]:void 0}}},52665(e,n,t){var a=t(17674)(t(73621));e.exports=a},73621(e,n,t){var a=t(76367),l=t(80945),i=t(84949),r=Math.max;e.exports=function(e,n,t){var o=null==e?0:e.length;if(!o)return-1;var c=null==t?0:i(t);return c<0&&(c=r(o+c,0)),a(e,l(n,3),c)}},60113(){},8379(){},93553(){},14432(){},47331(){},63011(){},43951(){},49914(){},14168(){}}]); 2//# sourceMappingURL=1047.02b4bf06.chunk.js.map
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.