1(self.webpackChunk_bankup_web_retail=self.webpackChunk_bankup_web_retail||[]).push([[1857],{55376(e,n,t){"use strict";var a=t(18188),r=t(61249),o=t(72176),i=t(49388),l=t(30018),c=t(99339),s=t(85211);const d=t(74649),u=e=>{const n=(0,i.b)(),t=(0,i.t0)(),u=t.tenant,m=t.isDemo,p=(0,o.useState)(new s.EventEmitter),g=(0,r.A)(p,1)[0],f=(0,o.useState)(!1),x=(0,r.A)(f,2),v=x[0],h=x[1],b=(0,o.useState)(),E=(0,r.A)(b,2),y=E[0],A=E[1],w=async()=>{const e=await n.UseAccountsHook();return console.log("accountsoooooo",e),e.some(e=>{var n;return"NOT_ELIGIBLE"!==(null===(n=e.debitAccountEligibility)||void 0===n?void 0:n.VIRCARD)&&"SAVINGS"!==e.type})},k=e=>(0,l.y_)((e=>"SENT_BY_PUSH"===(null===e||void 0===e?void 0:e.value))(e),()=>h(!0),()=>{}),C=e=>({accountId:e.accountId}),T=n=>d.createHash("sha256").update(JSON.stringify(n)+"|"+e.config.storageProvider.get("unb-secret"),"utf-8").digest("hex"),S=e=>({cardToken:e.cardToken});return{service:{events:g,isPushNotif:v,loadAccounts:()=>n.UseAccountsHook().then(e=>{const n=(e=>e.filter(e=>{var n;return"NOT_ELIGIBLE"!==(null===(n=e.debitAccountEligibility)||void 0===n?void 0:n.VIRCARD)&&"SAVINGS"!==e.type}))(e);return A(n),n}),loadVirtualCards:async()=>{try{const e=await n.useGetVirtualCardsList({});return console.log("loadVirtualCards",e),e}catch(e){throw new Error("Failed to load virtual cards",{cause:e})}},confirmCreateVirtualCard:async e=>{const t=C(e),a={type:c.ks.AUTHORIZE,operation:"CREATE_VIRTUAL_CARD",claims:t};return n.useCreateUserToken(a).then(e=>(k(e),e))},createVirtualCard:async(e,t)=>{const a=C(e),r=T(a),o={type:c.ks.TRANSACTION,operation:"CREATE_VIRTUAL_CARD",hash:r,claims:a},i=await n.useCreateUserToken(o,{"X-UNB-Transaction-Token":t});return n.useCreateVirtualCard(null===i||void 0===i?void 0:i.value,e)},loadVirtualCardPlafonds:async e=>{try{return await n.useVirtualCardLimits(e)}catch(t){throw new Error("Failed to load card limits",{cause:t})}},loadVirtualCardTransactions:async e=>{try{return await n.useCardTransactionsHistory(e)}catch(t){throw new Error("Failed to load virtual card transactions",{cause:t})}},updateVirtualCardColor:async e=>{try{return await n.useUpdateVirtualCardColor(e)}catch(t){throw new Error("Failed to update virtual card color",{cause:t})}},cancelVirtualCard:async e=>{try{return await n.useCancelVirtualCard(e)}catch(t){throw new Error("Failed to cancel virtual card",{cause:t})}},toggleVirtualCardBlock:async e=>{try{return await n.useToggleCardBlock({cardToken:e.cardToken,status:e.status,cardType:c.bU.VIRTUAL})}catch(t){throw new Error("Failed to toggle virtual card block",{cause:t})}},loadCardLimits:async e=>{try{return await n.useCardTLimits(e)}catch(t){throw new Error("Failed to load card limits",{cause:t})}},confirmDisplayVirtualCardInfos:async e=>{const t=S(e),a={type:c.ks.AUTHORIZE,operation:"DISPLAY_VIRTUAL_CARD",claims:t};return n.useCreateUserToken(a).then(e=>(k(e),e))},displayVirtualCardInfos:async(e,t)=>{var o;const i=await window.crypto.subtle.generateKey({name:"RSA-OAEP",modulusLength:2048,publicExponent:new Uint8Array([1,0,1]),hash:"SHA-256"},!0,["encrypt","decrypt"]),l=await window.crypto.subtle.exportKey("spki",i.publicKey),s="-----BEGIN PUBLIC KEY-----\n"+(null!==(o=btoa(Array.from(new Uint8Array(l),e=>String.fromCharCode(e)).join("")).match(/.{1,64}/g))&&void 0!==o?o:[]).join("\n")+"\n-----END PUBLIC KEY-----";let d=i.privateKey;try{const o=S(e),i=T(o),l={type:c.ks.TRANSACTION,operation:"DISPLAY_VIRTUAL_CARD",hash:i,claims:o},u=await n.useCreateUserToken(l,{"X-UNB-Transaction-Token":t});if(m)return n.useGetVirtualCardInfos(null===u||void 0===u?void 0:u.value,e);const p=await n.useGetVirtualCardInfos(null===u||void 0===u?void 0:u.value,(0,a.A)((0,a.A)({},e),{},{publicKey:s})),g=async e=>{const n=Uint8Array.from(Array.from(atob(e),e=>e.charCodeAt(0))),t=await window.crypto.subtle.decrypt({name:"RSA-OAEP"},d,n);return(new TextDecoder).decode(t)},f=await Promise.all([g(p.cardNumber),g(p.cvv)]),x=(0,r.A)(f,2),v=x[0],h=x[1];return(0,a.A)((0,a.A)({},p),{},{cardNumber:v,cvv:h})}finally{d=null}},checkEligibilityCarteVir:w},events:g,isPushNotif:v,accountsList:y,checkEligibilityCarteVir:w,checkDisponibilityCards:async()=>(await n.useCardsList(u)).length>0}};t.d(n,["S",0,u])},26467(e,n,t){"use strict";var a,r=t(43207),o=t(18188),i=t(72176),l=(t(46351),t(15279),t(64673)),c=t(86896),s=t(7896);const d=c.A.div(a||(a=(0,r.A)(['\n //padding: 0 65px;\n display: block;\n .slick-prev,\n .slick-next {\n line-height: 0;\n\n position: absolute;\n top: 45%;\n\n display: block;\n\n width: 68px;\n height: 68px;\n padding: 0;\n -webkit-transform: translate(0, -50%);\n -ms-transform: translate(0, -50%);\n transform: translate(0, -50%);\n\n cursor: pointer;\n\n color: transparent;\n border: none;\n outline: none;\n background: transparent;\n }\n .slick-next {\n right: -85px;\n }\n\n .slick-prev {\n left: -85px;\n }\n\n .slick-prev:before,\n .slick-next:before {\n content: "" !important;\n }\n\n @media (max-width: 1024px) {\n padding: 0;\n }
1\n'])));t.d(n,["W",0,e=>{let n=e.children,t=e.additionalSettings,a=e.length,r=e.className,c=e.withDots,u=void 0!==c&&c;const m=(0,o.A)({centerMode:!1,dots:u,infinite:!1,speed:500,slidesToShow:1,slidesToScroll:1,arrows:!!window.__IS_VERSION__R1||a>=4,centerPadding:"15px",variableWidth:!0,nextArrow:i.createElement(function(e){const n=e.className,t=e.onClick;return i.createElement("div",{className:n,onClick:t},i.createElement(s.OQo,{size:"68px",color:"rgba(172, 172, 172, 0.6)"}))},null),prevArrow:i.createElement(function(e){const n=e.className,t=e.onClick;return i.createElement("div",{className:n,onClick:t},i.createElement(s.m6W,{size:"68px",color:"rgba(172, 172, 172, 0.6)"}))},null),responsive:[{breakpoint:1024,settings:{arrows:!1}},{breakpoint:860,settings:{arrows:!1}}]},t);return i.createElement(d,{className:r},i.createElement(l.A,(0,o.A)({},m),n))}])},63725(e,n,t){"use strict";var a,r,o,i=t(43207),l=t(72176),c=t(86896),s=t(19179);const d=c.A.div(a||(a=(0,i.A)(["\n display:flex;\n flex-direction:column;\n text-align: center;
1\n align-items: center;\n justify-content:center;\n padding: 56px 10px;\n margin-top:10px;\n\n"]))),u=c.A.div(r||(r=(0,i.A)(["\n font-size: 17px;\n font-weight: 600;\n margin-top: 24px;\n margin-bottom: 17px;\n"]))),m=c.A.div(o||(o=(0,i.A)(["\n font-family: Montserrat;\n font-size: 14px;\n @media (max-device-width: 410px) {\n font-size: 10px;\n }\n @media (max-device-width: 720px) {\n font-size: 11px;\n }\n @media (max-device-width: 880px) {\n font-size: 12px;\n }\n font-weight: 500;\n font-stretch: normal;\n font-style: normal;\n line-height: 1.71;\n letter-spacing: normal;\n color: #2d292a !important;\n"])));t.d(n,["p",0,e=>{let n=e.title,t=e.subTitle;return l.createElement(d,null,l.createElement(s.y3G,{size:32,color:"red"}),l.createElement(u,null,n),l.createElement(m,null,t))}])},51681(e,n,t){"use strict";var a,r,o,i=t(43207),l=t(61249),c=t(72176),s=t(74450),d=t(22964),u=t(2816),m=t(34376),p=t(21476),g=t(27424),f=t(19932),x=t(84984),v=t(81296),h=t(48222),b=t(86896),E=t(35638),y=t(63725),A=t(57023);const w={root:{},container:{},row:{cursor:"auto"},header:{fontFamily:"Open Sans",fontWeight:"bold",color:"#74798c",fontSize:"10pt"},cell:{fontFamily:"Open Sans",fontSize:"11pt",color:"rgb(44, 44, 44)"}},k=(0,d.A)(e=>(0,s.A)({root:{flexShrink:0,marginLeft:e.spacing(2.5)}}));function C(e){const n=k(),t=e.count,a=e.page,r=e.rowsPerPage,o=e.onChangePage;return c.createElement("div",{className:n.root},((e,n,t,a)=>c.createElement(T,{count:Math.ceil(e/n),page:t+1,variant:"outlined",shape:"rounded",onChange:(e,n)=>{a(e,n-1)}}))(t,r,a,o))}const T=(0,b.A)(E.A)(a||(a=(0,i.A)(["\n .MuiPaginationItem-page.Mui-selected {\n background-color: rgb(244, 255, 235);\n }\n"]))),S=(0,b.A)(v.A)(r||(r=(0,i.A)(["\n .MuiTablePagination-caption {\n font-family: Calibri;\n color: #949494;\n font-size: 11pt;\n }\n .MuiTablePagination-select {\n font-size: 11pt !important;\n background-color: white;\n border: 0.5px solid #e8e6e6;\n border-radius: 3pt;\n padding: 10pt;\n }\n .MuiTablePagination-selectRoot {\n }\n .MuiPaginationItem-page {\n background-color: white;\n font-family: Calibri !important;\n font-size: 12pt;\n color: #8f8f8f;\n }\n .MuiPaginationItem-page.Mui-selected {\n background-color: #f4ffeb !important;\n font-family: Calibri !important;\n font-weight: bold;\n color: #7d9a55;\n font-size: 12pt;\n }\n"]))),N=b.A.div(o||(o=(0,i.A)(["\n background-color: white;\n display: flex;\n height: 300px;\n align-items: center;\n justify-content: center;
1\n"])));t.d(n,["o",0,e=>{let n=e.contentType,t=e.rows,a=e.columns,r=e.pagination,o=e.style,i=void 0===o?w:o,s=e.className,v=e.hover,b=void 0===v||v,E=e.navigationMessage,k=e.emptyStateMessage;i.row.cursor=b&&"pointer";const T=(0,d.A)(i)(),z=c.useState(0),M=(0,l.A)(z,2),R=M[0],P=M[1],L=c.useState(null!==r&&void 0!==r&&r.rowsPerPage?r.rowsPerPage:null!==r&&void 0!==r&&r.rowsPerPageOptions[0]?null===r||void 0===r?void 0:r.rowsPerPageOptions[0]:25),O=(0,l.A)(L,2),I=O[0],V=O[1],_=(e,n)=>{P(n)},D=(e,n,t,a,r)=>{if(!r)return{borderBottom:"none"};const o=t.length-1===e,i=0===n,l=n===a.length-1;return{border:o?"none":"",borderBottomColor:o?"transparent":"",borderTopLeftRadius:0===e&&i?"10px":"",borderTopRightRadius:0===e&&l?"10px":"",borderBottomLeftRadius:o&&i?"10px":"",borderBottomRightRadius:o&&l?"10px":""}};return c.createElement(A.p,{className:s},c.createElement(u.A,{className:T.root},c.createElement(f.A,{className:T.container},c.createElement(m.A,null,c.createElement(x.A,null,c.createElement(h.A,null,a.map(e=>c.createElement(g.A,{"data-test-id":e.id,className:T.header,key:e.id,align:e.align,style:{minWidth:e.minWidth,maxWidth:e.maxWidth,width:e.widthValue?e.widthValue:"auto"}},e.label)))),c.createElement(p.A,null,t.slice(R*I,R*I+I).map((e,n)=>c.createElement(h.A,{className:T.row,onClick:e.onClick,hover:b,role:"checkbox",tabIndex:-1,key:e.ref},a.map((r,o)=>{const i=e[r.id];return c.createElement(g.A,{className:T.cell,style:D(n,o,t,a,T.sgDesign),key:r.id,align:r.align},i)}))))),0===t.length&&c.createElement(N,null,c.createElement(y.p,{title:k||"Aucun r\xe9sultat ne correspond \xe0 votre recherche"})))),r&&t.length>10&&c.createElement(S,{style:{borderBottom:"none"},rowsPerPageOptions:r.rowsPerPageOptions?r.rowsPerPageOptions:[10,25,50],count:t.length,rowsPerPage:I,page:R,labelRowsPerPage:t.length>I?E?E(I,n,t.length):"Affichage de ".concat(I," ").concat(n," sur ").concat(t.length):null,SelectProps:{inputProps:{"aria-label":"Row per page"},native:!0},labelDisplayedRows:e=>{e.from,e.to,e.count;return""},onChangePage:_,onPageChange:_,onRowsPerPageChange:e=>{V(+e.target.value),P(0)},ActionsComponent:t.length>I?C:()=>c.createElement("div",null)}))}])},57023(e,n,t){"use strict";var a,r=t(43207),o=t(18188),i=t(49839),l=t(72176),c=t(356);const s=["children"],d=c.Ay.div(a||(a=(0,r.A)(["\n .MuiPaper-root {\n background-color: transparent;\n box-shadow: none;\n }\n\n .MuiTableRow-root.MuiTableRow-hover:hover {\n background-color: rgba(0, 0, 0, 0.01);\n }\n\n .MuiToolbar-root {\n float: left;\n padding: 0;\n }\n\n .MuiToolbar-root p:first-of-type {\n order: 2;\n }\n .MuiToolbar-root div:last-of-type {\n order: 3;\n position: absolute;\n right: 0;\n }\n\n .MuiTablePagination-root {\n .MuiTablePagination-spacer {\n display: none;\n }\n display: block;\n }\n\n .MuiTablePagination-selectRoot {\n margin-right: 10px;\n }\n\n .MuiTablePagination-toolbar {\n width: 100%;\n .MuiTablePagination-caption {\n color: #949494;\n font-family: inherit;\n font-size: 11px;\n }\n\n .MuiTablePagination-select {\n padding: 4px 20px 4px 8px !important;\n }\n\n .MuiPagination-ul {\n .MuiPaginationItem-root {\n border: solid 1px #e5ebf6 !important;\n color: #51516c;\n font-family: 'Montserrat' !important;\n font-weight: 600;\n font-size: 0.8em;\n line-height: 1.31;\n }\n\n .Mui-selected {\n border-radius: 3px !important;\n background-color: #35335d !important;\n color: #fff !important;\n }\n\n .MuiPaginationItem-icon {\n color: #51516c;\n }\n }\n }\n\n thead tr th {\n background-color: transparent;\n text-transform: initial;\n border: none;\n :nth-child(4) {\n //text-align: center;\n }\n }\n\n tbody {\n tr {\n background-color: #fff;\n td {\n text-transform: initial;\n padding: 20px;\n font-weight: 500;\n :nth-of-type(3) {\n font-weight: 500;\n }\n }\n &:last-of-type{\n td{\n border-bottom: 0.16rem solid transparent !important;\n\n }\n }\n }}\n\n .onerow {\n overflow: auto;\n p {\n display: flex;\n }\n span {\n flex-shrink: 0;\n color: #51516c;\n font-size: 13px;\n b {\n font-weight: 400;\n margin-right: 2em;\n }\n }\n p:last-of-type {\n b {\n font-weight: 500;\n }\n }\n }\n\n @media (max-width: 500px) {\n .MuiTable-root {\n margin-bottom: 30px;\n }\n\n thead {\n display: none;\n }\n tbody tr {\n background-color: #fff;\n box-shadow: 0 2px 3px 0 rgba(184, 184, 203, 0.2);\n padding: 5px !important;\n td {\n padding: 10px 5px !important;\n }\n\n :hover {\n background-color: inherit !important;\n }\n }\n }\n\n @media (max-width: 414px) {\n thead {\n display: none;\n }\n tbody tr {\n background-color: #fff;\n box-shadow: 0 2px 3px 0 rgba(184, 184, 203, 0.2);\n padding: 5px !important;\n\n :hover {\n background-color: inherit !important;\n }\n }\n }\n"])));t.d(n,["p",0,e=>{let n=e.children,t=(0,i.A)(e,s);return l.createElement(d,(0,o.A)({},t),n)}])},79077(e,n,t){"use strict";t.d(n,{d:()=>fe});var a=t(43207),r=t(61249),o=t(72176),i=t(86896),l=t(48155),c=t(8451),s=t(44437),d=t(63037);const u=t.p+"static/media/virtualCards.4afc60753b1952c1707c80f1b9b60a0a.svg";var m,p,g,f,x,v,h,b=t(18188),E=t(356),y=t(95514),A=t(90958),w=t(44346),k=t(19179),C=t(78015),T=t(16799),S=t(43074),N=t(49444),z=t(1534),M=t(92934),R=t(47526),P=t(62254),L=t(81220),O=t(5622),I=t(7896);const V=["#b5471b","#1a5276","#7a1f3d","#0b1e51","#7b2d8b"];function _(e){let n=e.opened,t=e.closeForm,a=e.card,i=e.onSuccess,l=e.onError,c=e.service;const d=(0,o.useState)(0),u=(0,r.A)(d,2),m=u[0],p=u[1],g=(0,o.useState)((null===a||void 0===a?void 0:a.color)||V[0]),f=(0,r.A)(g,2),x=f[0],v=f[1],h=(0,o.useState)(!1),E=(0,r.A)(h,2),y=E[0],A=E[1];(0,o.useEffect)(()=>
1{if(n&&null!==a&&void 0!==a&&a.color){v(a.color);const e=V.indexOf(a.color);p(e>=0?e:0)}},[n,null===a||void 0===a?void 0:a.color]);const w=V[m],C=(0,b.A)((0,b.A)({},a),{},{color:w});console.log("displayCard=====",c);const T=()=>{p(e=>(e-1+V.length)%V.length)},S=()=>{p(e=>(e+1)%V.length)},N=()=>{A(!1),t()},z=()=>{if(null===c||void 0===c||!c.updateVirtualCardColor)return console.error("Service method updateVirtualCardColor not implemented"),N(),void(i&&i());console.log("Updating card color to",w),A(!0),c.updateVirtualCardColor({cardToken:a.cardToken,cardColor:w}).then(e=>{console.log("Color update response\xe0\xe0\xe0:",e),A(!1),"OK"===(null===e||void 0===e?void 0:e.ack)?(N(),i&&i()):l&&l("ERROR")}).catch(e=>{A(!1),l&&l((null===e||void 0===e?void 0:e.message)||"ERROR")})};return o.createElement(R.R,{title:"virtual.card.customize.title",mode:"center-only",closable:!0,modalRootStyle:{width:"500px",maxWidth:"90vw",height:"641px"},onClose:N,onBackdropClick:N,handlePrevStep:()=>{},open:n,steps:1,progress:1,hideStepper:!0,titles:["virtual.card.customize.title"],render:()=>o.createElement(o.Fragment,null,o.createElement(L.h8,null,o.createElement(D,null,o.createElement(F,null,o.createElement(B,{type:"button",onClick:T,"aria-label":"Previous color"},o.createElement(I.m6W,{size:"68px",color:"rgba(172, 172, 172, 0.6)"})),o.createElement(U,null,o.createElement(O.n,{card:C,isActive:!0,onSelect:()=>{},hideActionButtons:!0})),o.createElement(B,{type:"button",onClick:S,"aria-label":"Next color"},o.createElement(I.OQo,{size:"68px",color:"rgba(172, 172, 172, 0.6)"}))),o.createElement(X,null,V.map((e,n)=>o.createElement(j,{key:e,type:"button",color:e,selected:n===m,onClick:()=>p(n),"aria-label":"Color ".concat(n+1)},n===m&&o.createElement(Y,null,o.createElement(k.YrT,{size:16}))))))),o.createElement(L.Go,{style:{marginTop:"20px"}},o.createElement(P.$,{onClick:z,variant:"filled",type:"submit",isLoading:y,disabled:y||w===x,className:"red-button"},o.createElement(s.A,{id:"action.title.confirm"})),o.createElement(P.$,{onClick:N,variant:"filled",disabled:y,style:{"& *":{color:"#35335d!important"}},className:"grey-button"},o.createElement(s.A,{id:"chequier.commandes.annuler"}))))})}const D=E.Ay.div(m||(m=(0,a.A)(["\n background: #ffffff;\n border-radius: 12px;\n padding: 20px;\n margin: 16px 0;\n border: 1px solid rgba(0, 0, 0, 0.08);\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 20px;\n"]))),F=E.Ay.div(p||(p=(0,a.A)(["\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 12px;\n width: 100%;\n"]))),B=E.Ay.button(g||(g=(0,a.A)(["\n width: 36px;\n height: 36px;\n border: none;\n border-radius: 50%;\n background: rgba(9, 9, 65, 0.06);\n color: #090941;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n transition: background-color 0.15s ease, transform 0.15s ease;\n\n &:hover {\n background: rgba(9, 9, 65, 0.12);\n transform: translateY(-1px);\n }\n\n &:focus-visible {\n outline: 2px solid #090941;\n outline-offset: 2px;\n }\n"]))),U=E.Ay.div(f||(f=(0,a.A)(["\n max-width: 339px;\n\n > div {\n margin: 0 auto;\n }\n"]))),X=E.Ay.div(x||(x=(0,a.A)(["\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 14px;\n"]))),j=E.Ay.button(v||(v=(0,a.A)(["\n position: relative;\n width: 40px;\n height: 40px;\n border-radius: 8px;\n background-color: ",";\n border: 2px solid rgba(0, 0, 0, 0.12);\n cursor: pointer;\n padding: 0;\n transition: transform 0.15s ease, box-shadow 0.15s ease;\n box-shadow: ",";\n\n &:hover {\n transform: translateY(-2px);\n }\n"])),e=>e.color,e=>e.selected?"0 0 0 2px rgba(0, 0, 0, 0.1), 0 2px 6px rgba(0, 0, 0, 0.12)":"0 2px 4px rgba(0, 0, 0, 0.08)"),Y=E.Ay.div(h||(h=(0,a.A)(["\n position: absolute;\n inset: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n background: rgba(0, 0, 0, 0.15);\n border-radius: 6px;\n color: white;\n font-weight: bold;\n"])));var K=t(99339),W=t(82982),H=t(57683);const G={skeletonView:()=>o.createElement(W.D,{width:"100%",title:!0,contentList:[{contentType:W.L.ACCOUNTCARD}]}),errorView:()=>o.createElement(H.S,null)};var q,$,Q,J;const Z=(0,w.Ay)(e=>{let n=e.card,t=e.service,a=e.reload,i=e.onReloadCards,l=(e.adapter,e.intl),c=e.phoneNumber;const d=(0,o.useState)(!1),u=(0,r.A)(d,2),m=u[0],p=u[1],g=(0,o.useState)(!1),f=(0,r.A)(g,2),x=f[0],v=f[1],h=(0,o.useState)(!1),b=(0,r.A)(h,2),E=b[0],y=b[1],A=(0,o.useState)(""),w=(0,r.A)(A,2),T=w[0],R=w[1],P=(0,o.useState)(!1),O
1=(0,r.A)(P,2),I=O[0],V=O[1],D=(0,o.useState)(!1),F=(0,r.A)(D,2),B=F[0],U=F[1],X=(0,o.useState)(!1),j=(0,r.A)(X,2),Y=j[0],W=j[1],H=(0,o.useState)({message:"",open:!1}),q=(0,r.A)(H,2),$=(q[0],q[1]),Q=(0,o.useState)(!1),J=(0,r.A)(Q,2),Z=J[0],ee=J[1],ie=(0,o.useState)(!1),le=(0,r.A)(ie,2),ce=le[0],se=le[1],de=(0,o.useState)(!1),ue=(0,r.A)(de,2),me=ue[0],pe=ue[1],ge=(0,o.useState)(!1),fe=(0,r.A)(ge,2),xe=fe[0],ve=fe[1],he=(0,o.useState)(!1),be=(0,r.A)(he,2),Ee=be[0],ye=be[1],Ae="BLOCKED"===(null===n||void 0===n?void 0:n.status)||"CANCELLED"===(null===n||void 0===n?void 0:n.status);console.log("Rendering VirtualCardManagement for card",t);const we=n.status===K.vj.BLOCKED,ke=(()=>{const e=(n.cardToken||"").replace(/\s/g,""),t=e.slice(0,4)||"****",a=e.slice(-4)||"****";return"".concat(t," XXXX XXXX ").concat(a)})();return(0,o.useEffect)(()=>{var e;const n=()=>U(!0);return null===(e=t.events)||void 0===e||e.on("SHOW_VIRTUAL_CARD_MODAL",n),()=>{var e;null===(e=t.events)||void 0===e||e.removeListener("SHOW_VIRTUAL_CARD_MODAL",n)}},[t]),o.createElement(o.Fragment,null,o.createElement("div",{style:{marginTop:"20px"}},o.createElement(S.u,{subtitle:"virtual.cards.management.title"}),o.createElement(te,null,o.createElement(ae,{onClick:()=>!("CANCELLED"===(null===n||void 0===n?void 0:n.status))&&v(!0),role:"button",tabIndex:0},o.createElement(re,null,o.createElement(s.A,{id:"virtual.cards.management.delete"})),o.createElement(k.IXo,{size:24,color:"CANCELLED"===(null===n||void 0===n?void 0:n.status)?"#A59F9F":(null===n||void 0===n?void 0:n.color)||"#ed5a68"})),o.createElement(ae,{role:"button"},o.createElement(re,null,o.createElement(s.A,{id:"virtual.cards.management.lock"})),o.createElement(ne,{checked:we,disabled:"CANCELLED"===(null===n||void 0===n?void 0:n.status),onChange:()=>p(!0),color:"secondary",inputProps:{"aria-label":"Verrouiller la carte"}})),o.createElement(ae,{role:"button",tabIndex:0,style:{cursor:"pointer"},onClick:()=>!Ae&&W(!0)},o.createElement(re,null,o.createElement(s.A,{id:"virtual.cards.management.customize"})),o.createElement(oe,{disabled:Ae,type:"button","aria-label":l.formatMessage({id:"virtual.cards.management.customize"})},o.createElement(C.u6n,{size:24,color:Ae?"#A59F9F":(null===n||void 0===n?void 0:n.color)||"#005658"}))))),o.createElement(N.A,{message:l.formatMessage({id:we?"virtual.cards.management.unlock.modal.body":"virtual.cards.management.lock.modal.body"}),beneficiaryNumber:ke,close:()=>p(!1),isOpen:m,confirmHandler:()=>{ye(!0);const e=we?K._q.ACTIVE:K._q.BLOCKED;t.toggleVirtualCardBlock({cardToken:n.cardToken,status:e}).then(e=>{console.log("toggleVirtualCardBlock ack:",e),"OK"===e.ack?(R(we?"modal.title.success.unlock.card":"modal.title.success.lock.card"),y(!0),pe(!0)):V(!0)}).catch(()=>V(!0)).finally(()=>{p(!1),ye(!1)})},isLoading:Ee}),o.createElement(N.A,{message:l.formatMessage({id:"virtual.cards.management.delete.modal.body"}),beneficiaryNumber:ke,close:()=>v(!1),isOpen:x,confirmHandler:()=>{ye(!0),t.cancelVirtualCard({cardToken:n.cardToken}).then(e=>{"OK"===e.ack?(R("virtual.cards.delete.success"),y(!0),se(!0)):V(!0)}).catch(()=>V(!0)).finally(()=>{v(!1),ye(!1)})},isLoading:Ee}),o.createElement(N.A,{is_success:!0,isOpen:E,title:"congrats",message:T,confirmHandler:()=>{y(!1),a(),Z&&(null===i||void 0===i||i(),ee(!1)),ce&&(null===i||void 0===i||i(),se(!1)),me&&(null===i||void 0===i||i(),pe(!1)),xe&&(null===i||void 0===i||i(),ve(!1))}}),o.createElement(z.A,{confirmHandler:()=>V(!1),isOpen:I,asset:M.default,closeErrorModal:()=>V(!1)}),o.createElement(L.Ay,{opened:B,openForm:()=>U(!0),closeForm:()=>U(!1),accounts:[],onSuccess:()=>{R("virtual.cards.create.success"),y(!0),U(!1),ve(!0)},onError:e=>{$({message:e||"ERROR",open:!0}),U(!1)},service:t,adapter:G,phoneNumber:c}),o.createElement(_,{opened:Y,closeForm:()=>W(!1),card:n,service:t,onSuccess:()=>{W(!1),R("virtual.cards.color.update.success"),y(!0),ee(!0)},onError:e=>{$({message:e||"ERROR",open:!0}),V(!0)}}))}),ee=e=>o.createElement(Z,(0,b.A)({},e)),ne=(0,y.A)({root:{marginLeft:"auto"},switchBase:{"&$checked":{color:"#26b29d","& + $track":{backgroundColor:"#26b29d",opacity:.4}},"&$focusVisible $thumb":{color:"#52d869"}},checked:{},track:{}})(A.A),te=E.Ay.div(q||(q=(0,a.A)(["\n width: 100%;\n margin-top: 10px;\n display: flex;\n flex-direction: column;\n gap: 14px;\n"]))),ae=E.Ay.div($||($=(0,a.A)(["\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n background-color: #fff;\n border-radius: 5px;\n padding: 14px 20px;\n min-height: ",";\n box-sizing: border-box;\n cursor: pointer;\n transition: box-shadow 0.15s ease;\n\n &:hover {\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);\n }\n\n &:focus-visible {\n outline: 2px solid #090941;\n outline-offset: 2px;\n }\n"])),"64px"),re=E.Ay.span(Q||(Q=(0,a.A)(["\n font-family: ",";\n font-size: 14px;\n font-weight: 500;\n color: #090941;\n @media (max-width: 600px) {\n font-size: 13px;\n }\n"])),T.pQ.sourceSansPro),oe=E.Ay.button(J||(J=(0,a.A)(["\n width: 32px;\n height: 32px;\n border: 0;\n padding: 0;\n border-radius: 50%;\n background: transparent;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n cursor: pointer;
1\n"])));var ie,le,ce,se,de,ue,me=t(15521),pe=t.n(me);const ge=e=>{let n=e.cards,t=e.adapter,a=e.cardAdapter,i=e.currentCard,c=e.service,s=e.onSelectCard,d=e.leftContent,u=e.rightContent,m=e.onReloadCards,p=e.phoneNumber;const g=n.filter(e=>e.status===K.vj.ACTIVE||e.status===K.vj.BLOCKED||e.status===K.vj.CANCELLED),f=(0,o.useState)(g[0]),x=(0,r.A)(f,2),v=x[0],h=x[1],b=(0,o.useState)(!1),E=(0,r.A)(b,2),y=E[0],A=E[1];(0,o.useEffect)(()=>{i&&(h(i),A(!0))},[i]);return o.createElement(o.Fragment,null,o.createElement(xe,null,o.createElement(a.mainView,{cards:g,onSelectCard:e=>{h(e),A(!0),s&&s(e)},activeCard:v,service:c,phoneNumber:p})),o.createElement(he,null,o.createElement(be,null,d?o.createElement(d,{activeCard:v,service:c}):o.createElement(l.g,{loader:()=>c.loadVirtualCardTransactions({cardToken:(null===v||void 0===v?void 0:v.cardToken)||"",cardType:K.bU.VIRTUAL,maxAmount:1e6,minAmount:0,pageNumber:1,pageSize:20,initiatedAfter:pe()().subtract(5,"years").toISOString(),initiatedBefore:pe()().toISOString()}),skeleton:t.skeletonView,error:()=>o.createElement(t.errorView,{onReload:()=>c.loadVirtualCardTransactions({cardToken:(null===v||void 0===v?void 0:v.cardToken)||"",cardType:K.bU.VIRTUAL,maxAmount:1e6,minAmount:0,pageNumber:1,pageSize:20,initiatedAfter:pe()().subtract(5,"years").toISOString(),initiatedBefore:pe()().toISOString()})}),render:(e,n)=>o.createElement(t.mainView,{transactions:e,activeCard:v,service:c,refreshTransactions:y,reload:()=>{n(),A(!1)}})})),o.createElement(Ee,null,v&&o.createElement(ee,{card:v,service:c,reload:()=>A(!0),onReloadCards:m,adapter:G,phoneNumber:p}),u&&o.createElement(ye,null,o.createElement(u,{activeCard:v,service:c})))))},fe=e=>{let n=e.service,t=e.adapter,a=e.cardAdapter,i=e.currentCard,d=e.onSelectCard,m=e.leftContent,p=e.rightContent,g=e.phoneNumber;const f=(0,o.useState)(!1),x=(0,r.A)(f,2),v=x[0],h=x[1];return(0,o.useEffect)(()=>{var e;const t=()=>h(!0);return null===(e=n.events)||void 0===e||e.on("SHOW_VIRTUAL_CARD_MODAL",t),()=>{var e;null===(e=n.events)||void 0===e||e.removeListener("SHOW_VIRTUAL_CARD_MODAL",t)}},[n]),o.createElement(l.g,{loader:()=>n.loadVirtualCards(),skeleton:a.skeletonView,error:()=>o.createElement(t.errorView,{onReload:()=>n.loadVirtualCards()}),render:(e,r)=>0===e.length?o.createElement(o.Fragment,null,o.createElement(ve,null,o.createElement(c.l,{icon:u,title:o.createElement(s.A,{id:"virtual.cards.empty.title"}),subTitle:o.createElement(s.A,{id:"virtual.cards.empty.subtitle"}),action:()=>h(!0),actionLabel:"virtual.cards.empty.action"})),o.createElement(L.Ay,{opened:v,openForm:()=>h(!0),closeForm:()=>h(!1),accounts:[],onSuccess:()=>{h(!1),r()},onError:()=>h(!1),service:n,adapter:G,phoneNumber:g})):o.createElement(ge,{cards:e,adapter:t,cardAdapter:a,currentCard:i,service:n,onSelectCard:d,leftContent:m,rightContent:p,onReloadCards:r,phoneNumber:g})})},xe=i.A.div(ie||(ie=(0,a.A)(["\n width: 100%;\n"]))),ve=i.A.div(le||(le=(0,a.A)(["\n > div {\n margin: 32px auto 0;\n max-width: 520px;\n }\n\n img {\n width: 500px;\n height: 170px;\n max-height: 170px;\n object-fit: cover;\n object-position: center;\n display: block;\n }\n\n .title {\n margin-top: 12px;\n margin-bottom: 8px;\n max-width: 360px;\n line-height: 1.25;\n }\n\n .sub-title {\n width: 100%;\n max-width: 430px;\n margin-top: 0;\n margin-bottom: 18px;\n }\n"]))),he=i.A.div(ce||(ce=(0,a.A)(["\n display: flex;\n justify-content: space-between;\n gap: clamp(36px, 4vw, 64px);\n @media (max-width: ","px) {\n flex-direction: column;\n gap: 0;\n }\n"])),d.z.breakpoints.values.md),be=i.A.div(se||(se=(0,a.A)(["\n flex: 0 1 55%;\n max-width: 55%;\n min-width: 0;\n @media (max-width: ","px) {\n flex: 0 0 100%;\n max-width: 100%;\n }\n"])),d.z.breakpoints.values.md),Ee=i.A.div(de||(de=(0,a.A)(["\n flex: 0 0 35%;\n max-width: 35%;\n @media (max-width: ","px) {\n flex: 0 0 100%;\n max-width: 100%;\n }\n"])),d.z.breakpoints.values.md),ye=i.A.div(ue||(ue=(0,a.A)(["\n margin-top: 40px;\n"])))},46229(e,n,t){"use strict";t.d(n,{j:()=>N});var a,r,o=t(61249),i=t(72176),l=t(43074),c=t(8451),s=t(82982),d=t(57683),u=t(43207),m=t(86896),p=t(2848
11),g=t(50191),f=t(51681),x=t(99339),v=t(49388),h=t(15521),b=t.n(h),E=t(44346),y=t(44437);const A={[x.D.CREDIT]:"virtual.cards.status.credit",[x.D.DEBIT]:"virtual.cards.status.debit"},w={[x.D.CREDIT]:"#2fb26a",[x.D.DEBIT]:"#ed5a68"},k=(0,E.Ay)(e=>{let n=e.operations,t=e.intl;const a=(0,v.t0)().tenant,r=(0,p.XX)().isMobile;let o,l;return r?(o=[{id:"date"},{id:"libelle"},{id:"amount"}],l=n.map((e,n)=>({ref:n,date:e.date?i.createElement("div",{style:{display:"flex",flexDirection:"column"}},i.createElement("span",null,b()(e.date).format("DD/MM")),i.createElement("span",null,b()(e.date).format("YYYY"))):"\u2014",libelle:e.transactionId,amount:i.createElement("div",{style:{textAlign:"center"}},i.createElement("span",null,e.amount.amount," ",e.amount.currency))}))):(o=[{id:"date",label:i.createElement(y.A,{id:"virtual.cards.history.date"})},{id:"type",label:i.createElement(y.A,{id:"virtual.cards.history.type",defaultMessage:"Type"}),width:30},{id:"amount",label:i.createElement(y.A,{id:"virtual.cards.history.amount"})},{id:"flow",label:i.createElement(y.A,{id:"virtual.cards.history.flow",defaultMessage:"Flow"})}],l=n.map((e,n)=>({ref:n,date:e.date?b()(e.date).format("DD/MM/YYYY"):"\u2014",type:e.type,amount:i.createElement("div",{className:"text-left"},i.createElement(g.wN,{value:e.amount.amount,suffix:e.amount.currency,colorSufix:!1,tenantId:a})),flow:i.createElement(C,{color:w[""+e.flow]},i.createElement(y.A,{id:A[""+e.flow]}))}))),i.createElement(T,null,i.createElement(f.o,{emptyStateMessage:t.formatMessage({id:"Operations.Empty.SubList"}),style:{root:{},container:{},row:{cursor:"pointer"},header:{fontFamily:"inherit",fontWeight:"500",color:"#51516c",fontSize:"13px"},cell:{fontFamily:"inherit",fontSize:"13px",color:"#010135",padding:r?"0px!important":void 0},sgDesign:!0},rows:l,columns:o,contentType:"",pagination:{rowsPerPage:10,rowsPerPageOptions:[10,25,50]},navigationMessage:(e,n,a)=>t.formatMessage({id:"table.pagination.message"},{rowsPerPage:e,contentType:n,length:a})}))}),C=m.A.span(a||(a=(0,u.A)(["\n font-family: 'Source Sans Pro', sans-serif;\n font-size: 15px;\n line-height: 1.38;\n color: ",";\n @media (max-width: 778px) {\n font-size: 14px;\n }\n"])),e=>e.color),T=m.A.div(r||(r=(0,u.A)(["\n margin-top: 10px;\n div:not(#actions-menu) .MuiPaper-root {\n background-color: transparent;\n box-shadow: none;\n }\n .MuiToolbar-root {\n float: left;\n padding: 0;\n }\n .MuiToolbar-root p:first-of-type {\n order: 2;\n }\n .MuiToolbar-root div:last-of-type {\n order: 3;\n position: absolute;\n right: 0;\n }\n .MuiTablePagination-root {\n .MuiTablePagination-spacer {\n display: none;\n }\n display: block;\n }\n .MuiTablePagination-selectRoot {\n margin-right: 10px;\n }\n .MuiTablePagination-toolbar {\n width: 100%;\n .MuiTablePagination-caption {\n color: #949494;\n font-family: inherit;\n font-size: 11px;\n }\n .MuiTablePagination-select {\n padding: 4px 20px 4px 8px !important;\n }\n .MuiPagination-ul {\n .MuiPaginationItem-root {\n border: solid 1px #e5ebf6 !important;\n color: #51516c;\n font-family: 'Montserrat' !important;\n font-weight: 600;\n font-size: 13px;\n line-height: 1.31;\n }\n .Mui-selected {\n border-radius: 3px !important;\n background-color: #35335d !important;\n color: #fff !important;\n }\n .MuiPaginationItem-icon {\n color: #51516c;\n }\n }\n @media (max-width: 414px) {\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 thead tr th {\n background-color: transparent;\n text-transform: initial;\n border: none;\n }\n tbody tr {\n background-color: #fff;\n padding: 5px !important;\n td {\n font-weight: 500;\n font-size: 16px;\n font-family: 'Source Sans Pro';\n @media (max-width: 778px) {\n padding: 10px !important;\n font-size: 13px;\n }\n @media (max-width: 414px) {\n padding: 7px !important;\n font-size: 11px;\n }\n @media (max-width: 635px) {\n font-size: 12px;\n }\n :nth-of-type(2) {\n font-weight: 600;\n }\n :nth-of-type(3) {\n font-weight: 600;\n }\n }\n }\n"])));var S=t(93056);const N={skeletonView:()=>{const e=i.useState(window.innerWidth),n=(0,o.A)(e,2),t=n[0],a=n[1];return i.useEffect(()=>{const e=()=>a(window.innerWidth);return window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]),i.createElement(s.D,{width:t<=780?"100%":"65%",title:!0,contentList:new Array(4).fill({contentType:s.L.CARD})})},errorView:d.S,mainView:e=>{let n=e.transactions,t=e.refreshTransactions,a=e.reload;const r=n?[...n].sort((e,n)=>new Date(n.date).getTime()-new Date(e.date).getTime()):[];return(0,i.useEffect)(()=>{t&&a&&a()},[t]),i.createElement("div",{style:{marginTop:"20px"}},i.createElement(l.u,{subtitle:"virtual.cards.history.title"}
1),0===r.length?i.createElement(c.l,{icon:S.default,title:i.createElement(y.A,{id:"virtual.cards.transactions.empty.title"}),subTitle:i.createElement(y.A,{id:"virtual.cards.transactions.empty.subtitle"})}):i.createElement(k,{operations:r}))}}},81546(e,n,t){"use strict";var a,r,o,i,l,c,s,d,u,m,p=t(43207),g=t(61249),f=t(72176),x=t(43074),v=t(48155),h=t(57683),b=t(8451),E=t(82982),y=t(44437),A=t(16799),w=t(86896),k=t(93056),C=t(99339);const T=e=>{var n,t;let a=e.item;return f.createElement(D,null,f.createElement("div",{style:{width:"100%"}},f.createElement("div",{className:"limit-title-row"},f.createElement("span",{className:"limit-label"},a.labelKey&&f.createElement(y.A,{id:a.labelKey}))),f.createElement("div",{className:"limit-amount"},null===a||void 0===a||null===(n=a.amount)||void 0===n?void 0:n.amount," ",f.createElement("span",{className:"limit-currency"},null===a||void 0===a||null===(t=a.amount)||void 0===t?void 0:t.currency))))},S=e=>{var n,t;let a=e.item;return f.createElement(D,null,f.createElement("div",{style:{width:"100%"}},f.createElement("div",{className:"limit-title-row"},f.createElement("span",{className:"limit-label"},"YEARLY"===(null===a||void 0===a?void 0:a.type)?f.createElement(y.A,{id:"used.card.limits.yearly"}):f.createElement(y.A,{id:"used.card.limits.daily"}))),f.createElement("div",{className:"limit-amount"},null===a||void 0===a||null===(n=a.amount)||void 0===n?void 0:n.amount," ",f.createElement("span",{className:"limit-currency"},null===a||void 0===a||null===(t=a.amount)||void 0===t?void 0:t.currency))))},N=e=>{let n=e.plafonds;const t=(0,f.useState)(!0),a=(0,g.A)(t,2),r=a[0],o=a[1],i=n.filter(e=>e.operationType.toUpperCase().includes("ACHAT")).reduce((e,n)=>{var t,a;const r=n.area||"NATIONAL";return e[r]||(e[r]=[]),e[r].push({cardToken:n.cardToken,labelKey:n.type,amount:{amount:(null===(t=n.amount)||void 0===t?void 0:t.amount)||0,currency:(null===(a=n.amount)||void 0===a?void 0:a.currency)||"XOF"},type:n.type,area:r,operationType:n.operationType}),e},{}),l=[{titleKey:"purchase.service",items:i.NATIONAL||[]},{titleKey:"purchase.service",items:i.INTERNATIONAL||[]}],c=r?[l[0]]:[l[1]];return f.createElement(f.Fragment,null,f.createElement(L,null,f.createElement(O,{active:r,onClick:()=>o(!0)},f.createElement(y.A,{id:"virtual.cards.plafonds.national"})),f.createElement(O,{active:!r,onClick:()=>o(!1)},f.createElement(y.A,{id:"virtual.cards.plafonds.international"}))),f.createElement(I,null,c.map(e=>f.createElement(V,{key:e.titleKey},f.createElement(_,null,f.createElement(y.A,{id:e.titleKey})),f.createElement(F,null,e.items.map((e,n)=>f.createElement(T,{key:"".concat(e.type,"-").concat(n),item:e})))))))},z=e=>{let n=e.usedCardLimits;return n.length?f.createElement(B,null,f.createElement(_,null,f.createElement(y.A,{id:"consommation"})),f.createElement(F,null,n.map((e,n)=>f.createElement(S,{key:"".concat(e.operationType,"-").concat(n),item:e})))):null},M=()=>{const e=f.useState(window.innerWidth),n=(0,g.A)(e,2),t=n[0],a=n[1];return f.useEffect(()=>{const e=()=>a(window.innerWidth);return window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]),f.createElement(E.D,{width:t<=780?"100%":"65%",title:!0,contentList:new Array(4).fill({contentType:E.L.CARD})})},R=w.A.div(a||(a=(0,p.A)(["\n margin-top: 20px;\n"]))),P=w.A.div(r||(r=(0,p.A)(["\n display: flex;\n flex-direction: column;\n gap: 18px;\n"]))),L=w.A.div(o||(o=(0,p.A)(["\n display: flex;\n width: 100%;\n gap: 10px;\n margin-bottom: 8px;\n @media (max-width: 780px) {\n width: 100%;\n }\n"]))),O=w.A.div(i||(i=(0,p.A)(["\n flex: 1;\n display: flex;\n justify-content: center;\n align-items: center;\n height: 45px;\n border-radius: 7px;\n box-shadow: 0 2px 5px 0 rgba(184, 184, 202, 0.3);\n background-color: #fff;\n font-family: ",";\n font-size: 15px;\n cursor: pointer;\n transition: font-weight 0.15s ease, color 0.15s ease;\n ","\n"])),A.pQ.sourceSansPro,e=>e.active?"font-weight: 600; color: #090941;":"font-weight: 400; color: #6c6c8a;"),I=w.A.div(l||(l=(0,p.A)(["\n display: grid;\n grid-template-columns: 1fr;\n gap: 8px;\n\n @media (max-width: 780px) {\n grid-template-columns: 1fr;\n }\n"]))),V=w.A.div(c||(c=(0,p.A)(["\n margin-top: 0;\n margin-bottom: 14px;\n"]))),_=w.A.div(s||(s=(0,p.A)(["\n font-family: ",";\n font-size: 16px;\n font-weight: 600;\n color: #010135;\n margin-bottom: 6px;\n"])),A.pQ.sourceSansPro),D=w.A.div(d||(d=(0,p.A)(["\n width: 100%;\n padding: 10px 20px 10px 10px;\n background-color: #fff;\n border-radius: 5px;\n margin-top: 0;\n\n .limit-title-row {\n display: flex;\n justify-content: space-between;
1\n align-items: center;\n margin-bottom: 4px;\n }\n .limit-label {\n font-family: ",";\n font-size: 14px;\n color: #6c6c8a;\n }\n .limit-amount {\n font-family: ",";\n font-size: 16px;\n font-weight: 600;\n color: #010135;\n }\n .limit-currency {\n font-size: 13px;\n font-weight: 500;\n color: #6c6c8a;\n }\n\n @media (max-width: 780px) {\n width: 100%;\n }\n"])),A.pQ.sourceSansPro,A.pQ.sourceSansPro),F=w.A.div(u||(u=(0,p.A)(["\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 12px;\n\n @media (max-width: 420px) {\n grid-template-columns: 1fr;\n gap: 0;\n }\n"]))),B=w.A.div(m||(m=(0,p.A)(["\n margin-top: 0;\n margin-bottom: 14px;\n"]))),U={skeletonView:M,errorView:h.S,mainView:e=>{let n=e.activeCard,t=e.service;return n&&t?f.createElement(R,null,f.createElement(x.u,{subtitle:"virtual.cards.plafonds.title"}),f.createElement(P,null,f.createElement(v.g,{loader:()=>t.loadCardLimits({cardToken:n.cardToken,cardType:n.cardType,pageNumber:1,pageSize:100}),skeleton:M,error:()=>f.createElement("div",null),render:e=>e?f.createElement(N,{plafonds:e}):f.createElement(b.l,{icon:k.default,title:f.createElement(y.A,{id:"virtual.cards.empty.title"}),subTitle:f.createElement(y.A,{id:"virtual.cards.empty.subtitle"})})}),f.createElement(v.g,{loader:()=>t.loadVirtualCardPlafonds({cardToken:n.cardToken,cardType:C.bU.VIRTUAL,pageNumber:1,pageSize:100}),skeleton:M,error:()=>f.createElement("div",null),render:e=>f.createElement(z,{usedCardLimits:e})}))):f.createElement(R,null,f.createElement(x.u,{subtitle:"virtual.cards.plafonds.title"}),f.createElement(b.l,{icon:k.default,title:f.createElement(y.A,{id:"virtual.cards.empty.title"}),subTitle:f.createElement(y.A,{id:"virtual.cards.empty.subtitle"})}))}};t.d(n,["l",0,U])},26870(e,n,t){"use strict";t.d(n,{e:()=>P});var a,r,o=t(43207),i=t(18188),l=t(61249),c=t(72176),s=t(26467),d=t(1534),u=t(82982),m=t(57683),p=t(5622),g=t(44437),f=t(8702),x=t(28012),v=t(47526),h=t(23889),b=t(81220),E=t(15521),y=t.n(E),A=t(86896),w=t(63037);function k(e){var n;let t=e.opened,a=e.closeForm,r=e.card,o=e.service,s=e.onSuccess,d=e.onError,u=e.phoneNumber;const m=(0,c.useState)({checkError:!1,errorMsg:""}),p=(0,l.A)(m,2),E=p[0],A=p[1],w=(0,c.useState)(60),k=(0,l.A)(w,2),S=k[0],N=k[1],z=(0,c.useState)(!1),M=(0,l.A)(z,2),R=M[0],P=M[1],L=(0,c.useState)(""),O=(0,l.A)(L,2),I=O[0],V=O[1],_=u||"XXXXXXXXXX",D=!(null===o||void 0===o||!o.isPushNotif);(0,c.useEffect)(()=>{let e;return"working"===I&&(e=setTimeout(()=>N(S-1),1e3)),()=>{clearTimeout(e)}},[S,I]),(0,c.useEffect)(()=>{if(R){V("working");const e=setTimeout(()=>{V(""),P(!1),N(60)},6e4);return()=>{clearTimeout(e)}}},[R]);const F=()=>{A({checkError:!1,errorMsg:""}),V(""),P(!1),N(60),a()},B=()=>{null!==o&&void 0!==o&&o.confirmDisplayVirtualCardInfos&&o.confirmDisplayVirtualCardInfos({cardToken:null===r||void 0===r?void 0:r.cardToken}).then(()=>{A({checkError:!1,errorMsg:""}),P(!0)}).catch(e=>{d&&d((null===e||void 0===e?void 0:e.message)||"ERROR")})},U={onSubmit:async e=>(e=>(A({checkError:!1,errorMsg:""}),((null===o||void 0===o?void 0:o.displayVirtualCardInfos)||(()=>Promise.resolve({cardNumber:"",cvv:""})))({cardToken:null===r||void 0===r?void 0:r.cardToken,expiryDate:y()(null===r||void 0===r?void 0:r.expiresOn).format("YYYY-MM-DD HH:mm:ss")},e.otp).then(e=>{s&&s(e),F()}).catch(e=>{var n;throw!e||406!==e.status&&400!==e.status?(F(),d&&d((null===e||void 0===e?void 0:e.message)||"ERROR")):A({checkError:!0,errorMsg:(null===e||void 0===e||null===(n=e.initial)||void 0===n||null===(n=n.response)||void 0===n||null===(n=n.data)||void 0===n?void 0:n.message)||"wire.transfer.modal.errors.code"}),e})))(e),onCancel:F,fields:[{name:"otp",type:"numeric",label:"beneficiary.enter.verification.code",id:"cardInfosOtp",help:c.createElement("div",{style:{display:"flex",flexDirection:"column",textAlign:"left"}},E.checkError&&c.createElement("div",{style:{marginBottom:"15px"}},c.createElement("span",{style:{textAlign:"left",color:"#f44336",marginTop:5}},c.createElement(f.$4v,{size:14,style:{marginRight:6}})," ",c.createElement(g.A,{id:E.errorMsg}))))}],initialValues:{otp:""},validation:x.Ik().shape({otp:x.Yj().required("fr"===(null===(n=window)||void 0===n?void 0:n.__DEFLANG__)?"Champ obligatoire":"Required field")}),submitText:"action.title.continue",setError:()=>{A({checkError:!1,errorMsg:""})}};return c.createElement(v.R,{title:"virtual.card.infos.title",mode:"center-only",closable:!0,hideStepper:!0,modalRootStyle:{width:"460px",maxWidth:"90vw",minHeight:"455px"},onClose:F,onBackdropClick:F,handlePrevStep:()=>{},open:t,render:()=>c.createElement(b.h8,null,c.createElement(C,{className:"design-r2"},c.createElement("div",{className:"info"},D?c.createElement(c.Fragment,null,c.createElement("span",null,c.createElement(g.A,{id:"benef
1iciary.get.notification"})),c.createElement("span",null,c.createElement(g.A,{id:"beneficiary.with.code.validation"}))):c.createElement(c.Fragment,null,c.createElement("span",null,c.createElement(g.A,{id:"beneficiary.verification.code"})),c.createElement("strong",{style:{color:"#010135"}},"xxxxxxxx"+_.substring(_.length-2)))),c.createElement(h.l,(0,i.A)({},U)),R?c.createElement("div",{className:"action_renvoyer_otp_v2"},c.createElement(T,{disabled:!0},S," ",c.createElement(g.A,{id:"beneficiary.resend.code"}))):c.createElement(c.Fragment,null,c.createElement("div",{className:"renvoyer_otp"},c.createElement("span",null,c.createElement(g.A,{id:"beneficiary.receive.code"}))),c.createElement("div",{className:"action_renvoyer_otp"},c.createElement(T,{onClick:B},c.createElement(g.A,{id:"title.resend"}))))))})}const C=A.A.div(a||(a=(0,o.A)(["\n display: flex;\n flex-direction: column;\n font-size: 12px;\n text-align: center;\n font-weight: 400;\n overflow: hidden;\n margin-top: 10px;\n\n @media (max-width: ","px) {\n width: 100%;\n overflow: hidden;\n }\n\n @media (max-width: ","px) {\n span {\n width: 100%;\n }\n }\n\n .form {\n display: flex;\n flex-direction: column;\n width: 390px;\n margin: auto;\n\n @media (max-width: ","px) {\n width: 100%;\n }\n }\n\n .action_renvoyer_otp {\n display: flex;\n flex-direction: column;\n width: 100px;\n margin: 10px auto;\n }\n\n .action_renvoyer_otp_v2 {\n display: flex;\n flex-direction: column;\n width: 300px;\n margin: 10px auto;\n }\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: #000;\n margin: 10px 0 3.5px 0;\n\n span {\n font-family: Montserrat;\n font-size: 14px;\n font-weight: 500;\n }\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"])),w.z.breakpoints.values.xs,w.z.breakpoints.values.xs,w.z.breakpoints.values.xs),T=A.A.button(r||(r=(0,o.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: transparent;\n cursor: pointer;\n\n &:disabled {\n cursor: not-allowed;\n }\n"])));var S,N,z=t(92934);const M=A.A.div(S||(S=(0,o.A)([""]))),R=A.A.div(N||(N=(0,o.A)(["\n outline: none;\n padding: 20px 15px 30px;\n @media (max-width: ","px) {\n padding: 10px 10px 20px;\n margin-right: 10px;\n }\n"])),w.z.breakpoints.values.md),P={skeletonView:()=>{const e=c.useState(window.innerWidth),n=(0,l.A)(e,2),t=n[0],a=n[1];return c.useEffect(()=>{const e=()=>a(window.innerWidth);return window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]),c.createElement(c.Fragment,null,c.createElement(u.D,{width:t<=780?"100%":"65%",title:!1,contentList:new Array(1).fill({contentType:u.L.ACCOUNTCARD})}))},errorView:m.S,mainView:e=>{let n=e.cards,t=e.onSelectCard,a=e.activeCard,r=e.service,o=e.phoneNumber;const u=(0,c.useState)(a||n[0]),m=(0,l.A)(u,2),g=m[0],f=m[1],x=a||g,v=(0,c.useState)({}),h=(0,l.A)(v,2),b=h[0],E=h[1],y=(0,c.useState)(null),A=(0,l.A)(y,2),w=A[0],C=A[1],T=(0,c.useState)(!1),S=(0,l.A)(T,2),N=S[0],P=S[1],L=(0,c.useState)(null),O=(0,l.A)(L,2),I=O[0],V=O[1],_=(0,c.useState)(!1),D=(0,l.A)(_,2),F=D[0],B=D[1],U=(0,c.useRef)({}),X=e=>{f(e),t&&t(e)},j=e=>{b[e.cardToken]?E(n=>{const t=(0,i.A)({},n);return delete t[e.cardToken],t}):null!==r&&void 0!==r&&r.confirmDisplayVirtualCardInfos&&r.confirmDisplayVirtualCardInfos({cardToken:e.cardToken}).then(()=>{V(null),C(e),P(!0),V(e.cardToken)}).catch(()=>{V(null),B(!0)})};return(0,c.useEffect)(()=>
1{Object.keys(b).forEach(e=>{if(!U.current[e]){const n=setTimeout(()=>{E(n=>{const t=(0,i.A)({},n);return delete t[e],t}),delete U.current[e]},6e4);U.current[e]=n}}),Object.keys(U.current).forEach(e=>{b[e]||(clearTimeout(U.current[e]),delete U.current[e])})},[b]),(0,c.useEffect)(()=>()=>{Object.values(U.current).forEach(e=>clearTimeout(e)),U.current={}},[]),c.createElement(M,null,c.createElement(s.W,{length:n.length,withDots:!1},n.map(e=>c.createElement(R,{key:e.cardToken},c.createElement(p.n,{card:e,isActive:(null===x||void 0===x?void 0:x.cardToken)===e.cardToken,onSelect:X,revealedInfo:b[e.cardToken],onRevealClick:j,isRevealing:I===e.cardToken})))),w&&c.createElement(k,{opened:N,closeForm:()=>{P(!1),C(null),V(null)},card:w,service:r,onSuccess:e=>{w&&E(n=>(0,i.A)((0,i.A)({},n),{},{[w.cardToken]:e})),P(!1),C(null)},onError:()=>{P(!1),C(null),B(!0)},phoneNumber:o}),c.createElement(d.A,{confirmHandler:()=>B(!1),isOpen:F,asset:z.default,closeErrorModal:()=>B(!1)}))}}},81220(e,n,t){"use strict";t.d(n,{Go:()=>Y,h8:()=>j,Ay:()=>_});var a=t(43207),r=t(18188),o=t(61249),i=t(72176),l=t(44437),c=t(60549),s=t(47526),d=t(48155),u=t(30995),m=t(62254),p=t(30374),g=t(49388),f=t(30018),x=t(31901);const v=t.p+"static/media/sharp-track-changes.508b45920c071a500bf9c905b5ba0d2a.svg";var h,b,E,y,A,w,k,C,T,S,N,z,M=t(356),R=t(63037),P=t(16799),L=t(23889),O=t(8702),I=t(28012),V=t(2438);function _(e){var n;let t=e.opened,a=(e.openForm,e.closeForm),c=e.accounts,p=e.onSuccess,h=e.service,b=e.adapter,E=e.onError,y=e.phoneNumber;const A=(0,V.A)(),w=(0,g.t0)().tenant,k=(0,i.useState)(1),C=(0,o.A)(k,2),T=C[0],S=C[1],N=(0,i.useState)(null),z=(0,o.A)(N,2),M=z[0],R=z[1],P=(0,i.useState)(null),_=(0,o.A)(P,2),X=_[0],H=_[1],G=(0,i.useState)(!1),q=(0,o.A)(G,2),$=q[0],Q=q[1],J=(0,i.useState)(60),Z=(0,o.A)(J,2),ee=Z[0],ne=Z[1],te=(0,i.useState)(!1),ae=(0,o.A)(te,2),re=ae[0],oe=ae[1],ie=(0,i.useState)(""),le=(0,o.A)(ie,2),ce=le[0],se=le[1],de={ACCOUNT_NORMAL:x.default,TRACK_CHANGES:v},ue=!(null===h||void 0===h||!h.isPushNotif),me=y||"XXXXXXXXXX";(0,i.useEffect)(()=>{let e;return"working"===ce&&(e=setTimeout(()=>ne(ee-1),1e3)),()=>{clearTimeout(e)}},[ee,ce]),(0,i.useEffect)(()=>{if(re){se("working");const e=setTimeout(()=>{se(""),oe(!1),ne(60)},6e4);return()=>{clearTimeout(e)}}},[re]),console.log("accounts in form adapter",h,y);const pe=()=>{R(null),H(null),ne(60),se(""),oe(!1),S(1),a()},ge=e=>{S(e)},fe=()=>{S(T+1)},xe=()=>{Q(!0);((null===h||void 0===h?void 0:h.confirmCreateVirtualCard)||(()=>Promise.resolve()))(ve()).then(()=>{Q(!1),S(4)}).catch(e=>{Q(!1),E&&E((null===e||void 0===e?void 0:e.message)||"ERROR")})},ve=()=>({accountId:null===M||void 0===M?void 0:M.accountId,usage:X,cardColor:"#b5471b",productCode:"VC1"}),he=(0,i.useState)({checkError:!1,errorMsg:""}),be=(0,o.A)(he,2),Ee=be[0],ye=be[1],Ae=()=>{((null===h||void 0===h?void 0:h.confirmCreateVirtualCard)||(()=>Promise.resolve()))(ve()).then(()=>{ye({checkError:!1,errorMsg:""}),oe(!0)}).catch(e=>{E&&E((null===e||void 0===e?void 0:e.message)||"ERROR")})},we={onSubmit:async e=>(e=>(ye({checkError:!1,errorMsg:""}),Q(!0),((null===h||void 0===h?void 0:h.createVirtualCard)||(()=>Promise.resolve()))(ve(),e.otp).then(e=>{console.log("Virtual card created successfullya",e),Q(!1),R(null),H(null),ne(60),se(""),oe(!1),S(1),p&&p()}).catch(e=>{throw Q(!1),(0,f.y_)(e&&(406===e.status||400===e.status),()=>{var n;ye({checkError:!0,errorMsg:A.formatMessage({id:(null===e||void 0===e||null===(n=e.initial)||void 0===n||null===(n=n.response)||void 0===n||null===(n=n.data)||void 0===n?void 0:n.message)||"wire.transfer.modal.errors.code"})})},()=>{pe(),E&&E((null===e||void 0===e?void 0:e.message)||"ERROR")}),e})))(e),onCancel:()=>{ye({checkError:!1,errorMsg:""}),Q(!1),ne(60),se(""),oe(!1),pe()},fields:[{name:"otp",type:"numeric",label:"beneficiary.enter.verification.code",id:"benefOtp",help:i.createElement("div",{style:{display:"flex",flexDirection:"column",textAlign:"left"}},Ee.checkError&&i.createElement("div",{style:{marginBottom:"15px"}},i.createElement("span",{style:{textAlign:"left",color:"#f44336",marginTop:5}},i.createElement(O.$4v,{size:14,style:{marginRight:6}})," ",i.createElement(l.A,{id:Ee.errorMsg}))))}],initialValues:{otp:""},validation:I.Ik().shape({otp:I.Yj().required("fr"===(null===(n=window)||void 0===n?void 0:n.__DEFLANG__)?"Champ obligatoire":"Required field")}),submitText:"action.title.continue",setError:()=>{ye({checkError:!1,errorMsg:""})}};return i.createElement(s.R,{title:"virtual.card.create.title",mode:"center-only",closable:!0,modalRootStyle:{minWidth:"460px",maxWidth:"90vw",height:4==T?"455px":"641px"},onClose:pe,onBackdropClick:pe,handlePrevStep:()=>{S(T-1),(0,f.y_)(T-1===1,()=>H(null),()=>{})},open:t,steps:4,progress:T,titles:["virtual.card.step.account","virtual.card.step.cardType","virtual.card.recap.title",""],render:()=>{return 1===T?i.createElement(i.Fragment,null,i.createElement(j,null,i.createElement(d.g,{skeleton:i.createElement(b.skeletonView,null),loader:()=>{var e;return(null===(e=h.loadAccounts)||void 0===e?void 0:e.call(h))||Promise.resolve([])},error:()=>i.createElement(b.errorView,null),render:e=>e.map((e,n)=>i.createElement("div",{style:{paddingTop:10,paddingBottom:10},"data-test-id":"accountCard"+n},i.createElement(u.T,{className:"account-card",showMenu:!1,account:e,clicked:()=>{return n=e,(0,f.y_)(X,()=>S(3),()=>S(2)),void R(n);var n}
1,tenant:w,showSold:!1,withoutGaugeIcon:!0,withBackgroundColor:!0,isCheckbook:!0})))})),i.createElement(Y,null)):2===T?i.createElement(i.Fragment,null,i.createElement(j,null,i.createElement(B,{style:{marginTop:0}},i.createElement(l.A,{id:"chequier.commandes.compteemetteur"})),i.createElement(u.T,{className:"account-card",showMenu:!1,account:M,tenant:w,showSold:!1,withoutGaugeIcon:!0,withBackgroundColor:!0,editable:(null===c||void 0===c?void 0:c.length)>1,onEditClick:()=>ge(1),isCheckbook:!0}),i.createElement(B,null,i.createElement(l.A,{id:"virtual.card.choose.type",defaultMessage:"Type de carte virtuelle"})),i.createElement(D,null,i.createElement(F,{selected:"MONO"===X,onClick:()=>H("MONO")},i.createElement("input",{type:"radio",name:"cardType",checked:"MONO"===X,onChange:()=>H("MONO")}),i.createElement("span",null,i.createElement(l.A,{id:"virtual.card.type.mono",defaultMessage:"MONO"}))),i.createElement(F,{selected:"REUSABLE"===X,onClick:()=>H("REUSABLE")},i.createElement("input",{type:"radio",name:"cardType",checked:"REUSABLE"===X,onChange:()=>H("REUSABLE")}),i.createElement("span",null,i.createElement(l.A,{id:"virtual.card.type.reusable",defaultMessage:"R\xc9UTILISABLE"}))))),i.createElement(Y,{style:{marginTop:"30px"}},i.createElement(m.$,{disabled:!X,onClick:fe,variant:"filled",type:"submit",className:"red-button"},i.createElement(l.A,{id:"chequier.commandes.continuer"})))):3==T?i.createElement(i.Fragment,null,i.createElement(j,null,i.createElement(B,{style:{marginTop:0}},i.createElement(l.A,{id:"chequier.commandes.compteemetteur"})),i.createElement(U,{icon:i.createElement("img",{src:de.ACCOUNT_NORMAL}),accountType:null!==(e=null!==(n=null===M||void 0===M?void 0:M.accountAlias)&&void 0!==n?n:null===M||void 0===M?void 0:M.accountName)&&void 0!==e?e:"",accountNumber:null!==(t=null===M||void 0===M?void 0:M.newAccountNumber)&&void 0!==t?t:"",accountAgency:M?"Agence : "+M.branchCode+" "+M.branchName:"",editable:!0,onEditClick:()=>ge(1)}),i.createElement(B,null,i.createElement(l.A,{id:"virtual.card.type",defaultMessage:"Type de carte"})),i.createElement(U,{icon:i.createElement("img",{src:de.TRACK_CHANGES,style:{width:22,objectFit:"contain"}}),accountName:"MONO"===X?i.createElement(l.A,{id:"virtual.card.type.mono",defaultMessage:"MONO"}):i.createElement(l.A,{id:"virtual.card.type.reusable",defaultMessage:"R\xc9UTILISABLE"}),accountNumber:"",accountAgency:"",editable:!0,onEditClick:()=>ge(2)})),i.createElement(Y,{style:{marginTop:"30px"}},i.createElement(m.$,{onClick:xe,variant:"filled",type:"submit",isLoading:$,disabled:$,className:"red-button"},i.createElement(l.A,{id:"chequier.commandes.confirmecommande"})),i.createElement(m.$,{onClick:pe,variant:"filled",disabled:$,style:{"& *":{color:"#35335d!important"}},className:"grey-button"},i.createElement(l.A,{id:"chequier.commandes.annuler"})))):4===T?i.createElement(i.Fragment,null,i.createElement(j,null,i.createElement(K,{className:"design-r2"},i.createElement("div",{className:"info",style:{marginTop:50}},ue?i.createElement(i.Fragment,null,i.createElement("span",null,i.createElement(l.A,{id:"benef
1iciary.get.notification"})),i.createElement("span",null,i.createElement(l.A,{id:"beneficiary.with.code.validation"}))):i.createElement(i.Fragment,null,i.createElement("span",null,i.createElement(l.A,{id:"beneficiary.verification.code"})),i.createElement("strong",{style:{color:"#010135"}},"xxxxxxxx"+me.substring(me.length-2)))),i.createElement(L.l,(0,r.A)({},we)),re?i.createElement("div",{className:"action_renvoyer_otp_v2"},i.createElement(W,{disabled:!0},ee," ",i.createElement(l.A,{id:"beneficiary.resend.code"}))):i.createElement(i.Fragment,null,i.createElement("div",{className:"renvoyer_otp"},i.createElement("span",null,i.createElement(l.A,{id:"beneficiary.receive.code"}))),i.createElement("div",{className:"action_renvoyer_otp"},i.createElement(W,{onClick:Ae},i.createElement(l.A,{id:"title.resend"}))))))):void 0;var e,n,t}})}const D=M.Ay.div(h||(h=(0,a.A)(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"]))),F=M.Ay.div(b||(b=(0,a.A)(["\n display: flex;\n align-items: center;\n gap: 12px;\n padding: 16px;\n border-radius: 5px;\n box-shadow: 0 2px 5px 0 rgba(184, 184, 203, 0.3);\n background-color: ",";\n border: ",";\n cursor: pointer;\n font-family: 'Montserrat';\n font-size: 14px;\n font-weight: 500;\n color: #010135;\n\n input[type='radio'] {\n accent-color: #e00034;\n width: 18px;\n height: 18px;\n }\n"])),e=>e.selected?"#f5f0ff":"#fff",e=>e.selected?"2px solid #e00034":"2px solid transparent"),B=M.Ay.div(E||(E=(0,a.A)(["\n margin-top: 25px;\n margin-bottom: 11px;\n font-family: 'Source Sans Pro';\n font-size: 14px;\n font-weight: normal;\n text-align: left;\n color: #51516c;\n text-transform: uppercase;\n line-height: 1.79;\n @media (max-width: ","px) {\n font-size: 13px;\n line-height: 1.98;\n }\n @media (max-width: ","px) {\n }\n @media (max-width: ","px) {\n }\n @media (max-width: ","px) {\n font-size: 12px;\n line-height: 2.08;\n }\n\n @media (max-width: ","px) {\n margin-bottom: 11px;\n }\n"])),R.z.breakpoints.values.lg,R.z.breakpoints.values.lg,R.z.breakpoints.values.md,R.z.breakpoints.values.xs,R.z.breakpoints.values.xs),U=(M.Ay.div(y||(y=(0,a.A)(["\n font-family: 'Source Sans Pro';\n font-size: 14px;\n color: #51516c;\n margin-bottom: 16px;\n line-height: 1.5;\n"]))),M.Ay.span(A||(A=(0,a.A)(["\n font-weight: 600;\n color: #010135;\n letter-spacing: 1px;\n"]))),M.Ay.div(w||(w=(0,a.A)(["\n margin-bottom: 12px;\n\n input {\n width: 100%;\n padding: 12px 0;\n font-size: 24px;\n letter-spacing: 12px;\n text-align: center;\n border: none;\n outline: none;\n background-color: transparent;\n color: #010135;\n font-family: 'Montserrat';\n font-weight: 600;\n\n &::placeholder {\n color: #c4c4c4;\n letter-spacing: 12px;\n }\n }\n"]))),M.Ay.div(k||(k=(0,a.A)(["\n font-family: 'Source Sans Pro';\n font-size: 13px;\n color: #e00034;\n margin-top: 4px;\n"]))),e=>{let n=e.icon,t=e.accountType,a=e.accountNumber,r=e.accountAgency,o=e.onClick,l=e.editable,s=e.onEditClick,d=e.showBadge,u=e.accountName;return i.createElement(X,{className:l&&"editable",onClick:o},i.createElement("div",{className:"icon"},n),i.createElement("div",{className:"content"},i.createElement("div",{className:"content-body ".concat(l&&"with-line")},i.createElement("div",{className:"account-type"},u," ",d&&i.createElement("span",{className:"badge"},null!==t&&void 0!==t?t:"-")),i.createElement("div",{className:"account-number"},a),i.createElement("div",{className:"account-agency"},r)),i.createElement("div",{className:"edit-icon"},l&&i.createElement(p.K,{onClick:s},i.createElement(c.dJk,{color:"51516c"})))))}),X=M.Ay.div(C||(C=(0,a.A)(["\n cursor: pointer;\n &.editable {\n cursor: inherit;\n }\n\n padding: 14px;\n margin: 10px 0;\n display: flex;\n flex-flow: row nowrap;\n align-items: center;\n border-radius: 5px;\n box-shadow: 0 2px 5px 0 rgba(184, 184, 203, 0.3);\n background-color: #fff;\n @media (max-width: ","px) {\n padding: 10px 13.8px 10.3px 13.8px;\n }\n\n @media (max-width: ","px) {\n padding: 7px 12px 7px 12px;\n }\n\n .icon {\n display: flex;\n justify-content: center;\n justify-items: center;\n & > svg,\n & > img {\n width: 39px !important;\n\n @media (max-width: ","px) {\n width: 33.5px !important;\n }\n }\n }\n\n .content {\n display: flex;\n justify-content: space-between;\n width: 100%;
1\n align-items: center;\n .content-body {\n display: flex;\n flex-flow: column nowrap;\n margin-left: 15px;\n font-family: 'Montserrat';\n text-transform: uppercase;\n flex-grow: 1;\n @media (max-width: ","px) {\n margin-left: 12.9px;\n }\n &.with-line {\n border-right: solid 1px #e6ebf6;\n }\n .account-type {\n font-size: 13px;\n font-weight: 500;\n text-align: left;\n color: #010135;\n line-height: 1.58;\n span.badge {\n background-color: ",";\n color: ",";\n border-radius: 10px;\n padding: 5px 10px;\n font-size: 8px;\n position: relative;\n bottom: 5px;\n left: 15px;\n }\n @media (max-width: ","px) {\n font-size: 12px;\n\n line-height: 1.58;\n }\n @media (max-width: ","px) {\n }\n @media (max-width: ","px) {\n }\n @media (max-width: ","px) {\n font-size: 11px;\n\n line-height: 1.27;\n }\n\n @media (max-width: ","px) {\n font-size: 10px;\n\n line-height: 1.4;\n }\n }\n .account-number,\n .account-agency {\n font-size: 12px;\n text-align: left;\n color: #35335d;\n line-height: 1.64;\n @media (max-width: ","px) {\n font-size: 11px;\n\n line-height: 1.64;\n }\n @media (max-width: ","px) {\n }\n @media (max-width: ","px) {\n }\n @media (max-width: ","px) {\n font-size: 10px;\n\n line-height: 1.5;\n }\n\n @media (max-width: ","px) {\n font-size: 9px;\n\n line-height: 1.67;\n }\n }\n }\n .edit-icon {\n margin-left: 16px;\n button {\n padding: 0;\n svg {\n width: 15px !important;\n }\n }\n }\n }\n"])),R.z.breakpoints.values.lg,R.z.breakpoints.values.xs,R.z.breakpoints.values.xs,R.z.breakpoints.values.xs,P.lm.sg_ligh_red,P.lm.sg_red,R.z.breakpoints.values.lg,R.z.breakpoints.values.lg,R.z.breakpoints.values.md,R.z.breakpoints.values.xs,R.z.breakpoints.values.xs,R.z.breakpoints.values.lg,R.z.breakpoints.values.lg,R.z.breakpoints.values.md,R.z.breakpoints.values.xs,R.z.breakpoints.values.xs),j=M.Ay.div(T||(T=(0,a.A)(["\n .account-card {\n max-width: unset;\n margin-right: 0;\n }\n .select-chequier {\n margin: 0;\n width: 100%;\n height: 61px;\n @media (max-width: ","px) {\n height: 50px;\n }\n\n .MuiOutlinedInput-root {\n height: 100%;\n }\n label {\n font-size: 13px;\n font-weight: 400;\n transform: translateX(17px) translateY(-50%);\n top: 50%;\n }\n .MuiInputLabel-outlined.MuiInputLabel-shrink {\n display: none;\n }\n .MuiSelect-select:focus {\n background-color: transparent;\n }\n .MuiOutlinedInput-root {\n background-color: #fff;\n box-shadow: 0 2px 5px 0 rgba(184, 184, 203, 0.3);\n border-radius: 5px;\n &:hover .MuiOutlinedInput-notchedOutline,\n .MuiOutlinedInput-notchedOutline {\n border: none;\n }\n &.Mui-focused {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n .MuiSelect-icon {\n top: 50%;\n transform: translateY(-50%);\n }\n }\n .MuiListItem-root {\n font-family: 'Montserrat';\n font-size: 13px;\n line-height: 22px;\n }\n }\n"])),R.z.breakpoints.values.xs),Y=M.Ay.div(S||(S=(0,a.A)(["\n display: flex;\n flex-flow: column nowrap;\n justify-content: center;\n .red-button,\n .grey-button {\n margin: 10px 0;\n }\n"]))),K=M.Ay.div(N||(N=(0,a.A)(["\n display: flex;\n flex-direction: column;\n font-size: 12px;\n text-align: center;\n font-weight: 400;\n overflow: hidden;\n margin-top: 10px;\n\n @media (max-width: ","px) {\n width: 100%;\n overflow: hidden;\n }\n\n @media (max-width: ","px) {\n span {\n width: 100%;\n }\n }\n\n .form {\n display: flex;\n flex-direction: column;\n width: 390px;\n margin: auto;\n\n @media (max-width: ","px) {\n width: 100%;\n }\n }\n\n .actions {\n display: flex;\n flex-direction: column;\n width: 300px;\n margin: auto;\n }\n\n .action_renvoyer_otp {\n display: flex;\n flex-direction: column;\n width: 100px;\n margin: 10px auto;\n }\n\n .action_renvoyer_otp_v2 {\n display: flex;\n flex-direction: column;\n width: 300px;\n margin: 10px auto;\n }\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: #000;\n margin: 10px 0 3.5px 0;\n\n span {\n font-family: Montserrat;\n font-size: 14px;\n font-weight: 500;\n }\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"])),R.z.breakpoints.values.xs,R.z.breakpoints.values.xs,R.z.breakpoints.values.xs),W=M.Ay.button(z||(z=(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: transparent;\n cursor: pointer;
1\n\n &:disabled {\n cursor: not-allowed;\n }\n"])))},5622(e,n,t){"use strict";t.d(n,{n:()=>z});var a=t(43207),r=t(72176),o=t(86896),i=t(44437),l=t(19179),c=t(16799);const s=t.p+"static/media/virtual-card-bg.bb26c872d2e65833493522703e69cf7a.svg";var d,u,m,p,g,f,x,v,h,b,E,y,A,w,k,C,T=t(99339),S=t(15521),N=t.n(S);const z=e=>{let n=e.card,t=e.isActive,a=e.onSelect,o=e.revealedInfo,c=e.onRevealClick,d=e.isRevealing,u=e.hideActionButtons;const m=!!o,p=(null===n||void 0===n?void 0:n.status)===T.vj.BLOCKED||(null===n||void 0===n?void 0:n.status)===T.vj.CANCELLED,g=!p,f=m&&!p,x=String((null===n||void 0===n?void 0:n.usage)||"").toUpperCase(),v="MONO"===x,h=v||"REUSABLE"===x;console.log("VirtualCardItem",{card:n});const b=m?(E=o.cardNumber)?E.replace(/\s/g,"").replace(/(.{4})/g,"$1 ").trim():"":function(e){if(!e)return"4716 **** **** XXXX";const n=e.replace(/\s/g,""),t=n.slice(0,4),a=n.slice(-4);return"".concat(t," **** **** ").concat(a)}(n.cardToken);var E;return r.createElement(M,{isActive:t,isBlocked:p,cardColor:n.color,onClick:()=>a(n)},r.createElement(R,{src:s,alt:""}),h&&r.createElement(L,null,v?r.createElement(i.A,{id:"virtual.card.type.mono",defaultMessage:"MONO"}):r.createElement(i.A,{id:"virtual.card.type.reusable",defaultMessage:"REUSABLE"})),r.createElement(P,null,r.createElement(O,{onClick:e=>{e.stopPropagation(),c&&!d&&g&&c(n)},"aria-label":"Afficher les d\xe9tails",disabled:d||p},u||p?null:r.createElement(m?l._NO:l.Vap,{size:18,color:"rgba(255,255,255,0.85)"}))),r.createElement(I,null,r.createElement(V,null,r.createElement(_,null,b),u||!f?null:r.createElement(D,{onClick:e=>{var t;e.stopPropagation(),f&&(null===(t=navigator.clipboard)||void 0===t||t.writeText(m?o.cardNumber:n.cardToken).catch(()=>null))},"aria-label":"Copier le num\xe9ro"},r.createElement(l.nxz,{size:14,color:"rgba(255,255,255,0.75)"}))),r.createElement(V,null,r.createElement(B,null,r.createElement(U,null,m?o.cvv:"\u2022\u2022\u2022"),u||!f?null:r.createElement(D,{onClick:e=>{var t;e.stopPropagation(),f&&(null===(t=navigator.clipboard)||void 0===t||t.writeText(m?o.cvv:null===n||void 0===n?void 0:n.cardToken).catch(()=>null))},"aria-label":"Copier le CVV"},r.createElement(l.nxz,{size:14,color:"rgba(255,255,255,0.75)"})))),r.createElement(F,null,r.createElement(X,null,r.createElement(j,null,"EXP"),r.createElement(Y,null,N()(n.expiresOn).format("MM/YY"))))))},M=o.A.div(d||(d=(0,a.A)(["\n position: relative;\n width: 339px;\n /* !important overrides the slick .slick-slide div { height: 100% } global rule */\n height: 167px !important;\n background-color: ",";\n border-radius: 16px;\n overflow: hidden;\n cursor: pointer;\n transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;\n user-select: none;\n flex-shrink: 0;\n /* Flex layout so content is normal flow \u2014 not affected by slick height rule */\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n padding: 14px 16px;\n box-sizing: border-box;\n\n ","\n\n &:hover {\n filter: none;\n transform: translateY(-4px);\n }\n"])),e=>{let n=e.isBlocked,t=e.cardColor;return n?"#A59F9F":t||"#005658"},e=>e.isActive?"\n transform: translateY(-4px);\n box-shadow: rgb(38, 57, 77) 0px 10px 20px -10px;\n filter: none;\n ":"\n filter: opacity(0.5);\n "),R=o.A.img(u||(u=(0,a.A)(["\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n mix-blend-mode: screen;\n opacity: 0.6;\n pointer-events: none;\n"]))),P=o.A.div(m||(m=(0,a.A)(["\n display: flex;\n justify-content: flex-end;\n position: relative;\n z-index: 1;\n"]))),L=o.A.span(p||(p=(0,a.A)(["\n position: absolute;\n top: 15px;\n right: 55px;\n z-index: 2;\n background: transparent;\n color: #fff;\n font-family: ",";\n font-size: 10px;\n font-weight: 700;\n line-height: 1;\n letter-spacing: 0.5px;\n text-transform: uppercase;\n border-radius: 999px;\n padding: 6px 10px;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28);\n"])),c.pQ.sourceSansPro),O=o.A.button(g||(g=(0,a.A)(["\n background: transparent;\n border: none;\n padding: 5px 0 0 0;\n cursor: pointer;\n line-height: 0;\n align-self: flex-start;
1\n"]))),I=o.A.div(f||(f=(0,a.A)(["\n display: flex;\n flex-direction: column;\n gap: 4px;\n position: relative;\n z-index: 1;\n"]))),V=o.A.div(x||(x=(0,a.A)(["\n display: flex;\n align-items: center;\n gap: 8px;\n"]))),_=o.A.span(v||(v=(0,a.A)(["\n font-family: 'Courier New', Courier, monospace;\n font-size: 16px;\n font-weight: 600;\n letter-spacing: 2px;\n color: rgba(255, 255, 255, 0.95);\n"]))),D=o.A.button(h||(h=(0,a.A)(["\n background: transparent;\n border: none;\n padding: 0;\n cursor: pointer;\n line-height: 0;\n opacity: 0.8;\n &:hover {\n opacity: 1;\n }\n"]))),F=o.A.div(b||(b=(0,a.A)(["\n display: flex;\n gap: 16px;\n"]))),B=o.A.div(E||(E=(0,a.A)(["\n display: flex;\n align-items: center;\n gap: 6px;\n"]))),U=(o.A.span(y||(y=(0,a.A)(["\n font-family: ",";\n font-size: 10px;\n color: rgba(255, 255, 255, 0.6);\n letter-spacing: 1px;\n text-transform: uppercase;\n"])),c.pQ.sourceSansPro),o.A.span(A||(A=(0,a.A)(["\n font-family: 'Courier New', Courier, monospace;\n font-size: 14px;\n letter-spacing: 3px;\n color: rgba(255, 255, 255, 0.85);\n"])))),X=o.A.div(w||(w=(0,a.A)(["\n display: flex;\n align-items: center;\n gap: 6px;\n"]))),j=o.A.span(k||(k=(0,a.A)(["\n font-family: ",";\n font-size: 10px;\n color: rgba(255, 255, 255, 0.6);\n letter-spacing: 1px;\n text-transform: uppercase;\n"])),c.pQ.sourceSansPro),Y=o.A.span(C||(C=(0,a.A)(["\n font-family: 'Courier New', Courier, monospace;\n font-size: 13px;\n font-weight: 600;\n color: rgba(255, 255, 255, 0.95);\n letter-spacing: 1px;\n"])))},60113(){},8379(){},93553(){},14432(){},47331(){},63011(){},43951(){},49914(){},14168(){}}]); 2//# sourceMappingURL=1857.19664c10.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.